/*pcba-intro*/
#pcba-intro{padding:20px 0;background-color: #F6F6F6;}
#pcba-intro .intro-flex{display: flex;gap: 20px;}
#pcba-intro .intro-flex .flex{flex: 1;background-color: #fff;}

#pcba-intro .intro-flex .flex .intro-list{padding:35px 45px;background-position: 95% center;background-repeat: no-repeat;background-size: 200px;padding-right: 300px;}
#pcba-intro .intro-flex .flex .intro-list b{font-size: 20px;margin-bottom: 10px;display: block;}
#pcba-intro .intro-flex .flex .intro-list ul li{font-size: 14px;line-height: 23px;list-style-type: disc;list-style-position: outside;transform: translateX(15px);}
#pcba-intro .intro-flex .flex .intro-list ul li::marker{height: 100px;}



#pcba-intro .intro-flex .flex:nth-child(1) .intro-list{background-image: url(../images/pcba/pcba1_1.webp);}
#pcba-intro .intro-flex .flex:nth-child(2) .intro-list{background-image: url(../images/pcba/pcba2_1.webp);}

@media(max-width:1086px){
    #pcba-intro .intro-flex{flex-wrap: wrap;}
    #pcba-intro .intro-flex .flex{flex: 0 0 100%;}
}

@media(max-width:1000px){
    #pcba-intro .intro-flex .flex .intro-list{padding:20px 25px;background-size: 100px;padding-right: 0px;}
    #pcba-intro .intro-flex .flex .intro-list ul{background-size: 100px;padding-right: 150px;}
    #pcba-intro .intro-flex .flex .intro-list ul li{font-size: 12px;line-height: 20px;}
}

@media(max-width:768px){

}




/**/
#qual_control{padding:80px 0;min-height: 850px;background-image: url(../images/pcba_back.png);background-repeat: no-repeat;background-size: cover;}
#qual_control .item_h2_title{color: #000;}
#qual_control .item_p_des{margin:25px auto 50px;text-align: center;}

#qual_control li{position: relative;padding:15px 0;padding-left: 40px;overflow:hidden}
#qual_control li::before{position: absolute;left:0;top:15px;font-size: 20px;font-weight: bold;display: inline-block;margin-right: 20px;}
#qual_control .left li:nth-child(1)::before{content:"01"}
#qual_control .left li:nth-child(2)::before{content:"02"}
#qual_control .left li:nth-child(3)::before{content:"03"}
#qual_control .left li:nth-child(4)::before{content:"04"}
#qual_control .left li:nth-child(5)::before{content:"05"}
#qual_control .right li:nth-child(1)::before{content:"06"}
#qual_control .right li:nth-child(2)::before{content:"07"}
#qual_control .right li:nth-child(3)::before{content:"08"}
#qual_control .right li:nth-child(4)::before{content:"09"}

#qual_control li b{font-size: 20px;display: block;}
#qual_control li p{font-size: 14px;line-height: 23px;margin: 10px 0;display: none;opacity: 0;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#qual_control li.active p{display:block;opacity: 1;}

#qual_control .wcenter{position: relative;}
#qual_control .left{float: left;width: 27%;margin-top: 50px;}
#qual_control .center{position: absolute;left:0;right:0;border-radius: 50%;overflow: hidden;;margin:0 auto;width: 34%;background:url(../images/pcba/control-back.png) no-repeat;background-size: 100% 100%;padding:12px;}
#qual_control .center .control-img{border-radius: 50%;overflow: hidden;}
#qual_control .right{float: right;width: 27%;margin-top: 50px;}

#qual_control .center .swiper-slide img{display: block;width: 100%;}

@media(max-width:1440px){
    #qual_control li{padding-left: 55px;}
    #qual_control li b{font-size: 18px;}
    #qual_control li p {font-size: 13px;line-height: 21px;}
}

@media(max-width:1100px){
    #qual_control li b{font-size: 16px;}
    #qual_control li::before{font-size: 16px;}
    #qual_control li p {font-size: 12px;line-height: 18px;}
    #qual_control .left{margin-top: 0;}
    #qual_control .right{margin-top: 0;}
}

@media(max-width:1000px){
    #qual_control{min-height: unset;padding:30px 0;}
    #qual_control li{padding: 10px 0;padding-left: 30px;}
    #qual_control li::before{top: 10px;}
    #qual_control .item_p_des{margin:0 0 20px;text-align: left;}
    #qual_control .left,
    #qual_control .right,
    #qual_control .center{
        width: 100%;
    }
    #qual_control .center{position: relative;margin: 0 auto;max-width: 600px;}
}

@media(max-width:768px){

}


.transitionAll{transition: all 0.7s ease;-webkit-transition: all 0.7s ease;}


/*#how_to_order*/
#how_to_order {padding:100px 0}
#how_to_order h2{color: #000;}
#how_to_order hr{width: 50px;height: 3px;background-color: #119466;display: block;margin:25px auto 50px}
#how_to_order .how_box ul{display: flex;gap: 40px;}
#how_to_order .how_box li{text-align: center;border:1px solid #efefef;padding:50px 30px;flex: 1;background: linear-gradient(180deg, #F1FBF1 0%, #FFFFFF 100%);border-radius: 10px;background-repeat: no-repeat;background-size: cover;}
#how_to_order .how_box li img{width: 76px;}
#how_to_order .how_box li b{display: block;font-size: 18px;margin: 39px 0 19px;}
#how_to_order .how_box li p{font-size: 16px;line-height: 23px;}

#how_to_order .video-url{margin:50px 0 15px;display: block;text-align: center;font-size: 15px;color: #666;}
#how_to_order .quote-url{font-size: 16px;padding:15px 0px;text-align: center;background-color: #119466;color: #fff;display: block;margin: 0 auto;width: 240px;border-radius: 5px;}
#how_to_order .quote-url:hover{background-color: #fff;color: #119466;outline: 1px solid #119466;}
@media(max-width:1440px){
    #how_to_order .how_box li{padding:35px;}
    #how_to_order .how_box li b{font-size: 20px;}
    #how_to_order .how_box li p{font-size: 15px;line-height: 21px;}
}

@media(max-width:1000px){
    #how_to_order{padding:30px 0}
    #how_to_order hr{margin:0 0 20px}
    #how_to_order .how_box ul{flex-wrap: wrap;}
    #how_to_order .how_box li{flex: 0 0 100%}
    #how_to_order .how_box li b{font-size: 16px;margin:15px 0}
    #how_to_order .how_box li p{font-size: 14px;line-height: 19px;}
}

@media(max-width:768px){
    #how_to_order .how_box li{padding:20px;}
    #how_to_order .how_box li img{width: 55px;}
}




/*#intro_core*/
#intro_core{padding:100px 0 0;background-color: #F6F6F6;}
#intro_core h2{color: #000;}
#intro_core hr{width: 50px;height: 3px;background-color: #119466;display: block;margin:25px auto 50px}
#intro_core .flex-box{display: flex;}
#intro_core .flex-box .flex{flex: 1;position: relative;height: 520px;overflow: hidden;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
#intro_core .flex-box .flex:nth-child(2n-1) .show-tit,#intro_core .flex-box .flex:nth-child(2n-1) .hide-tit{background-color: rgba(35, 149, 100, 0.6);}
#intro_core .flex-box .flex:nth-child(2n) .show-tit,#intro_core .flex-box .flex:nth-child(2n) .hide-tit{background-color: rgba(105, 179, 31, 0.7);}
#intro_core .flex-box .flex.active{flex:2;}
#intro_core .flex-box .flex img{height: 100%;}
#intro_core .flex-box .flex .img{height: 100%;}
#intro_core .flex-box .flex b{font-size: 18px;margin-bottom: 20px;display: block;}
#intro_core .flex-box .flex p{font-size: 13px;line-height: 22px;}
#intro_core .flex-box .flex .show-tit{z-index: 2;position: absolute;width: 100%;height: 100%;padding:60px 20px;opacity: 1;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;background-image: url(../images/pcba/anniu.png);background-repeat: no-repeat;background-position: center 70%;background-size: 50px;}
#intro_core .flex-box .flex .show-tit b{text-align: center;color: #fff;}
#intro_core .flex-box .flex .hide-tit{text-align: center;z-index: 3;opacity: 0;position: absolute;bottom:0;left:0;padding:20px;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
#intro_core .flex-box .flex .hide-tit *{color: #fff;}
#intro_core .flex-box .flex.active .show-tit{opacity: 0;}
#intro_core .flex-box .flex.active .hide-tit{opacity: 1;}

@media(max-width:1440px){
    #intro_core .flex-box .flex b{}
    #intro_core .flex-box .flex p{}
}

@media(max-width:1000px){
    #intro_core{padding:30px 0}
    #intro_core .flex-box{flex-wrap: wrap;}
    #intro_core .flex-box .flex{flex: 0 0 100%;}
    #intro_core .flex-box .flex.active{flex: 0 0 100%;}
    #intro_core .flex-box .flex.active .show-tit,
    #intro_core .flex-box .flex .show-tit{opacity: 0;}
    #intro_core .flex-box .flex.active .hide-tit,
    #intro_core .flex-box .flex .hide-tit{opacity: 1;}
    #intro_core .flex-box .flex b{}
    #intro_core .flex-box .flex p{}
}

@media(max-width:768px){
}





/*#why_choose_pcba*/
#why_choose_pcba{padding:100px 0 0}
#why_choose_pcba h2{color: #000;margin-bottom: 50px;}

#why_choose_pcba .img{float: left;width:48%;position: relative;}
#why_choose_pcba .img::after{content: "";position: absolute;left:0;right:0;top:50%;transform: translateY(-50%) scale(1);border-radius: 50%;margin:0 auto;background-image: url(../images/videoplay.png);display: block;width: 80px;height: 80px;background-size: 100%;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#why_choose_pcba .img::after:hover{transform: translateY(-50%) scale(1.1);}
#why_choose_pcba .img img{width: 100%;border-radius: 20px;}

#why_choose_pcba .con{float: right;width: 48%;position: relative;}
#why_choose_pcba .con::after{content:"";z-index: -1;display: block;width: 168px;height: 168px;background-color: rgba(244, 251, 243, 1);position: absolute;right: 0;top: 0;border-radius: 50%;}
#why_choose_pcba .con b{font-size: 30px;color: #119466;}
#why_choose_pcba .con p{margin:50px 0;font-size: 16px;line-height: 32px;}
#why_choose_pcba .con a{transition: all 0.6s ease;-webkit-transition: all 0.6s ease;font-size: 18px;width: 200px;background-color: #119466;color: #fff;display: block;text-align: center;padding:10px 0;}
#why_choose_pcba .con a:hover{background-color: #fff;border: 1px solid #119466;color: #119466;}



.part-slide .swiper-slide .img {text-align:center;background-color:#fff;display:flex;justify-content:center;align-items:center;height:60px;}
.part-slide .swiper-slide .img img{max-height: 40px;max-width: 80%;}
#new_why_choose .adv_num ul{display: flex;gap: 15px;}
#new_why_choose .adv_num ul li{flex:1;padding:25px;background-color: rgba(238, 253, 238, 1);border-radius: 5px;}
#new_why_choose .adv_num ul li b{font-size: 28px;}
#new_why_choose .adv_num ul li p{font-size: 16px;}


#new_why_choose.pcba1{padding-bottom: 100px;}
#new_why_choose.pcba2{background-color: rgba(239, 239, 239, 1);padding-bottom: 20px;padding-top: 40px;}
#new_why_choose.pcba2 .why_bottom {background: url("../images/pcba/ordershow.webp") no-repeat;background-position: right center;background-size: 40% auto;border:0;margin-top:40px;}
#new_why_choose.pcba2 .why_bottom .ordershow{background-color:#fff;padding: 20px;}



#feed_slide.pcba{padding:0;padding-bottom: 40px;background-color: unset;background-color: rgba(239, 239, 239, 1);}


@media(max-width:1000px){
    #why_choose_pcb{padding:30px 0}

    #why_choose_pcb .img{width: 100%;margin-bottom: 25px;}
    #why_choose_pcb .con{width: 100%;margin-bottom: 25px;}

    #why_choose_pcb .con p{margin:20px 0;font-size: 14px;line-height: 22px;}

    #new_why_choose .adv_num ul{flex-wrap: wrap;gap: 15px;}
    #new_why_choose .adv_num ul li{flex: 0 0 100%;}
    #new_why_choose .adv_num ul li b{font-size: 22px;}
    #new_why_choose .adv_num ul li p{font-size: 14px;}
    #why_choose_pcba .con a{
        width: 37vw;
        margin-left: 28vw;
    }
    #new_why_choose.pcba1{padding-bottom: 30px;}
}


@media(max-width:768px){
    #why_choose_pcba .img{
        float: none;
        width: 100%;
    }
    #why_choose_pcba .con{float: none;width: 100%;text-align: center;}
    #new_why_choose .adv_num ul li b{font-size: 18px;}
    #new_why_choose .adv_num ul li p{font-size: 13px;}
}



/*#honorpcba*/
#honor_index .wcenter{overflow: hidden;}
.honor_swiper_img{margin:50px 0}
.honor_swiper_img .swiper-slide div img{display: block;width: 100%;}
.honor_swiper_img .swiper-slide div p{margin-top: 25px;text-align: center;font-size: 16px;line-height: 24px;}

.cert_box {
	margin-top: 65px;
    margin-bottom: 40px;
}

.cert_box .swiper-container {
    
}

.cert_box .swiper-slide img {
	transform: scale(1);
	position: relative;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	width: 100%;
	display: block;
}

.cert_box .swiper-slide div p{text-align: center;margin-top: 15px;font-size: 16px;font-weight: bold;}



@media(max-width:1000px){
	#cert_slide {padding-top: 30px;}
	#cert_slide .wcenter{padding-bottom: 70px;}
	.cert_box{margin-top: 50px;}




.cert_box .swiper-slide div p{font-size: 14px;}


}



