/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
@charset "utf-8";
@font-face {
  font-family: fontName; 
  src: url(../font/YOUSHEBIAOTIHEI-2.TTF); 
}
/* usually */
html{ color: #333;font-family:Microsoft YaHei,Arial,sans-serif,'Times New Roman', Times, serif;font-size: 14px;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:before,:after{margin:0;padding:0;box-sizing: border-box;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #333}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.rel{position:relative;}.abs{position:absolute;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: inline-block;height: auto;max-width: 100%;}
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mr25 {margin-right: 25px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}

.pages {
  text-align: center;
  padding: 60px 0 60px;
}
.pages li {
  display: inline-block;
  color: #333;
  font-size: 14px;
  border: 1px solid #eeeeee;
  padding: 4px 11px 3px;
  background: #FFFFFF;
  margin-right: 0.5%;
}
.pages-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down-fill.png) no-repeat right center;
  /* background-size: auto 100%; */
  padding-right: 16px;
  border:none;
  outline: none;
  color: #999;
  font-size: 16px;
}

.pages li .iconfont:before {font-size: 14px;}
.pages li.thisclass {
  color: #2863be;
  border-color: #2863be;
}
.pages li.thisclass a {
  color: #2863be;
}
.pages li a {
  color: #333;
}
input[type="text"],textarea,button {
  border: none;
  outline: none;
  background-color: transparent;
}
input[type="text"] {
  -webkit-appearance: none;
}
/* ::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}  */

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hot-pro-sell {
  margin-top: 7%;
}
.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.menu {
  display: none;
  margin-left: 6px;
}
.hide-pc {display: none;}
.menu i {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #2863be;
  margin-top:6px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  -o-transition:transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s;
}
.menu i:first-child {
  margin-top: 0;
}
.menu.rotate i:nth-of-type(1) {
  -webkit-transform: rotate(42.5deg);
      -ms-transform: rotate(42.5deg);
          transform: rotate(42.5deg);
}
.menu.rotate i:nth-of-type(2){
  opacity: 0;
}

.menu.rotate i:nth-of-type(3){
  -webkit-transform: rotate(-42.5deg);
      -ms-transform: rotate(-42.5deg);
          transform: rotate(-42.5deg);
}

.banner {position: relative;}
.banner-i {
  width: 100%;
  display: block;
}

.menu,.mobile-img {
  display: none;
}

.center-box {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

[class*=btn] {cursor: pointer;}

.marks {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);left: 0;top: 0;z-index: 999;}


.gx {
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  background: transparent;
  border: none;
  outline: none;
  margin-right: 5px;
}
.gx:checked::after {
  background: #2863be url(../img/gx.png) no-repeat 0px 0px;
  background-size: 100%;
  border: 1px solid #2863be;
}

.gx:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
}


.normal-select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down-fill.png) no-repeat right center;
  padding-right: 16px;
  border: none;
  outline: none;
  color: #999;
  font-size: 14px;
}


.normal-place ::-webkit-input-placeholder{font-size: 14px;color: #999;}
.normal-place :-moz-placeholder{font-size: 14px;color: #999}
.normal-place ::-moz-placeholder{font-size: 14px;color: #999}
.normal-place :-ms-input-placeholder{font-size: 14px;color: #999}

.nav {padding-top: 7px;}
.nav-logo {padding-top: 17px;}
.head {background-color: #111111;padding: 5px 0 6px;color: #fff;}
.head-nav-ul>li {padding:17px 12px;margin:0 57px;font-size: 16px;position: relative;}
.head-nav-ul>li:after{content:"";display: block;position: absolute;width: 0;background-color: #2863be;height: 2px;left: 50%;transform: translate(-50%,0);bottom: 0px;transition: width .3s ease-in;}
.head-nav-ul>li.on .icondown {border-top-color: #2863be;}
.head-nav-ul>li.on:after {width: calc(100% - 24px);}
.head-nav-ul>li:first-child {margin-left: 0;}
.head-nav-ul>li:first-child:before {display: none;}
.head-nav-ul>li:before {content:"";position:absolute;width: 1px;height: 16px;background-color: #cccccc;left: -57px;top: 50%;transform: translate(0,-50%);}

.head-nav-ul>li.on>.drop-tab>a {color: #2863be;}
.logo-img {max-width: 106px;}
.icondown {display: inline-block;width: 0;height: 0;border-top: 6px solid #c0c0c0;border-left: 6px solid transparent;border-right: 6px solid transparent;margin-left: 6px;vertical-align: middle;position: relative;top: -1px;transition: transform .3s ease-in;}
.icondown.rotate {
  transform: rotate(180deg);
}
.drop-cont {position: absolute;z-index: 99;background-color: #fff;width: calc(100% + 114px);left: -57px;text-align: center;display: none;margin-top: 17px;}
.drop-ul>li {padding: 16px 0;color: #b6b6b6;position: relative;}
@media (min-width:992px){
  .head-nav-ul>li:hover:after {width: calc(100% - 24px);}
  .head-nav-ul>li:hover .drop-tab>a {color: #2863be;}
  .head-nav-ul>li:hover .drop-cont {
    display: block;
    animation: hideIndex 0.3s;
    -moz-animation: hideIndex 0.3s;
    -webkit-animation: hideIndex 0.3s;
  }
}

@keyframes hideIndex{
  0%{ opacity: 0; transform: translate(0, 50px) }
  100%{opacity: 1; transform: translate(0, 0) }
}
.drop-ul>li + li {border-top: 1px dashed #eeeeee}
.drop-ul>li>a {color: #b6b6b6;}
.drop-ul>li:hover>a {color: #2863be;}
.swiper-banner .swiper-pagination-bullet {
  transition: all .3s ease-in;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  opacity: 1;
}
.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 35px;
  border-radius: 10px;
}
.service-inner-box {
  margin-top: 65px;
  position: relative;
  cursor: pointer;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}
.cir-img {
  max-width: 55%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-animation: circleMove 12s linear infinite;
          animation: circleMove 12s linear infinite;
}
.jc-img {
  max-width: 26.8%;
}
.ser-ul>li {
  text-align: center;
  position: absolute;
  max-width: 270px;
}
.ser-top {position: relative;}
.ser-top:before {content: "";display: block;width: 27px;height: 3px;background-color: #cecece;position: absolute;left: 50%;transform: translate(-50%,0);bottom: -4px;}
.ser-tit {
  font-size: 30px;
  color: #424242;
  margin: 30px 0 20px;
}
.ser-bott {
  font-size: 18px;
  color: #666;
  line-height: 2em;
}
.ser-ul>li:nth-of-type(1) {
  left: 0;
  top: 0;
}
.ser-ul>li:nth-of-type(2) {
  top: 0;
  right: 0;
}
.ser-ul>li:nth-of-type(3) {
  left: 0;
  bottom: 0;
}
.ser-ul>li:nth-of-type(4) {
  right: 0;
  bottom: 0;
}
.ser-ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.s-img {max-width: 103px;}
@-webkit-keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

.lg_sfdh {
  animation: play_btn 0.5s infinite alternate;
}
.ro-img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.hand {vertical-align: middle;margin-right: 5px;}
@keyframes play_btn{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}
.normal-tit {font-size: 36px;color: #000;}
.normal-desc {font-size: 16px;color: #666;max-width: 480px;margin-left: auto;margin-right: auto;margin-top: 25px;line-height: 1.625em;}
.normal-desc2 {max-width: none;}
.normal-desc1 {max-width: 470px;}
.question {padding: 72px 0 64px;}
.ques-ul>li {width: 16%;margin-left: 5%;}
.ques-ul>li:nth-of-type(5n+1) {margin-left: 0;}
.ques-top {text-align: center;}
.ques-tit {text-align: center;font-size: 18px;color: #2863be;padding:18px 0 20px;position: relative;}
.ques-tit:after {content: "";display: block;width: 30px;height: 2px;background-color: #2863be;position: absolute;left: 50%;transform: translate(-50%,0);bottom: 12px;}
.ques-desc {color: #999;line-height: 1.71em;text-align: justify;}
.ques-icon {max-width: 78px;}
.ques-ul {margin-top: 50px;}
.swiper-rec {margin: 25px 0;}
.swiper-rec .swiper-slide {width: 20%;text-align: center;position: relative;color: #a7a7a7;cursor: pointer;}
.swiper-rec .swiper-slide:before {content: "";display: block;width: 1px;height: 88%;background-color: #bbd4ff;transform: translate(0,-50%);left: 0;position: absolute;top: 50%;}
.swiper-rec .swiper-slide.on {color: #2863be;}
.rec-tit {font-size: 48px;font-family: fontName;}
.swiper-rec .swiper-slide:first-child:before {display: none;}
.rec-desc {margin-top: 15px;font-size: 18px;}
.recommand {background: #f4f8ff url(../img/rec-bj.png) no-repeat center 200%;padding: 60px 0 68px;}
.rec-inner {background-color: #fff;border-radius: 28px;}
.rec-ibox {box-shadow: 0 0 7px rgba(0, 0, 0, 20%);overflow: hidden;}
.rec-it-left {width: 24.40%;background-color: #f2f7ff;display: flex;justify-content: center;}
.rec-it-right {width: 75.58%;padding-left: 5%;display: flex;align-items: center;font-size: 16px;background-color: #f4f6f9;padding-right: 15px;}
.rec-itit {color: #2863be;font-size: 24px;}
.rec-item {display: none;}
.rec-item:first-child {display: block;}
.rec-ivice {font-size: 16px;color: #666666;margin-top: 14px;}
.rec-i-pd {padding: 20px 0;}
.rec-idesc{line-height: 1.6em;text-indent: 2em;}
.rec-ibott {padding: 36px 0;max-width: 80%;margin-left: auto;margin-right: auto;}
.rec-ib-inner {padding: 18px 15px;border-radius: 10px;}
.check-details {width: 160px;height: 40px;line-height: 40px;font-size: 17px;text-align: center;color: #0069ea;font-weight: 700;border: 1px solid #e5f0fc;border-radius: 4px;display: block;margin: 28px auto 0;transition: all .3s ease-in;}
.check-details:hover {background-color: #0069ea;color: #fff;}
.footer {background-color: #101010;color: #999;}
.footer a {color: #999;}
.mid-links {display: block;margin-top: 6px;}
.mid-tit {font-size: 16px;color: #ffffff;font-weight: 400;margin-bottom: 15px;}
.mid-tit a {color: #fff;}
.footer-left {width: 16.66%;position: relative;}
.footer-left:before {content: "";display: block;width: 1px;height: 100%;background-color: #313131;right: 0;top: 50%;transform: translate(0,-50%);position: absolute;}
.footer-right {position: relative;}
.footer-right::before {content: "";display: block;width: 1px;height: 100%;background-color: #313131;left: 0;top: 50%;transform: translate(0,-50%);position: absolute;}
.manage-out-left {
  width: 42%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.footer-top {padding:40px 0 30px;}
.footer-bott {border-top: 2px solid #4f4f4f;padding: 10px 0;}
.footer-info {font-size: 12px;color: #999;}
.code {width: 100%;}
.code-item + .code-item {margin-left: 10px;}
.footer-right {width: 25.4%;}
.footer-mid-ul>li {padding:0 30px;}
.footer-logo {max-width: 174px;}
.manage-out-right {
  width: 58%;
}
.code {max-width: 136px;}
.manage-right:after {
  content: "";
  display: block;
  width: calc(58vw - 100%);
  height: 100%;
  background-color: rgba(40,99,190,0.7);
  z-index: 9;
  right: 0;
  transform: translate(100%,0);
  top: 0;
  position: absolute;
}
.mana-rbott {min-height: 340px;}
.manage-left {width:calc(42vw - calc(50vw - 50%));visibility: hidden;}

.manage-right {
  width: calc(100% - calc(42vw - calc(50vw - 50%)));
  padding: 45px 0 0 0;
}
.manage-desc {line-height: 1.75em;font-size: 16px;margin: 20px 0 30px;}
.mana-dl {color: #666;margin-top: 15px;}
.mana-dl>dt {width: 75px;font-weight: 600;}
.mana-dl>dd {max-width: calc(100% - 75px);line-height: 1.6em;}
.manage {
  color: #fff;
  background-color: #2863be;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  pointer-events: all;
}
.mana-inner-pd {padding-left: 44px;}
.manage-tit {
  font-size: 30px;
  padding-bottom: 20px;
  display: inline-block;
  border-bottom: 4px solid #fff;
}
.swiper-mana {
  width: calc(58vw + 460px);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(33.33%,0);
}
.swiper-mana-next,.swiper-mana-prev {margin: 0;position: static;width: 35px;height: 35px;border-radius: 50%;border: 1px solid #fff;color: #fff;}
.swiper-mana-next::after,.swiper-mana-prev::after {
  font-size: 20px;
}
.mana-flex-top {flex: 1;}
.mana-flex-bott{padding-top: 16px;}
.swiper-mana-prev {margin-right: 50px;}
.mana-button {padding: 25px 0 0 calc(460px + 6%);}
.mana-img {max-width: 56px;}
.swiper-mana .swiper-slide {height: auto;background-color: #fff;padding:24px 25px;border-radius: 4px;display: flex;flex-direction: column;}
/* .swiper-mana {padding-bottom: 84px;} */
.man-tit {font-size: 24px;color: #2863be;}
.service {padding: 50px 0 78px;background: url(../img/ser-bj.png) no-repeat center bottom;background-size: 100% auto;}
.cir-img {display: block;margin: 0 auto;}
.know-more {background: url(../img/know-bj.png) center center;background-size: cover;padding: 70px 0 47px;}
.know-more-tit {font-size: 40px;color: #ffffff;text-align: center;}
.know-more-desc {font-size: 18px;text-align: center;color: #ffffff;margin-top: 25px;}
.know-more-btn {width: 168px;height: 42px;line-height: 42px;background-color: #fff;border-radius: 28px;font-size: 16px;text-align: center;color: #2863be;display: block;margin: 30px auto 0;}
.banner-list {width: 100%;display: block;}
.pro-tit {font-size: 36px;font-weight: 400;}
.pro-tit-group {padding: 43px 0 28px;text-align: center;}
.pro-details-item {background:#e8f1ff url(../img/ser-bj.png) no-repeat center bottom;background-size: 100% auto;padding: 50px 0;}
.pro-btn {display: inline-block;min-width: 263px;height: 48px;line-height: 48px;border-radius: 4px;background-color: #2863be;color: #fff;font-size: 16px;text-align: center;margin-top: 30px;padding: 0 20px;}
.pro-r-box {font-size: 18px;color: #2863be;line-height: 2em;}
.pro-img-hide {position: absolute;top: 50%;transform: translate(0,-50%);opacity: 0.2;left: 50%;}
.pro-details-item + .pro-details-item {margin-top: 10px;}
.prod-inner-box {padding-left: 40px;padding-right: 40px;border-radius: 4px;}
.pro-r-box {background-color: #d7e7ff;padding: 80px 21px 80px 22px;border-radius:8px;border: 1px solid #2863be;font-size: 18px;text-align: left;font-weight: 600;width: 495px;}
.pro-r-box1 {padding-left: 24px;padding-right: 24px;}
.pro-r-box2 {width: 415px;}
.pro-d-left {width: 50%;text-align: center;}
.pro-d-left1 {width: 60%;}
.pro-d-right {width: 50%;}
.pro-d-right1 {width: 40%;}
.prod-inner2 {padding-top: 52px;padding-bottom: 52px;;}
.pro-details-bj {background:#f9f9f9;padding-bottom: 54px;}
.banner-list-word {position: absolute;top: 50%;transform: translate(0,-50%);width: 100%;left: 0;color: #fff;}
.banner-list-tit {font-size: 36px;}
.pro-details-item1 {background: transparent url();padding: 0;}
.prod-show {font-size: 16px;color: #666;line-height: 2.25em;background-color: #deebff;border: 1px solid #2863be;border-radius: 8px;padding: 30px;margin-top: 38px;word-break: break-all;}
.pro-desc {font-size: 16px;color: #666;margin-top: 30px;}
.pro-details-item2 {padding: 50px 0;}
.pro-jl-bj {background: url(../img/jl-bj.png) center center;background-size: cover;}
.white-theme {background-color: #fff;color: #2863be;border: #fff;}
.prod-inner-box + .prod-inner-box {margin-top: 30px;}
.flex-reverse .pro-r-box {float: left;}npt
.hover-underline:hover {
  text-decoration: underline;
}
.pro-mana-ul>li{padding: 16px 0;font-size: 18px;color: #666666;padding-left: 16px;}
.pro-mana-ul>li.on>a{color: #2863be;font-weight: 800;}
.pro-mana-ul>li.on {border-left: 2px solid #2863be;}

.pro-mana-left {width: 196px;}
.pro-mana-right {flex: 1;}
.yy-bj {background: url(../img/yy-bj.png)no-repeat center center;background-size: cover;padding: 48px 48px 28px;border-radius: 8px;overflow: hidden;}
.yy-tit {text-align: center;color: #fff;font-size: 30px;}
.mt25 {margin-top: 25px;}
.hover-a a:hover {color: #2863be;}
.pro-mana-item {display: none;}
.pro-mana-item:first-child {display: block;}

.pro-desc-bj {background: url(../img/pro-desc-bj.png) no-repeat center center;background-size: cover;padding:20px 0 83px;}
.pro-desc-ul {margin-top: 20px;}
.pro-desc-ul>li {width: 46.66%;font-size: 16px;color: #2863be;font-weight: 600;line-height: 1.8em;background-color: #d7e7ff;border-radius: 8px;padding: 20px;}
.pro-desc-ul>li:nth-of-type(2) {padding: 20px 15px;}
.pro-inner-box + .pro-inner-box {margin-top: 20px;}
.sigh-spot-ul {margin: 20px 0 58px;}
.sigh-tit {font-size: 24px;font-weight: 600;color: #2863be;position: relative;padding-bottom: 15px;}
.sigh-tit:before {content: "";display: block;width: 34px;height: 3px;background-color: #2863be;position: absolute;left: 50%;transform: translate(-50%,0);bottom: 0;}
.sign-desc {line-height: 2em;color: #666;margin-top: 10px;padding:0 22px;}
.pro-ul-desc>li {background-color: #0d6fa6;padding: 20px;margin-bottom: 10px;}
.pro-ul-left {width:26.72%;background-color: #ffff;border-radius: 8px;height: 160px;display: flex;justify-content: center;align-items: center;font-size: 30px;color: #0d6fa6;font-weight: 600;text-align: center;}
.pro-ul-right {flex: 1;padding:20px 36px;background-color: #ffff;border-radius: 8px;margin-left: 36px;display: flex;justify-content: center;align-items: center;}
.sigh-spot-ul>li {
  width: 31.16%;
  margin-left: 3.245%;
  text-align: center;
  background-color: #d7e7ff;
  border: 1px solid #9ec5db;
  border-radius: 8px;
  padding: 32px 15px;
}
.sigh-spot-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}
.pcol30 {padding: 30px 0;}
.sigh-spot-ul1{
  width: 100%;
  background-color: #d7e7ff;
  border: 1px solid #9ec5db;
  border-radius: 8px;
  padding: 32px 40px;
  line-height: 1.875em;
  margin-top: 28px;
  font-size: 16px;
}
.sigh-spot-ul2 {
  padding-left: 20px;
  padding-right: 20px;
}
.sigh-spot-ul3 {
  padding-left: 32px;
  padding-right: 32px;
}
.swiper-data-inner {
  border: 1px solid #2863be;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.8em;
  padding:18px;
}
.swiper-data .swiper-slide {padding: 1px;}
.swiper-data-pagination {position: static;padding-top: 40px;}
.swiper-data-pagination .swiper-pagination-bullet {width: 21px;height: 21px;border: 1px solid #1272a8;background-color: #fff;opacity: 1;}
.swiper-data-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #2863be;}
.swiper-data-inner p {margin: 10px 0;}
.zx-ul {position: relative;background-color: #fff;box-shadow: 1px 1px 13px rgba(40,99,190,.5);margin-top: -40px;border-radius: 4px;overflow: hidden;}
.zx-ul>li {width: 20%;padding: 27px 0;text-align: center;font-weight: 600;font-size: 20px;position: relative;border-radius: 4px;overflow: hidden;cursor: pointer;}
.zx-ul>li.on,.zx-ul>li.on a {color: #fff;}
.zx-ul>li.on {background: url(../img/zx-bj.png) no-repeat center;background-size: cover;}
.zx-item {display: none;}
.zx-item:first-child {display: block;}
.zx-ctit {font-size: 30px;padding: 30px 0 0;text-align: center;color: #2863be;}
.sign-dl>dt {color: #2863be;font-weight: 600;width: 80px;}
.sign-dl>dd {max-width: calc(100% - 80px);}
.service-ul>li {padding: 46px 0;}
.service-ul>li .serv-inner{display: flex;}
.service-ul>li:nth-of-type(2n) .serv-inner{flex-direction: row-reverse;}
.service-left {width:33.33%}
.serv-en {position: absolute;right: 0;bottom: 0;opacity: 0.05;font-size: 60px;color: #2863be;text-transform: uppercase;font-weight: 600;}
.service-right {position: relative;flex: 1;}
.serv-rtit {font-size: 30px;}
.service-ul>li:nth-of-type(2n+1) .service-right {padding-left: 80px;}
.service-ul>li:nth-of-type(2n) .service-right {padding-right: 80px;}
.service-ul>li:nth-of-type(2n) {background-color: #f4f4f4;}
.serv-rtit>strong {font-size: 52px;color: #2863be;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;margin-right: 5px;}
.servi-img {filter: drop-shadow(-1px 1px 10px rgba(0, 0, 0, .4));border-radius: 12px;}
.service-ul>li:nth-of-type(2n) .serv-en {left: 0;bottom: 0;right: unset;}
.serv-desc {font-size: 24px;color: #6d6d6d;margin-top: 15px;padding-left: 50px;}
.company-box {
  background:#f8f9fb url(../img/comp-bj.png)no-repeat center center;
  background-size: cover;
  padding: 30px 0 56px;
}
.comp-tit {
  font-size: 36px;
  position: relative;
}
.comp-tit:before {
  content: "";
  display: block;
  width: 106px;
  height: 3px;
  background-color: #ea824f;
  top: 50%;
  transform: translate(-100%,-50%);
  position: absolute;
  left: -10px;
}
.comp-desc {font-size: 16px;letter-spacing: 9px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;color: #8cb4f1;margin:10px 0 12px;white-space: nowrap;}
.comp-tleft {color: #fff;position: relative;padding-top: 25px;transition: all .8s ease-in-out;opacity: 0;}
.comp-left.on .comp-tleft{transform: translate(200px,0);opacity: 1;}
.comp-left {position: relative;width: 45%;padding-right: 47px;overflow: hidden;}
.comp-right {width: 55%;padding: 45px 0 0 58px;}
.comp-left:before {width: calc(100% - 175px);height: 100%;background-color: #2863be;position: absolute;right: 0;top: 0;content: "";transition: all .8s ease-in-out;opacity: 0;transform: translate(0,100%);}
.bold {font-weight: 600;}
.comp-left.on:before {transform: translate(0,0);opacity: 1;}
.pt0 {padding-top: 0;}
.comp-tb {position: relative;}
.comp-rtit {font-size: 24px;color: #2863be;position: relative;padding-bottom: 12px;}
.comp-rtit:after {content: "";display: block;width: 84px;height: 2px;background-color: #2863be;bottom: 0;left: 0;position: absolute;}
.comp-rdesc {
  color: #444444;
  line-height: 2.312em;
  margin-top: 15px;
}
.team-tit {
  font-size: 30px;
  display: inline-block;
  position: relative;
  padding-bottom: 16px;
  border-bottom: 5px solid rgba(255,255,255,.6);
}

.theme {
  color: #2863be;
}
.team {padding: 46px 0 38px;background: url(../img/comp-bj1.png) no-repeat center;background-size: cover;color: #fff;}
.team-desc {font-size: 16px;line-height: 1.625em;}
.team-desc p {padding: 14px 0;}
.pro-details-bj1 {background-color: #f4f8ff;}
.team-left {flex: 1;}
.team-right {width: 50.16%;text-align: center;}
.advance {background: url(../img/rec-bj1.png) no-repeat center center;background-size: cover;}
.compr {max-width: 500px;}
.cir4 {
  display: block;
  margin: 0 auto;
  -webkit-animation: circleMove 12s linear infinite;
  animation: circleMove 12s linear infinite;
}
.cir4-box {margin: 22px 0 0;padding-bottom: 180px;}
.cir-ul {position: absolute;width: calc(100% - 60px);height: calc(100% - 60px);top: 0;left: 50%;transform: translate(-50%,0);}
.cir-ul>li {position: absolute;width: 355px;border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;}
.cir-bott {flex: 1;}
.cir-ul>li:nth-of-type(1) {top: 0;left: 0;}
.cir-ul>li:nth-of-type(2) {right: 0;top: 0;}
.cir-ul>li:nth-of-type(3) {left:  0;top: 45%;}
.cir-ul>li:nth-of-type(4) {right:  0;top: 45%;}
.cir-ul>li:nth-of-type(5) {bottom: 0;left: 50%;transform: translate(-50%,0);}
.cir-tit {padding: 12px 0;background-color: #2863be;color: #fff;font-size: 18px;text-align: center;}
.cir-bott {background-color: #fff;padding: 20px;margin-top: 10px;line-height: 2em;}
.cir-inner-tit {text-align: center;font-size: 24px;color: #2863be;position: relative;padding-bottom: 16px;margin-bottom: 10px;}
.cir-inner-tit:after {content: "";display: block;width: 54px;height: 4px;background-color: #2863be;left: 50%;transform: translate(-50%,0);bottom: 0;position: absolute;}
.cir-inner-show {line-height: 2em;font-size: 16px;}
.hornor {background:url(../img/hornor-bj.png) no-repeat center center;background-size: cover;}
.hor-item {width: 49.16%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.hor-top {flex: 1;display: flex;justify-content: center;align-items: center;padding: 20px;background-color: #fff;width: 100%;}
.hor-txt {padding: 15px 0 50px;font-size: 16px;color: #fff;}
.hornor {padding-bottom: 35px;}
.part-ul>li {height: 166px;display: flex;justify-content: center;align-items: center;width: 31.25%;margin-left: 3.12%;margin-bottom: 36px;background-color: #fff;cursor: pointer;transition:all 0.3s ease-in;}
/* .part-ul>li:hover {transform: rotateY(180deg);}  */
.part-ul>li:first-child {background-color: #d0101b;}
.part-ul>li:nth-of-type(3n+1) {margin-left: 0;}
.parter {background-color: #f3f3f3;padding-bottom: 25px;}
.p-img {max-width: 80%;}
.data-table {width: 100%;min-width: 1100px;}
.data-table th{background-color: #0d6fa6;color: #fff;text-align: left;font-size: 18px;}
.data-table td,.data-table th {padding: 15px 12px;}
.data-table td {background-color: #fff;vertical-align: top;}
.data-th>td {background-color: #d2deef;color: #0d6fa6;font-weight: 600;font-size: 16px;}
.data-text {font-size: 12px;line-height: 2.3em;color: #666;}
.responsive-table {
  overflow-x: auto;
}
.responsive-table::-webkit-scrollbar {
  height: 8px;
  background: #eeeeee;
}
.responsive-table::-webkit-scrollbar-thumb {
  background: #a0a0a0;
}
.h-tit {font-size: 18px;text-align: center;color: #0d6fa6;padding: 25px 0 0;}
.clip-box {
  transform-style: preserve-3d;
  cursor: grab;
  position: relative;
  z-index: 1;
}
.clip-inner {backface-visibility:hidden;overflow: hidden;z-index: 2;position: absolute;top: 50%;
  transform: translate(-50%,-50%);left: 50%;width: 100%;transition: opacity .3s ease-in;opacity: 1;}
.sign-desc1 {padding: 0 36px;} 
.clip-hide {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 1;
  width: auto;
  left: unset;
}
.border {border: 1px solid #ddd;}
.pro-img1 {max-width: 60%;}
.swiper-clip .swiper-slide {display: flex;flex-direction: column;align-items: center;}
.swiper-clip .swiper-slide.slide-hide .pro-inner-box {position: relative;}
.swiper-clip .swiper-slide.slide-hide .pro-inner-box:after {content: "";display: block;position: absolute;background-color: rgb(0, 0, 0,.7);z-index: 1;left: 0;top: 0;width: 100%;height: 100%;}
.clip-hide::after {content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;}
.swiper-clip .swiper-slide.slide-hide .pro-btn {display: none;}
.right-fix {position: fixed;right: 0;top: 50%;transform: translate(0,-50%);z-index: 99;}
.right-hover {height: 50px;background-color: #fff;position: relative;color: #2863be;margin-right: -80px;transition: all .3s ease-in;width: 130px;border: 2px solid #2863be;padding-right: 6px;}
.right-hover + .right-hover {margin-top: 10px;}
.right-hover>a {color: #2863be;}
.right-code-img {position: absolute;left: 0;transform: translate(-100%,0);top: 0;opacity: 0;visibility: hidden;transition: all .3s ease-in;border: 2px solid #2863be;top: -2px;}
.ht-icon .iconfont:before {font-size: 24px;}
.right-hover:hover {margin-right: 0;}
.right-hover:hover .right-code-img {visibility: visible;opacity: 1;}
.yy-img {border-radius: 8px;}
.ht-icon {
  display: inline-block;
  width: 50px;
  text-align: center;
  height: 46px;
  line-height: 46px
}
.pb60 {padding-bottom: 60px;}
.block {
  display: block;
  width: 100%;
}
.with100 {width: 100%;}
.tc {text-align: center;}
.ti1 {text-indent: 1em;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.theme1 {color: #0d6fa6;}
.line2 {
  -webkit-line-clamp: 2;
}
.line3 {
  -webkit-line-clamp: 3;
}
.col-333 {
  color: #333;
}
.col-666 {
  color: #666;
}
.col-999 {
  color: #999;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.col-fff {
  color: #fff;
}
.bgfff {
  background-color: #fff;
}