/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "utf-8";
/* usually */
html{font-family: "Noto Sans SC", sans-serif;}
body {font-size: 14px;color: #333;}
/* html,body {background-color: #FCFBFB;} */
body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{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;}.tc{text-align: center;}.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-flex: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;}
.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%;}
.showmenu.nav-ul-box {
  left: 0;
}
.lan-select {
    color:#fff;
    font-size: 16px;
    background:url(../img/arr-down.png) no-repeat right center;
    background-size: auto;
    padding:10px 15px;
}
.lan-select option {
    color: #333;
}
/*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;}
.mt30 {margin-top: 30px;}
.mb25 {margin-bottom: 25px;}
.heigh100 {height: 100%;}

.icon-plus {display: inline-block;width: 18px;height: 18px;position: relative;cursor: pointer;display: none;}
.icon-plus::before,.icon-plus:after {content: "";display: block;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;transition: transform .3s ease-in;border-radius: 4px;}
.icon-plus:after {transform: translate(-50%,-50%) rotate(90deg);}
.icon-plus.rotate:after {transform: translate(-50%,-50%) rotate(0);}


#pages {
  text-align: center;
  padding: 50px 0;
}

#pages  li {
  display: inline-flex;
  font-size: 16px;
  color: #666666;
  background-color: #fff;
  border-radius: 50%;
}

#pages li {
  display: inline-flex;
  font-size: 16px;
  color: #666666;
  background-color: #fff;
  border-radius: 50%;
}

#pages li a {
  width: 40px;
  height:40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #666666;
 
}
#pages li:hover {
  text-decoration: underline;
}
#pages li span {
  width: 40px;
  height:40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #666666;
}

#pages .iconfont {font-size: 14px;}

#pages-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down-fill.png) no-repeat 96% center;
  border:1px solid #dadada;
  outline: none;
  font-size: 14px;
  border-radius: 4px;
  padding: 5px;
  padding-right: 16px;
}



#pages li.active {
  background:#003686;
  color: #fff;
}
#pages li.active a {
  color: #fff;
}

#pages li.active span    {
  color: #fff;
}

#pages li.noborder {border: none;background-color: transparent;padding: 0;}
#pages li .turn-input {color: #666666;padding: 8px 12px 7px;background-color: #fff;width: 48px;}



input[type="text"],input[type="password"],input[type="number"],textarea,button,input[type="email"],input[type="date"] {
  border: none;
  outline: none;
  background-color: transparent;
}
input.el-input-date,input.el-input-date1{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
input.el-input-date::-webkit-calendar-picker-indicator,input.el-input-date1::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  padding-left: 100%;
}

.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;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.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;
}

.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%);
}

.banner {position: relative;}

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


.normal-table {width: 100%;border-collapse: collapse;}
.normal-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
}

.swiper-normal-button.swiper-button-disabled {
  pointer-events: all;
  opacity: 1;
}
.swiper-normal-button {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 0 6px 6px 0px rgba(0, 42, 139, .5);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: none;
}

.head-sdrop-input {
  border: 1px solid #003686;
  border-radius: 4px;
  width: 240px;
  background-color: #fff;
  padding: 0 15px;
}

.head-sdrop-val {
  height: 40px;
  width: 100%;
  flex: 1;
}

.head-sdrop {
  position: absolute;
  bottom: 0;
  transform: translate(0, 100%);
  right: 0;
  padding-top: 20px;
  display: none;
  z-index: 999;
}

.head-sdrop.show {
  display: block;
  animation: hideIndex3 .3s ease;
}




@keyframes hideIndex3{
  0%{ padding-top: 40px;opacity: 0; }
  100%{padding-top: 20px; opacity: 1;}
}
.mobile-img {display: none;}

.menu {
  margin-left: 10px;
  cursor: pointer;
  display: none;
}

.hide-pc {display: none;}
.menu i {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #fff;
  margin-top:7px;
  -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(46deg);
      -ms-transform: rotate(46deg);
          transform: rotate(46deg);
}
.menu.rotate i:nth-of-type(2){
  opacity: 0;
}

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

.normal-place ::-webkit-input-placeholder{
  font-size: 16px;
  color: #666666;
  font-family:"Noto Sans SC", sans-serif;;
}
.normal-place :-moz-placeholder{
  font-size: 16px;
  color: #666666;
  font-family:"Noto Sans SC", sans-serif;;
}
.normal-place :-ms-input-placeholder{
  font-size: 16px;
  color: #666666;
  font-family:"Noto Sans SC", sans-serif;;
}


.mt40 {margin-top: 40px;}
.mb40 {margin-bottom: 40px;}

img[class*=avatar] {border-radius: 50%;}
.hover-a a:hover {color: #003686;}
.hover-tit a:hover [class*=tit] {color: #003686;}
._h-img {transition: transform .3s ease;}
.hover-img a:hover ._h-img {transform: scale(1.1);}
.bold {font-weight: 600;}
.tl {text-align: left;}
[class*=btn] {cursor: pointer;}
.col-red {color: #ff6600;}
.col-red1 {color: #FF0000;}
input.upload-file {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  font-size:0
}

@-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;
}

@keyframes play_btn{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}

@keyframes hideIndex{
  0% {
    padding-top: 60px;
    opacity: 0;
  }
  100% {
      padding-top: 40px;
      opacity: 1;
  }
}

@keyframes hideIndex2{
  0%{ padding-top: 30px;opacity: 0; }
  100%{padding-top: 20px; opacity: 1;}
}

@keyframes hideIndex4{
  0%{ padding-top: 20px;opacity: 0; }
  100%{padding-top: 0px; opacity: 1;}
}


@media (max-width:992px) {
    
  .meida-drop-inner {
      padding: 5px;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
     -webkit-transition-delay: 99999s;
     -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

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

.responsive-y {overflow-y: auto;}
.responsive-x {overflow-x: auto;}

.responsive-y::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;
  height: 0; 
}
.responsive-y::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 3px;
  background: #1c79e1;
}


.head-sticky {position: sticky;position: -webkit-sticky;width: 100%;z-index: 99;top: 0;background-color: #fff;}
.head-fixed {position: fixed;width: 100%;z-index: 99;top: 0;}

.head {
  font-size: 16px;
}

.head .iconfont {
  font-size: 20px;
}

.block {
  display: block;
  width: 100%;
}


@keyframes circle {
  0% {
    stroke-dashoffset:126;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.full-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
}

.banner-word {
  position: absolute;
  top: 42%;
  width: 100%;
  left: 0;
  transform: translate(0,-50%);
}

.banner-tit {
  font-size: 60px;
  font-weight: 400;
}

.banner-desc {
  font-size: 35px;
}

.fixed-service {
  background-color: #ec1515;
  position: fixed;
  color: #ffffff;
  border-radius: 999px;
  width: 50px;
  padding: 20px 0;
  z-index: 999;
  top: 50%;
  transform: translate(0,-50%);
  right: 15px;
  font-size: 18px;
}
.fixed-service .iconfont {
  font-size: 20px;
}

.swiper-index .swiper-index-pagination {
  right: 5.72vw;
}

.swiper-index .swiper-index-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: transparent;
  position: relative;
  opacity: 1;
}


.swiper-index .swiper-index-pagination .swiper-pagination-bullet::before {
  color: #fff;
  content: "";
  position: absolute;
  width:0px;
  height: 0px;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  background-color: currentColor;
  border: 1px solid #003686;
  border-radius: 50%;
  transition: all .3s ease;
}

.swiper-index .swiper-index-pagination .swiper-pagination-bullet::after {
  color: #003686;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  background-color: currentColor;
  border-radius: 50%;
}

.swiper-index .swiper-index-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 20px;
    height: 20px;
}

.swiper-icon-posi {
  position: absolute;
  bottom: 30px;
  z-index: 99;
  left: 50%;
  transform: translate(-50%,0);
  color: #fff;
  font-size: 16px;
}

.swiper-icon-posi .iconfont {
  font-size: 50px;
}

.media-drop {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,100%);
    padding-top: 10px;
    display: none;
    z-index: 9;
}

.media-group-hover:hover .media-drop {
    display: block;
}

.meida-drop-inner {
    background-color: #fff;
    color:#333;
    padding: 10px;
    min-width: 110px;
    text-align: center;
    white-space: nowrap;
}
.normal-bj {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-link-btn {
  display: inline-flex;
  width: 160px;
  height: 60px;
  border: 1px solid #003686;
  border-radius: 999px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  color: #003686;
}

.banner-link-btn.on {
    background-color: #003686;
    color: #fff;
}

.col-fff .banner-link-btn {
  color: #fff;
  border-color: #fff;
}

.banner-link-btn .iconfont {
  font-size:30px;
}

.head-pd {
  padding-left: calc(calc(100vw - 1700px) / 2);
}

.logo-img {
  display: block;
  max-width: 268px;
}

.logo-blue {
  display: block;
}

.logo-white {
  display: none;
}

.arrow-down {
  border-top: 5px solid currentColor;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

/* .lan-icon .icon-shijie {
  content: "";
  background: url(../img/lanw.png) no-repeat center;
  background-size: 100% auto;
} */

.lan-group {
  padding: 30px 0;
  background-color: #003686;
  width: 228px;
}

.lan-group-item {
  width: 50%;
  text-align: center;
}
.nav-ul>li {
  padding: 1.56vw 1.04vw;
  transition: all .3s ease;
  position: relative;
}


/* .nav-ul>li + li {
  margin-left: 2.08vw;
} */



.nav-ul>li.on a,.nav-ul>li:hover a {
  color: #fff;
}

.lan-group-item {
  position: relative;
}
.lan-group-item::before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
}

.lan-group-item:first-child::before {
  display: none;
}

.swiper-normal-pd {
  padding-top: 100px;
}

.normal-pd {
  padding: 70px 0;
}

.pcase-tit {
  text-align: center;
  font-weight: 600;
  font-size: 36px;
}

.banner-vice-tit {
  font-size: 50px;
  font-weight: 400;
}

.banner-desc1 {
  font-size: 18px;
  line-height: 1.66em;
  max-width: 886px;
}

.normal-mt {
  margin-top: 3.125vw;
}

.normal-mb {
  margin-bottom: 60px;
}

.banner-desc1 {
  margin-top: 20px;
}

.case-ul {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 128px  128px;
  gap: 1px;
}
.case-ul>li {
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 18px;
}

.case-ul>li:hover,.case-ul>li.on {
  background-color: #fff;
  color: #333;
}

.case-ul>li:hover a,.case-ul>li.on a {
  color: #333;
}

.case-ul>li:hover .iconfont,.case-ul>li.on .iconfont {
  color: #003686;
}

.case-ul>li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.case-ul>li .iconfont {margin-right: 15px;font-size: 30px;}

.case-ul-posi {
  width: 100%;
  left: 0;
  position: absolute;
  padding-bottom: 3.125vw;
  bottom: 0;
  z-index: 99;
}

.busi-img-group {
  display: inline-flex;
  width: 30px;
  height: 30px;
  position: relative;
}

.on-img {
  display: none;
}

.on .on-img,li:hover .on-img {
  display: block;
}

.on .normal-img,li:hover .normal-img {
  display: none;
}

.busi-ul {
  max-width: calc(100% - 12.5vw);
  margin: 2.60vw auto 0;
}

.busi-ul>li.on,.busi-ul>li:hover {
  background-color: #003686;
  color: #fff;
}

.busi-ul>li.on a,.busi-ul>li:hover a {
  color: #fff;
}

.pcse-ul>li {
  font-size: 22px;
  color: #666666;
  margin-top: 30px;
}

.pcse-ul>li a {
  color: #666666;
}
.pcse-ul>li.on,.pcse-ul>li.on a {
  color: #003686;
}
.busi-ul>li {
  flex: 1;
  font-size: 18px;
  color: #003686;
  border: 1px solid #003686;
}

.busi-ul>li + li {
  border-left: none;
}
.busi-ul>li:first-child {
  border-radius:20px 0 0 20px;
}

.busi-ul>li:last-child {
  border-radius: 0 20px 20px 0;
}

.busi-ul>li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #003686;
  height: 80px;
}

.busi-cont-tit {
  font-size: 50px;
}

.busi-cont-desc {
  line-height: 2em;
  color: #666666;
  font-size: 18px;
  margin-top: 30px;
}

.busi-max-width {
  max-width: 620px;
}

.busi-cont-left {
  width: 57.64%;
}

.busi-cont-ul {
  margin-top: 4.16vw;
}

.busi-img {
  width: 85px;
}


.busi-cont {
  margin-top: 4.68vw;
}

.busi-cont-bott {
  margin-top: 10px;
}

.busi-cont-ul>li {
  width: 25%;
  font-size: 16px;
  color: #003686;
  text-align: center;
}

.busi-cont-right {
  width: 40.58%;
  padding: 0 3.64vw;
}

.swiper-busi .swiper-slide {
  padding:3.125vw 0;
}
.swiper-normal-btn {
  width: 60px;
  height: 60px;
  border: 1px solid #003686;
  border-radius: 50%;
}

.brand-bj {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}

.br-img {
  max-height: 80px;
  max-width: 320px;
}

.son-ul>li {
  width: calc(50% - 30px);
  margin: 0 15px;
  position: relative;
  overflow: hidden;
  height: 150px;
  margin-top: 30px;
  border-radius: 20px;
  color: #fff;
  padding: 2.08vw 5.20vw;
  font-weight: 600;
}

.son-tit {
  font-size: 22px;
  color: #fff;
  position: relative;
  
}

.team_uname {
  font-size: 21px;
}

.team_umanage {
  font-size: 18px;
  color: #666666;
}

.team_ul>li {
  width: 23.29%;
  margin-left: 2.27%;
  padding: 20px;
  border: 1px solid #cbcbcb;
  position: relative;
  overflow: hidden;
}
.team_ul>li:hover {
  border-color: #003686;
}
.team_ul>li:hover .team_mask {
  transform: translate(0,0);
  opacity: 1;
}
.team_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,54,134,1);
  transform: translate(0,100%);
  opacity: 0;
  transition: all .3s ease;
  color: #fff;
  padding: 20px;
  overflow-y: auto;
}

.team_mask {
  font-size: 16px;
  line-height: 1.75em;
}

.team_u_bdesc {
  font-size: 16px;
  line-height: 1.75em;
}

.team_ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}
.son-desc {
  font-size: 18px;
  color: #fff;
  position: relative;
  margin-top: 5px;
}
.son-ul>li::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(2, 29, 68, 0.68);
  top: 0;
  left: 0;
  position: absolute;
}
.brand-ul>li {
  margin: 30px;
}
.advance-circe {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background-color: #ebecf0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  transition: all .3s ease;
}

.advance-tit {
  font-size: 18px;
  font-weight: 600;
  margin-top: 40px;
}

.advance-desc {
  line-height: 2em;
  color: #666666;
  margin-top: 15px;
}

.swiper-advance .swiper-slide:hover .advance-circe{
  background-color: #003686;
}
.swiper-advance .swiper-slide:hover .on-img {
  display: block;
}

.swiper-advance .swiper-slide:hover .normal-img {
  display: none;
}
.swiper-advance .swiper-slide {
  background-color: #fff;
  padding: 60px 20px;
  height: auto;
}

.secure-tit {
  font-size: 40px;
  font-weight: 600;
}

.secure-info {
  font-size: 16px;
}

.secure-group {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
}

.secure-info-span {
  margin-right: 40px;
}

.col-fff .swiper-normal-btn{
  border-color: #fff;
}

.col-fff .swiper-normal-btn.bgfff {
  border-color: #003686;
}
.swiper-normal-btn::after {
  content: "";
}
.swiper-normal-btn .iconfont {
  font-size: 30px;
  color: #003686;
}
.hornor-dl-tit {
  color: #545454;
}

.hornor-left {
  width: 45.57%;
}

.hornor-right {
  width: 50.26%;
  padding-right: calc(calc(100vw - 1700px) / 2);
}

.hornor-right-left {
  max-width: 580px;
}

.hornor-dl>dt {
  width: 60px;
  color: #004098;
  font-weight: 600;
}

.hornor-dl-img {
  margin-top: 10px;
  margin-right: 10px;
}

.hornor-right-tit {
  font-size: 18px;
  color: #003686;
  font-weight: 600;
  margin-bottom: 20px;
}

.hornor-dl-item + .hornor-dl-item {
  margin-top: 15px;
}

.main-swiper {
  max-height: 150vh;
}

.main-swiper .swiper-slide {
  height: auto;
}

.swiper-left-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  padding:2.60vw calc(calc(100vw - 1700px) / 2) 2.60vw calc(calc(100vw - 1700px) / 2);
  justify-content: flex-end;
  color: #fff;
  font-weight: 600;
}

.swiper-left-maks-time {
  font-size: 16px;
}

.swiper-left-maks-tit {
  font-size: 36px;
  margin-top: 5px;
}

.hornor-dl, .hornor-i-top {
  font-size: 16px;
}
.hornor-i-name {
  font-weight: 600;
}

.hornor-i-time {
  margin-top: 5px;
  color: #545454;
  font-weight: 600;
}

.thumswiper .swiper-slide {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.thumswiper .swiper-slide.swiper-slide-thumb-active {
  color: #004297;
}

.hornor-i-bott {
  background: url(../img/line-bj.png) repeat-y right top;
}

@media (min-width: 992px) {

  .thumswiper {
      height: 830px;
  }
}

.secure-show {
  font-size: 16px;
  line-height: 1.875em;
  padding: 30px 0;
}

.secure-box-right {
  width: 23.52%;
}

.prev-next-box {
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
}

.secure-box-left {
  width: 62.35%;
}


.col-fff .swiper-normal-btn .iconfont {
  color: #fff;
}

.col-fff .swiper-normal-btn.bgfff .iconfont {
  color: #003686;
}

.swiper-normal-btn.swiper-button-disabled {
  opacity: 1;
}



.swiper-busi-tit {
  font-size: 18px;
  font-weight: 600;
  margin-top: 2.60vw;
}

.swiper-busi-desc {
  font-size: 16px;
  margin-top: 10px;
}

.normal-item {
  display: none;
}
.normal-item:first-child {
  display: block;
}
/* 14.28% */
.series-tab-ul {
  margin-top: -10px;
}
.series-tab-ul>li {
  width: 12.82%;
  height: 60px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 999px;
  font-size: 16px;
  margin-left: 1.70%;
  margin-top: 10px;
}



/* .swiper-series-tab {
  margin-top: 30px;
} */

.swiper-series-tab .swiper-slide {
  background-color: rgba(255,255,255,0.2);
  border-radius: 999px;
  font-size: 16px;
}

.swiper-series-tab .swiper-slide.on {
    background-color: #003686;
    color:#fff;
}
.swiper-series-tab .swiper-slide.on a {
    color:#fff;
}
.series-tab-ul>li:nth-of-type(7n+1) {
  margin-left: 0;
}

.series-tab-ul>li a,.swiper-series-tab .swiper-slide a {
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
}

.series-cont {
  margin-top: 3.125vw;
}

.swiper-series-top {
  padding-top: 60%;
}

.series-img {
  max-height: 80%;
}

.swiper-series-bott {
  margin-top: 15px; 
}

.normal-bj2 {
  background-position: right top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.swiper-series .swiper-slide {
  font-size: 16px;
  text-align: center;
}

.swiper-series-box {
  max-width: 1345px;
  margin-left: auto;
  margin-right: auto;
}

.aboutus-left {
  width: 57.64%;
}

.aboutus-desc {
  max-width: 33.33vw;
  line-height: 2em;
  color: #666;
  font-size: 18px;
  margin-top: 30px;
}

.swiper-index>.swiper-wrapper>.swiper-slide {
  overflow: hidden;
}

.aboutus-utop {
  width: 85px;
  height: 85px;
  border: 1px solid #003686;
  border-radius: 50%;
  padding: 5px;
}

.about-uicon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all .3s ease;
}
.aboutus-ul {
  margin-top: 4.16vw;
}
.aboutus-ul>li {
  font-size: 16px;
  color: #003686;
  margin-right: 4.68vw;
}
.aboutus-ul>li a {
  color: #003686;
}
.aboutus-ul>li:hover .about-uicon,.aboutus-ul>li.on .about-uicon {
  background-color: #003686;
  color: #fff;
}
.aboutus-ubott {
  margin-top: 10px;
}

.about-company-top {
  color: #003686;
}
.about-cdata {
  font-size: 72px;
  font-weight: 600;
}

.aboutcompany-ul>li {
  padding: 30px 0;
  font-size: 18px;
}

.about-company-bott {
  color: #666666;
  margin-top: 10px;
}

.anli-ul>li {
  font-size: 22px;
  color: #666666;
  margin-top: 30px;
}

.anli-ul>li.on,.anli-ul>li.on a,.anli-ul>li:hover,.anli-ul>li:hover a {
  color: #003686;
}
.anli-ul>li + li {
  margin-left: 2.08vw;
}
.anli-ul>li a {
  color: #666666;
}

.swiper-anli .swiper-slide {
  width: 36.97vw;
}

.anli-cont {
  margin-top: 5.20vw;
}

.swiper-anli-prev {
  left: calc(calc(100vw - 36.97vw) / 2);
  transform: translate(calc(-100% - 10px),0);
}

.swiper-anli-next {
  right: calc(calc(100vw - 36.97vw) / 2);
  transform: translate(calc(100% + 10px),0);
}

.news-bj {
  background-color: #f4f4f4;
}

.news-tit {
  font-size: 20px;
}
.news-left-bott {
  padding: 20px;
}
.news-desc {
  color: #999999;
}
.news-left .news-desc {
  color: #333;
  font-size: 16px;
  line-height: 1.5em;
}

.news-left {
  width: 32.94%;
}

.news-right {
  width: calc(100% - 32.94% - 20px);
}

.news-right-pd {
  padding:2.60vw 4.16vw;
}

.br10 {
  border-radius: 10px;
}

.news-right-ul>li {
  padding: 30px 0;
  border-bottom: 1px solid #efefef;
}

.strength-ul>li {
  border: 1px solid #f3f7fa;
  font-size: 16px;
  margin-top: 40px;
  transition: all .3s ease;
}

.strength-bj {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.strength-ul>li.on,.strength-ul>li:hover {
  background-color: #ffffff;
  color: #003686;
}

.strength-ul>li.on a,.strength-ul>li:hover a {
  color: #003686;
}
.strength-ul>li + li {
  margin-left: 1.56vw;
}
.strength-ul>li a {
  width: 150px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.strength-cont,.swiper-strength-outer {
  margin-top: 4.16vw;
}


.swiper-strength {
  padding: 20px 10px;
}
.swiper-strength-prev,.swiper-strength-next {
  position: static;
  margin: 0;
} 

.swiper-strength-prev + .swiper-strength-next,.banner-link-btn + .swiper-strength-prev {
  margin-left: 20px;
}

.swiper-strength .swiper-slide {
  transition:transform 0.3s ease;
  cursor: pointer;
}

.swiper-strength .swiper-slide:hover {
  transform: scale(1.1);
}

.footer-top-ul>li {
  padding: 4.16vw 0;
  font-size: 18px;
}

.footer-bott-bj{
  background-color: #003686;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.footer-bott-top {
  padding: 30px 0 20px;
}

.footer-bott-top {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-bott-desc {
  font-size: 16px;
  line-height: 2.25em;
}

.footer-bott-bott {
  padding: 30px 0;
}

.footer-btit {
  font-size: 16px;
  font-weight: 600;
}

.footer-link {
  margin-top: 5px;
}

.footer-bott-ul>li {
  margin-left: 4.68vw;
}
.footer-info {
  padding: 20px 0;
  
}

.footer-friend {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-top: 1px solid rgba(255,255,255,0.1);
}

.case-icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
}

.footer-top-bott {
  margin-top: 10px;
}

.c1-img {
  height: 64px;
}

.nav-position-group {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}

.nav-position-ul {
  overflow: auto;
}

.pcase-box {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.pcse-ul>li + li {
  margin-left: 2.08vw;
}

.pcase-list-ul>li {
  width: 24.17%;
  margin-left: 1.09%;
  margin-top: 30px;
  font-size: 18px;
  text-align: center;
}

.pcase-list-bott {
  padding-top: 10px;
}

.pcase-list-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

.culture-right {
  width: 50%;
  padding: 6.25vw calc(calc(100vw - 1700px) / 2) 6.25vw 100px;
}

.culture-left {
  width: 50%;
  padding: 6.25vw calc(calc(100vw - 1700px) / 2) 7.8vw calc(calc(100vw - 1700px) / 2);
  background-color: #d1d2d4;
}

.culture-right-ul>li {
  margin-top: 25px;
}

.culture-right-tit {
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
.culture-right-tit::before {
  content: "";
  width: 19px;
  height: 19px;
  background: url(../img/circle.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  transform: translate(-50%,10%);
  bottom: 0;
}
.culture-right-desc {
  font-size: 18px;
  color: #626365;
  font-weight: 600;
  margin-top: 10px;
}

.culture-avatar {
  width: 240px;
  height: 240px;
  border-radius: 50%;
}

.culture-tit {
  font-size: 26px;
  font-weight: 600;
}

.culture-desc {
  font-size: 18px;
  color: #57585a;
  font-weight: 600;
  margin-top: 20px;
}

.signname-box {
  margin-top: 4.68vw;
}

.culture-right-bj {
  background-repeat: no-repeat,no-repeat;
  background-position:center bottom,right top;
}

.culture-solgan {
  font-size: 26px;
  font-weight: 600;
}
.culture-line {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.culture-line::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ec1515;
  border-radius: 50%;
  display: inline-block;
}

.culture-line::after {
  content: "";
  width: 1px;
  height: 45px;
  background-color: #999999;
  display: inline-block;
  margin-top: 5px;
}

.responsive-tab-circle {
  display: inline-flex;
  width: 30px;
  height: 30px;
  background-color: #e8eaeb;
  border-radius: 50%;
  position: relative;
  margin-top: 10px;
}

.responsive-tab-flag {
  font-size: 48px;
  font-weight: 600;
  background: -webkit-linear-gradient(-90deg, rgba(0,54,134,0.57), rgba(241,241,241,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  visibility: hidden;
}
.responsive-tab-text {
  font-size: 20px;
  margin-top: -25px;
  position: relative;
}
.responsive-tab-ul>li {
  text-align: center;
  position: relative;
}
.responsive-tab-ul>li::before {
  content: "";
  width: 13vw;
  height: 1px;
  background-color: #d4d4d4;
  left: 0;
  transform: translate(-100%,-50%);
  bottom: 20px;
  position: absolute;
}


.responsive-canlendar {
  width: 100px;
  height: 100px;
  background-color: #e9edf0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.canlendar-day {
  font-size: 30px;
  font-weight: 600;
}

.canlendar-year {
  font-size: 16px;
  color: #666666;
  margin-top: 5px;
}
.responsive-tab-ul>li:first-child::before {
  display: none;
}
.responsive-tab-ul>li + li {
  margin-left: 13vw;
}

.responsive-tab-ul>li.on .responsive-tab-flag {
  opacity: 1;
  visibility: visible;
}

.responsive-tab-ul>li.on .responsive-tab-circle {
  background-color: #003686;
}
.responsive-cont-ul {
  padding-top: 20px;
}
.responsive-cont-ul>li {
  padding: 15px;
  background-color: #ffffff;
  margin-top: 30px;
}

.responsive-cont-tit {
  font-size: 24px;
  font-weight: 600;
}

.responsove-cont-info{
  padding: 0 4.16vw 0 20px;
}
.responsive-cont-right {
  width: 31.46%;
}

.responsive-cont-left {
  padding: 10px;
}

.arrow-right-icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  background: url(../img/arr-right.png) no-repeat center;
  background-size: 100% auto;
  transition: all 0.3s ease;
}


.responsive-cont-ul>li:hover .arrow-right-icon {
  background: url(../img/arr-right-on.png) no-repeat center;
  background-size: 100% auto;
  transform: rotate(-45deg);
}

.responsive-cont-icon {
  margin-top: 30px;
}


.responsive-cont-icon .iconfont {
  font-size: 30px;
}

.responsive-cont-desc {
  font-size: 16px;
  color: #666666;
  line-height: 1.875em;
  margin-top: 20px;
}

.responsive-tab-circle::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.banner-list-word {
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  width: 100%;
}

.banner-list-tit {
  font-size: 48px;
  line-height: 1.5em;
  font-weight: 600;
}

.banner-list-en {
  font-size: 40px;
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.base-ul>li {
  width: 32.23%;
  margin-left: 1.64%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
}

.base-box {
  padding: 50px 0;
}

.base-box.media-bj {
    background-color: #e9edef;
}

.base-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}

.base-bott {
  padding-top: 15px;
}

.hornor-desc {
  font-size: 20px;
  line-height: 2em;
  margin-top: 40px;
}

.product-ul>li {
  padding: 15px 0;
  position: relative;
  font-size: 16px;
  margin-right: 2.60vw;
}

.product-ul>li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #003686;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 0;
  width: 0;
  transition: width .3s ease;
}
.product-ul {padding: 10px 0;border-bottom: 1px solid #eeeeee;}
.product-ul>li.on,.product-ul>li.on a,.product-ul2>li.on,.product-ul2>li.on a {
  color: #003686;
}
.product-ul>li.on::after,.product-ul>li:hover::after {
  width: 40px;
}

.product-ul2 {
background-color: #f9fafb;
padding: 20px;
font-size: 16px;
margin-top: 20px;
}

.product-ul2>li {
  margin-right: 2.60vw;
  position: relative;
  padding:  0 0 10px 0;
}


.product-ul2>li::after {
  content: "";
  border-bottom: 6px solid #003686;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
  display: none;
}

.product-ul2>li.on::after,.product-ul2>li:hover::after {
  display: block;
}

._pro-top {
  padding-top: 65.08%;
  background-color: #e9edef;
}

.product-list-ul1 ._pro-top {
  background-color: #fff;
}

.product-list {
  padding: 20px 0 50px;
}


._pro-img  {
  max-height: 80%;
}
.product-list-ul>li {
  width: 23.58%;
  margin-left: 1.88%;
  text-align: center;
  margin-top: 30px;
}
.product-list-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

._pro-bott {
  font-size: 15px;
  padding-top: 20px;
}

.details-top-left {
  width: 38.23%;
}

.details-top-left-inner {
  background-color: #e9edf0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 423px;
}

.details-top-right {
  width: 58.82%;
}

.details-top-tit {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
}

.details-top-desc {
  font-size: 18px;
  line-height: 2em;
}

.details-oper-btn {
  display: inline-flex;
  height: 50px;
  background-color: #003686;
  color: #fff;
  border-radius: 999px;
  width: 200px;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.details-top-oper {
  display: inline-flex;
  border-radius: 999px;
  border: 1px solid #003686;
  padding: 5px 20px 5px 5px;
  align-items: center;
  font-size: 16px;
  color: #003686;
}

.product-normal-img {
  max-width: 80%;
}

.details-top-oper-outer {
  margin-top: 50px;
}


.product-details-item {
  margin-top: 50px;
}

.details-normal-tit {
  font-size: 24px;
  color: #003686;
  font-weight: 600;
}

.details-normal-bj {
  background-color: #e9edf0;
  padding: 15px;
}

.product-normal-show-left {
  width: 38.23%;
}

.product-normal-show-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-normal-show {
  font-size: 18px;
  line-height: 2em;
  color: #787677;
  padding: 30px 0 0;
}
.params-table  {
  font-size: 20px;
}
.params-table th{font-weight: 400;width: 200px;text-align: left;line-height: 2em;}
.params-table th,.params-table td {
  padding: 20px;
}
.params-table tr {
  border-bottom: 1px solid #e3e3e3;
}
.params-table td  {
  color: #787677;
}

.adv-ul>li {
  width: 31.29%;
  margin-left: 3.05%;
  margin-top: 20px;
  border-top: 4px solid #003686;
  padding: 20px 0;
}

.adv-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}

.adv-tit {
  font-size: 24px;
  font-weight: 600;
}

.adv-desc {
  font-size: 18px;
  color: #787677;
  margin-top: 10px;
}

.specific-pd {
  padding: 0 30px;
}

.specific-tit{
  font-size: 20px;
  font-weight: 600;
  position: relative;
  padding-left: 15px;
}

.specific-tit::before {
  content: "";
  width: 4px;
  height: 20px;
  background-color: #003686;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
}
.specific-table th {
  font-weight: 400;
  width: 150px;
}
.specific-table td,.specific-table th {
  padding: 15px 0;
}

.specific-table td {
  color: #787677;
}
.specific-table tr {
  border-bottom: 1px solid #e3e3e3;
}

.specific-ul>li {
  width: 28.52%;
  margin-top: 20px;
  margin-left: 7.2%;
}

.specific-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}

.product-details-group {
  padding-bottom: 100px;
}

.product-details-tit {
  font-size: 46px;
  font-weight: 600;
}

.product-rec-ul>li {
  width: 23.58%;
  margin-left: 1.88%;
}

.product-rec-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

.recommand-bj {
  background-color: #e9edf0;
}

.aboutclass-tit {font-size: 48px;font-weight: 600;}
.aboutclass-desc {
  font-size: 20px;
  line-height: 2em;
}

.classset-ul {
  margin-top: 20px;
  border-bottom: 1px dashed #d6d6d6;
}

.classset-ul>li {
  font-size: 22px;
  padding: 15px 0;
  
}
.classset-ul>li.on,.classset-ul>li.on a {
  color:#003686;
}

.classset-ul>li + li {
  margin-left: 2.08vw;
}

.swiper-classic .swiper-slide {
  width: 28.88%;
}

.classset-swiper .swiper-slide {
  font-size: 22px;
  padding: 20px 0;
  text-align: center;
}

.classset-swiper .swiper-slide.swiper-slide-thumb-active,.classset-swiper .swiper-slide.swiper-slide-thumb-active a {
  color: #003686;
}

.classset-swiper>.swiper-wrapper {
  justify-content: center;
}

.classset-swiper-outer {border-bottom: 1px dashed #d6d6d6;}

.class-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 4.16vw 2.08vw;
}

.class-mask-tit {
  font-size: 22px;
  font-weight: 600;
}

.class-mask-desc {
  font-size: 16px;
  line-height: 2em;
  margin-top: 10px;
}

/* .swiper-classic {
  margin-top: 60px;
} */

.scure-r-tit {
  font-size: 20px;
  font-weight: 600;
}

.scure-left{
  width: 21.75%;
}

.scure-right {
  padding-left: 20px;
}

.scure-img-group {
  position: relative;
  font-size: 0;
}
.scure-img-group::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #003686;
  transform: translate(10px,10px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.scure-r-ul>li {
  padding: 20px 0;
  font-size: 16px;
}


.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 99;
  display: none;
}

._service-val {
  height: 50px;
  width: 100%;
  flex: 1;
  font-size: 16px;
}

._service-btn {
  display: inline-flex;
  height: 40px;
  width: 150px;
  background-color: #003686;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
}

._service-inner {
  width: 880px;
  max-width: 94%;
  padding: 40px 30px;
}


._service-left {
  width: 48.78%;
}
.cure-right-desc {
  color: #999999;
}

.br20 {
  border-radius: 20px;
}

.building-ul>li {
  background-color: #e9edef;
  padding: 25px;
  margin-top: 40px;
}

._service-logo {
  position: absolute;
  width: 180px;
  top: 40px;
  left: 25px;
}

._service-right {
  width: 43.90%;
}

._service-rtit {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5em;
  padding: 10px 0;
  border-bottom: 1px solid #dedcdc;
  color: #003686;;
  font-weight: 600;
}

.mask-close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 24px;
  cursor: pointer;
}

.mask-close:hover {
  color: #003686;;
}


._service-input-box{
  background-color: #f5f9ff;
  border-radius: 10px;
  padding: 0 15px;
}

.building-ul>li:hover {
  background-color: #003686;
  color: #fff;
}

.building-ul>li:hover a {
  color: #fff;
}

.building-ul>li:hover .banner-link-btn {
  background-color: transparent;
  color: #ffffff;
  border-color: #fff;
}

.building-ul>li:hover .building-img-group::before {
  background-color: #fff;
}
.building-right-tit {
  font-size: 20px;
  font-weight: 600;
}

.building-right-desc {
  font-size: 16px;
  margin-top: 20px;
}


.course-box {
  padding: 50px 0;
}

.course-ul>li {
  font-size: 18px;
  padding: 0 15px;
  position: relative;
  color: #666666;
}

.course-ul>li.on,.course-ul>li.on a {
  color: #003686;
}

.course-ul>li a {
  color: #666666;
}

.course-ul>li::before {
  content: "";
  width: 3px;
  height: 15px;
  background-color: #003686;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  left: 0;
}
.building-ul>li {
  width: 48.64%;
  /* transition: all .3s ease; */
}

.scure-right-desc {
  font-size: 16px;
  margin-top: 20px;
  color: #999999;
}
.course-cont>li {
  padding: 15px;
  background-color: #e9edef;
  margin-top: 30px;
  width: 31.23%;
  margin-left: 3.14%;
  text-align: center;
  font-size: 18px;
  color: #666666;
  position: relative;
}
.course-cont>li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color:#003686;
  width: 0;
  left: 50%;
  transform: translate(-50%,0);
  transition: all .3s ease;
  bottom: 0;
}
.course-cont>li:hover::after {
 width: 100%;
}
.course-cont>li a {
  color: #666666;
}
.course-bott {
  padding-top: 15px;
}

.course-cont>li:nth-of-type(3n+1) {
  margin-left: 0;
}

.building-left {
  width: 28.66%;
}

.building-img-group {
  font-size: 0;
}
.building-img-group::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #003686;
  top: 0;
  left: 0;
  transform: translate(10px,10px);
  /* transition: all .3s ease; */
}

.building-right {
  padding-left: 40px;
}

.teacher-ul>li {
  width: 23.52%;
  margin-left: 1.47%;
  margin-top: 40px;
}

.teacher-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

.teacher-bott {
  padding: 20px 0;
}

.teach-name {
  font-size: 20px;
}

.teacher-desc {
  font-size: 16px;
  color: #666666;
  line-height: 1.875em;
  margin-top: 10px;
}

.picList>li {
  width: calc(25% - 20px);
  margin: 0 10px;
  float: left;
  font-size: 0;
}

._student-avatar {
  width: 107px;
  height: 107px;
  border-radius: 50%;
}

._student-tr-tit {
  font-size: 30px;
  font-weight: 600;
}

._student-tr-desc {
  font-size: 18px;
  margin-top: 10px;
}
._student-tright {
  padding-left: 15px;
}

._student-bott {
  margin-top: 20px;
  font-size: 20px;
}

._student-ul>li {
  padding: 30px;
  background-color: #f7f7f7;
  border-radius: 10px;
  width: 32.47%;
  margin-left: 1.28%;
  margin-top: 20px;
}



.wind-day {
  font-size: 24px;
}

._student-ul {
  padding-top: 15px;
}

.wind-year {
  color: #999999;
  margin-right: 10px;
}

._student-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}

.wind-candar {
  margin: 0 25px;
}

.wind-info-tit {
  font-size: 22px;
  font-weight: 600;
}

.wind-info-desc {
  font-size: 16px;
  color: #666666;
  line-height: 1.6em;
  margin-top: 10px;
  max-width: 880px;
}

.wind-ul>li {
  padding: 40px 0;
}

.wind-left {
  width: 17.64%;
}

.media-ul>li {
  width: 31.94%;
  margin-left: 2.085%;
  margin-top: 40px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.media-ul>li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.media-top {
    flex: 1;
    padding-top: 75%;
    position: relative;
}

.media-top .meida-img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.media-bott {
  padding: 15px 15px 20px;
}

.media-tit {
  font-size: 18px;
  color: #003686;
}

.media-desc {
  font-size: 16px;
  margin-top: 15px;
}

.media-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}

.media-bj {
  background-color: #e4e4e4;
}

.interview-inner-pd {
  padding: 0 4.16vw;
}

.wind-ul>li:hover .wind-icon {
  background-color: #003686;
  color: #fff;
  border-color: #003686;
}
.wind-ul>li:nth-of-type(2n) {
  background-color: #e9edef;
}

.wind-icon{
  display: inline-flex;
  width: 60px;
  height: 30px;
  border: 1px solid #e1e1e1;
  justify-content: center;
  align-items: center;
}

.wind-icon .iconfont {
  font-size: 25px;
}

.contact-tit {
  font-size: 48px;
}

.contact-vice-tit {
  font-size: 22px;
  margin-top: 20px;
}

.contact-desc {
  font-size: 18px;
  line-height: 2em;
  margin-top: 10px;
}

.contact-wx {
  margin-top: 30px;
}

.contact-right {
  width: 69.29%;
}

.map-iframe {
  width: 100%;
  height: 432px;
}

.el-contact-width {
  width: 49.23%;
}

.contact-val {
  height: 55px;
  width: 100%;
  flex: 1;
  padding: 0 20px;
}

.el-contact-input-box {
  background-color: #f5f5f5;
}

.contact-inner-box {
  padding: 70px 40px;
}

.shadow {
  box-shadow: 0 0 38px rgba(165, 165, 165, 1);
}

.contact-text {
  width: 100%;
  height: 100%;
}

.el-contact-input-box1 {
  height: 100%;
}

.contact-text {
  padding: 20px;
}

.el-contact-btn {
  display: inline-flex;
  width: 174px;
  height: 53px;
  background-color: #999999;
  color: #ffffff;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  max-width: calc(50% - 20px);
}

.el-contact-btn + .el-contact-btn {
  margin-left: 20px;
}

.el-contact-btn.on {
  background-color: #003686;
}

.el-contact-mt {
  margin-top: 40px;
}

.contact-inner-tit {
  font-size: 48px;
  font-weight: 600;
}
.swiper-partner {
 max-width: 1260px;
 margin-left: auto;
 margin-right: auto;
 background: url(../img/part-bj.png) no-repeat center;
 background-size: auto 100%;
}
.swiper-partner .swiper-slide {
  height: 86px;
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(158,158,158,0.28);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.swiper-partner-prev,.swiper-partner-next {
  display: inline-flex;
  width: 150px;
  height: 60px;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  background-color: #003686;
  color: #fff;
  box-shadow: 0 0 10px rgba(0,54,134,0.5);
}
.swiper-partner-next .iconfont,.swiper-partner-prev .iconfont {
  font-size: 30px;
}
.swiper-partner-next.swiper-button-disabled,.swiper-partner-prev.swiper-button-disabled {
  opacity: 1;
  background-color: #fff;
  color: #003686;
}
.swiper-partner-prev::after,.swiper-partner-next::after {
  content: "";
}

.swiper-partner-pagination {
  position: static;
}

.pa-img {
  max-height: 80%;
}

.win-flag {
  display: inline-flex;
  width: 26px;
  height: 26px;
  background-color: #003686;
  border-radius: 50%;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-right: 10px;
}

.win-ul>li {
  font-size: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
}

.win-ul>li:hover,.win-ul>li:hover a{
  color: #003686;
}

.win-left-tit {
  font-size: 30px;
}

.win-left {
  width: 34.11%;
}

.win-right {
  width: 59.47%;
}

.win-details-mt {
  margin-top: 60px;
}

.win-details-btn {
  display: inline-flex;
  width: 160px;
  height: 60px;
  background-color: #003686;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
}

.franchise-tit {
  font-size: 36px;
  font-weight: 600;
}

.franchise-vice-tit {
  font-size: 18px;
  font-weight: 600;
}

.franchise-info {
  font-size: 18px;
  line-height: 2em;
}

.franchise-bj {
  background-repeat: no-repeat;
  background-position: right 20px;
  background-size: auto auto;
}

.el-franchise-width {
  width: 48.50%;
}


.el-franchise-dt {
  font-size: 16px;
  color: #666666;
}

.el-franchise-input {
  background-color: #f5f5f5;
}

.el-franchise-val{
  height: 50px;
  width: 100%;
  flex: 1;
}

.el-franchise-row {
  margin-top: 25px;
}

.interview-inner-pd2 {
  padding: 0 7.8vw;
}

.interview-input-box {
  border: 1px solid #bbbbbb;
  width: 100%;
  max-width: 418px;
  border-radius: 10px;
  padding: 0 15px;
}

.interview-val {
  height: 50px;
  width: 100%;
  flex: 1;
}

.inter-data {
  font-size: 30px;
}

.filter-flag {
  margin-right: 2.08vw;
}

.filter-flag.on,.filter-flag:hover {
  color: #003686;
}
.inter-dl {
  font-size: 16px;
}
.inter-dl>dt {
  color: #999999;
  width: 130px;
}

.inter-dl>dd {
  flex: 1;
}

.inter-dl + .inter-dl {
  margin-top: 20px;
}

.inter-table {
  text-align: left;
  margin-top: 40px;
  font-size: 16px;
}

.inter-table tr:hover {
  background-color: #003686;
  color: #fff;
}

.inter-table tr:nth-of-type(1):hover {
    background-color: transparent;
    color: initial;
}
.inter-table th {
  background-color: #fafafa;
}
.inter-table td,.inter-table th {
  padding: 15px;
}

.sale-btn {
  display: inline-flex;
  width: 140px;
  height: 50px;
  background-color: #003686;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
}

.sale-top {
  background-color: #e9edef;
  padding: 20px 0;
}

.sale-top-left-tit {
  font-size: 36px;
  font-weight: 600;
}

.sale-top-left-desc {
  font-size: 16px;
}

.sale-top-code {
  padding: 20px 30px;
  box-shadow:  0 0 10px rgba(159, 159, 159, .5);
}

.sale-text {
  font-size: 16px;
}

.sale-show {
  line-height: 2em;
  font-size: 18px;
}

.center-box2{
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
} 

.load-tit {
  font-size: 18px;
}


.load-ul>li {
  width: 23.23%;
  background-color: #f8f8f8;
  margin-left: 2.35%;
}

.load-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}


.load-bott {
  padding: 20px;
}

.video-close {
  display: block;
  position: absolute;
  right: 0;
  transform: translate(100%, 0);
  top: 0;
  width: 32px;
  height: 32px;
  background: #17447e;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 21px;
}

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


.alert-video {
  width: 884px;
  height: 586px;
}

.video-js {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  object-fit: cover;
}

.share-top-ul>li {
  font-size: 16px;
  position: relative;
  padding: 15px 0;
  margin-right: 2.08vw;
}
.share-top-ul>li::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #003686;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  bottom: 0;
  width: 0;
}


.share-top-ul>li.on::after,.share-top-ul>li:hover::after {
  width: 40px;
}

.share-top-ul>li.on,.share-top-ul>li.on a,.share-top-ul>li:hover,.share-top-ul>li:hover a{
  color: #003686;
}

.share-top {
  padding: 10px 0 10px;
}

.mySwiper {
  height: 100%;
}

.share-inner-left {
  height: 415px;
  padding: 3.125vw 0;
  position: relative;
}

.share-inner-left::before {
  content: "";
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom,#dce6f5,#0069b4,#dce6f5);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}

.mySwiper .swiper-slide {
  display: flex;
  align-items: center;
  font-size: 24px;
  padding: 0 2.08vw;
}

.share-inner-left {
  width: 29.41%;
}

.share-inner-right {
  width: 68.35%;
}

.mySwiper .swiper-slide.swiper-slide-thumb-active,.mySwiper .swiper-slide.swiper-slide-thumb-active a {
  color: #0069b4;
}

.mySwiper .swiper-slide.swiper-slide-thumb-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
  border-left: 15px solid #0069b4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.swiper-mask-mt a.swiper-mask-btn {
  display: inline-flex;
  width: 160px;
  height: 60px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #003686;
}

.swiper-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right,rgba(3,60,109,0.25),transparent);
  padding: 3.125vw;
  overflow-y: auto;
}

.swiper-mask-tit {
  font-size: 30px;
  font-weight: 600;
}

.swiper-mask-desc {
  font-size: 20px;
  line-height: 2em;
}

.swiper-mask-mt {
  margin-top: 40px;
}

.normalshare-box {
  padding: 80px 0 200px;
}

.ormalshare-desc {
  font-size: 24px;
  margin-top: 25px;
}

.swiper-normal-share .swiper-slide {
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: #fff;
  border-top: 3px solid transparent;
}


.build-cont {
  margin-top: -160px;
}
.swiper-normal-share .swiper-slide.swiper-slide-thumb-active {
  background-color: #ec1515;
  border-top: 3px solid #ffffff;
}

.swiper-build-itit {
  font-size: 24px;
  font-weight: 600;
}

.swiper-build-inner {
  padding: 4.16vw;
  background-color: #f2f2f2;
}

.swiper-build-iright {
  width: 46.88%;
}

.swiper-build-ileft {
  width: 40.90%;
}

.footer-logo {
  max-width: 256px;
}
.swiper-build-idesc {
  font-size: 18px;
  line-height: 2em;
  margin-top: 15px;
}

.study-circle {
  width: 103px;
  height: 103px;
  border: 1px solid #ededed;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.study-ul>li {
  width: 15.35%;
  margin-left: 1.56%;
  border: 4px solid #f5f5f5;
  padding: 2.08vw 10px;
  margin-top: 50px;
}
.study-ul>li:nth-of-type(6n+1) {
  margin-left: 0;
}

.study-img {
  max-width: 50%;
}
.study-tit {
  font-size: 20px;
  color: #003686;
  margin-top: 20px;
  font-weight: 600;
}

.study-en {
  position: relative;
  text-transform: uppercase;
  min-height: 30px;
  padding-bottom: 10px;
  margin-top: 20px;
}

.study-en::after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #003686;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
}

.study-desc {
  font-size: 16px;
  line-height: 1.875em;
  margin-top: 20px;
  font-weight: 600;
}

.study-ul2>li {
  width: 15.29%;
  margin-left: 1.56%;
  font-size: 16px;
  margin-top: 50px;
}

.study-ul2>li:nth-of-type(6n+1) {
  margin-left: 0;
}

.sty-bott {
  padding-top: 10px;
}

.team-ul>li {
  width: 20%;
  text-align: center;
  margin-top: 50px;
}

.team-utop {
  font-size: 80px;
  font-weight: 600;
}

.team-ubott {
  font-size: 16px;
  padding-top: 10px;
}

.team-cont-tit {
  font-size: 24px;
  font-weight: 600;
  color: #003686;
}

.team-content-box{
  padding: 40px 30px;
}

.team-cont-desc {
  font-size: 18px;
  line-height: 2em;
  margin-top: 20px;
}

.team-flag {
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 30px;
  right: 30px;
}



.swiper-team-btn.swiper-button-disabled {
  opacity: 1;
}

.swiper-team-btn {
  color: #fff;
}

.ten-manage-bj {
  width: 630px;
  height: 630px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  position: relative;
}

.ten-manage-bj1 {
  content: "";
  width: 92%;
  padding-top: 92%;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.ten-manage-bj2 {
  content: "";
  width: 88%;
  padding-top: 88%;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.ten-inner-data {
  font-size: 72px;
  font-weight: 600;
}

.ten-inner-text {
  font-size: 24px;
  line-height: 1.8em;
  margin-top: 30px;
}

.ten-inner-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.TJ-ul>li {
  position: absolute;
  transform: translate(0, -50%);
}

.TJ-ul>li::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%,-50%);
}
.TJ-ul>li:nth-of-type(1)::before,.TJ-ul>li:nth-of-type(6)::before {
  display: none;
}
.TJ-ul>li:nth-of-type(7),.TJ-ul>li:nth-of-type(8),.TJ-ul>li:nth-of-type(9) {
  transform: translate(-100%,-50%);
  flex-direction: row-reverse;
}

.TJ-ul>li:nth-of-type(7)::before,.TJ-ul>li:nth-of-type(8)::before,.TJ-ul>li:nth-of-type(9)::before {
  left: unset;
  right: 0;
  transform: translate(50%,-50%);
}
.TJ-right {
  white-space: nowrap;
  font-size: 21px;
  padding-bottom: 6px;
}

.TJ-left {
  font-size: 43px;
  font-weight: 600;
  margin:0 10px;
}

#main {
  width: 100%;
  height: 650px;
}

.standard-ileft {
  width: 63.52%;
}

.standard-iright {
  width: 36.48%;
  position: relative;
  padding: 2.60vw 0;
}

.standard-cont-swiper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate(-60px,0);
}
.standard-iright-inner {
  height: 100%;
}

.standard-flag {
  display: inline-block;
  width: 33px;
  height: 46px;
  background: url(../img/standard-flag.png) no-repeat center;
  background-size:100% auto;
  color: #003686;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  margin-right: 20px;
  opacity: 0;
  visibility: hidden;
}
.standard-cont-swiper .swiper-slide {
  padding: 0 20px 0 80px;
  clip-path: polygon(25px 0,100% 0,100% 100%,25px 100%,0 50%);
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
}

.standard-cont-swiper .swiper-slide.swiper-slide-thumb-active  .standard-flag {
  visibility: visible;
  opacity: 1;
}

.standard-iright .standard-cont-next {
  top: unset;
  bottom: 0;
  left: 35%;
  transform: translate(-50%,0);
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
}

.standard-iright .standard-cont-prev {
  top: 0;
  left: 35%;
  transform: translate(-50%,0);
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
}

.standard-cont-swiper .swiper-slide.swiper-slide-thumb-active {
  background-color: #003686;
  color: #fff;
}

.standard-cont-btn::after {
  content: "";
}
.standard-cont-prev::after {
  border-bottom:15px solid #dbdbdb;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.standard-cont-next::after {
  border-top:15px solid #dbdbdb;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.standard-mask {
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-y: auto;
}
.standard-mask-inner {
  background: rgba(0, 0, 0, .5);
  padding: 15px;
  color: #fff;
  font-size: 18px;
  line-height: 2em;
}

.theme-bj {
  background-color: #003686;
  color: #fff;
}

.field-left {
  width: 32.05%;
}

.field-right {
  width: 57.81%;
}

.field-tit {
  font-size: 28px;
}

.field-desc {
  font-size: 18px;
  line-height: 2em;
  margin-top: 20px;
}

.center-left {
  padding-left: calc(calc(100vw - 1700px) / 2);
}


.company-tit {
  font-size: 36px;
  font-weight: 600;
}

.company-vice-tit {
  font-size: 20px;
}

.company-list-right {
  width: 42.94%;
}

.company-list-circle {
  display: inline-flex;
  width: 100px;
  height: 100px;
  border: 1px solid #c5c3c3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.co-img {
  width: 39px;
  height: 39px;
}

.company-list-year-data {
  font-size: 30px;
  color: #333;
}

.company-list-ul>li {
  font-size: 16px;
  color: #868686;
  width: 25%;
  margin-top: 40px;
}

.company-list-left {
  width: 50.17%;
}

.company-list-desc {
  font-size: 16px;
  line-height: 1.875em;
}

.banner-logo {
  max-width: 389px;
}

.banner-desc {
  font-size: 20px;
  line-height: 2em;
}
.field-details-desc {
  font-size: 18px;
  line-height: 2em;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
}
.field-details-ul {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.field-details-ul>li {
  margin-top: 60px;
}

.wa-img {width: 100px;height: 100px;}
.field-dbott {font-size: 18px;padding-top: 10px;color: #003686;}
._service-text {height: 80px;width: 100%;padding: 12px 0;resize: none;}

.sta-img {
  border: 4px solid #e4e4e4;
}
@media (min-width:1920px) {
    .nav-ul>li {
        padding: 30px 20px;
    }
  .son-ul>li {
    padding: 40px 100px;
  }
  .standard-iright {
    padding: 50px 0;
  }
  .study-ul>li {
    padding: 40px 10px;
  }
  .swiper-build-inner {
    padding: 80px;
  }
  .swiper-mask {
    padding: 60px;
  }
  .share-inner-left {
    padding: 60px 0;
  }
  .filter-flag,.share-top-ul>li  {
    margin-right: 40px;
  }
  .interview-inner-pd {
    padding: 0 80px;
  }
  .class-mask {
    padding: 80px 40px;
  }
  .classset-ul>li + li  {margin-left: 50px;}
  .product-ul>li,.product-ul2>li {margin-right: 50px;}
  .strength-ul>li + li {
    margin-left: 30px;
  } 
  .responsive-tab-ul>li + li {
    margin-left: 250px;
  }
  .signname-box {
    margin-top: 90px;
  }
  .culture-left {
    padding: 120px calc(calc(100vw - 1700px) / 2) 150px calc(calc(100vw - 1700px) / 2);
    background-color: #d1d2d4;
  }
  .pcse-ul>li + li {margin-left: 40px;}
  .normal-mt {
    margin-top: 60px;
  }
  .footer-bott-ul>li  {
    margin-left: 90px;
  }
  .footer-top-ul>li {
    padding: 80px 0;
  }
  .strength-cont,.swiper-strength-outer,.aboutus-ul  {
    margin-top: 80px;
  }
  
  .swiper-strength .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .news-right-pd {
    padding:50px 80px;
  }
  .anli-cont {
    margin-top: 100px;
  }
  .anli-ul>li + li {
    margin-left: 40px;
  }
  .aboutus-ul>li {
    margin-right: 90px;
  }
  .series-cont {
    margin-top: 60px;
  }
  .swiper-busi-tit{
    margin-top: 50px;
  }
  .swiper-busi .swiper-slide {
    padding:60px 0;
  }
  .busi-cont-right {
    padding: 0 70px;
  }

  .busi-cont {
    margin-top: 90px;
  }
  .busi-cont-ul {
    margin-top: 80px;
  }
  .busi-ul {
    margin-top: 50px;
  }
  .case-ul-posi {
    padding-bottom: 60px;
  }
  .swiper-index-pagination {
    right:110px;
  }

  /* .nav-ul>li + li {
    margin-left: 40px;
  } */
}



@media (min-width:992px) {
  .nav-ul>li.on,.nav-ul>li:hover {
    background-color: #ec1515;
    color: #fff;
  }
  .white-theme a {
    color: #fff;
  }

  .white-theme .logo-blue {
    display: none;
  }

  .white-theme .logo-white {
    display: block;
  }
  .busi-cont-prev {
    left: 0;
    transform: translate(-50%,0);
  }
  
  .busi-cont-next {
    right: 0;
    transform: translate(50%,0);
  }
  .nav-position-ul>li {
    height: 50px;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    flex-shrink: 0;
    padding: 0 20px;
    margin-right: 10px;
  }

  .nav-position-ul>li.on,.nav-position-ul>li:hover {
    background-color: #003686;
    color: #fff;
  }
  
  .nav-position-ul>li.on a,.nav-position-ul>li:hover a {
    color: #fff;
  }
  .swiper-team-btn {
    width: 50px;
    height: 130px;
    background: rgba(0, 0, 0, .5);
  }
}


@media (min-width:1920px) {
  
}

.tr {text-align: right;}
.hide-pc {display: none;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1; 
}
.line2 {
  -webkit-line-clamp: 2;
}
.line3 {
  -webkit-line-clamp: 3;
}
.line4 {
  -webkit-line-clamp: 4;
}
.line5 {
  -webkit-line-clamp: 5;
}
.line6 {
  -webkit-line-clamp: 6;
}

.col-000 {
  color: #000;
}
.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;
}
.col-fff a{
  color: #fff;
}

.footer-info,.footer-info a,a.footer-link {
  color: #a3a3a3;
}
.bgfff {
  background-color: #fff;
}
.theme {color: #003686!important;}


.swiper-strength .swiper-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }

.drop-content {
    display: none;
}

.drop-ul>li>a {
    display: block;
    color: #fff;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.swiper-strength .swiper-wrapper {
    justify-content: center;
}

.hornor-img {
    height: 200px;
    width: 100%;
}

.hornor-text {
    padding: 10px 0;
}

@media (min-width: 992px) {
    .drop-ul {
        background-color: #003686;
        padding: 10px 0;;
    }

    .drop-ul>li>a {
        display: block;
        padding: 10px 0;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    .drop-content {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,100%);
        width: 100%;
        display: none;
    }
    .nav-ul>li:hover .drop-content {
        display: block;
        animation: hideIndex4 .3s ease;
    }
   
}

.mask-inner {
    width: 100%;
    height: 100%;
}
#swiper-mask .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}
/*#swiper-mask {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
#swiper-mask .hornor-img,#mask-img {
    width: auto;
    height: 60vh;
}