*{



  margin: 0;



  padding: 0;



}



.fd::after{



  content: " ";



  display: block;



  clear: both;



}



.fd{



  zoom: 1;



}



a{



  text-decoration: none;



}



a:hover{



  text-decoration: none;



}



a:visited{



  text-decoration: none;



}



a:link{



  text-decoration: none;



}



button{



  border: none;



  outline: none;



  cursor:pointer;



}



ol, ul{



  margin-bottom: 0;



}



ul li{



  list-style: none;



}



.dhq{



  cursor:pointer;



  transform:scale(1.1);



  animation: dhfdq 500ms linear;  



}



@keyframes dhfdq{



  0%{



      transform:scale(1);



  }



  20%{



      transform:scale(1.02);



  }



  40%{



      transform:scale(1.04);



  }



  60%{



      transform:scale(1.06);



  }



  80%{



      transform:scale(1.08);



  }



  100%{



      transform:scale(1.1);



  }



}



.dhh{



  cursor:pointer;



  transform:scale(1);



  animation: dhfdh 500ms linear;  



}



@keyframes dhfdh{



  0%{



      transform:scale(1.1);



  }



  20%{



      transform:scale(1.08);



  }



  40%{



      transform:scale(1.06);



  }



  60%{



      transform:scale(1.04);



  }



  80%{



      transform:scale(1.02);



  }



  100%{



      transform:scale(1);



  }



}



.app{



  display: none;



}



button img{



  margin-bottom: 3px;



}



button{



background: rgb(249,249,249);



}



.ny_bannerAPP{



  display: none;



}



.solu_date1 p img{



  /*width: 100%;



  height: 100%;*/



}











/* banner */



.banner_pc,.banner,.case_date,.products,.solu_date,.news_dera,.contact,.recru{



  margin-top: 100px;



}



.banner_pc{



  width: 100%;



  height: auto;



  position: relative;



}



.banner_pc img{



  width: 100%;



  height: 100%;



}



.banner_pc .ban_nr{



  width: 620px;



  height: 200px;



  position: absolute;



  left: 50%;



  top: 43%;



  margin-left: -310px;



  margin-top: -100px;



}



.banner_pc .ban_nr .ig1{



  width: 159px;



  height: 40px;



  display: block;



  margin: 0 auto;



}



.banner_pc .ban_nr .ig2{



  width: 617px;



  height: 43px;



  display: block;



  margin: 30px auto;



}



.banner_pc .ban_nr button{



  width: 398px;



  height: 48px;



  border-radius: 48px;



  font-size: 22px;



  color: #fff;



  background: none;



  border: 1px solid #fff;



  display: block;



  margin: 0 auto;



}







/* 产品中心 */



.product{



  width: 100%;



  height: auto;



}



.product .productjz{



  width: 1720px;



  margin: 0 auto;



  position: relative;



}



.bt{



  font-size: 36px;



  font-weight: bold;



  color: #222;



  margin-top: 80px;



  text-align: center;



  /* background-image: url(../images/btbj.png); */



  background-repeat: no-repeat;



  background-position: center;



  background-size: 221px 11px;



}



.bt_lef,.bt_rig{



  width: 20px;



  height: 11px;



  margin: 0 10px;



}







.fbt{



  font-size: 20px;



  color: #666;



  margin-top: 10px;



  margin-bottom: 30px;



  text-align: center;



}



.productjz #swp1,#swp1 .swiper-wrapper{



  width: 1400px;



  margin: 0 auto;



}



  #swp1 .swiper-wrapper .swiper-slide {



      position: relative;



      cursor: pointer;



      background: rgb(241,242,243);



  }



#swp1 .swiper-wrapper .swiper-slide .ig1{



  width: 100%;



  height: 100%;



}



#swp1 .swiper-wrapper .swiper-slide .ig2{



  width: 82px;



  height: 20px;



  position: absolute;



  top: 30px;



  left: 30px;



  z-index: 0;



 



}



#swp1 .swiper-wrapper .swiper-slide .ps{



  font-size: 16px;



  color: #333;



  font-weight: bold;



  position: absolute;



  top: 87%;



  width: 100%;



  text-align: center;



}



#swp1 .swiper-wrapper .swiper-slide:nth-child(3n){



  margin-right: 0;



}







/* 前进后退 */



.productjz .hproduct-left,.productjz .hproduct-right{



  width: 60px;



  height: 60px;



  background-size: contain;



  background-repeat: no-repeat;



}



.productjz .hproduct-left{



  background-image: url(../images/hui.png);



  position: absolute;



  left: 0;



  top: 55%;



}



.productjz .hproduct-right{



  background-image: url(../images/hui2.png);



  position: absolute;



  right: 0;



  top: 55%;



}



.productjz .hproduct-left:hover{



  background-image: url(../images/lan2.png);



}



.productjz .hproduct-right:hover{



  background-image: url(../images/lan.png);



}







.mbb{



  width: 100%;



  height: 100%;



  background: rgba(72,149,202,0.8);



  position: absolute;



  top: 100%;



  left: 0;



  padding: 0 30px;



  transition: all 0.5s;



}



.mbb p{



  font-size: 16px;



  color: #fff;



  margin-bottom: 10px;



  padding-left: 18px;



  background-image: url(../images/lbjt.png);



  background-repeat: no-repeat;



  background-position-y:5px ;



}



.mbb .p1{



  width: auto;



  font-size: 18px;



  color: #fff;



  top: 28%;



  text-align: left;



  font-weight: bold;



  background-image: none;



  margin-bottom: 30px;



  padding-left: 0;



}



.mbb p:nth-child(1){



  margin-top: 38%;



}



.mbb span img{



  width: 8px;



  height: 10px;



  margin-right: 10px;



  position: absolute;



  left: 0;



  top: 5px;



}



.swiper-slide a:hover> .mbb{



  top: 0;



}



.swiper-slide a:hover> .ps{



  display: none;



}







/* 成功案例 */



.case{



  width: 100%;



  height: auto;



  overflow: hidden;



}



.in2-list li {



  width: 15%;



  float: left;



  overflow: hidden;



  position: relative;



  /* height: 800px; */



  transition: all 0.5s;



}







.in2-list li>a {



  display: block;



  width: 100%;



  height: 100%;



}



.in2-list li img {



  display: block;



}







.in2-back {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 100%;



  height: 100%;



  transition: all 0.5s;



  background: rgba(23, 88, 167, 0.7);



}



.in2-list p{



  width: 100%;



  text-align: center;



  font-size: 22px;



  color: #fff;



  position: absolute;



  top:50%;



}



/* 拉大 */



.in2-list li.on {



  width: 40%;



}







.in2-list ul {



  overflow: hidden;



}







.in2-list li.on .in2-back {



  transition: all 0.5s;



  bottom:100%;



}



.in2-list li.on p{



  transition: all 0.5s;



  top:87%;



}



.case #swp3{



  display: none;



}



.case #swp3 p{



  text-align: center;



  color: #333;



  font-size: 18px;



}







/* 关于我们 */



.about_us{



  width: 100%;



  height: auto;



  background-image: url(../images/gybj.png);



  background-size: cover;



  background-repeat: no-repeat;



  padding-bottom: 100px;



}



.about_us .about_usjz{



  width: 1400px;



  margin: 0 auto;



  overflow: hidden;



}



.about_usjz .fk{



  width: 100%;



}



.fk .lef{



  width: 50%;



  float: left;



  padding-right: 113px;



}



.lef h3{



  font-size: 24px;



  color: #222;



  margin-top: 90px;



  margin-bottom: 20px;



  font-weight: bold;



}



.lef .info{

  padding-right: 10px;



  height: 157px;



  overflow-y: auto;



  scrollbar-base-color: #0c5aa4;



  scrollbar-arrow-color:#fff;

}

.lef .info::-webkit-scrollbar{width:2px;height:2px;background-color:#dcdbdb;}

.lef .info::-webkit-scrollbar-thumb{background-color:#007aff;border-radius:10px}





.lef span,.lef p{



  font-size: 14px;



  color: #777777;



  line-height: 23px;



  display: block;







}



.lef span::-webkit-scrollbar {



  width: 2px;



  background-color: #dcdbdb;



}



.lef span::-webkit-scrollbar-thumb {



  background-color:#0c5aa4;



  border-radius: 10px;



}



.lef button{



  width: 160px;



  height: 50px;



  border-radius: 50px;



  line-height: 50px;



  font-size: 12px;



  color: #fff;



  background: rgb(12,90,164);



  display: block;



  margin-top: 60px;



}



.lef button img{



  margin-left: 10px;



}



.fk .rig{



  width: 50%;



  float: right;



  margin-bottom: 60px;



}



.rig .sp_1{



  width: 100%;



  height: 100%;



}



.about_usjz .sztd{



  width: 100%;



}



.sztd .baib{



  width: 25%;



  height: 160px;



  background: #fff;



  float: left;



  border-right: 1px solid rgb(242,242,242);



}



.baib:nth-child(5){



  border: none;



}



.baib p,.baib p .sp1{



  font-size: 44px;



  color: #333;



  text-align: center;



  margin-top: 32px;



}



/* .baib .sp2{



  font-size: 16px;



  color: #333;



} */



.sztd .baib:nth-child(1) p{



  font-size: 16px;



  color: #333;



}



.baib .sp3{



  width: 100%;



  font-size: 14px;



  color: #777;



  display: block;



  text-align: center;



}



.rig .sp_1 img{



  width: 100%;



  height: 100%;



}



/* 视频弹窗 */



.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1001;}



.msg-box {width: 100%;height: 100%;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;top: 47%;transform: translate(-50%,-50%);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}



.msg-box .close-box {width: 30px;height: 30px;background: url(../images/btn-close-modal.png) no-repeat center;cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}



.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}



.video_pic {width: 100%;height: 100%;cursor: pointer;overflow: hidden;position: relative;}



.video_pic:after{content: '';width: 80px;height: 80px;background: url(../images/video_a.png) no-repeat center;position:absolute;left: 50%;top: 65%;margin-top: -40px; transform: translate(-50%,-50%);transition: all 0.4s;background-size: contain;z-index: 1;}



.video_pic:hover:after{top: 63%;background-image: url(../images/video_a.png);}















/* 研发营销中心 */



.research{



  width: 100%;



  height: auto;



  background-image: url(../images/yanfabj.jpg);



  background-size: cover;



}



.research .researchjz{



  width: 1400px;



  margin: 0 auto;



  overflow: hidden;



  padding-bottom: 80px;



}



.researchjz .bt,.researchjz .fbt{



  color: #fff;



}



.researchjz .bt{



  background-image: url(../images/btbj2.png);



  background-size: 305px 11px;



}



.researchjz .rq{



  width: 760px;



  margin: 0 auto;



  margin-bottom: 30px;



}



.rq button{



  width: 240px;



  height: 60px;



  border-radius: 60px;



  line-height: 60px;



  background: none;



  border: 1px solid #fff;



  color: #fff;



  font-size: 16px;



  margin-left: 14px;



}



.rq button:nth-child(1){



  margin-left: 0;



}



.rq button:hover{



  background: #fff;



  color: #000;



  font-weight: bold;



}



.rq .bdj{



  width: 240px;



  height: 60px;



  border-radius: 60px;



  line-height: 60px;



  background: #fff;



  color: #000;



  font-size: 16px;



  font-weight: bold;



}



.researchjz .main{



  width: 100%;



  height: auto;



  overflow: hidden;



  position: relative;



  /* display: none; */



}



.xs{



  display: none;



}



.xs2{



  display: block;



}



.main img{



  width: 100%;



  height: 100%;



}



.main .mwz{



  width: 400px;



  height: 200px;



  background: rgb(13,90,164);



  position: absolute;



  top: 76%;



  left: 17%;



  margin-left: -200px;



  margin-top: -100px;



}



.mwz{



  display: block;



}



.mwz2{



  display: none;



}



.mwz .ztq{



  width: 390px;



  height: 200px;



  float: right;



  background: #fff;



  padding-left: 30px;



  padding-right: 50px;



}



.mwz .ztq p{



  font-size: 24px;



  color: #222;



  font-weight: bold;



  margin-top: 40px;



}



.mwz .ztq span{



  font-size: 14px;



  color: #777;



}







/* 新闻中心 */



.news{



  width: 100%;



  height: auto;



}



.news .newsjz{



  width: 1400px;



  margin: 0 auto;



  overflow: hidden;



  padding-bottom: 80px;



}



.newsjz .xwqh{



  width: 340px;



  margin: 0 auto;



  margin-bottom: 30px;



}



.xwqh button{



  width: 160px;



  height: 50px;



  border-radius: 50px;



  font-size: 14px;



  border: 2px solid rgb(231,231,231);



  color: #333;



  margin-right: 20px;



  float: left;



}



.xwqh .xwjh{



  border: none;



  background: rgb(12,90,164);



  color: #fff;



  font-weight: bold;



}



.xwqh button:hover{



  border: none;



  background: rgb(12,90,164);



  color: #fff;



  font-weight: bold;



}



.xwqh button:nth-child(2){



  margin-right: 0;



}







.newsjz .xwlb{



  width: 100%;



  overflow: hidden;



 display: none;



}



.newsjz .xwlb2{



  display: block;



}



.xwlb .lb_1{



  width: 446px;



  border: 1px solid rgb(241,241,241);



  margin-right: 30px;



  float: left;



}



.xwlb .lb_1:nth-child(3n){



  margin-right: 0;



}



.lb_1 .zpt{



  width: 100%;



  height: 0;

  padding-bottom: 56%;

  position: relative;

  overflow: hidden;



}



.zpt img{



  width: 100%;



  height: 100%;

  position: absolute;

  object-fit: cover;



}



.xwlb .lbnr{



  width: 100%;



  height: 259px;



  padding: 30px;



}



.lbnr .p1{



  font-size: 18px;



  color: #28292a;



  margin: 0 0 0 0;



  font-weight: bold;



  



  text-overflow: ellipsis;



  overflow: hidden;



  white-space: nowrap;



}



.lb_1 .lbnr .p12{



  font-size: 14px;



  color: #999;



  margin: 7px 0 0 0;



}



.lbnr .xian{



  width: 100%;



  height: 1px;



  background: rgb(236,236,236);



  margin: 20px 0;



}



.lbnr span{



  font-size: 14px;



  color: #777;



  text-overflow: -o-ellipsis-lastline;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}



.lbnr button{



  width: 120px;



  height: 40px;



  border-radius: 40px;



  line-height: 40px;



  font-size: 12px;



  color: #999;



  border: 2px solid rgb(231,231,231);



  display: block;



  margin-top: 30px;



}



.lbnr button img{



  width: 13px;



  height: 9px;



  margin-left: 5px;



}



.xwlb .lb_1:hover > .lbnr .p1{



  color: #0c5aa4;



}



.xwlb .lb_1:hover > .lbnr span{



  color: #555;



}



.xwlb .lb_1 a:hover > .lbnr button{



  color: #fff;



  background: rgb(12,90,164);



  border: none;



}







/* 合作伙伴 */



.collaborate{



  width: 100%;



  height: auto;



  background-image: url(../images/hzhbbj.jpg);



  background-size: cover;



}



.collaborate .collaboratejz{



  width: 1575px;



  margin: 0 auto;



  overflow: hidden;



  padding-bottom: 80px;



}



.collaboratejz .bt,.collaboratejz .fbt{



  color: #fff;



}



.collaboratejz .bt{



  background-image: url(../images/btbj2.png);



}







/* 合作伙伴 */



.collaborate .collaboratejz{



  width: 1575px;



  margin: 0 auto;



  position: relative;



}



.collaboratejz #swp2 ,#swp2 .swiper-wrapper{



  width: 1400px;



}







.collaboratejz .hproduct-left,



.collaboratejz .hproduct-right{



  display: block;



  width: 40px;



  height: 40px;



  cursor: pointer;



  background: url("../images/hzhblb.png") no-repeat;



}







.collaboratejz .hproduct-left {



  /* transform: rotate(180deg); */



  position: absolute;



  left: 0;



  top: 60%;



}



.collaboratejz .hproduct-right {



  background: url("../images/hzhblb2.png") no-repeat;



  position: absolute;



  right: 0;



  top: 60%;



}



.tuijian_jz .tp{

  display: flex;

  justify-content: center;

  align-items: center;

}



#swp2 .swiper-wrapper .swiper-slide img{

  max-width: 84%;

  max-height: 84%;

}















.banner_app{



  display: none;



}



































/* products 产品中心 */



img{



  vertical-align: middle;



}



.products{



  width: 100%;



  min-height: 500px;



}



.banner{



  width: 100%;



  height: auto;



  position: relative;



}



.banner img{



  width: 100%;



  height: 100%;



}



.banner div{



  width: auto;



  height: 110px;



  position: absolute;



  top: 40%;



  left: 50%;



  /* margin-top: -55px;



  margin-left: -130px; */



  transform: translate(-50%,-50%);



}



.banner div p{



  font-size: 46px;



  color: #fff;



  font-weight: bold;



  text-align: center;



}



.banner div button{



  width: auto;



  height: 35px;



  background: #fff;



  border-radius: 17.5px 0 17.5px 0;



  color: #0c5aa4;



  font-size: 18px;



  margin-top: 10px;



  padding: 0 10px;



}



.products .productsjz{



  width: 1400px;



  margin: 0 auto;



  /* overflow: hidden; */



 padding-bottom: 80px;



}



.products_navzd{



  width: 100%;



  height: 50px;



  box-shadow: 0 20px 20px 0 rgb(233,233,233);



  border-top: 1px solid rgb(234,234,234);



  background: #fff;



  /* position: fixed;



  top: -150px;



  left: 0;



  transition: 0.3s; 



  z-index: 10; */



}







/* .products_navzd2{ 



  top: 100px 



}  */



.products_navzd .products_nav{



  width: 1200px;



  height: 50px;



  /* line-height: 50px; */



  margin: 0 auto;



}



.products_nav span{



  height: 50px;



  line-height: 50px;



}



.products_nav span img{



  width: 14px;



  height: 14px;



  margin-right: 10px;



  margin-bottom: 5px;



}



.products_nav span,.products_nav span a{



  font-size: 14px;



  color: #666;



}



.productsjz .main{



  width: 100%;



  margin-top: 75px;



}



.main div{



  width: 50%;



  height: 100%;



  overflow: hidden;



  position: relative;



}



.mlef{



  float: left;



  overflow: hidden;



}



.main:nth-child(2n)> .mlef{



  float: right;



}



.main .mlef img{



  width: 100%;



  height: 100%;



}



.main .mlef .prod{



  width: 97px;



  height: 24px;



  position: absolute;



  top: 42px;



  left: 33px;



}



.mrig{



  float: right;



  padding: 50px 0;



}



.main .mrig div{



  width: auto;



  margin-left: 43px;



}



.main .mrig .pro_p{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  text-indent: 35px;



  /* background-image: url(../images/btbj.png); */



  background-repeat: no-repeat;



  background-size: 190px 11px;



  background-position-y: center;



}



.main .bt_lef,.main .bt_rig{



  width: 20px;



  height: 11px;



  margin: 0 10px;



}



.main .mrig .pro_p2{



  font-size: 16px;



  color: #0c5aa4;



  margin-top: 30px;



}



.main .mrig .pro_sp{



  width: 100%;



  font-size: 14px;



  color: #666;



  display: block;



  margin-top: 12px;



}



.main .mrig .anq{



  width: 536px;



  height: 133px;



  margin-left: 0;



  overflow-y: auto;



  scrollbar-base-color: #0c5aa4;



  scrollbar-arrow-color:#fff;



}



.main .mrig .anq::-webkit-scrollbar {



width: 3px;background-color: #dcdbdb;



}



.main .mrig .anq::-webkit-scrollbar-thumb {



background-color:#777;



border-radius: 10px;



}



.main .mrig div button{



  width: 164px;



  height: 48px;



  border: 1px solid rgb(231,231,231);



  font-size: 14px;



  color: #333;



  margin-top: 18px;



  /* margin-right: 17px; */



}



.main .mrig div button a{



  width: 100%;



  height: 100%;



  display: block;



  line-height: 48px;



  color: #333;



}



.main .mrig div button:nth-child(3n){



  margin-right: 0;



}



.main .mrig div button:hover{



  background: rgb(12,90,164);



  color: #fefefe;



}







.main :nth-child(2) .mlef{



 float: right;



}











.relation{



  width: 100%;



  height: 308px;



  background-image: url(../images/hzhbbj.jpg);



  background-size: cover;



  padding: 50px 0;



}



.relation p{



  font-size: 36px;



  color: #fff;



  text-align: center;



  background-image: url(../images/btbj3.png);



  background-repeat: no-repeat;



  background-position: center;



}



.relation span{



  font-size: 20px;



  color: #fff;



  width: 100%;



  display: block;



  text-align: center;



  margin-top: 15px;



  margin-bottom: 45px;



}



.relation .srk{



  margin: 0 auto;



  width: 1400px;



}



.relation .srk input{



  /*width: 388px;*/
    width: 29%;


  height: 76px;



  font-size: 20px;



  color: #333;



  background: #fff;



  text-indent: 2em;



  margin-right: 8px;



  border: none;



  vertical-align: middle;



}



.relation .srk button{



  width: 10%;



  height: 76px;



  font-size: 20px;



  color: #333;



  background: #fff;



  vertical-align: middle;



}



@media(max-width:1460px){
    .relation{
        padding-left:30px;
        padding-right:30px;
    }
    
}

@media(max-width:1420px){
    .relation .srk{
        width: 95%;
    }
    .relation .srk input {
        width: 25%;
    }
    .relation .srk button {
        width: 19%;
    }
    
}


@media(max-width:1280px){

    .products_navzd .products_nav{

        width: 95%;

    }

    .relation .srk input{

        height: 50px;

        font-size: 18px;

    }

    .relation .srk button{

        height: 50px;

        font-size: 18px;

    }
    
}

@media (max-width: 1024px) {
    .relation .srk input {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
}
@media (max-width: 592px) {
    .relation span {
        padding: 0 15px;
    }
}
@media (max-width: 414px) {
    .relation {
        padding: 20px 0;
    }
     .relation p {
        font-size: 24px;
    }
    .relation span {
        font-size: 14px;
    }
    .relation .srk input {
        height: 41px;
        font-size: 16px;
    }
    .relation .srk button {
        height: 46px;
        font-size: 16px;
    }
}


/*@media(max-width:1280px){*/
/*    .relation .srk input {*/
/*        width: 100%;*/
/*        display: block;*/
/*        margin-bottom: 10px;*/
/*    }*/
    
/*}*/
@media (max-width: 1024px) {
    .relation {
        height: auto;
    }
    .relation .srk button {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
}













/* products 产品中心2 */



.main2{



  width: 100%;



  height: auto;



  margin-top: 80px;



}



.main2 .mainjz{



  width: 1200px;



  margin: 0 auto;



  /* overflow: hidden; */



}



.main2 .mainjz .cplb{



  width: 232px;



  height: 80px;



  margin-right: 5px;



  border: 1px solid rgb(230,230,230);



  background: rgb(248,248,248);



  font-size: 18px;



  color: #777;



  line-height: 80px;



  position: relative;



  cursor: pointer;



  text-align: center;



  float: left;



}







.main2 .mainjz .cplb a{



  width: 100%;



  display: block;



  height: 100%;



  color: #777;



  position: relative;



}



.mainjz .cplb .prig{



  position: absolute;



  top: 50%;



  right: 8%;



}



.main2 .mainjz .cplb:nth-child(5){



  margin-right: 0;



}



.macp .cplb .cp_1{



  width: 230px;



  background: rgba(59,60,62,0.9);



  position: absolute;



  top: 78px;



  z-index: 2;



  display: block;



  transition: max-height .5s;



  max-height: 0;



  height: auto;



}



.macp .cplb .cp_1 li a{



  color: #fff;



}



.macp .cplb .cp_1 li:hover>a{



  color: #f4d05d;



}



.main2 .mainjz .cplb:hover>a{



  color: #fff;



}



.main2 .mainjz .cplb:hover>.cp_1{



  max-height: 1000px;



}



.main2 .mainjz .cplb:hover>.cp_1 ul li{



  max-height: 60px;



  display: block;



  opacity: 1;



  border-bottom: 1px solid rgb(98,99,101);



}







.cplb .cp_1 ul li{



  width: 100%;



  line-height: 60px;



  text-align: left;



  font-size: 14px;



  color: #fff;



  text-indent: 40px;



  transition:  max-height .3s;



  display: block;



  max-height: 0;



  opacity: 0;



  height: auto;



}



.cplb .cp_1 ul li img{



  margin-right: 10px;



  margin-bottom: 5px;



}







.mainjz .prod2_mk{



  width: 100%;



  margin-top: 60px;



}



.prod2_mk .prod2_dy{



  width: 387px;



  height: auto;



  float: left;



  border: 1px solid rgb(230,230,230);



  margin-right: 16px;



  margin-bottom: 20px;



  position: relative;



  overflow: hidden;



}



.mbb .ig2{



  width: 82px;



  height: 20px;



  position: absolute;



  top: 30px;



  left: 30px;



}



.prod2_mk .prod2_dy a:hover > .mbb{



  top: 0;



}



.prod2_mk .prod2_dy a:hover > .bo p,



.prod2_mk .prod2_dy a:hover > .bo span{



  color: #fff;



}



.prod2_mk .prod2_dy:nth-child(3n){



  margin-right: 0;



}



.prod2_dy .tp{



  width: 100%;



  height: auto;



  position: relative;



}



.prod2_dy .tp img{



  width: 100%;



  height: 100%;



}



.prod2_dy .tp .prod2ig{



  width: 82px;



  height: 20px;



  position: absolute;



  top: 30px;



  left: 30px;



}



.prod2_dy .bo{



  padding: 30px 20px;



  border-top: 1px solid rgb(230,230,230);



}



.prod2_dy .bo p{



  font-size: 16px;



  color: #333;



  margin-bottom: 5px;



  font-weight: bold;



}



.prod2_dy .bo span{



  font-size: 14px;



  color: #777;



}



.prod2_dy .mbb p:nth-child(1){



  margin-top: 45%;



}



.fy{



  display: table;



  width: auto;



  height: 45px;



  margin: 60px auto 0;



}



.fy li{



  float: left;



  width: 34px;



  height: 34px;



  border-radius: 100%;



  text-align: center;



  line-height: 34px;



  margin: 0 8px;



}



.fy li a{



  font-size: 12px;



  color: #666;



}



.fy li a img{



  margin-bottom: 5px;



}



.fy .sy{



  background: rgb(12,90,164);



  



}



.fy .sy a{



  color: #fff;



}



.fy li:hover{



  background: rgb(12,90,164);



}



.fy li:hover> a{



  color: #fff;;



}



.fy .q:hover{



  background: none;



}



.fy .h:hover{



  background: none;



}























/* 产品详情 */



/* .prodeta{



  width: 100%;



} */



* {



  margin: 0;



  padding: 0;



  outline: none;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}







*:before,



*:after {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}







/*产品详情*/



.proxq-one {



  padding: 88px 0 103px;



}







.proxq-con .bread {



  margin-top: 100px;



}







.proxq1-lf {



  width: 50%;



  float: left;



}



.proxq1-pic{



  overflow: hidden;



  width: 100%;



  height: 100%;



}



.proxq1-pic img {



  display: block;



  width: 100%;



}







.proxq1-top {



  height: 420px;



  float: right;



  width: 74%;



  position: relative;



}







.proxq1-thumbs {



  width: 15.5%;



  height: 420px;



  padding: 44px 0;



  position: relative;



}







.proxq1_thumbs {



  height: 310px;



  overflow: hidden;



}







.proxq1-con .proxq1-prev {



  top: 0;



  left: 50%;



  margin-left: -26px;



  width: 52px;



  background: url(../images/up.png) no-repeat center;



  text-align: center;



  line-height: 52px;



  color: #000;



  border-radius: 50%;



  z-index: 3;



  transition: all 0.4s;



}







.proxq1-con .proxq1-next {



  top: auto;



  bottom: 0;



  left: 50%;



  margin-left: -26px;



  width: 52px;



  background: url(../images/down1.png) no-repeat center;



  text-align: center;



  line-height: 52px;



  color: #000;



  border-radius: 50%;



  z-index: 3;



  transition: all 0.4s;



}







.proxq1-con .proxq1-prev:hover {



  background: url(../images/up-h.png) no-repeat center;



  color: #fff;



}







.proxq1-con .proxq1-next:hover {



  background: url(../images/down1-h.png) no-repeat center;



  color: #fff;



}







.proxq1-con .proxq1-thumbs p {



  color: #333;



  font-size: 16px;



  text-align: center;



  margin-top: 12px;



}







.proxq1_top {



  height: 100%;



  overflow: hidden;



}







.proxq1-con .proxq1-top .swiper-slide {



  padding: 0;



}







.proxq1-con .proxq1-top .proxq1-desc {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 100%;



  background: rgba(0, 0, 0, 0.72);



  padding: 0 20px;



}







.proxq1-con .proxq1-top .proxq1-desc p {



  color: #fff;



  text-align: center;



  font-size: 18px;



  padding: 13px 0;



}







.proxq1-top .swiper-pagination {



  display: none;



}







.proxq1-con .proxq1-thumbs .swiper-slide {



  border: 1px solid rgba(195, 203, 208, 0.7);



}







.proxq1-con .proxq1-thumbs .swiper-slide.active-nav {



  border: 1px solid #6a8abd;



  border-image: -webkit-linear-gradient(#6cb9bc, #6a8abd) 30 30;



  border-image: -moz-linear-gradient(#6cb9bc, #6a8abd) 30 30;



  border-image: linear-gradient(#6cb9bc, #6a8abd) 30 30;



}







.bread {



  border-bottom: 1px solid rgba(39, 39, 39, 0.15);



  background: #fff;



  padding: 17px 0 15px;



}







.bread a {



  display: inline-block;



  font-size: 16px;



  color: #666;



  line-height: 22px;



  vertical-align: middle;



  transition: all 0.4s;



}







.bread i {



  display: inline-block;



  vertical-align: middle;



  margin: 0 4px;



}







.bread a.home {



  padding-left: 38px;



  background: url(../images/home.png) no-repeat left center;



}







.bread a:last-child,



.bread a:hover {



  color: #C8211C;



}







.proxq-two {



  padding: 30px 0;



  background: url(../images/img45.png) no-repeat center;



  background-size: cover;



}







.proxq2-nav a {



  display: inline-block;



  font-size: 20px;



  color: #fff;



  padding: 0 45px;



  position: relative;



}







.proxq2-nav a:after {



  content: '';



  width: 1px;



  height: 22px;



  background: rgba(255, 255, 255, 0.3);



  position: absolute;



  right: 0;



  top: 50%;



  margin-top: -11px;



}







.proxq2-nav a:last-child:after {



  display: none;



}







.proxq3-table img {



  display: block;



  width: 100%;



}







.proxq-three {



  padding: 65px 0 260px;



}



.swiper-slide,.swiper-slide img{



  width: 100%;



  height: 100%;



}

@media (max-width:600px) {
  .swiper-slide,.swiper-slide img{



    /*width: 100% !important;*/
  
  
  
    height: 100%;
  
  
  
  }
}






/* 右边 */



.proxq1-rt{



  width: 50%;



  float: right;



}



.proxq1-rt .proxq1-rt_jz{



  margin-left: 100px;



}



.proxq1-rt_jz .prod_p{



  font-size: 36px;



  color: #333;



  font-weight: bold;



  margin-bottom: 25px;



}



.proxq1-rt_jz span{



  font-size: 16px;



  color: #888;



  display: block;



  line-height: 30px;



}



.proxq1-rt_jz .rt_ig{



  width: 283px;



  height: 83px;



  margin: 25px 0;



  display: block;



}



.proxq1-rt_jz button{



  width: 160px;



  height: 50px;



  border-radius: 50px;



  font-size: 14px;



  color: #777;



  margin-right: 20px;



  background: rgb(240,241,242);



}



.proxq1-rt_jz button:hover{



  font-weight: bold;



}



.proxq1-rt_jz button img{



  width: 13px;



  height: 12px;



}







/* 锚点 */



.products .nei_anchor{



  width: 100%;



  height: 80px;



  background: rgb(12,90,164);



  line-height: 80px;



  position: sticky;



  top: 0;



  transition: 0.3s; 



  z-index: 9;



}



.nei_anchor .wrap{



  width: 1200px;



  margin: 0 auto;



}



.nei_anchor .wrap button{



  width: 145px;



  height: 50px;



  background: none;



}



.wrap button a{



  font-size: 16px;



  color: #fff;



}



.nei_anchor .wrap .on a{



  color: #0c5aa4;



  padding-bottom: 13px;



  border-bottom: 2px solid #0c5aa4;



}



.wrap .on a{



  color: #000;



}







/* 锚链接 */



.mlj{



  width: 100%;



  height: auto;



}



.mlj .about-con{



  width: 1200px;



  margin: 0 auto;



  padding-bottom: 80px;



}



.about-con .abo-one{



  width: 100%;



  padding-top: 80px;



}



.cstb_p{



  font-size: 28px;



  color: #333;



  margin-bottom: 30px;



  font-weight: bold;



}



.abo-two p img{



  width: 100%;



  height: 100%;



}



.abo-two .cstb_p img{



  width: 37px;



  height: 37px;



  margin-right: 15px;



}



.abo-three p img{



  width: 100%;



  height: 100%;



}



.abo-three .cstb_p img{



  width: 37px;



  height: 37px;



  margin-right: 15px;



}



.abo-four p img{



  width: 100%;



  height: 100%;



}



.abo-four .cstb_p img{



  width: 37px;



  height: 37px;



  margin-right: 15px;



}



.abo-one .csbiao,.csbiao img{



  width: 100%;



  height: 100%;



}



.abo-one .csbiao{



  width: 90%;



  margin: 0 auto;



  margin-bottom: 17px;



  padding-bottom: 20px;



  overflow-x: auto;



}







.abo-one .csbiao::-webkit-scrollbar {



  width: 3px;



  background-color: #136091;



  border-radius:50px;



}







.abo-one .csbiao::-webkit-scrollbar-track {



  border-radius: 50px;



  background-color:#999999



}







.abo-one .csbiao::-webkit-scrollbar-thumb {



  border-radius: 50px;



  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



  background-color: #136091



}











.abo-one .bz{



  font-size: 14px;



  color: #666;



  margin-bottom: 0;



  line-height: 25px;



}



.abo-one span{



  display: block;



  width: 100%;



  text-indent: 2.8em;



}







.about-con .abo-two{



  width: 100%;



  height: auto;



  padding-top: 80px;



}



.abo-two div,.abo-two div img{



  width: 100%;



  height: 100%;



}











.about-con .abo-three{



  width: 100%;



  height: auto;



  padding-top: 80px;



}



.abo-three .three,.abo-three .three img{



  width: 100%;



  height: 100%;



}



.abo-three .bz div{



  float: left;



}



.bz .wz{



  padding-top: 20px;



}



.bz .wz p{



  width: 410px;



  font-size: 14px;



  color: #666;



  line-height: 30px;



}







.about-con .abo-four{



  width: 100%;



  height: auto;



  padding-top: 80px;



}



.abo-four .xz{



  font-size: 14px;



  color: #666;



}



.abo-four .fourdi{



  margin-top: 25px;



}



.fourdi div{



  width: 49%;



  float: left;



  margin-right: 2%;



  overflow: hidden;



}



.fourdi div:nth-child(2){



  margin-right: 0;



}



.fourdi div img{



  width: 100%;



  height: 100%;



}



















.products .tuijian{



  width: 100%;



  background: rgb(251,251,251);



}



.tuijian .tuijian_jz{



  width: 1440px;



  margin: 0 auto;



  padding: 80px 0;



  position: relative;



}



.tuijian_jz p{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  margin-bottom: 50px;



  text-align: center;



}



.tuijian_jz .tj_1{



  /* width: 32%; */



  width: 99%;



  margin-right: 7%;



  /* float: left; */



  margin: 0 auto;



  border: 1px solid rgb(230,230,230);



  position: relative;



  overflow: hidden;



}



.tuijian_jz .tj_1:nth-child(3n){



  margin-right: 0;



}



.tuijian_jz .tp{



  position: relative;



}



.tuijian_jz .tp,.tp img{



  width: 100%;



  height: 100%;



}



#swp2 .swiper-wrapper .swiper-slide .tp .prod2ig,



#swp2 .swiper-wrapper .swiper-slide .mbb .ig2{



  width: 82px;



  height: 20px;



  position: absolute;



  top: 30px;



  left: 30px;



}



#swp2 .swiper-wrapper .swiper-slide .tp .prod2ig{

  display: none;

}



.tuijian_jz .bo {



  padding: 30px 20px;

  text-align: center;

  border-top: 1px solid rgb(230,230,230);



}



.tuijian .bo p{



  font-size: 16px;



  width: auto;



  color: #333;



  margin-bottom: 0;



}



.tuijia .bo span{



  font-size: 14px;



  color: #777;



}







.tuijian_jz .mbb p {



  font-size: 16px;



  color: #fff;



  margin-bottom: 10px;



  padding-left: 18px;



  background-image: url(../images/lbjt.png);



  background-repeat: no-repeat;



  background-position-y: 5px;



  font-weight: 500;

  text-align: left;

}



.tuijian_jz .mbb p.p3{

  display: flex;

  justify-content: start;

  align-items: flex-start;

  color: #fff;

  text-align: left;

}

.tuijian_jz .mbb p.p3 img{

  margin-right: 5px;

  width: 20px;

  height: 20px;

}



.tj_1 .mbb .p1{



  margin-top: 45%;



}



.tj_1:hover> .mbb{



  top: 0;



  background: rgba(51,138,198,0.9);



}

.tj_1 .mbb .p6{
  font-size: 18px;
  color: #8fc320;
  font-family: "akz2";
  background: none;
}
.tj_1 .mbb .p6 img {
  width: 27px;
  margin-left: 10px;
  margin-top: 35px;
}



.tj_1:hover> .ps{



  display: none;



}



.tj_1:hover> .bo p{



  color: #fff;



}



.tj_1:hover> .bo span{



  color: #fff;



}



.tuijian .hproduct-left, .tuijian .hproduct-right {



  width: 50px;



  height: 50px;



  background-size: contain;



  background-repeat: no-repeat;



}



.tuijian .hproduct-right {



  background-image: url(../images/hui2.png);



  position: absolute;



  right: 0;



  top: 48%;



}



.tuijian .hproduct-left {



  background-image: url(../images/hui.png);



  position: absolute;



  left: 0;



  top: 48%;



}



.tuijian .hproduct-right:hover {



  background-image: url(../images/lan.png);



}



.tuijian_jz .swptu, .swptu .swiper-wrapper {



  width: 1200px;



  margin: 0 auto;



}



.tuijian_jz .hproduct-left:hover {



  background-image: url(../images/lan2.png);



}







/* 案例推荐 */



.products .anli{



  width: 1200px;



  margin: 0 auto;



  overflow: hidden;



  padding: 75px 0;



}



.products .anli p{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  margin-bottom: 30px;



}



.anli .anli_1{



  width: 32%;



  margin-right: 2%;



  float: left;



  /* border-bottom: 1px solid rgb(220,220,220); */



}



.anli .anli_1:nth-child(3n){



  margin-right: 0;



}



.anli_1 .anli_to{



  width: 100%;

  height: 0;

  padding-bottom: 74.7%;

  position: relative;



}

.anli_to img{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  max-width: 100%;

  max-height: 100%;

}



.anli_1 .anli_bo{



  height: 70px;



  width: 100%;



  line-height: 70px;



  background-image: url(../images/anli_jt.png);



  background-repeat: no-repeat;



  background-position: 95%;



  border-bottom: 1px solid rgb(220,220,220);



  padding-left: 20px;



  transition: all .5s;



}



.anli_bo span{



  font-size: 16px;



  color: #555;



  transition: all .5s;



}



.anli_bo div{



  width: 1px;



  height: 25px;



  background: rgb(220,220,220);



  float: right;



  margin-top: 22px;



  margin-right: 54px;



  transition: all .5s;



}



.anli_1:hover>.anli_bo{



  background-image: url(../images/anli_ljt.png);



  border-bottom: 1px solid rgb(12,90,164);



}



.anli_1:hover>.anli_bo span{



  color: #0c5aa4;



  font-weight: bold;



}



.anli_1:hover>.anli_bo div{



 background: rgb(12,90,164);



}











/* 解决方案 */



.solut_main{



  width: 100%;



  min-height: 500px;



}











.bjzm .bt{



  margin-bottom: 35px;



  margin-top: 0;



}



.soul_lbt:nth-child(2n){



  background: rgb(249,249,249);



}



/* .soul_lbt{



  width: 90%;



  margin: 0 auto;



} */






.soul_lbt,
.tuijian{
  display: none;
}


.bjzm{



  width: 1440px;



  height: auto;



  margin: 0 auto;



  position: relative;



  padding: 70px 0;



  overflow: hidden;



}



.bjzm .swp1,.swp1 .swiper-wrapper{



  width: 1200px;



  margin: 0 auto;



}



.swp1 .swiper-wrapper .swiper-slide{



  /* width: 446px; */



  /* height: 446px; */



  /* margin-right: 30px; */



  position: relative;



}



.swp1 .swiper-wrapper .swiper-slide .ig1{



  width: 100%;



  height: 100%;



}



.swp1 .swiper-wrapper .swiper-slide .ig2{



  width: 82px;



  height: 20px;



  position: absolute;



  top: 30px;



  left: 30px;



  z-index: 0;



 



}



.swp1 .swiper-wrapper .swiper-slide p{



  font-size: 16px;



  color: #333;



  font-weight: bold;



  position: absolute;



  top: 87%;



  width: 100%;



  text-align: center;



}



.swp1 .swiper-wrapper .swiper-slide:nth-child(3n){



  margin-right: 0;



}







/* 前进后退 */



.bjzm .hproduct-left,.bjzm .hproduct-right{



  width: 50px;



  height: 50px;



  background-size: contain;



  background-repeat: no-repeat;



}



.bjzm .hproduct-left{



  background-image: url(../images/hui.png);



  position: absolute;



  left: 0;



  top: 55%;



}



.bjzm .hproduct-right{



  background-image: url(../images/hui2.png);



  position: absolute;



  right: 0;



  top: 55%;



}



.bjzm .hproduct-left:hover{



  background-image: url(../images/lan2.png);



}



.bjzm .hproduct-right:hover{



  background-image: url(../images/lan.png);



}























/* 解决方案详情 */



.solu_date{



  width: 100%;



  min-height: 500px;



}



.solu_date .solu_date1{



  width: 1200px;



  margin: 0 auto;



  padding: 70px 0;



}



.solu_date1 .date_bt{



  font-size: 30px;



  color: #333;



  text-align: center;



  font-weight: bold;



}



.solu_date1 .date_xbt img{



  margin-right: 10px;



  width: 12px !important;



  height: 9px !important;



}



.solu_date1 .date_bj{



  padding-bottom: 60px;



  border-bottom:1px solid rgb(225,225,225);



}



.solu_date1 .date_xbt{



  font-size: 22px;



  color: #333;



  margin-top: 50px;



  margin-bottom: 20px;



  font-weight: bold;



}



.date_bj span{



  font-size: 16px;



  color: #777;



  line-height: 30px;



  display: block;



  margin-bottom: 40px;



}



.date_bj .fztp div{



  margin-right: 10px;



  float: left;



  overflow: hidden;



}



.date_bj .fztp div:nth-child(2){



  margin-right: 0px;



}



.date_bj .fztp div img{



  width: 100%;



  height: 100%;



}







.solu_date1 .date_fa{



  padding-bottom: 60px;



  border-bottom:1px solid rgb(225,225,225);



}



.date_fa p{



  font-size: 16px;



  color: #777;



  line-height: 30px;



}



.date_fa span{



  font-size: 16px;



  color: #777;



  line-height: 30px;



  display: block;



  text-indent: 1em;



  margin-bottom: 40px;



}



.date_fa .fztp2 div{



  float: left;



  margin-right: 10px;



  overflow: hidden;



}



.date_fa .fztp2 div:nth-child(2){



  margin-right: 0px;



}



.fztp2 div p{



  font-size: 14px;



  color: #0c5aa4;



  text-align: center;



  font-weight: bold;



  margin-top: 20px;



}







.solu_date1 .date_bg{



  width: 1200px;



  margin: 0 auto;



}



.date_bg div,.date_bg div img{



  width: 100%;



  height: 100%;



}











.solu_date .date_dxg{



  width: 100%;



  background: rgb(251, 251, 251);



}



.date_dxg .date_xg{



  width: 1200px;



  margin: 0 auto;



  padding: 80px 0;



}



.date_xg p{



  font-size: 27px;



  color: #333;



  font-weight: bold;



  margin-bottom: 30px;



}



.date_xg .anli{



  width: 1200px;



  margin: 0 auto;



  overflow: hidden;



  padding: 75px 0;



}



.date_xg .anli p{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  margin-bottom: 30px;



}



.date_xg .anli_1{



  float: left;



  width: 32%;



  margin-right: 2%;



  border-bottom: 1px solid rgb(220,220,220);



}



.date_xg .anli_1:nth-child(3n){



  margin-right: 0;



}



.anli_1 .anli_to,.anli_to img{



  width: 100%;



  color: 100%;



}















/* 成功案例 */



.case{



  width: 100%;



  min-height: 500px;



}



.case .case_jz{



  width: 1200px;



  margin: 0 auto;



}



.case_jz .anniu{



  /* width: 700px; */



  width: auto;



  display: table;



  height: 50px;



  margin: 0 auto;



  margin-top: 60px;



}



.anniu button{



  width: 160px;



  height: 48px;



  border-radius: 50px;



  border: 2px solid rgb(231,231,231);



  font-size: 14px;



  color: #333;



  margin-right: 15px;



}



.anniu button.on{



  border:none;



}



.anniu button:nth-child(4){



  margin-right: 0;



}



.anniu .on a{



  background: rgb(12,90,164);



  border: none;



  color: #fff;



  border-radius: 50px;



}



.anniu button:hover{



  background: rgb(12,90,164);



  border: none;



  color: #fff;



}



.anniu button:hover a{



  color: #fff;



}



.anniu button a{



  width: 100%;



  height: 100%;



  font-size: 14px;



  color: #333;



  line-height: 50px;



}



.case_jz a{



  /*width: 100%;*/



  height: 100%;



  display: block;



}



.case .case_jz{



  width: 1200px;



  margin: 0 auto;



}







.case_jz .anli_1{



  float: left;



  width: 32%;



  margin-right: 2%;



  /* border-bottom: 1px solid rgb(220,220,220); */



  margin-top: 60px;



}



.case_jz .anli_1:nth-child(3n){



  margin-right: 0;



}



.anli_1 .anli_to{



  overflow: hidden;



}



.anli_1 .anli_to,.anli_to img{



  width: 100%;



  color: 100%;



}



.case_jz .fy{



  margin-bottom: 60px;



}



.fdxs{



  display: none;



}



.fdxs2{



  display: block;



}



.case_jz .anli_1 a:hover >.anli_bo span{



  color: #0c5aa4;



  font-weight: bold;



}



.case_jz .anli_1 a:hover >.anli_bo div{



  background: rgb(12,90,164);



}



.case_jz .anli_1 a:hover>.anli_bo{



  background-image: url(../images/anli_ljt.png);



  border-bottom: 1px solid rgb(12,90,164);



}















/* 案例详情 */



.case_date{



  width: 100%;



  min-height: 500px;



}



.case_date .lbt{



  width: 100%;



  background: rgb(245,245,245);



}



.case_date .productsjz{



  width: 1200px;



  margin: 0 auto;



}



.case_date .proxq1-top{



  float: left;



}



.case_date .proxq1-thumbs{



  float: right;



  margin-right: 50px;



}



.case_date .proxq1-lf{



  width: 100%;



  height: 618px;



}



.case_date .proxq1-top{



  height: 618px;



}



.case_date .proxq1-thumbs {



  width: 19.5%;



  height: 620px;



}



.case_date .proxq1_thumbs{



  height: 533px;



}



.case_date .proxq1-con .proxq1-prev{



  top: 20px;



}



.case_date .proxq1-con .proxq1-thumbs .swiper-slide.active-nav {



  border: 3px solid rgb(12,90,164);



}



.case_date .proxq-one{



  padding: 60px 0 80px;



}



.case_date .productsjz .p1{



  font-size: 36px;



  color: #333;



  font-weight: bold;



  margin-bottom: 25px;



}



.shijian{



  font-size: 14px;



  color: #666;



  display: block;



  margin-bottom: 50px;



}



.shijian img{



  width: 18px;



  height: 18px;



  margin-right: 10px;



}



.case_date .proxq1-top .swiper-slide{



  position: relative;



}



.case_date .mb{



  width: 100%;



  height: 60px;



  background: rgba(25,77,127,0.8);



  position: absolute;



  bottom: -70px;



  transition: all 0.5s;



}



.case_date .mb p{



  width: 100%;



  height: 100%;



  line-height: 60px;



  text-align: center;



  font-size: 18px;



  color: #fff;



  margin-bottom: 0;



  font-weight: 500;



}



.case_date .productsjz .dig{



  font-size: 16px;



  color: #666;



  display: block;



  line-height: 26px;



}



.case_date .dig1{



  margin-top: 40px;



}



.lb_btrq button{



  font-size: 16px;



  color: #666;



  width: 150px;



  height: 50px;



  background: #fff;



  border-radius: 50px;



  border: 2px solid rgb(231,231,231);



}



.lb_btrq button img{



  margin-right: 10px;



}



.lb_btrq .bti2 img{



  margin-right: 0;



  margin-left: 10px;



}



.lb_btrq .bti img{



  transform: rotate(180deg);



}



.bti:hover> img{



  transform: rotate(0deg);



}



.bti2:hover> img{



  transform: rotate(180deg);



}



.lb_btrq button:hover{



  border: none;



  background: rgb(12,90,164);



  color: #fff;



}



.lb_btrq .lbi{



  font-size: 14px;



  border: none;



  background: none;



}



.lb_btrq .lbi:hover{



  border: none;



  background: none;



  color: #666;



}







.lb_btrq{



  position: relative;



  margin-top: 50px;



}



.lb_btrq .bti1{



  position: absolute;



  left: 0;



}



.lb_btrq .bti2{



  position: absolute;



  right: 0;



}



.lb_btrq .lbi{



  position: absolute;



  left: 50%;



  margin-left: -75px;



}



.case_date .altj{



  width: 100%;



  height: auto;



}



.case_date .altj .altj_jz{



  width: 1200px;



  margin: 0 auto;



  padding: 80px 0;



}



.case_date .anbt{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  margin-bottom: 40px;



}



.case_date  .anli {



  width: 1200px;



  margin: 0 auto;



  overflow: hidden;



  padding: 80px 0;



}



.case_date .tuijian{



  width: 100%;



  background: rgb(251,251,251);



}















/* 研发与制造 */







.products_nav .nei_anchor{



  width: auto;



  float: right;



}



.products_nav .nei_anchor .wrap{



  width: auto;



}



.products_nav .wrap span a{



  font-size: 16px;



  color: #666;



}



.products_nav .wrap span{



  margin-right: 60px;



  height: 50px;



}



.products_nav .wrap span:nth-child(4){



  margin-right: 0;



}



/* .products_nav .wrap span .mlj{



  border-bottom: 2px solid #0c5aa4;



  color: #0c5aa4;



  padding-top: 0;



  font-size: 16px;



  padding-bottom: 13px;



} */



.products_nav .wrap span a:hover{



  /* border-bottom: 2px solid #0c5aa4; */



  color: #0c5aa4;



  padding-bottom: 13px;



}



.products_navzd2{



  background: #fff;



  position: sticky;



  top: 0;



  transition: 0.3s;



  z-index: 9;



}











.research_and{



  width: 100%;



  min-height: 500px;



}



.research_and .yfzx{



  width: 100%;



  height: auto;



  padding: 80px 0;



}



.research_and .yfzx .yfzxjz{



  width: 1200px;



  margin: 0 auto;



}



.research_and .resc_1{



  width: 32%;



  float: left;



  margin-left: 2%;



  position: relative;



  overflow: hidden;



}



.research_and .resc_1 .ftp,



.research_and .resc_1 .ftp img{



  width: 100%;



  height: 100%;



}



.research_and .resc_1:nth-child(3n){



  margin-left: 0;



}



.research_and .res_1 .ftp,.research .res_1 .ftp img{



  width: 100%;



  height: 100%;



  overflow: hidden;



}



.research_and .mb{



  width: 100%;



  height: 70px;



  background: rgba(67,70,77,0.9);



  position: absolute;



  bottom: 0;



  transition: all 0.5s;



  overflow: hidden;



}



.research_and .mb .dp{



  font-size: 22px;



  height: 70px;



  line-height: 70px;



  color: #fff;



  text-align: center;



  background-image: url(../images/rese_wjt.png);



  background-repeat: no-repeat;



  background-position: 50% 25%;



  padding-top: 10px;



}



.research_and .mb p{



  font-size: 14px;



  color: #fff;



  line-height: 35px;



  text-align: center;



}



.research_and .resc_1:hover >.mb{



  background: rgba(26,109,175,0.9);



  height: 195px;



}



.research_and .resc_1:hover >.mb .dp{



  font-size: 26px;



  background-position: 50% 25%;



  background-image: url(../images/rese_mjt.png);



  background-position: 50% 90%;



  padding-top: 0px;



}







/* 研究成果 */



.research_and .yjcg{



  width: 100%;



  height: auto;



  background: rgb(249,249,249);



}



.research_and .yjcg .yjcgjz{



  width: 1200px;



  margin: 0 auto;



  padding: 50px 0;



}



.research_and .bt{



  margin-top: 0;



}



.research_and .btrq{



  width: 705px;



  height: 50px;



  margin: 0 auto;



 text-align: center;



}



.research_and .btrq button{



  width: 160px;



  height: 50px;



  font-size: 14px;



  color: #333;



  border-radius: 50px;



  border: 2px solid rgb(231,231,231);



  margin-right: 16px;



}



.research_and .btrq button:nth-child(4){



  margin-right: 0;



}



.research_and .btrq .on{



  border: none;



  background: rgb(12,90,164);



  color: #fff;



  font-weight: bold;



}



.research_and .btrq button:hover{



  border: none;



  background: rgb(12,90,164);



  color: #fff;



  font-weight: bold;



}















/*partner -end*/



      /*team -start*/



      .team-slide {



          position: relative;



      }







      .team-slide .swiper-slide {



          width: 8rem;



      }







      .sec-team {



          background: rgb(249,249,249);



          padding-bottom: 80px;



      }







 







      .team-item .m-img img {



          width: 100%;



          height: 100%;



      }



      .m-img{



          position: relative;



      }



      .team-item p {



          position: absolute;



          bottom: -54px;



          width: 100%;



          font-size: 22px;



          color: #333;



          padding: .1rem;



          text-align: center;



          transition: all .3s;



      }







      .team-left,



      .team-right {



          width: 53px;



          height: 53px;



         background-image: url(../images/hui_2.png);



          border-radius: 50%;



          font-size: .18rem;



          color: #fff;



          text-align: center;



          line-height: .5rem;



          cursor: pointer;



          position: absolute;



          top: 50%;



          margin-top: -0.25rem;



          z-index: 1;



          transition: all .3s;



      }







      .team-left {



          left: 0rem;



      }







      .team-right {



          right: 0rem;



          transform: rotate(180deg);



      }







      .team-right:hover {



          transform: rotate(0deg);



          background-image: url(../images/lan_2.png);



      }



      .team-left:hover {



          transform: rotate(180deg);



          background-image: url(../images/lan_2.png);



      }







      .rel {



          position: relative;



      }







      .abs {



          position: absolute;



          height: 1px;



          top: -.6rem;



      }







      .container {



          padding-right: 15px;



          padding-left: 15px;



          margin: 0 auto;



      }







      .res_yc,.res_zz{



          display: none;



      }



      .res_xs,.res_zzy{



          display: block;



      }







     







/* 制造中心 */



.research_and .zzzx{



  width: 100%;



  height: auto;

  

  display: none;



}



.research_and .zzzx .zzzxjz{



  width: 1200px;



  margin: 0 auto;



  padding-top: 80px;



}







.research_and .lbt{



  width: 100%;



  background: rgb(245,245,245);



}



.research_and .productsjz{



  width: 1200px;



  margin: 0 auto;



}



.research_and .proxq1-top{



  float: left;



}



.research_and .proxq1-thumbs{



  float: right;



  margin-right: 50px;



}



.research_and .proxq1-lf{



  width: 100%;



  height: auto;



}



.research_and .proxq1-top{



  width: 100%;



  height: 532px;



  float: none;



}







.research_and .proxq1-thumbs {



  width: 1200px;



  height: 140px;



  float: none;



  padding: 0 80px;



  margin-top: 40px;



  margin-right: 0;



}



.research_and .proxq1_thumbs{



  height: 140px;



}



.research_and .proxq1-con .proxq1-thumbs .swiper-slide.active-nav {



  border: 3px solid rgb(12,90,164);



}



.research_and .proxq1-thumbs .swiper-wrapper{



  height: 110px;



}



.research_and .proxq1-thumbs .swiper-wrapper{



  font-size: 16px;



  color: #666;



}



.research_and .proxq1-thumbs .active-nav p{



  font-size: 16px;color: #0c5aa4;



}



.research_and .proxq-one{



  padding: 50px 0 80px;



}



.research_and  .zzzx .fbt{



  margin-top: 0;



}



.research_and .proxq1-con .proxq1-prev,



.research_and .proxq1-con .proxq1-next{



  top: 50%;



  width: 50px;



  height: 50px;



}



.research_and .proxq1-con .proxq1-prev{



  left: 2%;



  background-image: url(../images/hui_2.png);



}



.research_and .proxq1-con .proxq1-next{



  left: 98%;



  background-image: url(../images/hui_2.png);



  transform: rotate(180deg);



}



.research_and .proxq1-con .proxq1-prev:hover{



  transform: rotate(180deg);



  background-image: url(../images/lan_2.png);



}



.research_and .proxq1-con .proxq1-next:hover{



  background-image: url(../images/lan_2.png);



  transform: rotate(0deg);



}



.research_and .swiper-slide{



  position: relative;



}



.research_and .mb2{



  width: 100%;



  height: 60px;



  background: rgba(25,93,157,0.8);



  position: relative;



  bottom: 60px;



}



.research_and .mb2 p{



  height: 60px;



  line-height: 60px;



  text-align: center;



  font-size: 18px;



  color: #fffefe;



}







/* 质量中心 */



.research_and .zlzx{



  width: 100%;



  height: auto;



  position: relative;



}



.research_and .zlzx .bt{



  font-size: 36px;



  color: #fff;



  text-align: center;



  background-image: url(../images/btbj2.png);



  background-repeat: no-repeat;



  background-position: center;



}







.research_and .zlzx .zlzxs{



  width: 100%;



  height: 340px;



  background-image: url(../images/hzhbbj.jpg);



  background-size: cover;



  padding-top: 60px;



}



.research_and .zlzx .bt,.research_and .zlzx .fbt{



  color: #fff;



}



.research_and .zlzx .zlzxjz{



  width: 1200px;



  margin: 0 auto;



  position: absolute;



  top: 200px;



  left: 50%;



  margin-left: -600px;



}



.research_and .tprq{



  width: 100%;



}



.research_and .tprq div{



  width: 49%;



  margin-right: 2%;



  float: left;



}



.research_and .tprq div img{



  width: 100%;



  height: 100%;



}



.research_and .tprq div:nth-child(2){



  margin-right: 0;



}



.research_and .zlzxjz span{



  font-size: 16px;



  color: #0c5aa4;



  display: block;



  text-align: center;



  margin-top: 30px;



}



.research_and .bg{



  width: 1200px;



  height: auto;



  margin: 0 auto;



  margin-top: 350px;



  margin-bottom: 70px;



}



.research_and .bg img{



  width: 100%;



  height: 100%;



}











/* 服务支持 */



.service{



  width: 100%;



  height: auto;



}







.service .bt{



  margin-top: 0;



}



.service .fwln{



  width: 1200px;



  margin: 0 auto;



  padding-top: 80px;



}



.service .fwln span{



  display: block;



  width: 100%;



  text-align: center;



  font-size: 14px;



  color: #666;



  line-height: 35px;



}



/* .service .fwln p{



  display: block;



  width: 100%;



  text-align: center;



  font-size: 16px;



  color: #666;



  line-height: 35px;



} */



.service .fwln .qiu{



  width: 600px;



  margin: 0 auto;



  padding: 55px 0;



  position: relative;



}



.service .fwln .qiu_1{



  width: 200px;



  height: 200px;



  border-radius: 50%;



  border:3px solid rgb(0,55,147);



  margin: 0 auto;



}



.service .fwln .qiu_1 p{



  font-size: 16px;



  color: #0c5aa4;



  text-align: center;



  padding: 0 15px;



}



.service .fwln .qiu_1 p:nth-child(1){



  font-size: 20px;



  margin-top: 65px;



}



.service .fwln .qiu_2{



  width: 400px;



  height: 200px;



  margin: 0 auto;



}



.service .fwln .qiu_2 .qiu_21,



.service .fwln .qiu_2 .qiu_22{



  float: left;



  width: 200px;



  height: 200px;



  border-radius: 50%;



  background: rgb(0,64,152);



  position: absolute;



  top: 227px;



}



.service .fwln .qiu_2 .qiu_22{



  background: rgb(26,83,164);



  left: 300px;



}



.service .fwln .qiu_2 .qiu_21 p,



.service .fwln .qiu_2 .qiu_22 p{



  font-size: 16px;



  color: #fffefe;



  text-align: center;



  padding: 0 15px;



}



.service .fwln .qiu_2 .qiu_21 p:nth-child(1),



.service .fwln .qiu_2 .qiu_22 p:nth-child(1){



  font-size: 20px;



  margin-top: 65px;



}



.service .fwln .qiu_3{



  width: 600px;



  height: 200px;



  margin: 0 auto;



}



.service .fwln .qiu_3 .qiu_31,



.service .fwln .qiu_3 .qiu_32,



.service .fwln .qiu_3 .qiu_33{



  float: left;



  width: 200px;



  height: 200px;



  border-radius: 50%;



  background: rgb(103,140,193);



  position: absolute;



  top: 400px;



}



.service .fwln .qiu_3 .qiu_32{



  background: rgb(77,121,182);



  left: 200px;



}



.service .fwln .qiu_3 .qiu_33{



  background: rgb(52,102,173);



  left: 400px;



}



.service .fwln .qiu_3 .qiu_31 p,



.service .fwln .qiu_3 .qiu_32 p,



.service .fwln .qiu_3 .qiu_33 p{



  font-size: 16px;



  color: #fffefe;



  text-align: center;



  padding: 0 15px;



}



.service .fwln .qiu_3 .qiu_31 p:nth-child(1),



.service .fwln .qiu_3 .qiu_32 p:nth-child(1),



.service .fwln .qiu_3 .qiu_33 p:nth-child(1){



  font-size: 20px;



  margin-top: 65px;



}



/* 营销网络 */



.service .yxwl{



  width: 100%;



  background-image: url(../images/service.png);



  background-size: cover;



  background-repeat: no-repeat;



  background-position: center;



  padding: 80px 0;



}



.service .yxwl .bt{



  margin-top: 0;



  color: #fff;



}



.service .yxwl .fbt{



  color: #fff;



}



.service .yxwl .dt{



  width: 1200px;



  margin: 0 auto;



}



.service .yxwl .dt .lf{



  float: left;



}



.service .yxwl .dt .lf img{



  width: 100%;



  height: 100%;



}



.service .yxwl .dt .yo{



  float: right;



}



.service .yxwl .dt .yo{



  padding-left: 80px;



}



.service .yxwl .dt .yo button{



  width: 160px;



  height: 50px;



  background: none;



  border: 2px solid #fff;



  border-radius: 50px;



  font-size: 14px;



  color: #fff;



  font-weight: bold;



  margin-right: 20px;



}



.service .yxwl .dt .yo .bdj{



  border: none;



  background: #fff;



  color: #000;



}



.service .yxwl .dt .yo button:hover{



  border: none;



  background: #fff;



  color: #000;



}



.service .yxwl .dt .gn{



  float: none;



  margin-top: 70px;



}



.service .yxwl .dt .gn p{



  font-size: 24px;



  color: #fff;



}



.service .yxwl .dt .zongbu,



.service .yxwl .dt .gnzd{



  float: none;



  width: 380px;



  height: 100px;



  border-left: 2px solid rgb(98,148,195);



  margin-top: 32px;



  padding-left: 10px;



}



.service .yxwl .dt .zongbu p,



.service .yxwl .dt .gnzd p{



  font-size: 20px;



  color: #fff;



  margin-bottom: 5px;



}



.service .yxwl .dt .zongbu span,



.service .yxwl .dt .gnzd span{



  font-size: 16px;



  color: #fff;



  opacity: 0.8;



  line-height: 25px;



}



.service .yxwl .dt .lf .qq1{



  display: none;



}



.service .yxwl .dt .yo .qqn{



  display: none;



}



/* 技术支持 */



.service .jszc{



  width: 1200px;



  margin: 0 auto;



  padding-top: 80px;



}



.service .jszc span{



  font-size: 14px;



  color: #333;



  display: block;



  text-align: center;



  line-height: 25px;



  margin-top: 20px;



}



.service .jszc .lb{



  width: 100%;



  margin: 70px 0;

  display: flex;

  justify-content: center;

}



.service .jszc .lb div{



  width: 19%;



  height: 252px;



  margin-right: 1%;



  float: left;



  padding: 0 25px;



  border-top: 7px solid rgb(230,237,245);



  background: rgb(249,249,249);



  padding-bottom: 25px;



}



.service .jszc .lb div p{



  font-size: 30px;



  color: #333;



  margin: 40px 0;



}



  .service .jszc .lb div span {



      font-size: 14px;



      color: #666;



      line-height: 25px;



      text-align: left;



      display: -webkit-box;



      -webkit-box-orient: vertical;



      -webkit-line-clamp: 5;



      overflow: hidden;



  }



.service .jszc .lb div:hover{



  border-top: 7px solid rgb(12,90,164);



  background: rgb(12,90,164);



}



.service .jszc .lb div:hover > p{



  color: rgba(255, 255, 255, 0.4);



 



}



.service .jszc .lb div:hover  span{



  color: #fff;



}











/* 服务支持-资源下载 */



.service2_xz{



  width: 100%;



  min-height: 500px;



}



.service2_xz .zyxz{



  width: 1200px;



  margin: 0 auto;



  padding-bottom: 80px;



}



.service2_xz .zyxz .burq{



  width: 700px;



  height: 50px;



  margin: 0 auto;



  margin-top: 70px;



  margin-bottom: 25px;



}



.service2_xz .zyxz .burq button{



  width: 160px;



  height: 50px;



  font-size: 14px;



  color: #333;



  border: 2px solid rgb(231,231,231);



  border-radius: 50px;



  margin-right: 15px;



  background: rgb(249,249,249);



}



.service2_xz .zyxz .burq button a{



  font-size: 14px;



  color: #333;



}



.service2_xz .zyxz .burq .sebs{



  background: rgb(12,90,164);



  color: #fff;



  border: none;



}



.service2_xz .zyxz .burq .sebs a{



  color: #fff;



  border: none;



}



.service2_xz .zyxz .burq button:hover{



  background: rgb(12,90,164);



  color: #fff;



  border: none;



}



.service2_xz .zyxz .burq button:hover> a{



  color: #fff;



}



.service2_xz .zyxz .burq button:nth-child(4){



  margin-right: 0;



}



.service2_xz .zyxz .krq{



  width: 100%;



  



}



.service2_xz .zyxz .krq a{



  width: 32%;



  margin-right: 2%;



  padding: 55px 50px;



  margin-top: 45px;



  float: left;



  cursor: pointer;



  box-shadow: 0px 1px 22px 0px rgba(90, 91, 95, 0.1);



}



.service2_xz .zyxz .krq a:nth-child(3n){



  margin-right: 0;



}



.service2_xz .zyxz .krq_1 div{



  float: left;



}



.service2_xz .zyxz .krq_1 div:nth-child(2){



  float: right;



  margin-top: 10px;



}



.service2_xz .zyxz .krq_1 div p{



  font-size: 20px;



  color: #444;



  margin-bottom: 25px;



}



.service2_xz .zyxz .krq_1 div span{



  font-size: 14px;



  color: #666;



}



.service2_xz .zyxz .krq_1 div i{

  font-size: 30px;

}

@media (max-width:1200px){

  .service2_xz .zyxz .krq_1 div i{

    font-size: 20px;

  }

}



.service2_xz .zyxz .krq a:hover{



  box-shadow: none;



  background: rgb(12,90,164);



}



.service2_xz .zyxz .krq a:hover  .krq_1 div i{

  color: #fff;

}



.service2_xz a:hover >.krq_1 div p,



.service2_xz a:hover >.krq_1 div span{



  color: #fff;



}







.krq{



  display: none;



}



.krq2{



  display: block;



}















/* 新闻中心 */



.press{



  width: 100%;



  min-height: 500px;



}



.press .news{



  padding-top: 80px;



}



/* 轮播 */



.z-swiper-box * {



  box-sizing: border-box;



}



.z-swiper-box {



  position: relative;



  max-width: 1200px;



  margin: 0 auto 30px;



  /* padding: 0 15px; */



  box-sizing: border-box;



}







.z-swiper-box .flexbox {



  display: flex;



}







.z-swiper-box .flexbox .img-box {



  flex: 0 0 68%;



  max-width: 68%;



  height: 447px;



  overflow: hidden;

  display: flex;

  justify-content: center;

  align-items: center;

}







.z-swiper-box .flexbox .img-box img {



  width: auto;



  height: auto;

  max-width: 100%;

  max-height: 100%;

  object-fit: cover;



  transition: .3s;



}







.z-swiper-box .flexbox .info {



  flex: 1;



  padding: 25px;



  display: flex;



  align-items: center;



  background: rgb(249,249,249);



}







.z-swiper-box .flexbox .innerbox {



  margin: 0 0 95px;



}







.z-swiper-box .flexbox .innerbox .z-logo {



  width: auto;



  height: 0px;



  /* margin: 0 0 35px; */



  display: none;



}







.z-swiper-box .flexbox .innerbox .z-logo img {



  height: 100%;



}







.z-swiper-box .flexbox .innerbox h4 {



  margin: 0 0 45px;



  font-size: 22px;



  line-height: 32px;



  color: #0c5aa4;



  /* height: 24px; */

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;



}



.z-swiper-box .flexbox .innerbox span{



  font-size: 14px;



  color: #999;



  display: block;



  padding: 0 0 15px;



  border-bottom: 1px solid rgb(236,236,236);



}



.z-swiper-box .flexbox .innerbox p {



  /* margin: 0 0 45px; */



  padding: 15px 0 0 0;



  line-height: 1.8;



  font-size: 14px;



  color: #999;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



  /* max-height: 72px; */



  min-height: 72px;



}



.z-swiper-box .flexbox .innerbox button{



  width: 120px;



  height: 40px;



  border-radius: 40px;



  font-size: 12px;



  color: #fff;



  background: rgb(12,90,164);



  margin-top: 33px;



}



.z-swiper-box .flexbox .innerbox button img{



  width: 13px;



  height: 9px;



  margin-left: 10px;



}







.z-swiper-box .operate {



  position: absolute;



  z-index: 2;



  left: calc(63% - 60px);



  bottom: 45px;



  background: #fff;



  display: flex;



  align-items: center;



}







.z-swiper-box .operate .z-case-swiper-next,



.z-swiper-box .operate .z-case-swiper-prev {



  position: static;



  margin: 0;



  width: 60px;



  height: 60px;



  background: #fff;



  display: flex;



  align-items: center;



  justify-content: center;



  transition: .3s;



}







.z-swiper-box .operate .z-case-swiper-next .right-arr {



  width: 0;



  height: 0;



  border-top: 7px solid transparent;



  border-bottom: 7px solid transparent;



  border-left: 12px solid rgb(184,184,184);



  transition: .3s;



}







.z-swiper-box .operate .z-case-swiper-prev .left-arr {



  width: 0;



  height: 0;



  border-top: 7px solid transparent;



  border-bottom: 7px solid transparent;



  border-right: 12px solid rgb(184,184,184);



  transition: .3s;



}







.z-swiper-box .operate .z-case-swiper-next:hover,



.z-swiper-box .operate .z-case-swiper-prev:hover {



  background: rgb(12,90,164);



}







.z-swiper-box .operate .z-case-swiper-next:hover .right-arr {



  border-left: 12px solid #fff;



}







.z-swiper-box .operate .z-case-swiper-prev:hover .left-arr {



  border-right: 12px solid #fff;



}







.z-swiper-box .operate .z-tabs {



  padding: 0 30px;



  height: 60px;



  display: flex;



  align-items: center;



}







.z-swiper-box .operate .z-tabs a {



  position: relative;



  margin: 0 20px 0 0;



  font-size: 16px;



  color: #999;



  transition: .3s;



}







.z-swiper-box .operate .z-tabs a:after {



  content: "";



  position: absolute;



  width: 100%;



  height: 2px;



  background: transparent;



  left: 0;



  bottom: -10px;



  transition: .3s;



}







.z-swiper-box .operate .z-tabs a {



  color: #333;



}



.z-swiper-box .operate .z-tabs a.active{



  color: rgb(12,90,164);



  font-weight: bold;



}







.z-swiper-box .operate .z-tabs a.active:after {



  background: rgb(12,90,164);



}







.z-swiper-box .swiper-slide a:hover .flexbox .img-box img {



  transform: scale(1.05);



}







@media (max-width: 1439px) {



  .z-swiper-box {



      max-width: 1200px;



  }







  .z-swiper-box .operate {



      bottom: 40px;



  }







  .z-swiper-box .flexbox .img-box {



      height: 460px;



  }



}







@media (max-width: 1230px) {



  .z-swiper-box .flexbox .innerbox {



      margin: 0 0 80px;



  }



}







@media (max-width: 1000px) {



  .z-swiper-box .flexbox .img-box {



      flex: 0 0 55%;



      max-width: 55%;



  }







  .z-swiper-box .operate {



      left: calc(55% - 60px);



  }



}







@media (max-width: 768px) {



  .z-swiper-box {



      max-width: 480px;



  }



.solu_date1 p img{



  width: 100% !important;



  height: 100% !important;



}



  .z-swiper-box .flexbox .img-box {



      height: 250px;



  }







  .z-swiper-box .flexbox {



      display: block;



  }







  .z-swiper-box .flexbox .img-box {



      flex: inherit;



      max-width: inherit;



  }







  .z-swiper-box .flexbox .info {



      padding: 20px;



  }







  .z-swiper-box .flexbox .innerbox .z-logo {



      margin: 0 0 20px;



  }







  .z-swiper-box .flexbox .innerbox h4 {



      font-size: 20px;



      margin: 0 0 20px;



  }







  .z-swiper-box .flexbox .innerbox p {



      margin: 0 0 20px;



  }







  .z-swiper-box .operate {



      left: 20px;



      right: 20px;



      bottom: 20px;



  }







  .z-swiper-box .operate .z-tabs {



      flex: 1;



  }



}







@media (max-width: 576px) {



  .z-swiper-box .flexbox .innerbox .z-logo {



      margin: 0 0 15px;



  }







  .z-swiper-box .flexbox .info {



      padding: 20px 15px;



  }







  .z-swiper-box .flexbox .innerbox h4 {



      font-size: 16px;



      margin: 0 0 15px;



  }







  .z-swiper-box .flexbox .innerbox p {



      line-height: 1.6;



      font-size: 14px;



      min-height: 66px;



      /* max-height: 66px; */



  }







  .z-swiper-box .operate .z-tabs a:after {



      bottom: -3px;



  }







  .z-swiper-box .operate .z-case-swiper-next,



  .z-swiper-box .operate .z-case-swiper-prev {



      flex: 0 0 50px;



      max-width: 50px;



      height: 40px;



  }







  .z-swiper-box .operate .z-tabs {



      height: 40px;



      padding: 0 15px;



  }







  .z-swiper-box .flexbox .innerbox {



      margin: 0 0 50px;



  }







  .z-swiper-box .operate {



      left: 15px;



      right: 15px;



      bottom: 15px;



  }







  .z-swiper-box .operate .z-case-swiper-next .right-arr {



      border-top: 5px solid transparent;



      border-bottom: 5px solid transparent;



      border-left: 8px solid #333;



  }







  .z-swiper-box .operate .z-case-swiper-prev .left-arr {



      border-top: 5px solid transparent;



      border-bottom: 5px solid transparent;



      border-right: 8px solid #333;



  }



}



.press .newsjz .xwlb{



  width: 1200px;



  margin: 0 auto;



  display: block;



}



.press .lb_1{



  width: 32%;



  margin-right: 2%;



  margin-bottom: 30px;



}



















/* 新闻详情 */



.news_dera{



  width: 100%;



  min-height: 500px;



  background: rgb(249,249,249);



}



.news_dera .news_danr{



  width: 1200px;



  margin: 0 auto;



  overflow: hidden;



  padding: 65px 0;



}



.news_danr p{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  margin-bottom: 25px;



}



.news_danr .news_rq{



  width: 100%;



  overflow: hidden;



}



.news_danr .news_lef{



  width: 900px;



  float: left;



}



.news_lef .tp,.news_lef .tp img{



  width: 100%;



  height: 100%;



}



.news_danr .news_lef span{



  color: #666;



  text-indent: 2em;



  margin-top: 40px;



  display: block;



  width: 100%;



}



.news_danr .news_rig{



  float: right;



  width: 275px;



  background: #fff;



}



.news_danr .news_rig p{



  font-size: 18px;



  color: #fff;



  width: 100%;



  height: 60px;



  line-height: 60px;



  background: rgb(12,90,164);



  text-indent: 20px;



  margin-bottom: 0;



}



.news_danr .news_rig ul {



  width: 100%;



  padding: 0 20px;



}



.news_danr .news_rig ul li{



  font-size: 14px;



  color: #777;



  height: 50px;



  line-height: 50px;



  text-overflow: ellipsis;



  overflow: hidden;



  white-space: nowrap;



  border-top: 1px solid rgb(234,234,234);



}







.news_danr .news_rig ul li a{



  color: #777;



}



.news_danr .news_rig ul li div{



  float: left;



  width: 5px;



  height: 5px;



  background: rgb(206,206,206);



  margin-top: 22px;



  margin-right: 15px;



}



.news_danr .news_rig ul li:hover > a{



  color: rgb(129, 140, 177);



}



.news_danr .news_rig ul li:hover > div{



  background: rgb(129, 140, 177);



}























/* 关于我们 */



.about{



  width: 100%;



  min-height: 500px;



}



.about .about_us{



  background: none;



  padding-bottom: 0;



}



.about .about_us .about_usjz{



  width: 1200px;



  padding-top: 80px;



}



.about .bt{



  margin-top: 0;



}



.about .about_us .video_pic:after{



  width: 60px;



  height: 60px;



}



.about .sz{



  width: 100%;



  background-image: url(../images/about_us.jpg);



}



.about .sztd{



  width: 1200px;



  margin: 0 auto;



}



.about .sztd .baib{



  background: none;



  border: none;



  position: relative;



}



.about .baib p,.about .baib p .sp1{



  color: #fff;



  margin-bottom: 10px;



}



.about .baib .sp3{



  color: #fff;



}



.about .baib::after{



  content: "";



  width: 2px;



  height: 47px;



  background: rgb(89,146,192);



  position: absolute;



  top: 50%;



  right: 0;



  margin-top: -23px;



}



.about .baib:nth-child(5)::after{



  content:none;



}







/* 发展历程 */



.about .fzlc{



  width: 100%;



  padding-top: 80px;



  padding-bottom: 50px;



  background: rgb(249,249,249);



}











.container-middle{



  width: 100%;



  margin: 0 auto;



  text-align: center;



}



/*course-start*/



.event_box{width:100%;position:relative;}



.event_box .parHd {



  width:65%;



  /* overflow-x:hidden; */



  /* position: relative;



  height: 75px;



  margin: 0 auto;



  overflow: hidden; */



  /* width: 100%; */



  overflow-x: hidden;



  margin: 0 auto;



  position: relative;



 



}







.parHd ul{



  /* padding: 0 150px;



  text-align:center;



  margin:0 auto;



  height: 75px;



  white-space: nowrap; */



  



  width: 9999px;



  text-align: center;



  margin: 0 auto;



  padding-left: 2px !important;



  height: 75px;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



  



}







.parHd li{



  



  display:block;



  float:left;



  min-width:150px;



  cursor:pointer;



  padding-top:23px;



  font-size:18px;



  color:#333;



  text-align:left;



  font-family: Akz;



  padding-left: 10px;



  text-align: center;



  



}



ul, li {



  list-style: none;



  margin: 0;



  padding: 0;



}



.parBd{



  text-align:center;



  margin:60px auto 40px;



  position: relative;



}



.gdf{



  position: relative;



}



.sztd2 .baib:nth-child(1) p {



  font-size: 16px;



  color: #fff;



}



.sPrev,.sNext{



  width:50px;



  height:50px;



  display:block;



  position:absolute;



  top:8%;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  background-size: 100% 100%;



  background-repeat: no-repeat;



  background-position: center;



  background-image: url("../images/hui_3.png");



  cursor: pointer;



  z-index: 5;



}







.sPrev{



  



  left:15%;



}



.sNext{



  background-image: url("../images/hui_33.png");



  right:15%;



}



.sPrev:hover{



  background-image: url(../images/lan_4.png);



}



.sNext:hover{



  background-image: url(../images/lan_44.png);



}



.parHd li.act span:before{



  background-color: #20C8BE;



}







.parHd li.act span{



  border-color: #20C8BE;



}



.parHd li span{



  position: relative;



  display: block;



  width:14px;



  height: 14px;



 margin: 0 auto;



  margin-bottom:6px;



  font-size: 0;



  border:1px solid rgb(215, 215, 215);



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



}



.parHd li span:before{



  position: absolute;



  content: "";



  width: 6px;



  height: 6px;



  top:3px;



  left:3px;



  background-color: rgb(215, 215, 215);



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  z-index: 2;



}



.parHd div{



  width: 100%;



  height: 1px;



  background: rgb(215, 215, 215);



  position: absolute;



  top: 30px;



}



.slideBox{



  width: 1200px;



  position: relative;



  /* padding:0 50px 40px; */



  display: none;



  color: #ffffff;



  margin: 0 auto;



}



.parBd .slideBox:first-child{



  display: block;



}



.slideBox .pa_tp{



  float: left;



  width: 500px;



  height: 260px;



}



.slideBox .pa_tp div,.slideBox .pa_tp div img{



  width: 100%;



  height: 100%;



}



.slideBox .pa_wz{



  float: left;



  width: 700px;



  height: 260px;



  padding:0 60px;



  background: #fff;



}







.slideBox .pa_wz h3{



  font-size: 22px;



  color: #333;



  font-weight: bold;



  text-align: left;



  margin-top: 90px;



  margin-bottom: 20px;



}



.slideBox .pa_wz span,.slideBox .pa_wz p{



  font-size: 16px;



  color: #777;



  display: block;



  width: 100%;



  text-align: left;



}



























/* 荣誉资质 */



.about .ryzz{



  width: 100%;



  position: relative;



}



.about .ryzz .bj{



  width: 100%;



  height: 100%;

min-height: 350px;

}



.about .ryzz_jz{



  width: 1200px;



  padding-top: 60px;



  position: absolute;



  left: 50%;



  top: 0;



  margin-left: -600px;



}



.about .ryzz_jz .bt, .about .ryzz_jz .fbt {



  color: #fff;



}



.about .ryzz_jz .fbt{



  width: 810px;



  margin: 0 auto;



}



.about .ryzz_jz .bt {



  background-image: url(../images/btbj2.png);



  margin-top: 0;



  margin-bottom: 30px;



}



.about .ryzz_jz .ry_z{

    display: grid;
    grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  margin-top: 60px;
  justify-content: center;

  flex-wrap: wrap;

}
.about .ryzz_jz .ry_z a{
    display: flex;
    align-items: center;
    justify-content: center;
}


.about .ry_z .ry_tp{



  /*width: 128px;*/



 /* height: 175px;*/  



  /*float: left;*/



  text-align: center;



  font-size: 18px;



  color: #fff;



  margin: 0 20px;



}



.about .ry_bj{



  width: 128px;



  height: 128px;



  margin: 0 auto;



  margin-bottom: 25px;



  background-repeat: no-repeat;



  background-size: contain;



}



.about .ry_bj img{



  width: 100%;



  height:100%;



}



.about .bj_1{



  background-image: url(../images/abouths_1.png);



}



.about .bj_2{



  background-image: url(../images/abouths_2.png);



}



.about .bj_3{



  background-image: url(../images/abouths_3.png);



}



.about .bj_4{



  background-image: url(../images/abouths_4.png);



}



.about .bj_1:hover{



  background-image: url(../images/aboutls_1.png);



}



.about .bj_2:hover{



  background-image: url(../images/aboutls_2.png);



}



.about .bj_3:hover{



  background-image: url(../images/aboutls_3.png);



}



.about .bj_4:hover{



  background-image: url(../images/aboutls_4.png);



}







/* 企业文化 */



.about .qywh{



  width: 1200px;



  margin: 0 auto;



  padding-bottom: 100px;



  padding-top: 80px;



}



.about .qywh .fbt{



  margin-bottom: 50px;



}



.about .qywh .qy_1{



  width: 32%;



  margin-left: 2%;



  float: left;



}



.about .qywh .qy_1 .tp{



  overflow: hidden;



}



.about .qywh .qy_1:nth-child(3){



  margin-left: 0;



}



.about .wz{



  height: 170px;



  position: relative;



  background: rgb(246,246,246);



  padding-top: 25px;



}



.about .wz .ig1{



  width: 32px;



  height: 32px;



  position: absolute;



  left: 50%;



  margin-left: -16px;



}



.about .wz .ig2{



  width: 37px;



  height: 29px;



  position: absolute;



  left: 50%;



  margin-left: -18px;



}



.about .wz .ig3{



  width: 35px;



  height: 40px;



  position: absolute;



  left: 50%;



  margin-left: -17px;



}



.about .wz h3{



  font-size: 22px;



  color: #333;



  text-align: center;



  margin-top: 45px;



  margin-bottom: 10px;



}



.about .wz span,.about .wz p{



  font-size: 14px;



  color: #666;



  display: block;



  text-align: center;



}



.about .wz:hover{



  background: rgb(12,90,164);



}



.about .wz:hover >h3,

.about .wz:hover >p,

.about .wz:hover >span{



  color: #fff;



}























/* 荣誉资质 */



.about_date{



  width: 100%;



  min-height: 500px;



}



.about_date .about_datejz{



  width: 1200px;



  margin: 0 auto;



}



.about_datejz .anniu{



  width: 700px;



  height: 50px;



  margin: 0 auto;



  margin-top: 60px;



}



.about_datejz button{



  width: 160px;



  height: 50px;



  border-radius: 50px;



  border: 2px solid rgb(231,231,231);



  font-size: 14px;



  color: #333;



  margin-right: 15px;



  background: rgb(249,249,249);



  transition: all .5s;



}







.about_datejz button:nth-child(4){



  margin-right: 0;



}



.about_datejz .on{



  background: rgb(12,90,164);



  border: none;



}



.about_datejz button:hover{



  background: rgb(12,90,164);



}







.about_datejz button a{



  width: 100%;



  height: 100%;



  display: block;



  font-size: 14px;



  color: #333;



}







.about_datejz button:hover> a{



  border: none;



  color: #fff;



}



.about_datejz .on a{



  border: none;



  color: #fff;



}















.channel_content {



  min-height: 300px;



  /* background: #eef2f5; */



  padding: 70px 0px 100px;



}







/*企业荣誉*/







.about_honor .bd_l {



  width: 50%;



  float: left;



 height: 849px;



  background: url(../images/ry.png) repeat;



  background-size: cover;



}



.about_honor .bd_l .b_img {



  /* padding: 47px 87.5px; */



  margin:auto;



  /* margin-top: 47px; */


  width: 95%;
  height: 100%;
  /* width: 360px;



  height: 475px; */

overflow: hidden;

transition: all .8s;

}




.about_honor .bd_l .b_img .rect-137{
  display: block;
  width: 100%;
  height: 100%;
}


.about_honor .bd_l .b_img img{



  display: block;

  /* height: 100%; */
  width: 100%;
  transition: all .8s;
      position: relative;
      top: 50%;
      margin: 0 auto;
      transform: translateY(-50%) !important;

}







.about_honor .bd_l .img_title {



  text-align: center;



 background: #fff;



  padding: 16px 4%;



  font-size: 16px;



  color: #000;



  font-weight: normal;



}







.about_honor .bd_r {



  width: 50%;



  float: left;



  min-height: 849px;



  background-image: url(../images/rybj.png);



}







.about_honor .bd_r_box {



  padding: 10% 8% 0;



  color: #222;



  



}



.about_honor .r_title {



  font-size: 24px;



  margin-bottom: 20px;



}







.about_honor .r_text {



  font-size: 16px;



  color: #777;



  line-height: 28px;



  margin-bottom: 40px;



}







.about_honor .bd_r .img_box {




  background: #e6e6e6;



  text-align: center;



  position: relative;



  overflow: hidden;



}



.about_honor .bd_r .img_box .ry_mb{

  display: none;

  width: 100%;



  height: 100%;



  position: absolute;



  top: 100%;



  background: rgba(56,118,178,0.9);



  transition: all 0.5s;



}



.about_honor .bd_r .img_box:hover >.ry_mb{



  top: 0;



}



.about_honor .bd_r .img_box img {



  height: 100%;

  object-fit: cover;
  width: 100%;

}












.about_honor .bd_r .scroll_cont ul{
  display: flex;
  flex-wrap: wrap;
}

.about_honor .bd_r li {



  margin-bottom: 14px;



  float: left;



  margin-right: 3%;



  width: 45%;



  cursor: pointer;



}







.about_honor .img_list {



  height: 346px;



  overflow: hidden;



  margin-bottom: 14px;



  padding-right: 4%;



  position: relative;



  /* overflow-y: auto; */



}







.about_honor .img_list::-webkit-scrollbar {



width: 3px;background-color: #dcdbdb;



}



.about_honor .img_list::-webkit-scrollbar-thumb {



background-color:rgb(120,162,203);



border-radius: 10px;



}







.about_honor .img_cover {



  position: absolute;



  width: 100%;



  height: 100%;



  background: url(../img/brown_80.png) repeat;



  top: 0;



  left: 0;



  opacity: 0;



}







.about_honor .img_cover .list_ico {



  width: 40px;



  height: 40px;



  background: url(../img/honor_img_ico.png) no-repeat center;



  left: 50%;



  top: 50%;



  margin-top: -20px;



  margin-left: -20px;



  display: block;



  position: absolute;



}







.about_honor .img_list.scrollbar-ui .scroll_slider {



  background: rgb(12,90,164);



}







.about_honor .img_list.scrollbar-ui .scroll_bar {

  width: 3px !important;

  background: url(../img/honor_scroll_bj.png) repeat-y center;



}







.about_honor li:hover .img_cover {



  opacity: 1;



}







.about_honor .bd_r .img_title {



  display: none;



}











/* 合作客户 */



.about_content4 {



  width: 100%;



  position: relative;



  background: rgb(247, 247, 247);



  padding-top: 90px;



  padding-bottom: 175px;



}







.about_content4 .bt {



  margin-top: 0;



  margin-bottom: 55px;



}







.about_content4 .fbt {



  top: 135px;



}



.about_content4 .swiper-wrapper {



  padding-top: 3px;



}



.about_content4 .swiper-slide div {



  width: 220;



  height: 100px;



  border: 1px solid rgb(221, 221, 221);



  position: relative;



  background: #fff;



  transition: all .3s;



}







.about_content4 .swiper-slide div img {



  width: 80%;



  height: auto;

  max-height:100%;

  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  transition: all .3s;



}



.about_content4 .swiper-slide div:hover {



  box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);



  transform: translate3d(0, -3px, 0);



}



.swiper-button-next::after,



.swiper-button-prev::after{



  content: none;



}







.about_content4 .swiper-button-next, .about_content4 .swiper-button-prev {



  top: 89%;



  width: 15px;



  height: 26px;



  background-repeat: no-repeat;



  background-size: contain;



}







.about_content4 .swiper-button-next {



  background-image: url(../images/img38.png);



  right: 47%;



}











.about_content4 .swiper-button-prev {



  background-image: url(../images/img39.png);



  left: 47%;



}















.about_content4 .xian {



  width: 58px;



  height: 1px;



  background: rgb(204, 204, 204);



  position: absolute;



  left: 50%;



  top: 88%;



  transform: translate(-50%, 0%);



}

@media(max-width:768px){
   .wrap{padding: 0 20px !important;}
   
   
}


















































































































/* 联系我们 */



.contact{



  width: 100%;



  min-height: 500px;



}



.contact .map{



  width: 1200px;



  margin: 0 auto;



  padding: 75px 0;



}



.contact .map .cont_lef{



  width: 660px;



  height: auto;



  float: left;



}



.contact .map .cont_lef img{



  width: 100%;



  height: 100%;



}



.cont_rig{



  width: 475px;



  height: auto;



  float: right;



}



.cont_rig .p1{



  font-size: 20px;



  color: #333;



  height: 30px;



  line-height: 30px;



  margin-top: 30px;



  background-image: url(../images/dw.png);



  background-repeat: no-repeat;



  background-position: left;



  padding-left: 40px;



  margin-bottom: 10px;



}



.cont_rig span{



  font-size: 14px;



  display: block;



  color: #777;



  /*text-indent: 40px;*/


  line-height: 30px;

  padding-left: 40px;

}



.cont_erwm{



  width: 91px;



  height: 100%;



  margin-left: 40px;



  margin-top: 20px;



}



.cont_erwm p{



  width: 91px;



  font-size: 14px;



  color: #666666;



  text-align: center;



}



/* 零奔洋分支机构 */



.contact .lby{



  width: 100%;



}



.contact .fzjg{



  width: 100%;



  height: 80px;



  background: rgb(12,90,164);



  line-height: 80px;



}



.contact .fzjg .fzjgjz{



 width: 1200px;



 margin: 0 auto;



 text-align: left;



 font-size: 24px;



 color: #fff;



 font-weight: bold;



}



.contact .lby .mainrq{



  width: 1200px;



  margin: 0 auto;



  padding: 75px 0;



}



.contact .mainrq .cont_rig{



  float: left;



  width: 50%;



  border-right: 1px solid rgb(218,218,218);



  padding-left: 100px;



}



.contact .mainrq .cont_rig:nth-child(2){



  border: none;



}







/* 零奔洋营销网络 */



.contact .yxwl{



  width: 100%;



  background: rgb(249,249,249);



}



.contact .yxwl .yxwljz{



  width: 1200px;



  margin: 0 auto;



  padding: 75px 0;



}



.contact .yxwl .yxwljz p{



  font-size: 30px;



  color: #333;



}



.contact .yxwl .yxwl_1{



  width: 580px;



  height: 140px;



  float: left;



  margin-right: 35px;



  margin-top: 37px;



  background: #fff;



}



.contact .yxwl .yxwl_1:nth-child(2n){



  margin-right: 0;



}



.contact .yxwl_1 .bsc{



  width: 160px;



  height: 140px;



  border-right: 1px solid rgb(241,241,241);



  font-size: 18px;



  overflow: hidden;



  color: #333;



  line-height: 30px;



  padding-top: 40px;



  text-align: center;



  font-weight: bold;



  float: left;



}



.contact .yxwl_1 .bsc_rig{



  width: 420px;



  height: 140px;



  float: right;



  padding: 7% 0;



  padding-left: 10px;



}







.contact .yxwl_1 .bsc_rig p{



  width: 100%;



  font-size: 14px;



}















/* 人才招聘 */



.recru{



  width: 100%;



  min-height: 500px;



  padding-bottom: 90px;



}



.recru .recru_jz{



  width: 1200px;



  margin: 0 auto;



}



.recru .recru_jz .bt{



  margin-top: 60px;



  margin-bottom: 30px;



}



.recru .recru_jz .recru_1{



  width: 49%;



  height: 465px;



  float: left;



  margin-right: 2%;



  box-shadow: 0 0 10px 0 rgb(233,233,233);



  margin-top: 20px;



  padding: 35px 28px;



}



.recru .recru_jz .recru_1:nth-child(2n){



  margin-right: 0;



}



.recru .recru_1{



  font-size: 20px;



  color: #666;



}



.recru .recru_1 div{



  width: 100px;



  height: 30px;



  border: 1px solid rgb(232,232,232);



  font-size: 14px;



  color: #333;



  line-height: 30px;



  text-align: center;



  margin: 15px 0;



}



.recru .recru_1 .tj{



  width: 100%;



  border: none;



  height: 200px;



  text-align: left;



  overflow: hidden;



  overflow-y: auto;



}



.recru_1 .tj::-webkit-scrollbar {



  width: 2px;



  background-color: #136091;



  border-radius:50px;



}







.recru_1 .tj::-webkit-scrollbar-track {



  border-radius: 50px;



  background-color:#999999



}







.recru_1 .tj::-webkit-scrollbar-thumb {



  border-radius: 50px;



  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



  background-color: #136091



}











.recru .recru_1 span{



  font-size: 14px;



  color: #777;



  display: block;



  line-height: 25px;



}



.recru .recru_1 .p1{



  font-size: 14px;



  color: #0c5aa4;



  margin: 25px 0;



}



.recru .recru_1 button{



  font-size: 14px;



  color: #fff;



  width: 130px;



  height: 40px;



  background: rgb(12,90,164);



  border-radius: 40px;



}



.recru .recru_1 button a{



  width: 100%;



  height: 100%;



  display: block;



  font-size: 14px;



  color: #fff;



  width: 130px;



  height: 40px;



  background: rgb(12,90,164);



  border-radius: 40px;



  line-height: 40px;



}



.VideoContent {



  width: 100%;



  height: 100%;



  overflow: hidden;



  margin: 0 auto;



}







.video-back {



  display: block;



  height: auto;



  text-align: center;



  width: 100%;



}







  .video-back video {



      height: 100%;



      width: 100%;



      background-size: 100% 100%;



  }







#videohead {



  text-align: center;



  position: relative;



  top: 50%;



  left: 50%;



  transform: translate(-50%,-50%);



  -webkit-transform: translate(-50%,-50%);



}







  #videohead img {



      margin: 0 auto;



  }



















































































  .news_danr .news_lef img{



    width: 100%;



}











.news_danr .news_lef button img{



  width: 7px;



  height: 12px;



}



.news_danr .news_lef button.lbi img{



width: 21px;



height: 19px;



}











    



#darkbox {



  position: fixed;



  z-index: 9999;



  background: rgba(0, 0, 0, 0.8) no-repeat none 50%;



  background-size: contain;



  -webkit-box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);



  box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);



  opacity: 0;



  visibility: hidden;



}







#darkbox.on2 {



  opacity: 1;



  visibility: visible;



  height: 90% !important;



  width: 90% !important;



  left: 5% !important;



  top: 5% !important;



}







.dark-close i {



  color: #fff;



}







#darkbox_prev, #darkbox_next {



  cursor: pointer;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  -webkit-user-select: none;



  position: absolute;



  top: 50%;



  margin-top: -15px;



  height: 30px;



  width: 30px;



  -webkit-transition: 0.3s;



  -o-transition: 0.3s;



  transition: 0.3s;



  border-top: 2px solid #fff;



  border-right: 2px solid #fff;



  -webkit-transition: all .3s;



  -o-transition: all .3s;



  transition: all .3s;



}







#darkbox_prev {



  left: -2px;



  -ms-transform: rotate(-135deg);



  -webkit-transform: rotate(-135deg);



  transform: rotate(-135deg);



}







#darkbox_next {



  -ms-transform: rotate(45deg);



  -webkit-transform: rotate(45deg);



  transform: rotate(45deg);



  right: -2px;



}







#darkbox_prev:hover, #darkbox_next:hover {



  border-color: #c42a2e;



}







#darkbox-description {



  position: absolute;



  width: 100%;



  color: #fff;



  font-size: 18px;



  bottom: 5px;



  text-align: right;



  text-shadow: 0 1px 1px #000;



}







#darkbox .dark-close {



  position: absolute;



  right: 0;



  top: 0;



  font-size: 2em;



  color: #fff;



  cursor: pointer;



  -webkit-transition: all .3s;



  -o-transition: all .3s;



  transition: all .3s;



}







#darkbox .dark-close:hover {



  color: #c42a2e;



}



































.vsp{



  width: 100%;



  margin-top: 30px;



}



.vsp .p1{



  font-size: 30px;



  color: #8fc320;



  text-align: center;



  padding-top: 30px;



  



}



.vsp .vspjz{



  width: 1200px;



  min-height: 570px;



  margin: 0 auto;



  overflow: hidden;



}



.vspjz .sp_1{



  width: 370px;



  height: 300px;



  margin-top: 50px;



  float: left;



  cursor:pointer;



  margin-right: 45px;



}



.vsp .sp_1:nth-child(3n){



  margin-right: 0;



}



.vsp .sp_1 .spn{



  width: 370px;



  height: 250px;



  overflow: hidden;



  position: relative;



}



.vsp .spn img{



  width: 100%;



  height: 100%;



}



.vsp .sp_1:hover .spn .bf{



  background-image: url(../imges/video_l.png);



}



.vsp .sp_1 p{



  font-size: 15px;



  text-align: center;



  margin-top: 25px;



  font-family: "regular";



}







/* 视频弹窗 */



.vsp .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1001;}



.vsp .msg-box {width: 100%;height: 100%;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;top: 47%;transform: translate(-50%,-50%);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}



.vsp .msg-box .close-box {width: 30px;height: 30px;background: url(../images/btn-close-modal.png) no-repeat center;cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}



.vsp .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}



.vsp .video_pic {width: 100%;height: 100%;cursor: pointer;overflow: hidden;position: relative;}



.vsp .video_pic:after{content: '';width: 61px;height: 61px;background: url(../images/video_l.png) no-repeat center;position:absolute;left: 50%;top: 50%;margin-top: -30.5px; transform: translate(-50%,-50%);transition: all 0.4s;background-size: contain;z-index: 1;}



.vsp .video_pic:hover:after{top: 48%;background-image: url(../images/video_l.png);}



/* pages */







.vsp .pages {



  padding: 70px 0px 90px 0px;



  text-align: center;



  clear: both;



  font-family: Arial;



  margin: 0 auto;



  width: 100%;



}







.vsp .pages a, .vsp .pages span {



  display: inline-block;



  height: 30px;



  line-height: 30px;



  padding: 2px 15px;



  border-radius: 5px; 



  font-size:12px;



  margin: 0px 3px;



  color: #717171;



  text-align: center;



}



.vsp .pages .on { 



  color:#fff; 



  background:rgb(9,38,86);



}







.vsp a.page:hover, .vsp span.page {



  background-position: 0px -38px;



  color: #ffffff;



}



.vsp .pages a:hover{



  color:rgb(9,38,86);



}







@media(max-width:1220px){







  .vsp .vspjz{



      width: 90%;



  }



  .vspjz .sp_1{



      width: 32%;



      height: auto;



      margin-right: 2%;



  }



  .vsp .sp_1:nth-child(3n){



      margin-right: 0;



  }



  .vsp .sp_1 .spn{



      width: 100%;



      height: auto;



  }







}



@media(max-width:1024px){



  .vsp .video_pic:after{



      width: 41px;



      height: 41px;



      margin-top: -20.5px;



  }



  .vsp .video_pic:after {



    width: 50px;



    height: 50px;



    left: 50%;



    top: 50%;



}







}



@media(max-width:550px){







  .vspjz .sp_1{



      margin-top: 30px;



      float: none;



      width: 100%;



      height: auto;



  }



  .vsp .sp_1 .spn{



      width: 100%;



      height: auto;



  }



  .vspjz .sp_2{



      margin-left: 0;



      margin-right: 0;



  }



 .vsp .video_pic:after{



      width: 61px;



      height: 61px;



      margin-top: -30.5px;



  }



 .vsp .pages a, .pages span {



      padding: 2px 10px;



  }



  .vsp {



      width: 100%;



      margin-top: 60px;



  }



  .vsp .p1{



      font-size: 22px;



  }



  .vsp .pages {



      padding: 45px 0px 35px 0px;



  }



}



























































/* 常见问题 */



.ny-box {



  background: #f5f5f5;



}



.faq-box{padding: 60px 0;}



.faq_box{background: #fff;}



.faq_list li {text-align: left;background: #fff;border-bottom: 1px solid #f5f5f5;}



.faq_list li.on,.faq_list li:hover{background:#0060e7; }



.faq_list li:hover .faq_tit h3,.faq_list li.on .faq_tit h3{color: #fff;}



.faq_font {display: none;}



.faq_tit-con{padding: 30px 40px;position: relative;background: url(../images/quest.png) no-repeat left center;}



.faq_tit {padding:0 40px;box-sizing: border-box;cursor: pointer;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}



.faq_tit h3{color: #777;font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.faq_list li.on .faq_tit-con,.faq_list li:hover .faq_tit-con{background: url(../images/questh.png) no-repeat left center;}



.faq_list li:hover .faq_tit .icon-down,.faq_list li.on .faq_tit .icon-down{color: #fff;transform: rotate(180deg) translateY(50%);}



.faq_det{padding: 40px 80px;box-sizing: border-box;position: relative;background: #fbfbfb;}



.faq_det span{display: inline-block;position: absolute;left: 40px;top: 45px;width: 18px;height: 18px;background: url(../images/answ.png) no-repeat center;}



.faq_det p{color: #777;font-size: 18px;}



.faq_tit .icon-down{color: #7e7e7e;font-size: 18px;}



.faq-box .page{margin-top:60px;}



.fy li{



  text-align: center !important;



}











@media (max-width: 991px) {



  /* 常见问题 */



  .faq-box{padding: 60px 15px 40px;}



  .faq_tit{padding: 0 15px;}



  .faq_tit-con{padding: 20px 25px;}



  .faq_tit h3{font-size: 14px;}



  .faq_tit .icon-down{font-size: 14px;}



  .faq-box .page{margin-top: 25px;}



  .ny-box .fy{



  margin-top: 30px;



}



}







.my_table {

  overflow-x: auto;

}

.my_table table {

  min-width: 710px;

  width: 100%;

}

.my_table table thead {

  background: #0c5aa4;

}

.my_table table thead td {

  color: #fff;

  border-color: #0c5aa4;

}

.my_table table thead td:first-child {

  width: 23%;

}

.my_table table tbody {

  background: #f3f3f3;

}

.my_table table td {

  padding: 15px;

  border: 1px solid #fff;

  vertical-align: middle;

  font-size: 16px;

}

.my_table table td:first-child {

  /* font-weight: 600; */

}

@media (max-width:1280px) {

  .my_table table td {

    font-size: 14px;

  }

}









.join_list {

  margin-bottom: 3.13vw;

}

.join_list li {

  background: #fff;

  margin-bottom: 20px;

}

.join_list li.on a.a_t i {

  background: url(../images/c9.png) no-repeat center right;

  background-size: 25px 25px;

}

.join_list li.on .art {

  padding: 30px 40px;

  height: auto;

  max-height: 100vh;

}

.join_list li a.a_t {

  padding: 26px 30px 26px 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  border-bottom: 1px solid #e9e9e9;

  font-family: 'sh_l';

  font-weight: 600;

}

.join_list li a.a_t h4 {

  width: 28%;

  font-size: 26px;

  color: #333333;

}

@media (max-width: 1680px) {

  .join_list li a.a_t h4 {

    font-size: 22.75px;

  }

}

@media (max-width: 1440px) {

  .join_list li a.a_t h4 {

    font-size: 19.5px;

  }

}

@media (max-width: 1280px) {

  .join_list li a.a_t h4 {

    font-size: 17.33333333px;

  }

}

@media (max-width: 1024px) {

  .join_list li a.a_t h4 {

    font-size: 13.86666667px;

  }

}

@media (max-width: 1680px) {

  .join_list li a.a_t h4 {

    font-size: 22px;

  }

}

@media (max-width: 1440px) {

  .join_list li a.a_t h4 {

    font-size: 18px;

  }

}

@media (max-width: 1024px) {

  .join_list li a.a_t h4 {

    font-size: 16px;

    width: 65%;
  }

}

.join_list li a.a_t p {

  width: 44%;

  white-space: nowrap;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  font-size: 16px;

  color: #666666;

}

@media (max-width: 1680px) {

  .join_list li a.a_t p {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .join_list li a.a_t p {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .join_list li a.a_t p {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .join_list li a.a_t p {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .join_list li a.a_t p {

    font-size: 14px;

  }

}

.join_list li a.a_t i {

  width: 28%;

  display: block;

  height: 25px;

  background: url(../images/c8.png) no-repeat center right;

  background-size: 25px 25px;

}

.join_list li .art {

  width: 100%;

  padding: 0 40px;

  height: 0;

  max-height: 0;

  overflow: hidden;

  font-size: 16px;

  line-height: 30px;

  color: #666666;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .join_list li .art {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .join_list li .art {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .join_list li .art {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .join_list li .art {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .join_list li .art {

    font-size: 14px;

  }

}

.join_list li .art a {

  margin-top: 30px;

  display: inline-flex;

  display: -ms-inline-flexbox;

  display: -webkit-inline-flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  height: 55px;

  border: 1px solid #8fc320;

}

.join_list li .art a i {

  display: block;

  width: 60px;

  height: 100%;

  background: url(../images/yx.png) no-repeat center #8fc320;

}

.join_list li .art a span {

  padding: 0 20px;

  font-size: 16px;

  color: #8fc320;

}

@media (max-width: 1680px) {

  .join_list li .art a span {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .join_list li .art a span {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .join_list li .art a span {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .join_list li .art a span {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .join_list li .art a span {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .join_list li a.a_t {

    padding: 20px;

  }

  .join_list li .art a {

    margin-top: 20px;

    height: 45px;

  }

  .join_list li .art a i {

    width: 50px;

  }

  .join_list li .art a span {

    padding: 0 15px;

  }

  .join_list li.on .art {

    padding: 15px 20px;

  }

}

@media (max-width: 1024px) {

  .join_list li a.a_t p {

    width: 62%;

  }

  .join_list li a.a_t i {

    width: 10%;

  }

}

@media (max-width: 768px) {

  .join_list {

    margin-bottom: 20px;

  }

  .join_list li {

    margin-bottom: 15px;

  }

  .join_list li a.a_t {

    padding: 15px;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

  }

  .join_list li a.a_t h2.h1 {

    width: calc(100% - 50px);

  }

  .join_list li a.a_t p {

    width: 100%;

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 3;

    -webkit-order: 3;

    order: 3;

    margin-top: 15px;

    display: none;

  }

  .join_list li a.a_t i {

    width: 25px;

  }

  .join_list li .art {

    line-height: 24px;

  }

  .join_list li .art a {

    height: 40px;

  }

  .join_list li .art a i {

    width: 45px;

  }

}


.about_honor .l2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height:100%;
  background-color: pink;
  z-index: 9;
  display: none !important;
  
}
.about_honor .l2 .b_img .rect-137{
  display: block;
  width: auto;
  height: 100%;
}
.about_honor .l2 .b_img img{
  width: auto;
  top: 0;
  transform: translateY(0) !important;
  height: 100%;
}
.about_honor .p_close{
  position: absolute;
  top: -18px;
  right: -22px;
  padding: 13px 20px;
  background-color: rgb(93,188,226);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}