body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
  font: normal 14px BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC,
    Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei,
    sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
ul,
ol,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: none;
}
img {
  vertical-align: top;
  border: 0;
  max-width: 100%;
}
button,
input,
textarea {
  font-size: 100%;
  vertical-align: middle;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
div,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html {
  font-size: 100px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 85.33333px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 96px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 128px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 170.66667px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 200px;
  }
}
.clearfloat:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.clearfloat {
  *zoom: 1;
}
.clearboth {
  clear: both;
}
.wp {
  width: 1000px;
  margin: 0 auto;
}
.checkBrowser {
  font-size: 14px;
  line-height: 40px;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 50%;
  width: 700px;
  height: 40px;
  margin-left: -360px;
  padding: 0 10px;
  color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e6212a;
}
.checkBrowser a {
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  color: #333;
  border-radius: 50%;
  background-color: #fff;
}
.wd1340 {
  width: 1340px;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .wd1340 {
    width: 1200px;
  }
}
@media screen and (max-width: 1440px) {
  .wd1340 {
    width: 1000px;
  }
}
@media screen and (max-width: 1060px) {
  .wd1340 {
    padding: 0 0.175rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.wp1340 {
  max-width: 1340px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .wp1340 {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1260px) {
  .wp1340 {
    padding: 0 0.15rem;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.wp1140 {
  max-width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .wp1140 {
    padding: 0 0.15rem;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.wp1200 {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1260px) {
  .wp1200 {
    max-width: 100%;
    padding: 0 0.15rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/Gotham-Medium.eot");
  src: local("☺"), url("../fonts/Gotham-Medium.woff") format("woff"),
    url("../fonts/Gotham-Medium.ttf") format("truetype"),
    url("../fonts/Gotham-Medium.svg") format("svg");
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("../fonts/Gotham-Bold.eot");
  src: local("☺"), url("../fonts/Gotham-Bold.woff") format("woff"),
    url("../fonts/Gotham-Bold.ttf") format("truetype"),
    url("../fonts/Gotham-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GothamExLight";
  src: url("../fonts/GothamExLight.eot");
  src: local("☺"), url("../fonts/GothamExLight.woff") format("woff"),
    url("../fonts/GothamExLight.ttf") format("truetype"),
    url("../fonts/GothamExLight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GothamCond-Bold";
  src: url("../fonts/GothamCond-Bold.eot");
  src: local("☺"), url("../fonts/GothamCond-Bold.woff") format("woff"),
    url("../fonts/GothamCond-Bold.ttf") format("truetype"),
    url("../fonts/GothamCond-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Condensed Bold";
  src: url("../fonts/Helvetica Condensed Bold.eot");
  src: local("☺"), url("../fonts/Helvetica Condensed Bold.woff") format("woff"),
    url("../fonts/Helvetica Condensed Bold.ttf") format("truetype"),
    url("../fonts/Helvetica Condensed Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-book";
  src: url("../fonts/Gotham-book.eot");
  src: local("☺"), url("../fonts/Gotham-book.woff") format("woff"),
    url("../fonts/Gotham-book.ttf") format("truetype"),
    url("../fonts/Gotham-book.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.inside-banner {
  position: relative;
  width: 100%;
  padding-bottom: 38.38542%;
}
.inside-banner-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.inside-banner-box .img-pc,
.inside-banner-box .img-mobile {
  width: 100%;
  height: 100%;
  background: #fff none no-repeat center center;
  background-size: cover;
}
.inside-banner-box .img-mobile {
  display: none;
}
.inside-banner .inside-banner-pagination {
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.inside-banner .inside-banner-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 11px;
  height: 11px;
  border: 1px solid #00aceb;
  outline: none;
  background: none;
  opacity: 1;
}
.inside-banner .inside-banner-pagination .swiper-pagination-bullet-active {
  background-color: #00aceb;
}
@media screen and (max-width: 1024px) {
  .inside-banner .inside-banner-pagination {
    bottom: 0.125rem;
  }
}
@media screen and (max-width: 750px) {
  .inside-banner {
    padding-bottom: 56.93333%;
  }
  .inside-banner.pro-banner {
    display: none;
  }
  .inside-banner-box .img-mobile {
    display: block;
  }
  .inside-banner-box .img-pc {
    display: none;
  }
  .inside-banner .inside-banner-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
.inside-menu {
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
}
.inside-menu.fixed .inside-menu-wp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.inside-menu.fixed .inside-menu-once li a {
  padding: 15px 0;
}
.inside-menu.fixed .inside-menu-sub {
  display: none;
}
.inside-menu-wp {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.inside-menu-once.no-init .swiper-wrapper {
  display: block;
  width: 100%;
}
.inside-menu-once .swiper-wrapper {
  font-size: 0;
}
.inside-menu-once li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 75px;
}
.inside-menu-once li.on a .icon-default,
.inside-menu-once li a:hover .icon-default {
  display: none;
}
.inside-menu-once li.on a .icon-hover,
.inside-menu-once li a:hover .icon-hover {
  display: inline-block;
}
.inside-menu-once li.on a p,
.inside-menu-once li a:hover p {
  color: #00aceb;
}
.inside-menu-once li a {
  display: block;
  padding: 26px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.inside-menu-once li .icon {
  height: 35px;
  line-height: 35px;
}
.inside-menu-once li .icon img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.inside-menu-once li .icon-default {
  display: inline-block;
  filter: brightness(70%);
}
.inside-menu-once li .icon-hover {
  display: none;
}
.inside-menu-once li p {
  margin-top: 6px;
  line-height: 1.5;
  font-size: 15px;
  color: #727171;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.inside-menu-sub {
  _height: 65px;
  _line-height: 65px;
  border-top: 1px solid #dcdcdc;
}
.inside-menu-sub.no-init .swiper-wrapper {
  display: block;
  width: 100%;
}
.inside-menu-sub .swiper-wrapper {
  font-size: 0;
}
.inside-menu-sub li {
  position: relative;
  display: inline-block;
  line-height: 65px;
  vertical-align: top;
  width: auto;
  padding: 0 84px;
}
.inside-menu-sub li.on a,
.inside-menu-sub li a:hover {
  color: #00aceb;
}
.inside-menu-sub li a {
  display: block;
  font-size: 15px;
  color: #727171;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
  .inside-menu.fixed .inside-menu-once li a {
    padding: 12px 0;
  }
  .inside-menu-once li {
    padding: 0 60px;
  }
  .inside-menu-once li a {
    padding: 18px 0;
  }
  .inside-menu-once li .icon {
    height: 32px;
    line-height: 32px;
  }
  .inside-menu-sub {
    height: 56px;
    line-height: 56px;
  }
  .inside-menu-sub li {
    padding: 0 64px;
  }
}
@media screen and (max-width: 1200px) {
  .inside-menu-once li {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1024px) {
  .inside-menu.fixed .inside-menu-wp {
    position: relative;
  }
  .inside-menu.fixed .inside-menu-once li a {
    padding: 0;
  }
  .inside-menu-once li {
    position: relative;
    padding: 0 30px;
  }
  .inside-menu-once li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #dcdcdc;
  }
  .inside-menu-once li.on a:after {
    opacity: 1;
  }
  .inside-menu-once li a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
  .inside-menu-once li a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: #00aceb;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .inside-menu-once li .icon {
    margin-right: 8px;
    height: 24px;
    line-height: 24px;
  }
  .inside-menu-once li p {
    margin-top: 0;
    line-height: 60px;
  }
  .inside-menu-sub li {
    position: relative;
    padding: 0 30px;
  }
  .inside-menu-sub li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #dcdcdc;
  }
}
@media screen and (max-width: 750px) {
  .inside-menu.fixed .inside-menu-sub {
    height: 50px;
    line-height: 50px;
  }
  .inside-menu-once li {
    padding: 0 15px;
  }
  .inside-menu-once li .icon {
    margin-right: 6px;
    height: 18px;
    line-height: 18px;
  }
  .inside-menu-once li p {
    line-height: 50px;
    font-size: 14px;
  }
  .inside-menu-sub {
    height: 50px;
    line-height: 50px;
  }
  .inside-menu-sub li {
    padding: 0 15px;
  }
  .inside-menu-sub li a {
    font-size: 14px;
  }
}
.list-page {
  padding: 120px 0 100px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .list-page {
    padding: 100px 0 90px;
  }
}
@media screen and (max-width: 1024px) {
  .list-page {
    padding: 80px 0 70px;
  }
}
@media screen and (max-width: 750px) {
  .list-page {
    padding: 0.55rem 0 0.5rem;
  }
}
.article-page {
  padding: 90px 0;
}
@media screen and (max-width: 1024px) {
  .article-page {
    padding: 80px 0;
  }
}
@media screen and (max-width: 750px) {
  .article-page {
    padding: 0.5rem 0;
  }
}
.article-top {
  padding: 18px 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #cdcdcd;
}
.article-top .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.article-top-btn {
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #00aceb;
  border: 1px solid #00aceb;
  border-radius: 32px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.article-top-btn:hover {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1024px) {
  .article-top {
    padding: 15px 0;
  }
  .article-top-btn {
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .article-top {
    display: none;
  }
}
.bread-con {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  line-height: 32px;
  color: #727171;
  font-size: 14px;
}
.bread-con .icon {
  display: inline-block;
  vertical-align: top;
  margin: 2px 10px 0 0;
  height: 28px;
}
.bread-con .icon img {
  height: 100%;
  width: auto;
}
.bread-con .icon-default {
  display: block;
}
.bread-con .icon-hover {
  display: none;
}
.bread-con a,
.bread-con span {
  display: inline-block;
  vertical-align: top;
  color: #727171;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.bread-con a + a,
.bread-con a + span,
.bread-con span + a,
.bread-con span + span {
  margin-left: 6px;
}
.bread-con a:after {
  content: "\e668";
  margin-left: 6px;
  font-family: "iconfont";
  color: #bcb9ba;
  font-size: 13px;
}
.bread-con a:hover {
  color: #00aceb;
}
.bread-con a:hover .icon-default {
  display: none;
}
.bread-con a:hover .icon-hover {
  display: block;
}
@media screen and (max-width: 1024px) {
  .bread-con {
    line-height: 28px;
    font-size: 13px;
  }
  .bread-con .icon {
    margin-right: 6px;
    height: 24px;
  }
}
.paged {
  font-size: 0;
  text-align: center;
}
.paged a,
.paged .p_info,
.paged .current {
  display: inline-block;
  vertical-align: top;
  margin: 5px 10px;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #595757;
  font-family: "GothamExLight";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .paged a,
  .paged .p_info,
  .paged .current {
    margin: 3px 5px;
    padding: 0 5px;
    font-size: 12px;
  }
}
.paged .current,
.paged a:hover {
  color: #00aceb;
  font-weight: bold;
}
.mejs__overlay-button {
  width: 69px;
  height: 69px;
  background-position: 0 -51px;
  outline: none;
}
@media screen and (max-width: 750px) {
  .mejs__overlay-button {
    width: 46px;
    height: 46px;
    background-position: 0 -34px;
    background-size: auto 80px;
  }
}
.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -75px -51px;
}
@media screen and (max-width: 750px) {
  .mejs__overlay:hover > .mejs__overlay-button {
    background-position: -50px -34px;
  }
}
.article-swiper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -ms-touch-action: none;
  touch-action: none;
  z-index: 9999;
}
.article-swiper .swiper-pagination {
  bottom: 1em;
  color: #fff;
}
.article-swiper .swiper-slide img {
  display: block;
  max-width: 95%;
  max-height: -moz-calc(100% - 6em);
  max-height: calc(100% - 6em);
}
.article-swiper .swiper-slide p {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  z-index: 22;
}
.uweb-search-input-con {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25px;
}
.uweb-search-select-con {
  float: left;
  width: 37%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25px;
}
@media screen and (max-width: 750px) {
  .uweb-search-input-con,
  .uweb-search-select-con {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
}
.uweb-search-top {
  position: relative;
  margin-bottom: 40px;
  height: 44px;
  width: 100%;
}
.uweb-search-top-s .uweb-search-input-con {
  float: left;
  width: 87%;
}
@media screen and (max-width: 750px) {
  .uweb-search-top {
    height: auto;
  }
  .uweb-search-top-s .uweb-search-input-con {
    width: 100%;
  }
}
.uweb-search-top-text {
  float: left;
  width: 80px;
  font-size: 14px;
  color: #666;
  line-height: 44px;
}
.uweb-search-top-input {
  margin: 0 0 0 80px;
  height: 44px;
  border: 1px solid #e9e9e9;
}
.uweb-search-top-input input {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14px;
  padding: 0 20px;
}
.uweb-search-top-button {
  float: left;
  width: 13%;
  height: 46px;
  background: #00aceb;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 46px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
}
.uweb-search-top-button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  .uweb-search-top-button {
    float: none;
    width: 100%;
  }
}
.uweb-search-top-input2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 80px;
  height: 44px;
  border: 1px solid #e9e9e9;
}
.uweb-search-top-input2 input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14px;
  padding: 0 20px;
}
.uweb-search-top-text1 {
  float: left;
  width: 70px;
  font-size: 14px;
  color: #666;
  line-height: 44px;
}
.uweb-search-top-select {
  position: relative;
  margin-left: 70px;
  height: 44px;
  border: 1px solid #e9e9e9;
  font-size: 14px;
  color: #999;
}
.uweb-search-top-select:after {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #999;
}
.uweb-search-top-select select {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100% !important;
  border: 0px;
  padding: 0 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.uweb-search-top-select .customSelect {
  width: 100%;
  height: 100%;
  line-height: 42px;
  padding: 0 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .uweb-search-top-select {
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
  }
}
.uweb-search-content {
  margin: 0.2rem -12px 0.1rem;
  font-size: 0;
}
.uweb-search-content li {
  display: inline-block;
  vertical-align: top;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 156px;
  margin-bottom: 0.15rem;
}
.uweb-search-content li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 40px 30px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.uweb-search-content li a:hover {
  background: #f1f1f1;
}
.uweb-search-content li a:hover .text {
  color: #00aceb;
}
.uweb-search-content li a:hover .btn {
  background: #00aceb;
}
.uweb-search-content li a .text {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
}
.uweb-search-content li a .time {
  margin-top: 5px;
  font-size: 14px;
  font-family: "Arial";
  color: #999;
}
.uweb-search-content li a .btn {
  margin-top: 20px;
  width: 95px;
  height: 28px;
  background: #999;
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1200px) {
  .uweb-search-content {
    margin-right: 0;
    margin-left: 0;
  }
  .uweb-search-content li:nth-child(2n + 1) {
    padding: 0 12px 0 0;
  }
  .uweb-search-content li:nth-child(2n) {
    padding: 0 0 0 12px;
  }
}
@media screen and (max-width: 480px) {
  .uweb-search-content li {
    float: none;
    width: 100%;
    height: auto;
  }
  .uweb-search-content li:nth-child(2n + 1),
  .uweb-search-content li:nth-child(2n) {
    padding: 0;
  }
  .uweb-search-content li a .text {
    max-height: none;
  }
}
.uweb-search-tip-con {
  margin: 40px auto;
  width: 1340px;
  max-width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5rem 0.15rem;
  text-align: center;
}
.uweb-search-tip-con .title {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}
.uweb-search-tip-con .tips {
  font-size: 14px;
  color: orange;
  font-weight: bold;
  line-height: 28px;
  width: 900px;
  margin: 0 auto 10px;
  max-width: 100%;
}
.uweb-search-tip-con .p {
  font-size: 14px;
  color: #333;
  line-height: 28px;
  margin-bottom: 10px;
}
.uweb-search-tip-con .num {
  color: red;
  padding: 0 3px;
  text-decoration: underline;
}
.uweb-search-tip-con .tip-btn {
  display: block;
  width: 140px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  background: #00aceb;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 auto;
  cursor: pointer;
}
.uweb-search-tip-con .tip-btn:hover {
  background: #1fc3ff;
}
.tips-popup {
  display: none;
}
.tips-popup.show .tips-popup-mask {
  opacity: 1;
}
.tips-popup.show .tips-popup-box {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.tips-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.tips-popup-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: table;
  margin: auto;
  table-layout: fixed;
  padding: 18px 24px 8px;
  width: 320px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  z-index: 9001;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 414px) {
  .tips-popup-box {
    max-width: -moz-calc(100% - 0.4rem);
    max-width: calc(100% - 0.4rem);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.tips-popup-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}
.tips-popup-head .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-top: 1px;
  line-height: 22px;
  font-size: 16px;
  color: #000;
}
.tips-popup-close {
  margin: 5px 0 0 10px;
  width: 14px;
  height: 14px;
  background: url(../images/tips_icon.png) top -130px left no-repeat;
  opacity: 0.7;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.tips-popup-close:hover {
  opacity: 1;
}
.tips-popup-content {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.tips-popup-footer {
  padding: 4px 0;
  text-align: right;
  font-size: 0;
}
.tips-popup-footer li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding: 8px 15px;
  line-height: 1;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.tips-popup-footer li:hover {
  opacity: 0.8;
}
.tips-popup-footer .cancle-btn {
  color: #666;
  background-color: #fff;
  border-color: #dcdfe6;
}
.tips-popup-footer .submit-btn {
  color: #fff;
}
.tips-popup .tips-icon {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background-image: url(../images/tips_icon.png);
  background-repeat: no-repeat;
}
.tips-popup .tips-icon-success {
  background-position: 0 -104px;
}
.tips-popup .tips-icon-question {
  background-position: 0 -78px;
}
.tips-popup .tips-icon-info {
  background-position: 0 -52px;
}
.tips-popup .tips-icon-error {
  background-position: 0 -26px;
}
.tips-popup .tips-icon-alert {
  background-position: 0 0;
}
.tips-popup-icon {
  padding-left: 20px;
  padding-right: 20px;
}
.tips-popup-icon .tips-popup-content {
  padding-left: 34px;
}
.toast-box {
  position: fixed;
  top: 40%;
  left: 0.25rem;
  right: 0.25rem;
  text-align: center;
  pointer-events: none;
  z-index: 9000;
}
.toast-box-wp {
  display: inline-block;
  max-width: 100%;
  padding: 15px 60px;
  line-height: 30px;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.6);
  border-radius: 999px;
  -webkit-box-shadow: 0 0 0.04rem rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0.04rem rgba(255, 255, 255, 0.1);
}
.toast-box .icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  font-size: 30px;
}
.toast-box .text {
  font-size: 16px;
}
.toast-box .text span {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
}
@media screen and (max-width: 1024px) {
  .toast-box-wp {
    padding: 12px 0.25rem;
    line-height: 28px;
  }
  .toast-box .icon {
    font-size: 28px;
  }
  .toast-box .text {
    font-size: 15px;
  }
}
@media screen and (max-width: 750px) {
  .toast-box-wp {
    line-height: 26px;
  }
  .toast-box .icon {
    font-size: 24px;
  }
  .toast-box .text {
    font-size: 14px;
  }
}
.captcha-title {
  height: 42px;
  width: 100%;
  text-align: center;
  border-radius: 2px;
  background-color: #f3f3f3;
  color: #bbb;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 42px;
}
.captcha-show {
  display: none;
  height: 42px;
  width: 100%;
  text-align: center;
  border-radius: 2px;
  background-color: #f3f3f3;
}
.captcha-loading {
  margin: auto;
  width: 70px;
  height: 20px;
}
.captcha-loading-dot {
  float: left;
  width: 8px;
  height: 8px;
  margin: 18px 4px;
  background: #ccc;
  border-radius: 50%;
  opacity: 0;
  -webkit-box-shadow: 0 0 2px black;
  box-shadow: 0 0 2px black;
  -webkit-animation: loadingFade 1s infinite;
  -moz-animation: loadingFade 1s infinite;
  animation: loadingFade 1s infinite;
}
.captcha-loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.captcha-loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.captcha-loading-dot:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
@-webkit-keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
.header {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #010b0f;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 999;
}
.header-index {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
}
.header.hide {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.header .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header .logo img {
  max-height: 25px;
  width: auto;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-nav {
  margin-right: 60px;
  font-size: 0;
}
.header-nav li {
  display: inline-block;
  vertical-align: top;
  margin: 0 17px;
}
.header-nav li:hover .nav-a:after {
  width: 100%;
}
.header-nav .nav-a {
  position: relative;
  display: block;
  padding: 0 3px;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #fffefe;
}
.header-nav .nav-a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.header-nav .nav-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99;
}
.header-nav .nav-sub-wp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.header-nav .nav-sub a {
  display: inline-block;
  vertical-align: top;
  width: 8.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 32px;
}
.header-nav .nav-sub a:hover .icon-default {
  display: none;
}
.header-nav .nav-sub a:hover .icon-hover {
  display: inline-block;
}
.header-nav .nav-sub a:hover p {
  color: #00aceb;
}
.header-nav .nav-sub .icon {
  margin-bottom: 10px;
  height: 30px;
  line-height: 30px;
}
.header-nav .nav-sub .icon img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.header-nav .nav-sub .icon-default {
  display: inline-block;
}
.header-nav .nav-sub .icon-hover {
  display: none;
}
.header-nav .nav-sub p {
  line-height: 1.5;
  font-size: 14px;
  color: #fffefe;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.header-search-btn {
  font-size: 20px;
  color: #f8fdff;
  cursor: pointer;
}
.header-search-box {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  padding: 40px 0 50px;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99;
}
.header-search-box .wp1200 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-search-box form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.header-search-box ::-webkit-input-placeholder {
  color: #fff;
}
.header-search-box ::-moz-placeholder {
  color: #fff;
}
.header-search-box :-ms-input-placeholder {
  color: #fff;
}
.header-search-box button,
.header-search-box input {
  outline: none;
  background: none;
}
.header-search-box .icon {
  font-size: 24px;
  color: #00aceb;
}
.header-search-box .input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin: 0 70px 0 12px;
  border-bottom: 1px solid #aaa;
}
.header-search-box .input input {
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  border: none;
}
.header-search-box .close-btn {
  margin-left: 35px;
  font-size: 26px;
  color: #00aceb;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.header-search-box .close-btn:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header-search-box button {
  padding: 0 22px;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  color: #00aceb;
  border: 1px solid #00aceb;
  border-radius: 34px;
  cursor: pointer;
}
.header-search-box button:hover {
  color: #fff;
  background-color: #00aceb;
}
.header-lang {
  position: relative;
  margin-left: 22px;
  padding-left: 22px;
  font-size: 18px;
  color: #f8fdff;
}
.header-lang i {
  margin-right: 6px;
  font-size: 18px;
}
.header-lang:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  height: 18px;
  width: 1px;
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .header-nav {
    margin-right: 40px;
  }
  .header-nav li {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1200px) {
  .header .logo img {
    max-height: 20px;
  }
  .header-nav {
    margin-right: 20px;
  }
  .header-nav li {
    margin: 0 10px;
  }
  .header-nav .nav-a {
    font-size: 15px;
  }
  .header-nav .nav-sub a {
    padding: 20px 0 22px;
  }
  .header-nav .nav-sub .icon {
    height: 26px;
    line-height: 26px;
  }
  .header-nav .nav-sub p {
    font-size: 13px;
  }
  .header-search-btn {
    font-size: 17px;
  }
  .header-search-box {
    padding: 35px 0 40px;
  }
  .header-search-box .icon {
    font-size: 22px;
  }
  .header-search-box .input {
    margin-right: 50px;
  }
  .header-search-box .input input {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
  }
  .header-search-box .close-btn {
    margin-left: 25px;
  }
  .header-lang {
    margin-left: 16px;
    padding-left: 16px;
    font-size: 17px;
  }
  .header-lang i {
    font-size: 17px;
  }
  .header-lang:before {
    margin-top: -7px;
    height: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .header {
    display: none;
  }
}
.header-slide {
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px 0;
  width: 100%;
  background: rgba(32, 43, 51, 0.25);
  z-index: 998;
}
.header-slide .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-slide .logo img {
  max-height: 25px;
  width: auto;
}
.header-slide .menu-btn {
  height: 21px;
  color: #333;
  z-index: 1002;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.header-slide .menu-btn img {
  display: block;
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .header-slide {
    display: none;
  }
}
.mobile-header {
  display: none;
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 0.15rem;
  height: 0.5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mobile-header-block {
  display: none;
  height: 0.5rem;
}
.mobile-header .logo {
  -webkit-transform: translate(-0.1rem);
  -moz-transform: translate(-0.1rem);
  -ms-transform: translate(-0.1rem);
  transform: translate(-0.1rem);
}
.mobile-header .logo img {
  width: auto;
  max-height: 0.16rem;
}
.mobile-header .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin: 0 0.25rem;
  font-size: 0.16rem;
  color: #00aceb;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.mobile-header-menu,
.mobile-header .search-btn {
  padding-top: 0.03rem;
  line-height: 0.47rem;
}
.mobile-header-menu {
  color: #00aceb;
  font-size: 0.16rem;
  font-family: "iconfont";
}
.mobile-header-menu:before {
  content: "\e610";
}
.mobile-header-menu.active:before {
  content: "\e629";
}
.mobile-header .search-btn {
  font-size: 0.18rem;
  color: #00aceb;
}
.mobile-header-search {
  display: none;
  position: fixed;
  top: 0.5rem;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 0.15rem 0.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease,
    -moz-transform 0.5s ease;
  z-index: 8889;
}
.mobile-header-search.anim {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.mobile-header-search .close-btn {
  position: absolute;
  top: 0.2rem;
  right: 0.15rem;
  color: #00aceb;
  font-size: 0.2rem;
}
.mobile-header-search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.mobile-header-search ::-webkit-input-placeholder {
  color: #fff;
}
.mobile-header-search ::-moz-placeholder {
  color: #fff;
}
.mobile-header-search :-ms-input-placeholder {
  color: #fff;
}
.mobile-header-search button,
.mobile-header-search input {
  outline: none;
  background: none;
}
.mobile-header-search .icon {
  font-size: 0.16rem;
  color: #00aceb;
}
.mobile-header-search .input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin: 0 0.15rem 0 0.075rem;
  border-bottom: 1px solid #aaa;
}
.mobile-header-search .input input {
  display: block;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.13rem;
  color: #fff;
  border: none;
}
.mobile-header-search button {
  padding: 0 0.16rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
  color: #00aceb;
  border: 1px solid #00aceb;
  border-radius: 0.35rem;
  cursor: pointer;
}
.mobile-header-search button:hover {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1024px) {
  .mobile-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-header-block {
    display: block;
  }
  .mobile-header-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.nav-mobile {
  position: fixed;
  top: 0.5rem;
  left: 0;
  bottom: 0;
  width: 2.18rem;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease,
    -moz-transform 0.5s ease;
  z-index: 6;
}
.nav-mobile.anim {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.nav-mobile-con {
  display: none;
  position: fixed;
  top: 0.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 8889;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease,
    -moz-transform 0.4s ease;
}
.nav-mobile-con .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.61);
  z-index: 1;
}
.nav-mobile-box {
  padding: 0.03rem 0 0.5rem 0.3rem;
}
.nav-mobile-wp {
  position: relative;
}
.nav-mobile-wp > li {
  border-bottom: 1px solid #535353;
}
.nav-mobile-title {
  position: relative;
}
.nav-mobile-title > a {
  position: relative;
  display: block;
  width: 100%;
  line-height: 0.45rem;
  font-size: 0.14rem;
  color: #fff;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-mobile-title.open .nav-mobile-child-btn i:before {
  content: "\e630";
}
.nav-mobile-child-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 0.15rem;
  text-align: right;
  line-height: 0.45rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.nav-mobile-child-btn i {
  font-size: 0.08rem;
  color: #bfbfbf;
  font-family: "iconfont";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.nav-mobile-child-btn i:before {
  content: "\e612";
}
.nav-mobile-child-btn + a {
  display: inline-block;
  width: auto;
  max-width: -moz-calc(100% - 0.3rem);
  max-width: calc(100% - 0.3rem);
}
.nav-mobile .sub {
  display: none;
  border-top: 1px solid #535353;
}
.nav-mobile .sub li {
  position: relative;
  overflow: hidden;
}
.nav-mobile .sub li:not(:last-child) a {
  border-bottom: 1px solid #535353;
}
.nav-mobile .sub li a {
  display: block;
  line-height: 0.45rem;
  height: 0.45rem;
  font-size: 0.125rem;
  color: #aaabab;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-mobile-lang {
  margin-top: 0.6rem;
  font-size: 0;
}
.nav-mobile-lang a {
  display: inline-block;
  font-size: 0.14rem;
  color: #b5b5b6;
}
.nav-mobile-lang a + a {
  margin-left: 0.2rem;
}
.nav-mobile-lang a.on,
.nav-mobile-lang a:hover {
  color: #00aceb;
}
.logo-footer {
  margin-bottom: 54px;
  text-align: center;
}
.logo-footer img {
  max-height: 100%;
  max-width: 100%;
}
.logo-footer-img {
  height: 35px;
}
.logo-footer-bottom {
  margin-top: 22px;
  height: 27px;
}
@media screen and (max-width: 1024px) {
  .logo-footer {
    margin-bottom: 30px;
  }
  .logo-footer-img {
    height: 30px;
  }
  .logo-footer-bottom {
    margin-top: 18px;
    height: 24px;
  }
}
@media screen and (max-width: 750px) {
  .logo-footer {
    margin-bottom: 0.075rem;
  }
  .logo-footer-img {
    height: 0.175rem;
  }
  .logo-footer-bottom {
    margin-top: 0.175rem;
    height: 18px;
  }
}
.footer {
  background-color: #181818;
}
.footer-icon-con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 50px;
  border-bottom: 1px solid #595959;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.footer-icon-dt {
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
}
.footer-icon-dt:after {
  width: 2px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: #00a0e9;
  content: "";
  margin-left: 10px;
  margin-top: -4px;
}
.footer-top {
  padding: 50px 0;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #b5b5b6;
  font-family: "Gotham-book";
  border-bottom: 1px solid #595959;
}
.footer-top strong {
  font-family: "Gotham-Bold";
}
.footer-top-logo {
  margin-top: 12px;
  height: 27px;
}
.footer-top-logo img {
  max-width: 100%;
  max-height: 100%;
}
.footer-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-share > li {
  position: relative;
  margin-right: 40px;
}
.footer-share > li:hover .icon {
  color: #191919;
  background-color: #fff;
}
.footer-share > li:hover .icon-default {
  display: none;
}
.footer-share > li:hover .icon-hover {
  display: block;
}
.footer-share > li:hover .a-box {
  opacity: 0.9;
}
.footer-share > li:hover .a-box-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-share .a-box {
  display: block;
  text-align: center;
  cursor: pointer;
}
.footer-share .a-box p {
  margin-top: 20px;
  font-size: 15px;
  color: #fff;
}
.footer-share .a-box > img {
  height: 30px;
}
.footer-share .a-box-popup {
  display: none;
  position: absolute;
  top: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  padding: 0 6px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.footer-share .a-box-popup:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #fff;
}
.footer-share .a-box-popup li {
  padding: 18px 5px 10px;
  width: 150px;
}
.footer-share .a-box-popup a {
  display: block;
}
.footer-share .a-box-popup a:hover p {
  color: #00aceb;
}
.footer-share .a-box-popup p {
  margin-top: 6px;
  font-size: 14px;
  color: #727171;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-share .a-box-popup .img img {
  max-width: 100%;
  height: auto;
}
.footer-share .icon {
  margin: 0 auto;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-share .icon img {
  width: 100%;
  height: 100%;
}
.footer-share .icon-default {
  display: block;
}
.footer-share .icon-hover {
  display: none;
}
.footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 50px 0;
  line-height: 1.5;
}
.footer-nav dl {
  min-width: 120px;
  margin-right: 50px;
}
.footer-nav dl:last-child {
  margin-right: 0;
  min-width: 0;
}
.footer-nav dt {
  margin-bottom: 5px;
}
.footer-nav dt a {
  font-size: 16px;
  color: #a5a5a5;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-nav dt a:hover {
  color: #fff;
}
.footer-nav dd {
  padding-top: 10px;
}
.footer-nav dd a {
  font-size: 15px;
  color: #7f7e7e;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-nav dd a:hover {
  color: #fff;
}
.footer-content {
  padding: 28px 0;
  background-color: #303030;
}
.footer-content .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.footer-content-left {
  line-height: 28px;
  font-size: 16px;
  color: #fff;
}
.footer-content-left .logo {
  display: inline-block;
  margin-right: 20px;
  max-height: 28px;
  width: auto;
}
.footer-content-left .tel {
  font-size: 22px;
  font-family: "Gotham-Medium";
}
.footer-content-left + .footer-content-right {
  margin-left: 80px;
  text-align: right;
}
.footer-content-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  line-height: 28px;
  font-size: 15px;
  color: #b4b4b4;
}
.footer-content-right + .footer-content-left {
  margin-left: 80px;
}
.footer-content-right a {
  color: #b4b4b4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-content-right a:hover {
  color: #fff;
}
.footer-content-right .link a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.footer-content-right .link a:last-child {
  padding-right: 0;
}
.footer-content-right .link a:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 11px;
  background-color: #b4b4b4;
}
.footer-introduction {
  padding: 100px 0 95px;
  text-align: center;
}
.footer-introduction .p {
  line-height: 28px;
  font-size: 14px;
  color: #b6b6b6;
  opacity: 0.7;
}
.footer-introduction .p p {
  margin-bottom: 30px;
}
.footer-introduction-sy .p p {
  margin-bottom: 0px;
}
.footer-introduction .en {
  font-family: "GothamExLight";
}
@media screen and (max-width: 1200px) {
  .footer-nav dl {
    min-width: 110px;
    margin-right: 30px;
  }
  .footer-nav dt a {
    font-size: 15px;
  }
  .footer-nav dd a {
    font-size: 14px;
  }
  .footer-content-left {
    line-height: 26px;
    font-size: 15px;
  }
  .footer-content-left .logo {
    margin-right: 15px;
    max-height: 22px;
  }
  .footer-content-left .tel {
    font-size: 20px;
  }
  .footer-content-left + .footer-content-right {
    margin-left: 50px;
  }
  .footer-content-right {
    line-height: 26px;
    font-size: 14px;
  }
  .footer-content-right + .footer-content-left {
    margin-left: 50px;
  }
  .footer-introduction {
    padding: 90px 0 80px;
  }
}
@media screen and (max-width: 1024px) {
  .footer {
    display: none;
  }
}
.footer-mobile {
  display: none;
  text-align: center;
  background-color: #181818;
}
.footer-mobile-wp {
  padding: 0 0.2rem;
}
.footer-mobile-introduction {
  padding: 0.5rem 0 0.375rem;
}
.footer-mobile-introduction .logo {
  margin-bottom: 20px;
}
.footer-mobile-introduction .p {
  line-height: 28px;
  font-size: 15px;
  color: #b5b5b6;
  font-family: "GothamExLight";
}
.footer-mobile-content {
  padding: 0.325rem 0.15rem 0.5rem;
  line-height: 26px;
  font-size: 14px;
  color: #b5b5b6;
  background-color: #181818;
}
.footer-mobile-content a {
  color: #b5b5b6;
}
.footer-mobile-content a:hover {
  text-decoration: underline;
}
.footer-mobile-content .tel {
  margin-bottom: 8px;
  font-size: 24px;
  color: #fff;
  font-family: "Gotham-Medium";
}
.footer-mobile-content .tel a {
  color: #fff;
}
.footer-mobile-content .tel .icon {
  margin-right: 4px;
  font-size: 22px;
}
.footer-mobile-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.15rem 0 0.25rem;
  border-top: 1px dashed #595959;
  border-bottom: 1px dashed #595959;
}
.footer-mobile-share > li {
  position: relative;
  width: 150px;
  max-width: 25%;
}
.footer-mobile-share > li:hover .icon {
  _color: #191919;
  _background-color: #fff;
}
.footer-mobile-share > li:hover .icon-default {
  _display: none;
}
.footer-mobile-share > li:hover .icon-hover {
  display: block;
}
.footer-mobile-share .a-box {
  display: block;
  text-align: center;
  padding: 12px;
  cursor: pointer;
}
.footer-mobile-share .a-box p {
  margin-top: 12px;
  font-size: 15px;
  color: #fff;
}
.footer-mobile-share .a-box-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.footer-mobile-share .a-box-popup.show .a-box-popup-wp,
.footer-mobile-share .a-box-popup.show .a-box-popup-mask {
  opacity: 1;
}
.footer-mobile-share .a-box-popup.show .a-box-popup-wp {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.footer-mobile-share .a-box-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.footer-mobile-share .a-box-popup-wp {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 12px 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.2);
  z-index: 6;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.footer-mobile-share .a-box-popup .close-btn {
  position: absolute;
  right: 16px;
  top: 15px;
  color: #b5b5b5;
  font-size: 14px;
}
.footer-mobile-share .a-box-popup .item {
  padding: 0 8px;
  width: 100px;
}
.footer-mobile-share .a-box-popup a {
  display: block;
}
.footer-mobile-share .a-box-popup a:hover p {
  color: #00aceb;
}
.footer-mobile-share .a-box-popup p {
  margin-top: 6px;
  font-size: 14px;
  color: #727171;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-mobile-share .a-box-popup .img img {
  max-width: 100%;
  height: auto;
}
.footer-mobile-share .icon {
  margin: 0 auto;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-mobile-share .icon img {
  width: 100%;
  height: 100%;
}
.footer-mobile-share .icon-default {
  display: block;
}
.footer-mobile-share .icon-hover {
  display: none;
}
@media screen and (max-width: 1024px) {
  .footer-mobile {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .footer-mobile-introduction .logo {
    margin-bottom: 16px;
  }
  .footer-mobile-introduction .p {
    line-height: 0.15rem;
    font-size: 0.09rem;
  }
  .footer-mobile-content {
    line-height: 24px;
    font-size: 13px;
  }
  .footer-mobile-content .tel {
    margin-bottom: 6px;
    font-size: 20px;
  }
  .footer-mobile-content .tel .icon {
    font-size: 18px;
  }
  .footer-mobile-share > li {
    width: 100px;
  }
  .footer-mobile-share .a-box {
    padding: 5px;
  }
  .footer-mobile-share .a-box p {
    margin-top: 4px;
    font-size: 13px;
  }
  .footer-mobile-share .a-box-popup-wp {
    padding: 30px 10px 12px;
  }
  .footer-mobile-share .a-box-popup .close-btn {
    right: 14px;
    top: 10px;
    font-size: 13px;
  }
  .footer-mobile-share .a-box-popup .item {
    padding: 0 5px;
    width: 90px;
  }
  .footer-mobile-share .a-box-popup p {
    font-size: 12px;
  }
  .footer-mobile-share .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .footer-mobile-share .icon img {
    width: 100%;
    height: 100%;
  }
}
.rightbar {
  display: none;
  position: fixed;
  bottom: 16%;
  right: 0;
  z-index: 1001;
}
.rightbar .a-box {
  display: block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 32px;
  color: #fff;
  opacity: 0.7;
  background-color: #c9caca;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.rightbar .a-box:hover {
  background-color: #00afed;
}
.rightbar li:nth-child(2) .a-box {
  background-color: #6bc8f2;
}
.rightbar li:nth-child(2) .a-box:hover {
  background-color: #00afed;
}
@media screen and (max-width: 750px) {
  .rightbar {
    right: 0.1rem;
  }
  .rightbar .a-box {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    border-radius: 50%;
  }
  .rightbar li + li {
    margin-top: 8px;
  }
}
.loding-page {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 140px;
  background-color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
}
.loding-page .en {
  position: relative;
  height: 144px;
  line-height: 144px;
  font-family: "Gotham-Medium";
  font-size: 0;
}
.loding-page .en span {
  display: inline-block;
  vertical-align: top;
  font-size: 130px;
}
.loding-page .en .word-cover {
  position: absolute;
  top: 0;
  left: 0;
  color: #00aceb;
}
.loding-page .en .word-cover span {
  opacity: 0;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.loding-page .en .word span {
  -webkit-transform-origin: center center 25px;
  -moz-transform-origin: center center 25px;
  -ms-transform-origin: center center 25px;
  transform-origin: center center 25px;
}
.loding-page .en .word-default {
  position: absolute;
  top: 0;
  left: 0;
  color: #dcdddd;
}
.loding-page .cn {
  position: relative;
  margin-top: 20px;
  line-height: 36px;
  letter-spacing: 20px;
  font-size: 20px;
  color: #b5b5b6;
  z-index: 9;
}
.loding-page .cn img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.loding-page .cn .symbol0 {
  margin: 0 6px 0 2px;
  letter-spacing: 0;
}
.loding-page .cn .symbol1 {
  margin-left: -20px;
  font-style: normal;
}
.loding-page.anim .en .word-cover span {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: wordAnim1;
  -moz-animation-name: wordAnim1;
  animation-name: wordAnim1;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
}
.loding-page.anim .en .word-cover span:first-child {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.loding-page.anim .en .word-cover span:nth-child(2) {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.loding-page.anim .en .word-cover span:nth-child(3) {
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.loding-page.anim .en .word-cover span:nth-child(4) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.loding-page.anim .en .word-cover span:nth-child(5) {
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.loding-page.anim .en .word-cover span:nth-child(6) {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.loding-page.anim .en .word-cover span:nth-child(7) {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.loding-page.anim .en .word-cover span:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.loding-page.anim .en .word-cover span:nth-child(9) {
  -webkit-animation-delay: 0.85s;
  -moz-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.loding-page.anim .en .word-cover span:nth-child(10) {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.loding-page.anim .en .word-cover span:nth-child(11) {
  -webkit-animation-delay: 0.95s;
  -moz-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.loding-page.anim .en .word-cover span:nth-child(12) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.loding-page.anim .en .word-cover span:nth-child(13) {
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  animation-delay: 1.05s;
}
.loding-page.anim .en .word-cover span:nth-child(14) {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.loding-page.anim .en .word-cover span:nth-child(15) {
  -webkit-animation-delay: 1.15s;
  -moz-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
.loding-page.anim .en .word-default span {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: wordAnim2;
  -moz-animation-name: wordAnim2;
  animation-name: wordAnim2;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.7, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.6, 0, 0.7, 0.2);
  animation-timing-function: cubic-bezier(0.6, 0, 0.7, 0.2);
}
.loding-page.anim .en .word-default span:first-child {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loding-page.anim .en .word-default span:nth-child(2) {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.loding-page.anim .en .word-default span:nth-child(3) {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.loding-page.anim .en .word-default span:nth-child(4) {
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.loding-page.anim .en .word-default span:nth-child(5) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.loding-page.anim .en .word-default span:nth-child(6) {
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.loding-page.anim .en .word-default span:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.loding-page.anim .en .word-default span:nth-child(8) {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.loding-page.anim .en .word-default span:nth-child(9) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.loding-page.anim .en .word-default span:nth-child(10) {
  -webkit-animation-delay: 0.85s;
  -moz-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.loding-page.anim .en .word-default span:nth-child(11) {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.loding-page.anim .en .word-default span:nth-child(12) {
  -webkit-animation-delay: 0.95s;
  -moz-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.loding-page.anim .en .word-default span:nth-child(13) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.loding-page.anim .en .word-default span:nth-child(14) {
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  animation-delay: 1.05s;
}
.loding-page.anim .en .word-default span:nth-child(15) {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
@media screen and (max-width: 1440px) {
  .loding-page {
    padding-top: 120px;
  }
  .loding-page .en {
    height: 124px;
    line-height: 124px;
  }
  .loding-page .en span {
    font-size: 110px;
  }
}
@media screen and (max-width: 1024px) {
  .loding-page .en {
    height: 100px;
    line-height: 100px;
  }
  .loding-page .en span {
    font-size: 86px;
  }
}
@media screen and (max-width: 750px) {
  .loding-page {
    background: #00b7ee url(../images/loading1.jpg) center no-repeat;
    background-size: contain;
  }
  .loding-page .wp1340 {
    display: none;
  }
}
@-webkit-keyframes wordAnim1 {
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
}
@-moz-keyframes wordAnim1 {
  100% {
    opacity: 1;
    -moz-transform: rotateY(0);
    transform: rotateY(0);
  }
}
@keyframes wordAnim1 {
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
  }
}
@-webkit-keyframes wordAnim2 {
  100% {
    opacity: 0;
  }
}
@-moz-keyframes wordAnim2 {
  100% {
    opacity: 0;
  }
}
@keyframes wordAnim2 {
  100% {
    opacity: 0;
  }
}
.about-article,
.career-article {
  font-size: 15px;
  line-height: 30px;
  color: #727171;
}
.about-article p,
.career-article p {
  margin-bottom: 15px;
}
.about-article img,
.about-article video,
.career-article img,
.career-article video {
  max-width: 100%;
  height: auto !important;
}
.about-article ul,
.career-article ul {
  list-style: disc;
}
.about-article ul li,
.career-article ul li {
  list-style: disc;
}
.about-article ol,
.career-article ol {
  list-style: decimal;
}
.about-article ol li,
.career-article ol li {
  list-style: decimal;
}
.about-article p,
.career-article p {
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .about-article,
  .career-article {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .about-article,
  .career-article {
    line-height: 28px;
    font-size: 13px;
  }
}
.article-img-mobile {
  display: none;
}
@media screen and (max-width: 750px) {
  .article-img-mobile {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .article-img-pc {
    display: none;
  }
}
.about-article-mobile {
  display: none;
}
.about-article-box {
  padding: 120px 0;
}
.about-article-box:nth-child(even) {
  background-color: #efeff0;
}
.about-article .p {
  margin-bottom: 50px;
  text-align: center;
}
.about-article .img {
  text-align: center;
}
.about-article .video-link {
  margin-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  .about-article-box {
    padding: 100px 0;
  }
  .about-article .p {
    margin-bottom: 40px;
  }
  .about-article .video-link {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .about-article-box {
    padding: 80px 0;
  }
  .about-article .p {
    margin-bottom: 32px;
  }
  .about-article .video-link {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 750px) {
  .about-article-pc {
    display: none;
  }
  .about-article-mobile {
    display: block;
  }
  .about-article-box {
    padding: 0.55rem 0;
  }
  .about-article .p {
    margin-bottom: 20px;
    text-align: left;
  }
  .about-article .video-link {
    margin-bottom: 0.55rem;
  }
}
.about-company-title {
  margin-bottom: 25px;
  text-align: center;
}
.about-company-title .logo {
  margin-bottom: 10px;
}
.about-company-title .logo img:nth-of-type(2) {
  display: none;
}
.about-company-title h3 {
  font-size: 30px;
  line-height: 50px;
  color: #323232;
}
.about-company-title p {
  line-height: 1.2;
  font-size: 14px;
  color: #464646;
  font-family: "GothamExLight";
}
@media screen and (max-width: 1024px) {
  .about-company-title .logo {
    margin-bottom: 6px;
  }
  .about-company-title .logo img {
    max-width: 1.56rem;
  }
  .about-company-title .logo img:nth-of-type(1) {
    display: none;
  }
  .about-company-title .logo img:nth-of-type(2) {
    display: inline-block;
  }
  .about-company-title h3 {
    font-size: 23px;
  }
  .about-company-title p {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .about-company-title {
    margin-bottom: 20px;
  }
  .about-company-title .logo {
    margin-bottom: 4px;
  }
  .about-company-title .logo img {
    max-width: 1.56rem;
  }
  .about-company-title .logo img:nth-of-type(1) {
    display: none;
  }
  .about-company-title .logo img:nth-of-type(2) {
    display: inline-block;
  }
  .about-company-title h3 {
    font-size: 20px;
  }
  .about-company-title p {
    font-size: 10px;
  }
}
.img-group2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.img-group2 li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  list-style: none !important;
}
.img-group2 li + li {
  margin-left: 40px;
}
.img-group2 li p {
  margin-top: 9px;
}
@media screen and (max-width: 750px) {
  .img-group2 {
    display: block;
  }
  .img-group2 li + li {
    margin: 20px 0 0;
  }
}
.video-link {
  position: relative;
  cursor: pointer;
}
.video-link:hover .video-link-icon {
  border-color: #00aceb;
  background-color: rgba(0, 106, 143, 0.4);
}
.video-link img {
  display: block;
  width: 100%;
  height: auto;
}
.video-link-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 65px;
  height: 65px;
  line-height: 63px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.video-link-icon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 13px 0 13px 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .video-link-icon {
    width: 46px;
    height: 46px;
    line-height: 44px;
  }
  .video-link-icon:before {
    margin-left: 6px;
    border-width: 9px 0 9px 12px;
  }
}
.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9001;
}
.video-popup.show .video-popup-box,
.video-popup.show .video-popup-mask {
  opacity: 1;
}
.video-popup.show .video-popup-box {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.video-popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1340px;
  background-color: #000;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: 6;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.video-popup .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 47.61194%;
  overflow: hidden;
}
.video-popup .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.video-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.video-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #00aceb;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9;
}
.video-popup-close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 1440px) {
  .video-popup-box {
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 750px) {
  .video-popup.show .video-popup-box {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .video-popup-box {
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .video-popup .video {
    padding-bottom: 60%;
  }
}
@media screen and (max-width: 750px) and (max-width: 1024px) {
  .video-popup .video {
    padding-bottom: 160%;
  }
}
@media screen and (max-width: 750px) {
  .video-popup-close {
    top: 0.2rem;
    right: 0.2rem;
    font-size: 0.2rem;
  }
}
.about-culture-wp {
  padding: 130px 0;
}
@media screen and (max-width: 1200px) {
  .about-culture-wp {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1024px) {
  .about-culture-wp {
    padding: 70px 0;
  }
}
@media screen and (max-width: 750px) {
  .about-culture-wp {
    padding: 0.5rem 0;
  }
}
.about-culture-box {
  font-size: 14px;
  line-height: 28px;
  color: #787878;
}
.about-culture-box .p-margin-bt24 {
  margin-bottom: 24px;
}
.about-culture-box + .about-culture-box {
  margin-top: 130px;
}
@media screen and (max-width: 1200px) {
  .about-culture-box + .about-culture-box {
    margin-top: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .about-culture-box + .about-culture-box {
    margin-top: 70px;
  }
}
@media screen and (max-width: 750px) {
  .about-culture-box {
    font-size: 13px;
    line-height: 26px;
  }
  .about-culture-box + .about-culture-box {
    margin-top: 0.5rem;
  }
}
.about-culture-title {
  position: relative;
  margin-bottom: 65px;
  padding-bottom: 40px;
  color: #00aceb;
}
.about-culture-title h3 {
  font-family: "Gotham-Bold";
  font-size: 40px;
  letter-spacing: -1px;
}
.about-culture-title h4 {
  margin-top: 10px;
  font-size: 28px;
}
.about-culture-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 1px;
  background-color: #898989;
}
@media screen and (max-width: 1200px) {
  .about-culture-title {
    margin-bottom: 55px;
    padding-bottom: 35px;
  }
  .about-culture-title h3 {
    font-size: 36px;
  }
  .about-culture-title h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .about-culture-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    padding-bottom: 0;
    text-align: center;
    color: #000;
  }
  .about-culture-title h3 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2px;
    line-height: 1.2;
    font-size: 13px;
    font-family: "GothamExLight";
    letter-spacing: 0;
  }
  .about-culture-title h4 {
    margin-top: 0;
  }
  .about-culture-title:after {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .about-culture-title {
    margin-bottom: 25px;
  }
  .about-culture-title h3 {
    font-size: 12px;
  }
  .about-culture-title h4 {
    font-size: 20px;
  }
}
.about-culture-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.about-culture-content .info {
  margin-right: 70px;
  width: 50%;
}
.about-culture-content .info li {
  list-style: none !important;
}
.about-culture-content .info li + li {
  margin-top: 50px;
}
.about-culture-content .info-title {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: bold;
  color: #727171;
}
.about-culture-content .img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.about-culture-content .img img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.about-culture-content .img img + img {
  margin-top: 50px;
}
@media screen and (max-width: 1200px) {
  .about-culture-content .info {
    margin-right: 50px;
  }
  .about-culture-content .info li + li {
    margin-top: 40px;
  }
  .about-culture-content .info-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .about-culture-content {
    display: block;
  }
  .about-culture-content .info {
    margin: 50px 0 0;
    width: 100%;
  }
  .about-culture-content .info li + li {
    margin-top: 32px;
  }
  .about-culture-content .img img + img {
    margin-top: 0.15rem;
  }
}
@media screen and (max-width: 750px) {
  .about-culture-content .info {
    margin-top: 30px;
  }
  .about-culture-content .info li + li {
    margin-top: 20px;
  }
  .about-culture-content .info-title {
    font-size: 16px;
  }
}
.about-culture-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.about-culture-list .box-wrap {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about-culture-list .box-wrap:first-child {
  padding-right: 45px;
}
.about-culture-list .box-wrap:last-child {
  padding-left: 75px;
}
.about-culture-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none !important;
}
.about-culture-list li + li {
  margin-top: 42px;
}
.about-culture-list .icon {
  margin-right: 8px;
  width: 30px;
  line-height: 26px;
  text-align: center;
}
.about-culture-list .icon img {
  display: inline-block;
  vertical-align: middle;
}
.about-culture-list .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.about-culture-list .info-title {
  margin-bottom: 4px;
  font-size: 20px;
  color: #727171;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .about-culture-list .box-wrap:first-child {
    padding-right: 40px;
  }
  .about-culture-list .box-wrap:last-child {
    padding-left: 65px;
  }
}
@media screen and (max-width: 1200px) {
  .about-culture-list .box-wrap:first-child {
    padding-right: 30px;
  }
  .about-culture-list .box-wrap:last-child {
    padding-left: 40px;
  }
  .about-culture-list li + li {
    margin-top: 32px;
  }
  .about-culture-list .icon {
    width: 26px;
  }
  .about-culture-list .info-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .about-culture-list {
    display: block;
  }
  .about-culture-list .box-wrap {
    width: 100%;
  }
  .about-culture-list .box-wrap:first-child {
    padding-right: 0;
  }
  .about-culture-list .box-wrap:last-child {
    margin-top: 32px;
    padding-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .about-culture-list .box-wrap:last-child {
    margin-top: 20px;
  }
  .about-culture-list li + li {
    margin-top: 20px;
  }
  .about-culture-list .icon {
    line-height: 25px;
    width: 18px;
  }
  .about-culture-list .info-title {
    font-size: 16px;
  }
}
.chairman-box {
  padding: 110px 0 140px;
  text-align: center;
}
.chairman-box .img {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1200px) {
  .chairman-box {
    padding: 90px 0 100px;
  }
  .chairman-box .img {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .chairman-box {
    padding: 70px 0 80px;
  }
  .chairman-box .img {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 750px) {
  .chairman-box {
    padding: 0.5rem 0;
    text-align: left;
  }
  .chairman-box .img {
    margin-bottom: 35px;
  }
}
.chairman-title,
.subbrand-title {
  text-align: center;
}
.chairman-title .title,
.subbrand-title .title {
  font-size: 30px;
  color: #000;
}
.chairman-title p,
.subbrand-title p {
  font-size: 14px;
  color: #221815;
}
@media screen and (max-width: 1200px) {
  .chairman-title .title,
  .subbrand-title .title {
    font-size: 26px;
  }
  .chairman-title p,
  .subbrand-title p {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .chairman-title .title,
  .subbrand-title .title {
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .chairman-title .title,
  .subbrand-title .title {
    font-size: 20px;
  }
  .chairman-title p,
  .subbrand-title p {
    line-height: 1.5;
    font-size: 10px;
  }
}
.chairman-title {
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .chairman-title {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .chairman-title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  .chairman-title {
    margin-bottom: 20px;
  }
}
.chairman-wish {
  margin: 50px auto 0;
  max-width: 750px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #595757;
  font-weight: bold;
  overflow: hidden;
}
.chairman-wish-bottom {
  margin-top: 60px;
  text-align: right;
  font-size: 15px;
  color: #7d7d7d;
}
.chairman-wish .img-signature {
  margin-top: 6px;
}
.chairman-wish .img-signature img {
  margin-right: -95px;
}
@media screen and (max-width: 1024px) {
  .chairman-wish {
    margin-top: 40px;
    font-size: 15px;
  }
  .chairman-wish-bottom {
    margin-top: 45px;
    font-size: 14px;
  }
  .chairman-wish .img-signature img {
    margin-right: -0.15rem;
    max-width: 240px;
  }
}
@media screen and (max-width: 750px) {
  .chairman-wish {
    margin-top: 25px;
    font-size: 14px;
    line-height: 28px;
  }
  .chairman-wish-bottom {
    margin-top: 25px;
    font-size: 13px;
  }
  .chairman-wish .img-signature {
    margin-top: 0;
  }
  .chairman-wish .img-signature img {
    max-width: 170px;
  }
}
.about-title {
  margin-bottom: 65px;
  text-align: center;
}
.about-title h2 {
  font-size: 28px;
  color: #000;
}
.about-title p {
  line-height: 1.2;
  font-size: 14px;
  color: #828282;
  font-family: "GothamExLight";
}
@media screen and (max-width: 1200px) {
  .about-title {
    margin-bottom: 50px;
  }
  .about-title h2 {
    font-size: 24px;
  }
  .about-title p {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .about-title {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .about-title {
    margin-bottom: 25px;
  }
  .about-title h2 {
    font-size: 20px;
  }
  .about-title p {
    font-size: 10px;
  }
}
.history-list li {
  position: relative;
  margin-bottom: 0.075rem;
  max-height: 112px;
  overflow: hidden;
  background-color: #eee;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.history-list li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(rgba(250, 250, 250, 0.68))
  );
  background: -webkit-linear-gradient(
    top,
    transparent,
    rgba(250, 250, 250, 0.68)
  );
  background: -moz-linear-gradient(top, transparent, rgba(250, 250, 250, 0.68));
  background: -o-linear-gradient(top, transparent, rgba(250, 250, 250, 0.68));
  background: linear-gradient(180deg, transparent, rgba(250, 250, 250, 0.68));
  z-index: 2;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.history-list li:first-child {
  max-height: none;
}
.history-list li.active,
.history-list li:hover {
  background-color: #696969;
}
.history-list li.active:before,
.history-list li:hover:before {
  opacity: 0;
  z-index: 0;
}
.history-list li.active .info,
.history-list li.active .year,
.history-list li:hover .info,
.history-list li:hover .year {
  color: #fff;
}
.history-list .box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 36px 55px;
  z-index: 1;
}
.history-list .year {
  padding: 2px 40px 0 0;
  width: 170px;
  line-height: 1;
  font-size: 42px;
  color: #c8c8c8;
  font-family: "GothamExLight";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.history-list .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  line-height: 36px;
  font-size: 15px;
  overflow: hidden;
  color: #bebebe;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
  .history-list .year {
    width: 150px;
    font-size: 38px;
  }
  .history-list .info {
    line-height: 32px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .history-list .box {
    padding: 24px 40px;
  }
  .history-list .year {
    padding-right: 30px;
    width: 130px;
    font-size: 34px;
  }
}
@media screen and (max-width: 750px) {
  .history-list li.active .year:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
  .history-list li:not(.active):hover {
    background-color: #eee;
  }
  .history-list li:not(.active):hover:before {
    opacity: 1;
  }
  .history-list li:not(.active):hover .info {
    color: #bebebe;
  }
  .history-list li:not(.active):hover .year {
    color: #c8c8c8;
  }
  .history-list .box {
    display: block;
    padding: 0.2rem 0.15rem 0.25rem;
  }
  .history-list .year {
    position: relative;
    margin-bottom: 0.11rem;
    padding-left: 12px;
    width: 100%;
    font-size: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .history-list .year:after {
    content: "\e773";
    position: absolute;
    top: 50%;
    right: 0.05rem;
    font-family: "iconfont";
    font-size: 16px;
    color: #b6b6b7;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .history-list .info {
    line-height: 25px;
    font-size: 13px;
  }
  .history-list .info p {
    position: relative;
    padding-left: 12px;
  }
  .history-list .info p:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
  }
}
.honor-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -28px -15px;
}
.honor-list li {
  padding: 0 28px 120px;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.honor-list li.active .box {
  cursor: pointer;
}
.honor-list li.active .box:hover {
  -webkit-box-shadow: 8px 8px 16px #efefef;
  box-shadow: 8px 8px 16px #efefef;
}
.honor-list li.active .box:hover .box-hover {
  display: block;
}
.honor-list .box {
  position: relative;
  padding: 50px 50px 46px;
  text-align: center;
  height: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.honor-list .box * {
  pointer-events: none;
}
.honor-list .box-hover {
  display: none;
  position: absolute;
  margin: -12px 0 0 -12px;
  width: 22px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: hoverScale 1.5s ease-in-out infinite;
  -moz-animation: hoverScale 1.5s ease-in-out infinite;
  animation: hoverScale 1.5s ease-in-out infinite;
}
.honor-list .box-hover:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 10px;
  height: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.honor-list .content {
  display: none;
}
.honor-list .icon {
  height: 135px;
  line-height: 135px;
}
.honor-list .icon img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.honor-list .title {
  margin-top: 16px;
  line-height: 1.6;
  font-size: 15px;
  color: #7d7d7d;
}
.honor-list .more {
  display: none;
  margin-top: 10px;
  padding: 0 0.15rem;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #00aceb;
  border: 1px solid #00aceb;
  font-family: "Gotham-Medium";
  border-radius: 24px;
}
@media screen and (max-width: 1440px) {
  .honor-list {
    margin: 0 -20px -15px;
  }
  .honor-list li {
    padding: 0 20px 90px;
  }
  .honor-list .box {
    padding: 40px;
  }
  .honor-list .icon {
    height: 110px;
    line-height: 110px;
  }
}
@media screen and (max-width: 1200px) {
  .honor-list {
    margin: 0 -15px;
  }
  .honor-list li {
    padding: 0 15px 70px;
  }
  .honor-list .box {
    padding: 30px;
  }
  .honor-list .title {
    font-size: 14px;
  }
  .honor-list .icon {
    height: 100px;
    line-height: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .honor-list li {
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .honor-list {
    margin: 0 -0.15rem 0.35rem;
  }
  .honor-list li {
    padding: 0.2rem 0.15rem;
  }
  .honor-list .box {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .honor-list .icon {
    height: 80px;
    line-height: 80px;
  }
  .honor-list .title {
    margin-top: 10px;
  }
  .honor-list .more {
    display: inline-block;
  }
}
@media screen and (max-width: 414px) {
  .honor-list .title {
    height: 48px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
}
@-webkit-keyframes hoverScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  90% {
    opacity: 0;
  }
}
@-moz-keyframes hoverScale {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }
  90% {
    opacity: 0;
  }
}
@keyframes hoverScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }
  90% {
    opacity: 0;
  }
}
.honor-article {
  font-size: 16px;
  line-height: 30px;
  color: #7d7d7d;
}
.honor-article p {
  margin-bottom: 15px;
}
.honor-article img,
.honor-article video {
  max-width: 100%;
  height: auto !important;
}
.honor-article ul {
  list-style: disc;
}
.honor-article ul li {
  list-style: disc;
}
.honor-article ol {
  list-style: decimal;
}
.honor-article ol li {
  list-style: decimal;
}
.honor-article p {
  margin-bottom: 0;
}
.honor-article-box {
  margin-bottom: 80px;
  padding: 40px 40px 35px;
  text-align: center;
  font-size: 15px;
  -webkit-box-shadow: 8px 8px 16px #efefef;
  box-shadow: 8px 8px 16px #efefef;
}
.honor-article-box p {
  margin-top: 8px;
}
@media screen and (max-width: 1440px) {
  .honor-article-box {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1200px) {
  .honor-article {
    font-size: 14px;
  }
  .honor-article-box {
    margin-bottom: 50px;
    padding: 30px;
    font-size: inherit;
  }
}
@media screen and (max-width: 750px) {
  .honor-article {
    line-height: 28px;
    font-size: 13px;
  }
  .honor-article-box {
    margin-bottom: 20px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .honor-article-box p {
    margin-top: 5px;
  }
}
.honor-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9000;
}
.honor-popup.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.honor-popup.show-ani .honor-popup-box,
.honor-popup.show-ani .honor-popup-mask {
  opacity: 1;
}
.honor-popup.show-ani .honor-popup-box {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.honor-popup.show-ani .honor-popup-mask {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.honor-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.honor-popup-box {
  position: relative;
  width: 1340px;
  padding: 120px 40px 110px 70px;
  background-color: #555;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  z-index: 6;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.honor-popup .scroller {
  position: relative;
  width: 100%;
  max-height: -moz-calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow: hidden;
}
.honor-popup .bscroll-vertical-scrollbar {
  width: 5px !important;
  border-radius: 5px;
  background-color: #313131;
  z-index: 887 !important;
}
.honor-popup .bscroll-indicator {
  background-color: #00aceb !important;
  border-color: #00aceb !important;
}
.honor-popup-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 30px 0 0;
}
.honor-popup .box-left {
  margin: 35px 80px 0 0;
  width: 360px;
}
.honor-popup .box-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.honor-popup .box-right img {
  display: block;
  width: 100%;
}
.honor-popup .icon img {
  max-width: 100%;
  max-height: 130px;
}
.honor-popup .icon:after {
  content: "";
  display: block;
  margin-top: 28px;
  width: 40px;
  height: 1px;
  background-color: #c9c9c9;
}
.honor-popup .title {
  margin: 50px 0 15px;
  line-height: 1.5;
  font-size: 26px;
  color: #fff;
}
.honor-popup .content {
  line-height: 26px;
  font-size: 15px;
  color: #dcdddd;
}
.honor-popup-close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 30px;
  color: #00aceb;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.honor-popup-close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 1440px) {
  .honor-popup-box {
    width: 1200px;
    padding: 80px 30px 70px 50px;
  }
  .honor-popup .scroller {
    max-height: -moz-calc(100vh - 300px);
    max-height: calc(100vh - 300px);
  }
  .honor-popup-content {
    padding: 30px 20px 0 0;
  }
  .honor-popup .box-left {
    margin: 25px 60px 0 0;
    width: 320px;
  }
  .honor-popup .icon img {
    max-height: 110px;
  }
  .honor-popup .title {
    margin: 40px 0 12px;
    font-size: 22px;
  }
  .honor-popup .content {
    font-size: 14px;
  }
  .honor-popup-close {
    right: 30px;
  }
}
@media screen and (max-width: 1260px) {
  .honor-popup-box {
    width: -moz-calc(100% - 0.3rem);
    width: calc(100% - 0.3rem);
  }
  .honor-popup .scroller {
    max-height: -moz-calc(100vh - 300px);
    max-height: calc(100vh - 300px);
  }
  .honor-popup-content {
    padding: 40px 20px 0 0;
  }
  .honor-popup .box-left {
    margin: 15px 50px 0 0;
    width: 300px;
  }
  .honor-popup .icon img {
    max-height: 90px;
  }
  .honor-popup .title {
    margin-top: 35px;
    font-size: 20px;
  }
  .honor-popup .content {
    line-height: 24px;
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .honor-popup-box {
    padding: 0.55rem 0.125rem 0.5rem 0.25rem;
  }
  .honor-popup .scroller {
    max-height: -moz-calc(100vh - 2rem);
    max-height: calc(100vh - 2rem);
  }
  .honor-popup-content {
    display: block;
    padding: 0.3rem 0.125rem 0 0;
  }
  .honor-popup .box-left {
    margin: 0 0 35px;
    width: 100%;
  }
  .honor-popup-close {
    right: 0.25rem;
    top: 0.3rem;
  }
}
@media screen and (max-width: 750px) {
  .honor-popup .bscroll-vertical-scrollbar {
    width: 3px !important;
  }
  .honor-popup .icon:after {
    margin-top: 24px;
  }
  .honor-popup .box-left {
    margin-bottom: 18px;
  }
  .honor-popup .title {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .honor-popup-close {
    font-size: 22px;
  }
}
.cooperation-box {
  width: 100%;
  margin-top: 0.4rem;
}
.cooperation-box h3 {
  font-weight: bold;
}
.cooperation-box .from-box {
  margin: 0.25rem 0;
}
.cooperation-box .p {
  text-align: center;
  font-size: 15px;
  color: #3c3c3c;
}
.cooperation-box .ly {
  height: 150px;
}
.cooperation-box .select-gs {
  opacity: 1 !important;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
}
.cooperation-box .select-gs .option-box {
  line-height: 50px !important;
  outline: none;
  border: none !important;
  background-color: transparent !important;
}
.contact-box {
  margin: 10px 0 0.25rem;
  line-height: 0.25rem;
  font-weight: bold;
}
.contact-box .contact-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
}
.contact-box .contact-top .icon {
  width: 24px;
  margin-right: 10px;
  margin-top: 15px;
  line-height: 2;
}
.contact-box .contact-top .icon img {
  -o-object-fit: cover;
  object-fit: cover;
}
.contact-box .contact-dese {
  font-size: 15px;
  font-weight: normal;
}
.img1 {
  margin: 60px 0 50px;
}
.index-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .index-page {
    position: static;
    height: auto;
  }
}
.index-dot {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-dot {
    display: block;
    text-align: center;
    padding-top: 0.6rem;
  }
}
.index-dot img {
  width: 0.145rem;
}
.index-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.index-swiper > .swiper-wrapper > .swiper-slide {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .index-swiper {
    position: static;
    height: auto;
  }
  .index-swiper > .swiper-wrapper {
    display: block;
  }
}
.index-footer {
  position: relative;
  visibility: visible;
  height: auto;
}
.index-footer .footer {
  padding-top: 70px;
}
@media screen and (max-width: 1024px) {
  .index-footer {
    position: static;
  }
  .index-footer .footer {
    padding-top: 0;
  }
}
.index-more {
  margin-top: 6vh;
  text-align: center;
}
.index-more a {
  display: inline-block;
  padding: 0 22px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #00aceb;
  border: 1px solid #00aceb;
  border-radius: 15px;
}
@media screen and (min-width: 1024px) {
  .index-more a {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.index-more a:hover {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1600px) {
  .index-more {
    margin-top: 5vh;
  }
}
@media screen and (max-width: 1024px) {
  .index-more {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 750px) {
  .index-more a {
    padding: 0 18px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
  }
}
.index-banner {
  position: relative;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index-banner-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index-banner-box .img-pc,
.index-banner-box .img-mobile {
  width: 100%;
  height: 100%;
  background: #fff none no-repeat center center;
  background-size: cover;
}
.index-banner-box .img-mobile {
  display: none;
}
.index-banner-box .mejs__container,
.index-banner-box .mejs__poster,
.index-banner-box .mejs__overlay,
.index-banner-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.index-banner-box video {
  -o-object-fit: fill;
  object-fit: fill;
}
.index-banner-box .video {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.index-banner-box .video img {
  display: none;
}
.index-banner-box .video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.index-banner-box .video-link-icon {
  display: none;
  z-index: 100;
}
.index-banner-box .video:hover .video-link-icon {
  border-color: #00aceb;
  background-color: rgba(0, 106, 143, 0.4);
}
.index-banner-box .mejs__overlay-button,
.index-banner-box .mejs__overlay-loading,
.index-banner-box .mejs__overlay-error,
.index-banner-box .mejs__controls {
  visibility: hidden;
}
.index-banner-box .mejs__poster,
.index-banner-box .video {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.index-banner-box .index-more {
  position: absolute;
  bottom: 10vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
}
.index-banner-box .swiper-slide {
  display: block;
}
.index-banner .index-banner-pagination {
  position: absolute;
  left: 0;
  bottom: 3.5vh;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.index-banner .index-banner-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 11px;
  height: 11px;
  border: 1px solid #00aceb;
  outline: none;
  background: none;
  opacity: 1;
}
.index-banner .index-banner-pagination .swiper-pagination-bullet-active {
  background-color: #00aceb;
}
@media screen and (max-width: 1024px) {
  .index-banner {
    padding-top: 0;
    height: 6.1rem;
  }
  .index-banner .mejs__container,
  .index-banner .mejs__poster,
  .index-banner .mejs__overlay,
  .index-banner video {
    display: none;
  }
  .index-banner .video-link-icon {
    display: block;
  }
  .index-banner .index-banner-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
  }
}
@media screen and (max-width: 750px) {
  .index-banner .img-mobile {
    display: block;
  }
  .index-banner .img-pc {
    display: none;
  }
  .index-banner .index-more {
    bottom: 9vh;
  }
  .index-banner .index-banner-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    width: 6px;
    height: 6px;
  }
}
.index-title {
  text-align: center;
}
.index-title h2 {
  margin-bottom: 6px;
  line-height: 1;
  font-size: 41px;
  color: #000;
  font-family: Gotham-Medium;
  letter-spacing: -2px;
}
.index-title h3 {
  font-size: 25px;
  color: #3e3a39;
}
@media screen and (max-width: 1440px) {
  .index-title h2 {
    font-size: 38px;
  }
  .index-title h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .index-title h2 {
    font-size: 32px;
  }
  .index-title h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 750px) {
  .index-title h2 {
    margin-bottom: 2px;
    font-size: 20px;
    letter-spacing: -1px;
  }
  .index-title h3 {
    font-size: 21px;
  }
}
.index-s-title {
  text-align: center;
  margin-top: 0.2rem;
}
.index-s-title .cn {
  font-size: 0.14rem;
  color: #2f2725;
}
.index-s-title .en {
  font-size: 0.1rem;
  color: #3e3a39;
  margin-top: 0.04rem;
}
.logo-title {
  text-align: center;
}
.logo-title img {
  max-height: 100%;
  max-width: 100%;
}
.logo-title-img {
  height: 30px;
}
.logo-title-bottom {
  margin-top: 18px;
  height: 23px;
}
@media screen and (max-width: 1440px) {
  .logo-title-img {
    height: 28px;
  }
  .logo-title-bottom {
    margin-top: 16px;
    height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .logo-title-img {
    height: 24px;
  }
  .logo-title-bottom {
    height: 20px;
  }
}
@media screen and (max-width: 750px) {
  .logo-title-img {
    height: 18px;
  }
  .logo-title-bottom {
    margin-top: 10px;
    height: 20px;
  }
}
.index-about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 55px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index-about-content,
.index-about-mb-content {
  margin-bottom: 0;
  text-align: center;
  padding-top: 75px;
  font-size: 15px;
  color: #898989;
  line-height: 25px;
}
.index-about-content .logo-title,
.index-about-mb-content .logo-title {
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .index-about-content .logo-title,
  .index-about-mb-content .logo-title {
    margin-bottom: 0.2rem;
  }
  .index-about-content .logo-title img,
  .index-about-mb-content .logo-title img {
    width: 1.56rem;
  }
}
.index-about-content p,
.index-about-mb-content p {
  line-height: 25px;
  font-size: 14px;
  color: #898989;
}
@media screen and (max-width: 1024px) {
  .index-about-content {
    display: none;
  }
}
.index-about-mb-content {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-about-mb-content {
    display: block;
    padding-top: 0.25rem;
    line-height: 0.21rem;
  }
}
.index-about-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.index-about-list li {
  width: 16.66667%;
}
.index-about-list li:nth-child(even) .box {
  background-color: rgba(238, 238, 238, 0.15);
}
.index-about-list .box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 200.44643%;
}
.index-about-list .box:hover > img {
  opacity: 1.2;
  -webkit-transform: scale(1.17);
  -moz-transform: scale(1.17);
  -ms-transform: scale(1.17);
  transform: scale(1.17);
}
.index-about-list .box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-about-list .data {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  line-height: 1.5;
  color: #fff;
  font-size: 15px;
  z-index: 2;
}
.index-about-list .data-num {
  margin-bottom: 5px;
}
.index-about-list .data-num span {
  line-height: 1;
  font-size: 48px;
  font-family: "Helvetica Condensed Bold";
}
.index-about-list .data-num sup {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-family: Microsoft YaHei;
}
.index-about-list .data .icon {
  height: 48px;
}
.index-about .video-link {
  display: none;
  margin: 0.2rem -0.15rem 0;
}
@media screen and (max-width: 1600px) {
  .index-about-content {
    margin-bottom: 5vh;
  }
}
@media screen and (max-width: 1440px) {
  .index-about-content .logo-title {
    margin-bottom: 18px;
  }
  .index-about-list .data {
    font-size: 12px;
  }
  .index-about-list .data-num span {
    font-size: 36px;
  }
  .index-about-list .data-num sup {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .index-about {
    display: block;
    padding: 80px 0;
  }
  .index-about-content {
    margin-bottom: 40px;
    padding-top: 0;
  }
  .index-about-list .data {
    font-size: 12px;
  }
  .index-about-list .data-num span {
    font-size: 26px;
  }
  .index-about-list .data-num sup {
    font-size: 12px;
  }
}
@media screen and (max-width: 750px) {
  .index-about {
    position: relative;
    padding: 0.55rem 0 0.625rem;
    margin-bottom: 0;
  }
  .index-about-content {
    margin-bottom: 0.15rem;
  }
  .index-about-content .logo-title {
    margin-bottom: 15px;
  }
  .index-about-content .p {
    font-size: 13px;
  }
  .index-about-list {
    margin: 0 -0.15rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none !important;
  }
  .index-about-list li {
    position: relative;
    padding: 0.125rem 0.05rem;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .index-about-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    width: 1px;
    height: 32px;
    background-color: #b5b5b5;
  }
  .index-about-list li:nth-child(even) .box {
    background: none;
  }
  .index-about-list li:nth-child(1):before {
    display: none;
  }
  .index-about-list li:nth-child(4):before {
    display: none;
  }
  .index-about-list .box {
    height: auto;
    padding-bottom: 0;
  }
  .index-about-list .box > img {
    display: none;
  }
  .index-about-list .box .icon {
    height: 27px;
    margin-bottom: 3px;
  }
  .index-about-list .box .icon img {
    width: 0.255rem;
  }
  .index-about-list .data {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    color: #221815;
    font-size: 13px;
  }
  .index-about-list .data-num {
    margin-bottom: 3px;
  }
  .index-about-list .data-num span {
    font-size: 26px;
  }
  .index-about-list .data-num sup {
    font-size: 12px;
  }
  .index-about .video-link {
    display: block;
  }
}
.index-pro {
  position: relative;
}
.index-pro .index-title {
  display: none;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 1024px) {
  .index-pro .index-title {
    margin-bottom: 0.3rem;
  }
}
.index-pro .index-mb-pro {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-pro .index-mb-pro {
    display: block;
    padding: 0 0.175rem;
  }
  .index-pro .index-mb-pro .img-box {
    display: block;
  }
  .index-pro .index-mb-pro .img-box img {
    width: 100%;
  }
}
.index-pro .index-mb-pro .index-mb-category {
  position: relative;
}
.index-pro .index-mb-pro .index-mb-category img {
  width: 100%;
}
.index-pro .index-mb-pro .index-mb-category .link-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.index-pro .index-mb-pro .index-mb-category .link-box li {
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.06rem;
}
.index-pro .index-mb-pro .index-mb-category .link-box li:nth-child(3n + 1) {
  padding-right: 0.04rem;
}
.index-pro .index-mb-pro .index-mb-category .link-box li:nth-child(3n + 2) {
  padding: 0 0.02rem;
}
.index-pro .index-mb-pro .index-mb-category .link-box li:nth-child(3n + 3) {
  padding-left: 0.04rem;
}
.index-pro .index-mb-pro .index-mb-category .link-box .img-box {
  position: relative;
  padding-bottom: 124.65753%;
}
.index-pro .index-mb-pro .index-mb-category .link-box .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.index-pro .index-mb-pro .index-mb-category .link-box .img-box img {
  border-radius: 0.05rem;
}
.index-pro .index-mb-pro .index-mb-category .link-box a {
  display: block;
}
.index-pro-more {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-pro-more {
    display: block;
    padding-top: 0.275rem;
    text-align: center;
  }
}
.index-pro-more img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .index-pro-swiper {
    display: none;
  }
}
.index-pro-swiper .img-box {
  display: block;
  height: 100vh;
}
.index-pro-swiper .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-pro-thumbs-swiper {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.37);
  z-index: 10;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 80px;
}
@media screen and (max-width: 1024px) {
  .index-pro-thumbs-swiper {
    display: none;
  }
}
.index-pro-thumbs-swiper .swiper-slide {
  text-align: center;
  padding: 35px 0;
}
.index-pro-thumbs-swiper .swiper-slide-thumb-active .index-thums-item {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.index-pro .index-thums-item {
  text-align: center;
  cursor: pointer;
  padding: 9px 9px 14px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  border-radius: 10px;
}
.index-pro .index-thums-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.index-pro .index-thums-item .img-box {
  position: relative;
  width: 5.72917vw;
  _height: 5.72917vw;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.index-pro .index-thums-item .img-box img {
  width: 100%;
  _height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.index-pro .index-thums-item .title-box {
  margin-top: 16px;
}
.index-pro-prev,
.index-pro-next {
  position: absolute;
  top: 50%;
  font-size: 0.14rem;
  color: #00aceb;
  z-index: 99;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.index-pro-prev.swiper-button-disabled,
.index-pro-next.swiper-button-disabled {
  color: #9d9b9c;
}
.index-pro-prev {
  left: 0.08rem;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.index-pro-next {
  right: 0.08rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1440px) {
  .index-pro-swiper {
    height: 190px;
  }
  .index-pro-swiper .swiper-slide {
    height: 95px;
  }
  .index-pro-swiper .swiper-slide:before {
    height: 66px;
  }
  .index-pro-swiper .swiper-slide .icon {
    width: 64px;
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .index-pro .index-title {
    display: block;
  }
  .index-pro-bd {
    height: auto;
  }
  .index-pro-bd a {
    height: 0;
    padding-bottom: 50.46875%;
  }
  .index-pro-bd .img-mobile,
  .index-pro-bd .img-pc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .index-pro-swiper {
    position: relative;
    bottom: auto;
    padding: 0 0.25rem;
    height: 120px;
    background: none;
  }
  .index-pro-swiper:before {
    left: 0.25rem;
    right: 0.25rem;
    background-color: #c9caca;
  }
  .index-pro-swiper .swiper-slide {
    padding: 8px 24px;
    height: 60px;
  }
  .index-pro-swiper .swiper-slide:before {
    height: 40px;
    background-color: #c9caca;
  }
  .index-pro-swiper .swiper-slide .icon {
    margin-right: 12px;
    width: 56px;
    height: 35px;
    line-height: 35px;
  }
  .index-pro-swiper .swiper-slide .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    width: auto;
    color: #3e3a39;
  }
  .index-pro-swiper .swiper-slide.on {
    background: none;
  }
  .index-pro-swiper .swiper-slide.on .icon-default {
    display: none;
  }
  .index-pro-swiper .swiper-slide.on .icon-default-m {
    display: inline-block;
  }
  .index-pro-swiper .swiper-slide.on .icon-default-m,
  .index-pro-swiper .swiper-slide.on .icon-hover {
    display: none;
  }
  .index-pro-swiper .swiper-slide.on .icon-hover-m {
    display: inline-block;
  }
  .index-pro-swiper .swiper-slide.on .info {
    color: #00aceb;
  }
  .index-pro-swiper .swiper-slide h3 {
    font-weight: normal;
  }
  .index-pro-swiper .swiper-slide p {
    display: none;
  }
  .index-pro-prev.swiper-button-disabled,
  .index-pro-next.swiper-button-disabled {
    color: #c9caca;
  }
}
@media screen and (max-width: 750px) {
  .index-pro-bd a {
    padding-bottom: 86.66667%;
  }
  .index-pro-bd .img-pc {
    display: none;
  }
  .index-pro-bd .img-mobile {
    display: block;
  }
  .index-pro-swiper {
    height: 100px;
  }
  .index-pro-swiper .swiper-slide {
    padding: 4px 0.1rem;
    height: 50px;
  }
  .index-pro-swiper .swiper-slide:before {
    height: 34px;
  }
  .index-pro-swiper .swiper-slide .icon {
    margin-right: 5px;
    width: 38px;
    height: 24px;
    line-height: 24px;
  }
  .index-pro-swiper .swiper-slide h3 {
    font-size: 13px;
  }
}
.index-news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 55px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index-news .index-title {
  margin-bottom: 6vh;
}
.index-news-swiper {
  position: relative;
}
.index-news-swiper .swiper-slide a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
}
.index-news-swiper .swiper-slide a:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 0s, -webkit-transform 0.5s;
  transition: opacity 0s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0s;
  -moz-transition: transform 0.5s, opacity 0s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0s;
  transition: transform 0.5s, opacity 0s, -webkit-transform 0.5s,
    -moz-transform 0.5s;
}
.index-news-swiper .swiper-slide a:hover .title,
.index-news-swiper .swiper-slide a:hover .more,
.index-news-swiper .swiper-slide a:hover .more i {
  color: #00aceb;
}
.index-news-swiper .swiper-slide .info {
  width: 50%;
  padding: 40px 135px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index-news-swiper .swiper-slide .img {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  position: relative;
  width: 50%;
  height: 0;
  padding-bottom: 34.92537%;
  overflow: hidden;
}
.index-news-swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
}
.index-news-swiper .swiper-slide .title {
  margin-bottom: 26px;
  max-height: 76px;
  line-height: 38px;
  font-size: 28px;
  color: #000;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.index-news-swiper .swiper-slide .time {
  margin-bottom: 8px;
  line-height: 1;
  font-size: 22px;
  color: #898989;
  font-family: GothamExLight;
}
.index-news-swiper .swiper-slide .p {
  max-height: 168px;
  font-size: 14px;
  line-height: 28px;
  color: #898989;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.index-news-swiper .swiper-slide .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  font-size: 14px;
  color: #3e3a39;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.index-news-swiper .swiper-slide .more i {
  margin-left: 8px;
  font-size: 40px;
  color: #898989;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.index-news-swiper .index-news-pagination {
  margin-top: 3vh;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.index-news-swiper .index-news-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 11px;
  height: 11px;
  border: 1px solid #00aceb;
  outline: none;
  background: none;
  opacity: 1;
}
.index-news-swiper .index-news-pagination .swiper-pagination-bullet-active {
  background-color: #00aceb;
}
@media screen and (max-width: 1440px) {
  .index-news-swiper .swiper-slide .info {
    padding: 20px 60px 0 0;
  }
  .index-news-swiper .swiper-slide .title {
    max-height: 68px;
    line-height: 34px;
    font-size: 24px;
  }
  .index-news-swiper .swiper-slide .p {
    max-height: 84px;
    -webkit-line-clamp: 3;
  }
  .index-news-swiper .swiper-slide .time {
    font-size: 20px;
  }
  .index-news-swiper .swiper-slide .more i {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .index-news {
    display: block;
    padding: 80px 0;
  }
  .index-news .index-title {
    margin-bottom: 0.2rem;
  }
  .index-news-swiper .swiper-slide .info {
    padding: 10px 40px 0 0;
  }
  .index-news-swiper .swiper-slide .title {
    margin-bottom: 18px;
    max-height: 52px;
    line-height: 26px;
    font-size: 18px;
  }
  .index-news-swiper .swiper-slide .p {
    max-height: 78px;
    line-height: 26px;
    font-size: 13px;
  }
  .index-news-swiper .swiper-slide .time {
    font-size: 16px;
  }
  .index-news-swiper .swiper-slide .more {
    margin-top: 15px;
  }
  .index-news-swiper .swiper-slide .more i {
    font-size: 30px;
  }
  .index-news-swiper .index-news-pagination {
    margin-top: 0.275rem;
  }
  .index-news-swiper .index-news-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
  }
  .index-news .index-more {
    margin-top: 0.3rem;
  }
}
@media screen and (max-width: 750px) {
  .index-news {
    padding: 0.55rem 0;
  }
  .index-news-swiper .swiper-slide a {
    display: block;
  }
  .index-news-swiper .swiper-slide .info {
    width: 100%;
    padding: 18px 0 0;
  }
  .index-news-swiper .swiper-slide .img {
    width: 100%;
    padding-bottom: 69.85075%;
  }
  .index-news-swiper .swiper-slide .title {
    margin-bottom: 14px;
    max-height: 50px;
    line-height: 25px;
    font-size: 17px;
  }
  .index-news-swiper .swiper-slide .time {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .index-news-swiper .swiper-slide .more {
    display: none;
  }
  .index-news-swiper .index-news-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    width: 6px;
    height: 6px;
  }
}
.index-recru {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-recru {
    display: block;
    padding-bottom: 0.25rem;
  }
}
.index-recru-wrapper {
  padding: 0 0.175rem;
}
.index-recru .recru-img {
  width: 100%;
  position: relative;
  margin-top: 0.25rem;
}
.index-recru .recru-img .img-box img {
  width: 100%;
}
.index-recru .link-box {
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.index-recru .link-box a {
  display: inline-block;
  width: 50%;
  height: 40%;
}
.index-recru .link-box a:nth-child(1) {
  width: 100%;
  height: 60%;
}
.news-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -25px -35px 70px;
}
.news-list li {
  padding: 0 10px 30px;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news-list a {
  display: block;
  height: 100%;
  padding: 25px 25px 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.news-list a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.08);
}
.news-list a:hover .time {
  color: #00aceb;
}
.news-list a:hover .time:after {
  opacity: 1;
  width: 100%;
}
.news-list a:hover .title {
  color: #00aceb;
}
.news-list .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 69.5%;
  overflow: hidden;
}
.news-list .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-list .time {
  position: relative;
  margin: 25px 0 18px;
  line-height: 54px;
  font-family: "Gotham-Medium";
  font-size: 22px;
  color: #595757;
  border-bottom: 1px solid #cbcbcb;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.news-list .time:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  opacity: 0;
  background-color: #00aceb;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
  -moz-transition: width 0.5s;
  transition: width 0.5s;
  z-index: 2;
}
.news-list .title {
  margin-bottom: 5px;
  max-height: 48px;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.news-list .p {
  max-height: 84px;
  line-height: 28px;
  font-size: 14px;
  color: #898989;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
@media screen and (max-width: 1440px) {
  .news-list {
    margin: -20px -25px 60px;
  }
  .news-list a {
    padding: 20px 20px 26px;
  }
}
@media screen and (max-width: 1200px) {
  .news-list {
    margin: -15px -20px 50px;
  }
  .news-list li {
    padding: 0 0.025rem 25px;
  }
  .news-list a {
    padding: 15px 15px 26px;
  }
  .news-list .time {
    margin: 16px 0;
    line-height: 50px;
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .news-list {
    margin: -0.05rem -0.075rem 30px;
  }
  .news-list a {
    padding: 0.05rem 0.05rem 0.1rem;
  }
  .news-list .time {
    margin: 8px 0 12px;
    line-height: 42px;
    font-size: 18px;
  }
  .news-list .title {
    font-size: 15px;
  }
  .news-list .p {
    max-height: 72px;
    line-height: 24px;
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .news-list li {
    padding-bottom: 16px;
    width: 50%;
  }
  .news-list .time {
    margin: 5px 0 10px;
    line-height: 34px;
    font-size: 14px;
  }
  .news-list .title {
    max-height: 44px;
    line-height: 22px;
  }
}
.news-title {
  margin-bottom: 45px;
  text-align: center;
}
.news-title h2 {
  line-height: 1.4;
  font-size: 30px;
  color: #221815;
}
.news-title .time {
  margin-top: 12px;
  font-size: 15px;
  color: #646464;
}
@media screen and (max-width: 1440px) {
  .news-title h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1200px) {
  .news-title {
    margin-bottom: 40px;
  }
  .news-title h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1024px) {
  .news-title {
    margin-bottom: 35px;
  }
  .news-title h2 {
    font-size: 24px;
  }
  .news-title .time {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .news-title {
    margin-bottom: 20px;
  }
  .news-title h2 {
    font-size: 20px;
  }
  .news-title .time {
    margin-top: 8px;
    font-size: 13px;
  }
}
.news-article {
  font-size: 14px;
  line-height: 28px;
  color: #7d7d7d;
  overflow: hidden;
}
.news-article p {
  margin-bottom: 14px;
}
.news-article img,
.news-article video {
  max-width: 100%;
  height: auto !important;
}
.news-article ul {
  list-style: disc;
}
.news-article ul li {
  list-style: disc;
}
.news-article ol {
  list-style: decimal;
}
.news-article ol li {
  list-style: decimal;
}
.news-article p {
  margin-bottom: 15px;
}
.news-article .img {
  padding: 10px 0 70px;
  text-align: center;
}
.news-article .img-title {
  margin-top: 10px;
}
.news-article .p-center {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .news-article .img {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 750px) {
  .news-article {
    font-size: 13px;
  }
  .news-article p {
    margin-bottom: 10px;
  }
  .news-article .img {
    padding-bottom: 30px;
  }
  .news-article .p-center {
    text-align: left;
  }
}
.back-list {
  margin-top: 60px;
  font-size: 0;
}
.back-list-center {
  text-align: center;
}
.back-list-mobile {
  display: none;
}
.back-list a {
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #00aceb;
  border: 1px solid #00aceb;
  border-radius: 32px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.back-list a:hover {
  color: #fff;
  background-color: #00aceb;
}
.back-list .a-mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .back-list {
    margin-top: 45px;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .back-list {
    margin-top: 40px;
  }
  .back-list-mobile {
    display: block;
  }
  .back-list a {
    margin: 0 0.1rem;
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
  }
  .back-list .a-mobile {
    display: inline-block;
    vertical-align: top;
  }
}
.news-recommend {
  margin-top: 85px;
  padding-top: 24px;
  border-top: 1px solid #d2d2d2;
}
.news-recommend-title {
  margin-bottom: 18px;
  font-size: 24px;
  color: #3e3a39;
}
.news-recommend-list li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
}
.news-recommend-list li a:hover .title {
  color: #00aceb;
}
.news-recommend-list li a:hover .title:before {
  background-color: #00aceb;
  border-color: #b8e0f7;
}
.news-recommend-list li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 1px;
  height: 2px;
  background-color: #727171;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.news-recommend-list li .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 30px;
  min-width: 0;
  line-height: 34px;
  font-size: 16px;
  color: #727171;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.news-recommend-list li .time {
  font-size: 17px;
  color: #9fa0a0;
}
@media screen and (max-width: 1024px) {
  .news-recommend {
    margin-top: 75px;
  }
  .news-recommend-title {
    margin-bottom: 14px;
    font-size: 22px;
  }
  .news-recommend-list li .title {
    font-size: 15px;
  }
  .news-recommend-list li .time {
    font-size: 15px;
  }
}
@media screen and (max-width: 750px) {
  .news-recommend {
    margin-top: 0.6rem;
    padding-top: 18px;
  }
  .news-recommend-title {
    font-size: 20px;
  }
  .news-recommend-list li + li {
    margin-top: 14px;
  }
  .news-recommend-list li a {
    display: block;
  }
  .news-recommend-list li a:before {
    top: 11px;
  }
  .news-recommend-list li .title {
    margin-right: 0;
    line-height: 22px;
    white-space: normal;
  }
  .news-recommend-list li .time {
    display: block;
    margin-top: 6px;
    font-size: 13px;
  }
}
.video-recommend,
.video-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.video-recommend li,
.video-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.video-recommend li .box,
.video-list li .box {
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.video-recommend li .box:hover,
.video-list li .box:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.12);
}
.video-recommend li .box:hover .title,
.video-recommend li .box:hover .info:after,
.video-list li .box:hover .title,
.video-list li .box:hover .info:after {
  color: #00aceb;
}
.video-recommend li .box:hover .info,
.video-list li .box:hover .info {
  border-color: #fff;
}
.video-recommend li .box:hover .img-default,
.video-list li .box:hover .img-default {
  z-index: 0;
  opacity: 0;
}
.video-recommend li .box:hover .img-hover,
.video-list li .box:hover .img-hover {
  z-index: 6;
  opacity: 1;
}
.video-recommend li .img,
.video-list li .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.66132%;
  overflow: hidden;
}
.video-recommend li .img img,
.video-list li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.video-recommend li .img-default,
.video-list li .img-default {
  z-index: 6;
}
.video-recommend li .img-hover,
.video-list li .img-hover {
  z-index: 0;
  opacity: 0;
}
.video-recommend li .info,
.video-list li .info {
  position: relative;
  padding: 18px 70px 24px 20px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.video-recommend li .info:after,
.video-list li .info:after {
  content: "\e6d0";
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "iconfont";
  font-size: 36px;
  color: #b8b8b9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.video-recommend li .info-tag,
.video-list li .info-tag {
  margin-bottom: 3px;
  line-height: 1.5;
  font-size: 15px;
  color: #898989;
}
.video-recommend li .title,
.video-list li .title {
  line-height: 1.5;
  font-size: 18px;
  color: #595757;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1024px) {
  .video-recommend li .info,
  .video-list li .info {
    padding: 15px 60px 20px 20px;
  }
  .video-recommend li .info:after,
  .video-list li .info:after {
    right: 18px;
    font-size: 32px;
  }
  .video-recommend li .info-tag,
  .video-list li .info-tag {
    font-size: 14px;
  }
  .video-recommend li .title,
  .video-list li .title {
    font-size: 17px;
  }
}
@media screen and (max-width: 750px) {
  .video-recommend,
  .video-list {
    display: block;
  }
  .video-recommend li .info,
  .video-list li .info {
    padding: 13px 50px 15px 15px;
  }
  .video-recommend li .info:after,
  .video-list li .info:after {
    right: 12px;
    font-size: 28px;
  }
  .video-recommend li .info-tag,
  .video-list li .info-tag {
    font-size: 13px;
  }
  .video-recommend li .title,
  .video-list li .title {
    font-size: 16px;
  }
}
.video-recommend {
  margin: 0 -45px;
}
.video-recommend li {
  padding: 0 45px 90px;
  width: 50%;
}
@media screen and (max-width: 1440px) {
  .video-recommend {
    margin: 0 -35px;
  }
  .video-recommend li {
    padding: 0 35px 70px;
  }
}
@media screen and (max-width: 1024px) {
  .video-recommend {
    margin: 0 -15px;
  }
  .video-recommend li {
    padding: 0 15px 30px;
  }
}
@media screen and (max-width: 750px) {
  .video-recommend {
    margin: 0;
  }
  .video-recommend li {
    padding: 0 0 0.25rem;
    width: 100%;
  }
}
.video-list {
  margin: 0 -18px 50px;
}
.video-list li {
  padding: 0 18px 76px;
  width: 33.33333%;
}
@media screen and (max-width: 1024px) {
  .video-list {
    margin: 0 -15px 40px;
  }
  .video-list li {
    padding: 0 15px 30px;
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .video-list {
    margin: 0 0 30px;
  }
  .video-list li {
    padding: 0 0 0.25rem;
    width: 100%;
  }
}
.recruit-menu {
  margin: 0 -70px;
  padding: 15px 0 45px;
  font-size: 0;
  text-align: center;
}
.recruit-menu a {
  display: inline-block;
  vertical-align: top;
  margin: 0 70px;
  height: 38px;
  line-height: 38px;
  padding: 0 0.1rem;
  min-width: 80px;
  text-align: center;
  font-size: 15px;
  color: #00aceb;
  border-radius: 40px;
  border: 1px solid #00aceb;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.recruit-menu a:hover,
.recruit-menu a.on {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1440px) {
  .recruit-menu {
    margin: 0 -60px;
  }
  .recruit-menu a {
    margin: 0 60px;
  }
}
@media screen and (max-width: 1200px) {
  .recruit-menu {
    margin: 0 -50px;
    padding: 5px 0 35px;
  }
  .recruit-menu a {
    margin: 0 50px;
    height: 35px;
    line-height: 35px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-menu {
    margin: 0 -36px;
  }
  .recruit-menu a {
    margin: 0 36px;
  }
}
@media screen and (max-width: 750px) {
  .recruit-menu {
    margin: 0 -0.075rem;
    padding-bottom: 30px;
  }
  .recruit-menu a {
    margin: 0 0.075rem;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    min-width: 70px;
  }
}
.recruit-box .name,
.recruit-box .department {
  width: 13%;
}
.recruit-box .company {
  width: 18%;
}
.recruit-box .num,
.recruit-box .education {
  width: 10%;
}
.recruit-box .address,
.recruit-box .date {
  width: 12%;
}
.recruit-box .more {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  color: #c9caca;
}
.recruit-box .more .iconfont {
  font-size: 20px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.recruit-box-hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #acacac;
  border-bottom: 1px solid #cbcbcb;
}
.recruit-box-hd span {
  padding-left: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1440px) {
  .recruit-box-hd span {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .recruit-box-hd {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
  }
  .recruit-box-hd span {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-box .more {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .recruit-box .more .iconfont {
    font-size: 18px;
  }
  .recruit-box .name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  .recruit-box-hd {
    text-align: center;
    border-radius: 5px;
    font-size: 17px;
  }
  .recruit-box-hd span {
    padding-left: 0;
  }
  .recruit-box-hd .more,
  .recruit-box-hd .department,
  .recruit-box-hd .company,
  .recruit-box-hd .num,
  .recruit-box-hd .education,
  .recruit-box-hd .address,
  .recruit-box-hd .date {
    display: none;
  }
}
.recruit-list .item {
  border-bottom: 1px solid #cbcbcb;
}
.recruit-list .item-hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
  font-size: 15px;
  color: #727171;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.recruit-list .item-hd li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 0 13px 46px;
  min-height: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.recruit-list .item-hd .more {
  padding-right: 36px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.recruit-list .item-hd:hover,
.recruit-list .item-hd.active {
  color: #00aceb;
}
.recruit-list .item-hd:hover .more,
.recruit-list .item-hd.active .more {
  color: #00aceb;
}
.recruit-list .item-hd.active .more .iconfont {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.recruit-list .item-bd {
  display: none;
  padding: 26px 46px 35px;
  line-height: 28px;
  font-size: 14px;
  color: #727171;
  background-color: #f7f8f8;
  border-top: 1px dashed #d3d3d3;
}
.recruit-list .item-bd-params {
  display: none;
  margin-bottom: 20px;
  color: #4c4948;
}
.recruit-list .item-bd-params li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.recruit-list .item-bd-params p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.recruit-list .item-bd-article {
  overflow: hidden;
}
.recruit-list .email-btn {
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
  padding: 0 60px;
  line-height: 38px;
  height: 38px;
  color: #00aceb;
  font-size: 16px;
  border: 1px solid #00aceb;
  border-radius: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.recruit-list .email-btn:hover {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1440px) {
  .recruit-list .item-hd li {
    padding-left: 40px;
  }
  .recruit-list .item-bd {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .recruit-list .item-hd {
    font-size: 14px;
  }
  .recruit-list .item-hd li {
    padding: 9px 0 9px 30px;
    min-height: 62px;
  }
  .recruit-list .item-hd .more {
    padding-right: 26px;
  }
  .recruit-list .item-bd {
    padding: 20px 0.15rem 30px;
  }
  .recruit-list .email-btn {
    margin-top: 30px;
    padding: 0 50px;
    line-height: 35px;
    height: 35px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-list {
    padding-top: 0.05rem;
  }
  .recruit-list .item {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 0.1rem;
  }
  .recruit-list .item-hd {
    padding: 12px 0.1rem 12px 0.15rem;
  }
  .recruit-list .item-hd li {
    padding: 0;
    min-height: 0;
    font-size: 15px;
  }
  .recruit-list .item-hd .more {
    margin-left: 0.15rem;
    padding-right: 0;
  }
  .recruit-list .item-hd .department,
  .recruit-list .item-hd .company,
  .recruit-list .item-hd .num,
  .recruit-list .item-hd .education,
  .recruit-list .item-hd .address,
  .recruit-list .item-hd .date {
    display: none;
  }
  .recruit-list .item-bd {
    border-top: none;
  }
  .recruit-list .item-bd-params {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .recruit-list .item-bd {
    padding-bottom: 25px;
    line-height: 26px;
    font-size: 13px;
  }
  .recruit-list .item-bd-params {
    margin-bottom: 12px;
  }
  .recruit-list .email-btn {
    display: block;
    margin-top: 18px;
    padding: 0 0.1rem;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    text-align: center;
  }
}
.recruit-process {
  padding: 85px 0 95px;
  background-color: #f8f8f8;
}
.recruit-process-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}
.recruit-process-list:before {
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  top: 113px;
  border-bottom: 1px dashed #00aceb;
}
.recruit-process-list li {
  position: relative;
  list-style: none !important;
  z-index: 2;
}
.recruit-process-list .num {
  display: block;
  margin-bottom: 36px;
  height: 44px;
  line-height: 1;
  font-size: 56px;
  color: #d3edfb;
  font-family: "Helvetica Condensed Bold";
  overflow: hidden;
}
.recruit-process-list .icon {
  margin: 0 auto 10px;
  width: 66px;
  height: 66px;
}
.recruit-process-list .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.recruit-process-list p {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .recruit-process {
    padding: 75px 0 85px;
  }
  .recruit-process-list:before {
    top: 98px;
  }
  .recruit-process-list .num {
    margin-bottom: 30px;
    height: 38px;
    font-size: 50px;
  }
  .recruit-process-list .icon {
    width: 60px;
    height: 60px;
  }
  .recruit-process-list p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-process {
    padding: 65px 0 75px;
  }
  .recruit-process-list:before {
    top: 75px;
  }
  .recruit-process-list .num {
    margin-bottom: 20px;
    height: 30px;
    font-size: 40px;
  }
  .recruit-process-list .icon {
    width: 50px;
    height: 50px;
  }
  .recruit-process-list p {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .recruit-process {
    padding: 0.5rem 0 0.55rem;
  }
  .recruit-process-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .recruit-process-list li {
    position: relative;
  }
  .recruit-process-list li + li {
    margin-top: 0.3rem;
  }
  .recruit-process-list:before {
    top: 20px;
    bottom: 60px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-right: 1px dashed #00aceb;
    border-bottom: none;
  }
  .recruit-process-list .num {
    position: absolute;
    margin-bottom: 0;
    right: -moz-calc(100% + 15px);
    right: calc(100% + 15px);
    line-height: 66px;
    height: auto;
    font-size: 52px;
  }
  .recruit-process-list .icon {
    width: 66px;
    height: 66px;
  }
  .recruit-process-list p {
    font-size: 15px;
  }
}
.career-article {
  padding: 110px 0 120px;
}
.career-article-box + .career-article-box {
  margin-top: 120px;
  padding-top: 110px;
  border-top: 1px solid #cbcbcb;
}
.career-article .img-group3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1030px;
  margin: 0 auto;
}
.career-article .img-group3 li {
  list-style: none !important;
}
.career-article .img-pc,
.career-article .img-mobile {
  text-align: center;
}
.career-article .img-mobile {
  display: none;
}
@media screen and (max-width: 1200px) {
  .career-article {
    padding: 90px 0 100px;
  }
  .career-article-box + .career-article-box {
    margin-top: 100px;
    padding-top: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .career-article {
    padding: 70px 0 80px;
  }
  .career-article-box + .career-article-box {
    margin-top: 80px;
    padding-top: 70px;
  }
  .career-article .img-group3 li img {
    max-width: 138px;
  }
}
@media screen and (max-width: 750px) {
  .career-article {
    padding: 0.5rem 0 0.55rem;
  }
  .career-article-box + .career-article-box {
    margin-top: 0.55rem;
    padding-top: 0.5rem;
  }
  .career-article .img-group3 {
    display: block;
    text-align: center;
  }
  .career-article .img-group3 li + li {
    margin-top: 0.35rem;
  }
  .career-article .img-mobile {
    display: block;
  }
  .career-article .img-pc {
    display: none;
  }
}
.career-salary-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  color: #898989;
}
.career-salary-list li {
  padding: 0 0.15rem;
  width: 33.33333%;
  text-align: center;
  list-style: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.career-salary-list li:nth-child(n + 4) {
  margin-top: 100px;
}
.career-salary-list .icon {
  margin: 0 auto;
  width: 99px;
}
.career-salary-list .icon img {
  display: block;
  width: 100%;
}
.career-salary-list .title {
  margin: 18px 0 10px;
}
.career-salary-list .title-cn {
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
.career-salary-list .title-en {
  margin-top: 2px;
  line-height: 1.2;
  font-size: 14px;
  color: #101010;
  font-family: "GothamExLight";
}
@media screen and (max-width: 1200px) {
  .career-salary-list li:nth-child(n + 4) {
    margin-top: 85px;
  }
}
@media screen and (max-width: 1024px) {
  .career-salary-list li:nth-child(n + 4) {
    margin-top: 60px;
  }
  .career-salary-list .icon {
    width: 82px;
  }
  .career-salary-list .title {
    margin: 15px 0 8px;
  }
  .career-salary-list .title-cn {
    font-size: 16px;
  }
  .career-salary-list .title-en {
    font-size: 12px;
  }
}
@media screen and (max-width: 750px) {
  .career-salary-list li {
    width: 50%;
  }
  .career-salary-list li:nth-child(n + 3) {
    margin-top: 40px;
  }
  .career-salary-list .icon {
    width: 70px;
  }
}
.environment-gallery {
  padding: 90px 0;
  background-color: #eee;
}
.environment-gallery-wp {
  position: relative;
  padding: 0 90px;
}
.environment-gallery-swiper .swiper-slide:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.environment-gallery-swiper .swiper-slide .img {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  height: 0;
  padding-bottom: 74.3662%;
  overflow: hidden;
}
.environment-gallery-swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.environment-gallery-swiper .swiper-slide .title {
  margin-bottom: 3px;
  line-height: 26px;
  font-size: 18px;
  color: #181818;
}
.environment-gallery-swiper .swiper-slide .p {
  font-size: 14px;
  line-height: 24px;
  color: #727171;
}
.environment-gallery .gallery-prev,
.environment-gallery .gallery-next {
  position: absolute;
  top: 132px;
  font-size: 26px;
  color: #00aceb;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9;
}
.environment-gallery .gallery-prev.swiper-button-disabled,
.environment-gallery .gallery-next.swiper-button-disabled {
  color: #c9caca;
}
.environment-gallery .gallery-prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.environment-gallery .gallery-next {
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.environment-gallery .gallery-pagination {
  display: none;
  margin-top: 20px;
  text-align: center;
}
.environment-gallery .gallery-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  width: 6px;
  height: 6px;
  border: 1px solid #00aceb;
  outline: none;
  background: none;
  opacity: 1;
}
.environment-gallery .gallery-pagination .swiper-pagination-bullet-active {
  background-color: #00aceb;
}
@media screen and (max-width: 1440px) {
  .environment-gallery .gallery-prev,
  .environment-gallery .gallery-next {
    top: 115px;
  }
}
@media screen and (max-width: 1200px) {
  .environment-gallery {
    padding: 80px 0;
  }
  .environment-gallery-wp {
    padding: 0 60px;
  }
  .environment-gallery-swiper .swiper-slide .img {
    margin-bottom: 16px;
  }
  .environment-gallery-swiper .swiper-slide .title {
    line-height: 24px;
    font-size: 16px;
  }
  .environment-gallery-swiper .swiper-slide .p {
    font-size: 13px;
    line-height: 22px;
  }
  .environment-gallery .gallery-prev,
  .environment-gallery .gallery-next {
    top: -moz-calc((100vw - 250px) / 3 * (264 / 355) / 2);
    top: calc((100vw - 250px) / 3 * (264 / 355) / 2);
  }
}
@media screen and (max-width: 1024px) {
  .environment-gallery {
    padding: 70px 0;
  }
  .environment-gallery-wp {
    padding: 0 40px;
  }
  .environment-gallery .gallery-prev,
  .environment-gallery .gallery-next {
    top: -moz-calc((100vw - 130px) / 2 * (264 / 355) / 2);
    top: calc((100vw - 130px) / 2 * (264 / 355) / 2);
    font-size: 22px;
  }
}
@media screen and (max-width: 750px) {
  .environment-gallery {
    padding: 0.2rem 0 0.5rem;
  }
  .environment-gallery-wp {
    padding: 0;
  }
  .environment-gallery .gallery-prev,
  .environment-gallery .gallery-next {
    top: -moz-calc((100vw - 0.3rem) * (264 / 355) / 2);
    top: calc((100vw - 0.3rem) * (264 / 355) / 2);
    font-size: 0.18rem;
  }
  .environment-gallery .gallery-prev {
    left: 0.1rem;
  }
  .environment-gallery .gallery-next {
    right: 0.1rem;
  }
  .environment-gallery .gallery-pagination {
    display: block;
  }
}
.staff-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -9px 50px;
}
.staff-list li {
  padding: 0 9px 60px;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.staff-list .box {
  cursor: pointer;
}
.staff-list .box-top {
  position: relative;
}
.staff-list .box:hover .info {
  opacity: 1;
}
.staff-list .box:hover .info-p {
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.staff-list .box:hover .more {
  color: #fff;
  background-color: #00aceb;
}
.staff-list .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 111.46245%;
}
.staff-list .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.staff-list .info {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 18px;
  line-height: 1.4;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.staff-list .info-name {
  font-size: 25px;
  color: #00aceb;
  font-weight: bold;
}
.staff-list .info-tag {
  font-size: 18px;
  color: #fff;
}
.staff-list .info-p {
  margin-top: 24px;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.staff-list .info-p:before {
  content: "";
  display: block;
  margin: 0 auto 15px;
  width: 1px;
  height: 50px;
  background-color: #fff;
}
.staff-list .more {
  margin: 36px auto 0;
  width: 150px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  color: #00aceb;
  border: 1px solid #00aceb;
  border-radius: 40px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.staff-list .content {
  display: none;
}
@media screen and (max-width: 1440px) {
  .staff-list .info-name {
    font-size: 23px;
  }
  .staff-list .info-tag {
    font-size: 17px;
  }
  .staff-list .info-p {
    margin-top: 16px;
    font-size: 14px;
  }
  .staff-list .info-p:before {
    margin-bottom: 12px;
    height: 45px;
  }
  .staff-list .more {
    width: 135px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .staff-list {
    margin-bottom: 40px;
  }
  .staff-list li {
    padding-bottom: 50px;
    width: 25%;
  }
  .staff-list .more {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .staff-list li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 750px) {
  .staff-list {
    margin: 0 -0.075rem 0.1rem;
  }
  .staff-list li {
    padding: 0 0.075rem 0.4rem;
    width: 50%;
  }
  .staff-list .box-top {
    border-bottom: 1px solid #d2d2d2;
  }
  .staff-list .info {
    position: relative;
    display: block;
    padding: 8px 0 6px;
    height: auto;
    text-align: left;
    background: none;
    opacity: 1;
  }
  .staff-list .info-name {
    font-size: 18px;
    color: #000;
  }
  .staff-list .info-tag {
    font-size: 16px;
    color: #000;
  }
  .staff-list .info-p {
    margin-top: 5px;
    font-size: 13px;
    color: #666464;
    opacity: 1;
  }
  .staff-list .info-p:before {
    display: none;
  }
  .staff-list .more {
    margin-top: 15px;
    width: 100px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }
}
.staff-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9000;
}
.staff-popup.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.staff-popup.show-ani .staff-popup-box,
.staff-popup.show-ani .staff-popup-mask {
  opacity: 1;
}
.staff-popup.show-ani .staff-popup-box {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.staff-popup.show-ani .staff-popup-mask {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.staff-popup-box {
  position: relative;
  width: 1340px;
  padding: 55px 60px 60px;
  background-color: #555;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  z-index: 6;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.staff-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.staff-popup-wp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 50vh;
  max-height: -moz-calc(100vh - 300px);
  max-height: calc(100vh - 300px);
}
.staff-popup .scroller {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.staff-popup .bscroll-vertical-scrollbar {
  width: 5px !important;
  border-radius: 5px;
  background-color: #313131;
  z-index: 887 !important;
}
.staff-popup .bscroll-indicator {
  background-color: #00aceb !important;
  border-color: #00aceb !important;
}
.staff-popup-close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 30px;
  color: #00aceb;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.staff-popup-close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.staff-popup-top {
  margin-bottom: 40px;
}
.staff-popup-top:after {
  content: "";
  display: block;
  margin-top: 30px;
  width: 42px;
  height: 1px;
  background-color: #c9c9c9;
}
.staff-popup-top .title {
  margin-bottom: 6px;
}
.staff-popup-top .title img {
  width: auto;
  height: 36px;
}
.staff-popup-top .p {
  line-height: 1.5;
  font-size: 22px;
  color: #fff;
}
.staff-popup-top .staff {
  margin-top: 3px;
  line-height: 1.5;
  font-size: 15px;
  color: #dcdddd;
}
.staff-popup-content {
  padding-right: 30px;
  font-size: 15px;
  line-height: 26px;
  color: #c9caca;
}
.staff-popup-content p {
  margin-bottom: 13px;
}
.staff-popup-content img,
.staff-popup-content video {
  max-width: 100%;
  height: auto !important;
}
.staff-popup-content ul {
  list-style: disc;
}
.staff-popup-content ul li {
  list-style: disc;
}
.staff-popup-content ol {
  list-style: decimal;
}
.staff-popup-content ol li {
  list-style: decimal;
}
.staff-popup-content p {
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .staff-popup-box {
    width: 1200px;
  }
  .staff-popup-wp {
    max-height: -moz-calc(100vh - 240px);
    max-height: calc(100vh - 240px);
  }
  .staff-popup-top .title img {
    height: 30px;
  }
}
@media screen and (max-width: 1260px) {
  .staff-popup-box {
    width: -moz-calc(100% - 0.3rem);
    width: calc(100% - 0.3rem);
  }
  .staff-popup-content {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .staff-popup-box {
    padding: 55px 0.25rem 60px;
  }
  .staff-popup-wp {
    max-height: -moz-calc(100vh - 200px);
    max-height: calc(100vh - 200px);
  }
  .staff-popup-close {
    right: 25px;
  }
  .staff-popup-top {
    margin-bottom: 30px;
  }
  .staff-popup-top:after {
    margin-top: 25px;
  }
  .staff-popup-top .title img {
    height: 26px;
  }
  .staff-popup-top .p {
    font-size: 20px;
  }
  .staff-popup-top .staff {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .staff-popup-box {
    padding: 0.6rem 0.1rem 0.4rem 0.25rem;
  }
  .staff-popup .bscroll-vertical-scrollbar {
    width: 3px !important;
  }
  .staff-popup-wp {
    max-height: -moz-calc(100vh - 2rem);
    max-height: calc(100vh - 2rem);
  }
  .staff-popup-close {
    top: 0.2rem;
    right: 0.2rem;
    font-size: 22px;
  }
  .staff-popup-top {
    margin-bottom: 25px;
    padding-right: 0.15rem;
  }
  .staff-popup-top:after {
    margin-top: 15px;
    width: 32px;
  }
  .staff-popup-top .title img {
    height: 22px;
  }
  .staff-popup-top .p {
    font-size: 18px;
  }
  .staff-popup-top .staff {
    margin-top: 0;
  }
  .staff-popup-content {
    padding-right: 0.15rem;
    line-height: 24px;
    font-size: 13px;
  }
}
.subbrand-title {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .subbrand-title {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-title {
    margin-bottom: 12px;
  }
}
.subbrand-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 60px -0.075rem 20px;
}
.subbrand-list li {
  padding: 0 0.075rem 32px;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subbrand-list a {
  position: relative;
  display: block;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
}
.subbrand-list a:hover .title {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}
.subbrand-list a:hover .mask-box {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.subbrand-list .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.subbrand-list .img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subbrand-list .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 0.1rem;
  background-color: rgba(67, 67, 67, 0.6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  -webkit-transition: all 0.15s 0.25s;
  -o-transition: all 0.15s 0.25s;
  -moz-transition: all 0.15s 0.25s;
  transition: all 0.15s 0.25s;
}
.subbrand-list .title img {
  height: 20px;
  max-width: 100%;
}
.subbrand-list .mask-box {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 25, 39, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 3;
}
.subbrand-list .mask-box-title img {
  max-width: 100%;
  height: 24px;
}
.subbrand-list .mask-box-p {
  margin-top: 20px;
  line-height: 22px;
  font-size: 15px;
  color: #fff;
}
.subbrand-list .more {
  margin-top: 54px;
  display: inline-block;
  padding: 0 20px;
  height: 28px;
  line-height: 28px;
  font-size: 15px;
  color: #fff;
  border: 1px solid #00aceb;
  background-color: #00aceb;
  border-radius: 8px;
}
@media screen and (max-width: 1440px) {
  .subbrand-list .title img {
    height: 18px;
  }
  .subbrand-list .mask-box-title img {
    height: 22px;
  }
  .subbrand-list .mask-box-p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .subbrand-list {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .subbrand-list .title {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .subbrand-list .title img {
    height: 16px;
  }
  .subbrand-list .mask-box-title img {
    height: 20px;
  }
  .subbrand-list .more {
    margin-top: 45px;
  }
}
@media screen and (max-width: 1024px) {
  .subbrand-list li {
    padding-bottom: 40px;
  }
  .subbrand-list a:hover .title {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  .subbrand-list a:hover .more {
    color: #fff;
    background-color: #00aceb;
  }
  .subbrand-list .img {
    border-radius: 8px;
    overflow: hidden;
  }
  .subbrand-list .title {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .subbrand-list .title img {
    height: 14px;
  }
  .subbrand-list .mask-box {
    position: relative;
    height: auto;
    background: none;
    padding: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  .subbrand-list .mask-box-title {
    display: none;
  }
  .subbrand-list .mask-box-p {
    display: none;
  }
  .subbrand-list .more {
    margin-top: 20px;
    color: #00aceb;
    font-size: 13px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-list {
    margin-top: 0.15rem;
  }
  .subbrand-list li {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    width: 50%;
  }
  .subbrand-list .title {
    padding-top: 11px;
    padding-bottom: 10px;
  }
  .subbrand-list .title img {
    height: 12px;
  }
  .subbrand-list .mask-box {
    position: relative;
    height: auto;
    background: none;
    padding: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  .subbrand-list .mask-box-title {
    display: none;
  }
  .subbrand-list .mask-box-p {
    display: none;
  }
  .subbrand-list .more {
    margin-top: 10px;
    padding: 0 15px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
  }
}
.subbrand-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .subbrand-page {
    position: static;
    height: auto;
  }
}
.subbrand-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.subbrand-swiper > .swiper-wrapper > .swiper-slide {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .subbrand-swiper {
    position: static;
    height: auto;
  }
  .subbrand-swiper > .swiper-wrapper {
    display: block;
  }
}
.subbrand-footer {
  position: relative;
  visibility: visible;
  height: auto;
}
.subbrand-footer .footer {
  padding-top: 70px;
}
@media screen and (max-width: 1024px) {
  .subbrand-footer {
    position: static;
  }
  .subbrand-footer .footer {
    padding-top: 0;
  }
}
.subbrand-banner {
  position: relative;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subbrand-banner-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.subbrand-banner-box .img-pc,
.subbrand-banner-box .img-mobile {
  width: 100%;
  height: 100%;
  background: #fff none no-repeat center center;
  background-size: cover;
}
.subbrand-banner-box .img-mobile {
  display: none;
}
.subbrand-banner-box .swiper-slide {
  display: block;
}
.subbrand-banner .subbrand-banner-pagination {
  position: absolute;
  left: 0;
  bottom: 3.5vh;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.subbrand-banner .subbrand-banner-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 11px;
  height: 11px;
  border: 1px solid #00aceb;
  outline: none;
  background: none;
  opacity: 1;
}
.subbrand-banner .subbrand-banner-pagination .swiper-pagination-bullet-active {
  background-color: #00aceb;
}
@media screen and (max-width: 1024px) {
  .subbrand-banner {
    padding-top: 0;
    height: -moz-calc(100vh - 0.5rem);
    height: calc(100vh - 0.5rem);
  }
  .subbrand-banner .subbrand-banner-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-banner-box .img-mobile {
    display: block;
  }
  .subbrand-banner-box .img-pc {
    display: none;
  }
  .subbrand-banner .subbrand-banner-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    width: 6px;
    height: 6px;
  }
}
.subbrand-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subbrand-detail .wd1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.subbrand-detail-article {
  position: relative;
  width: 50%;
  margin-right: 74px;
  font-size: 15px;
  line-height: 30px;
  color: #727171;
}
.subbrand-detail-article p {
  margin-bottom: 15px;
}
.subbrand-detail-article img,
.subbrand-detail-article video {
  max-width: 100%;
  height: auto !important;
}
.subbrand-detail-article ul {
  list-style: disc;
}
.subbrand-detail-article ul li {
  list-style: disc;
}
.subbrand-detail-article ol {
  list-style: decimal;
}
.subbrand-detail-article ol li {
  list-style: decimal;
}
.subbrand-detail-article .article-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: -25px;
  height: 100%;
  overflow: hidden;
}
.subbrand-detail-article .article-scroller-wp {
  padding-right: 25px;
}
.subbrand-detail-article p {
  margin-bottom: 30px;
}
.subbrand-detail-article .bscroll-vertical-scrollbar {
  width: 5px !important;
  border-radius: 5px;
  background-color: #eee;
  z-index: 887 !important;
}
.subbrand-detail-article .bscroll-indicator {
  background-color: #00aceb !important;
  border-color: #00aceb !important;
}
.subbrand-detail-article .subbrand-article-title {
  display: none;
  margin-bottom: 25px;
  text-align: center;
  color: #00aceb;
}
.subbrand-detail-article .subbrand-article-title .title {
  height: 36px;
}
.subbrand-detail-article .subbrand-article-title .title img {
  max-height: 100%;
  max-width: 100%;
}
.subbrand-detail-article .subbrand-article-title p {
  margin-top: 6px;
  font-family: "Gotham-book";
  font-size: 18px;
}
.subbrand-detail-article .subbrand-article-title-sub {
  margin-bottom: 36px;
  line-height: 42px;
  font-size: 25px;
  font-weight: bold;
}
.subbrand-detail-article .subbrand-article-title-sub:after {
  content: "";
  display: block;
  margin-top: 32px;
  width: 36px;
  height: 6px;
  background-color: #727171;
}
.subbrand-detail-img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.subbrand-detail-img img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1440px) {
  .subbrand-detail-article {
    font-size: 14px;
  }
  .subbrand-detail-article .subbrand-article-title-sub {
    margin-bottom: 26px;
    line-height: 34px;
    font-size: 22px;
  }
  .subbrand-detail-article .subbrand-article-title-sub:after {
    margin-top: 25px;
    height: 5px;
  }
  .subbrand-detail-article p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .subbrand-detail-article {
    margin-right: 50px;
  }
  .subbrand-detail-article .article-scroller {
    right: -15px;
  }
  .subbrand-detail-article .article-scroller-wp {
    padding-right: 15px;
  }
  .subbrand-detail-article .subbrand-article-title-sub {
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 20px;
  }
  .subbrand-detail-article .subbrand-article-title-sub:after {
    margin-top: 20px;
    height: 4px;
  }
  .subbrand-detail-article p {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .subbrand-detail {
    display: block;
    padding: 80px 0;
  }
  .subbrand-detail .wd1340 {
    display: block;
  }
  .subbrand-detail-article {
    width: 100%;
    margin-right: 0;
  }
  .subbrand-detail-article .article-scroller {
    position: relative;
    right: 0;
    height: auto;
    -ms-touch-action: auto !important;
    touch-action: auto !important;
  }
  .subbrand-detail-article .article-scroller-wp {
    padding-right: 0;
  }
  .subbrand-detail-article .subbrand-article-title {
    display: block;
  }
  .subbrand-detail-article .subbrand-article-title-sub {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .subbrand-detail-article .subbrand-article-title-sub:after {
    display: none;
  }
  .subbrand-detail-img {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-detail {
    padding: 0.55rem 0;
  }
  .subbrand-detail-article {
    line-height: 28px;
    font-size: 13px;
  }
  .subbrand-detail-article .subbrand-article-title {
    margin-bottom: 15px;
  }
  .subbrand-detail-article .subbrand-article-title .title {
    height: 20px;
  }
  .subbrand-detail-article .subbrand-article-title p {
    margin-top: 0;
    font-size: 12px;
  }
  .subbrand-detail-article .subbrand-article-title-sub {
    margin-bottom: 10px;
    line-height: 26px;
    font-size: 15px;
  }
  .subbrand-detail-article .subbrand-article-title-sub:after {
    display: none;
  }
  .subbrand-detail-article p {
    margin-bottom: 10px;
  }
}
.subbrand-detail2 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.subbrand-detail2-article {
  display: none;
  font-size: 14px;
  line-height: 30px;
  color: #727171;
}
.subbrand-detail2-article p {
  margin-bottom: 15px;
}
.subbrand-detail2-article img,
.subbrand-detail2-article video {
  max-width: 100%;
  height: auto !important;
}
.subbrand-detail2-article ul {
  list-style: disc;
}
.subbrand-detail2-article ul li {
  list-style: disc;
}
.subbrand-detail2-article ol {
  list-style: decimal;
}
.subbrand-detail2-article ol li {
  list-style: decimal;
}
.subbrand-detail2-article p {
  margin-bottom: 15px;
}
.subbrand-detail2-article .title {
  margin-bottom: 0.175rem;
  text-align: center;
}
.subbrand-detail2-article .title img {
  max-height: 50px;
  max-width: 100%;
}
.subbrand-detail2-article .p {
  font-size: 16px;
  color: #2c2c2c;
}
.subbrand-detail2-article .img {
  padding: 0.1rem 0 0.05rem;
}
.subbrand-detail2-article .img img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .subbrand-detail2 {
    padding: 90px 0.15rem;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .subbrand-detail2-article {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-detail2 {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }
  .subbrand-detail2-article {
    font-size: 13px;
    line-height: 28px;
  }
  .subbrand-detail2-article .title img {
    max-height: 38px;
  }
  .subbrand-detail2-article .p {
    font-size: 15px;
  }
  .subbrand-detail2-article p {
    margin-bottom: 10px;
  }
}
.subbrand-video-box {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.subbrand-video-box:hover .video-link-icon {
  border-color: #00aceb;
  background-color: rgba(0, 106, 143, 0.4);
}
@media screen and (max-width: 1024px) {
  .subbrand-video-box {
    height: 0;
    padding-bottom: 50.52083%;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-video-box {
    padding-bottom: 56%;
  }
}
.subbrand-pro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subbrand-pro-title {
  margin-bottom: 6vh;
  text-align: center;
}
.subbrand-pro-title .title {
  font-size: 30px;
  color: #000;
}
.subbrand-pro-title p {
  margin-top: 2px;
  line-height: 26px;
  font-size: 15px;
  color: #727171;
}
.subbrand-pro-swiper .swiper-slide a {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.subbrand-pro-swiper .swiper-slide a:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.subbrand-pro-swiper .swiper-slide a:hover .info-more {
  color: #00aceb;
}
.subbrand-pro-swiper .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66.92427%;
  overflow: hidden;
}
.subbrand-pro-swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.subbrand-pro-swiper .swiper-slide .info {
  padding: 32px 0 18px;
}
.subbrand-pro-swiper .swiper-slide .info-title {
  font-weight: bold;
  font-size: 20px;
  color: #666464;
}
.subbrand-pro-swiper .swiper-slide .info-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  line-height: 20px;
  font-size: 15px;
  color: #898989;
}
.subbrand-pro-swiper .swiper-slide .info-p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.subbrand-pro-swiper .swiper-slide .info-more {
  margin-left: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.subbrand-pro-pagination {
  margin-top: 6vh;
  text-align: center;
}
.subbrand-pro-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 11px;
  height: 11px;
  border: 1px solid #00aceb;
  outline: none;
  background: none;
  opacity: 1;
}
.subbrand-pro-pagination .swiper-pagination-bullet-active {
  background-color: #00aceb;
}
@media screen and (max-width: 1440px) {
  .subbrand-pro-swiper .swiper-slide .info {
    padding: 24px 0 12px;
  }
  .subbrand-pro-swiper .swiper-slide .info-title {
    font-size: 18px;
  }
  .subbrand-pro-swiper .swiper-slide .info-bottom {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .subbrand-pro-title .title {
    font-size: 26px;
  }
  .subbrand-pro-title p {
    line-height: 24px;
    font-size: 14px;
  }
  .subbrand-pro-swiper .swiper-slide .info {
    padding: 18px 0 10px;
  }
  .subbrand-pro-swiper .swiper-slide .info-title {
    font-size: 16px;
  }
  .subbrand-pro-swiper .swiper-slide .info-bottom {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .subbrand-pro {
    display: block;
    padding: 80px 0;
  }
  .subbrand-pro-title {
    margin-bottom: 0.225rem;
  }
  .subbrand-pro-title .title {
    font-size: 24px;
  }
  .subbrand-pro-pagination {
    margin-top: 0.225rem;
  }
  .subbrand-pro-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
  }
}
@media screen and (max-width: 750px) {
  .subbrand-pro {
    padding: 0.5rem 0 0.55rem;
  }
  .subbrand-pro-title .title {
    font-size: 20px;
  }
  .subbrand-pro-title p {
    margin-top: 2px;
    line-height: 22px;
    font-size: 13px;
  }
  .subbrand-pro-swiper .swiper-slide a {
    border-bottom: none;
  }
  .subbrand-pro-swiper .swiper-slide .info {
    padding: 10px 0 0;
  }
  .subbrand-pro-swiper .swiper-slide .info-bottom {
    display: block;
  }
  .subbrand-pro-swiper .swiper-slide .info-more {
    display: none;
  }
  .subbrand-pro-swiper .swiper-slide .info-p {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
  }
  .subbrand-pro-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    width: 6px;
    height: 6px;
  }
}
.form-title {
  margin-bottom: 55px;
  text-align: center;
}
.form-title h2 {
  font-size: 30px;
  color: #000;
}
.form-title p {
  line-height: 1.8;
  font-size: 15px;
  color: #00aceb;
}
@media screen and (max-width: 1200px) {
  .form-title {
    margin-bottom: 45px;
  }
  .form-title h2 {
    font-size: 26px;
  }
  .form-title p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .form-title {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .form-title {
    margin-bottom: 25px;
  }
  .form-title h2 {
    font-size: 22px;
  }
  .form-title p {
    font-size: 12px;
  }
}
.select2-results__option--group .select2-results__options {
  display: none;
}
.select2-container--default .select2-results__option--disabled {
  display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #464646;
  border: none;
  border-top: 1px solid #f6f6f6;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 20px;
  font-size: 15px;
  color: #898989;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  color: #464646;
  background-color: #d3edfb;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 60vh;
}
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar {
  width: 5px;
}
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f6f6f6;
  border-radius: 2px;
}
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #666;
}
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-button {
  background-color: #f6f6f6;
}
.select2-container--default .select2-results__group {
  position: relative;
  padding: 12px 20px;
  font-weight: normal;
  cursor: pointer;
}
.select2-container--default .select2-results__group:after {
  content: "\e773";
  position: absolute;
  right: 16px;
  font-family: "iconfont";
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 11px;
  color: #d2d2d2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.select2-container--default .select2-results__group.active:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (max-width: 1200px) {
  .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }
  .select2-container--default
    .select2-results__option
    .select2-results__option {
    padding-left: 15px;
    font-size: 14px;
  }
  .select2-container--default .select2-results__group {
    padding: 10px 15px;
  }
  .select2-container--default .select2-results__group:after {
    right: 12px;
  }
}
@media screen and (max-width: 750px) {
  .select2-container--default .select2-search--dropdown .select2-search__field {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }
  .select2-container--default
    .select2-results__option
    .select2-results__option {
    padding-left: 15px;
    font-size: 13px;
  }
  .select2-container--default .select2-results__group {
    padding: 8px 15px;
  }
  .select2-container--default .select2-results__group:after {
    right: 8px;
    font-size: 8px;
  }
}
.select2-results__option {
  padding: 12px 20px;
  line-height: 22px;
  font-size: 16px;
  color: #464646;
  overflow: hidden;
  border-top: 1px solid #fff;
  word-break: break-word;
}
@media screen and (max-width: 1440px) {
  .select2-results__option {
    font-size: 15px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .select2-results__option {
    padding: 10px 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .select2-results__option {
    padding: 8px 15px;
    line-height: 18px;
    font-size: 13px;
  }
}
.select2-dropdown {
  border-color: #eee;
  background-color: #f6f6f6;
  border-radius: 0.04rem;
  overflow: hidden;
}
.select2-dropdown .select2-search {
  padding: 0;
  border: none;
}
.normal-form .li-pad20 {
  padding-left: 20px;
}
.normal-form-interval40 .group-average,
.normal-form-interval40 .group-custom {
  margin: 0 -20px;
}
.normal-form-interval40 li {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.normal-form-interval40 .submit-btn {
  padding-top: 45px;
}
.normal-form-interval18 .group-average,
.normal-form-interval18 .group-custom {
  margin: 0 -9px;
}
.normal-form-interval18 li {
  padding: 0 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.normal-form-interval18 .submit-btn {
  padding-top: 80px;
}
.normal-form .group-average {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.normal-form .group-average li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.normal-form .group-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.normal-form .group-custom-li31 {
  width: 33.33333%;
}
.normal-form .group-custom-li32 {
  width: 66.66667%;
}
.normal-form .group-custom-li51 {
  width: 20%;
}
.normal-form .group-custom-li21 {
  width: 50%;
}
.normal-form .group-custom-li41 {
  width: 25%;
}
.normal-form .group-custom-li11 {
  width: 100%;
}
.normal-form .input-box,
.normal-form .select-box,
.normal-form .laydate-box,
.normal-form .textarea-box,
.normal-form .code-box {
  margin-bottom: 25px;
}
.normal-form .input-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.normal-form .input-box .select-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.normal-form .input-text {
  margin-right: 15px;
  max-width: 80px;
  line-height: 1.4;
  font-size: 18px;
  color: #3c3c3c;
}
.normal-form .input-text em {
  margin-right: 4px;
  color: #f00;
}
.normal-form .textarea-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.normal-form .textarea-box .input-text {
  padding-top: 13px;
}
.normal-form ::-webkit-input-placeholder {
  color: #aaa;
}
.normal-form ::-moz-placeholder {
  color: #aaa;
}
.normal-form :-ms-input-placeholder {
  color: #aaa;
}
.normal-form .input,
.normal-form .input-unit {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  line-height: 52px;
  border: 1px solid #c9c9c9;
  border-radius: 0.04rem;
  overflow: hidden;
}
.normal-form .input input,
.normal-form .input-unit input {
  display: block;
  padding: 0 20px;
  height: 52px;
  line-height: 52px;
  font-size: 15px;
  color: #464646;
  outline: none;
  background: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.normal-form .textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  border: 1px solid #c9c9c9;
  border-radius: 0.04rem;
  overflow: hidden;
}
.normal-form .textarea textarea {
  display: block;
  width: 100%;
  padding: 13px 20px;
  line-height: 26px;
  font-size: 15px;
  color: #464646;
  outline: none;
  background: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  overflow: auto;
}
.normal-form .input input {
  width: 100%;
}
.normal-form .input-unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.normal-form .input-unit .unit {
  min-width: 60px;
  font-size: 16px;
  color: #464646;
}
.normal-form .input-unit input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-right: 10px;
}
.normal-form .select-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  line-height: 52px;
  border: 1px solid #c9c9c9;
  border-radius: 0.04rem;
  overflow: hidden;
}
.normal-form .select-list .select {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.normal-form .select-list select {
  opacity: 0;
  font-size: 15px;
  color: #999;
}
.normal-form .select2-container {
  display: block;
  width: 100% !important;
}
.normal-form .select2-container .select2-selection--single {
  height: 52px;
}
.normal-form
  .select2-container
  .select2-selection--single
  .select2-selection__arrow {
  top: 0;
  right: 18px;
  height: 52px;
}
.normal-form
  .select2-container
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-left: -8px;
  margin-top: -4px;
  border-top-color: #a1a1a1;
  border-width: 8px 8px 0;
}
.normal-form .select2-container .select2-selection--single:focus {
  outline: none;
}
.normal-form .select2-container .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 40px;
}
.normal-form .select2-container .select2-selection__rendered:focus {
  outline: none;
}
.normal-form .select2-container--default .select2-selection--single {
  border: none;
  border-radius: none;
}
.normal-form .select2-container--default .select2-selection__rendered {
  line-height: 52px;
  color: #464646;
  font-size: 16px;
}
.normal-form .submit-btn {
  text-align: center;
}
.normal-form .submit-btn button {
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
  height: 40px;
  line-height: 38px;
  color: #00aceb;
  font-size: 15px;
  border: 1px solid #00aceb;
  border-radius: 40px;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.normal-form .submit-btn button:hover {
  color: #fff;
  background-color: #00aceb;
}
.normal-form .select-box {
  line-height: 52px;
  border: 1px solid #c9c9c9;
  border-radius: 0.04rem;
  overflow: hidden;
}
.normal-form .select-box select {
  opacity: 0;
}
.normal-form .laydate-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  line-height: 52px;
  border: 1px solid #c9c9c9;
  border-radius: 0.04rem;
  overflow: hidden;
}
.normal-form .laydate-box .input-text {
  margin-right: 6px;
  font-size: 16px;
}
.normal-form .laydate-box .input {
  position: relative;
  border: none;
}
.normal-form .laydate-box .input input {
  position: relative;
  padding: 0 40px 0 0;
  z-index: 4;
}
.normal-form .laydate-box .input:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-left: -8px;
  margin-top: -4px;
  border-style: solid;
  border-color: #a1a1a1 transparent transparent;
  border-width: 8px 8px 0;
  z-index: 0;
}
.normal-form .code-box,
.normal-form .input-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 52px;
  border: 1px solid #c9c9c9;
  border-radius: 0.04rem;
  overflow: hidden;
}
.normal-form .code-box .input,
.normal-form .input-custom .input {
  border: none;
}
.normal-form .code-btn {
  padding: 0 10px;
  min-width: 105px;
  text-align: center;
  font-size: 15px;
  color: #787878;
  background-color: #f2f2f3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.normal-form .code-btn.active {
  cursor: pointer;
  color: #fff;
  background-color: #00aceb;
}
.normal-form .input-custom {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.normal-form .input-custom .select-list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  border: none;
}
.normal-form .input-custom-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.normal-form .input-custom-input-text {
  font-size: 15px;
  color: #aaa;
}
.normal-form .input-custom-input .input input {
  padding-left: 0;
}
.normal-form-interval30 .group-average,
.normal-form-interval30 .group-custom {
  margin: 0 -15px;
}
.normal-form-interval30 li {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.normal-form-interval30 .input-box,
.normal-form-interval30 .select-box,
.normal-form-interval30 .laydate-box,
.normal-form-interval30 .textarea-box,
.normal-form-interval30 .code-box {
  margin-bottom: 40px;
}
.normal-form-interval30 .submit-btn {
  padding-top: 30px;
}
@media screen and (max-width: 1440px) {
  .normal-form .input-text {
    font-size: 17px;
  }
  .normal-form .laydate-box .input-text {
    font-size: 15px;
  }
  .normal-form .laydate-box .input input {
    font-size: 14px;
  }
  .normal-form .select2-container--default .select2-selection__rendered {
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .normal-form .li-pad20 {
    padding-left: 15px;
  }
  .normal-form-interval40 .group-average,
  .normal-form-interval40 .group-custom {
    margin: 0 -15px;
  }
  .normal-form-interval40 li {
    padding: 0 15px;
  }
  .normal-form-interval40 .submit-btn {
    padding-top: 40px;
  }
  .normal-form-interval18 .submit-btn {
    padding-top: 70px;
  }
  .normal-form .input-box,
  .normal-form .select-box,
  .normal-form .laydate-box,
  .normal-form .textarea-box,
  .normal-form .code-box {
    margin-bottom: 0.1rem;
  }
  .normal-form-interval30 .input-box,
  .normal-form-interval30 .select-box,
  .normal-form-interval30 .laydate-box,
  .normal-form-interval30 .textarea-box,
  .normal-form-interval30 .code-box {
    margin-bottom: 30px;
  }
  .normal-form .input-text {
    font-size: 16px;
  }
  .normal-form .input input,
  .normal-form .input-unit input {
    padding: 0 15px;
    font-size: 14px;
  }
  .normal-form .input-unit .unit {
    min-width: 45px;
    font-size: 15px;
  }
  .normal-form .textarea textarea {
    padding: 13px 15px;
    font-size: 14px;
  }
  .normal-form .select-list {
    padding: 0;
  }
  .normal-form
    .select2-container
    .select2-selection--single
    .select2-selection__arrow {
    right: 12px;
  }
  .normal-form .select2-container .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 32px;
    font-size: 14px;
  }
  .normal-form .laydate-box {
    padding-left: 15px;
  }
  .normal-form .laydate-box .input-text {
    font-size: 14px;
  }
  .normal-form .laydate-box .input input {
    padding-right: 32px;
    font-size: 13px;
  }
  .normal-form .laydate-box .input:after {
    right: 15px;
  }
  .normal-form .input-custom .select-list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .normal-form .input-custom-input-text {
    font-size: 14px;
  }
  .normal-form .code-btn {
    min-width: 90px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .normal-form .li-pad20 {
    padding-left: 9px;
  }
  .normal-form-interval40 .submit-btn {
    padding-top: 30px;
  }
  .normal-form-interval18 .submit-btn {
    padding-top: 60px;
  }
  .normal-form-interval30 .input-box,
  .normal-form-interval30 .select-box,
  .normal-form-interval30 .laydate-box,
  .normal-form-interval30 .textarea-box,
  .normal-form-interval30 .code-box {
    margin-bottom: 0.1rem;
  }
  .normal-form .group-custom-li31-m {
    width: 33.33333%;
  }
  .normal-form .group-custom-li32-m {
    width: 66.66667%;
  }
  .normal-form .group-custom-li21-m {
    width: 50%;
  }
  .normal-form .input-text {
    font-size: 15px;
  }
  .normal-form .input,
  .normal-form .input-unit {
    line-height: 40px;
  }
  .normal-form .input input,
  .normal-form .input-unit input {
    height: 40px;
    line-height: 40px;
  }
  .normal-form .input-unit .unit {
    min-width: 30px;
    font-size: 14px;
  }
  .normal-form .textarea textarea {
    padding: 12px 15px;
    line-height: 24px;
  }
  .normal-form .select-list {
    line-height: 40px;
  }
  .normal-form .select2-container .select2-selection--single {
    height: 40px;
  }
  .normal-form
    .select2-container
    .select2-selection--single
    .select2-selection__arrow {
    height: 40px;
  }
  .normal-form
    .select2-container
    .select2-selection--single
    .select2-selection__arrow
    b {
    margin-left: -6px;
    margin-top: -3px;
    border-width: 6px 6px 0;
  }
  .normal-form .select2-container .select2-selection__rendered {
    padding-right: 26px;
  }
  .normal-form .select2-container--default .select2-selection__rendered {
    line-height: 40px;
    font-size: 14px;
  }
  .normal-form .laydate-box {
    line-height: 40px;
  }
  .normal-form .laydate-box .input input {
    padding-right: 26px;
  }
  .normal-form .laydate-box .input:after {
    margin-left: -6px;
    margin-top: -3px;
    border-width: 6px 6px 0;
  }
  .normal-form .select-box {
    line-height: 40px;
  }
  .normal-form .code-box,
  .normal-form .input-custom {
    line-height: 40px;
  }
  .normal-form .code-btn {
    min-width: 80px;
    font-size: 13px;
  }
  .normal-form .submit-btn button {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .normal-form .li-pad20 {
    padding-left: 0;
  }
  .normal-form-interval40 .group-average,
  .normal-form-interval40 .group-custom {
    margin: 0;
  }
  .normal-form-interval40 li {
    padding: 0;
  }
  .normal-form-interval40 .submit-btn {
    padding-top: 20px;
  }
  .normal-form-interval18 .group-average,
  .normal-form-interval18 .group-custom {
    margin: 0;
  }
  .normal-form-interval18 li {
    padding: 0;
  }
  .normal-form-interval18 .submit-btn {
    padding-top: 30px;
  }
  .normal-form .group-average {
    display: block;
  }
  .normal-form .group-custom {
    display: block;
  }
  .normal-form .group-custom-li51,
  .normal-form .group-custom-li21,
  .normal-form .group-custom-li41,
  .normal-form .group-custom-li31,
  .normal-form .group-custom-li32,
  .normal-form .group-custom-li31-m,
  .normal-form .group-custom-li32-m,
  .normal-form .group-custom-li21-m {
    width: 100%;
  }
  .normal-form .input-text {
    margin-right: 10px;
    font-size: 14px;
  }
  .normal-form .input-text-justify {
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
  }
  .normal-form .code-box {
    margin-left: 66px;
  }
  .normal-form .input input,
  .normal-form .input-unit input {
    font-size: 13px;
  }
  .normal-form .input-unit .unit {
    font-size: 13px;
  }
  .normal-form .textarea textarea {
    padding: 10px 15px;
    font-size: 13px;
  }
  .normal-form .select2-container--default .select2-selection__rendered {
    font-size: 13px;
  }
  .normal-form .select-list .select-21-sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .normal-form .input-custom {
    display: block;
  }
  .normal-form .input-custom .select-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .normal-form .input-custom-input {
    padding: 0 15px;
  }
  .normal-form .input-custom-input-text {
    font-size: 13px;
  }
}
.layui-laydate-header {
  padding-bottom: 10px !important;
}
.layui-laydate-header i {
  top: 50% !important;
  font-size: 16px !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layui-laydate-footer span:hover {
  color: #00aceb !important;
}
.investment-page {
  padding: 50px 0;
}
.investment-page .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.investment-page-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.investment-page-right {
  padding: 180px 0 0 60px;
  width: 150px;
}
@media screen and (max-width: 1200px) {
  .investment-page {
    padding: 40px 0;
  }
  .investment-page-right {
    padding-left: 40px;
    width: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .investment-page {
    padding: 0.1rem 0;
  }
  .investment-page .wp1340 {
    position: relative;
    display: block;
  }
  .investment-page-right {
    position: absolute;
    top: 0;
    right: 0.15rem;
    width: auto;
    padding: 150px 0 0;
  }
}
@media screen and (max-width: 750px) {
  .investment-page-right {
    padding-top: 130px;
  }
}
.investment-anchor {
  position: relative;
  width: 150px;
}
.investment-anchor.fixed {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 8888;
}
.investment-anchor li {
  padding: 8px 20px;
  line-height: 24px;
  text-align: center;
  color: #00aceb;
  font-size: 15px;
  border: 1px solid #00aceb;
  background-color: #fff;
  border-radius: 42px;
  cursor: pointer;
  -webkit-box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.investment-anchor li + li {
  margin-top: 25px;
}
.investment-anchor li.on {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1200px) {
  .investment-anchor {
    width: 100px;
  }
  .investment-anchor li {
    padding: 6px 20px;
    line-height: 22px;
    font-size: 14px;
  }
  .investment-anchor li + li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .investment-anchor.fixed {
    right: 0.15rem;
  }
}
@media screen and (max-width: 750px) {
  .investment-anchor {
    width: 70px;
  }
  .investment-anchor li {
    padding: 4px 10px;
    line-height: 18px;
    font-size: 12px;
  }
  .investment-anchor li + li {
    margin-top: 10px;
  }
}
.investment-article {
  padding: 70px 0 80px;
  font-size: 14px;
  line-height: 30px;
  color: #666464;
  overflow: hidden;
}
.investment-article p {
  margin-bottom: 15px;
}
.investment-article img,
.investment-article video {
  max-width: 100%;
  height: auto !important;
}
.investment-article ul {
  list-style: disc;
}
.investment-article ul li {
  list-style: disc;
}
.investment-article ol {
  list-style: decimal;
}
.investment-article ol li {
  list-style: decimal;
}
.investment-article p {
  margin-bottom: 15px;
}
.investment-article + .investment-article,
.investment-article + .investment-form {
  border-top: 1px solid #d6d6d6;
}
.investment-article .img {
  padding: 10px 0;
}
.investment-article .img img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .investment-article {
    padding: 65px 0 70px;
  }
}
@media screen and (max-width: 750px) {
  .investment-article {
    padding: 0.45rem 0 0.5rem;
    line-height: 28px;
    font-size: 13px;
  }
  .investment-article p {
    margin-bottom: 10px;
  }
}
.investment-template-box p {
  margin-bottom: 0;
}
.investment-form {
  padding: 70px 0 80px;
}
.investment-form .normal-form {
  padding-top: 6px;
}
@media screen and (max-width: 1024px) {
  .investment-form {
    padding: 65px 0 70px;
  }
}
@media screen and (max-width: 750px) {
  .investment-form {
    padding: 0.45rem 0 0.5rem;
  }
}
.investment-title {
  margin-bottom: 35px;
  line-height: 1.4;
  color: #221815;
}
.investment-title .en {
  font-size: 28px;
  text-transform: uppercase;
  font-family: "Gotham-Bold";
}
.investment-title .cn {
  font-size: 26px;
}
@media screen and (max-width: 1200px) {
  .investment-title .en {
    font-size: 26px;
  }
  .investment-title .cn {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .investment-title {
    margin-bottom: 30px;
  }
  .investment-title .en {
    font-size: 24px;
  }
  .investment-title .cn {
    font-size: 22px;
  }
}
@media screen and (max-width: 750px) {
  .investment-title {
    margin-bottom: 20px;
  }
  .investment-title .en {
    line-height: 1.3;
    font-size: 20px;
  }
  .investment-title .cn {
    font-size: 20px;
  }
}
.investment-infoimg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.investment-infoimg-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin: -8px 60px 0 0;
}
.investment-infoimg-info p {
  margin-bottom: 30px;
}
.investment-infoimg-img {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  max-width: 40%;
}
@media screen and (max-width: 1024px) {
  .investment-infoimg {
    display: block;
  }
  .investment-infoimg-img {
    padding: 10px 0 30px;
    max-width: 100%;
  }
  .investment-infoimg-img img {
    width: 100%;
  }
  .investment-infoimg-info {
    margin: 0;
  }
  .investment-infoimg-info p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .investment-infoimg-img {
    padding: 8px 0 20px;
  }
  .investment-infoimg-info p {
    margin-bottom: 15px;
  }
}
.investment-advantage li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.investment-advantage li + li {
  margin-top: 26px;
}
.investment-advantage .icon {
  margin: 2px 15px 0 0;
  width: 30px;
  text-align: center;
}
.investment-advantage .icon img {
  max-width: 100%;
}
.investment-advantage .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  line-height: 28px;
}
.investment-advantage .right-title {
  font-size: 16px;
  font-weight: bold;
}
.investment-advantage .right p {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .investment-advantage li + li {
    margin-top: 20px;
  }
  .investment-advantage .icon {
    width: 26px;
  }
}
@media screen and (max-width: 750px) {
  .investment-advantage li + li {
    margin-top: 15px;
  }
  .investment-advantage .icon {
    margin-right: 12px;
    width: 22px;
  }
  .investment-advantage .right-title {
    font-size: 15px;
  }
}
.investment-advantage2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin: -10px 0;
  font-size: 15px;
  line-height: 25px;
  color: #666464;
}
.investment-advantage2 p {
  margin-bottom: 0;
}
.investment-advantage2 li {
  padding: 18px 15px;
  width: 25%;
  list-style: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.investment-advantage2 .box {
  margin: 0 auto;
  width: 140px;
  max-width: 100%;
}
.investment-advantage2 .icon {
  margin: 0 auto 10px;
  width: 99px;
}
@media screen and (max-width: 1024px) {
  .investment-advantage2 {
    font-size: 14px;
    line-height: 24px;
  }
  .investment-advantage2 .icon {
    width: 80px;
  }
}
@media screen and (max-width: 750px) {
  .investment-advantage2 li {
    padding: 14px 0.075rem;
    width: 50%;
  }
  .investment-advantage2 .icon {
    margin-bottom: 8px;
    width: 70px;
  }
}
.investment-advantage3 {
  font-size: 15px;
  line-height: 32px;
}
.investment-advantage3 li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none !important;
}
.investment-advantage3 li + li {
  margin-top: 15px;
}
.investment-advantage3 .icon {
  margin-right: 15px;
  width: 30px;
  line-height: inherit;
  text-align: center;
}
.investment-advantage3 .icon img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  max-width: 100%;
}
.investment-advantage3 .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .investment-advantage3 {
    line-height: 30px;
    font-size: 14px;
  }
  .investment-advantage3 li + li {
    margin-top: 12px;
  }
  .investment-advantage3 .icon {
    margin-right: 10px;
  }
}
@media screen and (max-width: 750px) {
  .investment-advantage3 {
    line-height: 28px;
    font-size: 13px;
  }
  .investment-advantage3 li + li {
    margin-top: 10px;
  }
  .investment-advantage3 .icon {
    width: 22px;
  }
}
.investment-process {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -20px 0 0;
}
.investment-process li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 20px 10px 0;
  min-width: -moz-calc(10% - 20px);
  min-width: calc(10% - 20px);
  text-align: center;
  padding: 24px 8px;
  font-size: 16px;
  line-height: 20px;
  color: #00aceb;
  border-radius: 4px;
  background-color: #dff2fc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.investment-process li:not(:last-child):after {
  content: "\e773";
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  text-align: center;
  font-family: "iconfont";
  font-size: 15px;
  color: #aee0f8;
}
@media screen and (max-width: 1200px) {
  .investment-process li {
    min-width: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .investment-process li {
    font-size: 15px;
    line-height: 20px;
  }
}
@media screen and (max-width: 750px) {
  .investment-process {
    margin: -8px -15px 0 0;
  }
  .investment-process li {
    margin: 15px 15px 5px 0;
    min-width: 70px;
    padding: 15px 5px;
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
    font-size: 13px;
    line-height: 18px;
  }
  .investment-process li:not(:last-child):after {
    right: -15px;
    width: 15px;
    font-size: 12px;
  }
}
.investment-process2 {
  line-height: 32px;
  font-size: 15px;
}
.investment-process2 p {
  margin-bottom: 0;
}
.investment-process2 li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none !important;
}
.investment-process2 .icon {
  margin-right: 10px;
  width: 14px;
}
.investment-process2 .icon img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
.investment-process2 .p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  color: #666464;
}
@media screen and (max-width: 1024px) {
  .investment-process2 {
    line-height: 30px;
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .investment-process2 {
    line-height: 28px;
    font-size: 13px;
  }
}
.investment-condition p {
  margin-bottom: 0;
}
.investment-article-tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  color: #00aceb;
}
.investment-article-tips p {
  margin-bottom: 0;
}
.investment-article-tips .icon {
  margin-right: 8px;
  width: 17px;
  line-height: inherit;
}
.investment-article-tips .icon img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
.investment-article-tips .p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 750px) {
  .investment-article-tips {
    padding-top: 10px;
  }
  .investment-article-tips .icon {
    width: 15px;
  }
}
.investment-condition-box {
  font-size: 15px;
  line-height: 32px;
}
.investment-condition-box p {
  margin-bottom: 0;
}
.investment-condition-box + .investment-condition-box {
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .investment-condition-box {
    font-size: 14px;
    line-height: 30px;
  }
}
@media screen and (max-width: 750px) {
  .investment-condition-box {
    font-size: 13px;
    line-height: 28px;
  }
  .investment-condition-box + .investment-condition-box {
    margin-top: 20px;
  }
}
.investment-condition-table {
  padding-top: 10px;
  line-height: 22px;
}
.investment-condition-table table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
  border-collapse: collapse;
}
.investment-condition-table td,
.investment-condition-table th {
  padding: 10px 15px;
  border: 1px solid #bfbfbf;
}
.investment-condition-table .text-alignleft {
  text-align: left;
}
.investment-condition-table .td-span {
  display: inline-block;
  vertical-align: top;
}
.investment-condition-table .td-span:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 1024px) {
  .investment-condition-table {
    line-height: 20px;
  }
  .investment-condition-table .td-span:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 750px) {
  .investment-condition-table {
    line-height: 18px;
  }
  .investment-condition-table td,
  .investment-condition-table th {
    padding: 8px 0.075rem;
  }
  .investment-condition-table .td-span {
    display: block;
  }
  .investment-condition-table .td-span:not(:last-child) {
    margin-right: 0;
  }
}
.appointment-box {
  padding: 65px 0 70px;
}
.appointment-box + .appointment-box {
  border-top: 1px dashed #a7a8a8;
}
.appointment-box:first-child {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  .appointment-box {
    padding: 60px 0 65px;
  }
}
@media screen and (max-width: 750px) {
  .appointment-box {
    padding: 0.4rem 0 0.45rem;
  }
  .appointment-box:last-child {
    padding-bottom: 0.25rem;
  }
}
.apponitment-title {
  margin-bottom: 35px;
  color: #00aceb;
}
.apponitment-title span {
  display: inline-block;
}
.apponitment-title .cn {
  margin-right: 6px;
  font-size: 28px;
}
.apponitment-title .en {
  font-size: 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .apponitment-title .cn {
    font-size: 26px;
  }
  .apponitment-title .en {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .apponitment-title {
    margin-bottom: 30px;
  }
  .apponitment-title .cn {
    font-size: 24px;
  }
  .apponitment-title .en {
    font-size: 16px;
  }
}
@media screen and (max-width: 750px) {
  .apponitment-title {
    margin-bottom: 20px;
  }
  .apponitment-title .cn {
    font-size: 22px;
  }
  .apponitment-title .en {
    font-size: 15px;
  }
}
.apponitment-process {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
}
.apponitment-process li {
  position: relative;
  width: 150px;
  max-width: -moz-calc((100% - 90px) / 4);
  max-width: calc((100% - 90px) / 4);
  text-align: center;
  list-style: none !important;
}
.apponitment-process li:not(:last-child) {
  margin-right: 30px;
}
.apponitment-process li:not(:last-child):after {
  content: "\e773";
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  text-align: center;
  font-family: "iconfont";
  font-size: 16px;
  color: #d2d2d2;
}
.apponitment-process .icon {
  height: 40px;
  line-height: 40px;
}
.apponitment-process .icon img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.apponitment-process p {
  margin: 20px 0 0;
  line-height: 1.4;
  font-size: 16px;
  color: #505050;
}
@media screen and (max-width: 1200px) {
  .apponitment-process p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .apponitment-process li {
    width: 130px;
    max-width: -moz-calc((100% - 60px) / 4);
    max-width: calc((100% - 60px) / 4);
  }
  .apponitment-process li:not(:last-child) {
    margin-right: 20px;
  }
  .apponitment-process li:not(:last-child):after {
    right: -20px;
    width: 20px;
    font-size: 13px;
  }
  .apponitment-process .icon {
    height: 36px;
    line-height: 36px;
  }
  .apponitment-process p {
    margin-top: 16px;
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .apponitment-process li:not(:last-child):after {
    font-size: 12px;
  }
  .apponitment-process .icon {
    height: 32px;
    line-height: 32px;
  }
  .apponitment-process p {
    margin-top: 12px;
    font-size: 13px;
  }
}
.service-menu {
  width: 200px;
}
.service-menu.fixed {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 8888;
}
.service-menu-wp {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 36px 0 0 170px;
  width: 200px;
}
.service-menu.no-init {
  overflow: visible;
}
.service-menu.no-init .swiper-wrapper {
  display: block;
  width: 100%;
}
.service-menu .swiper-wrapper {
  text-align: center;
  font-size: 0;
}
.service-menu .swiper-slide a {
  display: block;
  padding: 8px 20px;
  line-height: 24px;
  color: #00aceb;
  font-size: 15px;
  border: 1px solid #00aceb;
  background-color: #fff;
  border-radius: 42px;
  cursor: pointer;
  -webkit-box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.service-menu .swiper-slide + .swiper-slide {
  margin-top: 30px;
}
.service-menu .swiper-slide.on a,
.service-menu .swiper-slide:hover a {
  color: #fff;
  background-color: #00aceb;
}
@media screen and (max-width: 1440px) {
  .service-menu-wp {
    margin-left: 120px;
  }
}
@media screen and (max-width: 1200px) {
  .service-menu-wp {
    margin-left: 80px;
  }
  .service-menu .swiper-slide a {
    padding: 6px 20px;
    line-height: 22px;
    font-size: 14px;
  }
  .service-menu .swiper-slide + .swiper-slide {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .service-menu {
    width: auto;
    margin: 0 -0.1rem;
  }
  .service-menu-wp {
    margin: 0 0 80px;
    width: 100%;
  }
  .service-menu.fixed {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 0;
  }
  .service-menu .swiper-slide {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 0.1rem;
  }
  .service-menu .swiper-slide + .swiper-slide {
    margin-top: 0;
  }
}
@media screen and (max-width: 750px) {
  .service-menu-wp {
    margin-bottom: 0.45rem;
  }
  .service-menu .swiper-slide a {
    padding: 5px 0.15rem;
    line-height: 20px;
    font-size: 13px;
  }
}
.service-page {
  padding: 110px 0 100px;
}
.service-page .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .service-page {
    padding: 100px 0 90px;
  }
}
@media screen and (max-width: 1024px) {
  .service-page {
    padding: 60px 0 80px;
  }
  .service-page .wp1340 {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .service-page {
    padding: 0.4rem 0 0.55rem;
  }
}
.service-detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-bottom: 60px;
  border-bottom: 1px dashed #cbcbcb;
}
.service-detail-title {
  margin-bottom: 36px;
  padding-bottom: 32px;
  line-height: 1.5;
  font-size: 30px;
  color: #221815;
  border-bottom: 1px dashed #cbcbcb;
}
@media screen and (max-width: 1440px) {
  .service-detail-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 1200px) {
  .service-detail-title {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
@media screen and (max-width: 1024px) {
  .service-detail {
    padding-bottom: 0;
    border-bottom: none;
  }
  .service-detail-title {
    margin-bottom: 26px;
    padding-bottom: 24px;
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .service-detail-title {
    margin-bottom: 20px;
    padding-bottom: 18px;
    font-size: 20px;
  }
}
.service-article {
  font-size: 14px;
  line-height: 28px;
  color: #727171;
}
.service-article p {
  margin-bottom: 14px;
}
.service-article img,
.service-article video {
  max-width: 100%;
  height: auto !important;
}
.service-article ul {
  list-style: disc;
}
.service-article ul li {
  list-style: disc;
}
.service-article ol {
  list-style: decimal;
}
.service-article ol li {
  list-style: decimal;
}
.service-article p {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .service-article {
    font-size: 13px;
  }
}
.text-size15 {
  font-size: 15px;
}
@media screen and (max-width: 750px) {
  .text-size15 {
    font-size: 14px;
  }
}
.service-article-box + .service-article-box {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .service-article-box + .service-article-box {
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .service-article-box + .service-article-box {
    margin-top: 25px;
  }
}
.text-size16 {
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .text-size16 {
    font-size: 15px;
  }
}
.service-article-table {
  padding: 15px 0;
  line-height: 20px;
}
.service-article-table table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
  border-collapse: collapse;
}
.service-article-table td,
.service-article-table th {
  padding: 10px 26px;
  border: 1px solid #bfbfbf;
}
.service-article-table th {
  font-weight: bold;
  font-size: 15px;
}
.service-article-table .text-alignleft {
  text-align: left;
}
.service-article-table .td-span {
  display: inline-block;
  vertical-align: top;
}
.service-article-table .td-span:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 1024px) {
  .service-article-table td,
  .service-article-table th {
    padding: 10px 16px;
  }
  .service-article-table .td-span:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 750px) {
  .service-article-table {
    padding: 10px 0;
    line-height: 18px;
  }
  .service-article-table td,
  .service-article-table th {
    padding: 8px 0.075rem;
  }
  .service-article-table th {
    font-size: 14px;
  }
  .service-article-table .td-span {
    display: block;
  }
  .service-article-table .td-span:not(:last-child) {
    margin-right: 0;
  }
}
.install-box {
  margin-bottom: 0.25rem;
}
.install-box:first-child {
  margin-top: -20px;
}
.install-box-hd {
  cursor: pointer;
  height: 62px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.12rem;
  background-color: #c4c4c4;
  border-bottom: 1px dashed #929292;
}
.install-box-hd .t {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}
.install-box-hd .arrow {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 750px) {
  .install-box-hd .t {
    font-size: 16px;
  }
}
.install-box-bd {
  display: none;
}
.install-box.open .install-box-hd {
  background-color: #61a8e8;
}
.install-box.open .install-box-hd .arrow {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.install-box.open .install-box-bd {
  display: block;
}
.install-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px -35px 80px;
}
.install-list li {
  padding: 0 35px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.install-list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 15px 0;
  border-bottom: 1px dashed #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.install-list a:hover p,
.install-list a:hover .icon-download {
  color: #00aceb;
}
.install-list .icon-pdf {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
  -moz-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}
.install-list .icon-pdf img {
  display: block;
  width: 100%;
  height: auto;
}
.install-list p {
  margin: 0 10px 0 14px;
  line-height: 24px;
  font-size: 15px;
  color: #727171;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.install-list .icon-download {
  font-size: 14px;
  color: #898989;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
  .install-list {
    margin: 20px -25px 70px;
  }
  .install-list li {
    padding: 0 25px;
  }
  .install-list .icon-pdf {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
  }
  .install-list p {
    font-size: 14px;
  }
  .install-list .icon-download {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .install-list {
    display: block;
    margin: 10px 0 60px;
  }
  .install-list li {
    padding: 0;
    width: 100%;
  }
  .install-list p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  .install-list .icon-download {
    color: #c9caca;
  }
}
@media screen and (max-width: 750px) {
  .install-list {
    margin-bottom: 0;
  }
  .install-list a {
    padding: 12px 0;
  }
  .install-list .icon-pdf {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
  }
  .install-list p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
  }
}
.install-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -13px 30px;
}
.install-video li {
  padding: 0 13px 45px;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.install-video .box {
  height: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.install-video .box:hover {
  -webkit-box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.15);
}
.install-video .box:hover .img:before {
  opacity: 1;
}
.install-video .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.7757%;
  overflow: hidden;
}
.install-video .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.install-video .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.37);
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.install-video .img-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  background: url(../images/icon81.png) center center no-repeat;
  background-size: contain;
  z-index: 6;
}
.install-video .title {
  padding: 15px 18px 25px;
  line-height: 24px;
  font-size: 15px;
  color: #727171;
}
@media screen and (max-width: 1200px) {
  .install-video {
    margin-bottom: 20px;
  }
  .install-video .title {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .install-video li {
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .install-video {
    display: block;
    margin: 0 0 0.15rem;
  }
  .install-video li {
    padding: 0 0 0.25rem;
    width: 100%;
  }
  .install-video .img-play {
    width: 45px;
    height: 45px;
  }
  .install-video .title {
    padding: 12px 0.15rem 15px;
    font-size: 14px;
  }
}
.upkeep-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -35px 80px;
}
.upkeep-list li {
  padding: 0 35px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.upkeep-list a {
  display: block;
  height: 100%;
  padding: 24px 10px;
  line-height: 24px;
  font-size: 15px;
  color: #727171;
  border-bottom: 1px dashed #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.upkeep-list a:hover {
  color: #00aceb;
}
.upkeep-list .tag {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 5px;
  padding: 0 4px;
  line-height: 18px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.upkeep-list .tag-new {
  color: #00aceb;
  border-color: #00aceb;
}
.upkeep-list .tag-perfect {
  color: #b38952;
  border-color: #b38952;
}
@media screen and (max-width: 1200px) {
  .upkeep-list {
    margin: -20px -25px 70px;
  }
  .upkeep-list li {
    padding: 0 25px;
  }
  .upkeep-list a {
    padding: 22px 0;
    font-size: 14px;
  }
  .upkeep-list .tag {
    margin-left: 4px;
    line-height: 16px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .upkeep-list {
    display: block;
    margin: -10px 0 60px;
  }
  .upkeep-list li {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .upkeep-list {
    margin-bottom: 0.45rem;
  }
  .upkeep-list li {
    padding: 0;
    width: 100%;
  }
  .upkeep-list a {
    padding: 14px 0;
  }
}
.upkeep-page .news-title {
  padding-right: 330px;
}
@media screen and (max-width: 1440px) {
  .upkeep-page .news-title {
    padding-right: 310px;
  }
}
@media screen and (max-width: 1200px) {
  .upkeep-page .news-title {
    padding-right: 290px;
  }
}
@media screen and (max-width: 1024px) {
  .upkeep-page .news-title {
    padding-right: 0;
  }
}
.upkeep-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.upkeep-detail .news-article {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.upkeep-detail-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: 60px;
  padding-left: 60px;
  width: 210px;
  border-left: 1px dashed #cbcbcb;
}
@media screen and (max-width: 1440px) {
  .upkeep-detail-right {
    width: 190px;
  }
}
@media screen and (max-width: 1200px) {
  .upkeep-detail-right {
    margin-left: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .upkeep-detail {
    display: block;
  }
  .upkeep-detail-right {
    display: block;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    border-left: none;
  }
}
.help-evaluate {
  text-align: center;
}
.help-evaluate .title {
  font-size: 15px;
  color: #595757;
}
.help-evaluate-list {
  margin-top: 20px;
  font-size: 0;
}
.help-evaluate-list li {
  display: inline-block;
  vertical-align: top;
  width: 85px;
  height: 46px;
  line-height: 46px;
  font-size: 15px;
  color: #fff;
  background-color: #ee9545;
  border-radius: 46px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.help-evaluate-list li + li {
  margin-left: 15px;
}
.help-evaluate.choose-yes li {
  color: #fff;
  cursor: default;
}
.help-evaluate.choose-yes .btn-yes {
  background-color: #00aceb;
}
.help-evaluate.choose-yes .btn-yes:before {
  content: "\e65e";
  font-family: "iconfont";
  margin-right: 5px;
}
.help-evaluate.choose-yes .btn-no {
  background-color: #ddd;
}
.help-evaluate.choose-no .title,
.help-evaluate.choose-no .help-evaluate-list {
  display: none;
}
.help-evaluate.choose-no .help-consult {
  display: block;
}
@media screen and (max-width: 1024px) {
  .help-evaluate {
    padding: 40px 0 15px;
  }
  .help-evaluate .title {
    font-size: 14px;
  }
  .help-evaluate-list li {
    margin: 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .help-evaluate-list li + li {
    margin-left: 10px;
  }
  .help-evaluate.choose-no .help-consult {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.help-consult {
  display: none;
  width: 180px;
  text-align: left;
}
.help-consult a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 12px 18px 14px;
  line-height: 22px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.help-consult a:hover {
  border-color: #00aceb;
  -webkit-box-shadow: 0 0 0.05rem rgba(0, 172, 235, 0.2);
  box-shadow: 0 0 0.05rem rgba(0, 172, 235, 0.2);
}
.help-consult a + a {
  margin-top: 15px;
}
.help-consult .icon {
  margin-right: 12px;
  font-size: 36px;
  color: #727171;
}
.help-consult p {
  font-size: 16px;
  color: #949495;
}
.help-consult .span-blue {
  font-size: 14px;
  color: #00aceb;
}
@media screen and (max-width: 1024px) {
  .help-consult {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
  }
  .help-consult a {
    margin: 0 10px;
    width: 150px;
    padding: 15px 12px 15px 14px;
    line-height: 20px;
  }
  .help-consult a + a {
    margin-top: 0;
  }
  .help-consult .icon {
    font-size: 34px;
  }
  .help-consult p {
    font-size: 15px;
  }
  .help-consult .span-blue {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .help-consult {
    margin: 0 -0.075rem;
  }
  .help-consult a {
    margin: 0 0.075rem;
    width: 120px;
    padding: 10px;
    line-height: 18px;
  }
  .help-consult a + a {
    margin-top: 0;
  }
  .help-consult .icon {
    margin-right: 8px;
    font-size: 28px;
  }
  .help-consult p {
    font-size: 13px;
  }
  .help-consult .span-blue {
    font-size: 12px;
  }
}
.feedback-page {
  padding: 90px 0 120px;
}
@media screen and (max-width: 1024px) {
  .feedback-page {
    padding: 80px 0 110px;
  }
}
@media screen and (max-width: 750px) {
  .feedback-page {
    padding: 0.5rem 0 0.55rem;
  }
}
.contact-map {
  position: relative;
  width: 100%;
  height: 0;
  _padding-bottom: 44.53125%;
}
.contact-map-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .contact-map {
    margin: 0.4rem 0.15rem 0;
    width: auto;
    padding-bottom: 0;
    height: 3rem;
  }
}
.contact-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -55px;
}
.contact-list li {
  width: 50%;
  padding: 0 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-list li:nth-child(n + 3) .box {
  border-top: 1px solid #cbcbcb;
}
.contact-list li .box {
  padding: 70px 70px 60px;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-list li .box:hover,
.contact-list li .box.on {
  border-top-color: transparent;
}
.contact-list li .box:hover .box-logo:after,
.contact-list li .box.on .box-logo:after {
  background-color: #00aceb;
}
.contact-list li .box:hover .box-logo-default,
.contact-list li .box.on .box-logo-default {
  display: none;
}
.contact-list li .box:hover .box-logo-active,
.contact-list li .box.on .box-logo-active {
  display: inline-block;
}
.contact-list li .box:hover .title,
.contact-list li .box:hover .p-icon,
.contact-list li .box:hover .p p,
.contact-list li .box.on .title,
.contact-list li .box.on .p-icon,
.contact-list li .box.on .p p {
  color: #00aceb;
}
.contact-list li .box:hover {
  position: relative;
  height: -moz-calc(100% + 1px);
  height: calc(100% + 1px);
  -webkit-box-shadow: 0.03rem 0.03rem 0.08rem #e7e7e7;
  box-shadow: 0.03rem 0.03rem 0.08rem #e7e7e7;
}
.contact-list li .box-logo {
  margin-bottom: 22px;
  line-height: 1.5;
  font-size: 24px;
  color: #00aceb;
}
.contact-list li .box-logo:after {
  content: "";
  display: block;
  margin-top: 28px;
  width: 32px;
  height: 1px;
  background-color: #cbcbcb;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-list li .box-logo img {
  max-width: 100%;
  max-height: 27px;
}
.contact-list li .box-logo-default {
  display: inline-block;
}
.contact-list li .box-logo-active {
  display: none;
}
.contact-list .title {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 22px;
  color: #464646;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-list .p {
  /* display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; */
  line-height: 36px;
}
.contact-list .p-icon {
  margin-right: 8px;
  font-size: 18px;
  color: #4a4a4a;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-list .p p {
  /* -webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1; */
  min-width: 0;
  font-size: 15px;
  color: #464646;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
  .contact-list {
    margin: 0 -40px;
  }
  .contact-list li {
    padding: 0 40px;
  }
  .contact-list li .box {
    padding: 50px 50px 40px;
  }
  .contact-list li .box-logo img {
    max-height: 24px;
  }
  .contact-list .title {
    font-size: 22px;
  }
  .contact-list .p {
    line-height: 32px;
  }
  .contact-list .p-icon {
    font-size: 16px;
  }
  .contact-list .p p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-list {
    margin: 0 -20px;
  }
  .contact-list li {
    padding: 0 20px;
  }
  .contact-list li .box {
    padding: 40px 40px 30px;
  }
  .contact-list li .box-logo img {
    max-height: 22px;
  }
  .contact-list .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-list {
    display: block;
    margin: -40px 0 0;
  }
  .contact-list li {
    width: 100%;
    padding: 0;
  }
  .contact-list li:nth-child(n + 2) .box {
    border-top: 1px solid #cbcbcb;
  }
  .contact-list li .box {
    padding: 40px 0 35px;
  }
  .contact-list li .box:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 750px) {
  .contact-list {
    margin-top: -30px;
  }
  .contact-list li .box {
    padding: 30px 0 26px;
  }
  .contact-list li .box-logo {
    margin-bottom: 15px;
  }
  .contact-list li .box-logo:after {
    margin-top: 20px;
    width: 20px;
  }
  .contact-list li .box-logo img {
    max-height: 16px;
  }
  .contact-list .title {
    margin-bottom: 5px;
    font-size: 18px;
  }
  .contact-list .p {
    line-height: 28px;
  }
  .contact-list .p-icon {
    margin-right: 5px;
    font-size: 14px;
  }
  .contact-list .p p {
    font-size: 13px;
  }
}
.pro-title {
  margin-bottom: 55px;
  text-align: center;
}
.pro-title h2 {
  line-height: 1.4;
  font-size: 33px;
  color: #000;
}
.pro-title p {
  line-height: 1.4;
  font-size: 15px;
  color: #9fa0a0;
  font-family: "GothamExLight";
}
@media screen and (max-width: 1440px) {
  .pro-title h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .pro-title {
    margin-bottom: 45px;
  }
  .pro-title h2 {
    font-size: 28px;
  }
  .pro-title p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .pro-title {
    margin-bottom: 40px;
  }
  .pro-title h2 {
    font-size: 24px;
  }
  .pro-title p {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .pro-title {
    margin-bottom: 25px;
  }
  .pro-title h2 {
    font-size: 20px;
  }
  .pro-title p {
    font-size: 12px;
  }
}
.pro-gallery {
  position: relative;
  margin-bottom: 80px;
  padding-right: 340px;
}
.pro-gallery-big {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.pro-gallery-big .swiper-container {
  border-radius: 8px;
}
.pro-gallery-big .swiper-slide {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.pro-gallery-big .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pro-gallery-thumbs {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 230px;
}
.pro-gallery-thumbs-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  width: 100%;
}
.pro-gallery-thumbs-box .swiper-slide {
  border-radius: 8px;
  border: 4px solid transparent;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-gallery-thumbs-box .swiper-slide-thumb-active {
  border-color: #c2ebf9;
}
.pro-gallery-thumbs-box .swiper-slide-thumb-active .img {
  border-color: #d0d0d0;
}
.pro-gallery-thumbs-box .img {
  display: block;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pro-gallery-thumbs .thumbs-next,
.pro-gallery-thumbs .thumbs-prev {
  height: 50px;
  text-align: center;
  font-size: 26px;
  color: #00aceb;
  outline: none;
  cursor: pointer;
}
.pro-gallery-thumbs .thumbs-next.swiper-button-disabled,
.pro-gallery-thumbs .thumbs-prev.swiper-button-disabled {
  color: #d2d2d2;
  cursor: default;
}
.pro-gallery-thumbs .thumbs-next:before,
.pro-gallery-thumbs .thumbs-prev:before {
  position: relative;
  display: inline-block;
}
.pro-gallery-thumbs .thumbs-prev:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.pro-gallery-thumbs .thumbs-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pro-gallery-thumbs .thumbs-next:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media screen and (max-width: 1200px) {
  .pro-gallery {
    margin-bottom: 70px;
    padding-right: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .pro-gallery {
    padding-right: 0;
  }
  .pro-gallery-thumbs {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 25px;
    width: 100%;
  }
  .pro-gallery-thumbs-box {
    min-width: 0;
  }
  .pro-gallery-thumbs-box .img {
    height: 0;
    padding-bottom: 100%;
  }
  .pro-gallery-thumbs .thumbs-next,
  .pro-gallery-thumbs .thumbs-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    width: 40px;
    height: auto;
    font-size: 22px;
  }
  .pro-gallery-thumbs .thumbs-prev:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .pro-gallery-thumbs .thumbs-next {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .pro-gallery-thumbs .thumbs-next:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
@media screen and (max-width: 750px) {
  .pro-gallery {
    margin-bottom: 0.4rem;
  }
  .pro-gallery-thumbs {
    margin-top: 16px;
  }
  .pro-gallery-thumbs .thumbs-next,
  .pro-gallery-thumbs .thumbs-prev {
    width: 25px;
    font-size: 16px;
  }
  .pro-gallery-thumbs-box .swiper-slide {
    border-width: 3px;
  }
}
.pro-detail-title {
  margin-bottom: 26px;
  line-height: 1.3;
  font-size: 20px;
  color: #3c3c3c;
}
.pro-detail-title span {
  display: inline-block;
  vertical-align: top;
}
.pro-detail-title .en {
  margin-left: 5px;
}
.pro-detail-title-border {
  padding-bottom: 16px;
  border-bottom: 1px solid #d2d2d2;
}
.pro-detail + .pro-detail {
  margin-top: 90px;
}
@media screen and (max-width: 1200px) {
  .pro-detail + .pro-detail {
    margin-top: 80px;
  }
}
@media screen and (max-width: 750px) {
  .pro-detail-title {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .pro-detail-title span {
    display: block;
  }
  .pro-detail-title .en {
    margin-left: 0;
    font-size: 18px;
  }
  .pro-detail-title-border {
    padding-bottom: 10px;
  }
  .pro-detail + .pro-detail {
    margin-top: 0.45rem;
  }
}
.pro-article {
  font-size: 14px;
  line-height: 28px;
  color: #717171;
}
.pro-article p {
  margin-bottom: 14px;
}
.pro-article img,
.pro-article video {
  max-width: 100%;
  height: auto !important;
}
.pro-article ul {
  list-style: disc;
}
.pro-article ul li {
  list-style: disc;
}
.pro-article ol {
  list-style: decimal;
}
.pro-article ol li {
  list-style: decimal;
}
.pro-article p {
  margin-bottom: 12px;
}
.pro-article .img {
  margin-bottom: 30px;
}
.pro-article .img img {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .pro-article {
    display: none;
  }
}
.pro-article-mobile {
  display: none;
  font-size: 13px;
  line-height: 28px;
  color: #717171;
}
.pro-article-mobile p {
  margin-bottom: 14px;
}
.pro-article-mobile img,
.pro-article-mobile video {
  max-width: 100%;
  height: auto !important;
}
.pro-article-mobile ul {
  list-style: disc;
}
.pro-article-mobile ul li {
  list-style: disc;
}
.pro-article-mobile ol {
  list-style: decimal;
}
.pro-article-mobile ol li {
  list-style: decimal;
}
.pro-article-mobile p {
  margin-bottom: 10px;
}
.pro-article-mobile .img {
  margin-bottom: 20px;
}
.pro-article-mobile .img img {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .pro-article-mobile {
    display: block;
  }
}
.pro-spec-table table {
  width: 100%;
  line-height: 22px;
  text-align: center;
  table-layout: fixed;
  border-collapse: collapse;
}
.pro-spec-table table p {
  margin-bottom: 0;
}
.pro-spec-table th {
  padding: 24px 5px 20px;
  font-size: 15px;
  color: #727171;
  background-color: #f1f1f1;
}
.pro-spec-table td {
  padding: 12px 5px;
  font-size: 14px;
  color: #898989;
  border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 750px) {
  .pro-spec-table table {
    line-height: 18px;
  }
  .pro-spec-table th {
    padding: 16px 5px 12px;
    font-size: 14px;
  }
  .pro-spec-table th .en {
    display: none;
  }
  .pro-spec-table td {
    line-height: 16px;
    padding: 10px 2px;
    font-size: 12px;
  }
}
.pro-instuction-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 10px;
}
.pro-instuction-img .img-big {
  width: 59.64912%;
}
.pro-instuction-img .img-flex {
  margin-left: 25px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 750px) {
  .pro-instuction-img {
    display: block;
  }
  .pro-instuction-img .img-big {
    width: 100%;
  }
  .pro-instuction-img .img-flex {
    margin-left: 0;
  }
}
.pro-menu {
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
}
.pro-menu.fixed .pro-menu-wp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.pro-menu.fixed .swiper-slide a {
  padding: 15px 0;
}
.pro-menu-wp {
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-menu .swiper-container.no-init .swiper-wrapper {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pro-menu .swiper-container.no-init ~ .pro-menu-prev,
.pro-menu .swiper-container.no-init ~ .pro-menu-next {
  display: none;
}
.pro-menu .swiper-container {
  padding: 0 40px;
}
.pro-menu .swiper-wrapper {
  font-size: 0;
}
.pro-menu .swiper-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 20px;
}
.pro-menu .swiper-slide.on a .icon-default,
.pro-menu .swiper-slide a:hover .icon-default {
  display: none;
}
.pro-menu .swiper-slide.on a .icon-hover,
.pro-menu .swiper-slide a:hover .icon-hover {
  display: inline-block;
}
.pro-menu .swiper-slide.on a p,
.pro-menu .swiper-slide a:hover p {
  color: #00aceb;
}
.pro-menu .swiper-slide a {
  display: block;
  padding: 26px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-menu .swiper-slide a .mb {
  display: none;
}
.pro-menu .swiper-slide .icon {
  height: 35px;
  line-height: 35px;
}
.pro-menu .swiper-slide .icon img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.pro-menu .swiper-slide .icon-default {
  display: inline-block;
}
.pro-menu .swiper-slide .icon-hover {
  display: none;
}
.pro-menu .swiper-slide p {
  margin-top: 9px;
  line-height: 1.4;
  font-size: 14px;
  color: #727171;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-menu-prev,
.pro-menu-next {
  position: absolute;
  top: 50%;
  width: 40px;
  text-align: center;
  font-size: 24px;
  color: #00aceb;
  z-index: 99;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-menu-prev.swiper-button-disabled,
.pro-menu-next.swiper-button-disabled {
  color: #c9caca;
}
.pro-menu-prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.pro-menu-next {
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1440px) {
  .pro-menu.fixed .swiper-slide a {
    padding: 12px 0;
  }
  .pro-menu .swiper-slide a {
    padding: 18px 0;
  }
  .pro-menu .swiper-slide .icon {
    height: 32px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1200px) {
  .pro-menu .swiper-container {
    padding: 0 35px;
  }
  .pro-menu .swiper-slide {
    padding: 0 16px;
  }
  .pro-menu .swiper-slide p {
    font-size: 13px;
  }
  .pro-menu-prev,
  .pro-menu-next {
    width: 35px;
    font-size: 20px;
  }
}
@media screen and (max-width: 750px) {
  .pro-menu {
    position: fixed;
    top: 0.5rem;
    left: 0;
    width: 100%;
    text-align: left;
    white-space: normal;
    border-bottom: 1px solid #dcdcdc;
    z-index: 8888;
  }
  .pro-menu.fixed .pro-menu-wp {
    position: relative;
  }
  .pro-menu.fixed .swiper-slide a {
    padding: 0;
  }
  .pro-menu-wp {
    padding: 5px 0.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
  }
  .pro-menu-wp:before {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 0.25rem;
    right: 0.25rem;
    margin-top: -0.5px;
    height: 1px;
    background-color: #dcdcdc;
  }
  .pro-menu .swiper-container {
    padding: 0;
  }
  .pro-menu .swiper-slide {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .pro-menu .swiper-slide-visible:after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    right: -1px;
    margin-top: -0.06rem;
    width: 1px;
    height: 0.12rem;
    background-color: #dcdcdc;
  }
  .pro-menu .swiper-slide.on .mb .icon-default,
  .pro-menu .swiper-slide:hover .mb .icon-default {
    display: none;
  }
  .pro-menu .swiper-slide.on .mb .icon-hover,
  .pro-menu .swiper-slide:hover .mb .icon-hover {
    display: inline-block;
  }
  .pro-menu .swiper-slide a .pc {
    display: none;
  }
  .pro-menu .swiper-slide a .mb {
    display: block;
  }
  .pro-menu .swiper-slide a .mb .icon {
    width: 100%;
    height: auto;
  }
  .pro-menu .swiper-slide a .mb .icon-default {
    display: inline-block;
  }
  .pro-menu .swiper-slide a .mb .icon-hover {
    display: none;
  }
  .pro-menu-prev,
  .pro-menu-next {
    width: 0.25rem;
    font-size: 0.14rem;
  }
}
.pro-page {
  padding: 60px 0 140px;
}
.pro-page .wp1340 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.pro-page-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-top: 52px;
}
@media screen and (max-width: 1200px) {
  .pro-page {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .pro-page {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 750px) {
  .pro-page {
    padding: 35vw 0 0;
    height: -moz-calc(100vh - 0.5rem);
    height: calc(100vh - 0.5rem);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .pro-page .wp1340 {
    padding: 0;
    height: 100%;
  }
  .pro-page ~ .footer-mobile {
    display: none;
  }
  .pro-page-main {
    padding: 0.15rem 0.15rem 0.4rem;
    height: 100%;
    overflow: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.pro-sidemenu {
  padding-right: 24px;
  width: 180px;
  max-height: 100vh;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pro-sidemenu-top {
  margin-bottom: 35px;
  font-size: 14px;
}
.pro-sidemenu-top span,
.pro-sidemenu-top a {
  display: inline-block;
  vertical-align: top;
}
.pro-sidemenu-top a:hover {
  text-decoration: underline;
}
.pro-sidemenu-top .title {
  color: #595757;
}
.pro-sidemenu-top .iconfont {
  margin-right: 2px;
  font-size: inherit;
}
.pro-sidemenu-top .reset-btn {
  position: relative;
  margin-left: 30px;
  color: #c7000b;
}
.pro-sidemenu-top .reset-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -7px;
  width: 2px;
  height: 14px;
  background-color: #e5e5e5;
}
.pro-sidemenu-list li {
  border-bottom: 1px solid #e5e5e5;
}
.pro-sidemenu-list li:first-child {
  border-top: 1px solid #e5e5e5;
}
.pro-sidemenu-list .menu-a {
  position: relative;
}
.pro-sidemenu-list .menu-a a {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 20px 8px 0;
  line-height: 22px;
  font-size: 15px;
  color: #3c3c3c;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-sidemenu-list .menu-a a:hover {
  color: #00aceb;
}
.pro-sidemenu-list .menu-a a:before {
  content: "\e612";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 11px;
  color: #6f6f6f;
  font-family: "iconfont";
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-sidemenu-list .menu-a.on a {
  color: #00aceb;
}
.pro-sidemenu-list .menu-a.on ~ .menu-sub {
  display: block;
}
.pro-sidemenu-list .menu-a .tag {
  display: inline-block;
  margin-left: 2px;
  padding: 0 6px;
  line-height: 18px;
  color: #00aceb;
  font-size: 14px;
  border: 1px solid #00aceb;
  border-radius: 4px;
}
.pro-sidemenu-list .menu-a.open a:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.pro-sidemenu-list .menu-sub {
  display: none;
  padding-bottom: 6px;
}
.pro-sidemenu-list .menu-sub a {
  position: relative;
  display: block;
  padding: 5px 20px 5px 0;
  line-height: 20px;
  font-size: 14px;
  color: #646464;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-sidemenu-list .menu-sub a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  line-height: 11px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #b5b5b5;
  border-radius: 1px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-sidemenu-list .menu-sub a:hover {
  color: #00aceb;
}
.pro-sidemenu-list .menu-sub a.on:hover {
  color: #646464;
}
.pro-sidemenu-list .menu-sub a.on:after {
  content: "\e756";
  font-family: "iconfont";
  color: #fff;
  background-color: #00aceb;
  border-color: #00aceb;
}
@media screen and (max-width: 1200px) {
  .pro-sidemenu-list .menu-a {
    position: relative;
  }
  .pro-sidemenu-list .menu-a a {
    font-size: 14px;
    line-height: 20px;
  }
  .pro-sidemenu-list .menu-a .tag {
    font-size: 13px;
  }
  .pro-sidemenu-list .menu-sub a {
    line-height: 18px;
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .pro-sidemenu {
    padding: 0;
    width: 1.075rem;
    height: 100%;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pro-sidemenu-top {
    display: none;
  }
  .pro-sidemenu-scroller {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .pro-sidemenu-list li {
    border-color: #f5f5f5;
  }
  .pro-sidemenu-list li:first-child {
    border-top: none;
  }
  .pro-sidemenu-list .menu-a {
    position: relative;
  }
  .pro-sidemenu-list .menu-a a {
    padding: 0.1rem 0.05rem 0.1rem 0.15rem;
    line-height: 0.19rem;
    font-size: 0.125rem;
  }
  .pro-sidemenu-list .menu-a a:before {
    display: none;
  }
  .pro-sidemenu-list .menu-a.on ~ .menu-sub {
    display: block;
  }
  .pro-sidemenu-list .menu-a .tag {
    display: none;
  }
  .pro-sidemenu-list .menu-a.open {
    background-color: #fff;
  }
  .pro-sidemenu-list .menu-a.open a {
    font-size: 0.135rem;
    color: #2f2725;
  }
  .pro-sidemenu-list .menu-sub {
    padding-bottom: 0;
    background-color: #fff;
  }
  .pro-sidemenu-list .menu-sub a {
    padding: 0.1rem 0.05rem 0.1rem 0.15rem;
    line-height: 0.19rem;
    font-size: 0.125rem;
  }
  .pro-sidemenu-list .menu-sub a:after {
    display: none;
  }
  .pro-sidemenu-list .menu-sub a:before {
    content: "";
    position: absolute;
    top: 0.125rem;
    bottom: 0.15rem;
    left: 0.07rem;
    right: auto;
    width: 0.02rem;
    height: auto;
    background-color: #00aceb;
    border: none;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .pro-sidemenu-list .menu-sub a.on {
    color: #00aceb;
  }
  .pro-sidemenu-list .menu-sub a.on:hover {
    color: #00aceb;
  }
  .pro-sidemenu-list .menu-sub a.on:before {
    opacity: 1;
  }
}
.pro-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.pro-list li {
  padding: 0 0 42px 24px;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pro-list a {
  display: block;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.pro-list a:hover {
  -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}
.pro-list .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.pro-list .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pro-list .info {
  padding: 20px 15px 24px;
}
.pro-list .title,
.pro-list p {
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.pro-list .title {
  font-size: 15px;
  color: #595757;
}
.pro-list p {
  margin-top: 2px;
  font-size: 14px;
  color: #aaabab;
}
@media screen and (max-width: 1200px) {
  .pro-list {
    margin-bottom: 40px;
  }
  .pro-list li {
    width: 33.33333%;
  }
  .pro-list .info {
    padding: 16px 15px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .pro-list {
    margin-bottom: 30px;
  }
  .pro-list li {
    padding-bottom: 32px;
    width: 50%;
  }
  .pro-list .info {
    padding: 16px 15px 20px;
  }
}
@media screen and (max-width: 750px) {
  .pro-list {
    margin: 0 -0.05rem 0.1rem;
  }
  .pro-list li {
    padding: 0 0.05rem 0.25rem;
    width: 50%;
  }
  .pro-list a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.8;
  }
  .pro-list .info {
    padding: 0.1rem 0 0;
  }
  .pro-list .title,
  .pro-list p {
    line-height: 0.16rem;
  }
  .pro-list .title {
    font-size: 0.12rem;
  }
  .pro-list p {
    margin-top: 2px;
    font-size: 0.11rem;
  }
}

/*# sourceMappingURL=maps/style.css.map */

/*# sourceMappingURL=maps/style.css.map */
.lists-page {
  text-align: center;
}
.lists-page ul li {
  display: inline-block;
  line-height: 30px;
  margin: 0 0 5px 0;
  color: #777777;
}
.lists-page ul li a,
.lists-page ul li span {
  display: inline-block;
  font-size: 15px;
  padding: 0 10px;
}
.lists-page ul li:hover a,
.lists-page ul li:hover span,
.lists-page ul li.active span {
  color: #00aceb;
}

.showcon img {
  max-width: 100% !important;
  height: auto !important;
}
.showcon video {
  max-width: 100% !important;
  height: auto !important;
}
.showcon iframe {
  max-width: 100% !important;
  height: auto !important;
  border: none !important;
}
.showcon table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.showcon td,
.showcon th {
  padding: 5px 10px;
  border: 1px solid #666666;
}