/*20220301*/
.w1680{
  max-width: 1680px;
  margin:0 auto;
  width: 87.5%;
}

.wel-cases{
  padding-bottom:20px;
  padding-top: 160px;
  font-size: 14px;
  color: #0d2a40;
}
.wel-cases a{
  color: #0d2a40;
}
.wel-cases .wel-title .t2{
  color: #1b9430;
  font-weight: bold;
}
.wel-cases .tc{
  text-align: center;
}
.welcasesbox-list{
  font-size: 0;
  margin-top: 48px;
}
.welcasesbox-list .items .imgs{
  overflow: hidden;
}
.welcasesbox-list .items .words{
  padding-top: 44px;
}
.welcasesbox-list .items .tits{
  color: #1b9430;
  line-height: 1.77;
  font-size: 14px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.welcasesbox-list .items .time {
  line-height: 1;
}
.welcasesbox-list .items .time .span{
  display: inline-block;
  vertical-align: top;
  padding-right: 22px;
  position: relative;
  line-height: 1;
}
.welcasesbox-list .items .time .span:before{
  position:absolute;
  content:"";
  width: 10px;
  height: 12px;
  background: url(../img/123.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.welcasesbox-list .items .txts{
  line-height: 1.66em;
  height: 1.66em;
  font-size: 24px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: 26px;
}
.welcasesbox-list .items{
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-left: 5%;
  padding-bottom: 60px;
  font-size: 14px;
}
.welcasesbox-list .items:nth-child(3n+1){
  margin-left: 0;
}
@media screen and (min-width: 1024px){
  .welcasesbox-list .items img{
    transition:.5s ease-in-out;
  }
  .welcasesbox-list .items:hover img{
    transition:.5s ease-in-out;
    transform:scale3d(1.05,1.05,1);
  }
}

@media screen and (max-width: 1023px){
  .wel-cases{
    padding-top: 80px;
    padding-bottom: 10px;
  }
  .welcasesbox-list .items .words{
    padding-top: 22px;
  }
  .welcasesbox-list .items{
    padding-bottom: 30px;
  }
  .welcasesbox-list .items{
    width: 49%;
    margin-left: 2%;
  }
  .welcasesbox-list .items:nth-child(3n+1){
    margin-left: 2%;
  }
  .welcasesbox-list .items:nth-child(2n+1){
    margin-left: 0;
  }
}
@media screen and (max-width: 750px){

  .welcasesbox-list .items{
    width: 100%;
    margin-left: 0%;
  }
  .welcasesbox-list .items:nth-child(3n+1){
    margin-left: 0%;
  }
  .welcasesbox-list .items .txts{
    font-size: .3rem;
  }
  .welcasesbox-list .items .tits{
    font-size: .22rem;
  }
  .welcasesbox-list .items{
    padding-bottom: .3rem;
  }
  .wel-cases{
    padding-top: .8rem;
    padding-bottom: .1rem;
  }
}
/*20220301*/


.header {
  height: 106px;
  position: relative;
  z-index: 15;
  padding: 0 40px;
  padding-left: 50px;
  width: 100%;
  box-sizing: border-box;
  transition:.5s;
}
.header .bocweb-logo {
  float: left;
}
.header .bocweb-logo a {
  height: 106px;
  width: 160px;
  position: relative;
  display: block;
}
.opacity{
  display: block;
  opacity: 0;
}
.gallery-top .item{
  opacity: 0;
}
.gallery-top .swiper-slide-active .item{
  opacity: 1;
}
.wopbox{
  width:calc(100% - 270px);
}
.itembox0 .itemright .wopbox .wop{
  font-size: 14px;
  line-height: 20px;

}
.case-images{
  margin-top:45px;
}
.case-images .items{
  float:left;
  width:175px;
  height:70px;
  margin-left: 22px;
  margin-bottom: 22px;
  overflow:hidden;
  display: block;
}

.case-images .swiper-pagination{
  position: static;
  width: 100%;

}
.case-images .swiper-pagination .swiper-pagination-bullet{
  width: 35px;
  height: 6px;
  background:#e3e3e3;
  border-radius: 6px;
  opacity: 1;
  margin:0 8px;

}
.case-images .swiper-pagination  .swiper-pagination-bullet-active{
  width: 53px;
  transition:.5s;
  background:#21a64a;

}
.case-images .items img{
  transition:.5s;
}
.case-images .items:hover img{
  transition:.5s;
  transform:scale3d(1.05,1.05,1);
}
.case-images .items:nth-child(6n+1){
  margin-left:0;
}
.header .bocweb-logo a img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
  .casebox{
    position: relative;
  }
.header .ty-img .i0 {
  opacity: 1;
}
.header .ty-img .i1 {
  opacity: 0;
}
.structure .s-title{
   font-size: 28px;
   color:#0d2a40;
   text-align: center;
   line-height: 1.5;
   margin-bottom: 8px;
}
.structure .s-ul .li{
  float:left;
  width: 260px;
  margin-left: 40px;
}
.structure .s-ul .li:nth-child(1){
  margin-left:0;
}
.structure .s-ul .li1 .li-top{
  background:#57b3e6;
}
.structure .s-ul .li2 .li-top{
  background:#0e8f36;
  line-height: 24px;
  padding-top: 15px;
  box-sizing: border-box;

}
.structure .s-ul .li3 .li-top{
  background:#81c04a;
}
.structure .s-ul .li0 .li-top{
  line-height: 1.2;
  box-sizing: border-box;
  background:#2c465f;
}



.structure .li-top{
  height: 85px;
  position: relative;
  line-height: 1.2;
  font-size: 16px;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right:65px;
  color:#ffffff;
  padding-left: 33px;
  box-sizing: border-box;
  margin-bottom: 7px;
}
.structure .li-bot .item{
  line-height: 1.5;
  border:1px solid #e5e5e5;
  padding:22px 5px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 9px;
  font-size: 15px;
  color: #222222;
}
.about-box .structure .li-top img{
  width: auto;
  max-width: 60px;
  max-height: 60px;
  position: absolute;
  right: 28px;
  top:0;
  bottom:0;
  margin: auto;
}
.header .bocweb-nav.con .nav-li:hover, .header .bocweb-nav.con .nav-li.active {
  transition: .5s;
}
.header .bocweb-nav.con .nav-li:hover .li-top span, .header .bocweb-nav.con .nav-li.active .li-top span {
  transition: .5s;
}
.header .bocweb-nav .nav-li {
  position: relative;
  float: left;
  transition: .5s;
}
.header .bocweb-nav .nav-li.shop {
  position: relative;
  padding-right: 28px;
  box-sizing: border-box;
}
.header .bocweb-nav .nav-li.shop:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 55px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #dcdede;
}
.header .bocweb-nav .nav-li.shop .tb {
  margin-left: 10px;
}
.header .bocweb-nav .nav-li.shop .li-top {
  padding: 0;
  width: auto;
}
.header .bocweb-nav .nav-li .li-bot {
  position: absolute;
  display: none;
  text-align: center;
  box-sizing: border-box;
}
.header .bocweb-nav .nav-li .li-bot a {
  font-size: 14px;
  color: #fff;
  /*line-height: 35px;*/
  transition: .5s;
  color: #666;
}
.header .bocweb-nav .nav-li .li-bot a:hover, .header .bocweb-nav .nav-li .li-bot a.active {
  transition: .5s;
}
.header .bocweb-nav .nav-li a {
  display: block;
  color: #404040;
  font-size: 16px;
  max-width: 200px;
  line-height: 1.4;
}
.header .bocweb-nav .nav-li a.bocweb-search {
  line-height: 20px;
  font-size: 12px;
}
.header .bocweb-nav .nav-li .li-top {
  line-height: 106px;
  height: 106px;
  width: 155px;
  text-align: center;
  box-sizing: border-box;
}
.header .bocweb-nav .nav-li .li-top span {
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  transition: .5s;
  line-height: 1.5;
  padding-top:25%;

}
.header .abox {
  margin-left: 45px;
}
.header .abox .nav-li {
  padding-top: 35px;
  box-sizing: border-box;
}
.header .abox .nav-li a {
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-family: Arial;
  text-align: center;
  border-radius: 50%;
  color: #222;
  transition: .5s;
}
.header .abox .nav-li a.active, .header .abox .nav-li a:hover {
  background: #f2f2f2;
  transition: .5s;
}
.header .abox .nav-li.en {
  margin-left: 5px;
}
.header .bocweb-nav .search {
  padding: 0;
  padding-top: 42px;
  padding-left: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.header .bocweb-nav .linebox {
  padding: 0;
  padding-top: 40px;
  padding-left: 18px;
  box-sizing: border-box;
  cursor: pointer;
}
.header .bocweb-nav .linebox .nav-btn {
  display: block;
  height: 28px;
  width: 28px;
  background: url(../img/img2.png) no-repeat center;
  background-size: 100%;
}
/* @-webkit-keyframes load {
  0% {
    width: 0;
  }
  100% {
   width: 200px;
  }
} */
/* .load-box .load-img {
    position: absolute;
    width: 160px;
    height: 45px;
    width:200px;
    height: 76px;
    top: 50%;
    left: 50%;
    margin: -22.5px 0 0 -80px;
    background: url(../img/bocweb-logo.png) no-repeat top left;
    -webkit-animation: load 3s infinite linear;
    animation: load 3s infinite linear;
} */


/* .load-box{
    position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 101;
    } */
      /* .load-box   .picture {
      position: absolute;
      width: 160px;
      height: 45px;
      width: 200px;
      height:76px;
      top: 50%;
      left: 50%;
          margin: -22.5px 0 0 -80px;
      } */
.ttop {
  position: fixed;
  cursor: pointer;
  width: 70px;
  height: 60px;
  background: url(../img/ttop0.png) no-repeat center center;
  background-size: 100%;
  right: 0;
  cursor: pointer;
  transition: all 1s;
  z-index: 20;
  display: none;
  transition: .5s;
  bottom:0;
}
.ttop.hide{
  display: none!important;
}

.ttop:hover {
  /*background: url(../img/png/top1.png) #fff no-repeat center center;*/
  transition: .5s;
  opacity: .8;
  background-size: 100%;
  border-color: #2cbede;
}

.header.active {
  position: absolute;
  top: 0;
}
.header.active .ty-img .i0 {
  opacity: 0;
}
.header.active .ty-img .i1 {
  opacity: 1;
}
.header.active .abox .nav-li a {
  color: #fff;
}
.header.active .abox .nav-li a.active, .header.active .abox .nav-li a:hover {
  background: #ffffff;
  color: #222222;
}
.header.active .bocweb-nav .nav-li .li-top span {
  color: #fff;
}
.header.active .bocweb-nav.con .nav-li:hover, .header.active .bocweb-nav.con .nav-li.active {
  background: transparent;
  transition: .5s;
}
.header.active .bocweb-nav.con .nav-li:hover .li-top span, .header.active .bocweb-nav.con .nav-li.active .li-top span {
  color: #21a64a;
  transition: .5s;
}
.header .bocweb-nav.con .nav-li.hj:hover .li-top:after{
  opacity: 1;
  transition: .5s;
}

.header.flex-fiexed .bocweb-nav .nav-li .li-top span {
  color: #666;
}
.header.flex-fiexed .bocweb-nav .linebox .nav-btn {
  background: url(../img/img2.png) no-repeat center;
  background-size: 100%;
}
.header.flex-fiexed .abox .nav-li a {
  color: #222;
}
.header.flex-fiexed .abox .nav-li a:hover, .header.flex-fiexed .abox .nav-li a.active {
  background: #f2f2f2;
}
.header.flex-fiexed .bocweb-logo {
  float: left;
}
.header.flex-fiexed .bocweb-logo a {
  position: relative;
  display: block;
}
.header.flex-fiexed .bocweb-logo a img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header.flex-fiexed .ty-img .i0 {
  opacity: 1;
}
.header.flex-fiexed .ty-img .i1 {
  opacity: 0;
}
.header.flex-fiexed .bocweb-nav.con .nav-li:hover, .header.flex-fiexed .bocweb-nav.con .nav-li.active {
  transition: .5s;
}
.header.flex-fiexed .bocweb-nav.con .nav-li:hover .li-top span, .header.flex-fiexed .bocweb-nav.con .nav-li.active .li-top span {
  transition: .5s;
}

.header.active .bocweb-nav .linebox .nav-btn {
  background: url(../img/img2-active.png) no-repeat center;
  background-size: 100%;
}

.header.active .bocweb-nav .nav-li .li-bot a {
  transition: .5s;
}
.header.active .bocweb-nav .nav-li .li-bot a:hover, .header.active .bocweb-nav .nav-li .li-bot a.active {
  color: #003680;
  transition: .5s;
  /*background:transparent;*/
}

.m-header {
  height: 70px;
  width: 100%;
  position: absolute;
  top: 0;
}
.m-header.absolute {
  position: absolute;
}
.m-header.relative{
  position: relative!important;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header.fixed .welcome-a .i0{
      display: block;
}
.m-header .w-header {
  position: relative;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
  z-index: 30;
  height: 70px;
}
.m-header.cur .w-header{
  background:#fff;
}
.m-header .welcome-a {
  float: left;
  height: 100%;
  display: inline-block;
  background-size: 99%;
  line-height: 48px;
}
.m-header .welcome-a .i0 {
  display: none;
}
.m-header .welcome-a .i1 {
  display: block;
}

.m-header .welcome-a img {
  max-height: 100%;
  display: block;
}

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

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

.m-header .uio {
  float: right;
  height: 100%;
  width: 31px;
  margin-left: 25px;
}

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

.m-header .subsearch {
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}
.m-header .subsearch .obox {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}
.m-header .subsearch .obox.active {
  color: #222222;
  background: #dfedf8;
}

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

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

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

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

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background: url(../img/sousuo01.png) no-repeat center;
  background-size: 100%;
  margin-top: 6px;
}

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

.m-header .nav-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 31px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -10px;
}

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

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

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

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

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

.m-header .nav-btn.hover .line {
  left: 6px;
}

.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 55px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background-color: white;
  z-index: 15;
  color: #666;
  
  padding-bottom: 20px;
  box-sizing: border-box;
}
.sub-menubox{
  overflow-y:scroll;
  overflow-x:hidden;
  height: 100%;

} 

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

.m-header.active .subsearch .obox {
  color: #222;
}

.m-header.active .welcome-a .i1 {
  display: none;
}
.m-header.active .welcome-a .i0 {
  display: block;
}

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

.m-header.cur .subsearch .obox {
  color: #222;
}

.m-header.cur .welcome-a .i1 {
  display: none;
}
.m-header.cur .welcome-a .i0 {
  display: block;
}

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

.m-header.fixed .subsearch .obox {
  color: #222;
}

.m-header.fixed .welcome-a .i1 {
  display: none;
}
.m-header.fixed .welcome-a .i0 {
  display: block;
}





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

.m-header .sub-menu {
  padding-left: 30px;
  padding-right: 40px;
  box-sizing: border-box;
}
.m-header .sub-menu ul {
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin-top: 30px;
}
.m-header .sub-menu ul li {
  margin-bottom: 10px;
  position: relative;
}
.m-header .sub-menu ul .sub-tit {
  padding-left: 28px;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu ul .sec-list {
  padding-left: 28px;
  box-sizing: border-box;
}

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

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

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  /*padding: 10px 0;*/
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

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

.m-header .sub-menu .sub-tit.on a {
  color: #ffffff;
  transition: none;
}
.m-header .sub-menu .sub-tit.on .ty-img .m {
  opacity: 1;
}
.m-header .sub-menu .sub-tit.on .ty-img .n {
  opacity: 0;
}

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

.m-header .sub-menu .sub-tit.on .btn-v {
  opacity: 1;
  transition: .5s;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 100%;
  width: 3px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  position: absolute;
  left: -2px;
  top: 0;
  background: #073783;
  opacity: 0;
}

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

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

.m-header .sub-menu .sec-list {
  line-height: 28px;
  display: none;
  margin-top: 10px;
}
.m-header .sub-menu .sec-list .pbox0 {
  padding: 28px 0%;
  background: #f1f3f7;
}

.m-header .sub-menu .sec-list p {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  box-sizing: border-box;
}

.m-header .sub-menu .sec-list p.active a {
  color: #003680;
}

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

.searchbox {
  border: 1px solid #535353;
  left: 0;
  right: 0;
  position: fixed;
  top: 169px;
  width: 80%;
  z-index: 101;
  margin: auto;
}

.searchbox input.tex {
  background: none;
  border: medium none;
  color: #a7a7a7;
  font-family: "Arial";
  font-size: 15px;
  height: 37px;
  line-height: 36px;
  padding: 16px 2% 15px;
  width: 80%;
}

.search-bg {
  background-color: #FFF;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  display: none;
}

.searchbox input.search-btn {
  background-size: 50% auto;
  border: medium none;
  height: 68px;
  margin-right: 1%;
  min-width: 40px;
  width: 7%;
}

.subsearch {
  height: 35px;
}

.news-details .tit .span {
  font-size: 16px;
  display: block;
  color: #777;
}

.close-search {
  background: url(../img/ico_116.png) no-repeat center center;
  cursor: pointer;
  height: 25px;
  position: fixed;
  right: 20px;
  top: 12px;
  width: 25px;
  z-index: 40;
}

.search-bg .sousuo-input {
  margin: 0 auto;
  margin-top: 200px;
  width: 90%;
}

.sousuo-input {
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #e5e5e5;
  position: relative;
  font-size: 15px;
  color: #222222;
}
.sousuo-input input {
  border: none;
  background: none;
  outline: none;
}
.sousuo-input .submit {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/sousuo.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
.sousuo-input input[type=submit] {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sousuo-input .text, .sousuo-input input[type=text] {
  width: 100%;
  height: 100%;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 60px;
  box-sizing: border-box;
}

.header .bocweb-nav.con .nav-li:hover .li-top span, .header .bocweb-nav.con .nav-li.active .li-top span {
  color: #21a64a;
  transition: .5s;
}

.header .bocweb-nav .nav-li .li-bot {
  padding-left: 40px;
  background: #ffffff;
  box-sizing: border-box;
  position: absolute;
}

.itembox0 {
  width: 830px;
  height: 345px;
  position: relative;
  padding-top: 45px;
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.itembox0.itembox0d{
  width: 830px;
}
.itembox0 .item:nth-child(1) .itemright {
  display: block;
}
.itembox0 .itemright {
  display: none;
  position: absolute;
  width: 580px;
  height: 345px;
  right: 0;
  top: 0;
  background: #f1f3f7;
  text-align: left;
  line-height: 1;
  padding: 50px 35px;
  box-sizing: border-box;
}
.itembox0 .item00d .itemright{
  width: 625px;

}
.itembox0 .item00d .itemright .fl{
  width: 248px;
  height: 230px;
  overflow:hidden;
}
.itembox0 .item00d .itemright .fr .more{
  margin-top: 30px;
}
.itembox0 .itemright .tit {
  font-size: 30px;
}
.itembox0 .itemright .wop {
  font-size: 16px;
  margin-top: 20px;
  height: 120px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.itembox0 .itemleft {
  width: 260px;
  line-height: 25px;
  margin-bottom: 25px;
  text-align: left;
  font-size: 16px;
  color: #222222;
  padding-left: 16px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.itembox0 .itemleft:hover:after {
  opacity: 1;
  transition: .5s;
}
.itembox0 .itemleft.active:after {
  opacity: 1;
  transition: .5s;
}
.itembox0 .itemleft:after {
  position: absolute;
  left: -1px;
  width: 3px;
  height: 100%;
  content: "";
  top: 0;
  bottom:0;
  margin: auto;
  background: #073783;
  opacity: 0;
  transition: .5s;
}

.header .bocweb-nav .nav-li .li-bot a.more {
  line-height: 57px;
}

.header .bocweb-nav .nav-li.mk06 .li-bot {
  left: -450px;
}
.header .bocweb-nav .nav-li.mk05 .li-bot {
      left: -380px;
}
.header .bocweb-nav .nav-li.mk07 .li-bot {
  left: -450px;
}
.header .bocweb-nav .nav-li.mk04 .li-bot {
      left: -200px;
}
.header .bocweb-nav .nav-li.mk03 .li-bot {
          left: -50px;
}

@font-face {
  font-family: 'goth';
  src: url("fonts/GOTHICB.eot");
  src: url("fonts/GOTHICB.eot") format("embedded-opentype"), url("fonts/GOTHICB.woff") format("woff"), url("fonts/GOTHICB.ttf") format("truetype"), url("fonts/GOTHICB.svg#GOTHICB") format("svg");
}
@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
@font-face {
  font-family: 'din';
  src: url("fonts/DIN-Regular.eot");
  src: url("fonts/DIN-Regular.eot") format("embedded-opentype"), url("fonts/DIN-Regular.woff") format("woff"), url("fonts/DIN-Regular.ttf") format("truetype"), url("fonts/DIN-Regular.svg#DIN-Regular") format("svg");
}
@font-face {
  font-family: 'cen';
  src: url("fonts/CENTURYGOTHIC-BOLD.eot");
  src: url("fonts/CENTURYGOTHIC-BOLD.eot") format("embedded-opentype"), url("fonts/CENTURYGOTHIC-BOLD.woff") format("woff"), url("fonts/CENTURYGOTHIC-BOLD.ttf") format("truetype"), url("fonts/CENTURYGOTHIC-BOLD.svg#CENTURYGOTHIC-BOLD") format("svg");
}
body, html {
  font-family: "Source Han Sans CN","Microsoft YaHei","Helvetica Neue","PingFang SC", Helvetica, Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif;
}

img {
  max-width: 100%;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
}

.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: .8s;
}

.secwen-left {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-60px);
  transition: .8s;
}

.secwen-left.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: .8s;
}

.secwen-right {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(60px);
  transition: .8s;
}

.secwen-right.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: .8s;
}

.animate.secwen {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 1s;
}

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

.w1580 {
  width: 1580px;
  margin: 0 auto;
}

.bocweb-footer {
  height: 548px;
  background: #0b2e4f;
  font-size: 15px;
  color: #7c91a5;
}
.bocweb-footer a {
  color: #7c91a5;
}
.bocweb-footer .top {
  /*height: 425px;*/
  padding-top: 93px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  margin-bottom: 18px;
}
.bocweb-footer .top .left {
  width:calc(100% - 135px);
}
.bocweb-footer .top .right{
  width: 130px;
}
.bocweb-footer .right .tit {
  line-height: 1;
  font-size: 20px;
  color: #fff;
}
.bocweb-footer .right .img {
  width: 125px;
  height: 125px;
  overflow: hidden;
  margin-top: 32px;
  margin-bottom: 10px;
}
.bocweb-footer .right .span {
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.bocweb-footer .bocweb-footer-contact .li {
  float: left;
  margin-right: 5%;
  width:15%;
  line-height: 30px;
}
.bocweb-footer .bocweb-footer-contact .li a {
  line-height: 1.3;
  padding:8px 0;
  display: block;
  transition: .5s;
}
.bocweb-footer .bocweb-footer-contact .li a:hover {
  color: #fff;
  transition: .5s;
}
.bocweb-footer .bocweb-footer-contact .li .litop {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
}
.bocweb-footer .bot {
  font-size: 14px;
  line-height: 40px;
}
.bocweb-footer .bot .fl a {
  color: #fff;
  margin: 0 8px;
  transition:.5s;
}
.bocweb-footer .bot .fl a:hover{
   color:#63ce82;
   transition:.5s;
}
.bocweb-footer .bot .fl .first {
  margin-left: 0;
}
.bocweb-footer .bot .fl select {
  border: none;
  background: none;
  outline: none;
  width: 202px;
  border-radius: 5px;
  height: 40px;
  padding-left: 20px;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #fff;
  background: url(../img/i1.png) #143e65 no-repeat center;
  background-position: 175px center;
  cursor: pointer;
  margin-left: 10px;
}
.bocweb-footer .bot .fl .select{
  display: inline-block;
  position: relative;
  margin-left: 10px;
  
}
.bocweb-footer .bot .fl .select .selecttop{
  width: 202px;
  border-radius: 5px;
  height: 40px;
  padding-left: 20px;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #fff;
  background: url(../img/i1.png) #143e65 no-repeat center;
  background-position: 175px center;
  cursor: pointer;
}
.bocweb-footer .bot .fl .select .selectbot{
    display: none;
    position: absolute;
    bottom: 40px;
    width: 202px;
    left: 0;
}
.bocweb-footer .bot .fl .select .selectbot a:hover{
  color:#21a64a;
    transition: all .3s ease;
    /*opacity: 1;*/
}
.bocweb-footer .bot .fl .select .selectbot a{
    display: block;
    line-height: 40px;
    color: #fff;
    /*opacity: .6;*/
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding-left: 20px;
    box-sizing: border-box;
    width: 100%;
    background:#143e65 ;
    margin:0;
}
.banner img {
  width: 100%;
}

.bocweb-footer.mbox {
  padding: 0 20px;
}
.bocweb-footer.mbox .top {
  width: 100%;
  height: auto;
  padding: 0;
  padding-top: 38px;
  padding-bottom: 40px;
  margin-bottom: 25px;
}
.bocweb-footer.mbox .left {
  width: 100%;
  margin-bottom: 50px;
}
.bocweb-footer.mbox .bocweb-footer-contact {
  width: 100%;
}
.bocweb-footer.mbox .bocweb-footer-contact .li {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bocweb-footer.mbox .bocweb-footer-contact .li.active .litop:after {
  background: url(../img/i3.png) no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.bocweb-footer.mbox .bocweb-footer-contact .li .litop {
  line-height: 50px;
  margin-bottom: 0;
  height: 50px;
  position: relative;
}
.bocweb-footer.mbox .bocweb-footer-contact .li .litop:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../img/i2.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s;
}
.bocweb-footer.mbox .bocweb-footer-contact .libot {
  display: none;
  line-height: 24px;
}
.bocweb-footer.mbox .right {
  width: 100%;
  text-align: center;
}
.bocweb-footer.mbox .right .tit {
  font-size: 18px;
}
.bocweb-footer.mbox .right .img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 11px;
}
.bocweb-footer.mbox .right .span {
  font-size: 12px;
}

.bocweb-footer.mbox .bot .fl {
  width: 100%;
  margin-left: 0;
}
.bocweb-footer.mbox .bot span {
  text-align: center;
  display: block;
}
.bocweb-footer.mbox .bot .fl select {
  width: 100%;
}
.bocweb-footer.mbox .bot .f-b {
  text-align: center;
  font-size: 12px;
  line-height: 23px;
  padding-top: 45px;
  box-sizing: border-box;
  width: 100%;
}

.investment-list .item {
  display: block;
  width: 50%;
  height: 420px;
  float: left;
  overflow: hidden;
  position: relative;
}
.investment-list .item:hover:before {
  right: -10.8%;
  transition: .25s ease-out;
}
.investment-list .item:hover .more {
  padding-left: 25px;
  transition: .25s ease-out;
}
.investment-list .item:hover:after {
  transition: .25s ease-out;
}
.investment-list .item:after, .investment-list .item:before {
  content: "";
  position: absolute;
  right: -12%;
  top: 0;
  height: 100%;
  width: 48%;
  opacity: .5;
  z-index: 2;
  transform: skewX(-15deg);
  transition: .25s ease-out;
}
.investment-list .item:after {
  transform: skewX(-10deg);
}
.investment-list .item.item0:after, .investment-list .item.item0:before {
  background: #0b2e4f;
}
.investment-list .item.item1 .tit {
  line-height: 40px;
}
.investment-list .item.item1 .more {
  margin-top: 15px;
}
.investment-list .item.item1 .words {
  height: 110px;
}
.investment-list .item.item1:after, .investment-list .item.item1:before {
  background: #2ba1e2;
}
.investment-list .item.item2:after, .investment-list .item.item2:before {
  background: #6eb125;
}
.investment-list .item.item3:after, .investment-list .item.item3:before {
  background: #0c7627;
}
.investment-list .item:hover .images {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.investment-list .item .images {
  width: 100%;
  height: 100%;
  transition: .5s;
}
.investment-list .item .words {
  width: 43%;
  /*height: 100%;*/
  height: 70px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  padding-left: 12%;
  z-index: 5;
  box-sizing: border-box;
}
.investment-list .item .tit {
  font-size: 28px;
}
.investment-list .item .more {
  font-size: 14px;
  font-style: italic;
  padding-left: 18px;
  padding-right: 25px;
  position: relative;
  display: inline-block;
  margin-top: 25px;
  transition: .25s ease-out;
}
.investment-list .item .more:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  transform: skew(-10deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.investment-list .item .more:before {
  position: absolute;
  width: 15px;
  content: "";
  height: 15px;
  background: url(../img/read.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.investment-list .item .mimages {
  display: none;
}

.conbanner {
  /*height: 950px;*/
  height: 980px;
  padding-top: 280px;
  box-sizing: border-box;
  background-size: cover!important;
  background-attachment: fixed !important;
  overflow: hidden;
}
.conbanner .conwords {
  width: 1130px;
  margin: 0 auto;
}
.conbanner .conwords .more {
  font-size: 14px;
  color: #fff;
  height: 26px;
  line-height: 26px;
  padding-left: 20px;
  position: relative;
  border-left: 2px solid #fff;
  padding-right: 25px;
  box-sizing: border-box;
  margin-top: 50px;
  display: inline-block;
  cursor: pointer;
}
.conbanner .conwords .more:hover:after {
  right: 5px;
  transition: .5s;
}
.conbanner .conwords .more:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: url(../img/img8.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s;
}
.conbanner .conwords .left {
  padding-top: 20px;
  width: 720px;
}
.conbanner .conwords .left .text {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  margin-top: 35px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 75px;
}
.conbanner .conwords .right {
  width: 265px;
}
.conbanner .conwords .right .word {
  height: 365px;
  background: #003680;
  color: #fff;
  font-size: 14px;
  padding: 30px 20px;
  box-sizing: border-box;
  line-height: 20px;
}
.conbanner .conwords .right .word .t0 {
  font-size: 20px;
  line-height: 1.2;
}
.conbanner .conwords .right .word .t {
  margin-top: 30px;
}
.conbanner .conwords .right .word .t:nth-child(1) {
  margin-top: 0;
  margin-bottom: 5px;
}
.conbanner .conwords .right .text {
  display: block;
  font-size: 14px;
  color: #fff;
  background: #000000;
  line-height: 86px;
  height: 86px;
  padding-left: 42px;
  box-sizing: border-box;
  position: relative;
  margin-top: 14px;
}
.conbanner .conwords .right .text:hover:after {
  right: 35px;
  transition: .5s;
}
.conbanner .conwords .right .text:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  background: url(../img/img9.png) no-repeat center;
  margin: auto;
  background-size: 100%;
  transition: .5s;
}

.investment-text {
  margin-top: -85px;
}
.investment-text .item {
  width: 25%;
  display: block;
  float: left;
  height: 85px;
  line-height: 1.2;
  font-size: 18px;
  color: #fff;
  padding-right:72px;
  padding-top:25px;
  padding-left: 25px;
  box-sizing: border-box;
  position: relative;
}
.investment-text .item:hover img {
  right: 45px;
  transition: .5s;
}
.investment-text .item img {
  max-width: 50px;
  max-height: 50px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s;
}
.investment-text .item.active {
  background: transparent;
}
.investment-text .item0 {
  background: #2c465f;
}
.investment-text .item1 {
  background: #57b3e6;
}
.investment-text .item2 {
  background: #0e8f36;
}
.investment-text .item3 {
  background: #81c04a;
}

.flex-left-box {
  position: absolute;
  width: 110px;
  left: 1.9rem;
  top: 80px;
  padding: 15px 0;
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
  z-index: 5;
}
.flex-left-box.fixed {
  position: fixed;
}
.flex-left-box .bar {
  position: absolute;
  width: 2px;
  height: 25px;
  background: #003680;
  left: -1px;
  top: 15px;
}

.langbox .after {
    position: absolute;
    left: -1px;
    width: 3px;
    height: 25px;
    content: "";
    top: 0;
    background: #073783;
    transition: .5s;
    display: none;
}
.flex-left-box a {
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 1.8;
  margin-top: 25px;
  padding-left: 20px;
  box-sizing: border-box;
}
.flex-left-box a:hover, .flex-left-box a.active {
  color: #003680;
}
.flex-left-box a:nth-child(1) {
  margin-top: 0;
}

.w1160 {
  width: 1160px;
  margin: 0 auto;
}

.text-more {
  width: 230px;
  height: 57px;
  display: block;
  background: #1f2020;
  line-height: 57px;
  color: #fff;
  font-size: 16px;
  padding-left: 30px;
  position: relative;
}
.text-more span {
  position: relative;
  z-index: 2;
  color: #fff;
}
.text-more:hover:before, .text-more.active:before {
  -webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  width: 100%;
}
.text-more:hover:after, .text-more.active:after {
  transform: translateX(10px);
  transition: .5s;
}
.text-more:before {
  content: "";
  position: absolute;
  background: #1b9430;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  width: 0%;
  height: 100%;
  z-index: 1;
}
.text-more:after {
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/img10.png) no-repeat center;
  background-size: 100%;
  z-index: 2;
  transition: .5s;
}

.investment-box {
  position: relative;
  min-height: 500px;
}
.investment-box .coldbox {
  padding-top: 100px;
  padding-bottom: 95px;
  box-sizing: border-box;
}
.investment-box .coldbox .tit {
  font-size: 28px;
  color: #0d2a40;
  line-height: 38px;
  font-weight: bold;
}
.investment-box .coldbox .line {
  width: 40px;
  height: 1px;
  background: #21a64a;
  margin-top: 25px;
  margin-bottom: 32px;
}
.investment-box .coldbox .img {
  width: 165px;
  height: 65px;
}
.investment-box .coldbox .text {
  font-size: 15px;
  color: #444444;
  line-height: 28px;
  margin-top: 25px;
  margin-bottom: 35px;
}

.conbanner .conwords .right .text {
  transition: .5s;
}
.conbanner .conwords .right .text span {
  z-index: 2;
  position: relative;
}
.conbanner .conwords .right .text:after {
  z-index: 2;
  background: url(../img/img10.png) no-repeat center;
  background-size: 100%;
}
.conbanner .conwords .right .text:hover {
  transition: .5s;
}
.conbanner .conwords .right .text:hover:before {
  width: 100%;
  -webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
}
.conbanner .conwords .right .text:before {
  content: "";
  position: absolute;
  background: #63ce82;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
  width: 0%;
  height: 100%;
  z-index: 1;
}

.cold-swiper {
  margin-top: 102px;
}
.cold-swiper .swiper-pagination {
  position: static;
  line-height: 1;
  margin-top: 55px;
}
.cold-swiper .swiper-pagination-bullet {
  height: 6px;
  width: 34px;
  border-radius: 6px;
  background: #e3e3e3;
  opacity: 1;
  transition: .5s;
}
.cold-swiper .swiper-pagination-bullet-active {
  width: 53px;
  background: #21a64a;
  transition: .5s;
}
.cold-swiper .item {
  overflow: hidden;
  width: 373px;
  height: 267px;
  position: relative;
}
.cold-swiper .item .span{
    font-size: 18px;
    color: #fff;
    line-height: 1.1;
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 25px;
    line-height: 24px;
    height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding-left: 40px;
    box-sizing: border-box;
    opacity: 0;
    transition:.5s;
}
.cold-swiper .item:hover .span{
    opacity: 1;
    transition:.5s;
}
.cold-swiper .item img {
  transition: .5s;
}
.cold-swiper .item:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}

.pc75 {
  display: none;
}

.cold-swiper .item img {
  width: 100%;
}

.manufacturing-box {
  margin-top: 90px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.manufacturing-box .ul .images {
  width: 273px;
  height: 225px;
  overflow: hidden;
  float: left;
  margin-left: 22.66px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.manufacturing-box .ul .images:nth-child(4n+1) {
  margin-left: 0;
}
.manufacturing-box .ul .images img {
  transition: .5s;
}
.manufacturing-box .ul .images:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.manufacturing-box .text-ul {
  width: 885px;
  margin: 0 auto;
  margin-top: 45px;
}
.manufacturing-box .text-ul .item {
  width: 410px;
  float: left;
  margin-left: 32.5px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  transition: .5s;
}
.manufacturing-box .text-ul .item:hover, .manufacturing-box .text-ul .item.active {
  border-bottom: 1px solid #0e8f36;
  transition: .5s;
}
.manufacturing-box .text-ul .item:nth-child(2n+1) {
  margin-left: 0;
}
.manufacturing-box .text-ul .item .t0 {
  font-size: 30px;
  color: #444444;
  line-height: 1.2;
  margin-bottom: 18px;
}
.manufacturing-box .text-ul .item .t1 {
  font-size: 15px;
  color: #444444;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
}
.manufacturing-box .text-ul .item.item2 .t1 {
  height: 84px;
}

.newsbg {
  width: 100%;
  height: 9.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.news-conbox {
  min-height: 950px;
  position: relative;
  z-index: 2;
}
.news-conbox .newsbox {
  position: relative;
  z-index: 6;
}
.news-conbox .newsbox .flex-left-box {
  top: 210px;
}

.header {
  margin-top: 20px;
}

.header.cur {
  margin-top: 0;
}

.header.flex-fiexed {
  position: fixed;
  background: #fff;
  top: -100% !important;
  margin-top: 0;
  transition: .5s;
}
.header.ffo{
  position: relative!important;
}
.header.flex-fiexed.fixed0 {
  top: 0 !important;
  transition: .5s;
  height: 90px;
}
.header.flex-fiexed .abox .nav-li{
  padding-top:22px;
}
.header.flex-fiexed .bocweb-nav .linebox{
  padding-top: 30px;
}
.header.flex-fiexed .bocweb-nav .nav-li .li-top{
  line-height: 90px;
}
.header.flex-fiexed .bocweb-logo a{
  height: 90px;
}

.news-conbox {
  padding-top: 150px;
  box-sizing: border-box;
}
.news-conbox .caseboxss{
  padding-top: 150px;
  box-sizing: border-box;
}
.kende-tit {
  line-height: 1.1;
}
.kende-tit .en {
  font-size: 53px;
  color: #0d2a40;
  font-family: Arial;
  display: inline-block;
  position: relative;
}
.kende-tit .en span {
  position: relative;
  z-index: 1;
  font-family: "goth";
}
.kende-tit .en:after {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  left: -5px;
    top: -2px;
  background: url(../img/img19.png) no-repeat center;
  background-size: 100%;
}
.kende-tit .cn {
  font-size: 50px;
  color: #0d2a40;
}

.news-item {
  padding-bottom: 100px;
}
.news-item .item-top {
  margin-top: 85px;
}
.news-item .item-top .swiper-pagination {
  width: 50%;
  right: 0;
  left: auto;
  text-align: left;
  padding-left: 42px;
  box-sizing: border-box;
  bottom: 44px;
  line-height: 1;
}
.news-item .item-top .swiper-pagination-bullet {
  background: #809bc0;
  opacity: 1;
  width: 10px;
  height: 10px;
}
.news-item .item-top .swiper-pagination-bullet-active {
  background: #0e8f35;
}
.news-item .item-top .item {
  display: block;
  position: relative;
  height: 377px;
}
.news-item .item-top .item:hover .words .more {
  padding-left: 25px;
  transition: .5s;
}
.news-item .item-top .item:hover .images img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.news-item .item-top .item .images {
  overflow: hidden;
  width: 50%;
  position: relative;
}
.news-item .item-top .item .images img {
  transition: .5s;
}
.news-item .item-top .item .images:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/img20.png) no-repeat center;
  background-size: 100%;
  top: 0;
  left: 0;
}
.news-item .item-top .item .words {
  width: 50%;
  background: #003680;
  font-size: 14px;
  color: #bed2ee;
  height: 100%;
  /*position: absolute;*/
  padding: 45px 50px;
  box-sizing: border-box;
}
.news-item .item-top .item .words .time {
  font-size: 14px;
  color: #9db3d6;
  font-family: Arial;
  line-height: 1.1;
}
.news-item .item-top .item .words .tit {
  font-size: 24px;
  line-height: 33px;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 66px;
  margin-top: 25px;
}
.news-item .item-top .item .words .span {
  font-size: 15px;
  color: #bed2ee;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 32px;
}
.news-item .item-top .item .words .more {
  font-size: 14px;
  font-weight: bold;
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
  transition: .5s;
}
.news-item .item-top .item .words .more:after {
  position: absolute;
  content: "";
  width: 1px;
  background: #fff;
  height: 20px;
  transform: skew(-10deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.news-item .item-bot {
  margin-bottom: 80px;
}
.news-item .item-bot .item {
  margin-left: 60px;
  float: left;
  width: 550px;
  font-size: 15px;
  line-height: 25px;
  color: #666666;
  padding-top: 60px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
  position: relative;
}
.news-item .item-bot .item:hover:after {
  width: 100%;
  transition: .5s;
}
.news-item .item-bot .item:after {
  width: 0;
  height: 1px;
  background: #0e8f35;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  transition: .5s;
}
.news-item .item-bot .item:nth-child(2n+1) {
  margin-left: 0;
}
.news-item .item-bot .item .time {
  font-size: 16px;
  line-height: 1.1;
  font-family: Arial;
  color: #00617f;
}
.news-item .item-bot .item .tit {
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 18px;
  margin-bottom: 15px;
}
.news-item .item-bot .item .span {
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.video {
  margin-top: 85px;
  padding-bottom: 120px;
  box-sizing: border-box;
}
.video .video-box {
  margin-bottom: 45px;
}
.video .video-box .item {
  float: left;
  width: 565px;
  height: 405px;
  margin-left: 30px;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.video .video-box .item img {
  transition: .5s;
}
.video .video-box .item:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.video .video-box .item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/img23.png) no-repeat bottom;
  background-size: 100%;
  left: 0;
  bottom: 0;
}
.video .video-box .item:nth-child(2n+1) {
  margin-left: 0;
}
.video .video-box .span {
  position: absolute;
  bottom: 20px;
  font-size: 18px;
  color: #fff;
  width: 100%;
  z-index: 4;
  height: 28px;
  line-height: 28px;
  padding-left: 74px;
  box-sizing: border-box;
}
.video .video-box .span:after {
  width: 42px;
  height: 28px;
  content: "";
  left: 20px;
  top: 0;
  position: absolute;
  background: url(../img/play.png) no-repeat center;
  background-size: 100%;
}

.pagination {
  text-align: center;
}
.pagination a {
  display: inline-block;
  font-family: Arial;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #6d6d6d;
  font-size: 14px;
  background: #fff;
  margin: 0 2px;
  transition: .5s;
  vertical-align: middle;
}
.pagination a:hover, .pagination a.active {
  color: #11d04b;
  background: #222;
  transition: .5s;
}
.pagination .prev, .pagination .next {
  width: auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.news-body {
  background: #f2f3f7;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
  top: 0;
  left: 0;
  cursor: pointer;
  transition:.8s ease-out;
}
.video-fixed.anime{
  opacity: 0;
  transition:.8s ease-out;
}
.video-fixed .cha {
  width: 25px;
  height: 25px;
  background: url(../img/ico_116.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 10;
}
.video-fixed .videobox {
  width: 1200px;
  height: 650px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  /*background:#fff;*/
  padding: 30px;
  box-sizing: border-box;
  opacity: 0;
  transform:scale3d(.5,.5,1);
  transition:.8s;
}
.video-fixed .videobox.active{
  opacity: 1;
  transform:scale3d(1,1,1);
  transition:.8s;
}

.case {
  margin-top: 55px;
  padding-bottom: 118px;
  box-sizing: border-box;
}
.case .case-box {
  padding-bottom: 60px;
  box-sizing: border-box;
}
.case .case-box .item {
  display: block;
  height: 378px;
  margin-top: 33px;
}
.case .case-box .item:nth-child(1) {
  margin-top: 0;
}
.case .case-box .item:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.case .case-box .images {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.case .case-box .images img {
  transition: .5s;
}
.case .case-box .words {
  width: 50%;
  height: 100%;
  background: #fff;
  line-height: 1;
  padding: 55px 64px 50px 45px;
  box-sizing: border-box;
}
.case .case-box .tit {
  font-size: 16px;
  color: #0e8f36;
}
.case .case-box .line {
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.case .case-box .span {
  font-size: 24px;
  color: #222222;
  transition: .5s;
  margin-top: 38px;
  margin-bottom: 16px;
}
.case .case-box .p {
  font-size: 15px;
  color: #444444;
  line-height: 27px;
  height: 54px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 18px;
  margin-bottom: 45px;
}
.case .case-box .more {
  background: #eeeeee;
}
.case .case-box .more:hover span {
  color: #fff;
}
.case .case-box .more:hover:after {
  background: url(../img/img10.png) no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.case .case-box .more:after {
  background: url(../img/img9.png) no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.case .case-box .more span {
  color: #222222;
  transition: .5s;
  transition-delay: .2s;
}

.contact {
  padding-bottom: 125px;
  box-sizing: border-box;
}
.contact .contact-top {
  margin-top: 75px;
}
.contact .contact-top .item {
  width: 270px;
  height: 215px;
  float: left;
  overflow: hidden;
  background: #fff;
  text-align: center;
  margin-left: 26.6666px;
  font-size: 16px;
  color: #222222;
  line-height: 1.1;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding-top: 43px;
  box-sizing: border-box;
}
.contact .contact-top .item:nth-child(4n+1) {
  margin-left: 0;
}
.contact .contact-top .item .img {
  width: 35px;
  height: 35px;
  margin: 0 auto;
}
.contact .contact-top .item .span {
  font-size: 24px;
  color: #222222;
  margin-top: 25px;
  margin-bottom: 18px;
}
.contact .contact-map {
  margin-top: 60px;
}
.contact .contact-map .map {
  height: 578px;
}
.contact .contact-map .map-bot {
  margin-top: 80px;
}
.contact .contact-map .map-bot .item {
  float: left;
  width: 355px;
  margin-left: 47.5px;
  padding: 40px 0;
  padding-bottom: 38px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  height: 215px;
}
.contact .contact-map .map-bot .item:nth-child(3n+1) {
  margin-left: 0;
}
.contact .contact-map .map-bot .item .i0 {
  font-size: 18px;
  color: #444444;
  line-height: 1.1;
  margin-bottom: 17px;
}
.contact .contact-map .map-bot .item .ul .li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
  margin-bottom: 5px;
  font-size: 15px;
  color: #444444;
}
.contact .contact-map .map-bot .item .ul .li img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  /*bottom: 0;*/
  left: 5px;
  margin: auto;
}
.contact .contact-map .map-bot .top {
  border-top: 1px solid #e5e5e5;
}
.contact .contact-map .map-bot .bot {
  /*border-bottom: 1px solid #000002;*/
}

.sel_ul ul {
  overflow: hidden;
  padding: 0;
  padding: 1px;
  box-sizing: border-box;
}

.sel_ul ul li.cur .li {
  background: #005197;
  border: none;
  color: #ffffff;
  transition: .5s;
}

.sel_ul ul li.cur .li .num {
  background: url(../img/img32.png) no-repeat center;
  background-size: 100%;
}

.sel_ul ul li.cur .li .top {
  border-bottom: none;
  background: #ec8516;
  color: #fff;
}

.sel_ul .ull .lli {
  width: 100%;
  background: #fff;
}
.gallery-thumbs .swiper-container{
  overflow: visible;
}

.sel_ul ul li .li .time {
  margin-right: 40px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  color: #666;
}
.sel_ul ul li.cur .li .time {
  color: rgba(255, 255, 255, 0.5);
}.sel_ul ul li.cur .li .position span {
  color: #fff;
}

.sel_ul ul li .li {
  height: 80px;
  line-height: 80px;
  background: #fff;
  background: #fff;
  font-size: 24px;
  color: #222222;
  padding: 0 63px;
  transition: .5s;
  border-bottom: 1px solid #ededed;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.sel_ul ul li .li .position {
  /*width: 100%;*/
  height: 100%;
}
.sel_ul ul li .li .position span {
  font-size: 15px;
  color: #666666;
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
}
.sel_ul ul li .li .position span:after {
  content: "";
  position: absolute;
  height: 18px;
  width: 1px;
  background: #e5e5e5;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sel_ul ul li .li .num {
  font-size: 12px;
  cursor: pointer;
  color: #999;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 45px;
  bottom: 0;
  margin: auto;
  background: url(../img/img31.png) no-repeat center;
  background-size: 100%;
}

.sel_ul ul li .li .top {
  height: 52px;
  width: 100%;
  font-size: 16px;
  color: #666;
  line-height: 52px;
  padding-left: 13px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  position: relative;
}

.sel_ul ul li .li .top:after {
  content: "";
  position: absolute;
  right: 13px;
  top: 15px;
  height: 30px;
  width: 30px;
  background: url(../img/img-14.png) no-repeat center;
  background-size: 100%;
}

.sel_ul ul li .li .bot {
  background: #ffffff;
  overflow: hidden;
  padding: 10px 15px;
  box-sizing: border-box;
}

.sel_ul ul li .li .bot .bot1 {
  font-size: 12px;
  width: 50%;
  float: left;
}

.sel_ul ul li .yin {
  background: #ffffff;
  padding: 36px 60px;
  padding-bottom: 65px;
  box-sizing: border-box;
  display: none;
}
.sel_ul ul li .yin .tit {
  font-size: 20px;
  color: #222222;
  line-height: 1;
}
.sel_ul ul li .yin .p1 {
  margin-top: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.sel_ul ul li .yin .text-more {
  margin-top: 43px;
}

.sel_ul ul li .yin h3 {
  font-size: 20px;
  color: #666;
  line-height: 20px;
  padding-left: 16px;
  border-left: 4px solid #0d8f2f;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.join {
  padding-bottom: 145px;
  box-sizing: border-box;
}
.join .join-tit {
  margin-top: 85px;
  margin-bottom: 50px;
}

.sel_ul {
  padding-top: 18px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.sel_ul ul li .yin .p {
  font-size: 15px;
  line-height: 28px;
  color: #666666;
}

.sel_ul ul li .yin .p span {
  color: #005197;
}

.text-more.cur:after {
  background: url(../img/img9.png) no-repeat center;
  background-size: 100%;
}
.text-more.cur:hover:after {
  background: url(../img/img10.png) no-repeat center;
  background-size: 100%;
}

.join-tit .t0 {
  line-height: 1;
  font-size: 28px;
  color: #0d2a40;
}
.join-tit .line {
  width: 40px;
  height: 1px;
  background: #21a64a;
  margin-top: 34px;
  margin-bottom: 32px;
}
.join-tit .text {
  font-size: 15px;
  color: #444444;
  line-height: 1.6;
}

.casedetails {
  padding-bottom: 185px;
  box-sizing: border-box;
}
.casedetails .casedetails-top {
  margin-top: 80px;
}
.casedetails .casedetails-top .images {
  width: 580px;
  height: 375px;
  overflow: hidden;
}
.casedetails .casedetails-top .images:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.casedetails .casedetails-top .images img {
  transition: .5s;
}
.casedetails .casedetails-top .words {
  width: 525px;
  height: 375px;
  border-top: 2px solid #000000;
  box-sizing: border-box;
}
.casedetails .casedetails-top .words .box {
  padding-top: 35px;
  box-sizing: border-box;
}
.casedetails .casedetails-top .words .t0 {
  font-size: 30px;
  color: #222222;
  line-height: 1.1;
  margin-bottom: 25px;
}
.casedetails .casedetails-top .words .t1 {
  font-size: 15px;
  color: #444444;
  line-height: 64px;
  border-top: 1px solid #e5e5e5;
}
.casedetails .casedetails-top .words .t1:nth-child(1) {
  border-top: none;
}
.casedetails .casedetails-top .words .t1 span {
  font-size: 30px;
  color: #444444;
  font-family: Arial;
  margin-right: 25px;
}
.casedetails .casedetails-bot {
  font-size: 15px;
  color: #444444;
  line-height: 28px;
  padding-top: 65px;
  box-sizing: border-box;
}
.casedetails .casedetails-bot img {
  display: block;
  margin: 0 auto;
}
.casedetails .casedetails-bot .title {
  line-height: 1.2;
  font-size: 24px;
  color: #444444;
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.casebox .w1160 {
  position: relative;
}
.casebox .w1160 .details-anniu {
  position: absolute;
  left: 0;
  top: -70px;
  display: block;
  width: 108px;
  height: 43px;
  border-radius: 43px;
  border: 1px solid #c9c9c9;
  line-height: 41px;
  font-size: 14px;
  color: #0d2a40;
  padding-left: 50px;
  box-sizing: border-box;
  transition: .5s;
}
.casebox .w1160 .details-anniu:hover {
  background: #63ce82;
  transition: .5s;
  color: #fff;
}
.casebox .w1160 .details-anniu:hover:after {
  background: url(../img/aback.png) no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.casebox .w1160 .details-anniu:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/back.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  left: 22px;
  margin: auto;
  transition: .5s;
}

.detail-fixed-right {
  position: fixed;
  height: 225px;
  width: 40px;
  top: 0;
  bottom: 0;
  right: 43px;
  margin: auto;
  z-index: 15;
}
.detail-fixed-right .item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 20px;
  transition: .5s;
  cursor: pointer;
}
.detail-fixed-right .item:nth-child(1) {
  margin-top: 0;
}
.detail-fixed-right .item:hover {
  transition: .5s;
}
.detail-fixed-right .back {
  background-image: url(../img/back.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.detail-fixed-right .back:hover {
  background-image: url(../img/aback.png);
  background-color: #64ce82;
}
.detail-fixed-right .right {
  background-image: url(../img/right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.detail-fixed-right .right:hover {
  background-image: url(../img/aright.png);
  background-color: #64ce82;
}
.detail-fixed-right .left {
  background-image: url(../img/left.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.detail-fixed-right .left:hover {
  background-image: url(../img/aleft.png);
  background-color: #64ce82;
}
.detail-fixed-right .top {
  background-image: url(../img/top.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.detail-fixed-right .top:hover {
  background-image: url(../img/atop.png);
  background-color: #64ce82;
}

.about-banner .conwords {
  width: 1580px;
}
.about-banner .conwords .words {
  width: 660px;
  padding: 50px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-top: 35px;
  margin-left: -90px;
}
.about-banner .conwords .words .more {
  margin-top: 25px;
}
.about-banner .conwords .images {
  margin-left: 20px;
  width: 430px;
  height: 220px;
  overflow: hidden;
}

.ab-tit .t0 {
  font-size: 28px;
  color: #0d2a40;
  line-height: 1;
  margin-bottom: 30px;
}
.ab-tit .line {
  width: 40px;
  height: 1px;
  background: #21a64a;
}

.about-box .section {
  padding-top: 105px;
  box-sizing: border-box;
}
.about-box .section1 {
  padding-bottom: 105px;
  box-sizing: border-box;
}
.about-box .section .words {
  padding-right: 30px;
  box-sizing: border-box;
}
.about-box .section .ul {
  margin-top: 40px;
}
.about-box .section .ul .li {
  float: left;
  padding: 0 25px;
  box-sizing: border-box;
  position: relative;
}
.about-box .section .ul .li img{
  width: 210px;
  height: 60px;
}
.about-box .section .ul .li:nth-child(4n+1):after {
  display: none;
}
.about-box .section .ul .li:after {
  position: absolute;
  content: "";
  height: 45px;
  width: 1px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #e1e1e1;
}
.about-box .section .p {
  line-height: 28px;
  font-size: 15px;
  color: #444444;
  margin-top: 18px;
  margin-bottom: 110px;
}
.about-box .section .videobox {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.about-box .section .videobox img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.about-box .section .videobox:hover img {
  transition: .5s;
  transform: scale3d(1, 1, 1);
}
.about-box .section .videobox:after {
  position: absolute;
  content: "";
  width: 78px;
  height: 78px;
  background: url(../img/img34.png) no-repeat center;
  background-size: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.value .value-images {
  margin-top: 80px;
}

.values {
  margin-top: 50px;
}
.values .value-img {
  width: 370px;
  height: 242px;
  overflow: hidden;
    margin-top: 30px;
    margin-left: 70px;

}
.values .value-text {
  width: 535px;
}
.values .value-text .item {
  border-top: 1px solid #e4e4e4;
  padding:10px 0;
  box-sizing: border-box;
  /*height: 98px;*/
  /*line-height: 98px;*/
}
.values .value-text .item:nth-child(1) {
  border: none;
}
.values .value-text .item .right {
  font-size: 15px;
  line-height: 1.5;
  margin-left: 30px;
  color: #444444;
  float: right;
  width: 230px;
}
.values .value-text .item .right.cur {
  line-height: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.values .value-text .item .left {
  color: #444444;
  font-size: 30px;
  float: left;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
.values .value-text .item .left img {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.investment-box .flex-left-box {
  left: 1.9rem;
}

.culture-conbox .flex-left-box {
  left: 1.9rem;
}
.culture-conbox .culture-box .section2 {
  background: #f2f3f7;
}

.mbbanner {
  display: none;
}

.m75 {
  display: none;
}

.investment-text.fixed-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 20;
  display: none;
}
.investment-text.fixed-bottom:hover .fixed {
  top: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.investment-text.fixed-bottom .fixed {
  position: relative;
  top: 70px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.investment-text.fixed-bottom .fixed .item {
  top: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.investment-text.fixed-bottom .fixed .item:hover {
  top: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.investment-text.fixed-bottom .fixed .item{
  line-height: 1;
  /*height:60px;*/

}

.investment-box .coldbox .words {
  padding-left: 135px;
  box-sizing: border-box;
}

.culture-conbox .section3 {
  padding-bottom: 70px;
}

.culture-conbox .section2 {
  padding-bottom: 68px;
  box-sizing: border-box;
}
.culture-conbox .section2 .swiper-images .item {
  float: left;
  position: relative;
  width: 570px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.culture-conbox .section2 .swiper-images .items .images,.culture-conbox .section2 .swiper-images .items .word{
  width:50%;

}
.culture-conbox .section2 .swiper-images .items  img{
  width:100%;
}
.culture-conbox .section2 .swiper-images .items{
  position: relative;
  margin-bottom: 30px;
}
.culture-conbox .section2 .swiper-images .items .word{
  background:#fff;
  height: 330px;
  font-size: 15px;
  color:#444444;
  line-height: 28px;
  padding:50px 65px;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  overflow:hidden;
}
.culture-conbox .section2 .swiper-slide{
  padding:2px;
  box-sizing: border-box;
}
.culture-conbox .section2 .swiper-images .items .word .t0{
  line-height: 1;
  font-size:24px;
  color:#222222;
}
.culture-conbox .section2 .swiper-images .items .word .line{
  width: 12px;
  height: 2px;
  background:#808080;
  margin:25px 0;
  margin-bottom:30px;
}
.culture-conbox .section2 .swiper-images .item:hover img {
  transform: scale3d(1.05, 1.05, 1);
  transition: .5s;
}
.culture-conbox .section2 .swiper-images .item .span {
  font-size: 18px;
  color: #fff;
  line-height: 1.1;
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: 25px;
  line-height: 24px;
  height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-left: 40px;
  box-sizing: border-box;
}
.culture-conbox .section2 .swiper-images .item .img {
  overflow: hidden;
}
.culture-conbox .section2 .swiper-images .item .img img {
  transition: .5s;
}
.culture-conbox .section2 .swiper-images .item:nth-child(2n+1) {
  margin-left: 0;
}
.culture-conbox .section2 .p {
  margin-bottom: 74px;
}

.swiperbox .swiper-pagination {
  position: static;
  line-height: 1;
  margin-top: 25px;
}
.swiperbox .swiper-pagination-bullet {
  height: 6px;
  width: 34px;
  border-radius: 6px;
  background: #e3e3e3;
  opacity: 1;
  transition: .5s;
}
.swiperbox .swiper-pagination-bullet-active {
  width: 53px;
  background: #21a64a;
  transition: .5s;
}

.swiper-culture2 .swiper-slide {
  padding: 2px;
  box-sizing: border-box;
}
.swiper-culture2 .swiper-pagination {
  margin-top: 45px;
}
.swiper-culture2 .item {
  display: block;
}
.swiper-culture2 .item .img {
  overflow: hidden;
}
.swiper-culture2 .item img {
  transition: .5s;
}
.swiper-culture2 .item:hover .word {
  background: #21a64a;
  transition: .5s;
}
.swiper-culture2 .item:hover .word .time {
  color: #fff;
  transition: .5s;
}
.swiper-culture2 .item:hover .word .tit {
  color: #fff;
  transition: .5s;
}
.swiper-culture2 .item:hover .word .more {
  color: #fff;
  transition: .5s;
}
.swiper-culture2 .item:hover .word .more:after {
  background: url(../img/img45.png) no-repeat center;
  background-size: 100%;
}
.swiper-culture2 .item:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.swiper-culture2 .word {
  background: #fff;
  font-size: 18px;
  color: #222222;
  line-height: 26px;
  border: 1px solid #eeeeee;
  border-top: none;
  padding: 28px 35px 20px 45px;
  box-sizing: border-box;
}
.swiper-culture2 .word .time {
  font-size: 12px;
  font-family: Arial;
  line-height: 1;
}
.swiper-culture2 .word .tit {
  height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 13px;
  margin-bottom: 20px;
}
.swiper-culture2 .word .more {
  font-size: 15px;
  color: #958067;
  display: inline-block;
  position: relative;
}
.swiper-culture2 .word .more:after {
  position: absolute;
  width: 30px;
  height: 12px;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/img44.png) no-repeat center;
  background-size: 100%;
}

.swiper-culture2 .word .more {
  padding-right: 40px;
}

.about-box .section3 .p {
  margin-bottom: 80px;
}

.section {
  overflow: hidden;
  box-sizing: border-box;
}

.about-box .section2 {
  background: #f2f3f7;
  padding-bottom: 63px;
}
.about-box .section2 .swiper-pagination {
  margin-top: 0;
}

.about-box .section3 {
  padding-top: 105px;
  padding-bottom: 125px;
  box-sizing: border-box;
}

.about-box .section4 {
  background: #f2f3f7;
  height: 815px;
  padding-bottom: 130px;
}

.about-box .section5 {
  height: 835px;
}

.swiper-about1 .item {
  float: left;
  width: 267.5px;
  margin-left: 30px;
  margin-bottom: 50px;
}
.swiper-about1 .item:nth-child(4n+1) {
  margin-left: 0;
}
.swiper-about1 .item:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.swiper-about1 .item .word {
  padding: 25px 0;
  line-height: 25px;
  font-size: 15px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.swiper-about1 .item .word .more {
  height: 40px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.swiper-about1 .item .img {
  height: 250px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-sizing: border-box;
}
.swiper-about1 .item .img img {
  position: absolute;
  transition: .5s;
  width: 90%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin:  auto;
  max-height: 100%;
}

.map-aboutbox {
  height: 470px;
  margin-top: 50px;
}
.map-aboutbox .left {
  width: 270px;
  height: 100%;
}
.map-aboutbox .left .item {
  padding-top: 5%;
  padding-right:45px;
  width: 100%;
  height: 90px;
  line-height: 1.2;
  margin-top: 5px;
  cursor: pointer;
  box-sizing: border-box;
}
.map-aboutbox .left .item:hover:after, .map-aboutbox .left .item.active:after {
  opacity: 0;
}
.map-aboutbox .left .item span {
  font-size: 15px;
}
.map-aboutbox .left .item:before {
  background: #003680;
}
.map-aboutbox .left .item:nth-child(1) {
  margin-top: 0;
}
.map-aboutbox .map {
  width: 890px;
  height: 100%;
  position: relative;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.map-aboutbox .map .images {
  width: 100%;
  height: 100%;
}
.map-aboutbox .map .word {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 340px;
  /*height: 205px;*/
  background: #fff;
  font-size: 14px;
  color: #444444;
  padding: 30px 20px 20px 30px;
  line-height: 24px;
  box-sizing: border-box;
}
.map-aboutbox .map .word .tit {
  line-height: 1;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  margin-bottom: 8px;
}
.map-aboutbox .map .word .ui .li {
  position: relative;
  padding-left: 25px;
  box-sizing: border-box;
}
.map-aboutbox .map .word .ui .li img {
  width: 20px;
  position: absolute;
  height: 20px;
  left: 0;
  top: 1px;
  /*bottom: 0;*/
  margin: auto;
}

.about-box .section4 .ab-tit {
  text-align: center;
}
.about-box .section4 .ab-tit .line {
  margin: 0 auto;
}

.about-box .section5 {
  background: #f8f8f8;
  background: url(../img/i40.jpg) no-repeat bottom;
  background-size: cover;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
}

.w1440 {
  width: 1440px;
  margin: 0 auto;
}

.about-box .section2 .p {
  margin-bottom: 90px;
}

.about-box .section .ul .li:nth-child(4n+1) {
  padding-left: 0;
}

.about-box .section3 img {
  width: 100%;
}

.gallery-top {
  position: relative;
}

.gallery-top .swiper-slide-active .item .words {
  transition-delay: .3s;
}
.gallery-top .item {
  height: 500px;
  position: relative;
  padding: 80px;
  box-sizing: border-box;
}
.gallery-top .item .spanbox {
  font-size: 600px;
  line-height: 500px;
  text-align: left;
  color: #fff;
  font-family: "cen";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.gallery-top .item .images, .gallery-top .item .words {
  position: relative;
  z-index: 1;
}

.gallery-top .swiper-slide-active .item .images, .gallery-top .swiper-slide-active .item .words .linebox , .gallery-top .swiper-slide-active .item .words .p0{
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: .8s;
}
.gallery-top .swiper-slide-active .item .words .linebox{
  transition-delay: .3s;
}
.gallery-top .swiper-slide-active .item .words .p0{
  transition-delay: .4s;

 }
.gallery-top .item .images {
  width: 610px;
  height: 315px;
  overflow: hidden;
  transition: .5s;
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: .8s;
}
.gallery-top .item .images img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
  width:100%;
}
.gallery-top .item .words .linebox , .gallery-top .item .words .p0{
  width: 375px;
  padding-left: 0;
  line-height: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: .8s;
}
.gallery-top .item .words .swiper-button-prev {
  position: static;
  margin: 0;
  width: 18px;
  height: 18px;
  background: url(../img/img48.png) no-repeat center;
}
.gallery-top .item .words .swiper-button-next {
  position: static;
  margin: 0;
  width: 18px;
  height: 18px;
  background: url(../img/img47.png) no-repeat center;
}
.gallery-top .item .words .t0 {
  font-size: 30px;
  color: #0e8f36;
  font-weight: bold;
  font-family: "cen";
  font-style: italic;
  margin-top: 24px;
  margin-bottom: 15px;
}
.gallery-top .item .words .t1 {
  font-size: 28px;
  color: #0d2a40;
}
.gallery-top .item .words .line {
  width: 40px;
  height: 1px;
  background: #21a64a;
  margin-top: 25px;
  margin-bottom: 30px;
}
.gallery-top .item .words .p0 {
  line-height: 28px;
  font-size: 15px;
  color: #444444;
  margin-bottom: 33px;
  height: 140px;
}
.gallery-top .item .words .p0 .t-text{
  padding-right:5px;
  box-sizing: border-box;
}
.gallery-thumbs {
  width: 100%;
  height: 30px;
  background: url(../img/line.png) no-repeat bottom;
  background-size: cover;
  margin-top: 40px;
}
.gallery-thumbs .swiper-slide-active .i-item:after {
  opacity: 1;
  transition: .5s;
}
.gallery-thumbs .swiper-slide-active .i-item{
  color:#222;
}
.gallery-thumbs .i-item {
  text-align: center;
  line-height: 1.1;
  color: #888;
  position: relative;
}
.gallery-thumbs .i-item:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #21a64a;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: -18px;
  margin: auto;
  opacity: 0;
  transition: .5s;
}
.gallery-thumbs .i-item .t0 {
  font-size: 14px;
  margin-top: 50px;
}
.gallery-thumbs .i-item .t1 {
  font-size: 15px;
  margin-top: 8px;
}

.pc900 {
  display: block;
}

.m900 {
  display: none;
}

.map-aboutbox.m900 .map .images {
  height: 400px;
}

.map-aboutbox.m900 .map {
  display: none;
}

.map-aboutbox.m900 .leftbox .box .item {
  box-sizing: border-box;
}

.header.flex-fiexed .bocweb-nav .linebox .nav-btn {
  background: url(../img/img2.png) no-repeat center;
  background-size: 100%;
}

.ab-flex-tit .ab-mobile {
  font-size: 16px;
}
.ab-flex-tit .ab-mobile.cur .tit-bot {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.ab-flex-tit .ab-mobile .item {
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
}
.ab-flex-tit .ab-mobile .tit-bot {
  padding: 20px;
  padding-left: 40px;
  box-sizing: border-box;
  display: none;
  position: absolute;
  background: #fff;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}
.ab-flex-tit .ab-mobile .tit-top {
  padding: 0 20px;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  position: relative;
}
.ab-flex-tit .ab-mobile .tit-top:before {
  width: 110px;
  height: 3px;
  left: 20px;
  bottom: -1px;
  background: #003680;
  content: "";
  position: absolute;
}
.ab-flex-tit .ab-mobile .tit-top:after {
  width: 25px;
  height: 25px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background: url(../img/img51.png) no-repeat center;
  background-size: 100%;
  position: absolute;
}

.w1320 {
  width: 1320px;
  margin: 0 auto;
}

.wel-video {
  /*height: 1180px;*/
  padding-bottom: 90px;
  background: #e5eaf0;
  padding-top: 218px;
  box-sizing: border-box;
  position: relative;
}
.wel-video:after {
  position: absolute;
  width: 1.7rem;
  height: 8.3rem;
  content: "";
  left: 0;
  bottom: 0;
  background: #f1f3f7;
}
.wel-video .video0 {
  position: relative;
}
.wel-video .numbox {
  margin-top: 130px;
}
.wel-video .numbox .item {
  float: left;
  padding-left: 48px;
  padding-right: 0;
  border-left: 1px solid #ced2d8;
  box-sizing: border-box;
  line-height: 1.1;
  width:25%;
}
.wel-video .numbox .item .i0 {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  height:40px;
}
.wel-video .numbox .item .i1 {
  font-size: 30px;
  color: #1b9430;
  margin: 20px 0;
}
.wel-video .numbox .item .i1 span{
  font-size: 42px;
  font-weight: bold;
}
.wel-video .numbox .item .i2 {
  font-size: 18px;
  color: #222222;
  line-height: 20px;
  height:40px;
  
}
.wel-video .numbox .item:nth-child(4) {
  padding-right: 0;
}
.wel-video .imagebox {
  padding-top: 115px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.wel-video .imagebox .images {
  width: 565px;
  height: 430px;
  position: relative;
  margin-top: 62px;
}
.wel-video .imagebox .images:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: -62px;
  left: 50px;
  background: #0b2e4f;
  z-index: 1;
}
.wel-video .imagebox .images .img {
  position: relative;
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
}
.wel-video .imagebox .images .img img {
  transition: .5s;
}
.wel-video .imagebox .images .img:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.wel-video .imagebox .images .img:after {
  content: "";
  width: 75px;
  height: 75px;
  position: absolute;
  background: url(../img/img34.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.wel-video .words {
  position: relative;
  width: 787px;
}
.wel-video .words .t0-img {
  margin-right: 72px;
  width: 715px;
  height: 205px;
  position: relative;
  z-index: 1;
}
.wel-video .words .t-box {
  width: 520px;
}
.wel-video .words .t-box .t1 {
  font-size: 51px;
  color: #0d2a40;
  line-height: 1;
  margin-top: 115px;
  margin-bottom: 40px;
  font-weight: bold;
}
.wel-video .words .t-box .t2 {
  font-size: 16px;
  color: #0d2a40;
  line-height: 30px;
  margin-bottom: 35px;
}

.wel-news .item .t1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 26px;
  height: 26px;
}

.wel-news .images .t1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 26px;
  height: 26px;
}

.wel-industrial {
  height: 1160px;
  background: #f1f3f7;
  overflow: hidden;
}
.wel-industrial .industrial .left-words {
  width: 50%;
  height: 100%;
  padding-top: 120px;
  box-sizing: border-box;
}
.wel-industrial .industrial .left-words .investment-list .item {
  float: right;
  margin-right: 10px;
}
.wel-industrial .industrial .investment-list .item .words {
  padding-left: 7%;
}
.wel-industrial .industrial .investment-list .item:after, .wel-industrial .industrial .investment-list .item:before {
  width: 55%;
}
.wel-industrial .industrial .wel-title {
  padding-left: 295px;
  padding-right: 150px;
  box-sizing: border-box;
  margin-bottom: 70px;
}
.wel-industrial .industrial .right-words {
  width: 50%;
  height: 100%;
  padding-top: 123px;
  box-sizing: border-box;
}
.wel-industrial .industrial .right-words .investment-list {
  padding-left: 2%;
  box-sizing: border-box;
}
.wel-industrial .industrial .investment-list .item0 {
  width: 695px;
  height: 390px;
  margin-bottom: 30px;
}
.wel-industrial .industrial .investment-list .item2 {
  width: 575px;
  height: 315px;
}
.wel-industrial .industrial .investment-list .item1 {
  width: 98%;
  height: 565px;
  margin-bottom: 30px;
}
.wel-industrial .industrial .investment-list .item3 {
  width: 642px;
  height: 355px;
}

.wel-title {
  line-height: 1;
}
.wel-title .t0 {
  font-size: 60px;
  color: #222222;
  font-family: Arial;
  font-weight: bold;
}
.wel-title.news .t0{
  font-size: 48px;
}
.wel-title.news .t1{
  font-size: 50px;
}

.wel-news {
  padding-top: 90px;
  padding-bottom: 120px;
  box-sizing: border-box;
}
.wel-news .wel-title {
  text-align: center;
}
.wel-news .news-ton {
  padding-top: 70px;
  box-sizing: border-box;
  position: relative;
  line-height: 1.1;
  font-size: 16px;
}
.wel-news .news-ton a {
  color: #0d2a40;
}
.wel-news .news-ton:before {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  left: 0;
  right: 0;
  background: url(../img/img52.png) no-repeat center;
  background-size: 100%;
  top: 0;
  margin: auto;
}
.wel-news .t1 {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 18px;
  transition: .5s;
}
.wel-news .t2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding-left: 15px;
  position: relative;
}

.wel-title .t1 {
  font-size: 60px;
  color: #0d2a40;
  margin-top: 20px;
  margin-bottom: 40px;
}
.wel-title .t2 {
  color: #0d2a40;
  font-size: 16px;
  line-height: 28px;
}
.wel-news .t2:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: #fff;
  left: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: skew(-10deg);
}
.wel-news .words {
  width: 50%;
  position: relative;
}
.wel-news .words:after {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #000000;
  border-radius: 50%;
  content: "";
  left: -4px;
  bottom: 0;
}
.wel-news .words .t0 {
  color: #0d2a40;
}
.wel-news .words .item {
  height: 140px;
  display: block;
  position: relative;
  padding-left: 70px;
  padding-bottom: 50px;
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
}
.wel-news .words .item:hover .t1 {
  color: #15ab2f;
  transition: .5s;
}
.wel-news .words .item:after {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #000000;
  border-radius: 50%;
  content: "";
  left: -4px;
  top: 0;
}
.wel-news .words .t2 {
  color: #20758f;
}
.wel-news .words .t2:after {
  background: #20758f;
}
.wel-news .images {
  position: relative;
  overflow: hidden;
}
.wel-news .images img {
  transition: .5s;
}
.wel-news .images:hover img {
  transition: .5s;
  transform: scale3d(1.05, 1.05, 1);
}
.wel-news .images .text {
  position: absolute;
  width: 100%;
  bottom: 0;
  color: #fff;
  z-index: 2;
  padding-left: 34px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.wel-news .images:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: url(../img/nbg.png) no-repeat center;
  background-size: 100%;
  top: 0;
}

.w-news-more {
  display: block;
  text-align: center;
  margin-top: 45px;
}
.w-news-more span {
  display: inline-block;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #15ab2f;
}
.w-news-more span:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 22px;
  left: 0;
  background: url(../img/img53.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-video .imagebox .images .img:after{
  opacity: 0;
}
.wel-video .imagebox.animate .images .img:after{
  opacity: 1;
  transition:.5s;
  transition-delay: 1s;
}
.wel-video .video0 {
  /*overflow: hidden;*/
}

.wel-video .imagebox .images {
  /*overflow: hidden;*/
  position: relative;
}
.wel-video .imagebox .images .img {
  width: 100%;
  height: 100%;
  height: 30%;
  transition:1s cubic-bezier(0.35, 0, 0, 1);
  position: absolute;
  bottom:0;

}
.wel-video .imagebox .images .img img{
   transform: translateY(100%);
}
.wel-video .imagebox.animate .images .img img{
  transform: translateY(0);
}
.wel-video .imagebox.animate .images .img {
  height: 100%;
   transition:1s cubic-bezier(0.35, 0, 0, 1);
}
.wel-video .imagebox.animate .images .imgbox {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
.wel-video .imagebox.animate .images .imgbox:hover .img{
  transition:.5s;
  transform: scale3d(1.05,1.05,1);
}

.wel-industrial .industrial .left-words .investment-list .item2:after, .wel-industrial .industrial .left-words .investment-list .item2:before {
  right: auto;
  left: -12%;
}

.wel-industrial .industrial .investment-list .item2 .words {
  right: auto;
  left: 0;
  padding-left: 50px;
  padding-right: 9%;
}

@keyframes line2 {
  0% {
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform: scale3d(30, 30, 30);
  }
}
@keyframes line3 {
  0% {
    transform: scale3d(30, 30, 30);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.front-box {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  cursor: pointer;
  opacity: 0;
  transform: scale3d(.1,.1,1);
  background: rgba(255, 255, 255, 1);
}

.front-box.click {
  opacity: 1;
  animation: line2 1s ease-out forwards alternate;
}

.wel-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 35;
  display: none;
  animation: line3 1s ease-out forwards alternate;
}

.header .bocweb-nav .nav-li .li-top {
  position: relative;
}
.header .bocweb-nav .nav-li .li-top:after {
  width: 36px;
  height: 16px;
  content: "";
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  background: url(../img/img54.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
}

.nav-input {
  font-size: 16px;
  color: #9f9f9f;
  width: 885px;
  height: 115px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 120px;
  padding: 28px 35px;
  padding-left: 38px;
  box-sizing: border-box;
  display: none;
}
.nav-input:after {
  width: 36px;
  height: 16px;
  content: "";
  top: -16px;
  right: 0;
  position: absolute;
  background: url(../img/img54.png) no-repeat center;
  background-size: 100%;
}
.nav-input .box {
  position: relative;
  height: 100%;
}
.nav-input input[type=text] {
  width: 100%;
  height: 100%;
  background: #f1f3f7;
  padding-left: 25px;
  box-sizing: border-box;
}
.nav-input input[type=submit] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  text-indent: -999px;
  top: 0;
  padding: 0;
}
.nav-input .submit {
  width: 90px;
  height: 100%;
  background: url(../img/s.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: .5s;
}
.nav-input .submit:hover {
  opacity: .8;
  transition: .5s;
}
.nav-input input {
  border: none;
  background: none;
  outline: none;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.04, 0.35, 0.25, 0.98);
    animation-timing-function: cubic-bezier(0.04, 0.35, 0.25, 0.98);
  }
  50% {
    opacity: 0;
    height: 2px;
    top: 20px;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.04, 0.35, 0.25, 0.98);
    animation-timing-function: cubic-bezier(0.04, 0.35, 0.25, 0.98);
  }
  50% {
    opacity: 0;
    height: 2px;
    top: 20px;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
.wel-video .numbox {
  position: relative;
  z-index: 3;
}

.wel-dd {
  width: 25px;
  height: 80px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

.mainImage__scroll {
  width: 21px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 50px;
  z-index: 3;
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transform-origin: center bottom;
  moz-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -webkit-perspective: 500px;
  perspective: 500px;
}

.mainImage__scroll:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.mainImage__scrollIcon {
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 2;
  display: block;
  margin: 0 auto;
  width: 1px;
  height: 8px;
  background: #fff;
  -webkit-animation: fadeOutDown 2s infinite;
  animation: fadeOutDown 2s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mainImage__scroll:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 10px;
  width: 1px;
  height: 50px;
  background: #fff;
}

.wel-banner {
  overflow: hidden;
}
.wel-banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 1;
  position: relative;
  background: transparent;
}
.wel-banner .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s;
  background: #fff;
  border-radius: 50%;
}
.wel-banner .swiper-pagination-fraction, .wel-banner .swiper-pagination-custom, .wel-banner .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 80px;
}
.wel-banner .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
}
.wel-banner .swiper-pagination-bullet-active:after {
  width: 100%;
  height: 100%;
  transition: .5s;
}
.wel-banner .item {
  position: relative;
}
.wel-banner .item .words {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 40px;
  padding-bottom: 125px;
  box-sizing: border-box;
}
.wel-banner .item .words .img {
  width: 525px;
  height: 250px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(60px);
}
.wel-banner .item .words .text {
  width: 1100px;
  padding-top: 65px;
  box-sizing: border-box;
}
.wel-banner .item .words .bbot {
  line-height: 36px;
  font-size: 30px;
  color: #ffffff;
  padding-left: 45px;
  box-sizing: border-box;
  position: relative;
  margin-top: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);

}
.wel-banner .item .words .bbot:after {
  width: 30px;
  height: 30px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i4.png) no-repeat center;
  background-size: 100%;
}
.wel-banner .item .words .ttop0 {
  height: 30px;
  position: relative;
  padding-left: 35px;
  box-sizing: border-box;
}
.wel-banner .item .words .ttop0 .t0 {
  font-size: 24px;
  color: #fff;
  float: left;
  position: absolute;
  left: 0;
  height: 30px;
  line-height: 30px;
  font-family: Arial;
}
.wel-banner .item .words .ttop0 .t1 {
  font-size: 178px;
  color: #ffffff;
  font-family: "cen";
  float: right;
  line-height: 1;
  position: absolute;
  top: -60px;
  right: -30px;
}
.wel-banner .item .words .ttop0 .line {
  width: 765px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 35px;
}
.wel-banner .item .words .ttop0 .line.cur:after {
  width: 100%;
  transition: .5s;
}
.wel-banner .item .words .ttop0 .line:after {
  width: 0;
  height: 2px;
  background: #fff;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  /*transition:4s;*/
}

.wel-news .images {
  width: 580px;
  height: 374px;
}

.wel-banner {
  height: 9.8rem;
}
.wel-banner .item {
  display: block;
}
.wel-banner .images {
  height: 9.8rem;
  transform: scale3d(1, 1, 1);
  transition: all 3s cubic-bezier(0.04, 0.79, 1, 1) ;
  
}
.wel-banner .swiper-slide {

}
.wel-banner .swiper-slide-active {
 
}
.wel-banner .swiper-slide-active .images {
  transform: scale3d(1.2, 1.2, 1);
  transition: all 3s cubic-bezier(0.04, 0.79, 1, 1) ;
 
}
.wel-banner .swiper-slide-active .item .words .ttop0 .line:after {
  width: 100%;
  transition: 4s;
}
.wel-banner .swiper-slide-active .item .words .img {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: .8s;
}
.wel-banner .swiper-slide-active .item .words .bbot {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: .8s;
  transition-delay: .5s;

}
.wel-banner .imageboxs {
  overflow: hidden;
}

.wel-bannerbox {
  position: relative;
}
.wel-bannerbox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 30;
}

.wel-bannerbox.animate:after {
  width: 0;
  transition: all 1s cubic-bezier(0.04, 0.79, 1, 1);
}

.mbox {
  display: none;
}

.pcbox {
  display: block;
}

@media screen and (max-width: 1700px) {
  .w1580 {
    width: 90%;
  }
  .gallery-top .item .images {
      width: 56%;
      height: auto;
  }
  .about-box .section .words{
    padding:0 80px;
  }
  .values .value-img{
    margin-left: 0;
  }
  .section5 .gallery-top .item .words {
      width: 35%;
  }
  .header .bocweb-nav .nav-li .li-top span{
    padding-top:43px;
  }
  .header .bocweb-nav .nav-li .li-top {
    /*width: 130px;*/
    width:auto;
    padding:0 10px;

  }

  .culture-conbox .flex-left-box {
    left: 1rem;
  }

  .flex-left-box {
    left: 1rem;
  }

  .investment-box .flex-left-box {
    left: 1rem;
  }

  .gallery-top {
    width: 80%;
  }

  .gallery-top .item {
    overflow: hidden;
  }

  .gallery-top .item .spanbox {
    font-size: 540px;
    text-align: center;
  }

  .about-banner .conwords {
    width: 90%;
  }

  .wel-banner .item .words .text {
    width: 62%;
  }

  .wel-banner .item .words .img {
    width: 30%;
    height: auto;
  }

  .wel-title .t0 {
    font-size: 50px;
  }

  .wel-title .t1 {
    font-size: 50px;
  }
  .wel-title.news .t0{
    font-size: 38px;
  }
  .wel-title.news .t1{
    font-size: 40px;
  }


  .itembox0{
    width: 750px;
  }
  .wel-video .words .t-box .t1 {
    font-size: 42px;
  }
  .case .case-box .images img{
    width: 100%;
  }
  .itembox0 .itemright{
    width: 70%;
  }

  .itembox0 .itemleft{
    width: 30%;
    line-height: 1.5;
    padding-left: 12px;
  }
  .itembox0 .item00d .itemright{
    /*width: 70%;*/
  }

}
@media screen and (max-width: 1600px) {
  .header .bocweb-nav .nav-li .li-top {
    /*width: 115px;*/
  }
  .gallery-top .item .words .p0{
    width:100%;
  }
  .about-box .section .words{
    padding:0 45px;
  }

  .header .bocweb-nav .nav-li .li-bot{
    padding-left: 25px;
  }

  .wel-news .t1 {
    font-size: 22px;
  }

  .wel-industrial .industrial .wel-title {
    padding-left: 32%;
    padding-right: 16%;
  }

  .wel-video .words .t-box .t1 {
    font-size: 38px;
  }

  .wel-title .t0 {
    font-size: 40px;
  }

  .wel-title .t1 {
    font-size: 40px;
  }
  .wel-title.news .t0{
    font-size: 32px;
  }
  .wel-title.news .t1{
    font-size: 34px;
  }

  .gallery-top .item .spanbox {
    font-size: 500px;
  }

  .about-banner .conwords {
    width: 95%;
  }

  .wel-banner .item .words .ttop0 .t1 {
    font-size: 150px;
  }

  .wel-banner .item .words .bbot {
    font-size: 24px;
  }

  .wel-banner .item .words .img {
    width: 25%;
  }

  .header {
    padding: 0 30px;
    padding-left: 35px;
  }

  .about-box .section2 .p {
    margin-bottom: 70px;
  }

  .header.active {
    top: 0;
  }

  .w1580 {
    width: 95%;
  }

  .investment-list .item .tit {
    font-size: 24px;
  }

  .investment-list .item .more {
    margin-top: 20px;
  }

  .investment-list .item {
    height: 400px;
  }

  .investment-list .item.item1 .tit {
    line-height: 1.3;
  }

  .investment-list .item.item1 .words {
    height: 90px;
  }

  .about-box .section1 .p {
    margin-bottom: 90px;
  }

  .about-box .section4 {
    height: auto;
    padding-bottom: 110px;
  }

  .newsbox .w1160 {
    float: right;
    margin-right: 20px;
  }

  .news-conbox {
    padding-top: 130px;
  }
  .news-conbox.w1580 {
    max-width: 1360px;
  }

  .conbanner .conwords .left .image {
    width: 350px;
  }

  .conbanner .conwords .left .text {
    margin-top: 25px;
  }

  .conbanner .conwords .more {
    margin-top: 40px;
  }

  .conbanner {
    padding-top: 200px;
  }

  .conbanner .conwords .right .word {
    padding: 35px 25px;
    height: auto;
  }

  .conbanner .conwords .right .text {
    line-height: 75px;
    height: 75px;
  }

  .investment-box .coldbox {
    width: 85%;
  }

  .conbanner .conwords .right .word .t0 {
    font-size: 22px;
    line-height: 1.5;
  }

  .conbanner .conwords .right .word .t {
    margin-top: 40px;
  }

  .about-banner .conwords .images {
    width: 350px;
    height: auto;
  }

  .wel-video {
    height: auto;
    padding-top: 165px;
    padding-bottom: 90px;
  }

  .wel-industrial {
    height: auto;
  }

  .wel-video .numbox {
    /*margin-top: 110px;*/
  }

  .wel-industrial .industrial .left-words {
    padding-top: 90px;
  }
  .itembox0{
    width: 700px;
  }
}
@media screen and (max-width: 1480px) {
  .bocweb-footer .bocweb-footer-contact .li {
    margin-right: 60px;
    line-height: 28px;
  }
  .header .bocweb-nav .nav-li .li-top span{
    padding-top:35px;
  }
  .header .bocweb-nav .nav-li a{
    font-size: 14px;
  }
  .text-more{
    padding-left:20px;
  }
  .header .bocweb-nav .nav-li .li-bot a.more{
    max-width:100%;
    width:auto;
  }
  .culture-conbox .section2 .swiper-images .items .word{
    padding: .5rem .65rem;
  }
  .culture-conbox .section2 .swiper-images .items .word{
    font-size: 14px;
    line-height: 24px;

  }
  .culture-conbox .section2 .swiper-images .items .word .line{
    margin:10px 0;
  }
  .culture-conbox .section2 .swiper-images .items .word .t0{
    font-size: 20px;
  }
  .casebox .w1160{
    float:right;
  }
  .investment-text.fixed-bottom .fixed .item{
    top: 0;
  }
  .investment-text.fixed-bottom .fixed{
    top: 60px;
  }
  .structure .s-title{
    font-size: 24px;
  }
  .structure .s-ul .li{
    width: 22%;
    margin-left: 4%;
  }
  .structure .li-bot .item{
    font-size: 13px;
  }
  .structure .s-ul .li2 .li-top{
    padding-top: 10px;
  }
  .structure .s-ul .li0 .li-top{
    /*padding-top: 10px;*/
  }

  .structure .li-top{
    font-size: 16px;
  }
  .about-box .structure .li-top img{
    max-width: 45px;
    max-height: 45px;
  }
  .structure .li-top{
    height: auto;
  }

  .culture-conbox .flex-left-box {
    left: .5rem;
  }

  .investment-box .flex-left-box {
    left: .5rem;
  }

  .about-banner .conwords .words {
    padding: 35px 0;
  }

  .investment-list .item {
    height: 330px;
  }

  .join {
    padding-bottom: 120px;
  }

  .news-conbox.w1580 {
    max-width: 100%;
  }

  .bocweb-footer .bot {
    height: auto;
    padding-bottom: 60px;
    box-sizing: border-box;
  }

  .join .join-tit {
    margin-top: 70px;
    margin-bottom: 40px;
  }

  .bocweb-footer {
    height: auto;
    font-size: 14px;
  }

  .bocweb-footer .top {
    height: 380px;
    padding-top: 76px;
  }

  .bocweb-footer .bocweb-footer-contact .li .litop {
    font-size: 18px;
  }

  .bocweb-footer .right .tit {
    font-size: 18px;
  }

  .header .bocweb-nav .nav-li .li-top {
    line-height: 90px;
    height: 90px;
  }

  .header {
    height: 90px;
  }

  .header .abox .nav-li {
    padding-top: 25px;
  }

  .header .bocweb-nav .linebox {
    padding-top: 35px;
  }

  .header .bocweb-logo a {
    height: 90px;
  }

  .header .abox {
    margin-left: 20px;
  }

  .casedetails {
    padding-bottom: 135px;
  }

  .investment-box .coldbox {
    float: right;
    margin-right: 20px;
  }

  .investment-text .item {
    height: 70px;
    line-height: 1.1;
    padding-top:15px;
  }

  .conbanner {
    padding-top: 160px;
  }

  .conbanner .conwords .left .image {
    width: 300px;
  }

  .conbanner .conwords .right .word .t {
    margin-top: 30px;
  }

  .conbanner .conwords .right .word .t0 {
    font-size: 20px;
  }

  .investment-text {
    margin-top: -70px;
  }

  .investment-text .item {
    font-size: 16px;
  }

  .manufacturing-box .ul .images {
    width: 24%;
    height: auto;
    margin-left: 1.3333333333%;
  }

  .manufacturing-box .text-ul .item .t0 {
    font-size: 26px;
  }

  .ab-tit .t0 {
    font-size: 22px;
  }

  .values .value-text .item .left {
    font-size: 24px;
  }

  .value .value-images {
    margin-top: 60px;
  }

  .about-box .section {
    padding-top: 80px;
  }


  .about-banner .conwords .words .more {
    margin-top: 18px;
  }

  .culture-box .w1160 {
    width: 85%;
    margin-right: 3%;
    float: right;
  }

  .swiper-culture2 .word .tit {
    font-size: 16px;
  }

  .culture-conbox .section2 .swiper-images .item {
    width: 49%;
    margin-left: 2%;
  }

/*  .about-box .section .words {
    padding-left: 110px;
  }*/

  .about-box .section1 {
    padding-bottom: 80px;
  }

  .section5 .gallery-top .item .words {
    padding: 0;
  }

  .gallery-top {
    width: 85%;
  }

  .gallery-top .item {
    padding: 60px;
    height: 460px;
  }

  .about-box .w1160 {
    width: 85%;
    margin-right: 3%;
    float: right;
  }

  .swiper-about1 .item {
    width: 24%;
    margin-left: 1.33%;
  }
  .swiper-about1 .item .img {
    width: 100%;
    height: auto;
    padding:25px 20px;
  }

  .map-aboutbox .left {
    width: 23%;
  }
  .swiper-about1 .item .img img{
    position: static;
    margin: 0 auto;
    width:100%;
  }

  .map-aboutbox .map {
    width: 77%;
  }

  .gallery-top .item .images {
    width: 56%;
    height: auto;
  }
  .gallery-top .item .images img {
    width: 100%;
  }

  .section5 .gallery-top .item .words {
    width: 35%;
  }

  .gallery-top .item {
    height: auto;
  }

  .gallery-thumbs .w1440 {
    width: 100%;
  }

  .gallery-thumbs {
    background: url(../img/line0.png) no-repeat center;
    background-size: 100%;
    margin-top: 25px;
  }

  .gallery-top .item .spanbox {
    font-size: 450px;
  }

  .about-box .section5 {
    height: auto;
    padding-bottom: 180px;
  }

  .wel-banner .item .words {
    padding-left: 25px;
    padding-bottom: 90px;
  }

  .wel-banner .item .words .ttop0 .line {
    width: 80%;
  }

  .wel-video {
    padding-top: 135px;
    padding-bottom: 70px;
  }

  .wel-video .words .t-box .t1 {
    margin-top: 90px;
    margin-bottom: 25px;
  }

  .wel-banner .swiper-pagination-fraction, .wel-banner .swiper-pagination-custom, .wel-banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 60px;
  }

  .wel-video .numbox {
    /*margin-top: 90px;*/
  }

  .wel-video .numbox .item .i1 {
    font-size: 30px;
    margin: 15px 0;
  }
  .wel-video .numbox .item .i1 {
    font-size: 32px;
  }

  .wel-video .numbox .item .i0 {
    font-size: 16px;
  }

  .wel-video .numbox .item .i2 {
    font-size: 16px;
  }

  .itembox0 {
    width: 600px;
    padding-top: 30px;
  }

  .itembox0 .itemleft {
    width: 35%;
    margin-bottom: 15px;
  }

  .itembox0 .itemright {
    width: 65%;
  }

  .header .bocweb-nav .nav-li .li-bot {
    padding-left: 25px;
  }

  .itembox0 .itemright .tit {
    font-size: 24px;
  }

  .header .bocweb-nav .nav-li.mk07 .li-bot {
    left: -300px;
  }

  .header .bocweb-nav .nav-li.mk06 .li-bot {
    left: -300px;
  }
  .header .bocweb-nav .nav-li.mk05 .li-bot{
    left: -300px;
  }

  .itembox0 .itemleft {
    font-size: 14px;
  }
   .about-box .section .ul .li{
        padding: 0 15px!important;
    max-width: 25%;
   }
  .about-box .section .ul .li img{
    width: auto;
    height: auto;
  }
  .flex-left-box {
    left: .5rem;
  }
  .itembox0 .item00d .itemright .fl{
    width: 200px;
    height: auto;
  }
  .itembox0.itembox0d{
    width: 800px;
  }
  .itembox0.itembox0d{
    width: 735px;
  }
  .itembox0 .item00d .itemright{
    width: 540px;
  }
  .header .bocweb-nav .nav-li.mk02 .li-bot{
    margin-left: -60px;
  }



}
@media screen and (max-width: 1400px) {
  .newsbox .w1160 {
    width: 85%;
  }

  .wel-news .t1 {
    font-size: 20px;
  }

  .gallery-top .item {
    padding: 40px 50px;
  }

  .swiper-about1 .item .img img {
    /*max-width: 90%;*/
  }

  .gallery-top .item .words .t0 {
    font-size: 24px;
  }

  .gallery-top .item .words .t1 {
    font-size: 22px;
  }

  .gallery-top .item .words .p0 {
    font-size: 14px;
    line-height: 24px;
  }

  .contact .contact-top {
    margin-top: 60px;
  }

  .contact {
    padding-bottom: 100px;
  }

  .news-item .item-top .item {
    height: auto;
  }

  .news-item .item-top .item .words {
    position: absolute;
  }

  .news-item .item-bot .item {
    width: 49%;
    margin-left: 2%;
  }

  .news-item .item-top {
    margin-top: 60px;
  }

  .kende-tit .en {
    font-size: 40px;
  }

  .kende-tit .en:after {
    width: 40px;
    height: 40px;
  }

  .news-item .item-top .swiper-pagination {
    bottom: 20px;
  }

  .kende-tit .cn {
    font-size: 40px;
  }

  .news-conbox {
    padding-top: 100px;
  }

  .news-item .item-bot .item .tit {
    font-size: 22px;
    line-height: 28px;
    height: 28px;
  }

  .news-item .item-top .item .words .tit {
    font-size: 22px;
    line-height: 28px;
    height: 56px;
  }

  .news-item .item-top .item .words .span {
    margin-top: 13px;
    margin-bottom: 28px;
  }

  .video .video-box .item {
    width: 49%;
    margin-left: 2%;
    height: auto;
  }

  .video {
    margin-top: 60px;
    padding-bottom: 90px;
  }

  .video .video-box {
    margin-bottom: 30px;
  }

  .case {
    margin-top: 60px;
    padding-bottom: 90px;
  }

  .sel_ul ul li .li {
    line-height: 70px;
    height: 70px;
    font-size: 22px;
  }

  .join-tit .t0 {
    font-size: 24px;
  }

  .join-tit .line {
    margin: 25px 0;
  }

  .sel_ul ul li .yin .tit {
    font-size: 18px;
  }

  .sel_ul ul li .yin h3 {
    font-size: 18px;
  }

  .detail-fixed-right {
    right: 20px;
  }

  .investment-text .item {
    padding-left: 35px;
  }

  .investment-text .item img {
    max-width: 40px;
    max-height: 40px;
    right: 35px;
  }

  .conbanner .conwords .right .word .t0 {
    font-size: 18px;
  }

  .conbanner .conwords .right .word {
    font-size: 14px;
  }

  .conbanner .conwords .right .word .t {
    margin-top: 20px;
  }

  .cold-swiper .item {
    height: auto;
  }

  .cold-swiper {
    margin-top: 80px;
  }

  .investment-box .coldbox .tit {
    font-size: 24px;
  }

  .investment-box .coldbox .words {
    padding-left: 100px;
  }

  .manufacturing-box .text-ul .item .t1 {
    line-height: 24px;
  }

  .manufacturing-box .text-ul .item .t0 {
    font-size: 24px;
  }

  .manufacturing-box .text-ul .item .t0 {
    font-size: 22px;
  }

  .swiper-about1 .item .word {
    padding: 15px 0;
  }

  .swiper-about1 .item .img {
  }

  .swiper-about1 .item {
    margin-bottom: 40px;
  }

  .w1320 {
    width: 95%;
  }

  .wel-video .words {
    width: 60%;
  }

  .wel-video .words .t-box {
    width: 70%;
  }

  .wel-video .imagebox {
    width: 43%;
  }

  .wel-video .imagebox .images {
    width: 100%;
    height: auto;
  }
  .opacity{
  }

  .wel-video .words .t0-img {
    width: 100%;
    height: auto;
  }

  .wel-video .numbox .item {
    padding-left: 4%;
    padding-right: 5%;
  }

  .wel-industrial .industrial .investment-list .item1 {
    height: 5.6rem;
    width: 9.4rem;
  }

  .wel-industrial .industrial .investment-list .item0 {
    width: 8.28rem;
    height: 4.68rem;
  }

  .wel-industrial .industrial .investment-list .item2 {
    width: 6.84rem;
    height: 3.78rem;
  }

  .wel-industrial .industrial .investment-list .item3 {
    width: 7.8rem;
    height: 4.32rem;
  }

  .wel-industrial .industrial .investment-list .item .more {
    font-size: 13px;
  }

  .wel-industrial .industrial .investment-list .item0 {
    margin-bottom: 20px;
  }

  .wel-news .images {
    width: 45%;
    height: auto;
  }

  .wel-news .words .item {
    height: auto;
    padding-bottom: 40px;
    padding-left: 60px;
  }

  .wel-title .t1 {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 14px;
  }

  .wel-title .t0 {
    font-size: 30px;
  }

  .investment-list .item .tit {
    font-size: 22px;
  }

  .wel-title.news .t0{
    font-size: 26px;
  }
  .wel-title.news .t1{
    font-size: 28px;
  }
  .wel-video .words .t-box .t1 {
    font-size: 28px;
    margin-top: 70px;
    margin-bottom: 20px;
  }

  .wel-video .imagebox .images:after {
    top: -50px;
    left: 40px;
  }

  .wel-news {
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .wel-news .item .t1, .wel-news .images .t1 {
    line-height: 24px;
    height: 24px;
  }

  .wel-banner .item .words .bbot {
    font-size: 20px;
    margin-top: 20px;
  }

  .wel-banner .item .words .bbot:after {
    width: 24px;
    height: 24px;
  }

  .wel-industrial .industrial .left-words {
    padding-top: 75px;
  }

  .header .bocweb-nav .nav-li .li-top:after {
    width: 28.8px;
    height: 12.8px;
  }

  .nav-input {
    width: 600px;
    height: 90px;
    font-size: 14px;
    padding: 18px 22px;
  }

  .itembox0 .itemright .wop {
    font-size: 14px;
  }
  .video-fixed .videobox {
    width: 70%;
    height: 500px;
  }

  .culture-conbox .section2 .swiper-images .item .span{
    font-size: 16px;
  }
  .cold-swiper .item .span{
    font-size: 16px;
  }
  .flex-left-box a{
    line-height: 1.5;
    margin-top: 15px;
  }
}
@media screen and (max-width: 1350px) {
  .header .bocweb-nav .nav-li .li-top {
    /*width: 100px;*/
  }
  .header .bocweb-nav .nav-li a{
    font-size: 13px;
  }
  .header .bocweb-nav .nav-li .li-top{
    padding:0 6px;
  }
  .values .value-img{
    width: 300px;
    height: auto;
  }
  .case-images .items{
    width: 15%;
    margin-left: 2%;
    height: auto;
    margin-bottom: 15px;
  }
  .header .bocweb-nav .nav-li .li-bot a.more{
    line-height: 45px;
  }
  .investment-list .item:after, .investment-list .item:before{
    width: 60%;
  }
  .structure .s-title{
    font-size: 20px;
  }

  .structure .s-ul .li {
    width: 24%;
    margin-left: 1.333%;
  }
  .structure .li-top{
    padding-left: 20px;
  }
  .about-box .structure .li-top img{
    right: 15px;
    max-width: 35px;
    max-height: 35px;
  }

  .investment-list .item .words {
    width: 50%;
  }

  .wel-video .numbox .item .i1 {
    font-size: 24px;
  }
  .wel-video .numbox .item .i1 span{
    font-size: 26px;
  }



  .cold-swiper {
    margin-top: 65px;
  }

  .gallery-top .item .spanbox {
    font-size: 400px;
  }

  .contact .contact-top .item .span {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .investment-box .coldbox .words {
    padding-left: 75px;
  }

  .conbanner .conwords .right .text {
    height: 70px;
    line-height: 70px;
  }

  .join {
    padding-bottom: 80px;
  }

  .contact {
    padding-bottom: 80px;
  }

  .investment-list .item {
    height: 300px;
  }

  .investment-list .item .tit {
    font-size: 20px;
  }

  .header .bocweb-nav .nav-li a {
    font-size: 14px;
  }

  .header .abox {
    margin-left: 10px;
  }

  .contact .contact-top .item {
    width: 24%;
    margin-left: 1.3333333333%;
  }

  .bocweb-footer .top {
    padding-top: 60px;
        padding-bottom: 30px;
    height: auto;
  }

  .contact .contact-map .map-bot .item {
    width: 32%;
    margin-left: 2%;
  }

  .bocweb-footer .bocweb-footer-contact .li .litop {
    font-size: 16px;
  }

  .bocweb-footer .right .tit {
    font-size: 16px;
  }

  .bocweb-footer .bocweb-footer-contact .li {
    margin-right: 40px;
  }

  .bocweb-footer .bot {
    padding-bottom: 45px;
  }

  .bocweb-footer .bot .fl select {
    width: 180px;
    background-position: 90% center;
  }

  .bocweb-footer .bocweb-footer-contact .li .litop {
    margin-bottom: 20px;
  }

  .casebox .w1160 {
    width: 85%;
  }


  .case .case-box .item {
    position: relative;
    height: auto;
  }

  .case .case-box .words {
    position: absolute;
  }

  .case .case-box .span {
    font-size: 22px;
    margin-top: 28px;
    margin-bottom: 12px;
  }

  .case .case-box .p {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 30px;
  }

  .text-more {
    width: 200px;
    height: 45px;
    line-height: 45px;
  }

  .casedetails .casedetails-top {
    position: relative;
  }

  .casedetails .casedetails-top .images {
    width: 50%;
    height: auto;
  }

  .casedetails .casedetails-top .words {
    width: 46%;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  .casedetails .casedetails-top .words .t1 {
    line-height: 56px;
  }

  .casedetails .casedetails-top .words .t0 {
    font-size: 24px;
  }

  .casedetails .casedetails-top .words .t1 span {
    font-size: 24px;
    margin-right: 20px;
  }

  .casedetails .casedetails-bot {
    padding-top: 50px;
    font-size: 14px;
    line-height: 24px;
  }

  .casedetails .casedetails-bot .title {
    font-size: 22px;
    padding-bottom: 25px;
    margin-bottom: 20px;
  }

  .casedetails .casedetails-top {
    margin-top: 60px;
  }

  .casedetails {
    padding-bottom: 110px;
  }

  .manufacturing-box .text-ul {
    width: 95%;
  }

  .manufacturing-box .text-ul .item {
    width: 49%;
    margin-left: 2%;
  }

  .wel-news .item .t1, .wel-news .images .t1 {
    line-height: 20px;
    font-size: 16px;
    height: 20px;
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .wel-news .news-ton {
    font-size: 14px;
  }

  .wel-news .words .item {
    padding-bottom: 6%;
  }

  .wel-title .t2 {
    font-size: 14px;
    line-height: 25px;
  }

  .wel-video .words .t-box .t2 {
    font-size: 14px;
    line-height: 25px;
  }
}
@media screen and (max-width: 1190px) {
  .header .bocweb-nav .nav-li .li-top {
    width: 80px;
  }


  .wel-video .numbox .item {
    padding-right: 3%;
  }

  .gallery-top .item .spanbox {
    font-size: 350px;
    line-height: 400px;
    height: 400px;
  }

  .about-banner .conwords .words {
    width: 500px;
  }

  .casedetails .casedetails-bot .title {
    font-size: 20px;
  }

  .header {
    padding: 0 20px;
  }



  .case .case-box .words {
    padding: 35px 40px;
  }

  .casedetails .casedetails-top .words .t0 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .casedetails .casedetails-top .words .t1 {
    line-height: 50px;
  }

  .video .video-box .span {
    font-size: 16px;
  }

  .newsbox .w1160 {
    margin-right: 0;
  }

  .kende-tit .en {
    font-size: 28px;
  }

  .kende-tit .cn {
    font-size: 30px;
  }

  .news-item .item-top .item .words .tit {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }

  .news-item .item-top .item .words {
    padding: 30px;
  }

  .news-item .item-top .swiper-pagination {
    padding-left: 30px;
  }

  .news-item .item-bot .item .tit {
    font-size: 18px;
  }

  .pagination a {
    width: 40px;
    line-height: 40px;
    height: 40px;
  }

  .flex-left-box {
    left: 0;
  }

  .newsbox .w1160 {
    width: 90%;
  }

  .kende-tit .en:after {
    width: 28px;
    height: 28px;
  }

  .conbanner .conwords {
    width: 95%;
  }

  .conbanner .conwords .left .image {
    width: 230px;
  }

  .values .value-text {
    max-width: 60%;
  }

  .values .value-img {
    max-width: 35%;
    /*width: 200px;*/
    /*height: 200px;*/
  }

  .values .value-text .item .left {
    font-size: 20px;
  }

  .values .value-text .item .right.cur {
    font-size: 14px;
    /*line-height: 24px;*/
    margin-left: 20px;
  }

  .values .value-text .item {
    /*height: 80px;*/
    /*line-height: 80px;*/
  }

  .value .value-images {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1180px) {
  .investment-tbanner {
    height: 730px !important;
  }
  .wel-video .numbox .item .i0{
    height: 60px;
  }

  .conbanner .conwords .left {
    width: 60%;
  }

  .conbanner .conwords .right {
    width: 25%;
  }

  .investment-text .item {
    font-size: 14px;
    padding-left: 15px;
  }

  .investment-text .item img {
    max-width: 30px;
    max-height: 30px;
    right: 15px;
  }

  .investment-box .coldbox {
    padding-top: 70px;
  }

  .cold-swiper {
    margin-top: 45px;
  }
  .investment-text .item:hover img{
    right: 20px;
  }
  .contact .contact-map .map-bot .item .ul .li{
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .mbox {
    display: block;
  }
  .case-images .items{
    width: 32%;

  }
  .wel-video .numbox .item .i2{
    height: auto;
  }
  .wel-video .numbox .item .i0{
    height: auto;
  }
  .case-images .items:nth-child(6n+1){
    margin-left:2%;
  }
  .case-images .items:nth-child(3n+1){
    margin-left:0;
  }
  .gallery-top .item .words .p0{
    padding:0;
    box-sizing: border-box;
  }
    .casebox .w1160 {
    width: 100%;
  }
  .investment-text.fixed-bottom{
    display: block!important;
  }
  .cold-swiper .item .span{
    font-size: 15px;
    opacity: 1;
  }
  .wel-video .imagebox .images .img:after{
    width: 50px;
    height: 50px;
  }
  .news-conbox {
    min-height: 400px;
  }

  .about-box .w1160 {
    width: 100%;
    float: none;
    margin: 0;
  }

  .about-banner {
    padding-top: 0;
    height: auto !important;
    background: none !important;
  }
  .about-banner img.mbox {
    width: 100%;
  }
  .about-banner .conwords {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 100px;
    box-sizing: border-box;
  }

  .about-box .section .words {
    padding-left: 0;
  }

  .investment-box .coldbox {
    width: 90%;
    margin: 0 auto;
    float: none;
  }

  .investment-box .coldbox .words {
    padding-left: 0;
  }

  .cold-swiper .item img {
    width: 100%;
  }

  .contact .contact-top .item {
    font-size: 14px;
  }

  .contact .contact-map .map-bot {
    margin-top: 60px;
  }

  .contact .contact-map .map {
    height: 500px;
  }

  .case .case-box .span {
    font-size: 18px;
    margin-top: 22px;
  }

  .video .video-box .span:after {
    width: 33.6px;
    height: 22.4px;
    bottom: 0;
    left: 10px;
    margin: auto;
  }

  .contact .contact-map .map-bot .item .i0 {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .contact .contact-top .item .span {
    font-size: 18px;
  }

  .video .video-box .span {
    bottom: 10px;
    padding-left: 50px;
  }

  .contact .contact-map .map-bot .item {
    padding: 32px 0;
    padding-bottom: 25px;
  }

  .pcbox {
    display: none;
  }

  .investment-list .item .tit {
    font-size: 16px;
  }

  .investment-list .item .words {
    padding-left: 10%;
  }

  .investment-list .item .more {
    margin-top: 10px;
  }

  .investment-list .item {
    height: 240px;
  }

  .flex-left-box {
    display: none;
  }

  .newsbox .w1160 {
    width: 100%;
  }

  .news-conbox {
    padding-top: 125px;
  }

  .news-item .item-bot .item {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .news-item .item-top .item .words .span {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }

  .news-item .item-top .item .words .tit {
    font-size: 16px;
  }

  .news-item .item-bot .item .span {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }

  .news-item .item-bot .item .tit {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    margin-top: 12px;
    margin-bottom: 8px;
  }

  .sel_ul ul li.cur .li {
    padding: 0 30px;
  }

  .sel_ul ul li .li .num {
    right: 25px;
  }

  .sel_ul ul li .yin {
    padding: 25px 40px;
    padding-bottom: 45px;
  }

  .sel_ul ul li .li {
    padding: 0 30px;
  }

  .join {
    padding-bottom: 65px;
  }

  .casedetails .casedetails-top .words .t0 {
    font-size: 20px;
  }

  .casedetails .casedetails-bot .title {
    font-size: 18px;
  }

  .casedetails .casedetails-top .words .t1 span {
    font-size: 20px;
    margin-right: 15px;
  }

  .casedetails .casedetails-top .words .t1 {
    line-height: 45px;
  }

  .news-conbox.details {
    padding-top: 180px;
  }

  .casebox .w1160 .details-anniu {
    height: 35px;
    border-radius: 35px;
    line-height: 33px;
    top: -50px;
    font-size: 13px;
  }

  .casedetails .casedetails-top .words .box {
    padding-top: 20px;
  }

  .manufacturing-box {
    margin-top: 40px;
  }

  .manufacturing-box .ul .images {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 15px;
  }
  .manufacturing-box .ul .images:nth-child(4n+1) {
    margin-left: 2%;
  }
  .manufacturing-box .ul .images:nth-child(2n+1) {
    margin-left: 0;
  }

  .manufacturing-box .text-ul {
    margin-top: 20px;
  }

  .manufacturing-box .text-ul .item {
    padding: 25px 0;
  }

  .manufacturing-box .text-ul .item .t0 {
    font-size: 18px;
  }

  .manufacturing-box .text-ul .item .t1 {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }

  .manufacturing-box .text-ul .item.item2 .t1 {
    height: 60px;
  }

  .manufacturing-box .ul .images img {
    width: 100%;
  }

  .about-banner .conwords .images {
    width: 230px;
  }

  .about-banner .conwords .words {
    font-size: 14px;
    line-height: 24px;
  }

  .about-banner .conwords .words .more {
    margin-top: 10px;
  }

  .about-banner .conwords .words {
    margin: 0;
    padding: 20px 0;
    width: auto;
  }

  .about-banner img {
    width: 100%;
  }

  /**/
  .about-box .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about-box .section1 .p {
    margin-bottom: 70px;
  }

  .gallery-top .item {
    padding: 25px 40px;
  }

  .about-box .section5 {
    padding-bottom: 140px;
  }

  .values .value-text .item .left {
    font-size: 18px;
  }

  .culture-conbox .section2 .swiper-images .item .span {
    font-size: 16px;
  }

  .wel-industrial .industrial .wel-title {
    width: 100%;
    padding-left: 5%;
    margin-bottom: 35px;
  }

  .wel-video .numbox .item {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 15px;
  }

  .wel-video {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  /**/
  .wel-video:after {
    display: none;
  }

  .wel-industrial .industrial .left-words {
    width: 100%;
  }

  .wel-industrial .industrial .right-words {
    display: none;
  }
  .bocweb-footer .bot .fl .select .selecttop{
    width: 100%;
        background-position: 95% center;

  }
  .bocweb-footer .bot .fl .select .selectbot{
    width: 100%;
  }
  .bocweb-footer .bot .fl .select{
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .kende-tit .en {
    font-size: 24px;
  }
  .contact .contact-map .map-bot .item{
    height: auto;
  }
  .culture-conbox .section2 .swiper-images .items .word{
    position: static;
  }
  .culture-conbox .section2 .swiper-images .items .images, .culture-conbox .section2 .swiper-images .items .word{
    width:100%;
  }
  .structure .s-ul .li{
    width: 100%;
    margin-left: 0;
  }
  .structure {
    box-sizing: border-box;
  }
  .structure .s-ul .li .li-top{
    /*height:  auto;*/
    /*padding:15px 0;*/
    /*line-height: 1.5;*/
    /*padding-left: 20px;*/
    position: relative;
  }
  .culture-conbox .section2 .swiper-images .items .word .t0{
    font-size: 16px;
  }
  .culture-conbox .section2 .swiper-images .items{}
  .culture-conbox .section2 .swiper-images .items{
    margin-bottom: 0;
    width:80%;
    margin:0 auto;
  }
  .mimg{
        height: 1200px;
        background-size: 100%!important;
  }
  .structure .s-ul .li .li-top:after{
    position: absolute;
    content:"";
    width: 40px;
    height: 1px;
    background:#e5eaf0;
    left: -40px;
    top:0;
    bottom:0;
    margin: auto;
  }
  .structure .s-title{
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
  .structure .li-bot .item{
    padding: 15px 4px;
  }

  .s-title:after{
    position: absolute;
    content:"";
    width: 40px;
    height: 1px;
    background:#e5eaf0;
    left: 0;
    top:0;
    bottom:0;
    margin: auto;
  }
  .s-title:before{
    position: absolute;
    content:"";
    width: 1px;
    height: 100px;
    background:#e5eaf0;
    left: 0;
    top:15px;
  }

  .structure .li-top{
    font-size: 15px;
  }
  .structure .s-ul .li{
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
  }
  .structure .s-ul .li:after{
    position: absolute;
    content:"";
    width: 1px;
    height: 100%;
    background:#e5eaf0;
    left: 0;
    top:35px;
    margin: auto;
  }
  .structure .s-ul .li:last-child:after{
    display: none;
  }

  .video-fixed .videobox {
    width: 90%;
  }

  .investment-list .item .mimages {
    width: 100%;
  }

  .wel-news .words:after {
    display: none;
  }

  .wel-news .news-ton:before {
    width: 30px;
    height: 30px;
  }

  .mv-img {
    width: 425px;
    height: 285px;
  }

  .wel-banner {
    height: auto!important;
  }
  .wel-banner .m900 {
    width: 100%;
  }

  .wel-video .imagebox {
    position: static;
    width: 80%;
    padding-top: 45px;
  }
  .wel-video .imagebox img {
    width: 100%;
  }

  .wel-video .words {
    width: 100%;
  }

  .wel-video .words .t-box {
    width: 100%;
  }

  .wel-banner .item .words .ttop0 .t1 {
    font-size: 120px;
  }

  .wel-banner .item .words .text {
    width: 100%;
  }

  .wel-banner .item .words .img {
    width: 100%;
  }

  .map-aboutbox.m900 .leftbox .box .item {
    margin-bottom: 10px;
  }

  .about-box .section .ul .li {
    padding: 0 15px;
  }

  .about-banner .conwords {
    padding: 0 5%;
    padding-top: 300px;
    box-sizing: border-box;
  }

  .about-banner .conwords .images {
    width: 430px;
    margin-bottom: 100px;
  }

  .about-banner .conwords .words {
    position: static;
    width: 80%;
    padding: 45px 0;
  }

  .map-aboutbox.m900 .map .word {
    position: static;
    width: 100%;
  }

  .map-aboutbox.m900 {
    height: auto;
  }
  .map-aboutbox.m900 .map {
    width: 100%;
  }
  .map-aboutbox.m900 .leftbox {
    width: 100%;
  }
  .map-aboutbox.m900 .leftbox .box {
    width: 100%;
  }
  .map-aboutbox.m900 .leftbox .box .item {
    width: 100%;
  }
  .map-aboutbox.m900 .leftbox .box .item:before {
    background: #003680;
  }
  .map-aboutbox.m900 .leftbox .box .item:hover:after {
    transform: translateX(0);
  }
  .map-aboutbox.m900 .leftbox .box .item:hover:before {
    width: 0;
  }
  .map-aboutbox.m900 .leftbox .box .item.active:before {
    width: 100%;
  }
  .map-aboutbox.m900 .leftbox .box .item.active:after {
    opacity: 0;
  }

  .pc900 {
    display: none;
  }

  .m900 {
    display: block;
  }

  .swiper-about1 .item {
    width: 80%;
    margin: 0 auto;
    float: none;
  }

  .culture-conbox .section2 .swiper-images .item {
    float: none;
    width: 80%;
    margin: 0 auto;
  }

  .mbbanner {
    display: block;
  }

  .gallery-top .item .images {
    width: 100%;
  }

  .investment-box .coldbox {
    padding-bottom: 40px;
  }

  .section5 .gallery-top .item .words {
    width: 100%;
  }

  .gallery-top .item {
    padding: 0;
  }

  .casedetails .casedetails-top {
    margin-top: 40px;
  }

  .news-item .item-top .item .words {
    padding-bottom: 40px;
  }

  .join {
    padding-bottom: 40px;
  }

  .case .case-box {
    padding-bottom: 35px;
  }

  .video .video-box {
    margin-bottom: 20px;
  }

  .contact {
    padding-bottom: 50px;
  }

  .news-item .item-top .swiper-pagination {
    width: 100%;
  }

  .contact .contact-map .map-bot .item {
    width: 100%;
    margin-left: 0;
  }

  .case {
    padding-bottom: 50px;
    margin-top: 35px;
  }

  .contact .contact-map .map-bot .top {
    border-top: none;
  }

  .video {
    margin-top: 35px;
    padding-bottom: 50px;
  }

  .kende-tit .cn {
    font-size: 24px;
  }

  .kende-tit .en:after {
    width: 24px;
    height: 24px;
  }

  .contact .contact-map .map-bot .bot {
    border-bottom: 1px solid #e5e5e5;
  }

  .contact .contact-map .map-bot {
    border-top: 1px solid #000002;
    border-bottom: 1px solid #000002;
  }

  .news-item .item-top .item .images {
    width: 100%;
  }
  .news-item .item-top .item .images img {
    width: 100%;
  }

  .contact .contact-top .item {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 20px;
  }
  .contact .contact-top .item:nth-child(4n+1) {
    margin-left: 4%;
  }
  .contact .contact-top .item:nth-child(2n+1) {
    margin-left: 0;
  }

  .contact .contact-map .map {
    height: 320px;
  }

  .news-conbox {
    padding-top: 80px;
  }

  .news-item .item-top {
    margin-top: 35px;
  }

  .news-item .item-top .item .words {
    position: static;
    width: 100%;
    height: auto;
  }

  .news-item .item-bot .item {
    width: 100%;
    margin-left: 0;
  }

  .news-item .item-top .item .words .tit {
    height: auto;
  }

  .news-item .item-top .item .words .span {
    height: auto;
  }

  .news-item {
    padding-bottom: 45px;
  }

  .news-item .item-bot {
    margin-bottom: 35px;
  }

  .pagination a {
    width: 35px;
    line-height: 35px;
    height: 35px;
  }

  .case .case-box .images {
    width: 100%;
  }
  .case .case-box .images img {
    width: 100%;
  }

  .case .case-box .words {
    width: 100%;
    position: static;
  }

  .contact .contact-top {
    margin-top: 35px;
  }

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

  .contact .contact-map .map-bot {
    margin-top: 40px;
  }

  .casedetails .casedetails-top .images {
    width: 100%;
    margin-bottom: 25px;
  }
  .casedetails .casedetails-top .images img {
    width: 100%;
  }

  .casedetails .casedetails-top .words {
    width: 100%;
    height: auto;
    position: static;
  }

  .casedetails .casedetails-bot {
    padding-top: 35px;
  }

  .casedetails {
    padding-bottom: 65px;
  }

  .news-conbox.details {
    padding-top: 150px;
  }

  .conbanner .conwords .left {
    width: 100%;
  }

  .conbanner .conwords .right {
    float: left;
    width: 60%;
    margin-top: 50px;
  }

  .investment-tbanner {
    background: none !important;
    height: auto !important;
    height: auto;
    padding: 0;
    position: relative;
  }
  .investment-tbanner img {
    width: 100%;
  }
  .investment-tbanner .conwords {
    position: absolute;
    width: 80%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .conbanner .conwords .left {
    padding-top: 150px;
  }

  .conbanner .conwords .left .image {
    width: 420px;
  }

  .conbanner .conwords .left .text {
    font-size: 18px;
    line-height: 25px;
    height: 75px;
    overflow:hidden;
  }

  .conbanner .conwords .more {
    font-size: 18px;
  }

  .conbanner .conwords .right .word .t0 {
    font-size: 24px;
  }

  .conbanner .conwords .right .word {
    font-size: 18px;
    line-height: 1.5;
  }

  .conbanner .conwords .right .text {
    font-size: 16px;
    line-height: 80px;
    height: 80px;
  }

  .conbanner .conwords .right .word .t {
    margin-top: 35px;
  }

  .investment-box .coldbox {
    width: 100%;
    float: none;
  }

  .cold-swiper .swiper-pagination {
    margin-top: 35px;
  }

  .cold-swiper .item img {
    width: 100%;
  }

  .conbanner .conwords .left .text {
/*    height: auto;
    display: block;
    overflow: visible;*/
  }

  .about-box .section2 .swiper-pagination {
    margin-top: 60px;
  }

  .gallery-top .item .words .p0 {
    margin-top: 40px;
    padding:0 40px;
    position: relative;
  }
  .gallery-top .item .words .p0 .t-text {
    position: relative;
    z-index: 2;
  }
  .gallery-top .item .words .p0 .spanbox {
    line-height: 2;
    font-size: 200px;
  }

  .gallery-top .item .words .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
  }

  .gallery-top .item .words .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
  }

  .gallery-top .item .words .swiper-button-prev {
    width: 25px;
    height: 45px;
    background: url(../img/img49.png) no-repeat center;
    background-size: 100%;
  }

  .gallery-top .item .words .swiper-button-next {
    width: 25px;
    height: 45px;
    background: url(../img/img50.png) no-repeat center;
    background-size: 100%;
  }

  .wel-news .images {
    width: 100%;
  }
  .wel-news .images img {
    width: 100%;
  }

  .wel-news .words {
    width: 100%;
  }

  .wel-news .words .item {
    padding-left: 0;
    border-left: none;
    padding: 5% 0;
    border-bottom: 1px solid #dcdcdc;
  }

  .wel-news .words .item:after {
    display: none;
  }

  .detail-fixed-right {
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .investment-list .item .mimages {
    display: block;
  }
  .wel-video .numbox .item{
    width:100%;
  }
  .about-box .section .ul .li{
    max-width: 50%;
  }
  .news-conbox .caseboxss{
    padding-top:50px;
  }
  .values .value-img{
    margin:0;
  }
  .investment-text.fixed-bottom .fixed .item{
    line-height: 1;
    height: auto; 
  }

  .ttop {
    width: 56px;
    height: 42px;
  }
  .structure .s-title{
    font-size: 16px;
  }

  .wel-industrial .investment-list.mbox .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .contact .contact-top .item .img {
    width: 25px;
    height: 25px;
  }

  .case .case-box .span {
    font-size: 16px;
  }

  .contact .contact-top .item {
    width: 100%;
    margin-left: 0%;
    height: auto;
    padding: 30px 0;
  }
  .contact .contact-top .item:nth-child(4n+1) {
    margin-left: 0%;
  }
  .structure .li-top{
    font-size: 14px;
  }
  .structure .s-ul .li{
    padding-left: 20px;
  }
  .structure .s-ul .li .li-top:after{
    width: 20px;
    left: -20px;
  }

  .manufacturing-box .text-ul .item .t1 {
    height: auto;
  }

  .manufacturing-box .text-ul .item.item2 .t1 {
    height: auto;
  }

  .manufacturing-box .text-ul .item {
    width: 100%;
    margin-left: 0 !important;
  }

  .contact .contact-top .item .span {
    font-size: 15px;
  }

  .case .case-box .item {
    margin-top: 20px;
  }

  .text-more {
    font-size: 15px;
  }

  .case .case-box .tit {
    font-size: 14px;
  }

  .investment-list .item .images {
    display: none;
  }

  .case .case-box .words {
    padding: 20px;
  }

  .investment-list .item {
    height: auto;
  }

  .case .case-box .p {
    font-size: 13px;
    line-height: 20px;
    height: auto;
  }

  .investment-list .item .words {
    width: 100%;
    padding: 20px 15px;
    position: relative;
    height: 110px;
  }

  .investment-list .item:after, .investment-list .item:before {
    transform: skewX(0);
    transform: skewY(-3deg);
    width: 100%;
    left: 0;
    bottom: -45%;
    top: auto;
  }

  .investment-list .item.item1 .words {
    height: 110px;
  }

  .investment-list .item:after {
    transform: skewY(-1deg);
  }
  .investment-list .item:before {
        transform: skewY(-5deg);
  }
  .video .video-box .item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .video .video-box .item img {
    width: 100%;
  }

  .join .join-tit {
    margin-top: 45px;
    margin-bottom: 30px;
  }

  .join-tit .t0 {
    font-size: 20px;
  }

  .sel_ul ul li .yin .p {
    font-size: 14px;
    line-height: 24px;
  }

  .sel_ul ul li .yin .p1 {
    margin-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .newsbg {
    height: 5rem;
  }

  .video-fixed .videobox {
    width: 95%;
  }

  .sel_ul ul li .li {
    font-size: 18px;
    line-height: 60px;
    height: 60px;
  }

  .sel_ul ul li.cur .li .position span {
    font-size: 14px;
  }

  .investment-box .coldbox .tit {
    font-size: 18px;
    line-height: 1.5;
  }

  .investment-box .coldbox .line {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .investment-box .coldbox .img {
    width: 130px;
    height: auto;
  }

  .investment-box .coldbox .text {
    font-size: 14px;
    line-height: 24px;
  }

  .cold-swiper .swiper-pagination-bullet-active {
    width: 30px;
  }

  .cold-swiper .swiper-pagination-bullet {
    width: 20px;
  }

  .values .value-img {
    width: 100%;
    max-width: 80%;
    height: auto;
  }
  .values{
       margin-top: 30px;
  }

  .values .value-text {
    width: 100%;
    max-width: 100%;
    margin-top: 35px;
  }

  .values .value-text .item .right {
    width: auto;
  }

  .values .value-text .item .left img {
    width: 20px;
    height: 20px;
  }

  .values .value-text .item .right.cur {
    line-height: 1.5;
    margin: 0;
    padding: 0;
  }

  .values .value-text .item .right {
    float: none;
    width: 100%;
    padding: 0;
    line-height: 1.5;
    margin: 0;
  }

  .values .value-text .item .left {
    font-size: 16px;
    line-height: 40px;
    padding-left: 35px;
    float: none;
  }

  .values .value-text .item {
    height: auto;
    padding-bottom: 25px;
    box-sizing: border-box;
  }

  .value .value-images {
    margin-top: 20px;
  }

  .sel_ul ul li .li .time {
    display: none;
  }
  .investment-list{
    padding:0 20px;
  }
  .investment-list .item:before{
    opacity: 1;
  }
/*  .investmentbox0 .investment-list{
    padding:0;
  }*/

}
@media screen and (max-width: 750px) {
  .conbanner .conwords .left {
    padding-top: 2.95rem;
  }
  .investment-list {
    padding: 0 .4rem;
  }
  .investment-tbanner  .mimg{
     height: 20.4rem;
  }
  .mimg{
        height: 13.3rem;
  }
  .investment-tbanner{
    /*background: #31496b !important;*/
    /*padding-bottom: 7.15rem;*/
  }
  .conbanner .conwords .left .text{
    margin-top: .6rem;
  }
  .about-box .section .words {
    padding: 0 .45rem;
  }
  .w1320{
    width: 90%;
  }
  .bocweb-footer .bot .fl select{
    margin-left: 0;
  }
  .wel-news .images .text{
    position: static;
    background:#f1f3f7;
    padding:.4rem .48rem;
    box-sizing: border-box;
  }
  .wel-news .images:after{
    display: none;
  }
  .wel-news .images .text .t0{
    color:#00617f;
    
  }
  .wel-news .images .text .t1{
    color:#0d2a40;
  }
  .wel-news .images .text .t2{
    color:#00617f;
  }
  .wel-news .images .text .t2:after{
    background:#00617f;
  }
  .culture-conbox .section2 .swiper-images .items .word{
    padding:.25rem .3rem;
  }

  .culture-conbox .section2 .swiper-images .item .span {
    font-size: .24rem;
    padding-left: .4rem;
    bottom: .25rem;
  }
  .wel-banner .item .words .ttop0 .t0{
    font-size: .24rem;
    line-height: .3rem;
    height: .3rem;
  }
  .ab-flex-tit .ab-mobile .tit-top:before{
    width: 65px;
  }
  .about-banner .conwords .images{
    margin-left: 0;
  }
  .wel-banner .item .words .ttop0{
    padding-left: .35rem;
    height: .3rem;
  }
  .culture-conbox .section2 .swiper-images .items .word .t0{
    font-size:.3rem;
  }
  .culture-conbox .section2 .swiper-images .items{
    width:90%;
  }
  .culture-conbox .section2 .swiper-images .items .word{
    font-size: .24rem;
    line-height: .46rem;
  }

  .about-box .section {
    padding: 0 .55rem;
    padding-top: 1.25rem;
    padding-bottom: 1.35rem;
  }

  .ab-flex-tit .ab-mobile .tit-top:after {
    width: .3rem;
    height: .3rem;
  }


  .investment-box .coldbox {
    padding: .6rem .45rem;
    padding-top: 1rem;
  }
  .cold-swiper .swiper-pagination{
    margin-top: .3rem;
  }

  .gallery-top .item .words .swiper-button-next {
    width: .25rem;
    height: .45rem;
    right: .2rem;
  }

  .gallery-top .item .words .swiper-button-prev {
    width: .25rem;
    height: .45rem;
    left: .2rem;
  }

  .gallery-top .item .words .p0 .spanbox {
    font-size: 3.3rem;
    line-height: 3.5rem;
    height: 3.5rem;
    position: absolute;
    width: 100%;

    top: 0;
    bottom: 0;
    margin: auto;
  }

  .gallery-top .item .words .linebox {
    padding: 0 .55rem;
    box-sizing: border-box;
  }

  .gallery-thumbs .i-item .t0 {
    margin-top: 40px;
  }

  .about-box .section5 {
    padding-bottom: 1.8rem;
  }

  .gallery-thumbs {
    margin-top: .4rem;
  }

  .gallery-thumbs .i-item .t0 {
    font-size: .24rem;
    color: #666666;
  }

  .gallery-thumbs .i-item .t1 {
    font-size: .24rem;
    color: #666666;
    margin-top: .1rem;
  }

  .gallery-thumbs .swiper-slide-active .i-item .t0 {
    font-size: .24rem;
    color: #222222;
  }

  .gallery-thumbs .swiper-slide-active-item .t1 {
    font-size: .24rem;
    color: #222222;
  }

  .m75 {
    display: block;
  }

  .textpc75 {
    display: none;
  }

  .pc75 {
    display: block;
  }

  .conbanner .conwords .left .image {
    width: 3rem;
  }

  .conbanner .conwords .left .text {
    font-size: .24rem;
    line-height: .4rem;
    height: 1.2rem;
  }

  .investment-tbanner .conwords {
    width: 100%;
    padding:0 1.2rem;
    box-sizing: border-box;
  }

  .conbanner .conwords .more {
    font-size: .28rem;
    margin-top: .8rem;
  }

  .conbanner .conwords .right .word .t0 {
    font-size: .3rem;
  }

  .conbanner .conwords .right .word {
    font-size: .24rem;
    width:100%;
  }

  .conbanner .conwords .right .text {
    line-height: 1.65rem;
    height: 1.65rem;
  }

  .conbanner .conwords .right .word .t {
    margin-top: .8rem;
  }

  .conbanner .conwords .right .text {
    font-size: .28rem;
  }

  .conbanner .conwords .right .word {
    padding: .65rem .45rem;
  }

  .conbanner .conwords .right {
    margin-top: 1rem;
    width:100%;
  }

  .investment-text.top-tit {
    margin-top: -1.1rem;
  }

  .investment-text.top-tit .m75 .item {
    height: .1rem;
    padding:0;
  }

  .investment-text .pc75 .item {
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    display: none;
  }

  .investment-text .pc75 .item.active {
    display: block;
  }

  .investment-text .pc75 .item {
    padding-left: 1.38rem;
  }
  .investment-text .pc75 .item img {
    left: .4rem;
    right: auto;
  }
  .investment-text .pc75 .item.item0 {
    background: #141e2b;
  }
  .investment-text .pc75 .item.item1 {
    background: #57b3e6;
  }
  .investment-text .pc75 .item.item2 {
    background: #0e8f36;
  }
  .investment-text .pc75 .item.item3 {
    background: #81c04a;
  }

  .conbanner .conwords .right .text:after {
    right: .4rem;
  }

  .conbanner .conwords .right .text {
    padding-left: .4rem;
  }

  .investment-text.top-tit .pc75 .item {
    position: relative;
    padding-top: 0;
    line-height: 1.2;
    padding-top:.1rem;
  }
  .investment-text.top-tit .pc75 .item:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .4rem;
    background: url(../img/img10.png) no-repeat center;
    margin: auto;
    background-size: 100%;
    transition: .5s;
  }

  .investment-text.fixed-bottom .fixed .item {
    width: 50%;
  }

  .investment-text.fixed-bottom .item img {
    position: static;
    width: .6rem;
    height: .6rem;
    margin: 0 auto;
    display: block;
  }

  .investment-text.fixed-bottom {
    height: 0;
  }

  .investment-text.fixed-bottom .item {
    height: 2.05rem;
    padding: .4rem 0;
    box-sizing: border-box;
  }
  .investment-text.fixed-bottom .item span {
    display: block;
    width: 100%;
    font-size: .28rem;
    line-height: .35rem;
    text-align: center;
    margin-top: .2rem;
  }

  .investment-text.fixed-bottom .fixed {
    top: auto;
    bottom: 0;
  }
  .investment-text.fixed-bottom .fixed.active {
    bottom: 5.15rem;
  }

  .investment-text.fixed-bottom .fixed .item {
    top: 0;
  }

  .investment-text.fixed-bottom .span {
    height: 1.05rem;
    background: #141e2b;
    position: relative;
  }
  .investment-text.fixed-bottom .span:after {
    width: 12px;
    height: 12px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../img/img10.png) no-repeat center;
    background-size: 100%;
    z-index: 2;
    transition: .5s;
  }

  .investment-text.fixed-bottom:hover .fixed {
    top: auto;
  }

  .about-banner .conwords {
    padding: 0 1rem;
    padding-top: 2.95rem;
  }

  .about-banner .conwords .images {
    width: 4.3rem;
    margin-bottom: .85rem;
  }

  .about-banner .conwords .words {
    font-size: .24rem;
    line-height: .45rem;
    width: 100%;
    border: none;
    padding: 0;
  }
  .about-banner .conwords .words .p {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: .55rem 0;
  }
  .about-banner .conwords .words p {
    display: inline;
  }

  .about-banner .conwords .words .more {
    margin-top: .95rem;
  }

  .about-box .section1 {
    padding-top: 1.55rem;
    padding-bottom: 1.25rem;
  }

  .ab-tit .t0 {
    margin-bottom: .35rem;
    font-size: .36rem;
  }

  .about-box .section .ul .li {
    padding: 0;
    width: 100%;
    max-width: none;
    margin-bottom: .3rem;
    padding:0!important;
  }
  .about-box .section .ul .li img {
    height: .8rem;
  }
  .about-box .section .ul .li:after {
    display: none;
  }

  .about-box .section .p {
    line-height: .46rem;
    font-size: .24rem;
    margin-top: .3rem;
    margin-bottom: .7rem;
  }


  .about-box .section .videobox:after {
    width: .8rem;
    height: .8rem;
  }

  .about-box .section2 {
    padding-left: 0;
    padding-right: 0;
  }

  .about-box .w1580 {
    width: 100%;
  }

  .about-box .section2 .words {
    padding: 0 1rem;
  }

  .about-box .section2 .swiper-pagination {
    margin-top: .65rem;
  }

  .map-aboutbox.m900 {
    margin-top: .65rem;
  }

  .map-aboutbox.m900 .leftbox .box .item {
    height: 1.1rem;
    line-height: 1.1rem;
    margin-bottom: .1rem;
    font-size: .26rem;
  }

  .map-aboutbox .map .word .tit {
    font-size: .3rem;
  }

  .map-aboutbox .map .word {
    font-size: .26rem;
    line-height: 1.8;
    height: auto;
    padding: .3rem  .35rem;
  }

  .about-box .section5 {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-top {
    width: 100%;
  }

  .gallery-top .item .images {
    padding: 0 .55rem;
    box-sizing: border-box;
    box-shadow: none;
    overflow: visible;
  }
  .gallery-top .item .images img {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
  }

  .swiper-about1 .item .img {
    /*height: 5rem;*/
  }

  .swiper-about1 .item {
    width: 90%;
  }

  .gallery-top .item .images, .gallery-top .item .words {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: .8s;
  }

  .gallery-thumbs {
    background: url(../img/line1.png) no-repeat center;
    background-size: 100%;
  }

  .gallery-top .item .words .p0 {
    font-size: .24rem;
    line-height: .45rem;
    padding-top: .4rem;
    padding-bottom: .6rem;
    margin-bottom: .4rem;
    margin-top: .8rem;
    padding:0;
    width: 100%;

  }
  .investment-text.fixed-bottom .fixed .item{
    height: 2.05rem; 
  }
  .gallery-top .item .words .p0 .t-text{
    width: 100%;
     padding: 0 .6rem;
     box-sizing: border-box;
  }

  .gallery-top .item .words .t0 {
    font-size: .4rem;
  }

  .gallery-top .item .words .t1 {
    font-size: .36rem;
  }

  .about-box.culture-box .section2 .swiper-pagination {
    margin-top: .4rem;
  }

  .swiper-culture2 .word {
    font-size: .3rem;
    line-height: .45rem;
    padding: .3rem .4rem;
  }

  .swiper-culture2 .word .tit {
    height: .9rem;
  }

  .swiper-culture2 .swiper-pagination {
    margin-top: .5rem;
  }

  .swiperbox .swiper-pagination-bullet {
    width: .4rem;
    height: .05rem;
    margin: 0 .06rem;
  }

  .swiperbox .swiper-pagination-bullet-active {
    width: .5rem;
  }

  .culture-conbox .section2 .swiper-images .item {
    width: 90%;
  }

  .swiper-culture2 .word .more {
    font-size: 14px;
  }

  .wel-banner .item .words .img {
    width: 4.6rem;
  }

  .wel-banner .item .words .text {
    margin-top: .4rem;
    padding-top: .4rem;
  }
  .opacity{
    display: none;
  }
  .wel-video .imagebox .images .img{
    background-size: cover!important;
  }

  .wel-banner .item .words .ttop0 .t1 {
    font-size: 1.3rem;
    top: -.6rem;
    right: -.2rem;
  }

  .wel-banner .item .words {
    padding-left: .4rem;
    padding-bottom: 1.5rem;
    box-sizing: border-box;
  }

  .wel-banner .item .words .bbot {
    font-size: .24rem;
    padding-left: .35rem;
    line-height: .3rem;
    margin-top: .25rem;
  }

  .wel-banner .item .words .bbot:after {
    width: .3rem;
    height: .3rem;
  }

  .wel-dd {
    display: none;
  }

  .wel-banner .swiper-pagination-fraction, .wel-banner .swiper-pagination-custom, .wel-banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: .6rem;
  }

  .mv-img {
    width: 4.25rem;
    height: 2.85rem;
    margin-left: .4rem;
  }

  .wel-video {
    padding-top: 1.2rem;
  }

  .wel-video .imagebox .images {
    width: 6.3rem;
    height: 4.6rem;
  }
  .w1580{
    width: 90%;
  }

  .wel-video .imagebox .images:after {
    top: -.5rem;
    left: .4rem;
  }

  .wel-video .imagebox {
    padding-top: 1.6rem;
  }

  .wel-video .imagebox .images {
    margin-top: 0;
  }

  .wel-video .words .t-box .t1 {
    font-size: .5rem;
    margin-top: 1.2rem;
    margin-bottom: .6rem;
  }

  .wel-video .words .t-box .t2 {
    font-size: .24rem;
    line-height: 1.8;
    margin-bottom: .4rem;
  }

  .wel-video .numbox .item {
    margin-bottom: .6rem;
  }
  .wel-video .words .t-box{
     padding: 0 .3rem;
    box-sizing: border-box;
  }
  .wel-industrial .industrial .left-words{
    padding-left: 5%;
        padding-right: 16%;
  }
  .wel-industrial .industrial .wel-title{
    padding:0;
     padding: 0 .3rem;
    box-sizing: border-box;

  }

  .wel-video .numbox {
    margin-top: 1.3rem;
     padding: 0 .3rem;
    box-sizing: border-box;
  }

  .wel-video .numbox .item .i0 {
    font-size: .24rem;
    color: #000000;
  }

  .wel-video .numbox .item .i2 {
    font-size: .24rem;
  }

  .wel-video .numbox .item .i1 {
    font-size: .4rem;
    margin-top: .18rem;
    margin-bottom: .2rem;
  }
  .wel-video .numbox .item .i1 span{
    font-size: .45rem;
  }

  .wel-title .t0 {
    font-size: .48rem;
  }

  .wel-title .t1 {
    font-size: .5rem;
  }


  .wel-title.news .t0{
    font-size: .48rem;
  }
  .wel-title.news .t1{
    font-size: .5rem;
  }
  .wel-news {
    padding-top: 1.2rem;
    padding-bottom: .8rem;
  }

  .wel-news .words .item {
    padding: .5rem 0;
  }

  .wel-news .news-ton {
    font-size: .24rem;
  }

  .wel-news .item .t1, .wel-news .images .t1 {
    font-size: .4rem;
    line-height: .5rem;
    height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .investmentbox0 .investment-list{
    /*padding:0;*/
  }
  .w-news-more {
    text-align: left;
    margin-top: .65rem;
  }
}
@media screen and (max-width: 600px) {
  .sel_ul ul li .li, .sel_ul ul li.cur .li {
    padding: 0 .3rem;
    font-size: .3rem;
  }

  .sel_ul ul li .li .position span, .sel_ul ul li.cur .li .position span {
    font-size: .24rem;
    padding-left: .2rem;
    margin-left: .2rem;
  }

  .sel_ul ul li .yin {
    padding: .4rem;
    padding-bottom: .45rem;
  }

  .sel_ul ul li .yin .tit {
    font-size: .28rem;
  }

  .sel_ul ul li .yin h3 {
    font-size: .28rem;
  }

  .sel_ul ul li .yin .p {
    font-size: .26rem;
    line-height: 1.7;
  }

  .join-tit .text {
    font-size: .28rem;
  }

  .join .join-tit {
    margin-bottom: 20px;
  }

  .join-tit .t0 {
    font-size: .3rem;
  }
}
@media screen and (max-width: 500px) {
  .investment-list .item {
    width: 100%;
    margin-bottom: 10px;
  }

  .text-more {
    width: 160px;
  }

  .m-header .w-header {
    padding: 10px;
    padding-top: 25px;
  }

  .text-more {
    font-size: 14px;
  }

  .sel_ul ul li .li {
    height: 45px;
    line-height: 45px;
  }

  .manufacturing-box .ul .images {
    width: 100%;
    margin-left: 0;
  }
  .manufacturing-box .ul .images:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 350px) {
  .contact .contact-map .map {
    height: 260px;
  }

  .contact .contact-top .item {
    padding: 20px 0;
    margin-bottom: 15px;
  }

  .contact .contact-map .map-bot .item {
    padding: 25px 0;
    padding-bottom: 20px;
  }
}


.new-float{
    position: fixed;
      right: 0;
      top: 50%;
      z-index: 50;
      width: 77px;
      height: 77px;
      margin-top: -50px;
  }
  .new-float .litel.hover{
    overflow: hidden;
  }
  .new-float .litel{
    position: relative;
      width: 77px;
      height: 57px;
      margin-bottom: 1px;
      line-height: 27px;
      color: #fff;
      text-align: center;
  }
  .new-float .litel p{
    background: url(../img/bg_float05.png) no-repeat;
      font-size: 12px;
       width: 77px;
      height: 57px;
          height: 27px;
    padding-top: 30px;
    line-height:1.2;
    text-align:center;
  }
  .new-float .litel .tel {
      position: absolute;
      left: 77px;
      top: 0;
      z-index: 1;
      width: 184px;
      height: 57px;
      line-height:57px;
      font-size:22px;
      color: #fff;
      background:url(../img/bg_float06.png) no-repeat;
      cursor: pointer;
  }

  
/*# sourceMappingURL=style.css.map */
body.loading {
  overflow: hidden;
}

#pageloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  overflow: hidden;
  z-index: 5000;
}

#pageloader .logo {
  width: auto;
  height: 76px;
}


#pageloader .tran-middle .cont.text-center{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);

}
body.init #pageloader {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);

}

body.init #pageloader .cont {
  opacity: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all 0.6s;
}

body.init #pageloader .logo,
body.init #pageloader div {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all 0.6s;
}
body #pageloader .logo{
  position: relative;
}
body.init #pageloader .logo {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
body #pageloader .logo {

  position: relative;
}
body #pageloader .logo .logdin1{
  width: 200px;
  height: 76px;
  background-image: url(../img/ccc1.png) ;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  position: relative;
  z-index: 1;
}
body #pageloader .logo .logdin2{
  opacity: 1;
  background-image: url(../img/bocweb-logo.png)  ;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 200px;
  height: 76px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% 100%;
  -webkit-animation:fill 3s linear  forwards;
  -moz-animation:fill 3s linear  forwards;
  -ms-animation:fill 3s linear  forwards;

  z-index: 12;

}
@keyframes fill {
  0% {
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }



  100% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

  }
}

body.init #pageloader .small {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);

}