/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 28px;
    width: 28px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}
.bsvg{
    margin: 30px 0px 0px 0px;background-size: 100%;
}

.gh a {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}







@media only screen and (max-width:1200px) {
   html{
   	font-size:12px;
   }
   .wrap{
	   width: 1000px;
   }
   .partners .prev, .partners .next{
	   width: 50px;height: 60px;left: -50px;background-size: 30px auto;margin-top: 12px;
   }
   .partners .next{
	   left: auto;right: -50px;
   }
   .join .hds .ico{
	   width: 200px;
   }
   
   

}
@media only screen and (max-width:1040px) {
  html{
  	font-size:14px;
  }
  .tt2{
       margin-top: -8px;
   }
  .huobanzp .fts .box {
    margin-top: 15px;
    position: relative;
}
  .h10{
    margin-bottom: 10px;
}
.huobanzp .bds .tit1 h3 span {
   
    font-weight: 500;
   
}
.tit h3::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
 
    z-index:-1;
    height:3px;
    background:#fe1e50;
    border-radius:0.20833333333333334rem;
}
.tit h3 {
  
    line-height: 1.43;
  
}
.mt30{
     margin-top: 60px;
}
   .f23{
     font-size: 23px;
 }
 .huobanzp .fts {
    /* border-top: 0.052083333333333336rem dashed #fff; */
    margin-top: 1.7rem;
    padding-top: 3.2rem;
    position: relative;
}
 .headerb{
    background: url(../images/bb1.jpg) no-repeat center top 45px;background-size: 100% auto !important;
     background-color:#000000;
}
.headerbzyl{
     background: url(../images/ubg111.jpg) no-repeat center top 45px;background-size: 100% auto !important;
     background-color:#000000;
}
 .headera{
    background: url(../images/sb1.jpg) no-repeat center top 45px;background-size: 100% auto !important;
    background-color:#000000;
}

.product3 {
    background: url(../images/hxqn.jpg) no-repeat center top ;background-size: 100% auto !important;
    background-color:#000000;
}
.product4 {
    background: url(../images/ubg12-1.jpg) no-repeat center top ;background-size: 100% auto !important;
    background-color:#000000;
}
.product1 {
    background: url(../images/al.jpg) no-repeat center top ;background-size: 100% auto !important;
    background-color:#000000;
}
.product2 {
    background: url(../images/dzw.jpg) no-repeat center top ;background-size: 100% auto !important;
    background-color:#000000;
}
.headercjcc {
    background: url(../images/cjcc.jpg) no-repeat center top ;background-size: 100% auto !important;
    background-color:#000000;
}
  .huobanzp .hds .poab h3 {
    display:inline-block;
    background:#fe2958;
    font-size:0.96rem;
    color:#fff;
    padding:0 0.8333333333333334rem;
    border-radius:1.0416666666666667rem;
    line-height:1.5rem;
    
}
.hpage2 .bds li h6 {
    font-size:0.8rem;
    line-height:1.5;
    color:#c2c3c5;
    font-weight:100;
}
  .chajic .ds {
    border-radius:1.3541666666666667rem 1.3541666666666667rem 0 0;
    background-image:linear-gradient(to bottom,rgba(254,41,88,0.9),rgba(254,41,88,0));
    padding:1.7541666666666667rem 1.0416666666666667rem 5.3rem 2.0833333333333335rem;
}
  .wrap{
	  width: auto;padding: 0 35px;
  }
  .header{
	  height: 50px;background: #000;top: 0;position: fixed;
  }
 .layout{
	 padding-top: 50px;
 }
 .header .logo1{
	 display: block;position: absolute;
	 left: 12px;
	 top: 0px;z-index: 1; width: 60px;
 }
 .header .logo1 img{
	 width: 100%;display: block;
 }
 .gh{
 	  display: block;top: 0px;right: 10px;
 }
 .header .naver{
 	   position: absolute;
 	   left: 0;right: 0;
 	   /*top: 50px;*/
       z-index: 12;background: #000;display: none;
 }
 .header .naver ul{
	 display: block;padding: 10px 5px 10px 20px;
 }
 .header .naver h3 a{
	 font-size: 16px;
 }
 .header .naver .nlogo{
	 display: none;
 }
  .header .naver li{
	  margin-bottom: 10px;
  }
  .header .naver li h3 i{
  		background: url(../images/qm1.png) no-repeat center;width: 30px;height: 30px;display: block;position: absolute;
  		right: 0;
  		top: 0;z-index: 1;
  	}
  	.header .naver li h3 i.on{
  		transform:rotate(180deg);
  		-ms-transform:rotate(180deg);  /* IE 9 */
  		-moz-transform:rotate(180deg);     /* Firefox */
  		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  		-o-transform:rotate(180deg);
  	}
 .header .naver .nli{
	 position: static;
 }
 .header .naver .nli dd a{
	 font-size: 14px;
 }
 .hpage1{
	 padding-top: 100px;
 }
 .htit h2{
	 font-size: 24px;
 }
 .htit p{
	 font-size: 18px;
 }
 .htit span{
	 width: 30px;margin-top: 14px;
     background: #9d9ba0;
     height: 0.10833333333333334rem;
 }
 .hpage1 .uitlist{
	 margin-top: 20px;
 }
 .uitlist li{
	 width: 20%;height: 65px;
 }
 .uitlist li img {
	z-index:1;
	max-width:70%;
	max-height:70%;
	display:block;
	margin:auto;
}
 .hpage2{
	 margin-top: 30px;padding-bottom: 50px;
 }
 .hpage2 .bds li{
	 padding: 12px;margin-bottom: 20px;
 }
 .hpage2 .bds li a{
	 display: block;
 }
 .hpage2 .bds li .pic{
	 width: auto;height: auto;
 }
 .hpage2 .bds li .txt{
	 width: auto;margin-top: 8px;
 }
 .hpage2 .bds li h6{
	 font-size: 13px;
 }
 .hpage2 .bds li h3{
	 font-size: 18px;margin: 4px 0;
 }
 .hpage2 .bds li p{
	 font-size: 12px;
 }
 .hpage2 .bds li p br{
	 display: none !important;
 }
 .hpage2 .bds li .ico{
	 display: none;
 }
 .hpage2 .more a{
	 font-size: 14px;width: 80px;
 }
 .footer{
	 padding: 30px 0;
 }
 .footer .wrap{
	 display: block;
 }
 .footer .rts,
 .footer .lts{
	 width: auto;
 }
 .footer .lts h3{
	 font-size: 18px;
 }
 .footer .lts ul{
	 margin: 10px 0;
 }
 .footer .tbs .ds1,
 .footer .tps,
 .footer .lts .logo{
	 display: none;
 }
 .footer .tbs .ds:nth-child(2){
	 width: auto;
 }
 .footer .tbs{
	 display: block;margin-top: 16px;
 }
 .footer .tbs li .img{
	 width: 50px;height: 50px;
 }
 .chajic{
	 padding: 120px 0 60px;
 }
 sup {
    font-size: 8px;
    left: -1px;
    margin-top: -5.1px;
    top: 0.8px !important;
    position: relative;
    display: inline-block;
}
 .chajic .ds{
	 padding: 14px 10px 30px;
 }
 .chajic .ds1 .img,
 .chajic .ds1 .poab{
	 position: static;
 }
 .chajic .ds1 h2{
	 font-size: 18px;
 }
 
.huobanzp .hds .poab h3{
     transform: scale(.75);
	 font-size: 12px;line-height: 21px;height: auto;
 }
 .chajic .ds1 h3{
     font-size: 7.5px;line-height:16px;height: auto;
 }
 .huobanzp .hds .poab {
    position: absolute;
    right: -17px;
    top: -15px;
    z-index: 1;
}
.huobanzp .hds .txt h2 {
    /* font-size: 2.95rem; */
    line-height: 1.3;
    color: #fff;
    font-weight:500;
    margin-bottom: 20px;
}

 .huobanzp .hds .poab .img{
	 width: 50px;position: absolute;
	 right: 20px;
	 top: 50px;z-index: 1;
 }
 .chajic .ds1 .img{
	 width: 40px;position: absolute;
	 right: 28px;
	 top: 307px;z-index: 1;
 }
 .chajic .ds3 {
    
    margin-top: 0px;
  
}
 .chajic .ds1 p{
    font-size: 9px;
	 line-height: 1.8;margin-top: 10px;
 }
 .chajic .ds3 h2 img {
    margin: 0 0.1px 0 0.1px;
    width: 0.9rem;
    display: inline-block;
}
 .chajic .ds3 h2{
	 font-size: 16.5px;

 }
 .chajic .ds2 h2{
     width: 75%;
     font-size: 20px;
     
 }
 .chajic .ds3 .del{
	 line-height: 1.8;
     color: #d8d8d8;
 }
 .chajic .ds3 .del span {
    margin: 0.8333333333333334rem 0;
    display: block;
    color: #d8d8d8;
}
 
 .chajic .ds3 img{
	 margin: 20px 0;
 }
 .chajic .ds3 .h6{
	 font-size: 16px;margin-left: 0;line-height: 1.5;
 }
 .chajic .ds3 .h6 .icos{
	 width: 38px;margin-right: 14px;display: block;position: relative;top: 21px;
 }
 .chajic .ico1{
     
	 width: 70px;right: 1%;
     top:370px;
 }
 .chajic .ico2{
	 left: 0;width: 160px;
 }
 .chajic .ico3{
	 width: 160px;right: 0;
 }
 .chajic .ds3 .h6{
	 display: flex;justify-content: flex-start;align-items: baseline;
 }
  .chajic .ds3 .h6 span{
	  display: block;
  }
 .huobanzp{
	 padding: 60px 0;
 }
 .huobanzp .hds .txt h2{
	 font-size: 19px;
     width: 58%;
 }
 .huobanzp .hds .poab{
	/* position: static;*/
 }
 .huobanzp .hds .txt p{
    width: 108%;
    transform: scale(.90);
    transform-origin: 0 0;
    
    color: #bdbdbd;
	 line-height: 1.8;
     /*margin-top: 15px;*/
 }
 .huobanzp .pic{
	 margin: 15px 0;
 }
 .huobanzp .bds .tit1 h3{
	 font-size: 20px;
 }
 .huobanzp .bds .tit1 h3 span{
	 margin-right: 10px;

 }
 .huobanzp .bds .tit1 h3::before{
	 bottom: 4px;
 }
 .huobanzp .bds .del{
	 font-size: 7.5px;line-height: 1.8;margin-top: 10px;margin-bottom: 10px;
 }
 .huobanzp .bds .img{
	 right: 0;width: 200px;
 }
 .huobanzp .bds .lts{
	 position: relative;z-index: 2;max-width: initial;
 }
 .tit h3{
	 font-size: 20px;
 }
 .posit{
    position: absolute;
    top: 0px;
    right: 0;
 }
 .tit h3::before{
	 bottom: 4px;
 }
 .ccc {
    font-size: 0.8em;
    left: -0.3em;
}
 .huobanzp .fts h2{
	 font-size: 20px;margin-bottom: 20px;
 }
 .huobanzp .fts{
	 padding-top: 15px;
     padding-bottom: 365px;
 }
 .huobanzp .fts p{
	 font-size: 7.5px;margin-bottom: 15px;
 }
 .huobanzp .fts .img{
	 top: 50%;width: 400px;right: -15%;

 }
 .huobanzp .ico1{
	 width: 80px;
 }
 .join{
	 padding: 120px 0;
     background: url(../images/gzjr.jpg) no-repeat center top ;background-size: 100% auto !important;
    background-color:#000000;
 }
 .join .hds h2{
	 font-size: 18px;
 }
 .join .hds h2 .s1,
 .join .hds h2 .s2{
	 width: 20px;
 }
 .join .hds .ico{
	 width: 50px; 
     top: 2px;
     right: 33px;
 }
 .join .ts li span {
    content: "";
    position: absolute;
    left: -0.041rem;
    top: -3.2rem;
    z-index: 1;
    background: url(../images/qms16.png) no-repeat center top;
    background-size: contain !important;
    width:50px;
    height:50px;
}
 .join .ts li::before{
	 background-size: 40px auto;top: -40px;
 }
 .join .ts li a{
	 font-size: 8.5px;line-height: 16px;padding: 0 10px;
 }
 .join .box{
	 margin-top: 50px;
 }
 .join .ovs{
	 margin-top: 30px;
 }
 .join .bds .ico{
	 width: 140px;right: -5%;
 }
 .join .bds dl{
	/* display: block;*/
     display: grid;  
            grid-template-columns: repeat(2, 1fr); /* 创建两列，每列等宽 */  
            grid-auto-rows: min-content; /* 每一行高度根据内容自动调整 */  
            gap: 2em; /* 可选，为网格单元格之间添加一些间距 */  

 }
 .join .bds dd{
	 width: auto;margin-right: 0;padding-bottom: 10px;margin-bottom: 10px;
       display: flex;  
            flex-direction: column;  
            justify-content: center;  
           
 }
 .join .bds h6{
	 font-size: 14px;
 }
 .join .bds p{
	 font-size: 15px;
 }
 .join .bds .ds1 p{
	 font-size: 15px;
 }
 .join .bds .ds2{
	/* max-width: initial;*/

 }
  .join .bds .ddd3{
     
    position: absolute;
     top: 66px;
     left: 54%;
     width: 46%;
 }
 .join .bds .ddd4{
     
    position: absolute;
     top: 480px;
     
    
 }
 
 .join .bds .fts{
	 font-size: 14px;margin-top: 170px;
     margin-bottom: -100px;
   
 }
 .join .bds .fts span{
	 font-size: 14px;
 }
 .join .bds .fts br{
	 display: none !important;
 }
 .partners .ico1{
	 width: 80px;right: 0;top: 20%;
 }
 .partners{
	 padding: 120px 0;
	 background: url(../images/ubg5-1.jpg) no-repeat center top ;background-size: 100% auto !important;
 }
 .product .hds .txt .t_info {
     font-size: 14px;
     margin-top: 13px;
    margin-bottom: 0px;
}
 .partners .hds h2{
	 font-size: 20px;
 }
 .partners .hds .img{
	 width: 40px;
 }
 .partners h3 span{
	 font-size: 8.5px;line-height:14px;
     margin: 5px 0 5px 0;
     padding: 0 9px;
 }
 .partners .hds h3{
	 margin-top: 8px;
 }
 .partners .wrap{
	 position: relative;z-index: 2;
 }
 .partners .zuopin{
	 margin-top: 0px;
 }
 .partners .swipban{
	 margin: 5px 0px 0;
 }
 .partners .prev, .partners .next{
	 background-size: 15px auto;width: 24px;height: 24px;left: -10px;margin-top: 3px;
     display: none;
 }
 .partners .next{
	 right: -10px;left: auto;
 }

 .partners .haibao{
	 margin-top: 10px;
 }
 .partners .haibao .s1{
	 width: 24px;
 }
 .partners .swipban1{
	 margin: 10px 0px 0;
 }
 .partners .swipban1 .swiper-slide{
	 height: auto;
 }
 .partners .ico2{
	 width: 100px;
 }
 .partners .ico3{
	 width: 140px;
 }
 .product{
	 padding: 120px 0;
 }
 .product4 .ico1{
	 width: 120px;top: 2%;right: -5%;
 }
 .product4 .ico2{
	 width: 200px;
 }
 .product4 .ico3{
	 width: 160px;
 }
 .product .hds{
	 display: block;
 }
 .product4 .hds .img{
	 width: 120px;margin: 0 auto;
 }
 .product4 .hds .txt{
	 width: auto;font-size: 15px;line-height: 1.8;margin-top: 10px;
 }
 .product4 .del{
	 margin-top: 30px;
 }
 .product4 .pic{
	 margin-bottom: 20px;
 }
 .product4 .pic img{
	 width: 70%;
 }
 .product4 .imgs{
	 margin-bottom: 20px;
 }
 .product3 .ico1{
	 width: 90px;top: 2%;right: -5%;
 }
 .product3 .ico2{
	 width: 100px;
 }
 .product3 .ico3{
	 width: 140px;
 }
 .product3 .hds .img{
	 width: 100px;margin: 0 auto 21px auto;
 }
 .product .hds .txt,
 .product2 .hds .txt,
 .product3 .hds .txt{
	 width: auto;font-size: 9px;line-height: 1.8;margin-top: 10px;
     text-align: center;
 }
 .mline {
   display: none;
}
 .product3 .del{
	 margin-top: 20px;
 }
 .product3 .del img{
	 margin-bottom: 20px;
 }
 .product .wrap{
	 position: relative;z-index: 2;
 }
 .product2 .hds .img{
	 width: 140px;margin: 0 auto;
 }
 .product2 .ico1{
	 width: 80px;right: -5%;
 }
 .product2 .del{
	 margin-top: 20px;
 }
 .product1 .ico1{
	 width: 100px;
 }
 .product1 .ico2{
	 width: 120px;
 }
 .product1 .ico3{
	 width: 150px;
 }
 .product1 .hds .img{
	 width: 110px;margin: 0 auto;
 }
 .product1 .del{
	 margin-top: 20px;
 }
 .product1 .pic{
	 margin-bottom: 20px;
 }
 .product1 .pic img{
	 width: 80%;
 }
 .newcase{
	 padding: 80px 0;
 }
 .newcase .hds h2{
	 font-size: 22px;
 }
 .newcase .hds .img{
	 width: 50px;
 }
 .newcase .hds .txt{
	 width: calc(100% - 60px);
 }
 .newcase .hds .tit h3{
	 font-size: 16px;
 }
 .newcase .hds .tit h3::before{
	 bottom: 2px;
 }
 .newcase .del{
	 margin-top: 20px;font-size: 12px;line-height: 1.8;
 }
 .newcase .del img{
	 margin: 20px 0;
 }
 .newcase .del dl{
	 max-width: initial;display: block;margin-bottom: 20px;margin-top: 10px;
 }
 .newcase .del dd{
	 width: auto;margin-bottom: 5px;
 }
 .newcase .del ul{
	 margin-top: 20px;
 }
 .newcase .del li{
	 float: none;width: auto;margin-bottom: 20px;
 }
 .newcase .del li .tit h3{
	 font-size: 18px;
 }
 .newcase .del li img{
	 height: auto;
 }
 .hpage1{
	 padding-top:20px ;
 }
 
 
 
 
 .apic1{
     position: absolute;
     right: -5.15rem;
     top: -5.58rem;
     z-index: 1;
     opacity: 0.5;
 	width: 13.56rem;
 }
 .apic2{
     position: absolute;
 	left: -3.19rem;
 	top: -3.71rem;
     z-index: 1;
     opacity: 0.5;
 	width: 8.39rem;
 }
 .apic3{
    position: absolute;
        right: -6rem;
        top: 23.88rem;
        z-index: 1;
        opacity: 0.5;
        width: 10.56rem;
 }
 .apic4{
   position: absolute;
       left: -3.74rem;
       top: 35.99rem;
       z-index: 1;
       opacity: 0.5;
       width: 7.56rem;
 }
 .apic5{
    position: absolute;
    left: -4.85rem;
    top: 50.84rem;
    z-index: 1;
    opacity: 0.5;
    width: 7.56rem;
 }
 .apic6{
    position: absolute;
        right: -8.19rem;
        top: 40.96rem;
        z-index: 1;
        opacity: 0.5;
        width: 13.56rem;
 }
 .apic7{
    position: absolute;
        right: -13.1rem;
        top: 52.59rem;
        z-index: 1;
        opacity: 0.5;
        width: 16.56rem;
 }
 .apic8{
    position: absolute;
        left: -10.26rem;
        top: 67.17rem;
        z-index: 1;
        opacity: 0.5;
        width:14.56rem;
 }
 .apic9{
     position: absolute;
         right:-7.47rem;
         top: 77.9rem;
         z-index: 1;
         opacity: 0.5;
         width: 12.56rem;
 }
 .umpc{
	 display: none !important;
 }
 .umweb{
 	display: block !important;
 }
 .footer .utop{
	 width: 40px;
	 height: 40px;
	 right: 20px;
 }
 .product4 .icos2{
	 width: 10rem;z-index: 0;
 }
 .product .pic::before{
	 display: none;
 }
 .product4 .pic img{
	 width: auto;
 }
 .header .naver .nli dd a::before{
	 display: none !important;
 }
}