@charset "UTF-8";
/*mixin @include*/
/*%** @extend*/
.h96{
  height: 2.4rem;
}

    .telsbox{
      overflow: hidden;
    }
    .telsbox .hu{
      display: none;
    }
    .con-rightfixed .items-rightbox .li1 .form .input input[type=text].itle1{
      width: 100px;
      border-right: 1px solid #cfcfcf;
    }
    .con-rightfixed .items-rightbox .li1 .form .input input[type=text].itle2{
      width: calc(100% - 120px);
    }

.bocweb-header .nav-bots.technology-bots .lists-left .ul .span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-right: 1em;
}

.newdetails-tops{
  line-height: 1;
  color: #00a1e9;
  margin-bottom: .4rem;
}
.nbcolor{
  color: #00a1e9;
}
.newdetails .p{
  color: #000000;
  font-weight: bold;
}
.newdetails .ul:nth-child(n+2){
  margin-top:.9rem;
}
.newdetails a{
  color: #00a1e9;
  text-decoration: underline;
}
.newdetails{
  padding-top: 1.35rem;
  padding-bottom: 3.75rem;
  line-height: 1.7;
}
.newdetails .ul-tops{
  line-height: 1;
  color: #00a1e9;
  margin-bottom: .2rem;
}
.cookie-fixed{
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0;
  top: 0;
  padding-bottom: 1.35rem;
  background: #fff;
  display: none;
}
.cookie-tits{
  height: 2.5rem;
  line-height: 2.5rem;
  background: #00a1e9;
  color: #fff;
}

.cookie-words{
  line-height: 1.7em;
  color: #666666;
  padding-top: .85rem;
  padding-bottom: 1rem;
}
.cookie-inputbox .li{
  position: relative;
  padding-left: 1.3rem;
  line-height: 1;
  color: #000000;
  display: inline-block;
  vertical-align: top;
}
.cookie-inputbox .li:nth-child(1){
  margin-right: 1rem;
}
.cookie-inputbox{
  font-size: 0;
}
.cookie-inputbox .li input{
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  /*display: none;*/
  /*opacity: 0;*/
  /*visibility: hidden;*/
}
.cookie-text-hide{
  display: none;
}
.cookie-inputbox .li input:checked + label span{
  /*background: #00a1e9;*/
  border:1px solid #00a1e9;
}
.cookie-inputbox .li input:checked + label span:before{
  border:1px solid #00a1e9;
}
.cookie-inputbox .li span{
  position: absolute;
  width: 1rem;
  height: .3rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background: transparent;
  border:1px solid #bfbfbf;
}
.cookie-anniu{
  line-height: 1;
  margin-top: .7rem;
}
.cookie-anniu .anniu{
  line-height: 1.05rem;
  height: 1.05rem;
  padding: 0 .7rem;
  border-radius: 3px;
  background: #eeeeee;
  cursor: pointer;
}
.cookie-inputbox .li span:before{
  position: absolute;
  content:"";
  width: .5rem;
  height: 100%;
  left: 0;
  top: 0;
  background: #00a1e9;
  border:1px solid #fff;
  box-sizing:border-box;
}
.cookie-text{
  line-height: 1.7;
  color: #666666;
  max-width: 56%;
}
.cookie-text .li1{
  line-height: 1.5;
  color: #000;
}
.cookie-text .li:nth-child(n+2){
  margin-top: .3rem;
}
.cookie-bots{
  margin-top: 1rem;
}
.cookie-bots .fl-text{
  font-size: 0;
}

.cookie-bots .fl-text .span{
  display: inline-block;
  vertical-align: top;
  line-height: 1.05rem;
  height: 1.05rem;
  color: #333;
}
.cookie-bots .fl-text span.span{
  margin:0 .1rem;
}
.cookie-bots .fr-text{
  font-size: 0;
  margin:0;

}
.cookie-bots .fl-text a.span{
  color: #00a1e9;
}
.cookie-bots .anniu{
  display: inline-block;
  vertical-align: top;
}
.cookie-bots .anniu:nth-child(n+2){
  margin-left: .6rem;
}
.svgsio{
  position: absolute;
  left: 0;
  bottom: 5%;
  right: 0;
  margin: auto;
  z-index: 10;
  cursor: pointer;
}
.svgsio .svg{
  position: relative;
}
.investor-center .in-ce-tits{
  height: 60vh;
}
.bdsharebuttonbox2 a{
  display: inline-block;
  vertical-align: top;
}
.svgsio .svg:before{
  position: absolute;
  width: 1px;
  height: 100%;
  transform:rotate(45deg);
  content:"";
    top: -10%;
    left: 40%;
    background: #fff;
    opacity: 0;
}
.section3 .se3-lists,
.section4,
.section5{
  background-image: none!important;
}
.svgsio.toggle .svg:before{
  opacity: 1;
}
body.ui-no,html.ui-no{
  overflow: hidden;
}
.wel-section2 .items4 .lists .titbox{
  font-size: 0;
  margin-top: -1rem;
  display: inline-block;
  vertical-align: top;
  padding-right: 18px;
  position: relative;
}
.talent-listbox{
  margin-top: 1.75rem;
}
.talent-listbox .items{
  width: 49%;
  background: #f2f3f4;
  position: relative;
}
.talent-listbox .items .words{
  text-align: center;
  padding-bottom: .6rem;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform:translateY(-50%);
}
.talent-listbox .items .tits{
  line-height: 1;
}
.talent-listbox .items .txt{
  color: #8a8a8b;
  margin:0 auto;
  border:1px solid #8a8a8b;
  height: 1rem;
  line-height: 1rem;
  border-radius: 1rem;
  display: block;
  width: 3.6rem;
  margin-top: .55rem;
}
.talent-listbox .items .images{
  opacity: .1;
}

.wel-section2 .items4 .lists .titbox .tits,.wel-section2 .items4 .lists .titbox .span{
  display: inline-block;
  vertical-align: top;
  line-height: 1;

}
.wel-section2 .items4 .lists .titbox .span{
  position: absolute;
  right: 0;
  top: 0;
}



.con-rightfixed.no-fixeds{
    position: static;
    top: auto;
    right: auto;
    z-index: 1;
    background: transparent;
    box-shadow:none;
    transition: .5s ease-in-out;
}
.con-rightfixed.no-fixeds .items-rightbox .li1{
    width: 100%;
    height: auto;
    max-height: 100%;
    background: transparent;
    position: static;
    left: auto;
    top: auto;
    padding: .6rem 1rem;
    display: block;
}
.amap-info{
  margin-left: -16px;
}
.amap-info-outer:hover, .amap-menu-outer:hover,
.amap-info-outer, .amap-menu-outer{
  box-shadow: none;
}
.amap-info-close,
.amap-info-sharp{
  display: none!important;
}
.amap-info-content{
  padding: 0;
  border:none;
  background: transparent;
}
.svgsio svg{
  width: 50px;
  height: 50px;
} 
.talent2-list1 .itemsbox .items .imgs{
  position: relative;
}
.talent2-list1 .itemsbox .items .imgs .i0{
  opacity: 0;

}
.talent2-list1 .itemsbox .items .imgs .i1{
  position: absolute;
  /*left: 50%;*/
  /*top: 50%;*/
  /*transform:translate(-50%,-50%);*/
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit:cover;
}
.fixed-wx{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 900;
  background: rgba(0,0,0,.4);
  display: none;
}
.enterprise-titles{
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.enterprise-titles a{
  color: #333;
  display: inline-block;
  vertical-align: top;
  padding: 0 1.8rem;
    height: 80px;
    line-height: 80px;
    color: #373737;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    position: relative;
}
.enterprise-titles a:before{
  content:"";
  position: absolute;
  width: 1px;
  height: 30%;
  background: #d9d9d9;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
.enterprise-titles a:nth-child(1):before{
  display: none;
}
.enterprise-titles .li:nth-child(1){
  padding-left: 0;
}
.enterprise-titles .li:last-child{
  padding-right: 0;
}

.enterprise-titles{
  font-size: 0;
}
.fixed-wx .imgbox{
  position: absolute;
  left: 50%;
  top:50%;
  transform:translate(-50%,-50%);
  width: 200px;
}
 .talent-lists3 .imgs img{
    transition:.5s ease-in-out;
 }
 .tech4-lists .items .imgs{
  /*height: 4rem;*/
  /*line-height: 4rem;*/
  position: relative;

 }
 .abouts-partner{
  overflow: hidden;
 }
 .tech4-lists .items .imgs img.i0{
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform:translateY(-50%);
 }
 .talent-lists3 .words .txts .i{
  cursor: pointer;
 }
 .about-box{
  overflow: hidden;
 }
  .talent-lists3 .imgs img.active{
    opacity: 0;
    transition:.5s ease-in-out;
  }
  .wel-banner .btns .swiper-pagination-bullet{
      position: relative;
    }
    .wel-banner .btns .swiper-pagination-bullet .svgs svg {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }
    @keyframes circle {
      from {
        stroke-dasharray: 0 1000;
      }
      to {
        stroke-dasharray: 1000 0;
      }
    }
    .wel-banner .btns .swiper-pagination-bullet .svg {
      stroke-width: 1;
      r: calc(50% - .5px);
    }

    .wel-banner .btns .swiper-pagination-bullet {
      left: 0;
      top: 0;
      cursor: pointer;
    }

    .wel-banner .btns .swiper-pagination-bullet .circle {
      opacity: 0;
      transition: .2s ease-in-out;

    }
    .wel-banner .btns .swiper-pagination-bullet.swiper-pagination-bullet-active .circle,
    .wel-banner .btns .swiper-pagination-bullet:hover .circle {
      animation: circle 70s linear .1s;
      opacity: 1;
      transition-delay:.6s;
    }
    .wel-banner .btns .swiper-pagination-bullet:after{
      display: none;
    }
}

.page {
  padding-top: 0;
}
.swiper-button-disabled{
  display: none!important;
}
.banner .swiper-slide{
  overflow: hidden;
  height: 100vh;

}
.v-video {
  cursor: pointer;
}
.v-video .imgs{
  position: relative;

}
.v-video .imgs:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin:auto;
  background: url(../img/v-vide.png) rgba(0,0,0,.2) no-repeat center;
  background-size: 40px 40px;
  z-index: 100;
}
.wel-section2 .items4 .lists .txts{
  line-height: 1.5em;
  height: 3em;
}
.wel-section2 .items4 .lists .li br{
  /*display: none;*/
}
.wel-section2 .items4 .lists .tits{
  font-family: Arial;
}
.wel-fixeds .items .span{
  bottom: 2rem;
  width: 100%;
  position: absolute;
  left: 0;
  color:#333333;
  line-height: 1.2;
  text-align: center;
}
.abouts-history .ab-tits{
  color:#00A1E9;
}
.contacts .cont-lists{
  position: relative;
}
.contacts .cont-lists:before{
  content:"";
  position: absolute;
  height: 3.75rem;
  width: 23rem;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: url(../img/kkkk.png) no-repeat right bottom;
  background-size: cover;
}
.technology-title,.tech2-tops,.news-lists .items .words,.enterprise-box,.talent,
.history-titles .li,.honor-swiper-titles .txts,.abouts-bots,.bocweb-footer .f-leftlists .li-tops,
.con-banner .words,.abouts-tops-left,.abouts-partner .map .ab-tits,
.se5-lists,.abouts-tops-right .logobox .box .span,
.se4-lists .se4tits,.se4-lists .lists .items .th1,.se4-lists .lists .items .more,
.se3-lists .words .tits,.se3-lists .words .txts,
.wel-section2 .items4 .lists .tits,
.wel-section2 .items2 .li{
  font-weight: bold;
}
.f-leftlists{
  width: 70%;
  font-size: 0;
}
.investor-center .items .more span,.investor-center .items .tits,
.page a{
  color:#333;
}
.se5-items1 .li {
  font-weight: normal;
}
/*transform*/
/*caijian*/
/*@media*/
/*@media not screen and (max-width: 1023px){}*/
.wow {
  opacity: 0;
  /* -webkit-transform: translateY(30px); */
  /* transform: translateY(30px); */
  transition: .5s ease-in-out;
}

.wow.animated {
  opacity: 1;
  /* -webkit-transform: translateY(0); */
  /* transform: translateY(0); */
  transition: .7s ease-in-out;
  visibility: visible;
}

.news-details {
  width: 910px;
  margin: 0 auto;
  padding-top: 2.5rem;
  padding-bottom: 2.75rem;
  max-width: 90%;
}

.news-details .time {
  line-height: 1;
  margin-top: .75rem;
}

.newsdetails-tit {
  padding: 0 1.25rem;
  line-height: 1.36;
}

.new-detailscon {
  color: #666666;
  line-height: 1.9;
  margin-top: .9rem;
  padding-bottom: 2.2rem;
}

.news-details-bots {
  height: 1.5rem;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.5rem;
  position: relative;
}

.news-details-bots .back {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../imgbox/i35.png) no-repeat center;
  background-size: 100%;
}

.news-details-bots .back:hover {
  background: url(../imgbox/i36.png) no-repeat center;
  background-size: 100%;
}

.news-details-bots .btns {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  overflow: hidden;
  transition: .5s ease-in-out;
}

.news-details-bots .btns:hover {
  transition: .5s ease-in-out;
  color: #0377bf;
}

.news-details-bots .prev, .news-details-bots .next {
  max-width: 40%;
  font-size: 14px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.video-fixed .cha {
  width: 40px;
  height: 40px;
  background: url(../img/jpg/close-vid2.png) #000 no-repeat center/80% auto;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.5);*/
  z-index: 230;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  transform: scale3d(0, 0, 1);
  transition: .8s ease-in-out;
}

.video-fixed.ons {
  transition: .8s ease-in-out;
  transform: scale3d(1, 1, 1);
}

.video-fixed .videoboxs .box {
  height: 100%;
}

.video-fixed .videoboxs {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000;
  /*padding: 30px;*/
  box-sizing: border-box;
}


@media screen and (max-width: 1023px) {
  .video-fixed .videoboxs {
    width: 90%;
    height: 90%;
  }
}
@media screen and (max-width: 767px) {
  .abouts-tops-right .li .txts{
    line-height: 1!important;
  }
  .tech4-lists .items .imgs{
    height: 8rem;
    line-height: 8rem;
  }

  .wel-fixeds .items .span{
     bottom: 1rem;
  }
  .video-fixed .videoboxs {
    width: 100%;
    height: 80%;
    bottom: 0;
    margin: auto;
  }

  .video-fixed .cha {
    right: .2rem;
    top: -1.2rem;
    width: 1rem;
    height: 1rem;
  }
}
/**/
.m-header {
  height: 50px;
  width: 100%;
  position: absolute;
  width: 100%;
}

.search-dialog {
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  z-index: 20;
  width: 60%;
}

.search-dialog .search-close {
  position: absolute;
  width: .55rem;
  height: .575rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url(../img/jpg/search-close.png);
  right: -2.2rem;
  top: 50%;
  margin-top: -.2875rem;
}

.search-dialog .search {
  width: 11.9rem;
  border: 1px solid #cac9c9;
  padding: .3rem .6rem;
  border-radius: 4px;
}

.search-dialog .search input[type=text] {
  float: left;
  width: 90%;
  height: .55rem;
  line-height: .55rem;
  font-size: .45rem;
  color: #cac9c9;
  background-color: transparent;
}
.sec-box.active .sec-tops{
  background: #00a1e9;
  color:#fff;
}

.search-dialog .search input[type=submit] {
  float: right;
  width: .55rem;
  height: .55rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/search.svg);
  background-color: transparent;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  transition: .5s ease-in-out;
  left: 0;
}
.sec-tops{
  padding-left: 10px;
  height: 32px;
  line-height: 32px;
  padding-right: 20px;
  overflow: hidden;
}
.sec-box{
  padding: 12px 0;
}
.sec-bots{
  display: none;
}

.m-header .w-header {
  position: absolute;
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  z-index: 24;
  height: 50px;
  transition: .5s ease-in-out;
  z-index: 300;
  background: #fff;
}

.m-header .welcome-a img {
  height: 36px;
  vertical-align: middle;
  display: inline-block;
  transition: .5s ease-in-out;
}

.m-header .welcome-a .icobox {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.m-header .welcome-a .i1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.m-header .w-header .nav-btn .hover .line2 {
  display: none;
}

.m-header .w-header.fixed .nav-btn .line {
  background: #333;
  transition: .5s ease-in-out;
}

.m-header .w-header.fixed {
  background: #fff;
}

.m-header .w-header.fixed .welcome-a .i0 {
  opacity: 0;
}

.m-header .w-header.fixed .welcome-a .i1 {
  opacity: 1;
}

.m-header .w-header.fixed .welcome-a img {
  transition: .5s ease-in-out;
}

.m-header .w-header.fixed .nav-sousuo svg path {
  fill: #333;
  /*color:#333;*/
  transition: .5s ease-in-out;
}

.m-header .welcome-a {
  display: block;
  /*width: 165px;*/
  height: 100%;
  line-height: 50px;
  position: relative;
}

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .nav-sousuo {
  margin-right: 28px;
  margin-left: 25px;
  font-size: 0;
  color: #fff;
  line-height: 50px;
  height: 50px;
  background-size: 100%;
  width: 40px;
  transition: .5s ease-in-out;
  background: url(../imgbox/search.png) no-repeat center;
  background-size: 70%;
}

.m-header .nav-sousuo svg {
  height: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}

.m-header .nav-sousuo svg path {
  fill: #333;
  transition: .5s ease-in-out;
}

.m-header .nav-sousuo a {
  color: #666666;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px;
}

.m-header .nav-sousuo a.active {
  color: #f3980f;
}

.m-header .uio {
  float: right;
  /*height: 100%;*/
  height: 20px;
  width: 27px;
  position: relative;
  margin-top: 12px;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}

.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.footerlangs a {
  color: #333333;
  font-size: 16px;
}

.m-header .nav-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  cursor: pointer;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 2px;
}

.m-header .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 9px;
}

.m-header .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.bocweb-footer .bocweb-footer-bot br {
  display: none;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 0;
  /*background-color: #fff;*/
}

.m-header .sub-menu {
  width: 100%;
  /*height: calc(100% - 50px);*/
  height: 100%;
  padding: 50px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  /*background-color: white;*/
  background-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 15;
  overflow-y: auto;
  z-index: 200;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}

.m-header .sub-menu li .sub-tit .tu-box {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  position: relative;
}

.m-header .sub-menu li:nth-child(2n+1) {
  background: #f7f7f7;
}

.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #333333;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}

.m-header .sub-menu .tit a {
  color: #666;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: 33px;
  color: #333333;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../img/jpg/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-top: 0;
  background: url(../img/jpg/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
}

.m-header .sub-menu .tit {
  text-transform: capitalize;
}

.m-header .sub-menu .sec-list a {
  background-size: 8px auto;
  line-height: 2;
  font-size: 13px;
  padding: 2px 0;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.m-header .sub-menu .sec-list p:last-child a {
  border-bottom: none;
}

.m-header .sub-menu .sec-list a {
  padding-left: 21px;
  color: #333;
  display: block;
}

.m-header .w-header .inj {
  line-height: 25px;
  height: 25px;
  margin-top: 10px;
  color: #ffffff;
}

.m-header .w-header .inj a {
  color: #ffffff;
  font-size: 14px;
}

.m-header .w-header .inj.en {
  margin-left: 25px;
}

.m-header .w-header .ser {
  width: 25px;
  height: 25px;
  background: url(../img/jpg/ser.png) no-repeat center;
  background-size: 100%;
}

.search-dialogbox {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 1rem;
  z-index: 200;
  background: #fff;
  left: 0;
  top: 0;
  display: none;
}

@media screen and (max-width: 767px) {
  .search-dialog .search{
    padding: 0;
    height: 30px;
    line-height: 30px;
  }
  .search-dialog .search input[type=text]{
    height: 100%;
    width: 100%;
    padding-left: 5%;
    padding-right: 10%;
  }
  .search-dialog .search input[type=submit]{
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .m-header .nav-sousuo {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .m-header .w-header {
    padding: 0 3%;
  }
}
.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animated.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

html, body {
  font-family: "Pingfang sc regular","Pingfang sc bold","Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light",  "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.bold {
  font-weight: bold;
}

.tc {
  text-align: center;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.w1400 {
  width: 1400px;
  max-width: 73%;
  margin: 0 auto;
}

.pc768 {
  display: block;
}

.m768 {
  display: none;
}

.w1600 {
  width: 1600px;
  max-width: 92%;
  margin: 0 auto;
}
.bocweb-footer .f-leftlists .li {
  /*float: left;*/
  padding-right: 1.75rem;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1%;
  width: 25%;
}
img.w100 {
  width: 100%;
}

.page {
  display: block;
}
.page a {
  float: none;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1023px) {
  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }
}
@media (max-width: 767px) {
  .pc768 {
    display: none;
  }

  .m768 {
    display: block;
  }
}
.bocweb-header {
  height: 2.4rem;
  line-height: 2.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.bocweb-header a {
  color: #fff;
}
.tech4-lists .items .imgs{
  position: relative;
}
.tech4-lists .items .imgs .i1{
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  right: 0;
  bottom: 0;
  text-align: center;
  /*background: #ece7e3;*/
}
.tech4-lists .items .imgs .i1 img{
  display: inline-block;
  vertical-align: middle;
}
.bocweb-header .bocweb-logo {
  display: block;
  width: 15em;
  height: 100%;
  position: relative;
}
.bocweb-header .bocweb-logo .logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bocweb-header .bocweb-logo img {
  width: 6.25rem;
}
.bocweb-header .bocweb-logo .imgspan {
  margin-top: .2rem;
}
.bocweb-header .bocweb-nav {
  /*margin-left: 4.75rem;*/
  margin-left: 2rem;
  /*margin-left: 6.75rem;*/
}
.bocweb-header .bocweb-nav .nav-tops {
  display: block;
  line-height: 2.4rem;
  margin: 0 .4rem;
  /*margin: 0 .8rem;*/
  padding-right: .4rem;
  position: relative;
}
.bocweb-header .bocweb-nav .nav-tops:before {
  position: absolute;
  width: 5px;
  height: 2px;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/i0.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .bocweb-rightnav {
  color: #fff;
}
.bocweb-header .bocweb-rightnav .li {
  line-height: 2.4rem;
  padding: 0 6px;
  position: relative;
}
.bocweb-header .bocweb-rightnav .li:nth-child(1):before {
  display: none;
}
.bocweb-header .bocweb-rightnav .li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: .25rem;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.bocweb-header .bocweb-rightnav .li.langs:before {
  display: none;
}
.bocweb-header .bocweb-rightnav .li.langs .li-tops {
  position: relative;
  padding-right: 50px;
  cursor: pointer;
}
.bocweb-header .bocweb-rightnav .li.langs .li-tops span {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/i2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .bocweb-rightnav .li.langs .li-tops:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 4px;
  background: url(../img/i1.png) no-repeat center;
  background-size: 100%;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
}
.bocweb-header .bocweb-rightnav .li.server {
  display: block;
  height: 2.4rem;
  padding-left: 10px;
  margin-left: 5px;
  min-width: 30px;
}
.bocweb-header .bocweb-rightnav .li.server .span {
  width: 18px;
  height: 18px;
  background: url(../img/i3.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
.talenttits{
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

@media (max-width: 1900px) {
  .bocweb-header .bocweb-logo{
    width: 13em;
  }
  .bocweb-header .bocweb-nav {
    margin-left: 2rem;
  }

  .bocweb-header .bocweb-nav .nav-tops {
    margin: 0 .6rem;
  }

  .bocweb-footer .f-leftlists .li {
    padding-right: 1.5rem;
  }

}
@media (max-width: 1800px) {

  .bocweb-footer .f-leftlists .li {
    padding-right: 1.25rem;
  }

  .bocweb-header .bocweb-nav {
    margin-left: 4rem;
  }
  .bocweb-header .bocweb-nav .nav-tops{
    margin: 0 .5rem;
  }

}

@media (max-width: 1560px) {
  .bocweb-header .bocweb-nav {
    margin-left: 3rem;
  }

  .bocweb-header .bocweb-nav .nav-tops {
    padding-right: .45rem;
    margin: 0 .3rem;
  }

  .w1600 {
    max-width: 92%;
  }
}

@media (max-width: 1300px){


}

@media (max-width: 1190px) {
  .bocweb-header .bocweb-nav {
    margin-left: 1rem;
  }
}
header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}

.con-banner {
  position: relative;
}
.con-banner .words {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 5.9rem;
  color: #fff;
  display: none;
  line-height: 1;
}
.con-banner .images {
  height: 16.25rem;
}

footer {
  border-top: 2px solid #f8f8f8;
}

.bocweb-footer .footer-tops {
  padding-top: 1.2rem;
  padding-bottom: .8rem;
}
.se5-footer  img,
.bocweb-footer .footer-bots img{
  display: inline-block;
}
.bocweb-footer .footer-bots {
  line-height: 66px;
  height: 66px;
  background: #004d83;
  color: #fff;
}
.bocweb-footer .footer-bots span {
  color: #00a1e9;
}
.bocweb-footer .footer-bots a {
  color: rgba(204, 204, 204, 0.5);
}
.bocweb-footer .footer-bots .f-bright {
  font-size: 0;
}
.bocweb-footer .footer-bots .f-bright .i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.bocweb-footer .footer-bots .f-bright .i:nth-child(n+2) {
  margin-left: 10px;
}
.bocweb-footer .footer-bots .f-bright .i img {
  height: 18px;
}

.bocweb-footer .f-leftlists .li:last-child {
  padding-right: 0;
}
.bocweb-footer .f-leftlists .li a {
  display: block;
}
.bocweb-footer .f-leftlists .li-tops {
  color: #333333;
}
.bocweb-footer .f-leftlists .li-bots {
  margin-top: .2rem;
}
.bocweb-footer .f-leftlists .li-bots .i {
  color: #999999;
  /*line-height: 2.14;*/
  line-height: 1.2;
  padding: 3px 0;
}
.bocweb-footer .f-leftlists .li-bots.actives {
  max-width: 14em;
  padding-right: 0;
}
.bocweb-footer .f-leftlists .li-bots.actives .i {
  width: 50%;
  float: left;
}
.bocweb-footer .f-right {
  position: relative;
  padding-left: 1rem;
}
.bocweb-footer .f-right:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: #d6d6d6;
}
.bocweb-footer .f-right .link {
  position: relative;
}
.bocweb-footer .f-right .link-tops {
  width: 7.25rem;
  height: 1.35rem;
  line-height: 1.35rem;
  padding-left: .7rem;
  padding-right: .85rem;
  border: 1px solid #dcdcdc;
  background: #fafafa;
  position: relative;
}
.bocweb-footer .f-right .link-tops:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 4px;
  right: .6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i6.png) no-repeat center;
  background-size: 100%;
}
.bocweb-footer .f-right .link-text .tits {
  color: #999999;
  font-family: Arial;
  line-height: 1.2;
  margin-top: .55rem;
  margin-bottom: .4rem;
}
.bocweb-footer .f-right .link-text .tits span {
  color: #00a1e9;
  font-weight: bold;
}
.bocweb-footer .f-right .link-text .txts {
  color: #333333;
  font-family: Arial;
  line-height: 1.2;
}
.bocweb-footer .f-right .link-bots {
  position: absolute;
  left: 0;
  width: 100%;
  top: 1.35rem;
  display: none;
}
.bocweb-footer .f-right .link-bots a {
  display: block;
  background: #fafafa;
  padding: .2rem;
  padding-left: .7rem;
  color: #333;
}

@media (max-width: 1190px) {
  .bocweb-footer .f-leftlists .li-bots.actives .i {
    padding-right: 3px;
    max-width: 22em;
  }

  .bocweb-footer .f-leftlists .li {
    padding-right: .75rem;
  }
}
.cont-lists {
  padding-top: .25rem;
  padding-bottom: 2.5rem;
}
.cont-lists .lists {
  padding-top: 1.15rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #d6d6d6;
}
.cont-lists .lists:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.cont-lists .words {
  line-height: 1.25;
}
.cont-lists .words .tits {
  color: #333333;
}
.cont-lists .words .txts {
  color: #00a1e9;
}
.cont-lists .words .text {
  color: #666666;
  margin-top: .75rem;
  margin-bottom: .8rem;
}
.cont-lists .map {
  margin-top: .65rem;
}
.cont-lists .maps {
  height: 14.5rem;
  background: #f5f5f5;
}
.cont-lists .ul {
  font-size: 0;
}
.cont-lists .ul .p {
  margin-top: .4rem;
  margin-bottom: .2rem;
}
.cont-lists .ul .li {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  width: 18%;
  margin-left: 2.5%;
  border: 1px solid #e5e5e5;
  text-align: center;
  padding-top: .75rem;
  padding-bottom: 1.1rem;
}
.cont-lists .ul.ul2 .li:nth-child(1) .num{
  font-size: 16px;
}
.cont-lists .ul .li .num {
  line-height: 1.25;
  height: 2.5em;
  overflow: hidden;
  word-break: break-all;
  font-weight: bold;
  font-family: "PingFangSC-Semibold";
  word-break: break-all;
}
.cont-lists .ul .li:nth-child(5n+1) {
  margin-left: 0;
}
.cont-lists .ul .li .imgs {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  border-radius: 50%;
  background: #999999;
}

.news-titles {
  font-size: 0;
}
.news-titles .li {
  display: inline-block;
  vertical-align: top;
  width: 6.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 .65rem;
  background: #333333;
  color: #fff;
  cursor: pointer;
}
.news-titles .li:nth-child(n+2) {
  margin-left: .25rem;
}

.news-titles .li {
  transition: .5s ease-in-out;
}
.news-titles .li.active {
  background: #00a1e9;
  transition: .5s ease-in-out;
}

.news {
  padding-top: 1.25rem;
  padding-bottom: 2.2rem;
}
.news .news-titles {
  margin-bottom: .5rem;
}
.news .page {
  margin-top: 1.625rem;
  padding: 0;
}

.news-lists .items {
  display: block;
  background: #f6f6f6;
  position: relative;
}
.news-lists .items .images {
  width: 35%;
  overflow: hidden;
}
.news-lists .items .images img {
  transition: .5s ease-in-out;
}
.news-lists .items .words {
  width: 65%;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  padding: 1.2rem 1.5rem;
  line-height: 1;
  color: #666666;
}
.news-lists .items .words .time, .news-lists .items .words .tits, .news-lists .items .words .txts, .news-lists .items .words .text {
  line-height: 1;
}
.news-lists .items .words .time {
  color: rgba(51, 51, 51, 0.5);
  font-family: Arial;
}
.news-lists .items .words .tits {
  color: #333333;
  margin-top: .4rem;
}
.news-lists .items .words .txts {
  margin-bottom: .8rem;
  margin-top: .4rem;
}
.news-lists .items .words .more,
.news-lists .items .words .txts {
  color: #00a1e9;
}
.news-lists .items .words .text {
  line-height: 2.15em;
  height: 4.3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-lists .items .words .more {
  font-size: 0;
  margin-top: .95rem;
}
.news-lists .items .words .more b, .news-lists .items .words .more span {
  display: inline-block;
  vertical-align: middle;
  color: #00a1e9;
}
.news-lists .items .words .more span {
  width: 20px;
  height: 2px;
  background: #00a1e9;
  margin-left: .3rem;
}
.news-lists .items:nth-child(n+2) {
  margin-top: .6rem;
}

.investor-tits {
  line-height: 1.2;
  color: #00a1e9;
}

.investor-tops {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.investor-tops .itembox {
  padding-top: .4rem;
}
.investor-tops .itembox .ul {
  margin-top: .8rem;
  margin-bottom: .5rem;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  font-size: 0;
}
.investor-tops .itembox .ul .li {
  display: inline-block;
  vertical-align: middle;
  padding: .6rem 1rem;
  color: #333333;
  line-height: 2.6;
}
.investor-tops .itembox .words {
  border-top: 1px solid #e3e3e3;
  margin-top: .6rem;
  width: 43%;
  padding-top: .8rem;
}
.investor-tops .itembox .words .number {
  font-size: 0;
}
.investor-tops .itembox .words .number .span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.1;
  color: #333333;
}
.investor-tops .itembox .words .number .span.i1 {
  color: #f24040;
  position: relative;
  padding-right: .75rem;
  margin-right: .6rem;
  line-height: .9;
}
.investor-tops .itembox .words .number .span.i1:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: .55rem;
  right: 00;
  bottom: 0;
  background: url(../img/i13.png) no-repeat center;
  background-size: 100%;
}
.investor-tops .itembox .words .number.active .span{
  color: #00cb96;
}
.investor-tops .itembox .words .number.active .span.i1:before {
  background: url(../img/ui333.png) no-repeat center;
  background-size: 100%;
}

.investor-tops .itembox .words .txts {
  font-size: 0;
  margin-bottom: 1.25rem;
}
.investor-tops .itembox .words .txts .span {
  display: inline-block;
  vertical-align: middle;
}
.investor-tops .itembox .words .txts .span:nth-child(n+2) {
  margin-left: .3rem;
}
.investor-tops .itembox .words .txts .i {
  width: 2.2rem;
  height: .8rem;
  line-height: .8rem;
  color: #fff;
  text-align: center;
}
.investor-tops .itembox .words .txts .i.i1 {
  background: #00a1e9;
}
.investor-tops .itembox .words .txts .i.i2 {
  background: #004d83;
}
.investor-tops .itembox .images {
  width: 57%;
  padding-left: 2.65rem;
  padding-right: 2.5rem;
}

.investor-center {
  background: #f5f5f5;
  padding-top: 2.25rem;
  padding-bottom: 2.5rem;
}
.investor-center .page {
  margin-top: 2.2rem;
}
.investor-center .in-ce-tits {
  margin-top: .85rem;
  margin-bottom: 1rem;
}
.investor-center .items {
  display: block;
  color: #666666;
  border: 1px solid #e1e1e1;
  padding: .8rem;
  padding-left: .7rem;
  position: relative;
}
.investor-center .items .words {
  width: 70%;
}
.investor-center .items .more {
  max-width: 30%;
}
.investor-center .items .more span {
  position: absolute;
  right: .8rem;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 1rem;
  line-height: 1;
}
.investor-center .items .more span:before {
  position: absolute;
  content: "";
  width: .6rem;
  height: .6rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i14.png) no-repeat center;
  background-size: 100%;
}
.investor-center .items .tits {
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.investor-center .items .txts {
  line-height: 1;
  margin-top: .25rem;
  color: #00a1e9;
}
.investor-center .items:nth-child(n+2) {
  margin-top: .3rem;
}

.in-ce-tits {
  font-size: 0;
}
.in-ce-tits .li {
  width: 4.75rem;
  height: 1.35rem;
  line-height: 1.35rem;
  color: #333333;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #b5b5b5;
  border-radius: 1.35rem;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin: 0 4px;
}
.in-ce-tits .li.active {
  color: #fff;
  transition: .5s ease-in-out;
  border-color: #00a1e9;
  background-color: #00a1e9;
}

.investor-bots {
  color: #fff;
  padding-top: 1.75rem;
  padding-bottom: 3rem;
}
.investor-bots .investortits {
  line-height: 1;
  margin-bottom: .9rem;
}
.investor-bots .lists {
  font-size: 0;
}
.investor-bots .items {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-left: 2%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 1.95rem;
  padding-bottom: 2rem;
  line-height: 1;
}
.investor-bots .items .tits, .investor-bots .items .txts {
  line-height: 1;
}
.investor-bots .items .tits {
  margin-top: .4rem;
  margin-bottom: .3rem;
}
.investor-bots .items .icon {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
}
.investor-bots .items:nth-child(3n+1) {
  margin-left: 0;
}

.talent-tit {
  line-height: 1;
  color: #00a1e9;
}

.talent-tops {
  padding-top: 1.375rem;
  padding-bottom: 3rem;
}
.talent-tops .talent-lists1 {
  margin-top: 1.1rem;
}
.talent-tops .talent-lists1 .text {
  border-top: 1px solid #d6d6d6;
  line-height: 1;
  padding-top: .7rem;
  width: 23.75%;
}
.talent-tops .talent-lists1 .words {
  width: 76.25%;
  padding-left: 1.2rem;
}
.talent-tops .talent-lists1 .words .li {
  float: left;
  width: 24%;
  margin-left: 1.3%;
  border: 1px solid #d2d2d2;
  padding: 1rem .8rem 1rem .8rem;
  padding-bottom: .6rem;
  height: 5.6rem;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  transition: .5s ease-in-out;
  position: relative;
}
.talent-tops .talent-lists1 .words .li .imgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.talent-tops .talent-lists1 .words .li .tits, .talent-tops .talent-lists1 .words .li .txts {
  position: relative;
  z-index: 3;
}
.talent-tops .talent-lists1 .words .li .tits {
  line-height: 1;
}
.talent-tops .talent-lists1 .words .li .txts {
  color: #00a1e9;
}
.talent-tops .talent-lists1 .words .li .txts.tit-30 {
  line-height: 1.6;
  margin-top: .55rem;
}
.talent-tops .talent-lists1 .words .li .txts.tit-20 {
  line-height: 1.8;
  margin-top: .65rem;
}
.talent-tops .talent-lists1 .words .li:nth-child(4n+1) {
  margin-left: 0;
}

.talent-lists2 .swiper-pagination {
  position: static;
  margin: 0;
}
.talent-lists2 .swiper-pagination .swiper-pagination-bullet {
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background: #999999;
  opacity: 1;
}
.talent-lists2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0377bf;
}
.talent-lists2 .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: .25rem;
}
.talent-lists2 .talent-tit {
  margin-top: 1.5rem;
  padding-top: .75rem;
  padding-bottom: .7rem;
  border-top: 1px solid #d6d6d6;
}

.talent2-swiper .items {
  padding: .25rem;
  display: block;
  border: 1px solid #e8e7e8;
}
.talent2-swiper .items .imgs {
  overflow: hidden;
}
.talent2-swiper .items .imgs img {
  transition: .5s ease-in-out;
}
.talent2-swiper .tits {
  color: #666666;
  line-height: 1.5rem;
  height: 1.5rem;
}

.talent-lists3 {
  margin-top: 1.625rem;
}
.talent-lists3 .imgs, .talent-lists3 .words {
  width: 50%;
}
.talent-lists3 .words {
  padding-left: 1.5rem;
}
.talent-lists3 .words .tits {
  line-height: 1.3;
  margin-bottom: .9rem;
}
.talent-lists3 .words .txts {
  line-height: 2.5;
}
.talent-lists3 .words .txts .i {
  position: relative;
  padding-left: 16px;
}
.talent-lists3 .words .txts .i:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: url(../img/i23.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 1em;
}

.talent-center {
  background: #f5f5f5;
  padding-top: 2.15rem;
  padding-bottom: 1.8rem;
}

.talent2-list1 .itemsbox .items {
  display: block;
  float: left;
  width: 49%;
  margin-left: 2%;
  padding: .4rem;
  background: #fff;
  border: 1px solid #dcdcdc;
  position: relative;
  margin-bottom: .6rem;
}
.talent2-list1 .itemsbox .items .more {
  position: absolute;
  right: .4rem;
  bottom: .4rem;
  color: #0377bf;
  padding-right: 18px;
  line-height: 1;
}
.talent2-list1 .itemsbox .items .more:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: url(../img/i24.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.talent2-list1 .itemsbox .items:nth-child(2n+1) {
  margin-left: 0;
}
.talent2-list1 .itemsbox .items .imgs {
  width: 58%;
}
.talent2-list1 .itemsbox .items .words {
  width: 42%;
  padding-left: .75rem;
  color: #333333;
}
.talent2-list1 .itemsbox .items .words .tits {
  line-height: 1.6;
  height: 3.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: .75rem;
}

.talent-center .talent-tit {
  margin-bottom: 1.125rem;
}
.talent-center .swiper-pagination {
  position: static;
  margin: 0;
  line-height: 1;
  margin-top: .65rem;
}
.talent-center .swiper-pagination .swiper-pagination-bullet {
  width: .25rem;
  height: .25rem;
  opacity: 1;
  background-color: #949494;
}
.talent-center .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0377bf;
}

.talent-bots {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.talent-bots .talent-tit {
  margin-bottom: .8rem;
}

.tal-bots-title {
  border-top: 2px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding-top: .7rem;
  padding-bottom: .6rem;
}
.tal-bots-title .tit-fl {
  /*padding-left: 5.5rem;*/
  position: relative;
  line-height: 1.25rem;
}
.tal-bots-title .tit-fl .tits {
  /*position: absolute;*/
  /*left: 0.9rem;*/
  /*top: 0;*/
  width: 100%;
}
.tal-bots-title .tit-fl .txts {
  color: #0377bf;
  width: 100%;
  margin-top: .5rem;
}
.tal-bots-title .tit-fl .txts .i {
  position: relative;
  padding-left: .75rem;
}
.tal-bots-title .tit-fl .txts .i:before {
  position: absolute;
  content: "";
  width: .5rem;
  height: .6rem;
  left: 0;
  top: .25rem;
}
.tal-bots-title .tit-fl .txts .i.phone:before {
  background: url(../img/i25.png) no-repeat center;
  background-size: 100%;
}
.tal-bots-title .tit-fl .txts .i.mail:before {
  background: url(../img/i26.png) no-repeat center;
  background-size: 100%;
}
.tal-bots-title .select-fr {
  font-size: 0;
  padding-top: .6rem;
}
.tal-bots-title .selects {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.tal-bots-title .selects .selects-bots {
  position: absolute;
  width: 100%;
  top: 1.25rem;
  left: 0;
  line-height: 2;
  background: #fff;
  display: none;
}
.tal-bots-title .selects:nth-child(n+2) {
  margin-left: .4rem;
}
.tal-bots-title .selects .selects-tops {
  width: 7.125rem;
  border: 1px solid #cccccc;
  height: 1.25rem;
  line-height: 1.25rem;
  padding-left: .7rem;
  padding-right: .9rem;
  position: relative;
}
.tal-bots-title .selects .selects-tops:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 6px;
  right: .7rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i28.png) no-repeat center;
  background-size: 100%;
}
.tal-bots-title .selects .i {
  padding-left: .7rem;
  padding-right: .9rem;
}

.form-lists {
  margin-top: .9rem;
}
.form-lists .tr-tops, .form-lists .list-tops {
  font-size: 0;
}
.form-lists .page {
  margin-top: 1.5rem;
}
.form-lists .tr {
  margin-top: .25rem;
}
.form-lists .tr-bots {
  display: none;
}
.form-lists .mail {
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  padding: .3rem .9rem;
  color: #fff;
  background: #0377bf;
}
.form-lists .close {
  color: #0377bf;
  cursor: pointer;
}
.form-lists .li {
  width: 50%;
}
.form-lists .li .tits {
  line-height: 1;
  margin-bottom: .5rem;
}
.form-lists .li .txts {
  line-height: 1.875;
}
.form-lists .words {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1.25rem;
  margin-bottom: .75rem;
}
.form-lists .tr-tops {
  border: 1px solid #e5e5e5;
}
.form-lists .tr-tops .td {
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .75rem;
}
.form-lists .tr-bots {
  border: 1px solid #e5e5e5;
  padding: 0.9rem 1.7rem 0.75rem 1.1rem;
}
.form-lists .list-tops {
  background: #f2f3f4;
}
.form-lists .list-tops .td {
  line-height: 1.75rem;
  height: 1.75rem;
  border: 1px solid #d9dce0;
  padding-left: .75rem;
  color: #333333;
}
.form-lists .td {
  display: inline-block;
  vertical-align: top;
}
.form-lists .td.td1 {
  width: 24%;
}
.form-lists .td.td2 {
  width: 18%;
}
.form-lists .td.td3 {
  width: 22%;
}
.form-lists .td.td4 {
  width: 36%;
}

.enterprise {
  padding-top: 1.8rem;
  padding-bottom: 2.2rem;
}

.enterprise-input {
  position: relative;
  border: 1px solid #cccccc;
}
.enterprise-input input[type=submit] {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: .7rem;
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/i29.png) no-repeat center;
  background-size: 100%;
}
.enterprise-input input[type=text] {
  height: 1.625rem;
  padding-left: .75rem;
  width: 100%;
}

.enterprise .enterprise-input {
  margin-bottom: 1rem;
}

.enterprise-swiper {
  padding-bottom: .65rem;
  border-bottom: 1px solid #e3e3e3;
}
.enterprise-swiper .swiper-pagination {
  position: static;
  margin: 0;
  margin-top: 1.1rem;
  line-height: 1;
}
.enterprise-swiper .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: .3rem;
  height: .3rem;
  background: #d3d3d3;
  opacity: 1;
}
.enterprise-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #063f6b;
}
.enterprise-swiper .imgs {
  overflow: hidden;
}
.serbots-container .items img,
.talent2-swiper .items .imgs img,
.enterprise-swiper .imgs img {
  transition: .5s ease-in-out;
  height: 7rem;
}
.enterprise-swiper .items {
  display: block;
}
.enterprise-swiper .words {
  padding-top: .25rem;
  padding-bottom: .4rem;
}
.enterprise-swiper .words .tits {
  color: #333333;
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.enterprise-swiper .words .txts {
  font-size: 0;
  color: #999999;
  margin-top: .5rem;
}
.enterprise-swiper .words .txts .times, .enterprise-swiper .words .txts .more {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.enterprise-swiper .words .txts .more {
  color: #00a1e9;
  margin-left: .25rem;
  padding-left: .25rem;
  position: relative;
}
.enterprise-swiper .words .txts .more:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: #a8a8a8;
}

.enterprise-lists {
  padding-top: 1.1rem;
}
.enterprise-lists .page {
  margin-top: 1.1rem;
}
.enterprise-lists .items {
  display: block;
  border: 1px solid #e5e5e5;
  padding: .6rem 1rem;
  padding-bottom: .85rem;
  color: #333333;
}
.enterprise-lists .items .txts,
.enterprise-lists .items .tits {
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.enterprise-lists .items .txts {
  margin-top: .35rem;
  margin-bottom: .35rem;
}
.enterprise-lists .items .txts-bots {
  font-size: 0;
  line-height: 1;
}
.enterprise-lists .items .txts-bots .times, .enterprise-lists .items .txts-bots .more {
  display: inline-block;
  vertical-align: top;
  color: #999999;
  line-height: 1;
  position: relative;
}
.enterprise-lists .items .txts-bots .more {
  color: #00a1e9;
  margin-left: .3rem;
  padding-left: .3rem;
}
.enterprise-lists .items .txts-bots .more:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 98%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #b4382e;
}
.enterprise-lists .items .txts {
  color: #999999;
}
.enterprise-lists .items:nth-child(n+2) {
  margin-top: .3rem;
}

.servertits {
  color: #00a1e9;
  line-height: 1;
}

.server-tops-words {
  padding-top: 2rem;
  padding-bottom: 2.15rem;
}
.server-tops-words .txts {
  line-height: 2.15;
  color: #666666;
  margin-top: 1.1rem;
}

.server-centers-words {
  background: url(../img/i30.png) #f5f5f5 no-repeat center;
  background-size: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.75rem;
  min-height: 15rem;
}

.server-bots-words {
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
.server-bots-words .servertits {
  margin-bottom: 1rem;
}

.serbots-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.serbots-container .swiper-button-prev, .serbots-container .swiper-button-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .8rem;
  height: 1.6rem;
  background: transparent;
}
.serbots-container .swiper-button-prev {
  left: .75rem;
  background: url(../img/i32.png) no-repeat center;
  background-size: 100%;
}
.serbots-container .swiper-button-prev:hover {
  background: url(../img/i31.png) no-repeat center;
  background-size: 100%;
}
.serbots-container .swiper-button-next {
  right: .75rem;
  background: url(../img/i34.png) no-repeat center;
  background-size: 100%;
}
.serbots-container .swiper-button-next:hover {
  background: url(../img/i33.png) no-repeat center;
  background-size: 100%;
}
.serbots-container .items {
  position: relative;
  padding: .3rem;
  border: 1px solid #e8e7e8;
}
.serbots-container .items .words {
  line-height: 1.75rem;
  height: 1.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #666666;
}
.serbots-container .items .imgs {
  overflow: hidden;
}
.serbots-container .items img {
  transition: .5s ease-in-out;
}

.serboxs {
  padding-bottom: 1.25rem;
}

.ser-container {
  padding-bottom: 2.25rem;
  margin-top: 1.25rem;
  border-bottom: 1px solid #dadada;
  position: relative;
}
.ser-container .swiper-button-prev, .ser-container .swiper-button-next {
  position: absolute;
  top: 2.25rem;
  bottom: auto;
  margin: auto;
  width: .5rem;
  height: 1rem;
  background: transparent;
}
.ser-container .swiper-button-prev {
  left: 0;
  background: url(../img/i32.png) no-repeat center;
  background-size: 100%;
}
.ser-container .swiper-button-prev:hover {
  background: url(../img/i31.png) no-repeat center;
  background-size: 100%;
}
.ser-container .swiper-button-next {
  right: 0;
  background: url(../img/i34.png) no-repeat center;
  background-size: 100%;
}
.ser-container .swiper-button-next:hover {
  background: url(../img/i33.png) no-repeat center;
  background-size: 100%;
}
.ser-container .w-text {
  height: 100%;
  padding: 2%;
  padding-left: 1rem;
  overflow-y: auto;
}
.ser-container .items .dian
.ser-container .items .num{
  z-index: 5;
}
.ser-container .swiper-slide {
  position: relative;
  padding-bottom: 2.25rem;
  height: 8rem;
  /*height: 5.5rem;*/
  /*height: 8.25rem;*/
  padding: 3px 0;
}
.ser-container .items {
  display: block;
  position: relative;
  padding-left: 1.5rem;
  height: 100%;
  padding-bottom: .5rem;
}
.ser-container .items .num {
  position: absolute;
  line-height: 1rem;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  left: 1rem;
  top: 0;
}
.ser-container .items span, .ser-container .items .span {
  transition: .5s ease-in-out;
}
.ser-container .items .tits {
  color: #333333;
}
.ser-container .items .txts {
  color: #999999;
  line-height: 1.7142857143;
}
.ser-container .items .line {
  width: 100%;
  height: .5rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ser-container .items .dian {
  width: .2rem;
  height: .2rem;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  bottom: .4rem;
  left: 1.4rem;
}
.ser-container .items:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #cccccc;
  left: 1.5rem;
  top: 0;
}

.technology-images {
  padding-top: 1.5rem;
  padding-bottom: 3.4rem;
}
.technology-images .images {
  position: relative;
  width: 40rem;
  margin: 0 auto;
}
.technology-images .images .txts {
  position: absolute;
  right: 0;
  top: .5rem;
  display: none;
  padding: .8rem .9rem;
  background: #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  width: 10rem;
}
.technology-images .images .dian.cur .txts{
  right: auto;
  left: .75rem;
  top: .75rem;
}
.technology-images .images .dian {
  position: absolute;
  cursor: pointer;
}
.technology-images .images .dian .num {
  position: absolute;
  left: 0;
  top: 0;
}
.technology-images .images .dian .num span {
  position: absolute;
  width: 10em;
  overflow: hidden;
  height: .75rem;
  line-height: .75rem;
  left: .75rem;
  top: 0;
  display: block;
  color: #000000;
  font-weight: bold;
  padding-left: .25rem;
  opacity: 0;
}
.technology-images .images .dian .num .span {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  color: #fff;
  line-height: 0.75rem;
  text-align: center;
  background: #00a1e9;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
}
.technology-images .images .dian1 {
  left: 26%;
  top: 18.26%;
}
.technology-images .images .dian2 {
  left: 33.125%;
  top: 3.25%;
}
.technology-images .images .dian3 {
  left: 46.875%;
  top: 27.27%;
}
.technology-images .images .dian4 {
  left: 55%;
  top: 13.04%;
}
.technology-images .images .dian5 {
  left: 57.25%;
  top: 39.13%;
}
.technology-images .images .dian6 {
  left: 69.68%;
  top: 20.4%;
}
.technology-images .images .dian7 {
  left: 75.9%;
  top: 59.78%;
}
.technology-images .images .dian8 {
  left: 82%;
  top: 31.5%;
}
.technology-images .images .dian9 {
  left: 90.9%;
  top: 43.4%;
}
.technology-images .images .dian10 {
  left: 97.5%;
  top: 65.2%;
}
.cursor-no{
  cursor:auto!important;
  color: #fff!important;
}

.cursor-no.active{
  cursor:auto!important;
  color: #00a1e9!important;
}
.bocweb-header.active .cursor-no.active{
  color: #00a1e9!important;
}
.bocweb-header.active .cursor-no:before.active{

}
.cursor-no:before.active{
  background: url(../img/i1.png) no-repeat center!important;
    background-size: 100%;
}
.bocweb-header.active .cursor-no:before{

}
.cursor-no:before{

}

.technology-title {
  padding-top: 1.25rem;
  padding-bottom: 1.35rem;
}
.technology-title .tits {
  line-height: 1.2;
}
.technology-title .txts {
  line-height: 1.2;
  color: #00a1e9;
  margin-top: .75rem;
  margin-bottom: .45rem;
}
.technology-title .text {
  color: #666666;
  line-height: 1.7;
  font-weight: normal;
}

header.active {
  position: relative;
}

.bocweb-header.active {
  color: #000;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}
.bocweb-header.active a {
  color: #000;
}
.bocweb-header.active .bocweb-rightnav {
  color: #000;
}
.bocweb-header.active .logoimg .i0 {
  opacity: 1;
  transition: all 0.5s;
}
.bocweb-header.active .logoimg .i1 {
  opacity: 0;
  transition: all 0.5s;
}
.bocweb-header.active .bocweb-rightnav .li.server .span {
  background: url(../img/ser.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-rightnav .li.langs .li-tops span {
  background: url(../img/lang1.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-rightnav .li.langs .li-tops:before {
  background: url(../img/sj.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-nav .nav-tops:before {
  background: url(../img/i00.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-rightnav .li.active.server .span {
  background: url(../img/ser1.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-rightnav .li.active.langs .li-tops span {
  background: url(../img/lang2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-rightnav .li.active.langs .li-tops:before {
  background: url(../img/sj1.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.active .bocweb-nav .nav-tops.active:before {
  background: url(../img/i01.png) no-repeat center;
  background-size: 100%;
}

.logoimg {
  position: relative;
}
.logoimg img {
  display: block;
}
.logoimg img.i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.bocweb-header .bocweb-rightnav .li {
  position: relative;
}
.bocweb-header .bocweb-rightnav .li-bots {
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 2;
  padding: 0 6px;
  display: none;
  top: 2.4rem;
}
.bocweb-header .bocweb-rightnav .li-bots a {
  display: block;
}

.technology-images .images .dian.active .num span {
  opacity: 1;
}

.technology-images .images .dian.active .num .span {
  background: #063f6b;
}

.technology-images .images .dian .num span, .technology-images .images .dian .num .span {
  transition: .5s ease-in-out;
}

.tech-tit {
  line-height: 1;
  color: #333333;
}

.tech1-list {
  background: url(../img/i35.png) no-repeat bottom left;
  background-size: cover;
  padding-top: .8rem;
  padding-bottom: 2rem;
}
.tech1-list .tech-tit {
  padding-bottom: .5rem;
  border-bottom: 1px solid #e4e4e4;
}
.tech1-list .tit-list {
  font-size: 0;
  margin-top: 6px;
}
.tech1-list .tit-list .li {
  display: inline-block;
  vertical-align: top;
  padding: 0 .5rem;
  line-height: 1.25rem;
  height: 1.25rem;
  transition: .5s ease-in-out;
  position: relative;
  cursor: pointer;
}
.tech1-list .tit-list .li.active {
  color: #00a1e9;
  transition: .5s ease-in-out;
}
.tech1-list .tit-list .li.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.tech1-list .tit-list .li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #00a1e9;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .5s ease-in-out;
}
.tech1-list .tit-list .li:nth-child(n+2) {
  margin-left: .3rem;
}
.tech1-list .tech1-swiper {
  margin-top: .75rem;
}

.tech1-swiper .items {
  border: 1px solid #e8e7e8;
  padding: .25rem;
}
.tech1-swiper .items .span {
  line-height: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: center;
  color: #666666;
}
.tech1-swiper .items .imgs {
  overflow: hidden;
}
.tech1-swiper .items .imgs img {
  transition: .5s ease-in-out;
  height: 5.5rem;
  /*object-fit:cover;*/
}

.con-swiper {
  position: relative;
}
.con-swiper .swiper-button-prev, .con-swiper .swiper-button-next {
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(116, 116, 116, 0.7);
}
.con-swiper .swiper-button-prev {
  background-image: url(../img/i36.png);
  left: 0;
}
.con-swiper .swiper-button-next {
  right: 0;
  background-image: url(../img/i37.png);
}
.con-swiper .swiper-pagination {
  line-height: 1;
  position: static;
  margin: 0 auto;
}
.con-swiper .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  opacity: 1;
  background: #7696ae;
  transition: .5s ease-in-out;
  margin: 0 .2rem;
}
.con-swiper .swiper-pagination .swiper-pagination-bullet-active {
  transition: .5s ease-in-out;
  background: #063f6b;
}

.tech2-tops {
  padding-top: 1.25rem;
  padding-bottom: 1.1rem;
}
.tech2-tops .ibox {
  width: 48.75%;
}
.tech2-tops .tech-tit {
  margin-bottom: .9rem;
}
.tech2-tops .table .td {
  float: left;
  width: 50%;
}
.tech2-tops .thead .td {
  line-height: 1;
  padding-top: .2rem;
  padding-bottom: .95rem;
}
.tech2-tops .tbody .tr:nth-child(2n+1) .td {
  background: #fff;
}
.tech2-tops .tbody .td {
  line-height: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  color: #666666;
  padding-left: 1rem;
  border: 1px solid #eaeaea;
  margin-bottom: -1px;
}
.tech2-tops .tbody .td.td2 {
  color: #00a1e9;
  margin-left: -1px;
}
.tech2-tops .table {
  background: #f5f5f5;
  padding: 0.65rem 0.9rem 1.1rem 0.9rem;
}
.tech2-tops .lists .i {
  padding:  .35rem 0;
  position: relative;

  line-height: 1.25rem;
  line-height: 1.25;
  color: #333333;
  border: 1px solid #dadada;
  padding-left: .8rem;
}
.tech2-tops .lists .i:nth-child(n+2) {
  margin-top: 5px;
}
.tech2-tops .lists .i:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  background: #00a1e9;
}


.tech2-tops {
  padding-top: 1.25rem;
  padding-bottom: 1.1rem;
}
.tech2-tops .ibox {
  width: 48.75%;
}
.tech2-tops .tech-tit {
  margin-bottom: .9rem;
}
.tech2-tops table {
  width: 100%;
}
.tech2-tops table td {
  /*float: left;*/
  /*width: 50%;*/
}
.tech2-tops thead td {
  line-height: 1;
  padding-top: .2rem;
  padding-bottom: .95rem;
}
.tech2-tops tbody tr:nth-child(2n+1) td {
  background: #fff;
}
.tech2-tops tbody td {
  line-height: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  color: #666666;
  padding-left: 1rem;
  border: 1px solid #eaeaea;
}
.tech2-tops tbody td.td2 {
  color: #00a1e9;
  margin-left: -1px;
}
.tech2-tops table {
  background: #f5f5f5;
  padding: 0.65rem 0.9rem 1.1rem 0.9rem;
}
.tech2-tops .lists .i {
  padding:  .35rem 0;
  position: relative;

  line-height: 1.25rem;
  line-height: 1.25;
  color: #333333;
  border: 1px solid #dadada;
  padding-left: .8rem;
}
.tech2-tops .lists .i:nth-child(n+2) {
  margin-top: 5px;
}
.tech2-tops .lists .i:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  background: #00a1e9;
}
.tech3-lists {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #d6d6d6;
}
.tech3-lists .con-swiper .swiper-pagination {
  margin-top: 1.25rem;
}
.tech3-lists .imgs {
  overflow: hidden;
}
.tech3-lists .imgs img {
  transition: .5s ease-in-out;
  height: 4.5rem;
  object-fit:cover;
}
.tech3-lists .tech-tit {
  margin-bottom: .45rem;
}

.tech4-swiper {
  padding: 0 1rem;
  border-top: 1px solid #d6d6d6;
  padding-top: .9rem;
}

.tech4-lists {
  padding-bottom: 1.75rem;
  padding-top: .75rem;
  color: #666666;
}
.tech4-lists .span {
  line-height: 1.35rem;
  height: 1.35rem;
  color: #666;
}
.tech4-lists .con-swiper .swiper-pagination {
  margin-top: 1.25rem;
}
.tech4-lists .items .imgs {
  border: 1px solid #e8e7e8;
  overflow: hidden;
}
.tech4-lists .items .imgs img {
  transition: .5s ease-in-out;
}
.tech4-lists .tech-tit {
  margin-bottom: .75rem;
}

.tech3-swiper .items {
  border: 1px solid #e8e7e8;
  padding: .25rem;
}
.tech3-swiper .items .span {
  line-height: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.itlists .text {
  line-height: 1.8;
  color: #000;
  margin-top: .25rem;
}
.itlists .li:nth-child(n+2) {
  margin-top: .6rem;
}
.itlists .tits {
  font-size: 0;
  color: #000;
  padding-left: 1.25rem;
  position: relative;
}
.itlists .tits span {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  color: #fff;
  background: #00a1e9;
  text-align: center;
  line-height: 1rem;
  position: absolute;
  left: 0;
  top: 0;
}
.itlists .tits .span {
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
}
.itlists .tits span, .itlists .tits .span {
  display: inline-block;
  vertical-align: top;
}

.abouts-tops {
  padding-top: 1.7rem;
  background: #f5f5f5;
  padding-bottom: 2.1rem;
}
.abouts-tops .abouts-tops-left, .abouts-tops .abouts-tops-right {
  width: 50%;
}

.abouts-tops-left {
  padding-right: 2.1rem;
}
.abouts-tops-left .tits {
  line-height: 1;
  margin-bottom: .75rem;
  color: #00A1E9;
}
.abouts-tops-left .txts {
  color: #666666;
}
.abouts-tops-left .text {
  line-height: 1.7;
  color: #666666;
  margin-top: .75rem;
}

@keyframes maps {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.abouts-tops-right {
  position: relative;
}
.abouts-tops-right .logobox {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  width: 9.25rem;
  height: 2.75rem;
  border-radius: 4px;
}
.abouts-tops-right .logobox .box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1;
}
.abouts-tops-right .logobox .box .span {
  line-height: 1;
  margin-top: .25rem;
}
.abouts-tops-right .logobox .imgs {
  width: 5rem;
  margin: 0 auto;
}
.abouts-tops-right .li {
  float: left;
  width: 33.33%;
  height: 6.75rem;
  border: 1px solid #0094db;
  background: #0094db;
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-left-color: rgba(255, 255, 255, 0.5);
  position: relative;
  padding: .9rem .75rem;
  line-height: 1;
}
.abouts-tops-right .li.li1 .imgs {
  right: 1.5rem;
  bottom: .6rem;
}
.abouts-tops-right .li.li2 {
  text-align: center;
}
.abouts-tops-right .li.li2 .imgs {
  bottom: 2.35rem;
  left: 0;
  right: 0;
  margin: auto;
}
.abouts-tops-right .li.li3 {
  text-align: right;
}
.abouts-tops-right .li.li3 .imgs {
  left: 1.75rem;
  bottom: .5rem;
}
.abouts-tops-right .li.li4 .ib {
  position: absolute;
  left: .75rem;
  bottom: .9rem;
}
.abouts-tops-right .li.li4 .imgs {
  top: .55rem;
  right: 1.5rem;
}
.abouts-tops-right .li.li5 {
  text-align: center;
  padding-top: 2.25rem;
}
.abouts-tops-right .li.li5 .imgs {
  position: relative;
  margin: 0 auto;
}
.abouts-tops-right .li.li5 .txts {
  margin-top: .3rem;
  margin-bottom: .25rem;
}
.abouts-tops-right .li.li6 {
  text-align: right;
}
.abouts-tops-right .li.li6 .ib {
  position: absolute;
  right: .75rem;
  bottom: .9rem;
}
.abouts-tops-right .li.li6 .imgs {
  left: 1.75rem;
  top: .5rem;
}
.abouts-tops-right .li .tits, .abouts-tops-right .li .txts, .abouts-tops-right .li .text {
  line-height: 1;
  position: relative;
  z-index: 2;
}
.abouts-tops-right .li .txts {
  margin-top: .375rem;
  margin-bottom: .4rem;
}
.abouts-tops-right .li .imgs {
  width: 1.5rem;
  position: absolute;
  height: 1.5rem;
  z-index: 0;
}
.abouts-tops-right .li:nth-child(3n+1) {
  border-left-color: #0094db;
}
.abouts-tops-right .li:nth-child(n+4) {
  border-bottom-color: #0094db;
}

.ab-tits {
  line-height: 1;
  color: #333333;
}

.abouts-partner {
  padding-top: 2rem;
  padding-bottom: 2.25rem;
}
.abouts-partner .map-list {
  margin-top: -3.25rem;
  position: relative;
  z-index: 5;
}
.abouts-partner .lists .img {
  width: 15.6%;
  margin-left: 1.28%;
  float: left;
  border: 1px solid #e0e0e0;
  margin-bottom: .45rem;
}
.abouts-partner .lists .img:nth-child(6n+1) {
  margin-left: 0;
}
.abouts-partner .map {
  position: relative;
}
.abouts-partner .map .ab-tits {
  position: absolute;
  top: 0;
  width: 100%;
}
.abouts-partner .map .mapline {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 1s ease-in-out;
  display: none;
}
.abouts-partner .map .mapline.animated {
  animation: maps 3s ease  .2s infinite;
  animation-fill-mode: forwards;
}
.abouts-partner .map-titles {
  font-size: 0;
  margin-bottom: .75rem;
}
.abouts-partner .map-titles .li {
  display: inline-block;
  vertical-align: top;
  line-height: 1.1rem;
  /*width: 3.4rem;*/
  padding: 0 .5rem;
  border: 1px solid #e5e5e5;
  height: 1.1rem;
  cursor: pointer;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  margin: 0 .2rem;
  transition: .5s ease-in-out;
}
.abouts-partner .map-titles .li.active {
  color: #fff;
  background: #063f6b;
  transition: .5s ease-in-out;
}

.abouts-history {
  background: #f5f5f5;
  padding-top: 2.4rem;
  padding-bottom: 1.75rem;
}
.abouts-history .ab-tits {
  margin-bottom: .9rem;
}

.history-titles .li {
  width: 30%;
  margin-left: 5%;
  float: left;
  background: #fff;
  border: 1px solid #dcdcdc;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
  position: relative;
  line-height: 3rem;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 2.25rem;
  color: #333333;
  cursor: pointer;
  position: relative;
}
.history-titles .li:nth-child(1):before {
  display: none;
}
.history-titles .li:before {
  position: absolute;
  content: "";
  height: .2rem;
  width: .4rem;
  top: 0;
  bottom: 0;
  left: -10.5%;
  margin: auto;
  background: url(../img/i52.png) no-repeat center;
  background-size: 100%;
}
.history-titles .li .txts {
  color: #999999;
  margin-top: .35rem;
}
.history-titles .li .box {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.history-titles .li * {
  line-height: 1;
}
.history-titles .li:nth-child(3n+1) {
  margin-left: 0;
}
.history-titles .li .imgs {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 1.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.history-titles .li .imgs .i1 {
  position: absolute;
  left: 0;
  top: 0;
}

.jmore {
  display: block;
  margin: 0 auto;
  width: 3.5rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  border: 1px solid #00a1e9;
  color: #00a1e9;
  border-radius: 1.1rem;
  cursor: pointer;
  transition: .5s ease-in-out;
}

.history-lists .lists {
  padding-top: 1.75rem;
  font-size: 0;
  margin-top: .6rem;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 1.625rem;
}
.history-lists .lists:before {
  position: absolute;
  content: "";
  height: 100%;
  width: .25rem;
  border-radius: .25rem;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  border: 1px solid #dcdcdc;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
}
.history-lists .li:nth-child(2n+2) {
  margin-top: 2.15rem;
}
.history-lists .imgs {
  max-width: 85%;
  overflow: hidden;
}
.history-lists .li {
  width: 45.6%;
  margin-left: 8.8%;
  /*float: left;*/
  display: inline-block;
  vertical-align: top;
  border: 1px solid #dcdcdc;
  position: relative;
  padding: 1rem;
  border-radius: 2px;
}
.history-lists .li .num {
  color: #00a1e9;
  line-height: 1;
}
.history-lists .li .txts {
  line-height: 1.7;
  color: #666666;
  margin-top: .3rem;
  margin-bottom: .5rem;
  text-align: justify;
}
.history-lists .li:before {
  position: absolute;
  content: "";
  width: .55rem;
  height: 1.05rem;
  top: 1rem;
}
.history-lists .li:nth-child(2n+1):before {
  right: -.55rem;
  background: url(../img/i53.png) no-repeat center;
  background-size: 100%;
}
.history-lists .li:nth-child(2n+2):before {
  left: -.55rem;
  background: url(../img/i54.png) no-repeat center;
  background-size: 100%;
}
.history-lists .li:nth-child(2n+1) {
  margin-left: 0;
}

.abouts-honor {
  padding-top: 2.45rem;
  position: relative;
}

.abouts-bots {
  background: #f5f5f5;
  padding-top: 2rem;
}
.abouts-bots .abstits {
  line-height: 1;
  color: #00a1e9;
}
.abouts-bots .items .txts {
  line-height: 1.4;
  margin-bottom: 1rem;
  color: #00a1e9;
}
.abouts-bots .items .wen {
  color: #666666;
  line-height: 1.7;
}
.abouts-bots .items .words.fr {
  padding-left: 2.5rem;
}
.abouts-bots .items1 {
  padding-bottom: 5.1rem;
}
.abouts-bots .items2 {
  background: #fff;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}
.abouts-bots .items2 .images {
  position: relative;
  margin-top: -7.6rem;
}
.abouts-bots .items2 .words {
  padding-right: 2.25rem;
}
.abouts-bots .items2 .words .ibox:nth-child(n+2) {
  margin-top: 2.25rem;
}
.abouts-bots .abstitsbox {
  padding-bottom: 1.1rem;
}
.abouts-bots .abstxts {
  color: #666666;
  margin-top: .75rem;
}
.abouts-bots .itlistsbox .words, .abouts-bots .itlistsbox .images {
  width: 50%;
}

.abs-bots-bots {
  background: #fff;
}
.abs-bots-bots .images, .abs-bots-bots .words {
  width: 50%;
}
.abs-bots-bots .words {
  padding: 1.75rem 2.5rem;
  padding-right: 0;
}
.abs-bots-bots .abstxts {
  margin-bottom: 2rem;
}
.abs-bots-bots .wen {
  color: #666666;
}

.honor-swiper-box {
  height: 18.75rem;
  background: #00a1e9;
  color: #fff;
}
.honor-swiper-box .images img {
  height: 100%;
}
.honor-swiper-box .images, .honor-swiper-box .words {
  overflow: hidden;
  height: 100%;
}
.honor-swiper-box .images {
  width: 41.25%;
  border: 1px solid #00a1e9;
  position: relative;
  top: -4.25rem;
}
.honor-swiper-box .images img {
  width: 100%;
}
.honor-swiper-box .swiper-slide {
  height: 15%;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.honor-swiper-box .swiper-slide:before {
  position: absolute;
  content: "";
  width: 1.65rem;
  height: 2px;
  background: #fff;
  left: -1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  opacity: 0;
}
.honor-swiper-box .swiper-slide .tits {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.honor-swiper-box .tits {
  padding-left: 1.25rem;
}
.honor-swiper-box .swiper-wrapper {
  padding-left: 1.2rem;
}
.honor-swiper-box .swiper-slide-active {
  height: 40%;
}
.honor-swiper-box .swiper-slide-active .tits {
  font-size: 0.9rem;
}
.honor-swiper-box .swiper-slide-active:before {
  opacity: 1;
}
.honor-swiper-box .swiper-container {
  height: 100%;
}
.honor-swiper-box .words {
  padding-top: 1.5rem;
  padding-bottom: 6.5rem;
  padding-right: 5rem;
  width: 58.75%;
}
.honor-swiper-box .swbox {
  height: 100%;
}

.honor-swiper-titles {
  padding-bottom: 2.65rem;
}
.honor-swiper-titles .button {
  font-size: 0;
  line-height: 1;
}
.honor-swiper-titles .txts, .honor-swiper-titles .swiper-button-prev, .honor-swiper-titles .swiper-pagination, .honor-swiper-titles .swiper-button-next {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 1;
  width: auto;
  height: auto;
}
.honor-swiper-titles .swiper-pagination {
  margin-left: 1.5rem;
  margin-right: 1.25rem;
}
.honor-swiper-titles .swiper-pagination .swiper-pagination-current {
  color: #00a1e9;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: .6rem;
}
.honor-swiper-titles .txts {
  margin-right: 1rem;
}
.honor-swiper-titles .swiper-button-prev, .honor-swiper-titles .swiper-button-next {
  width: .8rem;
  height: 1.6rem;
}
.honor-swiper-titles .swiper-button-prev {
  background: url(../img/i32.png) no-repeat center;
  background-size: 100%;
}
.honor-swiper-titles .swiper-button-next {
  background: url(../img/i34.png) no-repeat center;
  background-size: 100%;
}
.honor-swiper-titles .txts {
  color: #333333;
}

.abouts-honor .honortits {
  color: #00a1e9;
  line-height: 1;
  margin-bottom: 1.75rem;
}

.abs-bots-bots .words .ibox {
  max-width: 83%;
  width: 800px;
}
.wel-banner .items,.wel-banner .images,.wel-banner .imgs{
	height: 100%;
}

.wel-banner video{
	object-fit: fill;
}
.wel-banner .swiper-pagination {
  position: static;
  width: 100%;
  margin: 0;
  line-height: 1;
}
.wel-banner .btns {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5rem;
  z-index: 10;
  text-align: left;
}
.wel-banner .btns .swiper-pagination {
  text-align: center;
}
.wel-banner .btns .swiper-pagination-bullet {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: transparent;
  position: relative;
  opacity: 1;
}
.wel-banner .btns .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: .55rem;
}
.wel-banner .btns .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
}
.wel-banner .btns .swiper-pagination-bullet:before, .wel-banner .btns .swiper-pagination-bullet:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.wel-banner .btns .swiper-pagination-bullet:before {
  z-index: 0;
  background: url(../img/dian.png) no-repeat center;
  background-size: 100%;
}
.wel-banner .btns .swiper-pagination-bullet:after {
  z-index: 0;
  background: url(../img/dian2.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
}

.w800 {
  width: 800px;
  max-width: 83%;
}

.wel-section2 .itemsbox {
  height: 100%;
}
.wel-section2 .items {
  float: left;
  background: #f5f5f5;
  height: 50%;
  overflow: hidden;
  /*overflow-y: auto;*/
}
.wel-section2 .items1 {
  width: 47%;
  padding-top: 2.4rem;
  padding-right: 2rem;
  padding-bottom: 1.75rem;
}
.wel-section2 .items1 .words {
  height: 100%;
  position: relative;
  padding-top: 1.4rem;
}
.wel-section2 .items1 .words .more {
  position: absolute;
  right: 0;
  bottom: -2em;
  color: #333333;
  padding-right: .75rem;
  line-height: 1.6;
}
.wel-section2 .items1 .words .more b {
  display: inline-block;
  width: .5rem;
  height: 2px;
  background: #004d83;
  right: 0;
  bottom: 0;
  position: absolute;
}
.wel-section2 .items1 .tits {
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.wel-section2 .items1 .txts {
  font-size: 0;
  margin-top: .5rem;
  margin-bottom: .55rem;
}
.wel-section2 .items1 .txts .span, .wel-section2 .items1 .txts .b {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.wel-section2 .items1 .txts .b {
  font-family: Arial;
  color: #00A1E9;
}
.wel-section2 .items1 .text {
  line-height: 1.7em;
  height: 5.1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #333333;
}
.wel-section2 .items2 {
  width: 53%;
  padding-top: 2.4rem;
  padding-left: 6%;
  padding-bottom: 1.5rem;
}
.wel-section2 .items2 .words {
  display: none;
}
.wel-section2 .items2 .list {
  font-size: 0;
  height: 100%;
  position: relative;
}
.wel-section2 .items2 .list .ul {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.wel-section2 .items2 .imgs {
  width: 4rem;
  height: 3.25rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.wel-section2 .items2 .li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  height: 5.5rem;
  width: 20%;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  padding: .5rem;
}
.wel-section2 .items2 .li .txts {
  line-height: 1;
}
.wel-section2 .items2 .li.active {
  padding: .5rem 1rem;
}
.wel-section2 .items2 .li.active .words {
  line-height: 1.5;
  display: block;
  color: #00a1e9;
}
.wel-section2 .items2 .li.active .words .text {
  font-size: .6rem;
  line-height: 1;
  margin-top: .9rem;
  margin-bottom: .35rem;
}
.wel-section2 .items2 .li.active .words .wen {
  font-size: .75rem;
  line-height: 1;
}
.wel-section2 .items2 .li:nth-child(n+2) {
  margin-left: 4%;
}
.wel-section2 .items2 .li.active {
  width: 52%;
}
.wel-section2 .items3 {
  width: 47%;
  position: relative;
}
.wel-section2 .items3:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/play.png) no-repeat center;
  background-size: 100%;
}
.wel-section2 .items4 {
  width: 53%;
  padding-left: 6%;
  padding-top: 1.25rem;
}
.wel-section2 .items4 .lists {
  padding-right: 12.5%;
}
.wel-section2 .items4 .lists .tits {
  line-height: 1;
  /*margin-top: -1rem;*/
}
.wel-section2 .items4 .lists .li {
  float: left;
  width: 50%;
  line-height: 1;
  color: #fff;
  position: relative;
}
.wel-section2 .items4 .lists .li:before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.2);
}
.wel-section2 .items4 .lists .li.li1:before {
  position: absolute;
  width: 1px;
  height: 80%;
  right: 0;
  top: 0;
}
.wel-section2 .items4 .lists .li.li2:before {
  position: absolute;
  height: 1px;
  width: 80%;
  right: 0;
  bottom: 0;
}
.wel-section2 .items4 .lists .li.li4:before {
  position: absolute;
  width: 1px;
  height: 80%;
  left: 0;
  bottom: 0;
}
.wel-section2 .items4 .lists .li.li3:before {
  position: absolute;
  height: 1px;
  width: 80%;
  left: 0;
  top: 0;
}
.wel-section2 .items4 .lists .li.li1, .wel-section2 .items4 .lists .li.li3 {
  padding-right: 1.1rem;
}
.wel-section2 .items4 .lists .li.li1, .wel-section2 .items4 .lists .li.li2 {
  padding-bottom: .3rem;
}
.wel-section2 .items4 .lists .li.li2, .wel-section2 .items4 .lists .li.li4 {
  padding-left: 1.75rem;
}
.wel-section2 .items4 .lists .li.li3, .wel-section2 .items4 .lists .li.li4 {
  padding-top: .85rem;
}
.wel-section2 .items4 .lists .imgs {
  width: 2.5rem;
  height: 2.5rem;
}

.se3-lists {
  padding-top: 2.4rem;
  height: 100%;
}
.se3-lists .swiper-button-prev, .se3-lists .swiper-button-next {
  /*position: static;*/
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 44px;
  height: 44px;
  background-size: 35%;
  border-radius: 50%;
  background-color: #ccc;
  transition:.5s ease-in-out;
}
.se3-lists .words {
  height: 6.4rem;
  padding-top: 1.25rem;
}
.se3-lists .words .tits {
  line-height: 1.3em;
  height: 1.3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.se3-lists .words .txts {
  line-height: 1.3em;
  height: 1.3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  margin-top: .4rem;
  margin-bottom: .5rem;
}
.se3-lists .words .text {
  color: #666666;
  position: relative;
}
.se3-lists .words .text .box {
  line-height: 1.875em;
  height: 3.75em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 75%;
}
.se3-lists .swiper-bots {
  height: calc(100% - 6.4rem);
  position: relative;
}
.se3-lists .swiper-bots .swiper-container {
  height: 100%;
}
.se3-lists .swiper-bots .swiper-container .swiper-slide {
  width: 20%;
}
.se3-lists .swiper-bots .swiper-container .swiper-slide.active {
  width: 40%;
}
.se3-lists .swiper-bots .swiper-container .swiper-slide.active .text {
  opacity: 0;
}
.se3-lists .swiper-bots .swiper-container .swiper-slide.active .text-lists {
  display: block;
}
.se3-lists .swiper-bots .swiper-container .text-lists {
  display: none;
  padding: 1.25rem 1.5rem;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 161, 233, 0.4);
  overflow: hidden;
  /*overflow-y:auto;*/
}
.se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i {
  float: left;
  width: 100%;
  margin-left: 0%;
  /*height: 1.5rem;*/
  height: auto;
  padding: 4px 0;
  line-height: 1.3;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: .7rem;
  padding-right: 1.1rem;
  position: relative;
  color: #fff;
  margin-bottom: .6rem;
}
.se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i:before {
  position: absolute;
  content: "";
  width: .7rem;
  height: .7rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/t3.png) no-repeat center;
  background-size: 100%;
  right: .45rem;
}
.se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i:nth-child(2n+1) {
  margin-left: 0;
}
.se3-lists .swiper-bots .swiper-container .text-lists .t-h1 {
  line-height: 1;
  margin-bottom: 1.375rem;
}
.se3-lists .swiper-bots .swiper-container .items {
  color: #fff;
  position: relative;
}
.se3-lists .swiper-bots .swiper-container .items .text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 1.25rem .9rem;
}
.se3-lists .swiper-bots .swiper-container .items, .se3-lists .swiper-bots .swiper-container .imgs {
  height: 100%;
  display: block;
}

.se3-btns {
  position: absolute;
  right: 0;
  bottom: 0;
}
.se3-btns .swiper-button-prev, .se3-btns .swiper-button-next {
  width: 20px;
  height: 13px;
  background: transparent;
  transition: .5s ease-in-out;
}
.se3-btns .swiper-button-prev:hover, .se3-btns .swiper-button-next:hover {
  transition: .5s ease-in-out;
}
.se3-btns .swiper-button-prev {
  background: url(../img/x2.png) no-repeat center;
  background-size: 100%;
}
.se3-btns .swiper-button-prev:hover {
  background: url(../img/x1.png) no-repeat center;
  background-size: 100%;
}
.se3-btns .swiper-button-next {
  background: url(../img/x4.png) no-repeat center;
  background-size: 100%;
}
.se3-btns .swiper-button-next:hover {
  background: url(../img/x3.png) no-repeat center;
  background-size: 100%;
}

.se4-lists {
  padding-top: 4.65rem;
}
.se4-lists .se4tits {
  line-height: 1;
  margin-bottom: 1.2rem;
}
.se4-lists .lists {
  font-size: 0;
}
.se4-lists .lists .items {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 29%;
  margin-left: 1.5%;
  color: #fff;
  overflow: hidden;
}
.se4-lists .lists .items .th1 {
  line-height: 1.2;
}
.se4-lists .lists .items .th2 {
  line-height: 1.875em;
  height: 5.625em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: .75rem;
  margin-bottom: .35rem;
}
.se4-lists .lists .items .more {
  display: inline-block;
  vertical-align: top;
  padding-bottom: .4rem;
  position: relative;
  line-height: 1;
  padding-top: .75rem;
}
.se4-lists .lists .items .more:before {
  position: absolute;
  content: "";
  background: #ffffff;
  height: 2px;
  width: .5rem;
  left: 0;
  bottom: 0;
}
.se4-lists .lists .items .words {
  padding: 1.7rem 1.5rem;
}
.se4-lists .lists .items .imgs {
  height: 13rem;
  width: 100%;
}
.se4-lists .lists .items:nth-child(1) {
  margin-left: 0;
}
.se4-lists .lists .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.se4-lists .lists .items.items2 {
  width: 39%;
}

.section5 {
  padding-top: 2.4rem;
}

.se5-title {
  line-height: 1;
  color: #333333;
  margin-bottom: 2rem;
}

.se5-lists {
  padding-top: 4rem;
}

.se5-items1 {
  position: relative;
}
.se5-items1 .w-titbox {
  margin-bottom: .5rem;
}
.se5-items1 .imgbox {
  width: 35%;
  position: relative;
  display: block;
}
.se5-items1 .imgbox .th {
  margin-top: .7rem;
  color: #00a1e9;
}
.se5-items1 .imgbox .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 1.2rem;
  color: #fff;
  background: rgba(3,119,191,.4);
}
.se5-items1 .imgbox .words .txts {
  margin-top: .9rem;
  margin-bottom: .4rem;
}
.se5-items1 .imgbox .words .tmore {
  position: absolute;
  right: 1.2rem;
  bottom: 1rem;
  padding-bottom: .75rem;
}
.se5-items1 .imgbox .words .tmore:before {
  position: absolute;
  content: "";
  width: .5rem;
  height: 2px;
  background: #fff;
  left: 0;
  bottom: 0;
}
.se5-items1 .imgbox .words > * {
  line-height: 1.2em;
  height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.se5-items1 .wordsbox {
  width: calc(65% - .65rem);
  border: 1px solid #e5e5e5;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  padding: 1rem 1.2rem;
  overflow: hidden;
}
.se5-items1 .li {
  display: block;
  color: #666666;
  line-height: 1rem;
  border-bottom: 1px solid #ebebeb;
}
.se5-items1 .li .ileft {
  width: 65%;
  height: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #666666;
}

.w-titbox {
  line-height: 1;
}
.w-titbox .mores,
.w-titbox .w-tit {
  line-height: 1;
}
.w-titbox .mores {
  position: relative;
  padding-left: .75rem;
  color: #333333;
}
.w-titbox .mores:before {
  position: absolute;
  height: 2px;
  width: .5rem;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #004d83;
}

.se5-items2 {
  padding-top: .85rem;
  color: #333333;
}
.se5-items2 .lists {
  font-size: 0;
  margin-top: .6rem;
  padding-bottom: .9rem;
  border-bottom: 1px solid #eaeaea;
}
.se5-items2 .lists .items {
  display: inline-block;
  vertical-align: top;
  width: 32.5%;
  margin-left: 1.25%;
  background: #f0f0f0;
  color: #333333;
  padding: 1rem;
}
.se5-items2 .lists .items .tits {
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.se5-items2 .lists .items .txts {
  line-height: 1.7em;
  height: 3.4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .4rem;
}
.se5-items2 .lists .items .time {
  line-height: 1;
  color: #999999;
  margin-top: .85rem;
}
.se5-items2 .lists .items:nth-child(3n+1) {
  margin-left: 0;
}

.se5-footer {
  line-height: 1.8;
  padding-top: .5rem;
  color: #333333;
}
.se5-footer span {
  color: #00a1e9;
}
.se5-footer a {
  color: #333333;
}
.se5-footer .li2 {
  font-size: 0;
  color: #999999;
}
.se5-footer .li2 .i {
  display: inline-block;
  vertical-align: middle;
}

.con-rightfixed {
  position: fixed;
  top: 22vh;
  right: 0;
  z-index: 20;
  background: #00a1e9;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  transition: .5s ease-in-out;
}
.con-rightfixed .items1 .ftops:before {
  display: none;
}
.con-rightfixed.active1 {
  right: 16.5rem;
  transition: .5s ease-in-out;
}
.con-rightfixed.active1 .items-rightbox .li1 {
  display: block;
}
.con-rightfixed.active1 .items-leftbox .items1 .ftops {
  background: #063f6b;
}
.con-rightfixed.active2 {
  right: 9rem;
  transition: .5s ease-in-out;
}
.con-rightfixed.active2 .items-rightbox .li2 {
  display: block;
}
.con-rightfixed.active2 .items-leftbox .items2 .ftops {
  background: #063f6b;
}
.con-rightfixed.active3 {
  right: 9rem;
  transition: .5s ease-in-out;
}
.con-rightfixed.active3 .items-rightbox .li3 {
  display: block;
}
.con-rightfixed.active3 .items-leftbox .items3 .ftops {
  background: #063f6b;
}
.con-rightfixed .items-rightbox .li1 {
  width: 16.5rem;
  height: auto;
  max-height: 75vh;
  background: #fff;
  position: absolute;
  left: 2.5rem;
  top: 0;
  padding: .6rem 1rem;
  display: none;
}
.con-rightfixed .items-rightbox .li1 .li-tit {
  line-height: 1;
  color: #333333;
  margin-bottom: .5rem;
}
.con-rightfixed.no-fixeds .items-rightbox .li1 .submit input{
  margin:0 auto;
  display: block;
}
.con-rightfixed.no-fixeds .items-rightbox .li1 .li-tit{
  text-align: center;
}
.con-rightfixed .items-rightbox .li1 .submit {
  margin-top: 1.25rem;
}
.con-rightfixed .items-rightbox .li1 .submit input {
  width: 3.875rem;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
  background: #ccc;
  color: #fff;
}
.con-rightfixed .items-rightbox .li1 .submit input.oncur{
  background: #00a1e9;
}
.con-rightfixed .items-rightbox .li1 .cheak {
  font-size: .35rem;
  color: #999999;
  padding-left: .7rem;
  position: relative;
  line-height: .5rem;
  margin-top: .25rem;
  margin-bottom: .3rem;
}
.con-rightfixed .items-rightbox .li1 .cheak input {
  position: absolute;
  width: .35rem;
  height: .35rem;
  left: 0;
  top: .05rem;
}
.con-rightfixed .items-rightbox .li1 .text {
  color: #666666;
  font-size: .35rem;
  line-height: 1.5em;
}
.con-rightfixed .items-rightbox .li1 .text a {
  color: #00a1e9;
  text-decoration: underline;
}
.con-rightfixed .items-rightbox .li1 .form {
  font-size: 0;
}
.con-rightfixed .items-rightbox .li1 .form .input {
  display: inline-block;
  vertical-align: top;
  width: 48.5%;
  margin-left: 3%;
  border: 1px solid #cfcfcf;
  line-height: 1rem;
  position: relative;
  margin-bottom: .3rem;
}
.con-rightfixed .items-rightbox .li1 .form .input input {
  height: 1rem;
}
.con-rightfixed .items-rightbox .li1 .form .input input[type=text] {
  padding-left: .4rem;
  padding-right: .45rem;
  width: 100%;
}
.con-rightfixed .items-rightbox .li1 .form .input.w100 {
  width: 100%;
}
.con-rightfixed .items-rightbox .li1 .form .input.textarea {
  margin-left: 0;
}
.con-rightfixed .items-rightbox .li1 .form .input.textarea textarea {
  resize: none;
  width: 100%;
  height: 2.25rem;
  display: block;
  padding-left: .4rem;
  appearance: none;
}
.con-rightfixed .items-rightbox .li1 .form .input .dian {
  position: absolute;
  right: .35rem;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #00a1e9;
  height: .1rem;
  line-height: .1rem;
}
.con-rightfixed .items-rightbox .li1 .form .input:nth-child(2n+1) {
  margin-left: 0;
}
.con-rightfixed .items-rightbox .liui {
  position: absolute;
  width: 9rem;
  background: #fff;
  display: none;
  left: 2.5rem;
  top: 0;
  padding: .6rem .75rem 1.5rem 1rem;
}
.con-rightfixed .items-rightbox .liui.li3 .ili {
  position: relative;
  padding-left: .7rem;
  line-height: .9rem;
  display: block;
  color: #333333;
  font-size: 16px;
}

@media (max-width: 1681px){
  .cont-lists .ul.ul2 .li:nth-child(1) .num,
  .con-rightfixed .items-rightbox .liui.li3 .ili{
    font-size: 15px;
  }
  .bocweb-header .bocweb-nav{
    margin-left: 2.5rem;
  }
}

@media (max-width: 1481px){
  .cont-lists .ul.ul2 .li:nth-child(1) .num,
  .con-rightfixed .items-rightbox .liui.li3 .ili{
    font-size: 14px;
  }
}
@media (max-width: 1481px){
  .cont-lists .ul.ul2 .li:nth-child(1) .num,
  .con-rightfixed .items-rightbox .liui.li3 .ili{
    font-size: 13px;
  }
}
@media (max-width: 768px){
  .cont-lists .ul.ul2 .li:nth-child(1) .num,
    .con-rightfixed .items-rightbox .liui.li3 .ili{
    font-size: 12px;
  }
}



.con-rightfixed .items-rightbox .liui.li3 .ili img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.con-rightfixed .items-rightbox .liui.li3 .ibox {
  margin-top: .6rem;
}
.con-rightfixed .items-rightbox .liui.li3 .ibox .i {
  border-bottom: none;
  float: left;
  width: 50%;
}
.con-rightfixed .items-rightbox .liui * {
  line-height: 1;
}
.con-rightfixed .items-rightbox .liui .li-tit {
  color: #333333;
}
.con-rightfixed .items-rightbox .liui .li-txt {
  color: #00a1e9;
  margin-top: .25rem;
}
.con-rightfixed .items-rightbox .liui .ibox .i {
  padding-top: .35rem;
  padding-bottom: .45rem;
  border-bottom: 1px solid #e3e3e3;
}
.con-rightfixed .items-rightbox .liui .ibox .i-01 {
  color: #999999;
}
.con-rightfixed .items-rightbox .liui .ibox .i-02 {
  color: #333333;
  margin-top: .2rem;
}
.con-rightfixed .items {
  position: relative;
}
.con-rightfixed .ftops {
  width: 2.5rem;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 .3rem;
  position: relative;
  color: #fff;
  cursor: pointer;
}
.con-rightfixed .ftops .span {
  color: #fff;
  margin-top: .2rem;
}
.con-rightfixed .ftops .imgs {
  width: 16px;
  height: 16px;
  margin: 0 auto;
}
.con-rightfixed .ftops:before {
  position: absolute;
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 0;
  right: 0;
  width: calc(100% - .6rem);
  margin: auto;
}
.con-rightfixed .ftops .box {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.wel-fixeds {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200;
  display: none;
}
.wel-fixeds .items {
  position: absolute;
  width: 54%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wel-fixeds .close {
  width: .9rem;
  height: .9rem;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/close.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #00a1e9;
  cursor: pointer;
}

.bocweb-header.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
}

.bocweb-header.whitefixed {
  background: none;
  transition: all 1s;
}

.bocweb-header.whitefixed:hover {
  background: #fff;
}

.bocweb-header .nav-bots {
  display: none;
  position: absolute;
  width: 100%;
  top: 2.4rem;
  left: 0;
  /*background: rgba(255, 255, 255, 0.8);*/
  background-color: #fff;
  /*font-weight: bold;*/
  border-bottom:1px solid rgba(0,0,0,.2);
}
.bocweb-header .nav-bots .nav-botsleft, .bocweb-header .nav-bots .nav-botsright {
  width: 50%;
}
.bocweb-header .nav-bots .txts {
  line-height: 1;
  color: #333333;
  margin-bottom: .75rem;
}
.bocweb-header .nav-bots .tits {
  color: #00a1e9;
  line-height: 1.25;
}
.bocweb-header .nav-bots .text {
  color: #666666;
  line-height: 1.7;
  margin-top: .3rem;
  margin-bottom: .75rem;
  display: block;
}
.bocweb-header .about-bots {
  padding-top: 1.25rem;
  padding-bottom: 1.75rem;
}
.bocweb-header .about-bots .nav-botsleft {
  padding-left: 1.5rem;
  padding-right: .9rem;
}
.bocweb-header .about-bots .nav-botsleft .iitems {
  position: relative;
  padding-left: 1.5rem;
  color: #666666;
  display: block;
  border-bottom: 1px solid #e3e3e3;
  float: left;
  /*width: 45.7%;*/
  /*margin-right: 4.3%;*/
  width: 100%;
  /*margin-left: 8.6%;*/
  padding-right: .7rem;
}
.bocweb-header .about-bots .nav-botsleft .iitems .span {
  line-height: 40px;
  height: 40px;
}
.bocweb-header .about-bots .nav-botsleft .iitems:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: .55rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/y16.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
}
.bocweb-header .about-bots .nav-botsleft .iitems:nth-child(2n+1) {
  /*margin-left: 0;*/
}
.bocweb-header .about-bots .nav-botsleft .iitems .i {
  position: absolute;
  width: .5rem;
  height: .5rem;
  left: .55rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid #cbcbcb;
}
.bocweb-header .about-bots .nav-botsleft .iitems .i img {
  display: block;
}
.bocweb-header .about-bots .nav-botsleft .iitems .i .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
}
.bocweb-header .about-bots .nav-botsright {
  padding-left: 3.75rem;
  padding-right: 1.875rem;
}
.bocweb-header .about-bots .nav-botsright .images {
  overflow: hidden;
}
.bocweb-header .about-bots .nav-botsright .images img {
  transition: .5s ease-in-out;
}

.search-dialog2 {
  position: absolute;
  left: 0;
  top: 2.4rem;
  width: 100%;
  padding: .8rem 0;
  color: #000;
  background-color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  z-index: 99;
}

.bocweb-header.cur .search-dialog2 {
  opacity: 1;
  visibility: visible;
}

.search-dialog2 input[type=text] {
  float: left;
  width: 85%;
  height: .8rem;
  background-color: transparent;
  color: #000;
  font-size: .45rem;
  line-height: .8rem;
}

.search-dialog2 input[type=submit] {
  float: right;
  width: .8rem;
  height: .8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../imgbox/search.png);
  background-color: transparent;
  transition: all .3s;
}

.bocweb-header .nav-bots.technology-bots {
  /*display: block;*/
  /*background: transparent;*/
  background:#fff;
}
.bocweb-header .nav-bots.technology-bots .text {
  width: 95%;
}
.bocweb-header .nav-bots.technology-bots .lists-left {
  height: 13rem;
}
.bocweb-header .nav-bots.technology-bots .lists-left .ul {
  background: #fefefe;
  cursor: pointer;
}
.bocweb-header .nav-bots.technology-bots .lists-left .ul:nth-child(n+2) {
  border-top: 1px solid #e9e9e9;
}
.bocweb-header .nav-bots.technology-bots .nav-botsleft, .bocweb-header .nav-bots.technology-bots .nav-botsright {
  /*height: 11.5rem;*/
}
.bocweb-header .nav-bots.technology-bots .nav-botsleft, .bocweb-header .nav-bots.technology-bots .nav-botsright{
	height: 14rem;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .nav-lists{
  height: 100%;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .nav-lists .lists-right {
  height: 100%;
  overflow-y:auto;
}
.bocweb-header .nav-bots.technology-bots .nav-botsleft {
  padding: 1.25rem 1.25rem 2rem 1.6rem;
  background: rgba(255, 255, 255, 0.8);
}
.bocweb-header .nav-bots.technology-bots .nav-botsright {
  background: rgba(243,243,243,.8);
  border-left: 1px solid #e5e5e5;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left {
  width: 35%;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1rem;
  height: 1rem;
  line-height: 1rem;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul .imgs {
  position: absolute;
  left: .6rem;
  width: 0.625rem;
  height: 0.625rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul .imgs img {
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul .imgs .i0 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: .85rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/y16.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-right {
  width: 65%;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-right .i {
  display: block;
  line-height: 1rem;
  height: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.bocweb-header .nav-bots .technology-mores {
  background: #00a1e9;
  color: #fff;
  display: block;
  width: 70%;
  height: 3.25rem;
  line-height: 3.25rem;
  border-radius: 5px;
  position: relative;
}
.bocweb-header .nav-bots .technology-mores .h01, .bocweb-header .nav-bots .technology-mores .h02 {
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.bocweb-header .nav-bots .technology-mores:before {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: .75rem;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.25rem;
  background: url(../img/y18.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .nav-bots .technology-mores:hover {
  color: #fff;
}
.bocweb-header .nav-bots .technology-mores .box {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 100%;
  padding-left: 2.75rem;
  padding-right: 3rem;
  position: relative;
}
.bocweb-header .nav-bots .technology-mores .box .imgs {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: .9rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.technology-bots .lists-left .swiper-wrapper,
.technology-bots .lists-left .swiper-container {
  height: 100%;
}
.technology-bots .lists-left .swiper-button-next {
  position: static;
  display: block;
  width: .9rem;
  height: .8rem;
  margin: 0 auto;
  margin-top: .5rem;
  background: url(../img/y21.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.technology-bots .lists-left .swiper-button-next:hover {
  transition: .5s ease-in-out;
  background: url(../img/y22.png) no-repeat center;
  background-size: 100%;
}

.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul.swiper-slide.active {
  background: #f3f3f3;
  color: #00a1e9;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul.swiper-slide.active .i0 {
  opacity: 1;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul.swiper-slide.active .i1 {
  opacity: 0;
}
.bocweb-header .nav-bots.technology-bots .nav-botsright .lists-left .ul.swiper-slide.active img{
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: gray;
}

.technology-bots .nav-botsright .lists-right .i {
  padding-left: 1.2rem;
  padding-right: 1rem;
  transition: .5s ease-in-out;
}
.technology-bots .nav-botsright .lists-right .i:nth-child(n+2) {
  /*margin-top: .2rem;*/
}
.technology-bots .nav-botsright .lists-right .i:hover, .technology-bots .nav-botsright .lists-right .i.active {
  color: #00a1e9;
  background: #fff;
  transition: .5s ease-in-out;
}

.technology-bots .nav-botsright .lists-right {
  /*padding: .5rem 0;*/
}

.banner a {
  display: block;
}

.se3-lists .swiper-bots .items .text .tits, .se3-lists .swiper-bots .items .text .txts, .se3-lists .swiper-bots .items .text .more {
  line-height: 1;
}
.se3-lists .swiper-bots .items .text .txts {
  margin-top: .35rem;
  margin-bottom: .6rem;
}
.se3-lists .swiper-bots .items .text .more {
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
  position: relative;
  padding-right: .75rem;
}
.se3-lists .swiper-bots .items .text .more:before {
  position: absolute;
  content: "";
  width: .5rem;
  height: 2px;
  background: #fff;
  right: 0;
  bottom: 0;
}

.se3-lists .swiper-bots .text-lists .s-lists .i {
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;*/
}

.se5-footer {
  
}

.conpagination.swiper-pagination {
  display: inline-block;
  vertical-align: top;
  position: static;
  line-height: 1;
}
.conpagination.swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 .05rem;
  display: inline-block;
  vertical-align: middle;
  background: #b2b2b2;
}
.conpagination.swiper-pagination .swiper-pagination-bullet-active {
  background: #00a1e9;
}

.se5-items1 .w-titbox .conpagination {
  margin-left: 10px;
}

.se5-items1 .swiper5list {
  margin-top: 5px;
}

.wel-section2 .items4 .lists {
  font-size: 0;
}

.wel-section2 .items4 .lists .li {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.wel-banner .videoboxs .imgs {
  position: relative;
}
.wel-banner .videoboxs .imgs:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/play.png) no-repeat center;
  background-size: 100%;
}

.welbody #fp-nav ul li, .welbody .fp-slidesNav ul li {
  margin: 0;
  height: 20px;
}
.welbody #fp-nav.right {
  right: 0;
}
.welbody #fp-nav ul li {
  height: 20px;
  width: 4rem;
  position: relative;
}
.welbody #fp-nav ul li a:before {
  width: 1.25rem;
  height: 2px;
  left: 0;
  bottom: 0;
  background: #004d83;
  content: "";
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.welbody #fp-nav ul li a, .welbody .fp-slidesNav ul li a,
.welbody #fp-nav ul li a span, .welbody .fp-slidesNav ul li a span {
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}
.welbody #fp-nav ul li a.active:before {
  opacity: 1;
}
.welbody #fp-nav ul li a.active span {
  width: 100% !important;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
}
.welbody #fp-nav ul li a span {
  margin: 0 !important;
  height: 2px !important;
  /*background:rgba(0,0,0,.55)!important; //*/
  background: #d5d5d5 !important;
  left: auto !important;
  right: 0 !important;
  border-radius: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 2.75rem !important;
}
.welbody #fp-nav ul li .fp-tooltip.right {
  width: auto;
  left: 0;
  line-height: 1;
  top: 0;
  color: #000;
}
.welbody #fp-nav ul li a.active + .fp-tooltip.right {
  opacity: 1;
}
.welbody #fp-nav ul li:hover a span, .welbody .fp-slidesNav ul li:hover a span,
.welbody #fp-nav ul li a.active span, .welbody .fp-slidesNav ul li a.active span, .welbody #fp-nav ul li:hover a.active span, .welbody .fp-slidesNav ul li:hover a.active span {
  width: 100%;
}
.welbody #fp-nav.right {
  top: auto;
  bottom: 1.5rem;
}
.welbody.fp-viewing-0 #fp-nav ul li a span {
  background: rgba(255, 255, 255, 0.55) !important;
}
.welbody.fp-viewing-0 #fp-nav ul li .fp-tooltip.right {
  color: #fff;
}
.welbody.fp-viewing-0 #fp-nav ul li a:before {
  background: #fff;
}

.tal-bots-title .selects .selects-tops {
  transition: .5s ease-in-out;
}
.tal-bots-title .selects .selects-tops.active {
  transition: .5s ease-in-out;
  color: #fff;
  background: #0377bf;
}
.tal-bots-title .selects .selects-tops.active:before {
  background: url(../img/i27.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.form-lists .tr-tops.active {
  color: #fff;
  background: #0377bf;
  transition: .5s ease-in-out;
}

.form-lists .tr-tops {
  transition: .5s ease-in-out;
}

.form-lists .td.td2，.form-lists .td.td3 {
  display: none;
}

.history-titles .li {
  transition: .5s ease-in-out;
}
.history-titles .li img {
  transition: .5s ease-in-out;
}
.history-titles .li.active {
  color: #fff;
  background: #00a1e9;
}
.history-titles .li.active .txts {
  color: #fff;
}
.history-titles .li.active .imgs img {
  transition: .5s ease-in-out;
}
.history-titles .li.active .imgs .i0 {
  opacity: 0;
}
.history-titles .li.active .imgs .i1 {
  opacity: 1;
}

.se5-items1 .li .ileft {
  line-height: 1rem;
}

.bochead {
  height: 100%;
}

.bocweb-header .nav-bots .nav-botsleft .iitems {
  transition: .5s ease-in-out;
}
.bocweb-header .nav-bots .nav-botsleft .iitems.active {
  transition: .5s ease-in-out;
  color: #00a1e9;
  border-bottom-color: #00a1e9;
}
.bocweb-header .nav-bots .nav-botsleft .iitems.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-bots .nav-botsleft .iitems.active .i {
  border-color: #00a1e9;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-bots .nav-botsleft .iitems.active .i img {
  transition: .5s ease-in-out;
}
.bocweb-header .nav-bots .nav-botsleft .iitems.active .i .i1 {
  opacity: 0;
}
.bocweb-header .nav-bots .nav-botsleft .iitems.active .i .i0 {
  opacity: 1;
}

.section {
  overflow: hidden;
}
.section5{
  overflow-y: auto;
}

@media screen and (max-width: 1023px) {
  .tech4-swiper{
    padding-left: 0;
    padding-right: 0;
  }
  .tech4-lists .items .imgs{
    width: 99%;
    margin:0 auto;
  }
  div.sec-tops:before{
    position: absolute;
    content:"";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: 0;
    background: url(../img/jpg/img5.png) center center no-repeat;
    background-size: 100%;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .sec-box.active div.sec-tops:before{
     background: url(../img/jpg/img6000.png) center center no-repeat;
    background-size: 100%;
  }
  .sec-tops{
    position: relative;
  }
  .enterprise-titles a{
    padding:0 .8rem;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
  .bocweb-header {
    height: 50px;
    line-height: 50px;
    border: none;
  }

  #fp-nav.right {
    display: none !important;
  }

  .bocweb-header a {
    color: #333;
  }
}
.se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i {
  border-radius: 5px;
}
  .talent-lists3 .words .txts .i.active {
    transition: .5s ease-in-out;
    color: #0377bf;
  }
  .talent-lists3 .words .txts .i.active:before {
    background: url(../img/i24.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }
  .talent-listbox .items .imgs{
    height: 240px;
  }

  @media (max-width: 1800px){
  .wel-section2 .items1{
    padding-right: 1.5rem;
    padding-bottom: 1.2rem;
  }
}
    .enterprise-titles a.active{
      transition:.5s ease-in-out;
      color: #00a1e9;
    }
    .se5-footer,.bocweb-header .nav-bots .text,
    .se5-footer a,
    .se5-items2 .lists .items .txts{
    	font-weight: normal;
    }
    .abouts-tops-left .text *{
    	font-size: 16px!important;
    	font-weight: normal;
    }
    @media (max-width: 1023px){
	    .abouts-tops-left .text *{
	    	font-size: 14px!important;
	    }
    }
    .abouts-partner .map .ab-tits{
          color: #00A1E9;
    }
@media (max-width: 1360px) {
  .bocweb-header .bocweb-nav {
    margin-left: 1.25rem;
  }

  .bocweb-header .bocweb-nav .nav-tops {
    padding-right: .35rem;
    margin: 0 .15rem;
  }

  .bocweb-footer .f-right{
    padding-left: .75rem;
  }

  .w1600 {
    max-width: 92%;
  }
  .bocweb-footer .f-leftlists .li{
    padding-right: .75rem;
  }
}
@media (max-width: 1190px){
  .bocweb-header .bocweb-rightnav .li.server{
    padding-left: 0;
    margin-left: 5px;
    min-width: 20px;
  }
  .bocweb-header .bocweb-nav{
    margin-left: 0;
  }
  .bocweb-footer .f-leftlists .li{
    padding-right: .4rem;
  }
  .bocweb-footer .f-right .link-tops{
    width: 6rem;
  }

  .bocweb-footer .f-leftlists .li-bots.actives{
  }
}
@media (min-width: 1024px) {
  .ser-container .items .txts{
    font-size: 14px;
  }
  .abouts-tops-left .text{
    height: 13rem;
    overflow: auto;
    padding-right: 3px;
  }
  .abouts-tops-left .text::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    display: block;
  }

  .bocweb-header .about-bots .nav-botsleft .iitems .span{
    font-size: 14px;
  }
  .anniuhover{
    transition:.5s ease-in-out;
  }
  .anniuhover:hover{
    color: #fff;
    background: #00a1e9;
    transition:.5s ease-in-out;
  }
	/*body{
		font-size: 16px;
	}
	.se4-lists .lists .items .more,.se3-lists .swiper-bots .items .text .more,
	 .se5-footer,
    .se5-footer a{
    	font-size: 14px;
    }
	.history-lists .li .txts,
	.se3-lists .words .text .box,
	.wel-section2 .items1 .text{
		font-size: 16px;
	}
	.bocweb-header .bocweb-rightnav .li{
		font-size: 14px;
	}
	.bocweb-header .bocweb-nav .nav-tops{
		font-size: 20px;
	}
	.se4-lists .lists .items .th1,
	.abouts-bots .items .txts,.ab-tits{
		font-size: 20px;
	}
	.wel-section2 .items1 .tits,.se3-lists .words .tits,.se4-lists .se4tits,.se5-title,
	.abouts-honor .honortits,.abouts-history .ab-tits,
	.abouts-bots .abstits,
	.abouts-bots .abstits,
	.abouts-tops-left .tits{
		font-size: 30px;
	}*/
	body{
		font-size: 14px;
	}
  .se5-footer *{
    font-size: 14px!important;
  }
  .bocweb-footer .footer-bots,.bocweb-footer .f-leftlists .li-bots .i,
	.talent2-list1 .itemsbox .items .more,
	.tit-12,.tit-13{
		font-size: 14px;
	}

	.tit-14,.tit-15,.tit-16{
		font-size: 16px;
	}
	.wel-section2 .items1 .words .more,.se3-lists .swiper-bots .items .text .more,.se4-lists .lists .items .more{
		font-size: 14px;
	}

  .bocweb-header .bocweb-rightnav{
    font-size: 12px;
  }
	.se5-items2 .lists .items .tits{
		font-size: 18px;
	}
  .history-titles .li .tits,.history-lists .li .num,.honor-swiper-box .swiper-slide .tits,
	.w-titbox .w-tit,.abouts-tops-left .txts,.abouts-bots .abstxts,.abouts-bots .items .txts,
	.con-rightfixed .items-rightbox .li1 .li-tit,
	.tech-tit,.talent-tops .talent-lists1 .text,.talent-lists3 .words .tits,.talent-listbox .items .tits{
		font-size: 20px;
	}
  .se5-items1 .imgbox .words  .text{
    font-size: 18px;
  }
  .abouts-tops-left .txts{
    font-weight: normal;
  }
  .investortits,.abouts-partner .map .ab-tits,
	.investor-tits,.newsdetails-tit,
	.servertits,.talent-tit,
	.technology-title .txts{
		font-size: 30px;
	}
  .se4-lists .lists .items .th1,.honor-swiper-box .swiper-slide-active .tits,
  .se3-lists .swiper-bots .swiper-container .text-lists .t-h1{
    font-size: 30px;
  }
  .se5-items1 .imgbox .words .tits{
    font-size: 20px;
  }



	.wel-section2 .items1 .tits,.se3-lists .words .tits,.se4-lists .se4tits,.se5-title,
	.abouts-honor .honortits,.abouts-history .ab-tits,
	.abouts-bots .abstits,
	.abouts-bots .abstits,
	.abouts-tops-left .tits{
		font-size: 30px;
	}
	.abouts-bots .wen{
		font-weight: normal;
	}
  .wel-section2 .items2 .li.active .words .wen{
    font-size: 16px;
	font-weight: normal;
  }
  .se3-lists .swiper-bots .items .text .tits,
  .wel-section2 .items2 .li.active .words .text{
    font-size: 16px;
	font-weight: normal;
  }
  .wel-section2 .items2 .li .txts,
  .wel-section2 .items1 .txts .b{
    font-size: 20px;
  }










	/**/
  .talent-listbox .items .txt{
    transition:.5s ease-in-out;

  }

  .imgbtn-swiper .swiper-pagination .swiper-pagination-bullet:hover{
  background: #00a1e9;
  transition:.5s ease-in-out;
  }
  .talent-listbox .items{
    transition:.5s ease-in-out;
  }
  .talent-listbox .items:hover{
    transition:.5s ease-in-out;
    background: #00a1e9;
    color: #fff;
  }
  .talent-listbox .items .tits,.talent-listbox .items .txt{
     transition:.5s ease-in-out;
  }
  .talent-listbox .items:hover .tits,.talent-listbox .items:hover .txt{
    color: #fff;
     transition:.5s ease-in-out;
    border-color: #fff;
  }

      .talent-listbox .items .txt:hover{
     /* transition:.5s ease-in-out;
      color: #fff;
      border-color: #00a1e9;
      background:#00a1e9;*/
    }
  .con-rightfixed.no-fixeds{
    width: 60%;
    margin:0 auto;
    margin-top: 1rem;
  }
  .talent2-list1 .itemsbox .items:hover img{
    transition:.5s ease-in-out;
    transform:scale3d(1.05, 1.05, 1)!important;
    /*transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1)!important;*/
  }
    .enterprise-titles a{
      transition:.5s ease-in-out;
    }
    .enterprise-titles a:hover{
      transition:.5s ease-in-out;
      color: #00a1e9;
    }
    .se3-lists .swiper-button-prev:hover, .se3-lists .swiper-button-next:hover{
      transition:.5s ease-in-out;
      background-color: #00a1e9;

    }
    .wel-banner video{
	
    }
    .history-lists .li:hover:before,
    .history-lists .li:before{
    transition:.5s ease-in-out;
    }
    .history-lists .li:nth-child(2n+1):hover:before {
    right: -.55rem;
    background: url(../img/i5300.png) no-repeat center;
    background-size: 100%;
    }
    .history-lists .li:nth-child(2n+2):hover:before {
    left: -.55rem;
    background: url(../img/i5400.png) no-repeat center;
    background-size: 100%;
    }



  .ser-container .items{
    transition:.5s ease-in-out;
  }
  .ser-container .items:hover{
    padding-top: .5rem;
    transition:.5s ease-in-out;
  }
  .serbots-container .items:hover img{
    transition:.5s ease-in-out;
    transform:scale3d(1.05,1.05,1);
  }
  .ser-container .items .txts,
  .ser-container .items .tits{
    transition:.5s ease-in-out;
  }
  .ser-container .items:hover .txts,
  .ser-container .items:hover .tits{
    transition:.5s ease-in-out;
    color:#00A1E9;
  }

  .tech1-swiper .items .span{
    transition:.5s ease-in-out;
  }
  .tech1-swiper .items:hover .span{
    transition:.5s ease-in-out;
    color:#fff;
    background: #00a1e9;
  }
  .history-lists .li .num,
  .history-lists .li .txts,
  .history-lists .li{
    transition:.5s ease-in-out;
  }
  .history-lists .li:hover .num,
  .history-lists .li:hover .txts{
    color:#fff;
    transition:.5s ease-in-out;
  }
  .history-lists .li:hover{
    transition:.5s ease-in-out;
    background: #00A1E9;
    color:#fff;
  }
  .se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i {
    transition: .5s ease-in-out;
  }
  .se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i:hover {
    background: #fff;
    color: #333;
  }
  .se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i:hover:before {
    background: url(../img/t4.png) no-repeat center;
    background-size: 100%;
  }

  .bocweb-header .nav-bots .technology-mores {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-bots .technology-mores:hover:before {
    transition: .5s ease-in-out;
    transform: translateX(10px);
  }

  .bocweb-header .nav-bots .technology-mores:before {
    transition: .5s ease-in-out;
  }

  .bocweb-footer .f-right .link-bots a {
    transition: .5s ease-in-out;
  }
  .bocweb-footer .f-right .link-bots a:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #00a1e9;
  }

  .bocweb-footer .f-right .link-tops {
    cursor: pointer;
  }

  .bocweb-header .nav-bots .nav-botsright .images:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .bocweb-header .nav-bots .nav-botsleft .iitems {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-bots .nav-botsleft .iitems:hover {
    transition: .5s ease-in-out;
    color: #00a1e9;
    border-bottom-color: #00a1e9;
  }
  .bocweb-header .nav-bots .nav-botsleft .iitems:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-bots .nav-botsleft .iitems:hover .i {
    border-color: #00a1e9;
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-bots .nav-botsleft .iitems:hover .i img {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-bots .nav-botsleft .iitems:hover .i .i1 {
    opacity: 0;
  }
  .bocweb-header .nav-bots .nav-botsleft .iitems:hover .i .i0 {
    opacity: 1;
  }

  .se5-footer a,
  .w-titbox .mores {
    transition: .5s ease-in-out;
  }
  .se5-footer a:hover,
  .w-titbox .mores:hover {
    transition: .5s ease-in-out;
    color: #00a1e9;
  }

  .se5-items2 .lists .items {
    transition: .5s ease-in-out;
  }
  .se5-items2 .lists .items .time {
    transition: .5s ease-in-out;
  }
  .se5-items2 .lists .items:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #00a1e9;
  }
  .se5-items2 .lists .items:hover .time {
    color: #fff;
    transition: .5s ease-in-out;
  }

  .se5-items1 .li .ileft {
    transition: .5s ease-in-out;
  }

  .se5-items1 .li:hover .ileft {
    color: #00a1e9;
    transition: .5s ease-in-out;
  }

  .se5-items1 .imgbox:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .se5-items1 .imgbox .imgs {
    overflow: hidden;
  }

  .se5-items1 .imgbox img {
    transition: .5s ease-in-out;
  }

  .se4-lists .lists .items .imgs {
    transition: .5s ease-in-out;
  }

  .se4-lists .lists .items:hover .imgs {
    transform: scale3d(1.05, 1.05, 1);
    transition: .5s ease-in-out;
  }

  .history-lists .li:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .history-lists .li img {
    transition: .5s ease-in-out;
  }

  .jmore:hover {
    transition: .5s ease-in-out;
  }
  .jmore:hover:hover {
    transition: .5s ease-in-out;
    color: #fff;
    border-color: #00a1e9;
    background-color: #00a1e9;
  }

  .history-titles .li:hover {
    color: #fff;
    background: #00a1e9;
  }
  .history-titles .li:hover .txts {
    color: #fff;
  }
  .history-titles .li:hover .imgs img {
    transition: .5s ease-in-out;
  }
  .history-titles .li:hover .imgs .i0 {
    opacity: 0;
  }
  .history-titles .li:hover .imgs .i1 {
    opacity: 1;
  }

  .abouts-partner .map-titles .li {
    transition: .5s ease-in-out;
  }
  .abouts-partner .map-titles .li:hover {
    color: #fff;
    background: #063f6b;
    transition: .5s ease-in-out;
  }

  .tech3-lists .items:hover .imgs img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .tech2-tops .lists .i {
    transition: .5s ease-in-out;
  }
  .tech2-tops .lists .i:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #00a1e9;
  }

  .tech1-swiper .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .tech1-list .tit-list .li:hover {
    color: #00a1e9;
    transition: .5s ease-in-out;
  }
  .tech1-list .tit-list .li:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .bocweb-header a {
    transition: .5s ease-in-out;
  }
  .bocweb-header a .imgspan {
    color: #fff;
  }
  .bocweb-header a:hover, .bocweb-header a.active {
    color: #00a1e9;
    transition: .5s ease-in-out;
  }
  .bocweb-header .li-tops {
    transition: .5s ease-in-out;
  }
  .bocweb-header .li-tops:hover, .bocweb-header .li-tops.active {
    color: #00a1e9;
    transition: .5s ease-in-out;
  }
  .bocweb-header .bocweb-rightnav .li:hover.server .span {
    background: url(../img/ser1.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-rightnav .li:hover.langs .li-tops span {
    background: url(../img/lang2.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-rightnav .li:hover.langs .li-tops:before {
    background: url(../img/sj1.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-nav .nav-tops:hover:before {
    background: url(../img/i01.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-rightnav .li.active.server .span {
    background: url(../img/ser1.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-rightnav .li.active.langs .li-tops span {
    background: url(../img/lang2.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-rightnav .li.active.langs .li-tops:before {
    background: url(../img/sj1.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header .bocweb-nav .nav-tops.active:before {
    background: url(../img/i01.png) no-repeat center;
    background-size: 100%;
  }

  .bocweb-header.active a {
    transition: .5s ease-in-out;
  }
  .bocweb-header.active a .imgspan {
    color: #000;
  }
  .bocweb-header.active a:hover {
    color: #00a1e9;
    transition: .5s ease-in-out;
  }
  .bocweb-header.active .bocweb-rightnav .li:hover.server .span {
    background: url(../img/ser1.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header.active .bocweb-rightnav .li:hover.langs .li-tops span {
    background: url(../img/lang2.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header.active .bocweb-rightnav .li:hover.langs .li-tops:before {
    background: url(../img/sj1.png) no-repeat center;
    background-size: 100%;
  }
  .bocweb-header.active .bocweb-nav .nav-tops:hover:before {
    background: url(../img/i01.png) no-repeat center;
    background-size: 100%;
  }

  .ser-container .items .w-text {
    transition: .5s ease-in-out;
  }

  .ser-container .items:hover .w-text {
    transition: .5s ease-in-out;
    padding-top: .6rem;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
  }

  .enterprise-swiper .items {
    transition: .5s ease-in-out;
  }
  .enterprise-swiper .items:hover {
    transition: .5s ease-in-out;
  }
  .enterprise-swiper .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .enterprise-lists .items {
    transition: .5s ease-in-out;
  }
  .enterprise-lists .items:hover {
    border: 1px solid #00a1e9;
    transition: .5s ease-in-out;
  }

  .enterprise-swiper .swiper-pagination .swiper-pagination-bullet:hover {
    background: #063f6b;
    transition: .5s ease-in-out;
  }

  .tal-bots-title .selects .selects-tops {
    transition: .5s ease-in-out;
  }
  .tal-bots-title .selects .selects-tops:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #0377bf;
  }
  .tal-bots-title .selects .selects-tops:hover:before {
    background: url(../img/i27.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }

  .form-lists .tr-tops:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #0377bf;
  }

  .talent2-swiper .items:hover .imgs img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .talent-lists3 .words .txts .i {
    transition: .5s ease-in-out;
  }
  .talent-lists3 .words .txts .i:hover {
    transition: .5s ease-in-out;
    color: #0377bf;
  }
  .talent-lists3 .words .txts .i:hover:before {
    background: url(../img/i24.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }

  .talent2-list1 .itemsbox .items .imgs {
    overflow: hidden;
  }
  .talent2-list1 .itemsbox .items img {
    transition: .5s ease-in-out;
  }
  .talent2-list1 .itemsbox .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .in-ce-tits .li:hover {
    color: #fff;
    transition: .5s ease-in-out;
    border-color: #00a1e9;
    background-color: #00a1e9;
  }

  .talent-tops .talent-lists1 .words .li {
    transition: .5s ease-in-out;
  }
  .talent-tops .talent-lists1 .words .li .txts {
    transition: .5s ease-in-out;
  }
  .talent-tops .talent-lists1 .words .li:hover {
    /*transition: .5s ease-in-out;*/
    /*background-color: #0377bf !important;*/
    /*color: #fff;*/
  }
  .talent-tops .talent-lists1 .words .li:hover .imgs {
    /*opacity: .5;*/
    /*filter: grayscale(100%) brightness(1000%);*/
  }
  .talent-tops .talent-lists1 .words .li:hover .txts {
    /*transition: .5s ease-in-out;*/
    /*color: #fff;*/
  }

  .investor-center .items {
    transition: .5s ease-in-out;
  }
  .investor-center .items span:before,
  .investor-center .items .more,
  .investor-center .items .tits {
    transition: .5s ease-in-out;
  }
  .investor-center .items:hover {
    transition: .5s ease-in-out;
    background: #fff;
  }
  .investor-center .items:hover .more {
    transition: .5s ease-in-out;
    color: #00a1e9;
  }
  .investor-center .items:hover .more span:before {
    background: url(../img/i15.png) no-repeat center;
    background-size: 100%;
  }
  .investor-center .items:hover .tits {
    transition: .5s ease-in-out;
    color: #00a1e9;
  }

  .news-titles .li {
    transition: .5s ease-in-out;
  }
  .news-titles .li:hover {
    background: #00a1e9;
    transition: .5s ease-in-out;
  }

  .news-lists .items .images img {
    transition: .5s ease-in-out;
  }

  .news-lists .items:hover .images img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .news-lists .items .words {
    transition: .5s ease;
    border: 1px solid #f6f6f6;
  }
  .news-lists .items:hover .words {
    background: #fff;
    transition: .5s ease;
    border: 1px solid #00a1e9;
    border-left-color: #fff;
  }
}
.news-lists .more b, .news-lists .more span {
  line-height: 1;
}

@media (max-width: 1650px) {
  .news-lists .items .words .more {
    margin-top: .7rem;
  }

  .news-lists .items .words {
    padding: 1rem 1.2rem;
  }

  .cont-lists .ul .li {
    width: 19%;
    margin-left: 1.25%;
  }
}
@media (max-width: 1560px) {
  .abs-bots-bots .words .ibox {
    max-width: 90%;
  }

  .w800 {
    max-width: 90%;
  }
}
@media (max-width: 1360px) {
  .abs-bots-bots .words .ibox {
    max-width: 92%;
  }

  .w800 {
    max-width: 92%;
  }
}
@media (max-width: 1380px) {
  .news-lists .items .words .txts {
    margin-top: .25rem;
    margin-bottom: .5rem;
  }

  .news-lists .items .words .more {
    margin-top: .5rem;
  }

  /*ii*/
  .technology-images {
    padding-top: 1.35rem;
    padding-bottom: 3.06rem;
  }
  .technology-images .images {
    width: 36rem;
  }
  .technology-images .images .txts {
    top: 0.45rem;
    padding: 0.72rem 0.81rem;
    width: 9rem;
  }
  .technology-images .images .dian .num span {
    height: 0.675rem;
    line-height: 0.675rem;
    left: 0.675rem;
    padding-left: 0.225rem;
  }
  .technology-images .images .dian .num .span {
    width: 0.675rem;
    height: 0.675rem;
    line-height: 0.675rem;
  }

  /*ii*/
}
.talent2-list1 .itemsbox .items .imgs {
  overflow: hidden;
}

@media (max-width: 1190px) {
  .bocweb-header .bocweb-logo{
    width: 12em;
  }
  .history-titles .li .tits, .history-lists .li .num, .honor-swiper-box .swiper-slide .tits, .w-titbox .w-tit, .abouts-tops-left .txts, .abouts-bots .abstxts, .abouts-bots .items .txts, .con-rightfixed .items-rightbox .li1 .li-tit, .tech-tit, .talent-tops .talent-lists1 .text, .talent-lists3 .words .tits, .talent-listbox .items .tits, .bocweb-header .bocweb-nav .nav-tops{
    font-size: 16px;
  }
  .bocweb-header .bocweb-nav .nav-tops{
    font-size: 14px;
  }
  .bocweb-header .bocweb-rightnav .li.langs .li-tops{
    padding-right: 38px;
  }
  .se5-items1 .imgbox {
    width: 45%;
  }

  .se5-items1 .wordsbox {
    width: calc(55% - .65rem);
  }

  .se3-lists .swiper-bots .swiper-container .swiper-slide {
    width: 32%;
  }

  .wel-section2 .items1 .text {
    height: 5.1em;
    -webkit-line-clamp: 3;
  }

  .wel-section2 .items4 .lists {
    padding-right: 5%;
  }

  .wel-section2 .items4 .lists .tits {
    font-size: 45px;
  }

  /*ii*/
  .technology-images {
    padding-top: 1.2rem;
    padding-bottom: 2.72rem;
  }
  .technology-images .images {
    width: 32rem;
  }
  .technology-images .images .txts {
    top: 0.4rem;
    padding: 0.64rem 0.72rem;
    width: 8rem;
  }
  .technology-images .images .dian .num span {
    height: 0.6rem;
    line-height: 0.6rem;
    left: 0.6rem;
    padding-left: 0.2rem;
  }
  .technology-images .images .dian .num .span {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
  }

  /*ii*/
  .talent2-list1 .itemsbox .items img {
    /*max-width: 150%;*/
    /*width: 150%;*/
    /*margin-left: -25%;*/
  }

  .talent-tops .talent-lists1 .words {
    width: 80%;
  }

  .talent-tops .talent-lists1 .words .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .talent-tops .talent-lists1 .words .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .talent-tops .talent-lists1 .text {
    width: 20%;
  }

  .news-lists .items .images {
    width: 40%;
  }

  .news-lists .items .words {
    width: 60%;
  }

  .news-lists .items .words .text {
    line-height: 1.8em;
    height: 3.6em;
  }

  .news-lists .items .words {
    padding: .5rem 1rem;
  }

  .cont-lists .ul .li {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .cont-lists .ul .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .cont-lists .ul .li:nth-child(3n+1) {
    margin-left: 0;
  }

  .investor-tops .itembox .images {
    padding-left: 1rem;
    padding-right: 0;
  }
}
@media (max-width: 1800px) {
  .wel-section2 .items4{
    padding-top: .75rem;
  }

  .wel-section2 .items4 .lists .li.li3, .wel-section2 .items4 .lists .li.li4{
    padding-top: .75rem;
  }
}
@media (max-width: 1023px) {
  .con-rightfixed.no-fixeds{
    margin-top: .8rem;
  }
  .abouts-partner .map-list{
    margin-top: -1rem;
  }
  .se5-items1 .li .ileft {
    line-height: .8rem;
    height: .8rem;
  }

  .se5-items1 .wordsbox {
    padding: .5rem .6rem;
  }

  .se5-items1 .w-titbox {
    margin-bottom: .3rem;
  }

  .wel-section2 .items4 .lists .imgs {
    width: 2rem;
    height: 2rem;
  }

  .wel-section2 .items2 {
    padding-top: 1.8rem;
    padding-left: 5%;
    padding-bottom: 1rem;
  }

  .section5,
  .wel-section2 .items1,
  .se3-lists {
    padding-top: 50px;
  }

  .wel-section2 .items1 .words {
    padding-top: .5rem;
  }
  .section4{
    padding-top: 50px;
  }

  .se4-lists {
    /*padding-top: calc(50px + 1rem);*/
    padding: 0;
    height: 100%;
    position: relative;
  }
  .se4-boxs{
    position: absolute;
    top: 50%;
    width: 100%;
    top: 50%;
    left: 0;
    transform:translateY(-50%);

  }

  .con-rightfixed {
    /*display: none;*/
  }

  .technology-images .images .txts,
  .technology-images .images .dian .num span {
    display: none !important;
  }

  .tech2-tops .ibox {
    width: 100%;
  }

  .tech2-right {
    margin-top: 1rem;
  }

  .tech2-tops .tbody .td {
    padding-left: .5rem;
    line-height: 2rem;
    height: 2rem;
  }

  .tech2-tops .table .td1 {
    width: 35%;
  }

  .tech2-tops .table .td2 {
    width: 65%;
  }
}
.con-rightfixed.no-fixeds{
  position: relative;
  z-index: 5;
  right: auto;
}
@media (max-width: 1023px) {
  .con-header{
    height: 50px;
  }
  .con-rightfixed .items-rightbox .li1 .cheak{
    line-height: .8rem;
  }
  .con-rightfixed .items-rightbox .li1 .cheak input{
    top: .15rem;
  }
  .con-rightfixed.no-fixeds .items-rightbox .li1{
    padding: 0;
  }
  .svgsio{
    display: none;
  }
  .so{
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  .itlists{
    margin-top: 1rem;
  }
  .bocweb-footer .footer-tops {
    display: none;
  }

  .bocweb-footer .footer-bots .f-bright {
    margin-top: 5px;
  }

  .bocweb-footer .footer-bots {
    line-height: 2;
    height: auto;
    padding: .8rem .2rem;
    text-align: center;
  }

  .bocweb-footer .footer-bots .f-bleft,
  .bocweb-footer .footer-bots .f-bright {
    width: 100%;
  }

  /*ii*/
  .technology-images {
    padding-top: 1.35rem;
    padding-bottom: 3.06rem;
  }
  .technology-images .images {
    width: 100%;
  }
  .technology-images .images .txts {
    top: 0.45rem;
    padding: 0.72rem 0.81rem;
    width: 9rem;
  }
  .technology-images .images .dian .num span {
    height: 0.675rem;
    line-height: 0.675rem;
    left: 0.675rem;
    padding-left: 0.225rem;
  }
  .technology-images .images .dian .num .span {
    width: 0.675rem;
    height: 0.675rem;
    line-height: 0.675rem;
  }

  /*ii*/
  .abouts-tops .abouts-tops-left, .abouts-tops .abouts-tops-right {
    width: 100%;
  }

  .abouts-tops-right {
    margin-top: 1rem;
  }

  .honor-swiper-box .words {
    padding-right: 0;
  }

  .honor-swiper-box .words {
    padding-bottom: 1.5rem;
  }

  .honor-swiper-box {
    height: 17rem;
  }

  .abouts-partner .lists .img {
    width: 32%;
    margin-left: 2%;
  }
  .abouts-partner .lists .img img {
    width: 100%;
  }
  .abouts-partner .lists .img:nth-child(3n+1) {
    margin-left: 0;
  }

  .history-titles .li .txts {
    display: none;
  }

  .honor-swiper-box .images img {
    height: auto;
  }

  .honor-swiper-box .images {
    top: 1rem;
    height: auto;
  }
}
@media (max-width: 900px) {
  .con-rightfixed.active1{
    right: 13rem;
  }
  .con-rightfixed .items-rightbox .li1{
    width: 13rem;
  }
  .se5-items1 .imgbox {
    width: 50%;
  }

  .se5-items1 .wordsbox {
    width: calc(50% - .3rem);
  }

  .se4-lists .lists .items .words {
    padding: 1rem;
  }

  .se3-lists .words {
    height: 30vh;
  }

  .se3-lists .swiper-bots {
    /*height: 70vh;*/
    height: calc(100% - 1.25rem - 80px);
  }

  .se3-lists .swiper-bots .swiper-container .swiper-slide {
    width: 30%;
  }

  .abouts-tops-left {
    padding-right: 0;
  }

  .honor-swiper-titles {
    padding-bottom: 1.5rem;
  }

  .abouts-bots .items1 {
    padding-bottom: 2rem;
  }

  .abouts-bots .items2 .words {
    padding-right: 0;
  }

  .abouts-bots .items2 .images {
    margin-top: 0;
  }

  .abs-bots-bots .words .ibox {
    width: 100%;
    max-width: 100%;
  }

  .abs-bots-bots .words {
    padding: .75rem;
  }
  .abouts-bots .items .words.fr {
    padding-left: 0;
  }
  .abouts-bots .items .words {
    padding-left: 0;
    margin-top: 1rem;
  }

  .abs-bots-bots .images, .abs-bots-bots .words,
  .abouts-bots .itlistsbox .words, .abouts-bots .itlistsbox .images {
    width: 100%;
  }

  .news-lists .items .images {
    width: 50%;
  }

  .news-lists .items .words {
    width: 50%;
  }

  .honor-swiper-titles .txts {
    display: none;
  }

  .honor-swiper-titles {
    margin-top: -1.75rem;
  }

  .honor-swiper-box .images {
    width: 65%;
  }

  .honor-swiper-box {
    height: auto;
  }

  .honor-swiper-box .words {
    width: 100%;
    height: 16rem;
  }

  .wel-section2 .items4 .lists .txts {
    line-height: 1.5;
  }

  .wel-fixeds .items {
    width: 70%;
  }
}
.m-header .welcome-a .icobox {
  margin-top: 5px;
}

.se5-items1 .imgbox img {
  width: 100%;
}
.imgbtn-swiper .swiper-pagination{
  position: static;
  text-align: center;
  margin-top: 1.25rem;
  line-height: 1;

}
.imgbtn-swiper .swiper-pagination .swiper-pagination-bullet{
  opacity: 1;
  margin:0 5px;
  display: inline-block;
  vertical-align: middle;
  background: #666;
  transition:.5s ease-in-out;
}
.imgbtn-swiper .swiper-pagination .swiper-pagination-bullet-active{
  background: #00a1e9;
  transition:.5s ease-in-out;
}
@media (max-width: 767px) {
  .m-header .welcome-a .icobox{
    width: 8rem;
  }
  .m-header .welcome-a .icobox{
    height: auto;
  }

  .tech1-swiper .items .imgs img{
    width: 90%;
    margin:0 auto;
  }
  .tech1-swiper .swiper-slide{
    padding: 1px;

  }
  .tech1-swiper .items .imgs img,
  .tech3-lists .imgs img{
    height: 4.5rem;
    /*height:auto;*/
  }
  .abouts-tops-right .li.li6 .ib{
    top: 2rem;
    bottom: auto;
  }
  .talent2-swiper .items .imgs img{
    height: 5rem;
  }
  .serbots-container .items img,
  .enterprise-swiper .imgs img{
    height: 10rem;
  }
  .talent-listbox .items{
    width: 100%;
    margin-left: 0;
  }
  .talent-listbox .items:nth-child(n+2){
    margin-top:.5rem;
  }
  .wel-section2 .items4 .lists .titbox{
    margin-top: 0;
  }
    .se3-lists .words .tits{
      height: 30px;
      line-height: 30px;
    }
    .se3-lists .words .text{
      height: 13px;
      margin-top: 7px;
    }

  .wel-banner .btns .swiper-pagination{
    text-align: center;
  }
  .wel-banner .btns{
    bottom: 1.5rem;
    text-align: center;
  }
  .se5-items1 .li{
    padding: 6px 0;
  }
  .se5-items1 .li .iright,
  .se5-items1 .li .ileft{
    width: 100%;
  }
  .history-lists .li{
    width: 90%!important;
    margin-left: 10%!important;
    margin-top: 1rem;
  }
  .history-lists .li:before{
      left: -.55rem!important;
      background: url(../img/i54.png) no-repeat center!important;
      background-size: 100%;
  }
  .history-lists .li:nth-child(2n+2){
    margin-top: 1rem;
  }
  .history-lists .lists:before{
    right: auto;
  }
  .wel-section2 .items1 .words .more{
    bottom: 0;
  }
  .wel-section2 .items4 .lists .tits{
    margin-top: 0;
  }
  .wel-section2 .items4 .lists .imgs{
    display: none;
  }
  .search-dialog .search{
    width: 100%;
  }

  
  .news-details img{
    width: auto!important;
    height: auto!important;
  }
  .abs-bots-bots .abstxts {
    margin-top: .5rem;
    margin-bottom: .8rem;
    line-height: 1.6;
  }

  .abouts-tops-left .txts,
  .abouts-bots .abstxts {
    line-height: 1.6;
  }

  .abouts-bots .items2 .words .ibox:nth-child(n+2) {
    margin-top: 1rem;
  }

  .abouts-history,
  .abouts-bots .items2 {
    padding-top: 1.5rem;
    padding-bottom: 1.8rem;
  }

  .abouts-bots .items .txts {
    margin-bottom: .7rem;
  }

  .wel-fixeds .items {
    width: 90%;
  }

  .se3-btns {
    overflow: hidden;
  }
  .se3-btns .swiper-button-prev {
    float: left;
  }
  .se3-btns .swiper-button-next {
    float: right;
  }

  .se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i {
    padding-left: .35rem;
  }

  .se5-lists {
    padding-top: .5rem;
  }

  .se5-items1 .li:nth-child(n+3) {
    display: none;
  }

  .se5-items2 .lists .items:nth-child(n+2) {
    display: none;
  }

  .se5-items2 .lists .items {
    width: 100%;
    margin-left: 0;
  }

  .se5-items1 .imgbox .words {
    padding: .75rem;
  }

  .se4-lists .se4tits {
    margin-bottom: .75rem;
  }

  .se5-items2 .lists .items .time {
    margin-top: .5rem;
  }

  .se5-items2 .lists {
    margin-bottom: .35rem;
    padding-bottom: .5rem;
  }

  .se5-footer {
    line-height: 1.5;
    padding-top: .35rem;
  }

  .se5-items2 .lists .items .txts {
    margin-top: .2rem;
  }

  .se5-items1 .imgbox .words .txts {
    margin-top: .7rem;
    margin-bottom: .25rem;
  }

  .se5-title {
    margin-bottom: .75rem;
  }

  .wel-section2 .items3:before {
    width: 50px;
    height: 50px;
  }

  .se5-items1 .wordsbox {
    position: static;
    width: 100%;
  }

  .se5-items1 .imgbox {
    width: 100%;
    margin-bottom: 12px;
  }

  .se5-footer {
    text-align: center;
    padding-bottom: .75rem;
  }

  .se4-lists .lists .items .th2 {
    line-height: 1.5em;
    -webkit-line-clamp: 2;
    max-height: 3em;
    height: auto;
  }

  .se4-lists .lists .items .words {
    padding: .5rem;
  }

  .se4-lists .lists .items .more {
    padding-top: .3rem;
  }

  .se4-lists .lists .items.items2,
  .se4-lists .lists .items {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .se4-lists .lists .items:nth-child(n+2) {
    margin-top: 12px;
  }

  .se4-lists .lists .items .words {
    position: relative;
    z-index: 1;
    padding-top: 18px;
    padding-bottom: 30px;
  }

  .se4-lists .lists .items .imgs {
    height: auto;
    z-index: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }

  .se3-lists .swiper-bots .swiper-container .text-lists .t-h1 {
    margin-bottom: 1rem;
    text-align: center;
  }

  .se3-lists .swiper-bots .swiper-container .text-lists {
    padding: .6rem;
    padding-top: 30px;
  }

  .se3-lists .swiper-bots .swiper-container .text-lists .s-lists .i {
    width: 100%;
    margin-left: 0;
    margin-bottom: .4rem;
  }

  .se3-btns {
    width: 100%;
  }

  .se3-lists .swiper-bots .swiper-container .swiper-slide {
    width: 65%;
  }

  .se3-lists .swiper-bots .swiper-container .text-lists {
    display: block;
  }

  .se3-lists .swiper-bots .swiper-container .items .text {
    display: none;
  }

  .se3-lists .words {
    /*height: 20vh;*/
    height: calc(1.25rem + 80px);
    text-align: center;
  }


  .se3-lists .words .text .box {
    display: none;
  }

  .wel-section2 .items4 {
    padding-left: 3%;
    padding-right: 3%;
  }
  .wel-section2 .items4 .swiper-pagination {
    position: static;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .wel-section2 .items4 .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #ccc;
    margin: 0 5px;
  }
  .wel-section2 .items4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00a1e9;
  }

  .wel-section2 .items4 .lists {
    padding-right: 0;
  }

  .wel-section2 .items {
    width: 100%;
    height: auto;
    color: #666666;
  }
  .wel-section2 .items .li {
    color: #666;
  }

  .wel-section2 .items4 .lists .li {
    color: #666666;
  }

  .wel-section2 .items4 {
    background: #fff;
  }

  .wel-section2 .items1 .words {
    padding-top: 0;
    padding-bottom: 30px;
    float: none;
    width: 94%;
    margin: 0 auto;
  }

  .wel-section2 .items1 {
    padding-right: 0;
  }

  .wel-section2 {
    padding-top: 50px;
  }

  .se5-items2 .lists .items {
    padding: .7rem;
  }

  .wel-section2 .items1 {
    padding-top: 20px;
    padding-bottom: 30px;
    max-height: 36%;
    overflow: hidden;
  }

  .wel-section2 .items3 {
    height: 36%;
    overflow: hidden;
  }

  .news-details {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .newsdetails-tit {
    padding: 0;
  }
  .abouts-tops-right .li .tits, .abouts-tops-right .li .txts, .abouts-tops-right .li .text{
    line-height: 1.5;
  }
  .abouts-partner .map .ab-tits{
    top: -2em;
  }
  .abouts-partner{
    padding-top: 3.2rem;
  }
  .abouts-partner .map {
    width: 150%;
    max-width: none;
    height: 150%;
    margin-left: -25%;
  }

  .history-titles .li {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .history-titles .li *{
    line-height: 1.5;
  }
  .history-titles .li .tits {
    font-size: 14px;
  }

  .history-titles .li .imgs {
    display: none;
  }

  .honor-swiper-box .swiper-wrapper {
    padding-left: 0;
  }

  .honor-swiper-box .swiper-slide .tits {
    font-size: 16px;
    line-height: 1.3;
  }

  .honor-swiper-box .swiper-slide-active .tits {
    font-size: 20px;
  }

  .honor-swiper-box .swiper-slide {
    height: 20%;
  }

  .honor-swiper-box .swiper-slide:before {
    display: none;
  }

  .honor-swiper-box .swiper-slide-active {
    height: 20%;
  }

  .history-lists .li {
    padding: .5rem;
  }

  .abouts-tops-right .li {
    padding: .5rem;
  }

  .abouts-tops-right .li .txts {
    font-size: 28px;
  }

  .tech2-tops .table {
    padding: .55rem;
  }

  .tech3-lists .con-swiper .swiper-pagination {
    margin-top: 1rem;
  }

  .tech1-list .tit-list .li {
    margin-left: 0 !important;
    width: 50%;
    line-height: 1.5;
    padding: 0.5em 0;
    /*height: 4em;*/
  }

  .ser-container {
    padding-bottom: 1.25rem;
  }

  .server-centers-words {
    min-height: auto;
    padding-bottom: 1rem;
  }

  .serbots-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .serbots-container .swiper-button-next {
    right: .5rem;
  }

  .serbots-container .swiper-button-prev {
    left: .5rem;
  }

  .talent-tops .talent-lists1 .text {
    width: 100%;
  }

  .talent-tops .talent-lists1 .words {
    width: 100%;
    margin-top: 5%;
    padding-left: 0;
  }

  .form-lists .td.td2,
  .form-lists .td.td3 {
    display: none;
  }

  .form-lists .td.td1 {
    width: 52%;
  }

  .form-lists .li {
    width: 100%;
  }
  .form-lists .li:nth-child(n+2) {
    margin-top: 5%;
  }

  .form-lists .td.td4 {
    width: 48%;
  }

  .tal-bots-title .tit-fl .txts, .tal-bots-title .tit-fl .tits {
    width: 100%;
  }

  .tal-bots-title .selects:nth-child(n+2) {
    margin-left: 2%;
  }

  .tal-bots-title .selects {
    width: 49%;
    margin-left: 2%;
  }

  .tal-bots-title .select-fr {
    width: 100%;
  }

  .tal-bots-title .selects {
    width: 49%;
    margin-left: 2%;
  }

  .tal-bots-title .selects .selects-tops {
    width: 100%;
  }

  .tal-bots-title .selects:nth-child(n+2) {
    margin-left: 2%;
  }

  .tal-bots-title .selects:nth-child(2n+1) {
    margin-left: 0;
  }

  .talent-lists3 .words {
    padding-top: 5%;
    padding-left: 0;
  }

  .talent2-list1 .itemsbox .items {
    width: 100%;
    margin-left: 0;
  }

  .talent-lists3 .imgs, .talent-lists3 .words {
    width: 100%;
  }

  .news-lists .items .images {
    width: 100%;
  }

  .news-lists .items .words {
    width: 100%;
    position: static;
  }

  .news-lists .items .words {
    padding: 1rem;
  }

  .con-banner .words {
    padding-top: 25%;
  }

  .news-titles .li {
    width: 48%;
  }

  .news-titles .li:nth-child(n+2) {
    margin-left: 2%;
  }

  .cont-lists .ul .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .cont-lists .ul .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .cont-lists .ul .li:nth-child(3n+1) {
    margin-left: 2%;
  }
  .cont-lists .ul .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .investor-tops .itembox .images,
  .investor-tops .itembox .words {
    width: 100%;
  }

  .investor-tops .itembox .images {
    padding: 0;
    margin-top: 2rem;
  }

  .in-ce-tits .li {
    width: auto;
    padding: 0 10px;
    margin: 0 1%;
  }

  .investor-tops .itembox .ul .li {
    padding: .6rem 0;
    width: 25%;
  }

  .investor-center .page {
    margin-top: 1rem;
  }

  .investor-bots .items {
    width: 100%;
    margin-left: 0;
  }
  .investor-bots .items:nth-child(n+2) {
    margin-top: .5rem;
  }

  .tal-bots-title .tit-fl {
    padding-left: 0;
  }

  .tal-bots-title .tit-fl .tits {
    position: static;
  }

  .tal-bots-title .tit-fl .txts .i:before {
    top: .3rem;
  }
    .se3-lists .words .txts{
    display: none;
  }
  .se3-lists .words .text .se3-btns{
    position: static;
    text-align: center;
  }
  .se3-btns .swiper-button-prev, .se3-btns .swiper-button-next{
    float: none;
    margin:0 5px;
  }

}
@media (max-width: 450px) {
  .enterprise-titles a{
    padding:0 .5rem;
  }
  .in-ce-tits .li {
    padding: 0 5px;
    margin: .5%;
    font-size: 12px;
  }

  .talent-tops .talent-lists1 .words .li .txts.tit-20 {
    font-size: 13px;
  }

  .talent-tops .talent-lists1 .words .li .txts.tit-30 {
    font-size: 20px;
  }

  .history-titles .li {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

/*# sourceMappingURL=style.css.map */
.tit-80{
  font-size: 1.75rem;
}


.con-rightfixed{
  background-color: rgba(255,255,255,.2);
}
.con-rightfixed .ftops .span{
  color: #00a1e9;
}


/**/
.con-rightfixed.active1 .items-leftbox .items1 .ftops,
.con-rightfixed.active2 .items-leftbox .items2 .ftops,
.con-rightfixed.active3 .items-leftbox .items3 .ftops {
  background: #ffffff;
}
.con-rightfixed .ftops:before{
  background-color:  #00a1e9;
}

.bocweb-header .bocweb-nav .nav-tops,
.xyxtxt{
	color: #fff!important;
}
.bocweb-header.whitefixed:hover .bocweb-nav .nav-tops,
.bocweb-header.whitefixed:hover .bocweb-header.active .cursor-no,
.bocweb-header.whitefixed:hover .xyxtxt{
	color: #000!important;
}
.bocweb-header.whitefixed:hover .bocweb-rightnav .li:before {
  background: rgba(0, 0, 0, 0.5);
}
.bocweb-header.whitefixed:hover .bocweb-nav .nav-tops:before {
  background: url(../img/i01.png) no-repeat center;
}
.bocweb-header.whitefixed:hover .logoimg .i0 {
  opacity: 0;
  transition: all 0.5s;
}
.bocweb-header.whitefixed:hover .logoimg .i1 {
  opacity: 1;
  transition: all 0.5s;
}