/*page pcba*/

/*#man-ser*/
#man-ser{padding:75px 0 120px;background-image: url(../images/main-tec-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
#man-ser h2{text-align: center;}
#man-ser .des{text-align: center;margin:20px 0 90px}

#man-ser .m-s-box{display: flex;}

#man-ser .m-s-box .imgs{width: 50%;}
#man-ser .m-s-box .imgs img{display: none;}
#man-ser .m-s-box .imgs img.active{display: block;animation: toShow 0.8s forwards;}

#man-ser .m-s-box ul{width: 45%;margin-right: 0;margin-left: auto;position: relative;}

#man-ser .m-s-box ul li{padding-left: 105px;position: relative;font-size: 18px;line-height: 27px;padding-bottom: 3vw;}
#man-ser .m-s-box ul li::after{content: "";width: 1px;background-color: #eee;height: 100%;position: absolute;left:15px;top:0;}

#man-ser .m-s-box ul li:last-child::after{display: none;}

#man-ser .m-s-box ul li.active{color: #2da765;}

#man-ser .m-s-box ul li i{position: absolute;top:3px;left:0;border: 2px solid #2da765;font-size: 14px;background-color: #fff;
border-radius: 50%;width: 30px;height: 30px;text-align: center;line-height: 28px;font-style: normal;z-index: 3;}

#man-ser .m-s-box ul li.active i,#man-ser .m-s-box ul li:hover i{background-color: #2da765;color: #fff;}


@media(max-width:1540px){
    #man-ser .m-s-box ul li{padding-left: 60px;}
    #man-ser .m-s-box ul li{font-size: 16px;line-height: 24px;}
}

@media(max-width:1280px){
}

@media(max-width:1100px){
    #man-ser{padding:30px 0;}

    #man-ser .des{margin-bottom: 30px;}
    #man-ser .m-s-box {flex-wrap: wrap;}

    #man-ser .m-s-box .imgs{width: 100%;margin-bottom: 20px;}

    #man-ser .m-s-box ul{width: 100%;}
    #man-ser .m-s-box ul li{padding-left: 35px;}
    #man-ser .m-s-box ul li{font-size: 14px;line-height: 21px;}

    #man-ser .m-s-box ul li i{border: 1px solid #2da765;font-size: 12px;width: 20px;height: 20px;line-height: 18px;}
    #man-ser .m-s-box ul li::after{left:9px;}

    
}

@media(max-width:768px){
    
}




/*#system_pcba*/
#system_pcba{background-color: #ececec;padding:75px 0 90px}
#system_pcba h2{text-align: center;}
#system_pcba .des{margin:20px auto 35px;text-align: center;}
#system_pcba{}
#system_pcba ul{display: flex;gap:10px;height: 520px;}
#system_pcba ul li{flex:1;overflow: hidden;position: relative;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#system_pcba ul li .img{height: 100%;}
#system_pcba ul li img{height: 100%;width: auto;}
#system_pcba ul li .show{opacity: 1;position: absolute;left: 0;top: 0;width: 520px;color: #fff;transform: rotate(90deg) translateX(50%) translateY(230px);transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#system_pcba ul li .hide{opacity: 0;background-color: #2da765;padding:25px 40px;position: absolute;bottom:0;right:0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#system_pcba ul li .hide b,#system_pcba ul li .hide strong{color: #fff;}
#system_pcba ul li .hide p{font-size: 15px;line-height: 24px;color: #fff;}

#system_pcba ul li.active{flex:5}
#system_pcba ul li.active .show{opacity: 0;}
#system_pcba ul li.active .hide{opacity: 1;}

@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #system_pcba{padding:30px 0;}
    #system_pcba ul{gap: 2%;height: auto;flex-wrap: wrap;}
    #system_pcba ul li{width: 49%;margin-bottom: 2%;height: 255px;flex:unset}
    #system_pcba ul li.active .show,#system_pcba ul li .show{opacity: 1;}
    #system_pcba ul li .show{width: 100%;transform: unset;padding: 5px 15px;}
    #system_pcba ul li.active .hide,#system_pcba ul li .hide{opacity: 0;}
}

@media(max-width:768px){
    
}

/**/
#video{margin:70px 0 0px}
#video .video-box{position: relative;}

#video .video-box::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;right: 0;
background-image: url(../images/play-small.png);background-repeat: no-repeat;background-position: center;opacity: 1;}

#video .video-box video{position: absolute;width: 100%;height: 100%;background-color: #000;left:0;top:0;opacity: 0;}



/**/
#logistic{margin: 50px 0 100px;}
#logistic .w1500{display: flex;}

#logistic .w1500 .img{width: 50%;}
#logistic .w1500 .img img{display: none;}
#logistic .w1500 .img img.active{display: block;animation: toShow 0.6s forwards;}


#logistic .w1500 .con{width: 50%;padding-left: 60px;}

#logistic .w1500 .con .des{margin:25px 0;color: #666;}

#logistic .w1500 .con ul li{padding:20px;padding-left: 80px;background-color: #fff;
background-repeat: no-repeat;background-position: 20px 20px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

#logistic .w1500 .con ul li.active{background-color: #2da765;}

#logistic .w1500 .con ul li:nth-child(1){background-image:url("../images/logicon1.png");}
#logistic .w1500 .con ul li.active:nth-child(1){background-image:url("../images/logicon11.png");}
#logistic .w1500 .con ul li:nth-child(2){background-image:url("../images/logicon2.png");}
#logistic .w1500 .con ul li.active:nth-child(2){background-image:url("../images/logicon22.png");}
#logistic .w1500 .con ul li:nth-child(3){background-image:url("../images/logicon3.png");}
#logistic .w1500 .con ul li.active:nth-child(3){background-image:url("../images/logicon33.png");}

#logistic .w1500 .con ul li p{margin-top: 8px;}

#logistic .w1500 .con ul li.active *{color: #fff;}


@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #video{margin-top: 30px;}

    #logistic{margin:30px 0;}

    #logistic .w1500{flex-wrap: wrap;}

    #logistic .w1500 .img{width: 100%;}
    
    #logistic .w1500 .con{width: 100%;margin-top: 20px;padding-left: 0;}
}

@media(max-width:768px){
    
}


/**/
#p-s-cate{margin-bottom: 100px;}
#p-s-cate ul{display: flex;gap: 25px;}
#p-s-cate ul li{flex:1;position: relative;height: 250px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#p-s-cate ul li a{display: block;}
#p-s-cate ul li .con{position: absolute;width: 100%;height: 100%;display: flex;gap:15px;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
#p-s-cate ul li .con *{color: #fff;}


#p-s-cate ul li .con img{height: 40px;width: auto;;margin:0 auto;margin-bottom: 10px;}
#p-s-cate ul li .con .url{border:1px solid #fff;border-radius: 5px;height: 40px;line-height: 40px;width: 140px;text-align: center;-webkit-transition: all 0.6s;transition: all 0.6s;}
#p-s-cate ul li:hover .con .url{background: #2da765;color: #fff;border-color: #2da765;}


@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #p-s-cate{margin-bottom: 30px;}
}

@media(max-width:768px){
    #p-s-cate ul{flex-direction: column;}
    #p-s-cate ul li{width: 100%;flex:unset;height: 200px;}
    #p-s-cate ul li .con .url{height: 35px;line-height: 33px;}
    
}



/*page-prosess*/
/*#com-product*/
#com-product {padding:90px 0 70px;}
#com-product h3{text-align: center;}
#com-product  .w1500>.des{text-align: center;margin:20px auto 50px}
#com-product ul{display: flex;gap:20px;}
#com-product  ul li{background-color: #f7f7f7;flex: 1;}
#com-product  ul li .con{padding:30px 20px;}
#com-product  ul li .title{color: #2da765;margin-bottom: 15px;}

@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #com-product{padding:30px 0;}
    #com-product .w1500>.des{margin-bottom: 20px;}
    #com-product  ul{flex-wrap: wrap;gap:2%;}
    #com-product  ul li{width: 49%;margin-bottom: 2%;}
    #com-product ul li .con{padding:20px 15px;}
}

@media(max-width:768px){
    
}



/*#qual-sys*/
#qual-sys{padding:100px 0;background-color: #2da765;}

#qual-sys h3{text-align: center;color: #fff;}
#qual-sys  .w1500>.des{text-align: center;margin:20px auto 50px;color: #fff;}

#qual-sys .qual-url{display: flex;gap:15px;margin-bottom: 25px;}
#qual-sys .qual-url li{flex:1;border-radius: 5px;background-color: #fff;line-height: 35px;padding: 5px 0;text-align: center;}
#qual-sys .qual-url li.active{background-color: #465863;color: #fff;}


#qual-sys .qual-con>li{display: none;}
#qual-sys .qual-con>li.active{display: flex;animation: toShow 0.8s forwards;}
#qual-sys .qual-con>li .con{padding:45px 50px;background-color: #465863;width: 560px;}
#qual-sys .qual-con>li .con *{color: #fff;}
#qual-sys .qual-con>li .con b{font-size: 20px;line-height: 27px;display: block;margin-bottom: 30px;}
#qual-sys .qual-con>li .con p{font-size: 14px;line-height: 24px;}
#qual-sys .qual-con>li .con ul li{list-style: inside;font-size: 14px;line-height: 24px;margin-bottom: 15px;}
#qual-sys .qual-con>li .con ul li::marker{color: #2da765;}
#qual-sys .qual-con>li .img{width: calc(100% - 560px);display: flex;overflow: hidden;justify-content: center;}
#qual-sys .qual-con>li .img img{width: auto;height: 100%;}

@media(max-width:1540px){
    
}

@media(max-width:1280px){
    #qual-sys .qual-con>li .con{width: 50%;}
    #qual-sys .qual-con>li .img{width: 50%;}
}

@media(max-width:1100px){
    #qual-sys{padding:30px 0;}

    #qual-sys .w1500>.des{margin-bottom: 20px;}

    #qual-sys .qual-url {flex-wrap: wrap;gap:2%;}
    #qual-sys .qual-url li{width: 49%;flex:unset;margin-bottom: 2%;}


    #qual-sys .qual-con>li{flex-wrap: wrap;}
    #qual-sys .qual-con>li .con{width: 100%;padding: 20px;}
    #qual-sys .qual-con>li .img{width: 100%;display: block;}
    #qual-sys .qual-con>li .img img{width: 100%;height: auto;}
}

@media(max-width:768px){

}



/*page-buy-*/
#ele{padding:100px 0 0px;background-image: url("../images/main-tec-bg.png");background-size: cover;background-position: center;}
#ele h3{text-align: center;}
#ele .des{margin:20px auto 50px;text-align: center;color: #666;}

#ele ul{display: flex;gap: 0.5%;flex-wrap: wrap;}
#ele li{padding:40px 30px;background-color: #f3f3f3;min-height: 300px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;
width: 24.5%;position: relative;top: 0;}
#ele li .img{margin-bottom: 35px;width: 60px;height: 60px;background-color: #2da765;background-position: center;background-repeat: no-repeat;}
#ele li:hover .img{background-color: #fff;}

#ele li:hover{background-color: #2da765;top:-10px}

#ele li:hover *{color: #fff;}

#ele li:nth-child(1) .img{background-image: url("../images/eicon1.png");}
#ele li:nth-child(1):hover .img{background-image: url("../images/eicon11.png");}

#ele li:nth-child(2) .img{background-image: url("../images/eicon2.png");}
#ele li:nth-child(2):hover .img{background-image: url("../images/eicon22.png");}

#ele li:nth-child(3) .img{background-image: url("../images/eicon3.png");}
#ele li:nth-child(3):hover .img{background-image: url("../images/eicon33.png");}

#ele li:nth-child(4) .img{background-image: url("../images/eicon4.png");}
#ele li:nth-child(4):hover .img{background-image: url("../images/eicon44.png");}



#ele .supply-title{margin-top: 140px;margin-bottom: 25px;text-align: center;}


@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #ele{padding-top: 30px;}
    #ele ul{gap:2%}
    #ele ul li{width: 49%;margin-bottom: 2%;padding:20px;min-height: unset;}
    #ele li .img{width: 40px;height: 40px;margin-bottom: 20px;background-size: auto 80%;}


    /**/
    #ele .supply-title{margin-top: 30px;}
}

@media(max-width:768px){

}



/**/
#supply{margin-bottom: 100px;}
#supply ul{margin-top: -100px;display: flex;gap:10px;}
#supply li{flex:1;background-color: #f3f3f3;padding:30px 40px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#supply li:hover{background-color: #2da765;color: #fff;}

#supply li b{display: block;margin-bottom: 10px;}

@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #supply{margin-bottom: 30px;}
    #supply ul{flex-wrap: wrap;gap:1%}
    #supply li{padding:20px;flex:unset;width: 49%;margin-bottom: 2%;}
    #supply li:last-child{width: 100%;}
}

@media(max-width:768px){

}


/**/
#mater{margin-bottom: 65px;}
#mater .w1500>.des{margin:20px 0 55px;color: #666;}

#mater .button-box{float: right;margin-top: -80px;position: relative;z-index: 1;}
#mater .button-box .swiper-prev,#mater .button-box .swiper-next{width: 40px;height: 40px;line-height: 32px;text-align: center;background-color: #2da765;border:1px solid #2da765;color: #fff;border-radius: 50%;display: inline-block;font-size: 26px;}
#mater .button-box .swiper-next{margin-left: 15px;}
#mater .button-box .swiper-prev:hover,#mater .button-box .swiper-next:hover{opacity: 0.7;}

#mater .w1500 .swiper-container{ overflow: unset;}

#mater .w1500 .swiper-container .slide-con{position: relative;overflow: hidden;padding-top: 40px;}
#mater .w1500 .swiper-container .slide-con i{position: absolute;font-size: 72px;font-weight: bold;color: #dcdcdc;font-style: normal;
left:0;top:40px;transform: translateY(-50%);font-weight: bold;}
#mater .w1500 .swiper-container .slide-con .con{position: absolute;width: 100%;bottom: 0px;transform: translateY(60%);left:0;background-color: #465863;
padding:25px 35px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#mater .w1500 .swiper-container .slide-con .con *{color: #fff;}

#mater .w1500 .swiper-container .slide-con:hover .con{transform: translateY(0%);}

#mater .w1500 .swiper-container .slide-con .con b{margin-bottom: 15px;display: block;}
#mater .w1500 .swiper-container .slide-con:hover .con{background-color: #2da765;}


#mater .w1500 .swiper-container .slide-con .con p{opacity: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#mater .w1500 .swiper-container .slide-con:hover .con p{opacity: 1;}


@media(max-width:1540px){
    
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #mater .button-box{margin-top: 0;float: left;}
    #mater .w1500>.des{margin-bottom: 20px;}
}

@media(max-width:768px){
    #mater .w1500 .swiper-container .slide-con .con{transform: unset;position: relative;padding: 15px;}
    #mater .w1500 .swiper-container .slide-con .con p{opacity: 1;}

}




/**/
#other-box{padding:100px 0;}
#other-box h3{text-align: center;}
#other-box .des{text-align: center;margin:25px auto 60px;text-align: center;}

#other-box ul li{overflow: hidden;margin-bottom: 40px;}
#other-box ul li .img{float: left;width: 49%;}
#other-box ul li .con{float: right;width: 49%;}

#other-box ul li:nth-child(2n) .img{float: right;}
#other-box ul li:nth-child(2n) .con{float: left;}

#other-box ul li .con {padding:80px 40px 0;}
#other-box ul li .con img{width: auto;margin-bottom: 20px;}
#other-box ul li .con b{display: block;font-size: 24px;line-height: 27px;margin-bottom: 10px;}
#other-box ul li .con p{color: #666;}


@media(max-width:1540px){
    #other-box ul li .con b{font-size: 20px;line-height: 24px;}
}

@media(max-width:1280px){
    
}

@media(max-width:1100px){
    #other-box{padding:30px 0;}
    #other-box .des{margin-bottom: 20px;}
    #other-box ul li .img{width: 100%;}


    #other-box ul li .con{width: 100%;padding:20px;}
    #other-box ul li .con img {width: 40px;}
    #other-box ul li{margin-bottom: 0;}
    #other-box ul li .con b{font-size: 16px;line-height: 22px;}
}

@media(max-width:768px){
    

}