/*$color2:#d1001c;*/
/*mixin @include*/
/*%** @extend*/
/*background-image: -webkit-gradient(linear, left 0, right 0, from(#057aa1), to(#09377d));
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;*/
/*transform*/
/*caijian*/
.about-01 .words-list .items .imgs{
  position: relative;
}
@keyframes examples {
  from {transform: scale3d(.9,.9,1);}
  to {transform: scale3d(2.5,2.5,1);}
}
.about-02-listss{
  text-align: center;
}
.about-03tops .lis .span .i{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.about-03tops .lis.on .span .i1{
  background:#ec6941;
  transform: scale3d(1.3,1.3,1);

}
.about-03tops .lis.active  .span .i1{
  background:#00b297;
  transform: scale3d(1.8,1.8,1);
}
.about-03tops .lis .span .i1{
  background:#00a4ff;
  z-index: 2;
  transform: scale3d(.8,.8,1);
}
.about-03tops .lis.lis3120:before{
  display: block;
}
.about-03tops .lis .span .i0{
  background: rgba(0, 64, 255, 0.2);
  z-index: 1;
  width: 200%;
  position: absolute;
  height: 200%;
  left: -50%;
  top: -50%;
  border-radius: 50%;

}
.about-03tops .lis.active .span .i0{
  background: rgba(0, 178, 151, 0.2);
          animation: examples 1.5s linear 0s infinite alternate;
    -moz-animation: examples 1.5s linear 0s infinite alternate;
    -webkit-animation: examples 1.5s linear 0s infinite alternate;
    -o-animation: examples 1.5s linear 0s infinite alternate;
}
.about-03tops .lis.on .span .i0{
  background: rgba(236, 105, 65, 0.2);
}
  .supportinfo-centerlists .left .items.active span{
    font-weight: 600;
  }
.li-items{
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.li-items .items{
  width: 20%;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  height: 100%;
  position: relative;
}
.li-items  .items{
  /*position: absolute;*/
}
.li-items  .items:nth-child(1) .dian{
    position: absolute;
    left: 55%;
    top: 70%
}

.li-items  .items:nth-child(2) .dian{
  position: absolute;
  left: 49%;
  top: 43%;
}
.li-items  .items:nth-child(3) .dian{
  position: absolute;
  left: 49%;
  top: 53%;
}
.li-items  .items:nth-child(4) .dian{
  position: absolute;
  left: 49%;
  top: 27%;
}

.li-items  .items:nth-child(1) .words{
  top: auto;
  bottom: 3.875rem;
}

.li-items  .items:nth-child(2) .words{
  top: auto;
  bottom: 1.25rem;
}
.li-items  .items:nth-child(3) .words{
  top: auto;
  bottom: 8.25rem;
}
.li-items  .items:nth-child(4) .words{
  top: auto;
  bottom: 2.5rem;
}

.li-items  .items:nth-child(1) .imgs{
  top: auto;
  bottom: -2.2rem;
}

.li-items  .items:nth-child(2) .imgs{
  top: 0;
  bottom: auto;
}
.li-items  .items:nth-child(3) .imgs{
  top: auto;
  bottom: 0;
}
.li-items  .items:nth-child(4) .imgs{
  top: -1rem;
  bottom: auto;
}


.about-01 .words-list .items .imgs .ibgs{
  position: absolute;
  left: 0;
  top: 0;
      animation: fudonmg 1.5s linear 0s infinite alternate;
    -moz-animation: fudonmg 1.5s linear 0s infinite alternate;
    -webkit-animation: fudonmg 1.5s linear 0s infinite alternate;
    -o-animation: fudonmg 1.5s linear 0s infinite alternate;
}
    @keyframes fudonmg {
    from {
      transform: translateY(-10px);
    }
    to {
      transform: translateY(10px);
    }
  }
  .welcome-banner .items .words .cns2{
    color:#fff;
  }
  .welcome-banner .items .words .wel3-imgs{
    width: 38%;
  }

  .welcome-02 .words .i-imgs{
    /*width: 50%;*/
    /*position: relative;*/
    position: absolute;
    right: -8%;
    top: 0;
    width: 70%;
  }
  .welcome-02 .words .i-imgs .li{
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
          animation: fudonmg 1.5s linear 0s infinite alternate;
    -moz-animation: fudonmg 1.5s linear 0s infinite alternate;
    -webkit-animation: fudonmg 1.5s linear 0s infinite alternate;
    -o-animation: fudonmg 1.5s linear 0s infinite alternate;
  }
   .welcome-02 .words .i-imgs .li.li1{
    left: 18%;
    top: 5%;
   }
   .welcome-02 .words .i-imgs .li.li2{
    left: 69%;
    /*left: 73.5%;*/
    top: 5%;
          animation: fudonmg 1.5s linear .2s infinite alternate;
    -moz-animation: fudonmg 1.5s linear .2s infinite alternate;
    -webkit-animation: fudonmg 1.5s linear .2s infinite alternate;
    -o-animation: fudonmg 1.5s linear .2s infinite alternate;


   }
   .welcome-02 .words .i-imgs .li.li3{
    left: 18%;
    top: 51%;
   }
   .welcome-02 .words .i-imgs .li.li4{
    left: 69%;
    /*left: 73%;*/
    top: 51%;
          animation: fudonmg 1.5s linear .5s infinite alternate;
    -moz-animation: fudonmg 1.5s linear .5s infinite alternate;
    -webkit-animation: fudonmg 1.5s linear .5s infinite alternate;
    -o-animation: fudonmg 1.5s linear .5s infinite alternate;



   }
   .welcome-02 .words .i-imgs .li.li5{
    width: 19.5%;
    left: 39%;
    top: 4%;
   }


  .phonestext{
    position: absolute;
    left: 50%;
    top: 90px;
    transform:translateX(-50%);
    line-height: 2;
    opacity: 0;
    transition:.5s ease-in-out;
  }
  .bocweb-header .header-right .phone:hover .phonestext{
    opacity: 1;
    transition:.5s ease-in-out;
  }

.ft0 {
  font-size: 0;
}
.pro-list1swiper .btns.swiper-button-disabled{
	/*display: none;*/
}
/*.info2-tits .li,*/
.about-03bots-tits .swiper-slide.active .items{
	font-weight: bold;
}
.info3-items1.active .items-tops{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#004088), to(#02bbc8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    vertical-align: top;
}
.info2-lists .items.active  .items-tops{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#2784cf), to(#02b9c8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    vertical-align: top;
}

.info2-lists .info3-items1.items.active  .items-tops{
      background-image: none;
    -webkit-background-clip: none;
    -webkit-text-fill-color: #333;
}

.info2-lists .info3-items1.items.active  .items-tops .info3-tits{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#004088), to(#02bbc8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    vertical-align: top;
}


.about-02 .tits-0,
.about-01 .words-list .items .tits .tits-cn{
  /*font-weight: bold;*/
}
.supportinfo-centerlists .left .items .imgs{
  position: absolute;
  left: .6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .5rem;
  height: .5rem;
}
.supportinfo-centerlists .left .items .imgs  img{
  display: block;
}
.supportinfo-centerlists .left .items.active .imgs .i1{
  opacity: 1;
}
.supportinfo-centerlists .left .items .imgs .i1{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.ft12 {
  font-size: 12px;
}
.gallery-thumbs .swiper-slide{
	opacity: 0!important
}
.gallery-thumbs .swiper-slide-active{
	opacity: 1!important
}

.ft13 {
  font-size: 13px;
}

.ft14 {
  font-size: 14px;
}

.ft15 {
  font-size: 15px;
}

.ft16 {
  font-size: 0.38rem;
}

.ft17 {
  font-size: 0.425rem;
}

.ft18 {
  font-size: 0.45rem;
}

.ft19 {
  font-size: 0.475rem;
}

.ft20 {
  font-size: 0.5rem;
}

.ft21 {
  font-size: 0.525rem;
}

.ft22 {
  font-size: 0.55rem;
}

.ft23 {
  font-size: 0.575rem;
}

.ft24 {
  font-size: 0.6rem;
}

.ft25 {
  font-size: 0.625rem;
}

.ft26 {
  font-size: 0.65rem;
}

.ft27 {
  font-size: 0.675rem;
}

.ft28 {
  font-size: 0.7rem;
}

.ft29 {
  font-size: 0.725rem;
}

.ft30 {
  font-size: 0.75rem;
}

.ft31 {
  font-size: 0.775rem;
}

.ft32 {
  font-size: 0.8rem;
}

.ft33 {
  font-size: 0.825rem;
}

.ft34 {
  font-size: 0.85rem;
}

.ft35 {
  font-size: 0.875rem;
}

.ft36 {
  font-size: 0.9rem;
}

.ft37 {
  font-size: 0.925rem;
}

.ft38 {
  font-size: 0.95rem;
}

.ft39 {
  font-size: 0.975rem;
}

.ft40 {
  font-size: 1rem;
}

.ft41 {
  font-size: 1.025rem;
}

.ft42 {
  font-size: 1.05rem;
}

.ft43 {
  font-size: 1.075rem;
}

.ft44 {
  font-size: 1.1rem;
}

.ft45 {
  font-size: 1.125rem;
}

.ft46 {
  font-size: 1.15rem;
}

.ft47 {
  font-size: 1.175rem;
}

.ft48 {
  font-size: 1.2rem;
}

.ft49 {
  font-size: 1.225rem;
}

.ft50 {
  font-size: 1.25rem;
}

.ft51 {
  font-size: 1.275rem;
}

.ft52 {
  font-size: 1.3rem;
}

.ft53 {
  font-size: 1.325rem;
}

.ft54 {
  font-size: 1.35rem;
}

.ft55 {
  font-size: 1.375rem;
}

.ft56 {
  font-size: 1.4rem;
}

.ft57 {
  font-size: 1.425rem;
}

.ft58 {
  font-size: 1.45rem;
}

.ft59 {
  font-size: 1.475rem;
}

.ft60 {
  font-size: 1.5rem;
}

.ft61 {
  font-size: 1.525rem;
}

.ft62 {
  font-size: 1.55rem;
}

.ft63 {
  font-size: 1.575rem;
}

.ft64 {
  font-size: 1.6rem;
}

.ft65 {
  font-size: 1.625rem;
}

.ft66 {
  font-size: 1.65rem;
}

.ft67 {
  font-size: 1.675rem;
}

.ft68 {
  font-size: 1.7rem;
}

.ft69 {
  font-size: 1.725rem;
}

.ft70 {
  font-size: 1.75rem;
}

.ft71 {
  font-size: 1.775rem;
}

.ft72 {
  font-size: 1.8rem;
}

.ft73 {
  font-size: 1.825rem;
}

.ft74 {
  font-size: 1.85rem;
}

.ft75 {
  font-size: 1.875rem;
}

.ft76 {
  font-size: 1.9rem;
}

.ft77 {
  font-size: 1.925rem;
}

.ft78 {
  font-size: 1.95rem;
}

.ft79 {
  font-size: 1.975rem;
}

.ft80 {
  font-size: 2rem;
}

.ft81 {
  font-size: 2.025rem;
}

.ft82 {
  font-size: 2.05rem;
}

.ft83 {
  font-size: 2.075rem;
}

.ft84 {
  font-size: 2.1rem;
}

.ft85 {
  font-size: 2.125rem;
}

.ft86 {
  font-size: 2.15rem;
}

.ft87 {
  font-size: 2.175rem;
}

.ft88 {
  font-size: 2.2rem;
}

.ft89 {
  font-size: 2.225rem;
}

.ft90 {
  font-size: 2.25rem;
}

.ft91 {
  font-size: 2.275rem;
}

.ft92 {
  font-size: 2.3rem;
}

.ft93 {
  font-size: 2.325rem;
}

.ft94 {
  font-size: 2.35rem;
}

.ft95 {
  font-size: 2.375rem;
}

.ft96 {
  font-size: 2.4rem;
}

.ft97 {
  font-size: 2.425rem;
}

.ft98 {
  font-size: 2.45rem;
}

.ft99 {
  font-size: 2.475rem;
}

.ft100 {
  font-size: 2.5rem;
}

.ft101 {
  font-size: 2.525rem;
}

.ft102 {
  font-size: 2.55rem;
}

.ft103 {
  font-size: 2.575rem;
}

.ft104 {
  font-size: 2.6rem;
}

.ft105 {
  font-size: 2.625rem;
}

.ft106 {
  font-size: 2.65rem;
}

.ft107 {
  font-size: 2.675rem;
}

.ft108 {
  font-size: 2.7rem;
}

.ft109 {
  font-size: 2.725rem;
}

.ft110 {
  font-size: 2.75rem;
}

.ft111 {
  font-size: 2.775rem;
}

.ft112 {
  font-size: 2.8rem;
}

.ft113 {
  font-size: 2.825rem;
}

.ft114 {
  font-size: 2.85rem;
}

.ft115 {
  font-size: 2.875rem;
}

.ft116 {
  font-size: 2.9rem;
}

.ft117 {
  font-size: 2.925rem;
}

.ft118 {
  font-size: 2.95rem;
}

.ft119 {
  font-size: 2.975rem;
}

.ft120 {
  font-size: 3rem;
}

.ft121 {
  font-size: 3.025rem;
}

.ft122 {
  font-size: 3.05rem;
}

.ft123 {
  font-size: 3.075rem;
}

.ft124 {
  font-size: 3.1rem;
}

.ft125 {
  font-size: 3.125rem;
}

.ft126 {
  font-size: 3.15rem;
}

.ft127 {
  font-size: 3.175rem;
}

.ft128 {
  font-size: 3.2rem;
}

.ft129 {
  font-size: 3.225rem;
}

.ft130 {
  font-size: 3.25rem;
}

.ft131 {
  font-size: 3.275rem;
}

.ft132 {
  font-size: 3.3rem;
}

.ft133 {
  font-size: 3.325rem;
}

.ft134 {
  font-size: 3.35rem;
}

.ft135 {
  font-size: 3.375rem;
}

.ft136 {
  font-size: 3.4rem;
}

.ft137 {
  font-size: 3.425rem;
}

.ft138 {
  font-size: 3.45rem;
}

.ft139 {
  font-size: 3.475rem;
}

.ft140 {
  font-size: 3.5rem;
}

.ft141 {
  font-size: 3.525rem;
}

.ft142 {
  font-size: 3.55rem;
}

.ft143 {
  font-size: 3.575rem;
}

.ft144 {
  font-size: 3.6rem;
}

.ft145 {
  font-size: 3.625rem;
}

.ft146 {
  font-size: 3.65rem;
}

.ft147 {
  font-size: 3.675rem;
}

.ft148 {
  font-size: 3.7rem;
}

.ft149 {
  font-size: 3.725rem;
}

.ft150 {
  font-size: 3.75rem;
}

.ft151 {
  font-size: 3.775rem;
}

.ft152 {
  font-size: 3.8rem;
}

.ft153 {
  font-size: 3.825rem;
}

.ft154 {
  font-size: 3.85rem;
}

.ft155 {
  font-size: 3.875rem;
}

.ft156 {
  font-size: 3.9rem;
}

.ft157 {
  font-size: 3.925rem;
}

.ft158 {
  font-size: 3.95rem;
}

.ft159 {
  font-size: 3.975rem;
}

.ft160 {
  font-size: 4rem;
}

.ft161 {
  font-size: 4.025rem;
}

.ft162 {
  font-size: 4.05rem;
}

.ft163 {
  font-size: 4.075rem;
}

.ft164 {
  font-size: 4.1rem;
}

.ft165 {
  font-size: 4.125rem;
}

.ft166 {
  font-size: 4.15rem;
}

.ft167 {
  font-size: 4.175rem;
}

.ft168 {
  font-size: 4.2rem;
}

.ft169 {
  font-size: 4.225rem;
}

.ft170 {
  font-size: 4.25rem;
}

.ft171 {
  font-size: 4.275rem;
}

.ft172 {
  font-size: 4.3rem;
}

.ft173 {
  font-size: 4.325rem;
}

.ft174 {
  font-size: 4.35rem;
}

.ft175 {
  font-size: 4.375rem;
}

.ft176 {
  font-size: 4.4rem;
}

.ft177 {
  font-size: 4.425rem;
}

.ft178 {
  font-size: 4.45rem;
}

.ft179 {
  font-size: 4.475rem;
}

.ft180 {
  font-size: 4.5rem;
}

.ft181 {
  font-size: 4.525rem;
}

.ft182 {
  font-size: 4.55rem;
}

.ft183 {
  font-size: 4.575rem;
}

.ft184 {
  font-size: 4.6rem;
}

.ft185 {
  font-size: 4.625rem;
}

.ft186 {
  font-size: 4.65rem;
}

.ft187 {
  font-size: 4.675rem;
}

.ft188 {
  font-size: 4.7rem;
}

.ft189 {
  font-size: 4.725rem;
}

.ft190 {
  font-size: 4.75rem;
}

.ft191 {
  font-size: 4.775rem;
}

.ft192 {
  font-size: 4.8rem;
}

.ft193 {
  font-size: 4.825rem;
}

.ft194 {
  font-size: 4.85rem;
}

.ft195 {
  font-size: 4.875rem;
}

.ft196 {
  font-size: 4.9rem;
}

.ft197 {
  font-size: 4.925rem;
}

.ft198 {
  font-size: 4.95rem;
}

.ft199 {
  font-size: 4.975rem;
}

.ft200 {
  font-size: 5rem;
}

@media screen and (max-width: 767px) {
  .ft12 {
    font-size: .22rem;
  }

  .ft13 {
    font-size: .22rem;
  }

  .ft14 {
    font-size: .24rem;
  }

  .ft15 {
    font-size: .24rem;
  }

  .ft16 {
    font-size: .24rem;
  }

  .ft17 {
    font-size: .24rem;
  }

  .ft18 {
    font-size: .26rem;
  }

  .ft19 {
    font-size: .26rem;
  }

  .ft20 {
    font-size: .26rem;
  }

  .ft21 {
    font-size: .26rem;
  }

  .ft22 {
    font-size: .32rem;
  }

  .ft23 {
    font-size: .32rem;
  }

  .ft24 {
    font-size: 0.32rem;
  }

  .ft25 {
    font-size: 0.32rem;
  }

  .ft26 {
    font-size: 0.32rem;
  }

  .ft27 {
    font-size: 0.32rem;
  }

  .ft28 {
    font-size: 0.32rem;
  }

  .ft29 {
    font-size: 0.32rem;
  }

  .ft30 {
    font-size: 0.32rem;
  }

  .ft31 {
    font-size: 0.32rem;
  }

  .ft32 {
    font-size: 0.32rem;
  }

  .ft33 {
    font-size: 0.34rem;
  }

  .ft34 {
    font-size: 0.34rem;
  }

  .ft35 {
    font-size: 0.35rem;
  }

  .ft36 {
    font-size: 0.36rem;
  }

  .ft37 {
    font-size: 0.37rem;
  }

  .ft38 {
    font-size: 0.38rem;
  }

  .ft39 {
    font-size: 0.39rem;
  }

  .ft40 {
    font-size: 0.4rem;
  }

  .ft41 {
    font-size: 0.41rem;
  }

  .ft42 {
    font-size: 0.42rem;
  }

  .ft43 {
    font-size: 0.43rem;
  }

  .ft44 {
    font-size: 0.44rem;
  }

  .ft45 {
    font-size: 0.45rem;
  }

  .ft46 {
    font-size: 0.46rem;
  }

  .ft47 {
    font-size: 0.47rem;
  }

  .ft48 {
    font-size: 0.48rem;
  }

  .ft49 {
    font-size: 0.49rem;
  }

  .ft50 {
    font-size: 0.5rem;
  }

  .ft51 {
    font-size: 0.51rem;
  }

  .ft52 {
    font-size: 0.52rem;
  }

  .ft53 {
    font-size: 0.53rem;
  }

  .ft54 {
    font-size: 0.54rem;
  }

  .ft55 {
    font-size: 0.55rem;
  }

  .ft56 {
    font-size: 0.56rem;
  }

  .ft57 {
    font-size: 0.57rem;
  }

  .ft58 {
    font-size: 0.58rem;
  }

  .ft59 {
    font-size: 0.59rem;
  }

  .ft60 {
    font-size: 0.6rem;
  }

  .ft61 {
    font-size: 0.61rem;
  }

  .ft62 {
    font-size: 0.62rem;
  }

  .ft63 {
    font-size: 0.63rem;
  }

  .ft64 {
    font-size: 0.64rem;
  }

  .ft65 {
    font-size: 0.65rem;
  }

  .ft66 {
    font-size: 0.66rem;
  }

  .ft67 {
    font-size: 0.67rem;
  }

  .ft68 {
    font-size: 0.68rem;
  }

  .ft69 {
    font-size: 0.69rem;
  }

  .ft70 {
    font-size: 0.7rem;
  }

  .ft71 {
    font-size: 0.71rem;
  }

  .ft72 {
    font-size: 0.72rem;
  }

  .ft73 {
    font-size: 0.73rem;
  }

  .ft74 {
    font-size: 0.74rem;
  }

  .ft75 {
    font-size: 0.75rem;
  }

  .ft76 {
    font-size: 0.76rem;
  }

  .ft77 {
    font-size: 0.77rem;
  }

  .ft78 {
    font-size: 0.78rem;
  }

  .ft79 {
    font-size: 0.79rem;
  }

  .ft80 {
    font-size: 0.8rem;
  }

  .ft81 {
    font-size: 0.81rem;
  }

  .ft82 {
    font-size: 0.82rem;
  }

  .ft83 {
    font-size: 0.83rem;
  }

  .ft84 {
    font-size: 0.84rem;
  }

  .ft85 {
    font-size: 0.85rem;
  }

  .ft86 {
    font-size: 0.86rem;
  }

  .ft87 {
    font-size: 0.87rem;
  }

  .ft88 {
    font-size: 0.88rem;
  }

  .ft89 {
    font-size: 0.89rem;
  }

  .ft90 {
    font-size: 0.9rem;
  }

  .ft91 {
    font-size: 0.91rem;
  }

  .ft92 {
    font-size: 0.92rem;
  }

  .ft93 {
    font-size: 0.93rem;
  }

  .ft94 {
    font-size: 0.94rem;
  }

  .ft95 {
    font-size: 0.95rem;
  }

  .ft96 {
    font-size: 0.96rem;
  }

  .ft97 {
    font-size: 0.97rem;
  }

  .ft98 {
    font-size: 0.98rem;
  }

  .ft99 {
    font-size: 0.99rem;
  }

  .ft100 {
    font-size: 1rem;
  }

  .ft101 {
    font-size: 1.01rem;
  }

  .ft102 {
    font-size: 1.02rem;
  }

  .ft103 {
    font-size: 1.03rem;
  }

  .ft104 {
    font-size: 1.04rem;
  }

  .ft105 {
    font-size: 1.05rem;
  }

  .ft106 {
    font-size: 1.06rem;
  }

  .ft107 {
    font-size: 1.07rem;
  }

  .ft108 {
    font-size: 1.08rem;
  }

  .ft109 {
    font-size: 1.09rem;
  }

  .ft110 {
    font-size: 1.1rem;
  }

  .ft111 {
    font-size: 1.11rem;
  }

  .ft112 {
    font-size: 1.12rem;
  }

  .ft113 {
    font-size: 1.13rem;
  }

  .ft114 {
    font-size: 1.14rem;
  }

  .ft115 {
    font-size: 1.15rem;
  }

  .ft116 {
    font-size: 1.16rem;
  }

  .ft117 {
    font-size: 1.17rem;
  }

  .ft118 {
    font-size: 1.18rem;
  }

  .ft119 {
    font-size: 1.19rem;
  }

  .ft120 {
    font-size: 1.2rem;
  }

  .ft121 {
    font-size: 1.21rem;
  }

  .ft122 {
    font-size: 1.22rem;
  }

  .ft123 {
    font-size: 1.23rem;
  }

  .ft124 {
    font-size: 1.24rem;
  }

  .ft125 {
    font-size: 1.25rem;
  }

  .ft126 {
    font-size: 1.26rem;
  }

  .ft127 {
    font-size: 1.27rem;
  }

  .ft128 {
    font-size: 1.28rem;
  }

  .ft129 {
    font-size: 1.29rem;
  }

  .ft130 {
    font-size: 1.3rem;
  }

  .ft131 {
    font-size: 1.31rem;
  }

  .ft132 {
    font-size: 1.32rem;
  }

  .ft133 {
    font-size: 1.33rem;
  }

  .ft134 {
    font-size: 1.34rem;
  }

  .ft135 {
    font-size: 1.35rem;
  }

  .ft136 {
    font-size: 1.36rem;
  }

  .ft137 {
    font-size: 1.37rem;
  }

  .ft138 {
    font-size: 1.38rem;
  }

  .ft139 {
    font-size: 1.39rem;
  }

  .ft140 {
    font-size: 1.4rem;
  }

  .ft141 {
    font-size: 1.41rem;
  }

  .ft142 {
    font-size: 1.42rem;
  }

  .ft143 {
    font-size: 1.43rem;
  }

  .ft144 {
    font-size: 1.44rem;
  }

  .ft145 {
    font-size: 1.45rem;
  }

  .ft146 {
    font-size: 1.46rem;
  }

  .ft147 {
    font-size: 1.47rem;
  }

  .ft148 {
    font-size: 1.48rem;
  }

  .ft149 {
    font-size: 1.49rem;
  }

  .ft150 {
    font-size: 1.5rem;
  }

  .ft151 {
    font-size: 1.51rem;
  }

  .ft152 {
    font-size: 1.52rem;
  }

  .ft153 {
    font-size: 1.53rem;
  }

  .ft154 {
    font-size: 1.54rem;
  }

  .ft155 {
    font-size: 1.55rem;
  }

  .ft156 {
    font-size: 1.56rem;
  }

  .ft157 {
    font-size: 1.57rem;
  }

  .ft158 {
    font-size: 1.58rem;
  }

  .ft159 {
    font-size: 1.59rem;
  }

  .ft160 {
    font-size: 1.6rem;
  }

  .ft161 {
    font-size: 1.61rem;
  }

  .ft162 {
    font-size: 1.62rem;
  }

  .ft163 {
    font-size: 1.63rem;
  }

  .ft164 {
    font-size: 1.64rem;
  }

  .ft165 {
    font-size: 1.65rem;
  }

  .ft166 {
    font-size: 1.66rem;
  }

  .ft167 {
    font-size: 1.67rem;
  }

  .ft168 {
    font-size: 1.68rem;
  }

  .ft169 {
    font-size: 1.69rem;
  }

  .ft170 {
    font-size: 1.7rem;
  }

  .ft171 {
    font-size: 1.71rem;
  }

  .ft172 {
    font-size: 1.72rem;
  }

  .ft173 {
    font-size: 1.73rem;
  }

  .ft174 {
    font-size: 1.74rem;
  }

  .ft175 {
    font-size: 1.75rem;
  }

  .ft176 {
    font-size: 1.76rem;
  }

  .ft177 {
    font-size: 1.77rem;
  }

  .ft178 {
    font-size: 1.78rem;
  }

  .ft179 {
    font-size: 1.79rem;
  }

  .ft180 {
    font-size: 1.8rem;
  }

  .ft181 {
    font-size: 1.81rem;
  }

  .ft182 {
    font-size: 1.82rem;
  }

  .ft183 {
    font-size: 1.83rem;
  }

  .ft184 {
    font-size: 1.84rem;
  }

  .ft185 {
    font-size: 1.85rem;
  }

  .ft186 {
    font-size: 1.86rem;
  }

  .ft187 {
    font-size: 1.87rem;
  }

  .ft188 {
    font-size: 1.88rem;
  }

  .ft189 {
    font-size: 1.89rem;
  }

  .ft190 {
    font-size: 1.9rem;
  }

  .ft191 {
    font-size: 1.91rem;
  }

  .ft192 {
    font-size: 1.92rem;
  }

  .ft193 {
    font-size: 1.93rem;
  }

  .ft194 {
    font-size: 1.94rem;
  }

  .ft195 {
    font-size: 1.95rem;
  }

  .ft196 {
    font-size: 1.96rem;
  }

  .ft197 {
    font-size: 1.97rem;
  }

  .ft198 {
    font-size: 1.98rem;
  }

  .ft199 {
    font-size: 1.99rem;
  }

  .ft200 {
    font-size: 2rem;
  }
}
/*@media*/
/*@media not screen and (max-width: 1023px){}*/
@font-face {
  font-family: 'agl';
  src: url("/bocstatic/web/css/fonts/AGLettericaCondensed.eot");
  src: url("/bocstatic/web/css/fonts/AGLettericaCondensed.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/AGLettericaCondensed.woff") format("woff"), url("/bocstatic/web/css/fonts/AGLettericaCondensed.ttf") format("truetype"), url("/bocstatic/web/css/fonts/AGLettericaCondensed.svg") format("svg");
}
.agl {
  font-family: "agl";
}

@font-face {
  font-family: 'dinbold';
  src: url("/bocstatic/web/css/fonts/DIN-BOLD.eot");
  src: url("/bocstatic/web/css/fonts/DIN-BOLD.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/DIN-BOLD.woff") format("woff"), url("/bocstatic/web/css/fonts/DIN-BOLD.ttf") format("truetype"), url("/bocstatic/web/css/fonts/DIN-BOLD.svg") format("svg");
}
.dinbold {
  font-family: "dinbold";
}

@font-face {
  font-family: 'gilroy';
  src: url("/bocstatic/web/css/fonts/GILROY-BOLD-4.eot");
  src: url("/bocstatic/web/css/fonts/GILROY-BOLD-4.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/GILROY-BOLD-4.woff") format("woff"), url("/bocstatic/web/css/fonts/GILROY-BOLD-4.ttf") format("truetype"), url("/bocstatic/web/css/fonts/GILROY-BOLD-4.svg") format("svg");
}
.gilroys,
.gilroy {
  font-family: "gilroy";
}

/**/
body, html {
  font-family: "Source Han Sans CN" ,"Helvetica Neue" ,"Microsoft YaHei","PingFang SC"  ,  Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", sans-serif;
}
body.ovh,html.ovh{
  overflow: hidden;
}
body {
  font-size: 14px;
  color: #222;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
}

.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(../img/jpg/tishi.png) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.wow {
  opacity: 0;
  /*-webkit-transform: translateY(30px);*/
  /*transform: translateY(30px);*/
  transition: .5s ease-in-out;
}

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

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

.wow.animated {
  visibility: visible;
}

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

.arial {
  font-family: Arial;
}

/**/
img {
  max-width: 100%;
}

.pre {
  position: relative;
}

.w100 {
  width: 100%;
}

.pro {
  position: absolute;
}

.prf {
  position: fixed;
}

/*font*/
.bold {
  font-weight: 600;
}

.pc768 {
  display: block;
}

.m768 {
  display: none;
}

.mbox {
  display: none;
}

.pcbox {
  display: block;
}

.tc {
  text-align: center;
}

header.header.fixed,
.m-header.fixed {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 100;
}

.lb-data .lb-close {
  right: 1.5rem;
  top: 1.5rem;
  position: absolute;
}

.video-fixed {
  z-index: 320;
}

input, select {
  border: none;
  outline: none;
}

.bd_weixin_popup {
  box-sizing: content-box;
}

.con-before, .con-after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 1023px) and (max-width: 1900px){
 .news-building .p{
  font-size: 15px;
 }
}


@media screen and (max-width: 1023px) {

  .pcbox {
    display: none;
  }

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

  .m768 {
    display: block;
  }
}
body {
  min-height: 100vh;
}

.m-header.fixed .w-header {
  background: #fff;
}
.right-fixed .it-top2{
  position: relative;
          border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  width: 100%;
  height: 100%;
  /*overflow:hidden;*/
}
.right-fixed .it-top2 .its-center{
  background: url(/bocstatic/web/img/itphone.png) #fff no-repeat center;
      border: 1px solid #0065a6;
   border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-size: 100%;
    width: 100%;
    height: 100%;
}
.right-fixed .it-top2  .its-bots2{
  position: absolute;
  display: none;
  right: 50px;
  line-height: 50px;
  color:#0065a6;
  top: 0;
  width: 140px;

}
.right-fixed {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  /*width: 60px;*/
  /*height: 170px;*/
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 30;
  text-align: center;
}
.right-fixed .it {
  cursor: pointer;
}
header.header.fixed{
  border-bottom:1px solid #e8e8e8;
}
.right-fixed .it-top {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: -65px;

}
.right-fixed .it-top .its-tops{
  overflow: hidden;
  border: 1px solid #0065a6;
    border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.right-fixed .it-top .its-tops {
  background: url(/bocstatic/web/img/m7.png) #fff no-repeat center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}
.right-fixed{
  display: none;
}
.right-fixed .it-top .its-bots {
  position: absolute;
  right: 50px;
  padding-right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.right-fixed .it-top .its-bots img {
  width: 100px;
  position: absolute;
  right: 20px;
  max-width: none;
  top: 50%;
  transform: translateY(-50%);
}
.right-fixed .it-bot {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: -65px;
  border: 1px solid #0065a6;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}
.right-fixed .it-bot span {
  background-image: -webkit-gradient(linear, left 0, right 0, from(#008bb4), to(#00549f));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  font-weight: bold;
}
.right-fixed .it-center {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 170px;
  background-image: linear-gradient(to bottom, #00acd0, #008ec8);
  color: #fff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.right-fixed .it-center span {
  padding-top: .95rem;
  width: 1em;
  display: inline-block;
  vertical-align: middle;
  line-height: .5rem;
  position: relative;
}
.right-fixed .it-center span:before {
  position: absolute;
  content: "";
  width: .75rem;
  height: .75rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(/bocstatic/web/img/m6.png) no-repeat center;
  background-size: 100%;
}

.m-header .nav-btn .line {
  background-color: #fff;
}

.m-header.fixed .nav-btn .line {
  background-color: #333;
}

.footerlangs .langs {
  width: 20px;
  height: 20px;
  background: url(/bocstatic/web/img/qiu.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.onsactive-on .m-header .nav-phone .span {
  background: url(/bocstatic/web/img/phone1.png) no-repeat center;
  background-size: 100%;
}

.onsactive-on .footerlangs .langs {
  background: url(/bocstatic/web/img/qiu2.png) no-repeat center;
  background-size: 100%;
}

.m-header .nav-phone {
  padding: 0 .2rem;
  margin: 0 .2rem;
  position: relative;
}
.m-header .nav-phone:before, .m-header .nav-phone:after {
  position: absolute;
  content: "";
  width: 1px;
  height: .2rem;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  margin: auto;
}
.m-header .nav-phone:before {
  left: 0;
}
.m-header .nav-phone:after {
  right: 0;
}

.m-header .nav-phone .span {
  width: 20px;
  height: 20px;
  background: url(/bocstatic/web/img/phone.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

body.ovh .m-header .nav-sousuo {
  /*background:url(/bocstatic/web/img/i3.png) no-repeat center;*/
  background-size: 80%;
}

body.ovh .m-header .nav-sousuo {
  /*background:url(/bocstatic/web/img/jpg/search2.png) no-repeat center;*/
  background-size: 50%;
}

.m-header .nav-sousuo {
  /*background:url(/bocstatic/web/img/jpg/search.png) no-repeat center;*/
  background-size: 50%;
}

.con-header {
  height: 90px;
  line-height: 90px;
  position: relative;
}

.bocweb-header {
  height: 90px;
  color: #333333;
  background: #fff;
  position: relative;
  z-index: 100;
}
.pros-list{
  width: 100%;
  /*max-width: 1470px;*/
  margin: 0 auto;
  background:#f6f7fc;
  text-align: left;
  position: relative;
}
.pros-list .pros-left{
  width: 15%;
  background:#fff;
  padding:.5rem 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  overflow-y:auto;
}
.pros-list .pros-right{
  padding:.75rem 2rem;

}
.pros-list .pros-left .it-left{
  /*line-height: 2rem;*/
  /*height: 2rem;*/
  height: 1.65rem;
  line-height: 1.65rem;
  position: relative;
  display: block;
  padding-left: .75rem;
  padding-right: 1rem;
  /*transition:.5s ease-in-out;*/
  transition:none;
}
.pros-list .pros-left .it-left.active,
.pros-list .pros-left .it-left:hover{
  background: url(/bocstatic/web/img/jpgs.png) no-repeat center ;
  background-size: cover;
  color:#fff!important;
  /*transition:.5s ease-in-out;*/
   transition:none;
}
.pros-list .pros-left .it-left.active:before,
.pros-list .pros-left .it-left:hover:before{
  opacity: 1;
}
.pros-list .pros-left .it-left:before{
  position:absolute;
  content:"";
  top: 0;
  bottom: 0;
  margin: auto;
  width: .5rem;
  height: .25rem;
  background: url(/bocstatic/web/img/jpg.png) no-repeat center ;
  background-size: 100%;
  right: .5rem;
  opacity: 0;
  /*transition:.5s ease-in-out;*/
   transition:none;
}
.pros-list .pros-right{
  width: 85%;
}
.pros-list .pros-right .i-list .i-li{
  line-height: 1.5;
  color:#444444;
  transition:.5s ease-in-out;
}
.pros-list .pros-right .i-list{
  display: none;
    overflow-y:auto;
  max-height: 100%;
}
.pros-list .pros-right .i-list .i-li:hover,
.pros-list .pros-right .i-list .i-li.active{
  transition:.5s ease-in-out;
  color: #073190;
}
.pros-list .pros-right .i-list .i-li:nth-child(n+2){
  margin-top: .25rem;
}
.pros-list .pros-right .i-list .ul:nth-child(4n+1){
  margin-left: 0;
}
.pros-list .pros-right .ul-tops{
  line-height: 1.5rem;
  color:#073190;
  height: 1.5rem;
  margin-bottom: .6rem;
  border-bottom:1px solid #dfe2e6; 
}
.pros-list .pros-right .i-list .ul{
  float: left;
  width: 22%;
  margin-left: 3%;
  /* height: 15.5rem; */
  height: auto;


}
.bocweb-header .items.pros{
  position: static;
}
.bocweb-header .items.pros .items-botss a{
  display: block;
  color:#444444;
}
.bocweb-header .items.pros .items-botss{
  background:transparent;
  padding-top: 0;
  line-height: 1.2;
  z-index: 100;
    position: fixed;
    left: 0;
    top: 90px;
    width: 96%;
    right: 0;
    margin: auto;
}
.bocweb-header .items.pros .items-botss{
  height: 88vh;
  overflow-y: scroll;
}
.bocweb-header .items.pros .items-botss .pros-list{
  height: 100%;
}
.bocweb-header .items-bots {
  position: absolute;
  display: none;
  left: 0;
  top: 90px;
  width: 100%;
}
.bocweb-header .items-bots .i {
  display: block;
  line-height: 2;
  text-align: center;
}
.bocweb-header .items {
  /*position: relative;*/
}
.bocweb-header .bocweb-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 6rem;
  text-align: center;
  border-right: 1px solid #e8e8e8;
}
.bocweb-header .bocweb-logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 80%;
}
.bocweb-header .bocweb-nav {
  text-align: left;
  margin-left: .75rem;
  font-size: 0;
}
.bocweb-header .items {
  display: inline-block;
  font-size: .4rem;
  /*font-size: .45rem;*/
  vertical-align: middle;
  padding: 0 .5rem;
}
.bocweb-header .items a {
  color: #111111;
}
.bocweb-header .items .items-tops {
  padding-right: .5rem;
  height: 100%;
  display: block;
  position: relative;
}
.bocweb-header .items .items-tops:before {
  width: .3rem;
  height: .15rem;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i0.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .bocweb-nav {
  padding: 0 6rem;
}
.products-box .products-tops .words .tits{
  text-transform: capitalize;
}
.products-box .products-tops .inputs{
  display: none;
}
.bocweb-header .bocweb-nav a {
  /*transition: .5s ease-in-out;*/
}
.bocweb-header .bocweb-nav a.active {
  color: #007bc2;
  transition: .5s ease-in-out;
}
.bocweb-header .header-right {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  padding-right: 1.25rem;
}
.bocweb-header .header-right .spans {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333333;
}
.bocweb-header .header-right .langs span {
  width: 23px;
  height: 90px;
  display: inline-block;
  vertical-align: middle;
  background: url(/bocstatic/web/img/i1.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.bocweb-header .header-right .phone {
  /*margin-left: .55rem;*/
  /*padding-left: .55rem;*/
  position: relative;
}
.bocweb-header .header-right .phone:before {
  position: absolute;
  /*content: "";*/
  width: 1px;
  height: .55rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #d6d6d6;
}
.bocweb-header .header-right .phone span {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url(/bocstatic/web/img/i2.png) no-repeat center;
  cursor: pointer;
  background-size: 100%;
}
.bocweb-header .inputsbox {
  margin-right: .7rem;
}

.inputsbox {
  position: relative;
  height: 40px;
  width: 190px;
  border-radius: 40px;
  background: #f2f2f2;
  overflow: hidden;
  line-height: 40px;
}
.inputsbox input {
  background: transparent;
  border: none;
  outline: none;
  display: block;
  padding: 0;
}
.inputsbox .text {
  width: 100%;
  height: 100%;
  padding-left: .55rem;
  padding-right: .9rem;
}
.inputsbox .submit {
  position: absolute;
  right: .5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i6.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  width: 15px;
  height: 15px;
  padding: 0;
  overflow: hidden;
}

.w1640 {
  width: 90%;
  max-width: 1640px;
  margin: 0 auto;
}

.bocweb-footer {
  background: #222222;
  color: rgba(102, 102, 102, 0.5);
}
.bocweb-footer a {
  color: rgba(102, 102, 102, 0.5);
}
.bocweb-footer .tits {
  line-height: 1;
  color: rgba(255, 255, 255, 0.3);
}
.bocweb-footer .text {
  color: #fff;
  line-height: 1;
}
.bocweb-footer .imgs {
  margin-top: 1rem;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  max-width: 50%;
  padding: 0 5px;
  /*width: 2.5rem;*/
}
.bocweb-footer .imgs .i {
  overflow: hidden;
  width: 2.5rem;
  margin:0 auto;
}
.bocweb-footer .imgs .spa {
  line-height: 1.3;
  text-align: center;
  margin-top: .3rem;
  color: rgba(255, 255, 255, 0.2);
}
.bocweb-footer .txts {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-top: .3rem;
  margin-bottom: .25rem;
}
.bocweb-footer .logo {
  display: inline-block;
  vertical-align: top;
  margin-bottom: .9rem;
}
.bocweb-footer .bocweb-footer-top {
  padding-top: 2.15rem;
  padding-bottom: 1.875rem;
}
.bocweb-footer .itemsbox{
    width:16%;
}
.bocweb-footer .bocweb-footer-right {
  font-size: 0;
  max-width:calc(100% - 20%);
}
.bocweb-footer .bocweb-footer-right .items {
  display: inline-block;
  vertical-align: top;
  font-size: .375rem;
}
.bocweb-footer .bocweb-footer-right .items a {
  display: block;
  transition: .5s ease-in-out;
}
.bocweb-footer .bocweb-footer-right .items a:hover {
  transition: .5s ease-in-out;
  color: #00569c;
}
.bocweb-footer .bocweb-footer-right .items:nth-child(n+2) {
  margin-left: 2rem;
}
.bocweb-footer .bocweb-footer-right .items .items-top {
  line-height: 1;
  font-size: .5rem;
  color: #fff;
  margin-bottom: .65rem;
}
.bocweb-footer .bocweb-footer-right .items .items-bots {
  line-height: 1rem;
}
.bocweb-footer .bocweb-footer-right .items .items-bots .items-top {
  margin-bottom: 0;
}

.bocweb-footer-bot {
  line-height: 1.9rem;
  height: 1.9rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: .35rem;
}

.f5f7fb {
  background: #f5f7fb;
}

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

.news-contitle {
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0;
}
.news-contitle .i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem;
  transition: .5s ease-in-out;
}
.news-contitle .i:hover, .news-contitle .i.active {
  color: #00569c;
  transition: .5s ease-in-out;
}
.news-contitle .i.home {
  margin: 0;
  padding-left: .65rem;
  position: relative;
}
.news-contitle .i.home:before {
  position: absolute;
  content: "";
  width: .375rem;
  height: .375rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i10.png) no-repeat center;
  background-size: 100%;
}
.news-contitle a {
  color: #868689;
}

.news-tits {
  line-height: 1;
}

.news-box {
  min-height: 18.25rem;
  padding-top: 3.25rem;
}
.news-box .list-bots {
  padding-bottom: 3.25rem;
}
.news-box .news-tits {
  margin-bottom: 1.2rem;
}
.news-box .inputs {
  margin: 0 auto;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 17.5rem;
  margin-bottom: 2.2rem;
  border-radius: 1.5rem;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.news-box .inputs input:-moz-placeholder,
.news-box .inputs textarea:-moz-placeholder {
  color: #b6b6b6;
}
.news-box .inputs input::-moz-placeholder,
.news-box .inputs textarea::-moz-placeholder {
  color: #b6b6b6;
}
.news-box .inputs input:-ms-input-placeholder,
.news-box .inputs textarea:-ms-input-placeholder {
  color: #b6b6b6;
}
.news-box .inputs input::-webkit-input-placeholder,
.news-box .inputs textarea::-webkit-input-placeholder {
  color: #b6b6b6;
}
.news-box .inputs input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: .75rem;
  padding-right: 2rem;
  color: #b6b6b6;
}
.news-box .inputs input[type=submit] {
  width: 2rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #007bc2;
  background-size: 0.625rem 0.625rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/bocstatic/web/img/i12.png);
  text-indent: -999px;
}
.news-box .list-bots {
  padding-top: .75rem;
}
.news-box .list-bots .list {
  padding-bottom: 2.75rem;
}
.news-box .list-bots .items {
  display: block;
  padding-top: 1.4rem;
  color: #666666;
  padding-bottom: 1.4rem;
  border-radius: 5px;
  overflow: hidden;
}
.news-box .list-bots .items .imgs {
  width: 30%;
  /*width: 7.875rem;*/
  border-radius: .25rem;
  overflow: hidden;
}
.news-box .list-bots .items .imgs img {
  width: 100%;
  transition: .5s ease-in-out;
}
.news-box .list-bots .items .words {
  width: 70%;
  /*width: calc(100% - 7.875rem);*/
  padding-left: 1.25rem;
}
.news-box .list-bots .items .box {
  transition: .5s ease-in-out;
}
.news-box .list-bots .items .txts {
  color: #666666;
  line-height: .8rem;
  height: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 20rem;
}
.news-box .list-bots .items .tits {
  line-height: .8rem;
  height: .8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
  margin-top: .6rem;
  margin-bottom: .35rem;
}
.news-box .list-bots .items .more {
  color: #0072a8;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 16px;
  position: relative;
  margin-top: 1.1rem;
}
.news-box .list-bots .items .more:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 12px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i13.png) no-repeat center;
  background-size: 100%;
}
.news-box .list-bots .items .time {
  position: relative;
  line-height: 1;
  padding-left: .55rem;
  color: #cccccc;
}
.news-box .list-bots .items .time:before {
  position: absolute;
  content: "";
  width: .375rem;
  height: .375rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/time.png) no-repeat center;
  background-size: 100%;
}
.news-box .list-tops {
  font-size: 0;
}
.news-box .list-tops .items {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-left: 4%;
  border-radius: .35rem;
  overflow: hidden;
  position: relative;
}
.news-box .list-tops .items .words {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: .6rem;
  line-height: 1.1rem;
  padding: .5rem .5rem;
  padding-left: 1rem;
  padding-bottom: .6rem;
  background: rgba(0,0,0,.2);
      background-image: linear-gradient(to top,rgba(0,0,0,.7), rgba(0,0,0,0));
}
.news-box .list-tops .items .words .tits {
  height: 1.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: calc(100% - 3rem);
}
.news-box .list-tops .items .time {
  font-size: .35rem;
  width: 3rem;
  text-align: right;
}
.news-box .list-tops .items img {
  transition: .5s ease-in-out;
}
.news-box .list-tops .items:nth-child(2n+1) {
  margin-left: 0;
}

.bocweb-header.actives {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.bocweb-header .items .items-tops {
  line-height: 90px;
  height: 90px;
}
.bocweb-header .items .items-tops span {
  display: block;
}

.bocweb-header .items .items-tops span {
  position: relative;
}

.news-contitle {
  padding-left: 1.2rem;
  padding-right: 3.5rem;
}
.news-contitle .back {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: .4rem;
  transition: .5s ease-in-out;
}
.news-contitle .back:before {
  position: absolute;
  content: "";
  width: .375rem;
  height: .375rem;
  background: url(/bocstatic/web/img/jpg/back.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}

.news-contitle .i span {
  max-width: 20em;
  height: 1.75rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.newsdetails {
  padding-top: 2.75rem;
  padding-bottom: 3.2rem;
}

.newsdetails-con {
  color: #555555;
  line-height: 2;
}


.newsdetails .box {
  width: 62%;
  padding-left: 3rem;
}
.newsdetails .box .title {
  line-height: 1.25;
  color: #222222;
  padding-bottom: .75rem;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1rem;
}
.newsdetails .box-right {
  width: 38%;
  padding-left: 5.2rem;
}
.newsdetails .title-bots {
  font-size: 0;
  margin-bottom: 1.5rem;
}
.newsdetails .title-bots .span {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  color: #888888;
  line-height: 1.2;
  padding: 0 .75rem;
}
.newsdetails .title-bots .span:nth-child(1) {
  padding-left: 0;
}

.news-contitle {
  background: #f5f7fb;
}

.newsdetails-bots {
  font-size: 0;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  padding-right: .5rem;
  border-top: 1px solid #e0e0e0;
}
.newsdetails-bots .items {
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin-left: 6%;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px 1px rgba(0, 122, 194, 0.1);
  padding: .8rem .75rem;
  position: relative;
  color: #333333;
}
.newsdetails-bots .items .tits {
  line-height: 1;
  display: inline-block;
  padding-bottom: .55rem;
  border-bottom: 2px solid #007bc2;
}
.newsdetails-bots .items .txts {
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .6rem;
  margin-bottom: .6rem;
  transition: .5s ease-in-out;
}
.newsdetails-bots .items .time {
  font-size: .35rem;
  color: #999999;
  line-height: 1;
}
.newsdetails-bots .items:before {
  position: absolute;
  content: "";
  width: 100%;
  background: #007bc2;
  left: 0;
  top: 0;
  height: 5px;
}
.newsdetails-bots .items:nth-child(2n+1) {
  margin-left: 0;
}

.newsdetails .box-rightbox {
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  padding: 1.1rem .75rem;
  position: relative;
}
.newsdetails .box-rightbox:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  left: 0;
  top: 0;
  background: #007bc2;
}
.newsdetails .box-rightbox .titles {
  padding-bottom: .55rem;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  border-bottom: 2px solid #007bc2;
  color: #666666;
  margin-bottom: .5rem;
}
.newsdetails .box-rightbox .txts {
  color: #333333;
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: .5s ease-in-out;
}
.newsdetails .box-rightbox .items {
  display: block;
  padding-top: .7rem;
  padding-bottom: 1rem;
}
.newsdetails .box-rightbox .items .time {
  line-height: 1;
  font-size: .375rem;
  color: #999999;
  margin-top: .55rem;
}
.newsdetails .box-rightbox .items:nth-child(n+2) {
  border-top: 1px solid #f0f0f0;
}

.bocweb-logo .i1 {
  position: absolute;
  /*width: 100%;*/
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-logo .i1 {
  opacity: 0;
}

.newsdetails-con {
  text-indent: 2em;
}
.newsdetails-con img {
  display: block;
}

.news-contitle.cur {
  padding: 0;
}
.bocweb-header{
  border-bottom: 1px solid #e8e8e8;
  
}
.bocweb-header.cur {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.bocweb-header.cur .bocweb-logo .i1 {
  opacity: 1;
}
.bocweb-header.cur .bocweb-logo .i0 {
  opacity: 0;
}
.bocweb-header.cur .bocweb-logo {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.bocweb-header.cur .items .items-tops:before {
  background: url(/bocstatic/web/img/ii0.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.cur .header-right .phone span {
  background: url(/bocstatic/web/img/ii5.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.cur .header-right .langs span {
  background: url(/bocstatic/web/img/ii4.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.cur .inputsbox {
  background: rgba(255, 255, 255, 0.1);
}
.bocweb-header.cur .inputsbox .submit {
  background: url(/bocstatic/web/img/ii6.png) no-repeat center;
  background-size: 100%;
}

.con-body .con-header {
  height: auto;
}

.bocweb-header.cur .items a {
  color: #fff;
}

.building-banner .images {
  height: 13.25rem;
}

.news-building {
  padding-top: 2rem;
  padding-bottom: 2.75rem;
}
.news-building .titles {
  line-height: 1;
  color: #cc2f25;
}
.news-building .words {
  line-height: 1.875;
  padding-top: 1.5rem;
}
.news-building .tits {
  line-height: 1.1;
  margin-top: 1.25rem;
  margin-bottom: .4rem;
  color: #222222;
}
.news-building .p {
  text-indent: 2em;
  color: #555555;
}

.building-botsswiper {
  margin-top: 1.75rem;
}
.building-botsswiper .swiper-pagination {
  margin-top: .75rem;
  position: static;
  width: 100%;
  text-align: center;
}
.building-botsswiper .swiper-pagination .swiper-pagination-bullet {
  width: .3rem;
  height: .3rem;
  margin: 0 .2rem;
  opacity: 1;
  background: #d5d9de;
  border-radius: .3rem;
}
.building-botsswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #cc2f25;
  width: 1.375rem;
}
.building-botsswiper .wordslist {
  background: #faf3f4;
  color: #222222;
  padding: .45rem .7rem;
  line-height: .8rem;
}
.building-botsswiper .wordslist span {
  height: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.building-botsswiper .itemsbox {
  font-size: 0;
}
.building-botsswiper .itemsbox .items {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-left: 5%;
  line-height: 1;
  border-radius: .25rem;
  overflow: hidden;
  margin-bottom: .95rem;
}
.building-botsswiper .itemsbox .items img {
  display: block;
  transition: .5s ease-in-out;
  height: 7rem;
  width: 100%;
}
.building-botsswiper .itemsbox .items .imgs {
  overflow: hidden;
}
.building-botsswiper .itemsbox .items:nth-child(3n+1) {
  margin-left: 0;
}

.technology-box {
  padding-top: 3rem;
  padding-bottom: 3.25rem;
}

.technology-tits {
  line-height: 1;
}
.technology-tits .tits01 {
  color: #111111;
}
.technology-tits .selects {
  padding-top: .35rem;
}
.technology-tits .select {
  position: relative;
  z-index: 5;
}
.technology-tits .select .li {
  padding: 0 .5rem;
  line-height: .75rem;
  background: #fff;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  font-size: .375rem;
}
.technology-tits .select .li.active {
  color: #fff;
  background: #007bc2;
  transition: 0.5s ease-in-out;
}
.technology-tits .select .selects-bots {
  position: absolute;
  width: 100%;
  left: 0;
  top: 1.25rem;
  display: none;
}
.technology-tits .select .select-tops {
  width: 4.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  /*border-radius: 1.25rem;*/
  border-bottom-left-radius: .625rem;
  border-bottom-right-radius: .625rem;
  border-top-left-radius: .625rem;
  border-top-right-radius: .625rem;
  background: #fff;
  position: relative;
  padding-right: 30px;
  padding-left: .5rem;
  font-size: .4rem;
  color: #888888;
  cursor: pointer;
}
.technology-tits .select .select-tops:before {
  width: 6px;
  position: absolute;
  height: 10px;
  content: "";
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i16.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.technology-tits .select .select-tops.hover:before {
  background: url(/bocstatic/web/img/i17.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.technology-tits .select .select-tops {
  transition: .5s ease-in-out;
}
.technology-tits .select .select-tops.hover {
  transition: .5s ease-in-out;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  background: #00569c;
}

.technologylist {
  margin-top: 1.75rem;
}
.technologylist .list {
  margin-bottom: 2.25rem;
}
.technologylist .items {
  display: block;
  border-bottom: 1px solid #d6dde5;
  padding: 1.25rem 0;
}
.technologylist .items .tits {
  line-height: 1.1rem;
  height: 1.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
}
.technologylist .items .time {
  line-height: 1;
  color: #888888;
  margin-top: .25rem;
  margin-bottom: .8rem;
}
.technologylist .items .txts {
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666666;
}

.products-box {
  min-height: 30.75rem;
}
.products-box .products-tops {
  position: relative;
  padding: 0 3.5rem;
  padding-right: 0;
  padding-top: 90px;
}
.products-box .products-tops .images {
  width: 58%;
}
.products-box .products-tops .txts {
  line-height: 1.6;
  margin-top: .6rem;
}
.products-box .products-tops .inputs {
  position: relative;
  margin-top: 1.75rem;
  width: 9.5rem;
  height: 1.375rem;
  line-height: 1.375rem;
  border-radius: 1.375rem;
  overflow: hidden;
  margin-bottom: .35rem;
}
.products-box .products-tops .inputs input {
  border: none;
  outline: none;
  background: none;
}
.products-box .products-tops .inputs input[type=submit] {
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  right: 0.15rem;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
  background: url(/bocstatic/web/img/i20.png) no-repeat center;
  background-size: 100%;
}
.products-box .products-tops .inputs input[type=text] {
  width: 100%;
  padding-left: .75rem;
  padding-right: 1.25rem;
  height: 100%;
  background-image: linear-gradient(to right, #0e77dc, #1aade6);
}
.products-box .products-tops .texts {
  color: #43a3e4;
  padding-left: 2.75rem;
  line-height: .9rem;
  position: relative;
}
.products-box .products-tops .texts .span {
  position: absolute;
  left: .75rem;
  top: 0;
}
.products-box .products-tops .texts .list {
  position: relative;
  font-size: 0;
}
.products-box .products-tops .texts .list .i {
  display: inline-block;
  vertical-align: top;
  margin-right: .55rem;
}
.products-box .products-tops .texts .list .i:last-child {
  margin-right: 0;
}
.products-box .products-tops .words {
  width: 42%;
  padding-top: 3.375rem;
  color: #fff;
}
.products-box .products-tops .words .tits-en {
  line-height: 1.3;
}
.products-box .products-tops .words .tits {
  line-height: 1;
  color: #5bc1e1;
  position: relative;
  margin-bottom: .9rem;
}
.products-box .products-tops .words .tits:before {
  position: absolute;
  content: "";
  height: 2px;
  width: .75rem;
  background: #4eaed4;
  left: -1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.products-bots {
  position: relative;
  z-index: 2;
}

.pro-list1swiper {
  position: relative;
}
.pro-list1swiper .btns {
  display: inline-block;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: transparent;
  border: 2px solid #007bc2;
  border-radius: 50%;
}
.pro-list1swiper .btns.swiper-button-prev {
  left: -3rem;
  background: url(/bocstatic/web/img/d1.png) no-repeat center;
  background-size: 100%;
}
.pro-list1swiper .btns.swiper-button-next {
  right: -3rem;
  background: url(/bocstatic/web/img/d2.png) no-repeat center;
  background-size: 100%;
}
.pro-list1swiper .items {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin-left: 1.33%;
  background: #fff;
  border-radius: .25rem;
  margin-bottom: .5rem;
  background: #fff;
  padding: 1.15rem 0.8rem 1.1rem 1rem;
	border: 1px solid #0f9ccf;
}
.pro-list1swiper .items:nth-child(4n+1) {
  margin-left: 0;
}
.pro-list1swiper .items .imgs {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #f5f8fb;
}
.pro-list1swiper .items .mores {
  color: #b2b8c7;
  line-height: 1;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 15px;
}
.pro-list1swiper .items .mores:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/d0.png) no-repeat center;
  background-size: 100%;
}
.pro-list1swiper .items .tits {
  line-height: .8rem;
  height: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 1rem;
  margin-top: .55rem;
  color: #222222;
}
.pro-list1swiper .itemsbox {
  font-size: 0;
}
.pro-list1swiper .swiper-container {
  width: 100%;
}

.f9feff {
  background: #f9feff;
}

.products-box .products-tops {
  max-height: 16.25rem;
}

.products-bots {
  padding-bottom: 1.9rem;
  margin-top:7rem;
}
.products-bots .lists1 .pro-titles {
  line-height: 1.5;
  color: #fff;
  margin-bottom: 1.5rem;
}
.products-bots .lists1 .pro-titles .txts {
  margin-top: .65rem;
}

.products-bots .lists {
  position: relative;
  z-index: 3;
}
.products-bots .lists .pro-titles{
  margin-bottom: 1rem;
}
.products-bots:before {
  position: absolute;
  z-index: 0;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/bocstatic/web/img/i32.png) no-repeat ;
  background-size: 100%;
  background-position: left  100%;
}

.products-box .products-tops .words .tits-en {
  white-space: nowrap;
}

.products-box .products-tops .images {
  position: absolute;
  right: 0;
  top: 90px;
}

.products-bots .lists:nth-child(n+2) {
  margin-top: 2.75rem;
}
.products-bots .lists2-words {
  margin-top: 1.5rem;
  font-size: 0;
}
.products-bots .lists2-words .li {
  width: 32%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
  /*background: #fff;*/
  border-radius: 8px;
  overflow: hidden;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
}
.products-bots .lists2-words .li:nth-child(3n+1) {
  margin-left: 0;
}
.products-bots .lists2-words .li .i {
  display: block;
  line-height: .75rem;
}
.products-bots .lists2-words .li .i:nth-child(n+2) {
  margin-top: .25rem;
}
.products-bots .lists2-words .li .span {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  position: relative;
  color: #444444;
  transition: .5s ease-in-out;
}
.products-bots .lists2-words .li .span .before {
  width: .35rem;
  height: .3rem;
  right: .1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i27.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
  display: inline-block;
  margin-left: .1rem;
}
.products-bots .lists2-words .li .li-bots {
  padding: .65rem 0;
  background: #fff;
  background:#fff;
}
.products-bots .lists2-words .li .li-bots .li-botsbox{
  padding: 0 1.5rem;
  overflow-y: auto;
  min-height: 7.5rem;
  height: 100%;
}
.products-bots .lists2-words .li .li-bots.on {
  min-height: 10.625rem;
}
.products-bots .lists2-words .li .li-tops {
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 1rem;
  padding-right: 2.5rem;
  color: #fff;
  position: relative;
      background-size: cover !important;
}
.products-bots .lists2-words .li .li-tops img {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 0;
  bottom: 0;
  right: .95rem;
  margin: auto;
}

.pro-titles.active {
  color: #fff;
}

.products-bots .lists4 .pro-titles {
  margin-bottom: 1.375rem;
}
/* .products-bots .lists4 .pro-list1swiper .items .mores {
  color: #409eca;
} */
/* .products-bots .lists4 .pro-list1swiper .items .tits {
  color: #fff;
} */
.products-bots .lists4 .pro-list1swiper .items {
  /* background: transparent; */
	background: #FFFFFF;
  border: 1px solid #0f9ccf;
  color: #fff;
}
.products-bots .lists4 .pro-list1swiper .items .mores:before {
  background: url(/bocstatic/web/img/d0.png) no-repeat center;
  background-size: 100%;
}
.products-bots .lists4 .pro-list1swiper .items .imgs {
  /*background: #0392c9;*/
  /*background:rgba(255,255,255,.1);*/
}

.zixun {
  display: block;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  border-radius: 1.25rem;
  width: 4.25rem;
  padding-left: .9rem;
  padding-right: 1.25rem;
  color: #dfe9f0;
  transition: .5s ease-in-out;
  cursor: pointer;
  /*border: 1px solid #4bd3f1;*/
  text-indent: -999px;
  overflow: hidden;
  background:url(/bocstatic/web/img/anniu2.png) no-repeat center;
  background-size:auto 100%;
}
.zixun.on {
  /*color: #118aaf;*/
   background:url(/bocstatic/web/img/anniu.png) no-repeat center;
  background-size:auto 100%;
}
.zixun span {
  position: absolute;
  height: 1rem;
  width: 1rem;
  background: url(/bocstatic/web/img/i36.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  right: .125rem;
  margin: auto;
  display: none;
}
.zixun:hover {
  /*color: #dfe9f0;*/
}

.productsinfo .zixun {
  margin-top: 1.25rem;
  display: none;
}
.productsinfo.products-box .products-tops {
  max-height: none;
  height: 665px;
  padding-left: 0;
  padding-top: 0;
}
.productsinfo.products-box .products-tops .imagesbox {
  height: 100%;
}
.productsinfo.products-box .products-tops .box {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  padding-top: 90px;
}
.productsinfo.products-box .products-tops .images {
  top: 0;
  width: 43%;
}
.productsinfo.products-box .products-tops .words {
  width: 57%;
  padding-top: 2.75rem;
}

.proinfo01 {
  padding-top: 3.5rem;
  padding-bottom: 1rem;
}
.proinfo01 .wordsbox, .proinfo01 .imgsbox {
  width: 50%;
}
.proinfo01 .imgsbox img {
  width: 92%;
  margin-left: -.7rem;
}
.proinfo01 .wordsbox .tits {
  line-height: 1.25;
  background-image: -webkit-gradient(linear, left 0, right 0, from(#057aa1), to(#09377d));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.proinfo01 .wordsbox .txts {
  line-height: 1.8;
  color: #333333;
  margin-top: .5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eff2f4;
  margin-bottom: 1.2rem;
}
.proinfo01 .wordsbox .ul-tops {
  line-height: 1;
  margin-bottom: .5rem;
}
.proinfo01 .wordsbox .ul-bots {
  color: #666666;
}
.welcome-01 .lists .words .lis:nth-child(n+5){
  display: none;
}
.proinfo01 .wordsbox .ul-bots .li>* {
  position: relative;
  line-height: .9rem;
  padding-left: .6rem;
}
.proinfo01 .wordsbox .ul-bots .li>*:before {
  position: absolute;
  content: "";
  width: .15rem;
  height: .15rem;
  background: #5bbefe;
  border-radius: 50%;
  left: 0;
  top: .375rem;
}
.proinfo01 .wordsbox .ul-bots .li>*:empty{
  display: none;
}

.proinftits {
  line-height: 1;
  color: #20242d;
  margin-bottom: .4rem;
}

.proinfotxts {
  color: #7b7f82;
  line-height: .85rem;
}

.proinfo02 {
  padding-top: 6.5rem;
  padding-bottom: 2.5rem;
}
.proinfo02 .imgs {
  margin-top: 1.2rem;
}
.proinfo02 .imgs img {
  display: block;
  margin: 0 auto;
}
.proinfo02 .txts {
  width: 80%;
  margin: 0 auto;
}

.proinfo03 {
  padding-top: 2.75rem;
  padding-bottom: 2.375rem;
  background: #fff;
}

.con-swiper {
  position: relative;
}
.con-swiper .btns {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid #0089c6;
  opacity: 1;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.con-swiper .btns.swiper-button-prev {
  background-image: url(/bocstatic/web/img/i44.png);
}
.con-swiper .btns.swiper-button-next {
  background-image: url(/bocstatic/web/img/i46.png);
}

.proinfo03-swiper {
  margin-top: .9rem;
  padding: 0 2rem;
}
.proinfo03-swiper .swiper-slide {
  padding: 20px;
  position: relative;
}
.proinfo03-swiper .swiper-slide:before {
  content: "";
  width: 1px;
  position: absolute;
  height: 4.375rem;
  background: #e6eff8;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -2px;
}
.proinfo03-swiper .swiper-slide:nth-child(1):before {
  display: none;
}
.proinfo03-swiper .imgs {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  margin-bottom: .75rem;
}
.proinfo03-swiper .tits {
  line-height: .7rem;
}
.proinfo03-swiper .txts {
  line-height: .65rem;
  height: 3.9rem;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;*/
  overflow-y:auto;
  margin-top: .5rem;
}
.proinfo03-swiper .items {
  text-align: center;
  padding: 1rem .5rem;
  padding-bottom: 1.5rem;
  border-radius: .25rem;
  /*box-shadow: 0 0 10px 10px rgba(244,249,252,.8);*/
}

.proinfo01 .wordsbox .txts2 {
  line-height: .8rem;
  color: #333333;
  margin-top: 1.25rem;
}
.proinfo01 .wordsbox .text {
  /*line-height: .9rem;*/
  /*height:2.8rem;*/
  line-height: .7rem;
  height: 8rem;
  color: #666666;
  margin-top: .25rem;
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; */
  overflow: auto;
}
.proinfo01 .wordsbox .text.active {
  height: auto;
  display: block;
  max-height: 7.2rem;
  overflow-y: auto;
}

.products-box.productsinfo .products-tops.h720 {
  height: 720px;
}

.support-listtops {
  padding-top: 1.875rem;
  padding-bottom: 3rem;
}
.support-listtops .words .tits {
  line-height: 1;
  color: #000000;
}
.support-listtops .words .txts {
  line-height: 1.5;
  color: #888888;
  max-width: 41em;
  margin: 0 auto;
  margin-top: .6rem;
}
.support-listtops .lists {
  font-size: 0;
  margin-top: 2.1rem;
}
.support-listtops .lists .li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 20%;
  color: #333333;
  padding-bottom: .25rem;
}
.support-listtops .lists .li .tits {
  line-height: 1.2;
  position: relative;
  display: inline-block;
  margin-top: .45rem;
  margin-bottom: .3rem;
}
.support-listtops .lists .li .tits span {
  position: absolute;
  right: -.75rem;
  width: .55rem;
  height: .3rem;
  background: url(/bocstatic/web/img/i57.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.support-listtops .lists .imgs {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
}

.support-listbots {
  padding-top: 3rem;
  padding-bottom: 5.125rem;
  background: url(/bocstatic/web/img/i58.png) repeat left top;
}

.support-listbots .li {
  width: 24%;
  margin-left: 1.33%;
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  border-radius: 10px;
  padding-bottom: .5rem;
  overflow: hidden;
}
.support-listbots .li .tits {
  line-height: 1.9rem;
  color: #ffffff;
  text-align: center;
  background-image: -webkit-gradient(linear, left 0, right 0, from(#0279cc), to(#02b8c8));
}
.support-listbots .li .imgs {
  margin: 0 auto;
  margin-top: 1.5rem;
  margin-bottom: .8rem;
  width: 5.5rem;
  height: 3.75rem;
}
.support-listbots .li:nth-child(4n+1) {
  margin-left: 0;
}
.support-listbots .li .txts {
  line-height: .75rem;
  height: 3.75rem;
  padding: 0 .6rem;
  overflow-y: auto;
}

.support-conbots {
  height: 250px;
  position: relative;
  color: #fff;
}
.support-conbots .words {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.support-conbots .zixun {
  width: 210px;
  margin: 0 auto;
  margin-top: .8rem;
  color: #fff;
  transition: .5s ease-in-out;
  background-image: -webkit-gradient(linear, left 0, right 0, from(#0f7bdd), to(#1dbae9));
  text-indent: 0;
}

.supportinfo-banner {
  position: relative;
}
.supportinfo-banner .imgs {
  height: 525px;
}
.supportinfo-banner .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  /*margin-top: -1rem;*/
}
.supportinfo-banner .tits {
  line-height: 1;
}
.supportinfo-banner .txts {
  max-width: 23.25rem;
  color: #d5d5d7;
  line-height: .75rem;
  margin-top: .55rem;
  /*margin-bottom: 1rem;*/
}

.supportinfo-centerlists .right-topswords {
  background: url(/bocstatic/web/img/i9.jpg) no-repeat center;
  background-size: cover;
  border: 1px solid #e4e9f2;
  padding: 1.25rem 1.1rem 1.2rem 1.5rem;
  box-sizing: border-box;
}
.supportinfo-centerlists .right-topswords .words {
  width: 58%;
  /*width: 64%;*/
  padding-right: .6rem;
}
.supportinfo-centerlists .right-topswords .tits {
  line-height: 1.2;
  color: #222222;
}
.supportinfo-centerlists .right-topswords .imgs {
  width: 36%;
}
.supportinfo-centerlists .right-topswords .zixun {
  color: #52b7e1;
}
.supportinfo-centerlists .right-topswords .txts {
  font-size: .375rem;
  line-height: .75rem;
  height: 2.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: .55rem;
  margin-bottom: .75rem;
}
.supportinfo-centerlists .right-topswords .txts.active {
  height: 4rem;
  overflow-y: auto;
  display: block;
  /*overflow: visible;*/
}
.supportinfo-centerlists .copd {
  padding-top: 2.625rem;
  padding-bottom: 3.5rem;
}
.supportinfo-centerlists .right {
  width: calc(100% - 220px);
  padding-left: 2.5rem;
}
.supportinfo-centerlists .left {
  width: 220px;
  border-right: 1px solid #e4e9f2;
}
.supportinfo-centerlists .left a {
  display: block;
}
.supportinfo-centerlists .left .items {
  line-height: 1.75rem;
  height: 1.75rem;
  position: relative;
  overflow: hidden;
  padding-left: 1.875rem;
  padding-right: 3px;
  color: #3c4856;
  transition: .5s ease-in-out;
}
.supportinfo-centerlists .left .items span {
  display: block;
}
.supportinfo-centerlists .left .items.active {
  background-image: linear-gradient(to right, #fff, #e0f6f8);
}
.supportinfo-centerlists .left .items.active span {
  background-image: -webkit-gradient(linear, left 0, right 0, from(#2784cf), to(#02b9c8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.supportinfo-centerlists .left .items.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.supportinfo-centerlists .left .items:before {
  position: absolute;
  height: 100%;
  content: "";
  width: 3px;
  top: 0;
  right: 0;
  background: #027acc;
  opacity: 0;
  transition: .5s ease-in-out;
}

.right-botslist {
  color: #333333;
  font-size: 0;
  margin-top: 1.25rem;
}
.right-botslist .lis {
  display: inline-block;
  vertical-align: top;
  width: 18.5%;
  margin-left: 1.875%;
  border: 1px solid #e4e9f2;
  padding-top: 1.25rem;
  padding-bottom: .9rem;
}
.right-botslist .lis:nth-child(5n+1) {
  margin-left: 0;
}
.right-botslist .imgs {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  margin-bottom: .45rem;
}
.right-botslist .span {
  text-align: center;
  color: #333333;
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.pdl145,
.info2-lists .items3,
.info2-lists .items2 .items-tops {
  padding-left: 1.45rem;
}

.info2-tits {
  font-size: 0;
  line-height: 1.75rem;
  border-bottom: 1px solid #e4e9f2;
  margin-top: .6rem;
  margin-bottom: 1rem;
}
.info2-tits .li {
  display: inline-block;
  vertical-align: top;
  height: 1.75rem;
  position: relative;
  padding: 0 .75rem;
  cursor: pointer;
  width: auto;
}
.info2-tits .li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #027acc;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .5s ease-in-out;
}
.info2-tits .li.active {
  background-image: -webkit-gradient(linear, left 0, right 0, from(#0279cc), to(#29bdcc));
  -webkit-background-clip: text;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
}
.info2-tits .li.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}

.info2-lists .items-tops {
  line-height: 1;
  color: #222222;
  margin-bottom: .5rem;
}
.info2-lists .items {
  color: #333333;
  line-height: 2;
}
.info2-lists .items1 {
  border: 1px solid #eeeeee;
  padding: 1rem 1.45rem;
}
.info2-lists .items2 {
  padding: 1.5rem 0;
}
.info2-lists .items2 .items-tops {
  margin-bottom: .75rem;
}
.info2-lists .items2 .lis {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-left: 2%;
  text-align: center;
  background: #f5f7fb;
  height: 4.5rem;
  line-height: 4.5rem;
  position: relative;
}
.info2-lists .items2 .lis:last-child:before {
  display: none;
}
.info2-lists .items2 .lis:before {
  position: absolute;
  content: "";
  width: .8rem;
  height: .5rem;
  right: -.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i71.png) no-repeat center;
  background-size: 100%;
}
.info2-lists .items2 .lis .imgs {
  width: 1rem;
  height: 1rem;
  margin: auto;
  margin-bottom: .5rem;
}
.info2-lists .items2 .lis .span {
  line-height: 1.5;
  max-width: 90%;
  margin: 0 auto;
}
.info2-lists .items2 .lis .box {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.info2-lists .items2 .lis:nth-child(3n+1) {
  margin-left: 0;
}
.info2-lists .items2 .uls {
  font-size: 0;
  color: #333333;
}
.info2-lists .items3 {
  padding-top: 1rem;
  padding-bottom: .75rem;
  border-top: 1px solid #f1f4f8;
}

.info3-items1 {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f1f4f8;
}
.info3-items1 .items-tops {
  line-height: 1;
  color: #333333;
  padding-top: .5rem;
  padding-bottom: 1rem;
  margin: 0;
}
.info3-items1 .items-tops .inf3-txts {
  margin-top: .5rem;
}

.info31-list {
  font-size: 0;
}
.info31-list.active .li {
  width: 18%;
  margin-left: 2.5%;
  line-height: 5.25rem;
  height: 5.25rem;
}
.info31-list.active .li .words {
  padding: .25rem .375rem;
  padding-top: .75rem;
}
.info31-list .li .words .t1 {
  width: 100%;
  padding: 0 5%;
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: 50%;
  max-height: 90%;
  overflow-y: auto;
  transform: translateY(-50%);
}
.info31-list.active .li .words .t1{
  width: 100%;
}
.info31-list.active .li:nth-child(5n+1) {
  margin-left: 0;
}
.info31-list .li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 50%;
  border: 1px solid #ffffff;
  background: #f5f7fb;
  height: 4.25rem;
  line-height: 4.25rem;
  position: relative;
  text-align: center;
}
.info31-swiper .swiper-pagination{
  position: static;
  margin-top: 1rem;
  line-height: 1;

}
.info31-list .li .box {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
.info31-list .li .box .imgs {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  border-radius: 50%;
  background: #ffffff;
  margin-bottom: .4rem;
}
.info31-list .li .box .txts {
  line-height: 1.2;
}
.info31-list .li .words {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #0279cc, #02b4c9);
  line-height: 1.5;
  left: 0;
  top: 0;
  color: #fff;
  overflow-y: auto;
  padding: 5px;
  padding-top: .8rem;
  opacity: 0;
  transition: .5s ease-in-out;
}
.info31-list .li .words .t0 {
  line-height: 1.2;
  display: none;
}
.info31-list .li .words .t1 {
  line-height: 1.7;
  /*width: 70%;*/
  margin: 0 auto;
  margin-top: .3rem;
}

.info3-items2 {
  padding-top: 1.25rem;
  padding-bottom: 1.35rem;
  border-bottom: 1px solid #f1f4f8;
}
.info3-items2 .items-tops {
  margin-bottom: 1.1rem;
}

.info3-items3 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.info3-items3 .items-bots {
  line-height: 1.75;
  text-indent: 2em;
}

.caizi.active {
  background-image: -webkit-gradient(linear, left 0, right 0, from(#047acc), to(#5ec8d5));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.supportinfo-centerlists.active .copd {
  padding-top: 2rem;
}
.supportinfo-centerlists.active .right {
  padding-bottom: 0;
}
.supportinfo-centerlists.active .info2-tits {
  margin-top: 0;
}
.supportinfo-centerlists.active .info4-items1 {
  padding-top: .5rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid #e7eaf1;
}
.supportinfo-centerlists.active .info4-items2 {
  padding-top: 2.25rem;
  padding-bottom: 2.75rem;
}
.supportinfo-centerlists.active .info4-items2 .items-tops {
  margin-bottom: .9rem;
}
.supportinfo-centerlists.active .info4-items3 {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.supportinfo-centerlists.active .info4-items3 .items-tops {
  margin-bottom: 1.2rem;
}

.info4-items1 .items-bots .txts {
  color: #333333;
  line-height: 1.7;
}
.info4-items1 .items-bots .titul {
  color: #333333;
  line-height: 2.1;
  margin-bottom: 1.5rem;
  margin-top: .6rem;
}

.support-conbots.active {
  height: 300px;
}
.support-conbots.active .tits2 {
  margin-top: .6rem;
}

.contacts-tops {
  padding-bottom: 2rem;
}
.contacts-tops .c-tits, .contacts-tops .c-txts {
  line-height: 1;
  color: #000000;
}
.contacts-tops .c-txts {
  margin-top: .5rem;
}

.contacts {
  padding-top: 2.25rem;
  padding-bottom: 3.4rem;
}

.contacts-bots .map {
  height: 11.5rem;
}
.contacts-bots .map-text {
  font-size: 0;
  background: #f7f9fc;
  padding: 1.5rem 1.9rem;
  border:1px solid #e8e8e8;
  border-top: none;
}
.contacts-bots .map-text .li {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 30%;
  margin-left: 5%;
}
.contacts-bots .map-text .li:nth-child(3n+1) {
  margin-left: 0;
}
.contacts-bots .map-text .li .imgs {
  width: 1.25rem;
  height: 1.25rem;
}
.contacts-bots .map-text .li .tits {
  margin-top: .9rem;
  border-top: 1px solid #dcdcdc;
  padding-top: 1rem;
  margin-bottom: .375rem;
  color: #333333;
}
.contacts-bots .map-text .li .txts {
  color: #888b8f;
}

.amap-info-sharp {
  background: url(/bocstatic/web/img/i85.png) no-repeat top center;
  background-size: 100%;
  width:15px;
  height: 10px;
}

.amap-info-content {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.cimgs {
  width: 10rem;
  height: 2.5rem;
  line-height: 2.5rem;
  overflow: hidden;
  border-radius: 2.5rem;
  background-image: linear-gradient(to right, #179ee4, #1dbae9);
  padding-left: 2.75rem;
  position: relative;
}
.cimgs .i {
  position: absolute;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  left: .25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.cimgs .i img {
  width: 100% !important;
  display: block;
}
.cimgs .txts {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
}
.cimgs .txts .t1 {
  margin-top: .25rem;
}

.welcome-banner .images {
  height: 23.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.welcome-banner .items {
  position: relative;
}
.welcome-banner .items .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  height: 100%;
}
.welcome-banner .items .words .cn {
  color: #5bc1e1;
}
.welcome-banner .items .words .cns {
  line-height: 2rem;
  color: #fff;
  margin-top: .8rem;
}
.welcome-banner .items .words .wel-more {
  margin-top: 1.2rem;
  position: absolute;
  left: 0;
  bottom: 7rem;
}
.welcome-banner .btn-box {
  bottom: 5.375rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  position: absolute;
}
.welcome-banner .btn-box .swiper-pagination-bullet {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: transparent;
  position: relative;
  border: 1px solid #fff;
  transition: .5s ease-in-out;
  position: relative;
  opacity: 1;
}
.welcome-banner .btn-box .swiper-pagination-bullet:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.welcome-banner .btn-box .swiper-pagination-bullet:after {
  position: absolute;
  width: 1.6rem;
  left: -1.6rem;
  content: "";
  top: 0;
  bottom: 0;
  height: 1px;
  border-top: 1px dashed #317fb3;
  margin: auto;
}
.welcome-banner .btn-box .swiper-pagination-bullet:nth-child(1):after {
  display: none;
}
.welcome-banner .btn-box .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: 1.6rem;
}
.welcome-banner .btn-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  border-color: #008ec6;
  transition: .5s ease-in-out;
}
.welcome-banner .btn-box .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #008ec6;
  transition: .5s ease-in-out;
}

.bocweb-footer a.li {
  color: #fff;
}

.welcome-01 .txts-0 {
  line-height: 1.5;
}

.welcome-01 {
  padding-top: 1.75rem;
  padding-bottom: 2.9rem;
}
.welcome-01 .tits-0, .welcome-01 .txts-0 {
  line-height: 1.5;
  color: #000000;
}
.welcome-01 .txts-0 {
  color: #888888;
  margin-top: .75rem;
}
.welcome-01 .lists {
  margin-top: 2.15rem;
  position: relative;
}
.welcome-01 .lists .words {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  font-size: 0;
}
.welcome-01 .lists .words .lis {
  display: inline-block;
  width: calc((100% - 16.5rem)/2);
  margin-left: 16.5rem;
  vertical-align: top;
}
.welcome-01 .lists .words .lis:nth-child(2n+1) {
  margin-left: 0;
  text-align: right;
  padding-right: 2rem;
}
.welcome-01 .lists .words .lis:nth-child(n+3) {
  margin-top: 3.5rem;
}
.welcome-01 .lists .words .lis:nth-child(2n+2) {
  padding-left: 2rem;
}
.welcome-01 .lists .words .lis .imgs {
  width: 1.75rem;
  height: 1.75rem;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background: #f3f5f7;
}
.welcome-01 .lists .words .lis .tits{}
.welcome-01 .lists .words .lis .tits .span1{
  display: inline-block;
  vertical-align: middle;
  width: .6rem;
  height: .45rem;
  /*background: url(/bocstatic/web/img/j15.png) no-repeat center;*/
  background: url(/bocstatic/web/img/m8.png) no-repeat center;
  background-size: 100%;
  opacity: 0;

}
.welcome-01 .lists .words .lis .tits {
  line-height: 1.2;
  color: #111111;
  margin-top: .75rem;
  margin-bottom: .6rem;
}
.welcome-01 .lists .words .lis .txts {
  color: #444444;
  line-height: 1.75;
}
.welcome-01 .images {
  width: 16.5rem;
  height: 16.375rem;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.welcome-02 {
  height: 23.375rem;
  position: relative;
}
.welcome-02 .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.welcome-02 .words .boxs {
  max-width: 50%;
  padding-right: 2.5rem;
}
.welcome-02 .words .tits {
  line-height: 1;
  margin-bottom: .6rem;
}
.welcome-02 .words .txts {
  line-height: 1.3;
  margin-bottom: 1.75rem;
}
.welcome-02 .words .text {
  line-height: 1.875;
  margin-bottom: 1.75rem;
}

.welcome-03 {
  position: relative;
  z-index: 3;
  margin-top: -2.65rem;
  height: 25.5rem;
}

.welcome-03 {
  padding-top: 5rem;
  padding-bottom: 2.9rem;
}
.welcome-03 .tits-0, .welcome-03 .txts-0 {
  line-height: 1;
  color: #000000;
}
.welcome-03 .txts-0 {
  margin-top: .75rem;
  color: #888888;
  margin-bottom: 1.2rem;
}

.gallery-top {
  position: relative;
}
.gallery-top:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #dfe3e8;
}
.gallery-top .swiper-slide {
  width: 20%;
  text-align: center;
  line-height: 2rem;
  height: 2rem;
}
.gallery-top .swiper-slide img {
  display: block;
}
.gallery-top .swiper-slide.active .items:after, .gallery-top .swiper-slide.active .items:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.gallery-top .swiper-slide .items {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: .8rem;
  cursor: pointer;
}
.gallery-top .swiper-slide .items:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 1px;
  margin: auto;
  background: #057aa1;
}
.gallery-top .swiper-slide .items:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 8px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i102.png) no-repeat center;
  background-size: cover;
}
.gallery-top .swiper-slide .items:after, .gallery-top .swiper-slide .items:before {
  opacity: 0;
  transition: .5s ease-in-out;
}
.gallery-top .swiper-slide .items .imgs {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.gallery-top .swiper-slide.active .span{
  color:#057aa1;
  background-image: -webkit-gradient(linear, left 0, right 0, from(#057aa1), to(#057aa1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.gallery-thumbs {
  padding-top: 2.1rem;
  position: relative;
}
.gallery-thumbs .swiper-button-white {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  border: 1px solid #007dc3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.gallery-thumbs .swiper-button-white.swiper-button-prev {
  left: -3rem;
  background-image: url(/bocstatic/web/img/i104.png);
}
.gallery-thumbs .swiper-button-white.swiper-button-next {
  right: -3rem;
  background-image: url(/bocstatic/web/img/i106.png);
}
.gallery-thumbs .imgs, .gallery-thumbs .words {
  width: 50%;
}
.gallery-thumbs .imgs {
  padding-left: 1.25rem;
  padding-right: 2.5rem;
}
.gallery-thumbs .words {
  padding-left: .75rem;
  padding-right: 2.75rem;
}
.gallery-thumbs .words .tits {
  line-height: 1.2;
  background-image: -webkit-gradient(linear, left 0, right 0, from(#5a9ab6), to(#09347c));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gallery-thumbs .words .txts {
  line-height: 2.25;
  color: #444444;
  margin-top: .6rem;
}
.gallery-thumbs .welmore {
  margin-top: 1.25rem;
}

.welmore {
  display: inline-block;
  vertical-align: top;
  min-width: 3rem;
  height: 0.95rem;
  border-radius: 0.95rem;
  font-size: .35rem;
  border: 1px solid #057aa1;
  color: #057aa1;
  padding-left: .6rem;
  padding-right: .75rem;
  line-height: 0.95rem;
  position: relative;
}
.welmore span {
  position: absolute;
  background: url(/bocstatic/web/img/i103.png) no-repeat center;
  background-size: 100%;
  right: .5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 9px;
  display: block;
  transition: .5s ease-in-out;
}

.wel04-list .swiper-slide {
  width: 24%;

}
.wel04-list .swiper-slide:nth-child(n+2) {
 margin-left: 1.3%;
}
.wel04-list .swiper-container {
  overflow: visible;
}

.welcome-04 {
  padding-top: 2.1rem;
  padding-bottom: 3rem;
}
.welcome-04 .wel04-list {
  margin-top: 1.75rem;
  margin-bottom: 2rem;
}
.supportinfo-centerlists .right-topswords .zixun{
      background: url(/bocstatic/web/img/anniu.png) no-repeat center;
    background-size:auto 100%;
}
.welcome-04 .zixun {
  display: block;
  margin: 0 auto;
  /*color: #118aaf;*/
      background: url(/bocstatic/web/img/anniu3.png) no-repeat center;
    background-size:auto 100%;
}
.welcome-04 .items {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  background: #f4f7fa;
}
.welcome-04 .items .imgs {
  overflow: hidden;
}
.welcome-04 .items img {
  transition: .5s ease-in-out;
  width: 100%;
}
.welcome-04 .items .words {
  padding: .9rem 1.1rem 1.1rem .75rem;
}
.welcome-04 .items .time {
  color: #888888;
  line-height: 1;
}
.welcome-04 .items .time .span {
  margin-left: .3rem;
  padding-left: .3rem;
  position: relative;
}
.welcome-04 .items .time .span:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 90%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #bfbfbf;
}
.welcome-04 .items .txts {
  line-height: .9rem;
  height: 1.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333333;
  margin-top: .5rem;
}

.wel04-title {
  line-height: 1.25rem;
}
.wel04-title .tul .li {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.wel04-title .tul .li:nth-child(n+2) {
  margin-left: 1rem;
}
.wel04-title .tul .li.active {
  color: #057aa1;
  border-bottom: 2px solid #057aa1;
}

.welcome-02 {
  height: auto;
}
.welcome-02 .imgpcbox {
  height: 23.25rem;
}
.welcome-02 .imgmbox {
  height: 33.875rem;
}

.welcome-03 .imgmbox, .welcome-03 .imgpcbox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.welcome-03 .words-box {
  position: relative;
  z-index: 5;
}

.about-banner {
  min-height: 46rem;
  padding-top: 90px;
}

.about-banner .about-01.products-tops {
  padding: 0;
}
.about-banner .about-01.products-tops .words {
  padding-top: 4.125rem;
}
.about-banner .about-01.products-tops .words .txts {
  padding-right: 1.6rem;
  height: 8rem;
  overflow-y: auto;
  line-height: 2;
  margin-top: .5rem;
}
.about-banner .about-01.products-tops .images {
  width: 58%;
  padding-left: 3.25rem;
  top: 0;
}
.about-banner .about-01.products-tops .words .tits {
  margin-bottom: .75rem;
}

@media screen and (min-width: 768px) {
  .about-banner .about-01.products-tops .words .txts::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }
  .about-banner .about-01.products-tops .words .txts::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #17ccf4, #077ec4);
    border-radius: 5px;
  }
  .about-banner .about-01.products-tops .words .txts::-webkit-scrollbar-thumb:window-inactive {
    background-image: linear-gradient(to bottom, #17ccf4, #077ec4);
    border-radius: 5px;
  }
  .about-banner .about-01.products-tops .words .txts::-webkit-scrollbar-thumb:vertical:hover {
    background-image: linear-gradient(to bottom, #17ccf4, #077ec4);
    border-radius: 5px;
  }
  .about-banner .about-01.products-tops .words .txts::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 5px;
  }
}
.about-01 .numlists .items span {
  position: relative;
}
.about-01 .numlists .items span .b {
  padding-right: .6rem;
}
.about-01 .numlists .items span .jia {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  font-size: 50%;
}

.about-01 .numlists {
  text-align: center;
  font-size: 0;
  margin-top: 2.5rem;
  margin-bottom: 2.25rem;
}
.about-01 .numlists .items {
  width: 20%;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  color: #fff;
}
.about-01 .numlists .items span {
  display: inline-block;
  vertical-align: top;
}
.about-01 .numlists .items img {
  width: .9rem;
  height: .9rem;
}
.about-01 .numlists .items .span {
  color: #5b9fc9;
  margin-top: .5rem;
}
.about-01 .words-list {
  padding: 0 2.25rem;
}
.about-01 .words-list .items {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 10px;
  width: 30%;
  margin-left: 5%;
  padding-top: 1.375rem;
  padding-bottom: 1.75rem;
}
.about-01 .words-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.about-01 .words-list .items .imgs {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  margin: 0 auto;
  background: #e6f1fb;
}
.about-01 .words-list .items .txts {
  text-align: center;
  padding: 0 1%;
  line-height: .75rem;
  color: #333;
  margin-top: .6rem;
}
.about-01 .words-list .items .line {
  position: relative;
  height: 3px;
  width: 44px;
  margin: 0 auto;
}
.about-01 .words-list .items .line:before, .about-01 .words-list .items .line:after {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  width: 50%;
}
.about-01 .words-list .items .line:before {
  left: 0;
  background: #016cc8;
}
.about-01 .words-list .items .line:after {
  right: 0;
  background: #00c6dd;
}
.about-01 .words-list .items .tits {
  text-align: center;
  line-height: 1;
  padding: .7rem 0;
}
.about-01 .words-list .items .tits .tits-cn {
  background-image: -webkit-gradient(linear, left 0, right 0, from(#00c6dd), to(#004088));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -.5rem;
  font-weight: bold;
}
.about-01 .words-list .items .tits .tits-en {
  text-transform: uppercase;
  color: rgba(29, 186, 233, 0.03);
}

.about-03 {
  min-height: 39rem;
  background: url(/bocstatic/web/img/i120.png) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 6.25rem;
}
.about-03 .tits-0, .about-03 .txts-0 {
  color: #888888;
  line-height: 1.2;
}
.about-03 .tits-0 {
  margin-bottom: .45rem;
  color: #000000;
}

.about-03tops {
  position: relative;
}
.about-03tops .images {
  width: 35rem;
  height: 20.625rem;
  overflow: hidden;
}
.about-03tops .titsbox {
  position: absolute;
  left: 0;
  top: 0;
}
.about-03tops .words-listleft {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 1.5rem;
}
.about-03tops .words-listleft .li {
  padding-left: .9rem;
  position: relative;
  line-height: .6rem;
  font-size: .45rem;
  color: #333333;
}
.about-03tops .words-listleft .li:nth-child(n+2) {
  margin-top: .7rem;
}
.about-03tops .words-listleft .li span {
  width: .6rem;
  height: .6rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.about-03tops .words-listleft .li span:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.about-03tops .words-listleft .li.lisall span{
  background:url(/bocstatic/web/img/allimg.png) no-repeat center;
  background-size: 100%;

}
.about-03tops .words-listleft .li.li1 span {
  background: rgba(0, 178, 151, 0.2);
}
.about-03tops .words-listleft .li.li1 span:before {
  background: #00b297;
}
.about-03tops .words-listleft .li.li2 span {
  background: rgba(0, 164, 255, 0.2);
}
.about-03tops .words-listleft .li.li2 span:before {
  background: #00a4ff;
}
.about-03tops .words-listleft .li.li3 span {
  background: rgba(236, 105, 65, 0.2);
}
.about-03tops .words-listleft .li.li3 span:before {
  background: #ec6941;
}
.about-03tops .lis {
  position: absolute;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  /*background: #00a4ff;*/
  cursor: pointer;
}
.about-03tops .lis.lis1 {
  left: 7.9rem;
  top: 6.5rem;
}
.about-03tops .lis.lis2 {
  left: 16rem;
  top: 10.125rem;
}
.about-03tops .lis.lis3 {
    left: 18rem;
    top: 11rem;
}
.about-03tops .lis.lis4 {
   left: 19rem;
    top: 8.85rem;
}
.about-03tops .lis.lis5 {
  left: 17.5rem;
  top: 13.875rem;
}
.about-03tops .lis.lis6 {
  left: 16rem;
    top: 16.8rem;
}
.about-03tops .lis.lis7 {
  left: 19.5rem;
    top: 17.5rem;
}
.about-03tops .lis.lis8 {
      left: 19.5rem;
    top: 14rem;
}
.about-03tops .lis.lis9 {
      left: 19.5rem;
    top: 15.9rem;
}
.about-03tops .lis.lis10 {
      left: 20rem;
    top: 12rem;
}
.about-03tops .lis.lis11 {
      left: 24rem;
    top: 17.2rem;
}
.about-03tops .lis.lis12 {
      left: 22.8rem;
    top: 15rem;
}
.about-03tops .lis.lis13 {
    left: 23rem;
    top: 18rem;
}
.about-03tops .lis.lis14 {
  left: 23.5rem;
    top: 13.5rem;
}
.about-03tops .lis.lis15 {
  left: 22rem;
  top: 9.5rem;
}
.about-03tops .lis.lis16 {
  left: 21.875rem;
  top: 7.375rem;
}
.about-03tops .lis.lis17 {
  left: 22rem;
  top: 11.5rem;
}
.about-03tops .lis.lis18 {
  left: 24rem;
    top: 15rem;
}
.about-03tops .lis.lis19 {
      left: 25rem;
    top: 12rem;
}
.about-03tops .lis.lis20 {
  left: 23rem;
  top: 9.4rem;
}
.about-03tops .lis.lis21 {
  left: 26rem;
    top: 11.5rem;
}
.about-03tops .lis.lis22 {
  left: 26rem;
    top: 15.6rem;
}
.about-03tops .lis.lis23 {
      left: 26.5rem;
    top: 14rem;
}
.about-03tops .lis.lis24 {
  left: 27rem;
    top: 12.5rem;
}
.about-03tops .lis.lis25 {
  left: 25.5rem;
  top: 9.9rem;
}
.about-03tops .lis.lis26 {
      left: 27.5rem;
    top: 5rem;
}
.about-03tops .lis.lis27 {
    left: 26.925rem;
    top: 6.5rem;
}
.about-03tops .lis.lis28 {
   left: 28.25rem;
    top: 3.6rem;
}
.about-03tops .lis.lis29 {
  left: 8.4rem;
  top: 13.25rem;
}
   .about-03tops .lis.lis30{
	       left: 24.65rem;
         /*width: .35rem;*/
         /*height: .35rem;*/
        top: 7.65rem;
   }
   .about-03tops .lis.lis30 .dian{
      margin-left: 1em;
      top: 0.5rem;
   }


   .about-03tops .lis.lis31{
         left: 21rem;
         /*width: .35rem;*/
         /*height: .35rem;*/
        top: 20rem;
   }
   .about-03tops .lis.lis31 .dian{
      margin-left: 1em;
      top: 0.5rem;
   }

   .about-03tops .lis.lis3120{
    left: 24rem;
    top: 10rem;
    background:transparent;
   }
   .about-03tops .lis.lis3120.onac{
    top: 7.5rem;
   }
   .about-03tops .lis.lis3120:before{
    background: url(/bocstatic/web/img/allimg.png) no-repeat center;
    background-size: 100%;

   }
   .about-03tops .lis.lis30 .span{
    /*display: none;*/
   }
   .about-03tops .lis.lis30.active:before{
    /*background: url(/bocstatic/web/img/allimg.png) no-repeat center;*/
    /*background-size: 100%;*/
    display: block;

   }



   
.about-03tops .lis.lis28 .list {
  /*display: block;*/
}
.about-03tops .lis .dian {
  z-index: 2;
}
.about-03tops .lis .list {
  width: 8.625rem;
  /*height: 2.625rem;*/
  border: 1px solid #009ecc;
  border-radius: 7px;
  z-index: 5;
  position: absolute;
  padding: .4rem 0;
  left: 50%;
  bottom: .25rem;
  transform: translateX( -50%);
  background: #ffffff;
  margin-top: -1rem;
}
.about-03tops .lis .list .li {
  line-height: .6rem;
  /*height: .9rem;*/
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;*/
  font-size: .4rem;
  color: #333333;
  padding-right: 3%;
  padding-left: 1.25rem;
  position: relative;
}
.about-03tops .lis .list .li:before {
  position: absolute;
  content: "";
  width: .5rem;
  height: .5rem;
  left: .45rem;
  top: .05rem;
  margin: auto;
}
.about-03tops .lis .list .li.add:before {
  background: url(/bocstatic/web/img/jpg/i37.png) no-repeat center;
  background-size: 100%;
}
.about-03tops .lis .list .li.phone:before {
  background: url(/bocstatic/web/img/jpg/i38.png) no-repeat center;
  background-size: 100%;
}
.about-03tops .lis.active {
  /*background: #00b297;*/
}
.about-03tops .lis.active:before {
  background: rgba(0, 178, 151, 0.2);
}
.about-03tops .lis.on {
  /*background: #ec6941;*/
}
.about-03tops .lis.on:before {
  background: rgba(236, 105, 65, 0.2);
}
.about-03tops .lis .dian {
  position: absolute;
  font-size: .35rem;
  top: .6rem;
  left: 50%;
  transform: translateX(-50%);
  color: #444444;
  width: 6em;
  text-align: center;
  line-height: 1;
}
.about-03tops .lis .list {
  display: none;
}
.about-03tops .lis:before {
  width: 200%;
  position: absolute;
  content: "";
  height: 200%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(0, 64, 255, 0.2);
  display: none;
}

.about-03bots {
  padding-bottom: 3.5rem;
  margin-top: .95rem;
}
.about-03bots .w1400 {
  width: 100%;
}

.about-03bots-tits {
  overflow: hidden;
  padding-top: 3px;
  margin-bottom: .7rem;
}
.about-03bots-tits .swiper-container {
  border-top: 1px solid #e3e3e3;
}
.about-03bots-tits .swiper-container, .about-03bots-tits .swiper-wrapper {
  overflow: visible;
}
.about-03bots-tits .swiper-slide {
  width: auto;
  padding: 0 .6rem;
  height: 1.7rem;
  line-height: 1.7rem;
  position: relative;
  cursor: pointer;
}
.about-03bots-tits .swiper-slide.active .items {
  background-image: -webkit-gradient(linear, left 0, right 0, from(#306cb7), to(#2fb1c8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-03bots-tits .swiper-slide.active .items span {
  opacity: 1;
  transition: .5s ease-in-out;
}
.about-03bots-tits .swiper-slide.active:before {
  transition: .5s ease-in-out;
  opacity: 1;
}
.about-03bots-tits .swiper-slide:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  top: -2px;
  left: 0;
  background-image: linear-gradient(to right, #306cb7, #2fb1c8);
  border-radius: 4px;
  transition: .5s ease-in-out;
  opacity: 0;
}
.about-03bots-tits .swiper-slide:nth-child(n+2) {
  margin-left: 1.625rem;
}
.about-03bots-tits .swiper-slide .items {
  padding-right: .5rem;
  position: relative;
}
.about-03bots-tits .swiper-slide .items span {
  width: .25rem;
  height: .2rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i121.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
}

.about-03bots-lists {
  font-size: 0;
}
.about-03bots-lists .items {
  display: inline-block;
  vertical-align: top;
  margin-bottom: .375rem;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
  width: 32%;
  margin-left: 2%;
  padding: .75rem .75rem .5rem .75rem;
  color: #444444;
}
.about-03bots-lists .items .items-tops {
  line-height: 1;
}
.about-03bots-lists .items:nth-child(3n+1) {
  margin-left: 0;
}
.about-03bots-lists .items .items-bots {
  line-height: .7rem;
  margin-top: .6rem;
}
.about-03bots-lists .items .items-bots .li {
  position: relative;
  padding-left: .85rem;
  color: #666666;
}
.about-03bots-lists .items .items-bots .li:before {
  width: .5rem;
  height: .5rem;
  content: "";
  left: 0;
  top: .15rem;
  position: absolute;
}
.about-03bots-lists .items .items-bots .li.add:before {
  background: url(/bocstatic/web/img/jpg/i37.png) no-repeat center;
  background-size: 100%;
}
.about-03bots-lists .items .items-bots .li.phone:before {
  background: url(/bocstatic/web/img/jpg/i38.png) no-repeat center;
  background-size: 100%;
}

.about-02 {
  height: 20.375rem;
  padding-top: .65rem;
}
.about-02 .tits-0, .about-02 .txts-0 {
  line-height: 1;
}
.about-02 .txts-0 {
  margin-top: .5rem;
  color: #888888;
}

.about-02-lists {
  margin-top: 1.75rem;
  background: url(/bocstatic/web/img/line.png) no-repeat center;
  background-size: cover;
  height: 11.5rem;
}
.about-02-lists .swiper-slide {
  width: 100%;
}
.about-02-lists .btn-buttoms {
  margin-top: .7rem;
  text-align: center;
  font-size: 0;
}
.about-02-listss .btn-buttoms .btn {
  position: static;
  margin: 0;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  width: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid #007ac2;
  margin: 0 .25rem;
  position: relative;
  background: transparent;
}
.about-02-listss .btn-buttoms .btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.about-02-listss .btn-buttoms .btn.swiper-button-prev:before {
  background: url(/bocstatic/web/img/i123.png) no-repeat center;
  background-size: 100%;
}
.about-02-listss .btn-buttoms .btn.swiper-button-next:before {
  background: url(/bocstatic/web/img/i125.png) no-repeat center;
  background-size: 100%;
}

.about-02-lists {
  padding-left: 3.5rem;
  width: 48rem;
  margin: 0 auto;
  margin-top: 1.75rem;
}
.about-02-lists .swiper-wrapper,
.about-02-lists .swiper-slide, .about-02-lists .swiper-container {
  height: 11.5rem;
  overflow: visible;
}
.about-02-lists .swiper-wrapper .txt,
.about-02-lists .swiper-slide .txt, .about-02-lists .swiper-container .txt {
  color: #3d4348;
  line-height: .75rem;
  text-align: center;
}
.about-02-lists .swiper-wrapper .time.pcbox{
	display: inline-block;
	vertical-align: middle;
  margin-bottom: .5rem;
}
.about-02-lists .swiper-wrapper .time,
.about-02-lists .swiper-slide .time, .about-02-lists .swiper-container .time {
  text-align: center;
  line-height: 1;
  background-image: -webkit-gradient(linear, left 0, right 0, from(#0170c9), to(#55c6e4));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-02-lists .swiper-slide {
  position: relative;
}
.about-02-lists .swiper-slide .dian {
  position: absolute;
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  background: #0e78dc;
}
.about-02-lists .swiper-slide .dian:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 5px solid #fff;
  box-sizing: content-box;
  border-radius: 50%;
}
.about-02-lists .swiper-slide .dian .i0 {
  background: rgba(14, 120, 220, 0.2);
}
.about-02-lists .swiper-slide .dian .i1 {
  background: rgba(14, 120, 220, 0.06);
}
.about-02-lists .swiper-slide .dian .i0, .about-02-lists .swiper-slide .dian .i1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  margin: auto;
}
.about-02-lists .swiper-slide .items {
  /*opacity: 0;*/
  /*transition: .5s ease-in-out;*/
}
.about-02-lists .swiper-slide .imgs {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  /*transition: .5s ease-in-out;*/
}
.about-02-lists .swiper-slide .words {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
}
.about-02-lists .swiper-slide.i0 .imgs {
  bottom: 0;
}
.about-02-lists .swiper-slide.i0 .words {
  top: 0;
}
.about-02-lists .swiper-slide.i1 .imgs {
  top: 0;
}
.about-02-lists .swiper-slide.i1 .words {
  bottom: 0;
}
.about-02-lists .swiper-slide .words, .about-02-lists .swiper-slide .imgs {
  /*transition: .5s ease-in-out;*/
}
.about-02-lists .swiper-slide.cur0 .items, .about-02-lists .swiper-slide.cur1 .items, .about-02-lists .swiper-slide.cur2 .items, .about-02-lists .swiper-slide.cur3 .items, .about-02-lists .swiper-slide.cur4 .items {
  opacity: 1;
  /*transition: .5s ease-in-out;*/
}
.about-02-lists .swiper-slide.cur0 .words, .about-02-lists .swiper-slide.cur0 .imgs, .about-02-lists .swiper-slide.cur1 .words, .about-02-lists .swiper-slide.cur1 .imgs, .about-02-lists .swiper-slide.cur2 .words, .about-02-lists .swiper-slide.cur2 .imgs, .about-02-lists .swiper-slide.cur3 .words, .about-02-lists .swiper-slide.cur3 .imgs, .about-02-lists .swiper-slide.cur4 .words, .about-02-lists .swiper-slide.cur4 .imgs {
  /*transition: .5s ease-in-out;*/
}
.about-02-lists .swiper-slide.cur0 .dian, .about-02-lists .swiper-slide.cur1 .dian, .about-02-lists .swiper-slide.cur2 .dian, .about-02-lists .swiper-slide.cur3 .dian, .about-02-lists .swiper-slide.cur4 .dian {
  transition:.2s ease-in-out;
}
.about-02-lists .swiper-slide.cur1 .time, .about-02-lists .swiper-slide.cur3 .time {
  margin-bottom: .45rem;
}
.about-02-lists .swiper-slide .time {
  line-height: 1;
}
.about-02-lists .swiper-slide.cur0 .time, .about-02-lists .swiper-slide.cur2 .time, .about-02-lists .swiper-slide.cur4 .time {
  margin-top: .45rem;
}
.about-02-lists .swiper-slide.i0.cur0 .words, .about-02-lists .swiper-slide.i1.cur0 .words {
  top: auto;
  bottom: 3.875rem;
}
.about-02-lists .swiper-slide.i0.cur0 .imgs, .about-02-lists .swiper-slide.i1.cur0 .imgs {
  top: auto;
  bottom: -2.2rem;
  /*bottom: 0;*/
}
.about-02-lists .swiper-slide.i0.cur0 .dian, .about-02-lists .swiper-slide.i1.cur0 .dian {
  position: absolute;
  left: 55%;
  top: 70%;
}
.about-02-lists .swiper-slide.i0.cur1 .words, .about-02-lists .swiper-slide.i1.cur1 .words {
  top: auto;
  bottom: 1.25rem;
}
.about-02-lists .swiper-slide.i0.cur1 .imgs, .about-02-lists .swiper-slide.i1.cur1 .imgs {
  top: 0;
  bottom: auto;
}
.about-02-lists .swiper-slide.i0.cur1 .dian, .about-02-lists .swiper-slide.i1.cur1 .dian {
  position: absolute;
  left: 49%;
  top: 43%;
}
.about-02-lists .swiper-slide.i0.cur2 .words, .about-02-lists .swiper-slide.i1.cur2 .words {
  top: auto;
  bottom: 8.25rem;
}
.about-02-lists .swiper-slide.i0.cur2 .imgs, .about-02-lists .swiper-slide.i1.cur2 .imgs {
  top: auto;
  bottom: 0;
}
.about-02-lists .swiper-slide.i0.cur2 .dian, .about-02-lists .swiper-slide.i1.cur2 .dian {
  position: absolute;
  left: 49%;
  top: 53%;
}
.about-02-lists .swiper-slide.i0.cur3 .words, .about-02-lists .swiper-slide.i1.cur3 .words {
  top: auto;
  bottom: 2.5rem;
}
.about-02-lists .swiper-slide.i0.cur3 .imgs, .about-02-lists .swiper-slide.i1.cur3 .imgs {
  top: -1rem;
  bottom: auto;
}
.about-02-lists .swiper-slide.i0.cur3 .dian, .about-02-lists .swiper-slide.i1.cur3 .dian {
  position: absolute;
  left: 49%;
  top: 29%;
}
.about-02-lists .swiper-slide.i0.cur4 .words, .about-02-lists .swiper-slide.i1.cur4 .words {
  top: 0;
  bottom: auto;
}
.about-02-lists .swiper-slide.i0.cur4 .imgs, .about-02-lists .swiper-slide.i1.cur4 .imgs {
  top: auto;
  bottom: 0;
}
.about-02-lists .swiper-slide.i0.cur4 .dian, .about-02-lists .swiper-slide.i1.cur4 .dian {
  position: absolute;
  left: 49%;
  top: 27%;
}
.about-02-lists .swiper-slide .imgs {
  position: absolute;
  width: 5.975rem;
  height: 3.75rem;
  border-radius: 4px;
  border: 4px solid #016cc8;
  overflow: hidden;
}

.info2-lists .items2 .lis .box {
  width: 95%;
}

.supportinfo-centerlists {
  position: relative;
}

.supportinfo-centerlists .left.fixed {
  position: fixed;
  left: 12.5%;
  top: 0;
  z-index: 0;
}

.support-conbots,
.bocweb-footer {
  position: relative;
  z-index: 4;
}

.wel-maps {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.wel-maps .i-list, .wel-maps .i {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.wel-maps .a-list .abox {
  position: absolute;
  width: 2px;
  height: 2px;
  font-size: .45rem;
  color: #444444;
}

.wel-maps .a-list .abox .a {
  display: block;
  position: absolute;
  left: 0;
  line-height: .5rem;
  height: .5rem;
  top: 0;
  padding-right: .65rem;
  white-space: nowrap;
  color: #333;
  transition: .5s  ease-in-out;
}
.wel-maps .a-list .abox .a.active {
  font-size: .45rem;
  color: #057aa1;
  transition: .5s  ease-in-out;
}
.wel-maps .a-list .abox .a.active:before {
  opacity: 1;
  transition: .5s  ease-in-out;
}
.wel-maps .a-list .abox .a:before {
  position: absolute;
  width: .45rem;
  height: .25rem;
  content: "";
  background: url(/bocstatic/web/img/m8.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel-maps .a-list .abox1 {
  left: 8.625rem;
  top: 1.5rem;
}
.wel-maps .a-list .abox2 {
  left: 3.75rem;
  top: 4.25rem;
}
.wel-maps .a-list .abox3 {
  left: 6.25rem;
  top: 7.75rem;
}
.wel-maps .a-list .abox4 {
  left: 10.75rem;
  top: 8.375rem;
}
.wel-maps .a-list .abox5 {
  left: 3.75rem;
  top: 13.125rem;
}
.pagination a[rel = next],
.pagination a[rel = prev]{
	width: auto;
	padding:0 1%;
}
 .pro-titles .tits{
 	line-height: 1;
	color: #212937;
 }
 .pro-titles .txts{
	margin-top: .65rem;
}
.building-botsswiper .itemsbox .items .imgs{
  position: relative;
  z-index: 1;
  transform:none;
}
.products-bots .lists2-words .li .span{
  padding-left: 1em;
  position: relative;
}
.products-bots .lists2-words .li .span b{
  position: absolute;
  left: 0;
  top: 0;
  font-weight: normal;
}
.other{
  display: block;
}
.dangqian{
  display: none;
}
.welcome-banner .items .words .wel3-imgs{
  margin-left: -1.375rem;
}
.newsdetails .title-bots .span{
  position: relative;
}
.newsdetails .title-bots .span:before{
  position:absolute;
  content:"";
  width: 1px;
  height: 90%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background:#ccc;
}
.newsdetails .title-bots .span:nth-child(1):before{
  display: none;
}
.welcome-03 .tits-0{
  /*font-weight: 600;*/

}
.info3-items1 .items-tops .inf3-txts{
  color:#333;
}
@media screen and (max-width: 1400px){
  .info31-list .li{
    height: 5.5rem;
    line-height: 5.5rem;
  }
  .supportinfo-centerlists .right-topswords .txts.active{
    height: 3.5rem;
  }
  .proinfo03-swiper .tits{
    height: 1.4rem;
    overflow:hidden;
  }
}
@media screen and (max-width: 1190px){
  .supportinfo-centerlists .right-topswords .txts.active{
  }
  .supportinfo-centerlists .right-topswords{
    padding: 1rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .pro-list1swiper .btns{
    transition:.5s ease;
  }
  .pro-list1swiper .btns.swiper-button-prev:hover{
    background-color: #007bc2;
    background-image: url(/bocstatic/web/img/d100.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transition:.5s ease;
  }
  .pro-list1swiper .btns.swiper-button-next:hover{
    background-color: #007bc2;
    background-image: url(/bocstatic/web/img/d200.png);
    background-size: 100%;
    background-repeat: no-repeat;

    transition:.5s ease;
  }


  .info2-tits .li{
    margin:0 .25rem;
  }
  .info2-tits .li:nth-child(1){
    margin-left: 0;
  }
  .supportinfo-centerlists .right-topswords .zixun{
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem;
    background-position: left;
  }
  .products-bots .lists2-words .li{
    transition: .5s ease-in-out;
  }
  .products-bots .lists2-words .li:hover{
    box-shadow: 0 0 20px 3px rgba(0,0,0,.2);
    transition: .5s ease-in-out;
  }
  .gallery-top .swiper-slide.active .span{
    font-size: .55rem;
  }
  .welcome-01 .lists .words .lis:nth-child(2n+1) .spa{
    position: relative;
    display: inline-block;
    padding-left: .75rem;
  }
  .welcome-01 .lists .words .lis:nth-child(2n+1) .span1{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .newsdetails .box .title{
    font-size: 1.1rem;
  }
  .building-botsswiper .items .wordslist span{transition: .5s ease-in-out}
  .building-botsswiper .items:hover .wordslist span{
    transition: .5s ease-in-out;
    color:#cc2f25;
  }
  .right-fixed .it-top2 .its-bots2{
    right: -190px;
    transition:.5s ease-in-out;
    display: block;
    line-height: 49px;
  }
  .right-fixed .it-top2 .its-center{
    z-index: 5;
    position: relative;
  }

  .right-fixed .it-top2 .its-bots2.active{
    transition:.5s ease-in-out;
    right: 50px;
  }
  .about-03tops .lis.lis3120{
    width: .35rem;
    height: .35rem;
  }
  .about-03tops .lis.lis3120 .dian{
    color:#d81e06;
    font-size: .4rem;
  }
  .about-02-lists .swiper-wrapper .txt, .about-02-lists .swiper-slide .txt, .about-02-lists .swiper-container .txt{
    width: 90%;
  }
  .welcome-04 .items{
    transition:.5s ease-in-out;
  }
  .welcome-04 .items:hover{
    box-shadow: 0 0 16px rgba(0,0,0,.3);
    transition:.5s ease-in-out;
  }
  .bocweb-header .items-bots.t{
    /*width: 20em;*/
    left: 50%;
    transform:translateX(-50%);
    width: 78%;
    border-radius: 3px;
    overflow-y: scroll;
    font-size: 0;
    text-align: left;
    padding:0 .75rem;
    max-height: 88vh;
  }
  .uboxlist{
    position: relative;
  }
  .bocweb-header .items-bots.t .ubox{
    display: inline-block;
    vertical-align: top;
    width:22%;
    margin-left: 3%;
    position: relative;
    /*transition:.5s ease-in-out;*/
    color:#333;
    height: 150px;
    border-top: 1px solid #fff;
  }
  .bocweb-header .items-bots.t .ubox .txts{
    /*transition:.5s ease-in-out;*/
    color:#888888;
  }

    .bocweb-header .items-bots.t .ubox.active .tits,
  .bocweb-header .items-bots.t .ubox:hover .tits,
  .bocweb-header .items-bots.t .ubox.active .txts,
  .bocweb-header .items-bots.t .ubox:hover .txts{
    color:#fff;
    /*transition:.5s ease-in-out;*/

  }
  .bocweb-header .items-bots.t .ubox .ib{
    padding:.8rem;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
  }
  .bocweb-header .items-bots.t .ubox:hover,
  .bocweb-header .items-bots.t .ubox.active{
    background-image: linear-gradient(to  right,#00acd0, #008ac6);
    /*transition:.5s ease-in-out;*/
    color:#fff;
  }
  .bocweb-header .items-bots.t .ubox .txts{
    line-height: 1.25;
    line-height: 22px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .bocweb-header .items-bots.t .ubox .tits{
    margin-bottom: .3rem;
    line-height: .7rem;
    height: 1.4rem;
    overflow: hidden;

  }
  .bocweb-header .items-bots.t .ubox:nth-child(n+5){
    /*display: none;*/
  }
  .bocweb-header .items-bots.t .uboxlist{
    padding:.75rem 0;
  }
  .bocweb-header .items-bots.t .uboxlist:last-child:before{
    display: none;
  }
   .bocweb-header .items-bots.t .uboxlist:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background:#e9ebf1;
    content: "";

   }
  .bocweb-header .items-bots.t .ubox:nth-child(4n+1){
    margin-left: 0;
  }
  .bocweb-header .items-bots a.i.active{

  }
  .bocweb-header .items-bots{
    background:#fff;
    width: 100%;
    line-height: 1;
    font-size: 0;
    text-align: center;
  }
  .bocweb-header .items-bots a.i{
    display: inline-block;
    vertical-align: top;
    padding: 0 1.375rem;
    position: relative;
    height: 1.75rem;
    line-height: 1.75rem;
  }
  .bocweb-header .items-bots a.i:before{
    position: absolute;
    content:"";
    width: 1px;
    height: 16px;
    background:#eaebeb;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;

  }
  .bocweb-header .bocweb-nav a:hover{
        color: #007bc2;
    /*transition: .5s ease-in-out;*/
  }
  .proinfo01 .wordsbox .ul-bots{
    height: 7rem;
    overflow-y:auto;
    padding-right: .25rem;
  }
  .about-02-lists .swiper-slide.cur1 .time.mbox, .about-02-lists .swiper-slide.cur3 .time.mbox{
    display: block;
  }
    .about-02-lists .swiper-slide.cur1 .time.pcbox, .about-02-lists .swiper-slide.cur3 .time.pcbox{
    display: none;
  }
  .zixun:hover{
    transition:.5s ease-in-out;
    transform:translateY(-5px);
  }
	.pro-list1swiper .itemsbox{
    padding: 1px;
		padding-left: 5px;
	}
	.pro-list1swiper .items:hover{
		box-shadow: 0 0 3px 8px rgba(0,0,0,.02);
	}
	.products-bots .lists2-words .li .li-bots .li-botsbox{
		/*max-height: 7.5rem;*/
    /*min-height: 7.5rem;*/
        max-height: 9rem;
    min-height: 9rem;
	}
  .products-bots .lists3 .lists2-words .li .li-bots .li-botsbox{
    max-height: 9rem;
    min-height: 9rem;
  }


	/* .products-bots .lists4 .pro-list1swiper .items:hover .mores{
		color:#fff;
		transition:.5s ease-in-out;
	} */
	.products-bots .lists4 .pro-list1swiper .items:hover{
		border-color:#fff;
		transition:.5s ease-in-out;
	}
  .proinfo03-swiper .txts{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .info4-list .items{
    padding-left: .75rem;
    padding-right: .75rem;
  }
	.zixun{
		font-size: 13px;
	}
  .supportinfo-centerlists .left .items:hover .imgs .i1{
    opacity: 1;
    transition:.5s ease-in-out;
  }
   .supportinfo-centerlists .left .items:hover .imgs .i0{
    opacity:0;
    transition:.5s ease-in-out;
   }
  .welcome-01 .lists .words .lis .tits .span{
    transition:.5s ease-in-out;
  }
  .welcome-01 .lists .words .lis:hover .tits .span1{
    opacity: 1;
    /*background:url(/bocstatic/web/img/m8.png) no-repeat center;*/
    /*background-size: 100%;*/
    transition:.5s ease-in-out;
  }
  .welcome-01 .lists .words .lis:hover .tits .span2{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#2784cf), to(#02b9c8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition:.5s ease-in-out;
  }
  .news-box .list-bots .items .tits .spans{
  	transition:.5s ease-in-out;
  	display: inline-block;
  	vertical-align: top;
  }
  .news-box .list-bots .items:hover .tits .spans{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#008bb4), to(#00398f));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition:.5s ease-in-out;
  }

	.technologylist .items .tits{
		transition:.5s ease-in-out;
	}
	.technologylist .items:hover .tits{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#2784cf), to(#02b9c8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
		transition:.5s ease-in-out;
	}
  .wel-maps .a-list .abox .a:hover {
    font-size: .45rem;
    color: #057aa1;
    transition: .5s  ease-in-out;
  }
  .wel-maps .a-list .abox .a:hover:before {
    opacity: 1;
    transition: .5s  ease-in-out;
  }

  .bocweb-header .header-right .langs span:hover {
    background: url(/bocstatic/web/img/i4.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }

  .bocweb-header .header-right span {
    transition: .5s ease-in-out;
  }

  .bocweb-header .header-right .phone span:hover {
    background: url(/bocstatic/web/img/i5.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }

  .bocweb-header.cur .items a {
    transition: .5s ease-in-out;
  }
  .bocweb-header.cur .items a:hover, .bocweb-header.cur .items a.active {
    color: rgba(255, 255, 255, 0.6);
    transition: .5s ease-in-out;
  }
  .bocweb-header.cur .items a.items-tops:hover, .bocweb-header.cur .items a.items-tops.active {
    transition: .5s ease-in-out;
  }
  .bocweb-header.cur .items a.items-tops:hover:before, .bocweb-header.cur .items a.items-tops.active:before {
    background: url(/bocstatic/web/img/i7.png) no-repeat center;
    background-size: 100%;
  }

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

  .technologylist .items,
  .news-box .list-bots .items {
    transition: .5s ease-in-out;
  }
  .news-box .list-bots .items:hover {
    background: #f6f5fa;
    transition: .5s ease-in-out;
  }
  .technologylist .items:hover{
    background: #f6f5fa;
  	    padding-left: .75rem;
    transition: .5s ease-in-out;
  }
  .news-box .list-bots .items:hover .box {
    padding-left: .75rem;
    transition: .5s ease-in-out;
  }
  .technologylist .items .txts{
  	max-width: 70em;
  }

  .news-contitle .back:hover {
    color: #00569c;
    transition: .5s ease-in-out;
  }
  .news-contitle .back:hover:before {
    background: url(/bocstatic/web/img/jpg/back2.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }

  .newsdetails-bots .items:hover .txts {
    color: #00569c;
    transition: .5s ease-in-out;
  }

  .newsdetails .box-rightbox .items:hover .txts {
    color: #00569c;
    transition: .5s ease-in-out;
  }

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

  .building-botsswiper .swiper-pagination .swiper-pagination-bullet {
    transition: .5s ease-in-out;
  }
  .building-botsswiper .swiper-pagination .swiper-pagination-bullet:hover {
    transition: .5s ease-in-out;
    color: #cc2f25;
  }

  .technology-tits .select .select-tops:hover:before {
    background: url(/bocstatic/web/img/i17.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
  }

  .technology-tits .select .select-tops,
  .technology-tits .select .li {
    transition: .5s ease-in-out;
  }
  .technology-tits .select .select-tops:hover,
  .technology-tits .select .li:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #00569c;
  }

  .pro-list1swiper .items {
    transition: .5s ease-in-out;
  }
  .pro-list1swiper .items .mores, .pro-list1swiper .items .mores:before,
  .pro-list1swiper .items .tits {
    transition: 0.5s ease-in-out;
  }
  .pro-list1swiper .items:hover .mores:before {
    background: url(/bocstatic/web/img/i22.png) no-repeat center;
    background-size: 100%;
  }
  .pro-list1swiper .items:hover .tits, .pro-list1swiper .items:hover .mores {
    color: #00569c;
    transition: 0.5s ease-in-out;
  }

  .products-bots .lists2-words .li .i:hover {
    color: #057aa1;
    font-weight: 600;
  }
  .products-bots .lists2-words .li .i:hover .span {
    color: #057aa1;
    transition: .5s ease-in-out;
  }
  .products-bots .lists2-words .li .i:hover .span .before {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .zixun:hover {
    /*background: #4bd3f1;*/
    transition: .5s ease-in-out;
  }

  .con-swiper .btns {
    transition: .5s ease-in-out;
  }
  .con-swiper .btns:hover {
    transition: .5s ease-in-out;
    background-color: #0081c4;
  }
  .con-swiper .btns.swiper-button-prev:hover {
    background-image: url(/bocstatic/web/img/i45.png);
  }
  .con-swiper .btns.swiper-button-next:hover {
    background-image: url(/bocstatic/web/img/i47.png);
  }

  .proinfo03-swiper .items {
    transition: .5s ease-in-out;
  }
  .proinfo03-swiper .items:hover {
    transition: .5s ease-in-out;
    transform:translateY(-10px);
    box-shadow: 0 0 10px 10px rgba(244, 249, 252, 0.8);
  }
/*  .proinfo03-swiper .swiper-slide .items{
    transition: .5s ease-in-out;
  }
  .proinfo03-swiper .swiper-slide:hover .items{
    transition: .5s ease-in-out;
    transform:translateY(-20px);
  }*/

  .supportinfo-centerlists .left .items:hover {
    background-image: linear-gradient(to right, #fff, #e0f6f8);
  }
  .supportinfo-centerlists .left .items:hover span {
    background-image: -webkit-gradient(linear, left 0, right 0, from(#2784cf), to(#02b9c8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .supportinfo-centerlists .left .items:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .supportinfo-centerlists .right-topswords .words {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
  }
  .supportinfo-centerlists .right-topswords .words  .txts {
     /*height: */
  }
  .supportinfo-centerlists .right-topswords .words.active  .txts {
    overflow-y: auto;
  }

  .info31-list .li:hover .words {
    transition: .5s ease-in-out;
    opacity: 1;
  }

  .welmore:hover span {
    transition: .5s ease-in-out;
    transform: translateX(5px);
  }

  .gallery-thumbs .swiper-button-white {
    transition: .5s ease-in-out;
  }
  .gallery-thumbs .swiper-button-white:hover {
    transition: .5s ease-in-out;
    background-color: #008ac6;
  }
  .gallery-thumbs .swiper-button-white:hover.swiper-button-prev {
    background-image: url(/bocstatic/web/img/i105.png);
  }
  .gallery-thumbs .swiper-button-white:hover.swiper-button-next {
    background-image: url(/bocstatic/web/img/i107.png);
  }

  .about-02-listss .btn-buttoms .btn {
    transition: .5s ease-in-out;
  }
  .about-02-listss .btn-buttoms .btn:hover {
    background-image: linear-gradient(to right, #00a7cf, #0089c6);
    transition: .5s ease-in-out;
  }
  .about-02-listss .btn-buttoms .btn.swiper-button-prev:hover:before {
    background: url(/bocstatic/web/img/i124.png) no-repeat center;
    background-size: 100%;
  }
  .about-02-listss .btn-buttoms .btn.swiper-button-next:hover:before {
    background: url(/bocstatic/web/img/i126.png) no-repeat center;
    background-size: 100%;
  }

  .about-02-lists .swiper-slide.active .imgs {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .about-02-lists .swiper-slide:hover .dian:before {
    display: none;
  }

  @keyframes fangda {
    from {
      transform: scale3d(.9,.9,1);
    }
    to {
      transform: scale3d(2,2,1);
    }
  }
  @keyframes fangdat {
    from {
      transform: scale3d(.9,.9,1);
    }
    to {
      transform: scale3d(3,3,1);
    }
  }
  .about-02-lists .swiper-slide:hover .dian .i0 {
    transform: scale3d(2, 2, 1);
    animation: fangda 2s linear 0s infinite;
    -moz-animation: fangda 2s linear 0s infinite;
    -webkit-animation: fangda 2s linear 0s infinite;
    -o-animation: fangda 2s linear 0s infinite;

  }
  .about-02-lists .swiper-slide:hover .dian .i1 {
    transform: scale3d(3, 3, 1);
    animation: fangdat 2s linear 0s infinite;
    -moz-animation: fangdat 2s linear 0s infinite;
    -webkit-animation: fangdat 2s linear 0s infinite;
    -o-animation: fangdat 2s linear 0s infinite;

  }

  .welcome-01 .lists .words .lis {
    transition: .5s ease-in-out;
  }
  .welcome-01 .lists .words .lis .imgs {
    transition: .5s ease-in-out;
  }
  .welcome-01 .lists .words .lis:hover .imgs {
    transform: translateY(-10px);
    transition: .5s ease-in-out;
  }

  @keyframes widths {
    from {
      width: 0px;
    }
    to {
      width: 100%;
    }
  }
  .wel-maps .i2,
  .wel-maps .i3,
  .wel-maps .i4,
  .wel-maps .i5,
  .wel-maps .i1 {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    animation: widths 3s linear 0s infinite;
    -moz-animation: widths 3s linear 0s infinite;
    -webkit-animation: widths 3s linear 0s infinite;
    -o-animation: widths 3s linear 0s infinite;
  }

  .support-listtops .lists .li .imgs,
  .pro-list1swiper .items .imgs {
    transition: .5s ease-in-out;
  }
  .support-listtops .lists .li:hover .imgs,
  .pro-list1swiper .items:hover .imgs {
    transition: .5s ease-in-out;
    transform: translateY(-10px);
  }

  .newsdetails .box-right,
  .newsdetails .box-rightbox {
    width: 10.4rem;
  }

  .newsdetails .box-right {
    padding: 0 !important;
  }

  .newsdetails .box-right.fixed {
    /*position: fixed;*/
    position: static;
    right: 5%;
    top: 90px;
  }
  .support-listtops .lists .li .tits span{
  	transition:.5s ease-in-out;
  }
  .support-listtops .lists .li:hover .tits span{
    transition:.5s ease-in-out;
  	opacity: 1;
  }
   .support-listtops .lists .li:hover .tits{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#0086b0), to(#0154ba));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition:.5s ease-in-out;
   }

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

  .bocweb-header .items-bots {
    background: #fff;
    /*z-index: 100;*/
  }
  .bocweb-header .items-bots a.i {
    color: #333 !important;
    transition: .5s ease-in-out;
  }
  .bocweb-header .items-bots a.i:after{
    position: absolute;
    content:"";
    width: 100%;
    height: 3px;
    background:#007ac2;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition:.5s ease-in-out;

  }
  .bocweb-header .items-bots a.i:hover:after, .bocweb-header .items-bots a.i.active:after {
    transition:.5s ease-in-out;
    opacity: 1;
  }
  .bocweb-header .items-bots a.i:hover, .bocweb-header .items-bots a.i.active {
    color: #007ac2 !important;
    transition: .5s ease-in-out;
  }
}
.welcome-01 .txts-0 {
  line-height: 1.5;
}

.products-box.productsinfo .products-tops {
  padding: 0;
}

.products-box .products-tops .texts .list .i {
  cursor: pointer;
}
.about-03tops .lis:nth-child(n+33){
	/*display: none;*/
}

@media screen and (max-width: 1650px) {
  .products-box .products-tops .texts {
    line-height: .7rem;
  }

  .products-box .products-tops .words {
    padding-top: 2.7rem;
  }

  .products-bots {
    margin-top: 6rem;
  }

  .productsinfo.products-box .products-tops {
    height: 550px;
  }

  .products-box.productsinfo .products-tops.h720 {
    height: 600px;
  }
}
@media screen and (max-width: 1450px) {
  .w1400 {
    width: 80%;
  }

  .supportinfo-centerlists .left.fixed {
    left: 10%;
  }

  .newsdetails .box-right {
    padding-left: 3.5rem;
  }

  .newsdetails .box {
    padding-left: 1rem;
  }

  .products-bots {
    margin-top: 5rem;
  }

  .products-box .products-tops .words {
    padding-top: 2rem;
  }

  .ft15, .ft14 {
    font-size: 13px;
  }
}
.welcome-banner {
  overflow: hidden;
}

@media screen and (max-width: 1350px) {
  .welcome-01 .lists .words .lis .txts br {
    display: none;
  }

  .bocweb-footer .bocweb-footer-right .items:nth-child(n+2) {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 1190px) {
  .products-box .products-tops .images,
  .products-box .products-tops .words {
    width: 50%;
  }
  .inputsbox{
    width:160px;
  }
  .bocweb-header .items{
    padding:0 .3rem;
  }

  .gallery-thumbs .words .txts {
    line-height: 1.8;
  }

  .bocweb-footer .bocweb-footer-right .items:nth-child(n+2) {
    margin-left: 1.5rem;
  }
}
.welcome-banner .items .words.active{
  margin-top: -5%;
}
@media screen and (max-width: 1023px) {
  .pro-titles.active{
    color:#000;
  }


    .welcome-banner .items .words .wel3-imgs{
    margin-left: 0;
    }
  .i-imgs{
    /*margin-right: 25%;*/
  }
    @keyframes widths {
    from {
      width: 0px;
    }
    to {
      width: 100%;
    }
  }
  .wel-maps .i2,
  .wel-maps .i3,
  .wel-maps .i4,
  .wel-maps .i5,
  .wel-maps .i1 {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    animation: widths 3s linear 0s infinite;
    -moz-animation: widths 3s linear 0s infinite;
    -webkit-animation: widths 3s linear 0s infinite;
    -o-animation: widths 3s linear 0s infinite;
  }
  .welcome-01 .lists .words .lis .tits .span1{
    display: none;
  }
  .wel04-list .swiper-slide{
    width: 32%;
  }
	.about-02-lists .swiper-wrapper .time.pcbox{
		display: none;
	}
  .products-bots .lists2-words .li .span .before {
    display: none;
  }

  .welmore {
    min-width: auto;
  }

  .about-02-lists .swiper-slide .words {
    padding: .75rem;
  }

  .about-02-lists .swiper-slide .imgs {
    height: auto;
    width: 75%;
  }

  .about-02-lists .swiper-container {
    padding-right: 30%;
  }

  .about-02-lists .swiper-slide.i1 .imgs {
    opacity: 1;
  }

  .about-02-lists .swiper-slide {
    width: 45%;
    padding: 0 .75rem;
    height: auto;
  }

  .about-02-lists .swiper-slide .time {
    margin-bottom: .25rem;
  }

  .about-02-lists .swiper-wrapper .txt {
    font-size: .4rem;
    line-height: 1.5;
  }

  .about-02,
  .about-02-lists .swiper-wrapper, .about-02-lists .swiper-slide, .about-02-lists .swiper-container {
    height: auto;
  }

  .about-02-lists .swiper-slide .time {
    margin: 0 !important;
    margin-bottom: .5rem;
  }

  .about-02-lists {
    background: transparent;
  }

  .about-02-lists {
    padding: 0 1rem;
    width: 100%;
  }

  .about-02-lists .swiper-slide .words, .about-02-lists .swiper-slide .imgs {
    position: static;
    opacity: 1;
  }

  .about-02-lists .swiper-slide .dian {
    display: none !important;
  }

  /*.bocweb-footer .itemsbox,
  .bocweb-footer .bocweb-footer-right{
    width: 100%;
  }*/
  .about-03tops .images {
    width: 100%;
    height: auto;
  }

  .about-01 .words-list {
    padding: 0;
  }

  .bocweb-footer-bot {
    line-height: 1.5;
    height: auto;
    padding: .5rem 0;
    text-align: center;
  }
  .bocweb-footer-bot .fl, .bocweb-footer-bot .fr {
    width: 100%;
    line-height: 1.5;
  }

  .bocweb-footer .bocweb-footer-right .items:nth-child(n+2) {
    margin-left: .75rem;
  }

  .about-banner.products-box {
    background-size: 100% 100% !important;
  }

  .gallery-top .swiper-slide {
    width: 33%;
  }

  .welcome-02 .words .boxs {
    /*max-width: 100%;*/
  }

  .supportinfo-centerlists .left {
    display: none;
  }

  .right-botslist .lis {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .right-botslist .lis:nth-child(5n+1) {
    margin-left: 2%;
  }
  .right-botslist .lis:nth-child(3n+1) {
    margin-left: 0;
  }

  .supportinfo-centerlists .right {
    width: 100%;
    padding-left: 0;
  }

  .products-box {
    background-size: 100% 40rem !important;
  }

  .products-bots:before {
    display: none;
  }

  /* .products-bots .lists4 .pro-list1swiper .items .tits {
    color: #409eca;
  } */

  .con-header {
    line-height: 45px;
    height: 45px;
  }

  .products-box .products-tops .words {
    margin-top: 0;
    padding-top: 0;
  }

  .products-box .products-tops {
    max-height: 100%;
  }

  .w1400 {
    width: 92%;
  }

  .newsdetails .box-right {
    padding-left: 1rem;
  }

  .pro-list1swiper .items {
    width: 49%;
    margin-left: 2%;
  }
  .pro-list1swiper .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .pro-list1swiper .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .products-box .products-tops {
    padding: 0 20px;
    padding-top: 45px;
  }

  .products-box .products-tops .images, .products-box .products-tops .words {
    /*position: static;*/
    /*width: 100%;*/
    /*float: none;*/
    /*display: block;*/
  }

  .products-box .products-tops .images {
    /*width: 65%;*/
    /*margin: 0 auto;*/
  }

  .support-listtops .lists .li {
    width: 33%;
    margin-bottom: .5rem;
  }

  .support-listbots .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .support-listbots .li:nth-child(4n+1) {
    margin-left: 2%;
  }
  .support-listbots .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .welcome-01 .lists .words {
    position: static;
    margin-top: 2.5rem;
  }

  .welcome-01 .lists .words .lis {
    width: 50%;
    margin-left: 0;
  }
  .welcome-01 .lists .words .lis:nth-child(1), .welcome-01 .lists .words .lis:nth-child(2) {
    padding-bottom: 1.5rem;
  }
  .welcome-01 .lists .words .lis:nth-child(1), .welcome-01 .lists .words .lis:nth-child(3) {
    border-right: 1px solid #dde2e7;
    padding-right: 1.75rem;
  }
  .welcome-01 .lists .words .lis:nth-child(3), .welcome-01 .lists .words .lis:nth-child(4) {
    border-top: 1px solid #dde2e7;
    padding-top: 1.5rem;
  }

  .welcome-01 .lists .words .lis .txts {
    line-height: .5rem;
    height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .welcome-01 .lists .words .lis:nth-child(n+3) {
    margin-top: 0;
  }
  .products-box.uio .products-tops .words{
    width: 100%;
  }
  .products-box.uio .products-tops .images img{
    transform: scale3d(1,1,1);
  }
}
.m-i{
  display: inline;
}
@media screen and (max-width: 900px) {
  .bocweb-footer .bocweb-footer-right .items:nth-child(n+2) {
    margin-left: .5rem;
  }
  .welcome-03 .txts-0{
    line-height: 1.5;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}
.right-fixed .it-top2 .its-bots2{
  background: #fff;
}
@media screen and (max-width: 767px) {
  .welcome-01 .lists .words .lis .txts{
    text-align: left;
  }
.newsdetails-con img{
  width: auto!important;
  height: auto!important;
  display: block;
  margin: 0 auto;
}
  .products-bots .lists .pro-titles{
    margin-bottom: .3rem;
  }

  .info31-list .li .words .t1{
    position: static;
    left: auto;
    top: auto;
    transform: translate(0);
  }

  .info2-lists .items .items-tops{
    margin-bottom: .25rem;
  }
  .info31-swiper .swiper-pagination{
    margin-top: .25rem;
  }
  .building-botsswiper .itemsbox .items img{
    width: 100%;
    height: 3rem;
  }
  .productsinfo.products-box .products-tops .words{
    /*width: 100%;*/
  }
  .productsinfo.products-box .products-tops .imagesbox{
    background-position: 86% bottom!important;
  }
  .productsinfo .products-tops .zixun{
    display: none;
  }
  .m-i{
    display: block;
  }
  .right-fixed{
    display: none!important;
  }

  .welcome-banner .btn-box{
    text-align: center;
    bottom: 1rem;
  }
  .welcome-banner .btn-box .swiper-pagination{
    width: 100%;
  }
  .welcome-banner .btn-box .swiper-pagination-bullet:nth-child(n+2){
    margin-left: .5rem;
  }
  .welcome-banner .items .words .wel3-imgs{
    width: 50%;
    margin: 0 auto;
  }
  .welcome-banner .btn-box .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .welcome-banner .btn-box .swiper-pagination-bullet{
    width: .2rem;
    height: .2rem;
  }
  .welcome-banner .btn-box .swiper-pagination-bullet:after{
    left: -.5rem;
    width: .5rem;
  }
  .welcome-02 .words .boxs{
    max-width: 100%;
  }
  .welcome-02 .words .boxs{
    padding-right: 0;
  }
  .welcome-02 .words .i-imgs{
    /*display: none;*/
    width: 130%;
    top: 0!important;
    left: 15%;
    position: relative;
  }
	 .pro-titles .txts{
		margin-top: .24rem;
	}

  .products-bots .lists2-words .li .li-bots .li-botsbox{
    max-height: none;
    /*3rem*/
    padding: 0 .1rem!important;
    min-height: 2.5rem;
  }
  .right-fixed {
    width: .62rem;
    /*height: 1.7rem;*/
    height: .62rem;
  }
  .right-fixed .it-top {
    width: .62rem;
    height: .62rem;
    top: -.65rem;
  }
  .right-fixed .it-top2 .its-bots2{
    right: .62rem;
    line-height: .62rem;
    height: .62rem;
  }
  .right-fixed .it-top .its-bots {
    right: .62rem;
    padding-right: .2rem;
  }
  .right-fixed .it-top .its-bots img {
    right: .2rem;
    width: 1.5rem;
  }
  .news-contitle{
    display: none;
  }
  .right-fixed .it-bot {
    width: .62rem;
    height: .62rem;
    bottom: -.65rem;
    line-height: .62rem;
  }
  .right-fixed .it-center {
    line-height: 1.7rem;
  }
  .right-fixed .it-center span {
    padding-top: .38rem;
    line-height: .3rem;
  }
  .right-fixed .it-center span:before {
    width: .3rem;
    height: .3rem;
  }

  .wel-maps .a-list .abox {
    font-size: .2rem;
  }
  .wel-maps .a-list .abox .a {
    line-height: .32rem;
    height: .32rem;
    padding-right: .26rem;
  }
  .wel-maps .a-list .abox .a.active {
    font-size: .22rem;
  }
  .wel-maps .a-list .abox .a:before {
    width: .18rem;
    height: .1rem;
  }
  .wel-maps .a-list .abox1 {
    left: 3.45rem;
    top: 0.6rem;
  }
  .wel-maps .a-list .abox2 {
    left: 1.5rem;
    top: 1.7rem;
  }
  .wel-maps .a-list .abox3 {
    left: 2.5rem;
    top: 3.1rem;
  }
  .wel-maps .a-list .abox4 {
    left: 4.3rem;
    top: 3.35rem;
  }
  .wel-maps .a-list .abox5 {
    left: 1.5rem;
    top: 5.25rem;
  }

  .about-02-lists .swiper-slide {
    width: 60%;
    padding: 0 .2rem;
  }

  .about-02-lists .swiper-slide .imgs {
    width: 100%;
  }
  .about-02-lists .swiper-slide .imgs img {
    width: 100%;
  }

  .about-02-lists .swiper-container {
    padding-right: 0;
  }

  .about-02-lists .swiper-slide .words {
    padding: .25rem;
  }

  .about-02-lists .swiper-wrapper .txt {
    font-size: .24rem;
    margin-top: .1rem;
  }

  .about-02-listss .btn-buttoms .btn {
    width: .6rem;
    height: .6rem;
    margin: 0 .1rem;
  }

  .proinfo01 .wordsbox .txts2 {
    line-height: 1.8;
    margin-top: .5rem;
  }

  .proinfo01 .wordsbox .text {
    line-height: .4rem;
    height: 2rem;
    margin-top: .1rem;
  }

  .proinfo01 .wordsbox .text.active {
    max-height: 100%;
    height: auto;
  }

  .bocweb-footer .bocweb-footer-top .itemsbox {
    padding-top: .85rem;
    width: 100%;
  }

  .bocweb-footer-bot {
    height: auto !important;
  }

  .bocweb-footer .bocweb-footer-right .items {
    width: 100%;
    margin-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  .bocweb-footer .bocweb-footer-right .items .items-top {
    font-size: .26rem;
    line-height: .9rem;
    height: .9rem;
  }
  .bocweb-footer .bocweb-footer-right .items .items-bots {
    padding: .15rem 0;
  }

  .bocweb-footer .bocweb-footer-right .items .items-top {
    position: relative;
    margin-bottom: 0;
  }
  .bocweb-footer .bocweb-footer-right .items .items-top:hover {
    color: #fff;
  }
  .bocweb-footer .bocweb-footer-right .items .items-top:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/bocstatic/web/img/i122.png) no-repeat center;
    background-size: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .bocweb-footer .bocweb-footer-right {
    width: 100%;
  }

  .bocweb-footer .bocweb-footer-right .items .items-bots {
    display: none;
  }

  .gallery-top .swiper-slide {
    /*width: 45%;*/
    width: auto;
    height: 100%;
  }
  .gallery-top .swiper-slide:nth-child(n+2){
    margin-left: .3rem;
  }

  .gallery-thumbs .words,
  .gallery-thumbs .imgs {
    width: 100%;
    padding: 0;
  }

  .welcome-banner .items .words {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    transform: translate(0, 0);
    padding-top: 1.96rem;
  }

  .welcome-banner .items .words .wel-more .zixun {
    margin: 0 auto;
  }

  .supportinfo-banner .imgs {
    height: 525px;
  }
  .supportinfo-banner .words {
    margin-top: .5rem;
  }
  .supportinfo-banner .txts {
    max-width: 95%;
    line-height: 1.5;
    margin-top: .2rem;
    /*margin-bottom: .3rem;*/
  }

  .welcome-banner .items .words .cns {
    line-height: .8rem;
    margin-top: .3rem;
  }

  .welcome-banner .items .words .wel-more {
    margin-top: .44rem;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    margin: auto;
  }

  .supportinfo-centerlists.active .copd {
    padding-top: .8rem;
  }
  .supportinfo-centerlists.active .info4-items1 {
    padding-top: .2rem;
    padding-bottom: .7rem;
  }
  .supportinfo-centerlists.active .info4-items2 {
    padding-top: .9rem;
    padding-bottom: 1.1rem;
  }
  .supportinfo-centerlists.active .info4-items2 .items-tops {
    margin-bottom: .36rem;
  }
  .supportinfo-centerlists.active .info4-items3 {
    padding-top: .8rem;
    padding-bottom: 1.6rem;
  }
  .supportinfo-centerlists.active .info4-items3 .items-tops {
    margin-bottom: .48rem;
  }

  .info4-items1 .items-bots .titul {
    margin-bottom: 0.6rem;
    margin-top: 0.24rem;
  }

  .productsinfo.products-box .products-tops .words {
    padding-top: .5rem;
  }
  .products-box .products-tops .words .tits-en{
    font-size: .6rem;
  }

  .productsinfo.products-box .products-tops {
    padding: 0;
    height: 6rem;
  }

  .proinfo01 {
    padding-top: 0.4rem;
    padding-bottom: .4rem;
  }
  .proinfo01 .wordsbox, .proinfo01 .imgsbox {
    width: 100%;
  }
  .proinfo01 .imgsbox img {
    margin-left: 0;
    width: 100%;
  }
  .proinfo01 .wordsbox .txts {
    margin-top: 0.2rem;
    padding-bottom: 0.4rem;
    margin-bottom: 0.48rem;
  }
  .proinfo01 .wordsbox .ul-tops {
    margin-bottom: .2rem;
  }
  .proinfo01 .wordsbox .ul-bots .li>* {
    line-height: 1.6;
    padding-left: 0.24rem;
  }
  .proinfo01 .wordsbox .ul-bots .li>*:before {
    width: 0.06rem;
    height: 0.06rem;
    top: 0.15rem;
  }

  .proinftits {
    margin-bottom: .16rem;
  }

  .proinfotxts {
    color: #7b7f82;
    line-height: 1.5;
  }

  .zixun {
    font-size: .2rem;
  }

  .con-swiper .btns {
    width: 0.5rem;
    height: 0.5rem;
  }

  .proinfo03-swiper {
    margin-top: 0.36rem;
    padding: 0 0.6rem;
  }
  .proinfo03-swiper .swiper-slide {
    padding: 10px;
  }
  .proinfo03-swiper .swiper-slide:before {
    height: 1.75rem;
    left: -2px;
  }
  .proinfo03-swiper .imgs {
    width: 0.6rem;
    height: 0.6rem;
    margin-bottom: 0.3rem;
  }
  .proinfo03-swiper .tits {
    line-height: 0.28rem;
    height: .56rem;
  }
  .proinfo03-swiper .txts {
    line-height: .4rem;
    height: 2.4rem;
    margin-top: 0.2rem;
  }
  .proinfo03-swiper .items {
    padding: 0.4rem 0.2rem;
    padding-bottom: 0.6rem;
    border-radius: 0.1rem;
  }

  .w1640 {
    width: 92%;
  }

  .proinfo02 {
    padding-top: 1.2rem;
    padding-bottom: 0.7rem;
  }
  .proinfo02 .imgs {
    margin-top: .48rem;
  }
  .proinfo02 .txts {
    width: 90%;
  }

  .proinfo03 {
    padding-top: 1.1rem;
    padding-bottom: 0.35rem;
  }

  .zixun {
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.5rem;
    width: 2rem;
    padding-left: .25rem;
    padding-right: .35rem;
  }

  .productsinfo .zixun {
    margin-top: .3rem;
  }

  .zixun span {
    height: 0.4rem;
    width: 0.4rem;
    right: 0.05rem;
  }

  .products-box {
    min-height: 100vh;
  }
  .products-box .products-tops {
    padding: 0 0.3rem;
    padding-top: 45px;
  }
  .products-box .products-tops .txts {
    margin-top: 0.16rem;
  }
  .products-box .products-tops .inputs {
    margin-top: 0.7rem;
    width: 3.8rem;
    height: 0.55rem;
    line-height: 0.55rem;
    border-radius: 0.55rem;
    margin-bottom: 0.14rem;
  }
  .products-box .products-tops .inputs input[type=submit] {
    width: 0.45rem;
    height: 0.45rem;
    right: 0.06rem;
  }
  .products-box .products-tops .inputs input[type=text] {
    padding-left: 0.3rem;
    padding-right: 0.5rem;
  }
  .products-box .products-tops .texts {
    padding-left: 1.1rem;
    line-height: 1.5;
  }
  .products-box .products-tops .texts .span {
    left: .3rem;
  }
  .products-box .products-tops .texts .list .i {
    margin-right: .22rem;
  }
  .products-box .products-tops .words {
    padding-top: 0.8rem;
  }
  .products-box .products-tops .words .tits {
    margin-bottom: .36rem;
  }
  .products-box .products-tops .words .tits:before {
    width: .3rem;
  }
  .pro-list1swiper{
    text-align: center;
  }
  .pro-list1swiper .itemsbox{
    text-align: left;
  }
  .pro-list1swiper .btns {
    width: .5rem;
    height: .5rem;
    position: static;
    margin:0;
    display: inline-block;
  }
  .pro-list1swiper .btns.swiper-button-prev {
    left: 0;
  }
  .pro-list1swiper .btns.swiper-button-next {
    right: 0;
  }
  .pro-list1swiper .items {
    border-radius: .1rem;
    margin-bottom: .2rem;
    width: 49%;
    margin-left: 2%;
  }
  .pro-list1swiper .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .pro-list1swiper .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .pro-list1swiper .items .imgs {
    width: 0.7rem;
    height: 0.7rem;
  }
  .pro-list1swiper .items .mores {
    padding-right: .15rem;
  }
  .pro-list1swiper .items .mores:before {
    width: .06rem;
    height: .1rem;
  }
  .pro-list1swiper .items .tits {
    line-height: 0.32rem;
    height: 0.64rem;
    margin-bottom: 0.4rem;
    margin-top: 0.22rem;
  }

  .products-bots {
    padding-bottom: 0.76rem;
    margin-top: 0.3rem;
  }
  .products-bots .lists1 .pro-titles {
    margin-bottom: 0.6rem;
  }
  .products-bots .lists1 .pro-titles .txts {
    margin-top: 0.26rem;
  }

  .products-bots:before {
    height: 12.95rem;
  }

  .products-box .products-tops .words .tits-en {
    white-space: normal;
  }

  .products-bots .lists:nth-child(n+2) {
    margin-top: 1.1rem;
  }
  .products-bots .lists2-words {
    margin-top: .6rem;
  }
  .products-bots .lists2-words .li {
    width: 100%;
    margin-left: 0%;
  }
  .products-bots .lists2-words .li:nth-child(3n+1) {
    margin-left: 0%;
  }
  .products-bots .lists2-words .li:nth-child(2n+1) {
    margin-left: 0;
  }
  .products-bots .lists2-words .li .i {
    line-height: 1.5;
  }
  .products-bots .lists2-words .li .i:nth-child(n+2) {
    margin-top: .1rem;
  }
  .products-bots .lists2-words .li .span .before {
    width: 0.14rem;
    height: 0.12rem;
    right: 0.04rem;
    margin-left: 0.04rem;
  }
  .products-bots .lists2-words .li .li-bots {
    padding: 0.26rem 0;
    min-height: 2.5rem;
  }
  .products-bots .lists2-words .li .li-bots .li-botsbox{
  padding: 0 .6rem;
  }
  .products-bots .lists2-words .li .li-bots.on {
    min-height: 4.25rem;
  }
  .products-bots .lists2-words .li .li-tops {
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.4rem;
    padding-right: 1rem;
  }
  .products-bots .lists2-words .li .li-tops img {
    width: 0.5rem;
    height: 0.5rem;
    right: 0.38rem;
  }

  .products-bots .lists2-words .li {
    margin-bottom: .2rem;
  }

  .products-bots .lists2-words .li .li-bots {
    padding: .25rem;
  }

  .pro-list1swiper .items {
    padding: .25rem;
  }

  .products-bots .lists4 .pro-titles {
    color: #333;
    margin-bottom: .5rem;
  }

  .products-box {
    background-size: 100% 16rem !important;
  }

  .products-box .products-tops {
    max-height: 100%;
  }

  .news-contitle {
    padding-left: .25rem;
    padding-right: .3rem;
  }

  .news-contitle .i span {
    height: .7rem;
    max-width: 4em;
  }

  .news-contitle .i {
    font-size: .2rem;
  }

  .news-contitle .back:before {
    width: .15rem;
    height: .15rem;
  }

  .news-contitle .back {
    padding-left: .16rem;
  }

  .newsdetails .box {
    width: 100%;
    padding: 0;
  }

  .newsdetails .box-right {
    padding: 0;
    width: 100%;
  }

  .technologylist {
    margin-top: 0.7rem;
  }
  .technologylist .list {
    margin-bottom: 0.9rem;
  }
  .technologylist .items {
    padding: 0.5rem 0;
  }
  .technologylist .items .tits {
    line-height: 0.44rem;
    height: 0.44rem;
  }
  .technologylist .items .time {
    margin-top: 0.1rem;
    margin-bottom: 0.32rem;
    font-family: Arial;
  }
  .technologylist .items .txts {
    line-height: 0.45rem;
    height: 0.9rem;
  }

  .technology-box {
    padding-top: 1.2rem;
    padding-bottom: 1.3rem;
  }

  .technology-tits .selects {
    padding-top: .14rem;
  }
  .technology-tits .select .li {
    padding: 0 .2rem;
    line-height: 1.5;
    font-size: .2rem;
  }
  .technology-tits .select .selects-bots {
    top: .5rem;
  }
  .technology-tits .select .select-tops {
    width: 1.8rem;
    height: 0.5rem;
    line-height: .5rem;
    /*border-radius: 1.25rem;*/
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding-right: .3rem;
    padding-left: .2rem;
    font-size: .2rem;
  }
  .technology-tits .select .select-tops:before {
    right: .2rem;
  }

  .newsdetails .box .title {
    padding-bottom: .3rem;
    margin-bottom: .4rem;
  }
  .newsdetails .title-bots {
    margin-bottom: .6rem;
  }
  .newsdetails .title-bots .span {
    font-size: .2rem;
    padding: 0 .3rem;
  }
  .news-box .list-bots .items .time{
    color: #333;
    padding-left: 0;
  }
  .news-box .list-bots .items .time:before{
    display: none;
  }

  .newsdetails .box-rightbox {
    padding: .3rem;
    width: 100%;
  }
  .newsdetails .box-rightbox:before {
    height: 3px;
  }
  .newsdetails .box-rightbox .titles {
    padding-bottom: .22rem;
    margin-bottom: .2rem;
  }
  .newsdetails .box-rightbox .txts {
    line-height: .4rem;
    height: .8rem;
  }
  .newsdetails .box-rightbox .items {
    padding-top: .28rem;
    padding-bottom: .4rem;
  }
  .newsdetails .box-rightbox .items .time {
    font-size: .2rem;
    margin-top: .22rem;
  }

  .newsdetails {
    padding-top: 1.1rem;
    padding-bottom: 1.28rem;
  }

  .newsdetails-bots {
    margin-top: 0.6rem;
    padding-top: 0.5rem;
    padding-right: 0.2rem;
  }
  .newsdetails-bots .items {
    width: 100%;
    margin-left: 0%;
    padding: .3rem;
  }
  .newsdetails-bots .items .tits {
    padding-bottom: .22rem;
  }
  .newsdetails-bots .items .txts {
    line-height: .4rem;
    height: .8rem;
    margin-top: .24rem;
    margin-bottom: .24rem;
  }
  .newsdetails-bots .items .time {
    font-size: .2rem;
  }

  .newsdetails .box-right {
    margin-top: .5rem;
  }

  .bocweb-footer .imgs .spa {
    margin-top: .12rem;
  }

  .inputsbox {
    height: .6rem;
    width: 2rem;
    border-radius: .6rem;
    line-height: .6rem;
  }
  .inputsbox .text {
    padding-left: 0.22rem;
    padding-right: 0.36rem;
  }
  .inputsbox .submit {
    right: .2rem;
    width: .2rem;
    height: .2rem;
  }

  .w1640 {
    max-width: 100%;
  }

  .bocweb-footer .imgs {
    margin-top: .4rem;
    /*width: 1.3rem;*/
  }
  .bocweb-footer .imgs .i {
    width: 1.3rem;
  }
  .bocweb-footer .txts {
    margin-top: .12rem;
    margin-bottom: .1rem;
  }
  .bocweb-footer .logo {
    margin-bottom: .36rem;
  }
  .bocweb-footer .bocweb-footer-top {
    padding-top: 0.86rem;
    padding-bottom: 0.75rem;
  }
  .bocweb-footer .bocweb-footer-right .items {
    font-size: .22rem;
  }
  .bocweb-footer .bocweb-footer-right .items:nth-child(n+2) {
    margin-left: 1.2rem;
  }
  .bocweb-footer .bocweb-footer-right .items .items-top {
    font-size: .28rem;
    /*margin-bottom: .26rem;*/
    margin-bottom: 0;
  }
  .bocweb-footer .bocweb-footer-right .items .items-bots {
    line-height: .5rem;
  }

  .bocweb-footer-bot {
    line-height: 0.76rem;
    height: 0.76rem;
    font-size: .22rem;
  }

  .news-contitle {
    height: .7rem;
    line-height: .7rem;
  }
  .news-contitle .i {
    margin: 0 0.04rem;
  }
  .news-contitle .i.home {
    padding-left: .26rem;
  }
  .news-contitle .i.home:before {
    width: .2rem;
    height: .2rem;
  }

  .news-box {
    min-height: 7.3rem;
    padding-top: 0.8rem;
    background-size: cover !important;
  }
  .news-box .list-bots {
    padding-bottom: 1.3rem;
  }
  .news-box .news-tits {
    margin-bottom: 0.5rem;
  }
  .news-box .inputs {
    height: 0.6rem;
    line-height: 0.6rem;
    width: 7rem;
    margin-bottom: 0.88rem;
    border-radius: 0.6rem;
  }
  .news-box .inputs input[type=text] {
    padding-left: .3rem;
    padding-right: .8rem;
  }
  .news-box .inputs input[type=submit] {
    width: .8rem;
    background-size: 0.25rem 0.25rem;
  }
  .news-box .list-bots {
    padding-top: .3rem;
  }
  .news-box .list-bots .list {
    padding-bottom: 1.1rem;
  }
  .news-box .list-bots .items {
    padding-top: 0.56rem;
    padding-bottom: 0.56rem;
  }
  .news-box .list-bots .items .imgs {
    width: 100%;
    border-radius: .1rem;
  }
  .news-box .list-bots .items .words {
    width: 100%;
    margin-top: .25rem;
    padding-left: 0;
  }
  .news-box .list-bots .items .txts {
    line-height: .4rem;
    height: .8rem;
    max-width: 100%;
  }
  .news-box .list-bots .items .tits {
    line-height: .4rem;
    height: .4rem;
    margin-top: .4rem;
    margin-bottom: .1rem;
  }
  .news-box .list-bots .items .more {
    margin-top: .4rem;
  }
  .news-box .list-bots .items .time {
    /* padding-left: .2rem; */
  }
  .news-box .list-bots .items .time:before {
    width: .2rem;
    height: .2rem;
  }
  .news-box .list-tops .items {
    width: 100%;
    margin-left: 0;
    border-radius: .1rem;
  }
  .news-box .list-tops .items .words {
    font-size: .24rem;
    line-height: .45rem;
    padding: 0 .2rem;
    padding-left: .4rem;
    padding-bottom: .24rem;
  }
  .news-box .list-tops .items .words .tits {
    height: .45rem;
    width: calc(100% - 1.5rem);
  }
  .news-box .list-tops .items .time {
    font-size: .2rem;
    width: 1.5rem;
  }

  .pagination input.num {
    font-size: .22rem;
    margin: 0 2px;
    height: .44rem;
    width: .44rem;
    line-height: .44rem;
  }

  .news-box .list-tops .items:nth-child(n+2) {
    margin-top: .2rem;
  }

  .news-box .list-bots .items .more {
    font-size: .2rem;
  }

  .building-botsswiper .itemsbox .items {
    width: 100%;
    margin-left: 0;
  }

  .news-building {
    padding-top: 0.8rem;
    padding-bottom: 1.1rem;
  }
  .news-building .words {
    padding-top: 0.6rem;
  }
  .news-building .tits {
    margin-top: 0.5rem;
    margin-bottom: 0.16rem;
  }

  .building-botsswiper {
    margin-top: 0.7rem;
  }
  .building-botsswiper img {
    width: 100%;
  }
  .building-botsswiper .swiper-pagination {
    margin-top: 0.3rem;
  }
  .building-botsswiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 0.08rem;
    opacity: 1;
    background: #d5d9de;
    border-radius: 0.12rem;
  }
  .building-botsswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.55rem;
  }
  .building-botsswiper .wordslist {
    padding: .15rem .25rem;
    line-height: .4rem;
  }
  .building-botsswiper .wordslist span {
    height: .8rem;
  }
  .building-botsswiper .itemsbox .items {
    width: 49%;
    margin-left: 2%;
    border-radius: .1rem;
    margin-bottom: .4rem;
  }
  .building-botsswiper .itemsbox .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .building-botsswiper .itemsbox .items:nth-child(2n+1) {
    margin-left: 0%;
  }

  .products-box.productsinfo .products-tops.h720 {
    height: 5.5rem;
  }

  .support-listtops {
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
  }
  .support-listtops .words .txts {
    max-width: 90%;
    margin-top: 0.24rem;
  }
  .support-listtops .lists {
    margin-top: 0.84rem;
  }
  .support-listtops .lists .li {
    padding-bottom: 0.1rem;
  }
  .support-listtops .lists .li .tits {
    margin-top: 0.18rem;
    margin-bottom: 0.12rem;
  }
  .support-listtops .lists .li .tits span {
    right: -0.3rem;
    width: 0.22rem;
    height: 0.12rem;
  }
  .support-listtops .lists .imgs {
    width: 0.5rem;
    height: 0.5rem;
  }

  .support-listbots {
    padding-top: 1.2rem;
    padding-bottom: 1.05rem;
  }

  .support-listbots .li {
    border-radius: .1rem;
    padding-bottom: .2rem;
  }
  .support-listbots .li .tits {
    line-height: 0.76rem;
  }
  .support-listbots .li .imgs {
    margin-top: 0.6rem;
    margin-bottom: 0.32rem;
    width: 2.2rem;
    height: 1.5rem;
  }
  .support-listbots .li .txts {
    line-height: 0.3rem;
    height: 1.5rem;
    padding: 0 0.24rem;
  }

  .support-conbots {
    height: 3rem;
  }
  .support-conbots .zixun {
    width: 210px;
    margin-top: 0.32rem;
  }

  .info2-lists .items {
    line-height: 1.5;
  }

  .supportinfo-centerlists .right-topswords {
    padding: .35rem;
  }
  .supportinfo-centerlists .right-topswords .words {
    padding-right: .2rem;
  }
  .supportinfo-centerlists .right-topswords .txts {
    font-size: .2rem;
    line-height: .4rem;
    height: 1.2rem;
    margin-top: .22rem;
    margin-bottom: .3rem;
  }
  .supportinfo-centerlists .copd {
    padding-top: 0.35rem;
    padding-bottom: 0.7rem;
  }
  .supportinfo-centerlists .left {
    width: 100%;
  }
  .supportinfo-centerlists .left .items {
    line-height: .7rem;
    height: .7rem;
    padding-left: 0.75rem;
  }
  .supportinfo-centerlists .left .items:before {
    width: 1px;
  }

  .support-conbots .zixun {
    width: 3rem;
  }

  .right-botslist {
    margin-top: .5rem;
  }
  .right-botslist .lis {
    padding-top: 0.5rem;
    padding-bottom: 0.36rem;
  }
  .right-botslist .imgs {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.18rem;
  }
  .right-botslist .span {
    line-height: 0.3rem;
    height: 0.6rem;
  }

  .right-botslist .lis {
    width: 49%;
    margin-left: 2%;
  }
  .right-botslist .lis:nth-child(5n+1), .right-botslist .lis:nth-child(3n+1) {
    margin-left: 2%;
  }
  .info2-lists .items2 .lis .box{
    vertical-align: top;
    padding-top: .2rem;
  }
  .right-botslist .lis:nth-child(2n+1){
    margin-left: 0;
  }
  .info2-tits{
    display: none;
  }
  .info2-lists .items .items-tops{
        background-image: -webkit-gradient(linear, left 0, right 0, from(#2784cf), to(#02b9c8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .3rem;
  }
  .about-01 .words-list .items .tits .tits-cn{
    font-size: .34rem;
  }
  .supportinfo-centerlists .right-topswords .words{
    width: 100%;
  }
  .supportinfo-centerlists .right-topswords .imgs{
    display: none;
  }
  .about-01 .words-list .items .txts{
    font-size: .26rem;
  }
  .right-botslist .lis:nth-child(5){
    margin-left: 0;
    width: 100%;
  }
  .info31-list.active .li .words .t1{
    line-height: 1.5;
  }
  .about-01 .numlists .items span{
    font-size: .4rem;
  }
  .pdl145,
  .info2-lists .items3,
  .info2-lists .items2 .items-tops {
    /*padding-left: .58rem;*/
    padding-left: 0;
  }

  .info2-tits {
    line-height: 0.7rem;
    margin-top: 0.24rem;
    margin-bottom: 0.4rem;
  }
  .info2-tits .li {
    height: 0.7rem;
    padding: 0 0.3rem;
  }
  .info2-tits .li:before {
    width: 100%;
    height: 1px;
  }

  .info2-lists .items-tops {
    margin-bottom: 0;
  }
  .info2-lists .items1 {
    padding: 0.4rem 0.58rem;
  }
  .info2-lists .items2 {
    padding: 0.6rem 0;
  }
  .info2-lists .items2 .items-tops {
    margin-bottom: 0.3rem;
  }
  .info2-lists .items2 .lis {
    height: 1.8rem;
    line-height: 1.8rem;
  }
  .info2-lists .items2 .lis:before {
    width: 0.32rem;
    height: 0.2rem;
    right: -0.2rem;
  }
  .info2-lists .items2 .lis .imgs {
    width: 0.4rem;
    height: 0.4rem;
    margin-bottom: .2rem;
  }
  .info2-lists .items3 {
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
  }

  /**/
  .info3-items1 {
    padding-bottom: 0.6rem;
  }
  .info3-items1 .items-tops {
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
  }
  .info3-items1 .items-tops .inf3-txts {
    margin-top: 0.2rem;
  }

  .info31-list.active .li {
    width: 49%;
    margin-left: 2%;
    line-height: 2.1rem;
    height: 2.1rem;
    margin-bottom: 2%;
  }
  .info31-list.active .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .info31-list.active .li:nth-child(2n+1) {
    margin-left: 0;
  }
  .info31-list.active .li .words {
    padding: .1rem .15rem;
    padding-top: .3rem;
  }
  .info31-list .li {
    height: 1.7rem;
    line-height: 1.7rem;
  }
  .info31-list .li .box .imgs {
    width: 1rem;
    height: 1rem;
    margin-bottom: 0.16rem;
  }
  .info31-list .li .box .imgs img{
    width: 100%;
  }
  .info31-list .li .words {
    padding-top: 0.32rem;
  }
  .info31-list .li .words .t1 {
    margin-top: 0.12rem;
  }

  .info3-items2 {
    padding-top: 0.5rem;
    padding-bottom: 0.54rem;
  }
  .info3-items2 .items-tops {
    margin-bottom: 0.44rem;
  }

  .info3-items3 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .info31-list.active .li,
  .info31-list .li {
    height: auto;
    line-height: 1.5;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .info31-list .li .words {
    position: static;
    opacity: 1;
    background: transparent;
    color: #666;
    height: auto;
  }

  .info31-list .li .words .t1 {
    width: 100%;
  }

  .ft15, .ft14 {
    font-size: .22rem;
  }

  .info31-list .li .box .txts {
    display: none;
  }

  .info31-list .li .box .imgs {
    margin-bottom: 0;
  }

  /**/
  .contacts-tops {
    padding-bottom: 0.8rem;
  }
  .contacts-tops .c-txts {
    margin-top: 0.2rem;
  }

  .contacts {
    padding-top: 0.9rem;
    padding-bottom: 1.36rem;
  }

  .contacts-bots .map {
    height: 4.6rem;
  }
  .contacts-bots .map-text {
    padding: 0.6rem 0.76rem;
  }
  .contacts-bots .map-text .li .imgs {
    width: 0.5rem;
    height: 0.5rem;
  }
  .contacts-bots .map-text .li .tits {
    margin-top: 0.27rem;
    padding-top: 0.3rem;
    margin-bottom: 0.1125rem;
  }

  .productsinfo.products-box .products-tops .box {
    padding-top: 45px;
  }

  .cimgs {
    width: 4rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem;
    padding-left: 1.1rem;
  }
  .cimgs .i {
    width: 0.85rem;
    height: 0.85rem;
    left: 0.1rem;
  }
  .cimgs .txts .t1 {
    margin-top: 0.16rem;
  }

  .cimgs .txts .t1 {
    display: none;
  }

  .support-conbots.active {
    height: 3.5rem;
  }

  .support-conbots.active .tits2 {
    width: 90%;
    margin: 0 auto;
    line-height: 1.5;
    margin-top: .2rem;
  }

  .contacts-bots .map-text {
    padding: .3rem;
  }

  .contacts-bots .map-text .li {
    width: 32%;
    margin-left: 2%;
  }

  .contacts-bots .map-text .li .txts {
    font-size: .28rem;
    line-height: 1.25;
  }

  .welcome-01 {
    padding-top: 0.7rem;
    padding-bottom: 1.16rem;
  }
  .welcome-01 .txts-0 {
    margin-top: 0.3rem;
  }
  .welcome-01 .lists {
    margin-top: 0.86rem;
  }
  .welcome-01 .lists .words .lis:nth-child(2n+1) {
    padding-right: 0.8rem;
  }
  .welcome-01 .lists .words .lis .imgs {
    width: 0.7rem;
    height: 0.7rem;
  }
  .welcome-01 .lists .words .lis .tits {
    margin-top: 0.3rem;
    margin-bottom: 0.24rem;
  }
  .welcome-01 .images {
    width: 6.6rem;
    height: 6.55rem;
  }

  .welcome-02 {
    /*height: (935*.4rem/40);*/
    height: auto;
  }
  .welcome-02 .words .tits {
    margin-bottom: 0.24rem;
  }
  .welcome-02 .words .txts {
    margin-bottom: 0.7rem;
  }
  .welcome-02 .words .text {
    margin-bottom: .65rem;
    line-height: 1.7;
    font-size: .2rem;
    text-align: justify;
  }

  .welcome-02 .words .zixun {
    margin: 0 auto;
  }

  .welcome-03 {
    margin-top: -.8rem;
    min-height: 14.9rem;
    /*height: (1020rem/100);*/
    height: auto;
  }

  .welcome-03 {
    padding-top: 2rem;
    padding-bottom: 1.16rem;
  }
  .welcome-03 .txts-0 {
    margin-top: 0.3rem;
    margin-bottom: 0.48rem;
  }

  .gallery-top .swiper-slide {
    line-height: 0.8rem;
    height: 0.8rem;
  }
  .gallery-top .swiper-slide .items {
    padding-left: 0.32rem;
  }
  .gallery-top .swiper-slide .items:after {
    width: .12rem;
    height: .08rem;
  }
  .gallery-top .swiper-slide .items .imgs {
    width: 0.25rem;
    height: 0.25rem;
  }

  .gallery-thumbs {
    padding-top: 0.84rem;
  }
  .gallery-thumbs .swiper-button-white {
    width: 0.52rem;
    height: 0.52rem;
  }
  .gallery-thumbs .swiper-button-white.swiper-button-prev {
    left: -1.2rem;
  }
  .gallery-thumbs .swiper-button-white.swiper-button-next {
    right: -1.2rem;
  }
  .gallery-thumbs .imgs {
    padding-left: 0.5rem;
    padding-right: .5rem;
  }
  .gallery-thumbs .words {
    padding-left: 0;
    padding-right: 1.1rem;
    text-align: center;
    padding-top: .7rem;
  }
  .gallery-thumbs .words .txts {
    margin-top: 0.24rem;
    text-align: justify;
  }
  .gallery-thumbs .welmore {
    margin: 0 auto;
    margin-top: 0.5rem;
  }

  .welmore {
    width: 1.6rem;
    height: 0.38rem;
    border-radius: 0.38rem;
    font-size: .2rem;
    padding-left: .24rem;
    padding-right: .3rem;
    line-height: 0.38rem;
  }
  .welmore span {
    right: 0.2rem;
    width: .06rem;
    height: .09rem;
  }

  .wel04-list .swiper-slide {
    width: 45%;
  }
  .wel04-list .swiper-slide:nth-child(n+2) {
    margin-left: 0;
  }

  .gallery-thumbs .words {
    padding-right: 0;
  }

  .welcome-04 {
    padding-top: 0.84rem;
    padding-bottom: 1.2rem;
  }
  .welcome-04 .wel04-list {
    margin-top: .65rem;
    margin-bottom: 0.8rem;
  }
  .welcome-04 .items {
    border-radius: 8px;
  }
  .welcome-04 .items .words {
    padding: 0.36rem 0.3rem 0.44rem 0.25rem;
  }
  .welcome-04 .items .time .span {
    margin-left: 0.12rem;
    padding-left: 0.12rem;
  }
  .welcome-04 .items .txts {
    line-height: 0.36rem;
    height: 0.72rem;
    margin-top: 0.2rem;
    font-size: .26rem;
  }

  .welcome-02 .imgpcbox {
    height: 9.35rem;
  }
  .welcome-02 .imgmbox {
    height: 13.55rem;
  }

  .welcome-01 .lists .words .lis .txts {
    line-height: .35rem;
    height: .7rem;
  }

  .wel04-title {
    line-height: .5rem;
  }
  .wel04-title .tul .li {
    border-bottom: 1px solid transparent;
  }
  .wel04-title .tul .li:nth-child(n+2) {
    margin-left: .4rem;
  }
  .wel04-title .tul .li.active {
    border-bottom: 1px solid #057aa1;
  }

  .welcome-01 .lists .words {
    margin-top: 1rem;
  }

  .welcome-01 .lists .words .lis:nth-child(3), .welcome-01 .lists .words .lis:nth-child(4) {
    padding-top: 0.3rem;
  }

  .welcome-01 .lists .words .lis:nth-child(1), .welcome-01 .lists .words .lis:nth-child(2) {
    padding-bottom: 0.3rem;
  }

  .welcome-01 .lists .words .lis:nth-child(2n+1) {
    padding-right: 0.15rem;
  }

  .welcome-01 .lists .words .lis:nth-child(2n+2) {
    padding-left: 0.4rem;
  }

  .welcome-02 .words {
    padding: 0 .3rem;
    width: 100%;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    padding-top: 1.3rem;
    text-align: center;
  }

  .wel04-title .tits, .wel04-title .tul {
    width: 100%;
    text-align: center;
  }
  .wel04-title .tul {
    margin-top: .3rem;
  }

  .wel04-list .swiper-slide {
    width: 80%;
  }

  .bocweb-footer .logo {
    display: none;
  }

  .bocweb-footer .text,
  .bocweb-footer .tits {
    font-size: .24rem;
    color: #fff;
  }

  .bocweb-footer .txts {
    font-size: .4rem;
    margin-top: .15rem;
    margin-bottom: .15rem;
  }

  .about-banner {
    min-height: none;
    padding-top: 45px;
  }

  .about-banner .about-01.products-tops .words {
    padding-top: 0.35rem;
  }
  .about-banner .about-01.products-tops .words .txts {
    padding-right: 0;
    height: 3.6rem;
    margin-top: .2rem;
    line-height: .4rem;
    height: auto;
    overflow: visible;
  }
  .about-banner .about-01.products-tops .images {
    padding-left: 0;
    width: 100%;
  }
  .about-banner .about-01.products-tops .words .tits {
    margin-bottom: .3rem;
  }

  .about-01 .numlists .items span .b {
    padding-right: .24rem;
  }

  .about-01 .numlists .items {
    width: 33.33%;
    margin: .2rem 0;
  }

  .about-03tops .titsbox {
    position: static;
  }

  .about-01 .numlists {
    margin-top: 1rem;
    margin-bottom: 0.9rem;
  }
  .about-01 .numlists .items img {
    width: 0.36rem;
    height: 0.36rem;
  }
  .about-01 .numlists .items .span {
    margin-top: .2rem;
  }
  .about-01 .words-list .items {
    border-radius: 5px;
    padding-top: 0.55rem;
    padding-bottom: .7rem;
    width: 100%;
    margin-left: 0;
  }
  .about-01 .words-list .items:nth-child(n+2) {
    margin-top: .2rem;
    margin-left: 0;
  }
  .about-01 .words-list .items .imgs {
    width: 1.1rem;
    height: 1.1rem;
  }
  .about-01 .words-list .items .txts {
    line-height: 1.8;
    margin-top: .24rem;
  }
  .amap-info-close{
    display: none!important;
  }
  .cimgs .txts .ft18{
    font-size: .3rem;
  }
  .contacts-tops .c-txts{
    line-height: 1.8;
  }
  .about-01 .words-list .items .line {
    height: 2px;
    width: .5rem;
  }
  .about-01 .words-list .items .tits {
    padding: .28rem 0;
  }
  .about-01 .words-list .items .tits .tits-cn {
    margin-top: -.25rem;
  }

  .about-03 {
    min-height: 1px;
    padding-top: 1.5rem;
  }
  .about-03 .tits-0 {
    margin-bottom: .18rem;
  }

  .about-03tops .images {
    width: 7rem;
    height: 4.125rem;
  }
  .about-03tops .words-listleft {
    padding-bottom: 0.6rem;
  }
  .about-03tops .words-listleft .li {
    padding-left: 0.36rem;
    line-height: 0.24rem;
    font-size: 0.18rem;
  }
  .about-03tops .words-listleft .li:nth-child(n+2) {
    margin-top: 0.28rem;
  }
  .about-03tops .words-listleft .li span {
    width: 0.24rem;
    height: 0.24rem;
  }
  .about-03tops .lis {
    width: 0.1rem;
    height: 0.1rem;
  }
  .about-03tops .lis.lis1 {
    left: 3.16rem;
    top: 2.6rem;
  }
  .about-03tops .lis.lis2 {
    left: 5.35rem;
    top: 4.05rem;
  }
  .about-03tops .lis.lis3 {
    left: 5.9rem;
    top: 4.2rem;
  }
  .about-03tops .lis.lis4 {
    left: 6.55rem;
    top: 3.85rem;
  }
  .about-03tops .lis.lis5 {
    left: 6.7rem;
    top: 5.55rem;
  }
  .about-03tops .lis.lis6 {
    left: 6.8rem;
    top: 6.6rem;
  }
  .about-03tops .lis.lis7 {
    left: 7.25rem;
    top: 7.15rem;
  }
  .about-03tops .lis.lis8 {
    left: 7.4rem;
    top: 5.95rem;
  }
  .about-03tops .lis.lis9 {
    left: 7.45rem;
    top: 6.45rem;
  }
  .about-03tops .lis.lis10 {
    left: 7.85rem;
    top: 4.85rem;
  }
  .about-03tops .lis.lis11 {
    left: 8.25rem;
    top: 7.25rem;
  }
  .about-03tops .lis.lis12 {
    left: 8.3rem;
    top: 6.55rem;
  }
  .about-03tops .lis.lis13 {
    left: 8.6rem;
    top: 7.45rem;
  }
  .about-03tops .lis.lis14 {
    left: 8.65rem;
    top: 4.95rem;
  }
  .about-03tops .lis.lis15 {
    left: 8.6rem;
    top: 3.8rem;
  }
  .about-03tops .lis.lis16 {
    left: 8.75rem;
    top: 2.95rem;
  }
  .about-03tops .lis.lis17 {
    left: 8.8rem;
    top: 4.6rem;
  }
  .about-03tops .lis.lis18 {
    left: 9rem;
    top: 6.45rem;
  }
  .about-03tops .lis.lis19 {
    left: 9.2rem;
    top: 5.55rem;
  }
  .about-03tops .lis.lis20 {
    left: 9.2rem;
    top: 3.7rem;
  }
  .about-03tops .lis.lis21 {
    left: 9.75rem;
    top: 5.4rem;
  }
  .about-03tops .lis.lis22 {
    left: 9.95rem;
    top: 6.75rem;
  }
  .about-03tops .lis.lis23 {
    left: 10rem;
    top: 6.2rem;
  }
  .about-03tops .lis.lis24 {
    left: 10.4rem;
    top: 5.9rem;
  }
  .about-03tops .lis.lis25 {
    left: 10.25rem;
    top: 4.35rem;
  }
  .about-03tops .lis.lis26 {
    left: 10.67rem;
    top: 2.38rem;
  }
  .about-03tops .lis.lis27 {
    left: 10.77rem;
    top: 2.95rem;
  }
  .about-03tops .lis.lis28 {
    left: 11.3rem;
    top: 1.85rem;
  }
  .about-03tops .lis.lis29{
    left: 3.36rem;
    top: 5.3rem;
  }

  .about-03tops .lis .dian {
    z-index: 2;
  }
  .about-03tops .lis .list {
    width: 3.45rem;
    height: 1.05rem;
    border-radius: 3px;
    padding: 0.16rem 0;
  }
  .about-03tops .lis .list .li {
    line-height: 0.36rem;
    height: 0.36rem;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;*/
    font-size: 0.2rem;
    padding-left: 0.5rem;
  }
  .about-03tops .lis .list .li:before {
    width: 0.2rem;
    height: 0.2rem;
    left: 0.18rem;
    top: 0.08rem;
  }
  .about-03tops .lis .dian {
    font-size: .2rem;
    top: .2rem;
  }

  .about-03bots {
    padding-bottom: 1.4rem;
    margin-top: 0.38rem;
  }

  .about-03bots-lists .items {
    margin-bottom: .15rem;
    padding: 0.3rem 0.3rem 0.2rem 0.3rem;
  }
  .about-03bots-lists .items .items-bots {
    /* line-height: 0.28rem; */
    line-height: 1.6;
    margin-top: 0.24rem;
  }
  .about-03 .tits-0, .about-03 .txts-0{
    line-height: 1.6;
  }
  .about-03bots-lists .items .items-bots .li {
    padding-left: 0.34rem;
  }
  .about-03bots-lists .items .items-bots .li:before {
    width: 0.2rem;
    height: 0.2rem;
    top: 0.06rem;
  }

  .about-02 {
    /*height: (815rem/100);*/
  }
  .about-02 .txts-0 {
    margin-top: .2rem;
  }

  .about-02-lists {
    margin-top: 0.7rem;
    height: auto;
  }

  .about-02-lists .swiper-slide {
    width: 100%;
  }
  .info31-list .li .words{
    /*height: 2.25rem;*/
  }
  .info31-list.cur .li .words{
    height: 3.3rem;
  }

  .about-03bots-tits {
    margin-bottom: .28rem;
  }
  .about-03bots-tits .swiper-slide {
    padding: 0 0.24rem;
    height: 0.68rem;
    line-height: 0.68rem;
  }
  .about-03bots-tits .swiper-slide:before {
    height: 2px;
    top: -1px;
    border-radius: 2px;
  }
  .about-03bots-tits .swiper-slide:nth-child(n+2) {
    margin-left: 0.3rem;
  }
  .about-03bots-tits .swiper-slide .items {
    padding-right: .2rem;
  }
  .about-03bots-tits .swiper-slide .items span {
    width: 0.1rem;
    height: 0.08rem;
  }

  .about-03bots-lists .items {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 500px) {
  .bocweb-footer .bocweb-footer-right .items .items-top:before {
    width: .24rem;
    height: .24rem;
  }
}
.info31-swiper .swiper-pagination .swiper-pagination-bullet{
  background: #007bc2;
}
/*# sourceMappingURL=style.css.map */
@media screen and (min-width: 1023px) and (max-width: 1370px){
  .ft16,
  .bocweb-header .items{
    font-size: 14px;
  }
  .products-box .products-tops .texts{
    line-height: 1.5;
  }
  .info3-items1 .info31-list{
    font-size: 0;
  }

}
.li-items .items:nth-child(3) .words .pcbox,
.li-items .items:nth-child(1) .words .pcbox{
  display: none;
}
.li-items .items:nth-child(3) .words .mbox,
.li-items .items:nth-child(1) .words .mbox{
  display: block;
  margin-top: .5rem;
}
.about-02-lists .swiper-slide{
  opacity: 0!important;
}
.about-02-lists .swiper-slide-active{
  opacity: 1!important;
}
.li-items .items {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(60px);
  transition: all 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.li-items .items:nth-child(1).animate{
  transition-delay: .2s ;
}
.li-items .items:nth-child(2).animate{
  transition-delay: .4s ;
}
.li-items .items:nth-child(3).animate{
  transition-delay: .6s ;
}
.li-items .items:nth-child(4).animate{
  transition-delay: .8s ;
}
.li-items .items.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 1023px){
  .products-box .products-tops .images{
    position: static;
    width: 65%;
  }
  .products-box .products-tops .words{
    width: 35%;
    padding-top: 6%;
  }
  .about-02-lists .swiper-container{
    padding-right: 0;
  }
  .li-items .items{
    width: 25%;
  }
  .li-items{
    height: 8rem;
    line-height: 8rem;
  }
  .about-02-lists{
    height: 8rem;
  }
  .li-items .items{
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    height: auto;
  }
  .li-items .items .words .mbox, .li-items .items .words .mbox{
    display: none!important;
  }
  .li-items .items .words .pcbox, .li-items .items .words .pcbox{
    display: block!important;
  }
  .li-items .items{
    width: 23%;
    margin-left: 2.6%;
    height: 6rem;
        border:1px solid rgba(0,0,0,.1);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
  }
  .li-items .items:nth-child(4n+1){
    margin-left: 0;
  }


}



@media screen and (max-width: 767px) {
 
    .about-02-lists{
    padding: 0 .4rem;
  }
    .products-box .products-tops .words {
    padding-top: 0.8rem;
  }
  .products-box .products-tops .images img{
    transform: scale3d(1.2,1.2,1);
  }
  .about-02-lists .swiper-slide .words{
    height: auto;
    position: absolute;
    width: 100%;
    left:0;bottom: auto!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
  }
  .li-items .items{
    height: 3rem;
    position: relative;
  }

 .li-items{
    height: auto;
    line-height: 1.5;
  }
  .about-02-lists{
    height: auto;
  }
  .li-items .items{
    width: 100%;
    border:1px solid rgba(0,0,0,.1);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
  }
  .li-items .items:nth-child(n+2){
    margin-top: 10px;
    margin-left: 0;
  }



  .pro-list1swiper .itemsbox{
    padding: 1px;
  }
  .li-items .items:nth-child(3) .words .pcbox,
  .li-items .items:nth-child(1) .words .pcbox{
    display: block;
    margin-bottom: .2rem;
  }
  .li-items .items:nth-child(3) .words .mbox,
  .li-items .items:nth-child(1) .words .mbox{
    display: none;
  }
  .welcome-02 .words .i-imgs .li.li4,
  .welcome-02 .words .i-imgs .li.li2{
    left: 73%;
  }
  .welcome-02 .words .i-imgs{
    margin-top: .6rem;
  }
  .about-02-lists .swiper-wrapper .txt{
    overflow:hidden;
    width: 90%;
    margin: 0 auto;
    margin-top: .15rem;
  }
  .about-02-listss{
    margin-top: .6rem;
  }

}

.items:nth-child(1) .items-bots a:nth-child(2) {
	display: none;
}

/* .words a:nth-child(2) {
	visibility: hidden !important;
} */

.lists2 {
	display: none;
}


@media screen and (max-width: 1580px) {
  .bocweb-footer .bocweb-footer-right .items:nth-child(n+2){
    margin-left:1.25rem;
  }
}<!--0.00039005279541016-->