body, html {
  font-family:"Source Han Sans CN" ,   "Microsoft YaHei", "Helvetica Neue", "PingFang SC" , Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif;
}
.secwen{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px);
    transition: .8s;
}
.secwen.animate{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: 1s;
}



.search-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #f5f5f5;
  display: none;
  z-index: 20;
}
.m-header .welcome-a .imgs{
  position: relative;
}
.m-header .welcome-a .imgs .i1{
  position: absolute;
  left:0;
  top:0;
  opacity: 0;
}
.ovh .m-header .welcome-a .imgs .i1{
  opacity: 1;
}
.ovh .m-header .welcome-a .imgs .i0{
  opacity: 0;
}
.search-alert {
  position: fixed;
  z-index: 100;
  background-color: #222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.search-alert input::-webkit-input-placeholder {
  color: #fff !important;
}
.search-alert input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff !important;
}
.search-alert input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff !important;
}
.search-alert input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;
}
.search-alert .cent-form {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
      -ms-transform: translate(0, 40px);
          transform: translate(0, 40px);
  -webkit-transition: all .5s;
          transition: all .5s;
}

.search-alert .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
          background:url(../imggg2/cha.png) no-repeat center;
          background-size: 100%;
}
.search-alert .close:before {
  font-size: 30px;
  top: 0;
  left: 0;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.bocweb-header .bocweb-logo img{
  height: 100%;
}

.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 2rem;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}

.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 50px;
  top: 50%;
  margin-top: -25px;
}

.search-alert .cent-form .tex {
  border: none;
  font-size: .7rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  width: 100%;
  color: #f3b907;
  background: none;
  padding-left: 2rem;
  padding-right: 3.5rem;
}

.search-alert .cent-form .sub-butn {
  border: none;
  height: 1.5rem;
  font-size: .8rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: right;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.5rem;
  text-align: center;
}

.search-alert {
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .5s;
          transition: transform .3s .5s;
}

.search-alert.active {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
          transition: transform .3s;
}
.search-alert.active .cent-form {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all .5s .3s;
          transition: all .5s .3s;
}
.search-alert .cent-form:before {
    content: "";
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../imggg2/kj9.png) no-repeat center;
    background-size: 100%;
}
.s-sousuo{
  position: relative;
  width: 30px;
  text-indent: -999px;
  overflow: hidden;
}
.s-sousuo:after{
  content:"";
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../imggg2/kj9.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    transition:.5s ease-in-out;
    
}
.bocweb-header .bocweb-search .s-sousuo:hover:after{
    background: url(../imggg2/kj90.png) no-repeat center;
    background-size: 100%;
    transition:.5s ease-in-out;
}
@media (max-width: 768px) {
  .s-sousuo{
    width: 20px;
  }
  .s-sousuo:after{
      width: 20px;
      height: 20px;
  }
  .search-alert .cent-form:before{
    width: 25px;
    height: 25px;
  }
    .search-alert .close {
    top: 2%;
    right: 3%;
  }

  .search-alert .cent-form {
    height: 1.5rem;
  }

  .search-alert .cent-form:before {
    height: 1rem;
    top: 50%;
    margin-top: -.4rem;
  }

  .search-alert .cent-form .tex {
    padding-left: 40px;
    padding-right: .5rem;
    text-align: left;
    font-size: .4rem;
  }

  .search-alert .cent-form .sub-butn {
    width: 1.5rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .4rem;
    color: #fff;
    top: 50%;
    margin-top: -.5rem;
  }
}

.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;
}
.contact-box .contact-bot img{
  max-width: none;
}
.ft54{
  font-size: 54px;
}
.pre{
    position: relative;
}
.st{
  font-family: "宋体";
}
.pro{
    position: absolute;
}
.ftw{
    font-weight: bold;
}

.tc{
  text-align: center;
}
/* 字体颜色 */
.bold{
  font-weight: bold;
}
.ft80{
  font-size: 80px;
}
.ft44{
  font-size: 44px;
}
.ft90{
  font-size: 90px;
}

.ft100{
  font-size: 100px;
}
.ft72{
  font-size: 72px;
}
.ft40{
  font-size: 40px;
}
.ft50{
  font-size: 50px;
}
.ft32{
  font-size: 32px;
}
.w750{
  width: 750px;
  margin:0 auto;
}

.ft60{
  font-size: 60px;
}
.ft26{
  font-size: 26px;
}
.ft38{
  font-size: 38px;
}


.ft30{
  font-size: 30px;
}

/* 字体大小 */
.ft36{
  font-size: 36px;
}
.ft24{
  font-size: 24px;
}
.ft22{
  font-size: 22px;
}
.ft20{
  font-size: 20px;
}
.ft18{
  font-size: 18px;
}
.ft16{
  font-size: 16px;
}
.ft14{
  font-size: 14px;
}
.ft12{
  font-size: 12px;
}
.ft46{
  font-size: 46px;
}

a{
  display: block;
}
.imax{
  max-width: 100%;
}
.dpi{
  display: inline-block;
}
.w1600{
  width: 1600px;
  margin: 0 auto;
}
.w1330{
  width: 1330px;
  margin: 0 auto;
}

.i50{
  width: 50%;
}
.ft48{
  font-size: 48px;
}
.ft42{
  font-size: 42px;
}
.ft64{
  font-size: 64px;
}

.ft28{
  font-size: 28px;
}

/* 版头css */

.w1420{
  width: 1420px;
  margin:0 auto;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
  width: auto;
}

@-webkit-keyframes ball-spin {
  0%,100% {
    opacity: 1;
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1);*/
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    /*-webkit-transform: scale(0);*/
    /*transform: scale(0);*/
  }
}
@keyframes ball-spin {
  0%,100% {
    opacity: 1;
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1);*/
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    /*-webkit-transform: scale(0);*/
    /*transform: scale(0);*/
  }
}
.more-click {
  display: none;
}
.more-click .la-ball-spin {
  display: block;
  margin: 0 auto;
  position: relative;
}
.more-click .la-ball-spin .i {
  width: 3px;
  height: 8px;
  position: absolute;
  border-radius: 2px;

}
.more-click .la-ball-spin .i {
  -webkit-animation: ball-spin 1s infinite ease-in-out;
  animation: ball-spin 1s infinite ease-in-out;
}
.more-click.active .la-ball-spin .i1{
  -webkit-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.more-click.active .la-ball-spin .i2{
  -webkit-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.more-click.active .la-ball-spin .i3{
  -webkit-animation-delay: -1.375s;
  animation-delay: -1.375s;
}

.more-click.active .la-ball-spin .i4{
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.more-click.active .la-ball-spin .i5{
  -webkit-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.more-click.active .la-ball-spin .i6{
  -webkit-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.more-click.active .la-ball-spin .i7{
  -webkit-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.more-click.active .la-ball-spin .i8{
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}



.more-click .la-ball-spin .i:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000000;
}
.more-click .la-ball-spin .i1 {
  /*background:#b7b7b7;*/
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.more-click .la-ball-spin .i2 {
  /*background:#9c9c9c;*/
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.25s;
  animation-delay: -1.25s;
  transform: rotate(45deg);
}
.more-click .la-ball-spin .i3 {
  /*background:#8c8c8c;*/
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -1.375s;
  animation-delay: -1.375s;
  transform: rotate(90deg);
}
  .case-load .tu {
    width: 1.25rem;
    height: 1.25rem;
  }
.more-click .la-ball-spin .i4 {
  /*background:#ededed;*/
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s;
  transform: rotate(135deg);
}
.more-click .la-ball-spin .i5 {
  /*background:#e5e5e5;*/
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.more-click .la-ball-spin .i5:after {
  height: 90%;
}
.more-click .la-ball-spin .i6 {
  /*background:#dddddd;*/
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -1.75s;
  animation-delay: -1.75s;
  transform: rotate(225deg);
}
.more-click .la-ball-spin .i6:after {
  height: 70%;
  opacity: .8;
}
.more-click .la-ball-spin .i7 {
  /*background:#d5d5d5;*/
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -1.875s;
  animation-delay: -1.875s;
  transform: rotate(270deg);
}
.more-click .la-ball-spin .i7:after {
  height: 50%;
  opacity: .7;
}
.more-click .la-ball-spin .i8 {
  /*background:#c6c6c6;*/
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  transform: rotate(315deg);
}
.more-click .la-ball-spin .i8:after {
  height: 40%;
  opacity: .5;
}

@media screen and (max-width: 768px){
  .target .items .li{
    overflow-y:auto;
  }
}