#position{padding:15px 0;background-color: #000;}
#position a{font-size: 14px;margin-right: 10px;color: #fff;}
#position a::after{content: ">";font-size: 13px;margin-left: 10px;}
.page_h2_title{font-size: 32px;line-height: 40px;color: #e60012;font-weight: bold;text-align: center;text-transform: uppercase;}
.page_p_des{font-size: 16px;line-height: 27px;margin: 15px auto 80px;color: #616161;text-align: center;}

#online_cate{padding:20px 0}
#online_cate ul{width: 65%;overflow: hidden;}
#online_cate li{float: left;width: 23.5%;margin-right: 2%;background-color: #fff;height: 60px;line-height: 60px;text-align: center;border-radius: 5px;}
#online_cate li:nth-child(4){margin-right: 0%;}
#online_cate li a{font-size: 16px;}

/*页面pcba*/
/*intro_page*/
#intro_page{padding: 60px 0;background-color: #fff;}
#intro_page .intro_video ul{overflow: hidden;}
#intro_page .intro_video li{float: left;width: 24.5%;margin-right: 0.6666667%;margin-bottom: 40px;}
#intro_page .intro_video li:nth-child(4n){margin-right: 0;}
#intro_page .intro_video li .tit{font-weight: bold;position: relative;height: 61px;}
#intro_page .intro_video li .tit font{font-size: 36px;color: #dcdcdc;position: absolute;left: 0;top: 0;}
#intro_page .intro_video li .tit span{font-size: 20px;color: #000;display: block;line-height: 20px;padding-left: 60px;}
#intro_page .intro_video li a{position: relative;height: 220px;display: block;}
#intro_page .intro_video li a .img{position: absolute;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
#intro_page .intro_video li a img{height: 100%;}
#intro_page .intro_video li a::after{content:"";display: block;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 41px;height: 41px;margin: 0 auto;background-image: url(../images/play2.png);}
#intro_page .intro_video li a video{width: 100%;height: 100%;position: relative;z-index: -1;}
#intro_page .intro_video li a.active video{z-index: 1;}

@media(max-width:1440px) {
    #intro_page .intro_video li .tit font{font-size: 32px;}
    #intro_page .intro_video li .tit span{font-size: 18px;padding-left: 50px;}
}

@media(max-width:1100px){
    #intro_page{padding:35px 0;}
    .page_h2_title {font-size: 24px;line-height: 30px;}
    .page_p_des{font-size: 14px;line-height: 21px;margin:15px auto 20px;}
    #intro_page .intro_video li{width: 33%;margin-right: 0.33333%;}
    #intro_page .intro_video li:nth-child(4n){margin-right: 0.33333%;}
    #intro_page .intro_video li:nth-child(3n){margin-right: 0;}
    #intro_page .intro_video li .tit{height: 55px;}
    #intro_page .intro_video li .tit font{font-size: 28px;}
    #intro_page .intro_video li .tit span{font-size: 16px;line-height: 16px;padding-left: 40px;}
}

@media(max-width:600px){
    .page_h2_title{font-size: 20px;line-height: 26px;}
    .page_p_des{font-size: 12.5px;line-height: 18px;}
    #intro_page .intro_video li{width: 49.5%;margin-right: 1%;margin-bottom: 20px;}
    #intro_page .intro_video li:nth-child(3n){margin-right: 1%;}
    #intro_page .intro_video li:nth-child(2n){margin-right: 0;}
    #intro_page .intro_video li .tit{height: 48px;}
    #intro_page .intro_video li .tit font {font-size: 20px;}
    #intro_page .intro_video li .tit span{font-size: 14px;line-height: 15px;padding-left: 30px;}
}

@media(max-width:400px){
    #intro_page .intro_video li{width: 100%;margin-bottom: 10px;}
    #intro_page .intro_video li .tit{height: auto;margin-bottom: 8px;}
    #intro_page .intro_video li a{height: 220px;}
}



/*pcba_line*/
#pcba_line{padding: 60px 0;background-image: url(../images/line-back.png);}
#pcba_line .page_h2_title{width: 52%;text-align: left;}
#pcba_line .page_p_des{width: 52%;text-align: left;margin-left: 0;}
#pcba_line ul{display: flex;padding: 58px 37px;background-color: #fff;}
#pcba_line ul li{flex:1;padding:0 37px;border-left: 1px solid #eee;}
#pcba_line ul li:nth-child(1){padding-left: 0;border-left: 0;}
#pcba_line ul li .flex-box b{font-size: 20px;line-height: 25px;}
#pcba_line ul li .flex-box p{font-size: 14px;line-height: 21px;margin-top: 20px;}
#pcba_line ul li .flex-box font{font-weight: bold;color: #e60012;}

@media(max-width:1100px){
    #pcba_line{padding:35px 0;}
    #pcba_line ul li .flex-box b{font-size: 16px;line-height: 18px;}
    #pcba_line ul li .flex-box p{font-size: 13px;line-height: 18px;margin-top: 15px;}
    #pcba_line ul{padding:20px}
}

@media(max-width:600px){
    #pcba_line .page_h2_title{width: 100%;}
    #pcba_line .page_p_des{width:100%}
    #pcba_line ul{display: block;overflow: hidden;padding:15px}
    #pcba_line ul li{float: left;padding:7px 0;border-left: 0;width: 100%;border-bottom: 1px solid #eee;}
    #pcba_line ul li .flex-box b{font-size: 14px;line-height: 16px;}
    #pcba_line ul li .flex-box p{font-size: 12.5px;line-height: 15px;margin-top: 7px;}
}


/*main_product*/
#main_product{background-color: #fff;padding:60px 0;}
#main_product ul{overflow: hidden;}
#main_product ul li{float: left;width: 24%;margin-right: 1.111111%;position: relative;}
#main_product ul li:nth-child(4){margin-right: 0;}
#main_product ul li .tit{background-color: rgba(0,0,0,0.3);padding: 10px;color: #fff;font-size: 16px;line-height: 25px;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
#main_product ul li .tit img{display: inline-block;margin-right: 15px;}
#main_product ul li .img {display: flex;justify-content: center;}
#main_product ul li .img img{height: 222px;}
#main_product ul li .tit span{position: relative;top:-10px}

@media(max-width:1440px) {
    #main_product ul li .tit{font-size: 15px;line-height: 18px;}
}

@media(max-width:1100px){
    #main_product{padding:35px 0;}
    #main_product ul li{width: 49.5%;margin-right: 1%;margin-bottom: 1%;}
    #main_product ul li:nth-child(2n){margin-right: 0;}
    #main_product ul li .img img{height: 350px;}
}

@media(max-width:700px){
    #main_product ul li .img img{height: 220px;}
}

@media(max-width:600px){
    #main_product ul li{width: 100%;}
    #main_product ul li .img img{height: auto;width: 100%;}
}





/*pcba_quality*/
#pcba_quality{padding:80px 0;background-color: #f1f1f1;}
#pcba_quality .left{float: left;width: 67.9%;}
#pcba_quality .left .page_h2_title,#pcba_quality .left .page_p_des{text-align: left;margin-left: 0;}
#pcba_quality .orn p{position: relative;background-color: #fff;overflow: hidden;width: 80%;height: 9px;border-radius: 10px;display: inline-block;overflow: hidden;margin-right: 10px;}
#pcba_quality .red p{position: relative;background-color: #fff;overflow: hidden;width: 80%;height: 9px;border-radius: 10px;display: inline-block;overflow: hidden;margin-right: 10px;}
#pcba_quality .orn .line{position: absolute;background-color: #f4ac39;height: 100%;display: block;left: 0;top: 0;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;border-radius: 10px;}
#pcba_quality .red .line{position: absolute;background-color: #e60012;height: 100%;display: block;left: 0;top: 0;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;border-radius: 10px;}
#pcba_quality .qual_num_box ul{overflow: hidden;}
#pcba_quality .qual_num_box ul li{float: left;width: 50%;margin-bottom: 45px;}
#pcba_quality .qual_num_box ul li b{font-size: 16px;font-weight: bold;}
#pcba_quality .qual_num_box ul li div{display: block;margin-top: 15px;}
#pcba_quality .qual_num_box ul li div{color: #aaa;}

#pcba_quality .qual_des{margin-top: 40px;}
#pcba_quality .qual_des ul{position: relative;height: 35px;width: 680px;}
#pcba_quality .qual_des li{position: absolute;left:0;top:0;width: 36%;z-index: 1;background-color: #f4ac39;color: #fff;border-radius: 20px;height: 35px;line-height: 35px;font-size: 16px;text-align: center;}
#pcba_quality .qual_des li:nth-child(2){left:31%;top:0;width: 36%;z-index: 2;background-color: #e60012;}
#pcba_quality .qual_des li:nth-child(3){left:63%;top:0;width: 36%;z-index: 3;background-color: #fff;color: #000;}
#pcba_quality .qual_des img{display: inline-block;height: 17px;margin-right: 10px;position: relative;bottom: -3px;}

#pcba_quality .right{float: right;width: 22.9%;}
#pcba_quality .right img{width: 100%;}

#pcba_quality .line{width: 0%;}

#qual1line.active{animation-name: linegoOne;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual2line.active{animation-name: linegoTwo;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual3line.active{animation-name: linegoThree;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual4line.active{animation-name: linegoFour;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual5line.active{animation-name: linegoFive;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual6line.active{animation-name: linegoSix;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual7line.active{animation-name: linegoSeven;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}
#qual8line.active{animation-name: linegoEight;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: forwards;}


@keyframes linegoOne{
    0%{
        width: 0%;
    }
    100%{
        width: 97.2%;
    }
}
@keyframes linegoTwo{
    0%{
        width: 0%;
    }
    100%{
        width: 99.2%;
    }
}
@keyframes linegoThree{
    0%{
        width: 0%;
    }
    100%{
        width: 0.22%;
    }
}
@keyframes linegoFour{
    0%{
        width: 0%;
    }
    100%{
        width: 0.17%;
    }
}
@keyframes linegoFive{
    0%{
        width: 0%;
    }
    100%{
        width: 95.2%;
    }
}
@keyframes linegoSix{
    0%{
        width: 0%;
    }
    100%{
        width: 97.1%;
    }
}
@keyframes linegoSeven{
    0%{
        width: 0%;
    }
    100%{
        width: 98.5%;
    }
}
@keyframes linegoEight{
    0%{
        width: 0%;
    }
    100%{
        width: 99.2%;
    }
}


@media (max-width:1440px){

}

@media(max-width:1100px){
    #pcba_quality{padding:35px 0}
    #pcba_quality .right{display: none;}
    #pcba_quality .left{width: 100%;}
    #pcba_quality .qual_des ul{width: 100%;}
}

@media(max-width:600px){
    #pcba_quality .qual_des ul{height: auto;}
    #pcba_quality .qual_num_box ul li{margin-bottom: 10px;padding-right: 5px;}
    #pcba_quality .qual_num_box ul li b{font-size: 14px;line-height: 16px;height: 35px;display: block;}
    #pcba_quality .orn p,#pcba_quality .red p{width: 100%;margin-bottom: 5px;height: 5px;}
    #pcba_quality .qual_num_box ul li div{margin-top: 7px;font-size: 13px;}
    #pcba_quality .qual_des{margin-top: 20px;}
    #pcba_quality .qual_des li{position: relative;left:0;top:0;width: 100%;height: 23px;line-height: 23px;font-size: 13px;text-align: left;margin-bottom: 3px;padding-left: 10px;}
    #pcba_quality .qual_des li:nth-child(2){left: 0;top:0;width: 100%;}
    #pcba_quality .qual_des li:nth-child(3){left: 0;top:0;width: 100%;}
    #pcba_quality .qual_des img{height: 13px;bottom:-2px;margin-right: 7px;}
}




/*supply_his*/
#supply_his{padding:100px 0;background-color: #fff;}
#supply_his .his_box{margin-top: 80px;}
#supply_his ul{}
#supply_his ul li{box-shadow: 0 0 0px 0px #eee; float: left;width: 14.28%;text-align: center;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
#supply_his ul li:hover{box-shadow: 0 0 10px 3px #eee;}
#supply_his ul li .icon_img{position: relative;padding:30px 25px;height: 96px;display: flex;align-items: center;justify-content: center;}
#supply_his ul li .icon_img::before{content: "";width: 100%;height: 2px;background-color: #eee;bottom:-5px;left:0;position: absolute;display: block;}
#supply_his ul li .icon_img::after{content:"";bottom:-10px;left:0;right:0;margin:0 auto;position: absolute;display: block;background-color: #fff;border: 2px solid #e60012;border-radius: 50%;width: 7px;height: 7px;margin: 0 auto;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
#supply_his ul li:hover .icon_img::after{background-color: #e60012;}
#supply_his ul li p{font-size: 16px;line-height: 26px;height: 150px;padding:30px 25px 30px;}

@media (max-width:1440px) {
    #supply_his .his_box{margin-top: 60px;}
    #supply_his ul li p{font-size: 15px;line-height: 22px;height: 130px;padding:30px 25px 30px;}
}

@media(max-width:1100px){
    #supply_his{padding:35px 0;}
    #supply_his .his_box{margin-top: 20px;}
    #supply_his ul li{width: 33.33%;}
}

@media(max-width:600px){
    #supply_his ul li{width: 50%;}
    #supply_his ul li p{font-size: 13px;line-height: 17px;height: 95px;padding:15px 10px;}
    #supply_his ul li:nth-child(7) p{height: auto;}
    #supply_his ul li .icon_img{position: relative;padding: 10px 5px;height: 55px;display: flex;align-items: center;justify-content: center;}
}


/*supply_part*/
#supply_part{padding:100px 0;background-color: #efefef;}
#supply_part .w1440{position: relative;}
#supply_part .left{float: left;}
#supply_part .left .swiper-button-box{position: absolute;left: 0;bottom: 30px;width: 80px;}
#supply_part .left .swiper-button-box .swiper-button-prev{left:0;background-image: url(../images/prev_1.png);background-size: auto 15px;width: 30px;}
#supply_part .left .swiper-button-box .swiper-button-next{right:0;background-image: url(../images/next_1.png);background-size: auto 15px;width: 30px;}
#supply_part .left .swiper-button-box .swiper-button-prev:hover{background-image: url(../images/prev_2.png);}
#supply_part .left .swiper-button-box .swiper-button-next:hover{background-image: url(../images/next_2.png);}
#supply_part .right{float: right;width: 71.8%;}
#supply_part .right .swi-box {overflow: hidden;}
#supply_part .right .swi-box .img{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
#supply_part .right .swi-box .img:nth-child(4n){margin-right: 0%;}
#supply_part .right .swi-box .img img{width: 100%;}

@media(max-width:1100px) {
    #supply_part{padding:35px 0}
    #supply_part .right{width: 100%;margin:15px 0;}
    #supply_part .left .swiper-button-box{bottom:0px;right:0;display: block;margin: 0 auto;}
}


/*页面 why choose us*/
/*about_intro*/
#about_intro{padding:100px 0;}
#about_intro .left{width: 36.5%;float: left;text-align: left;}
#about_intro .left h2{text-align: left;text-transform: capitalize;}
#about_intro .left p{text-align: left;}
#about_intro .right{width: 60.75%;float: right;display: flex;justify-content: end;overflow: hidden;border-radius: 7px;}
#about_intro .right img{height: 631px;}
#about_intro .num_box{margin-top: 30px;}
#about_intro .num_box ul{display: flex;background-color: #fff;border-radius: 10px;}
#about_intro .num_box ul li{padding: 20px 70px;padding-left: 100px;flex:1;border-radius: 10px;background-repeat: no-repeat;background-size: auto 41px;background-position: 30px 20px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
#about_intro .num_box ul li b{font-size: 24px;line-height: 28px;}
#about_intro .num_box ul li p{font-size: 14px;line-height: 24px;margin-top: 20px;}
#about_intro .num_box ul li:nth-child(1){background-image: url(../images/aitr1.png);}
#about_intro .num_box ul li:nth-child(2){background-image: url(../images/aitr2.png);}
#about_intro .num_box ul li:nth-child(3){background-image: url(../images/aitr3.png);}
#about_intro .num_box ul li:nth-child(4){background-image: url(../images/aitr4.png);}
#about_intro .num_box ul li:hover{background-color: #e60012;}
#about_intro .num_box ul li:hover *{color: #fff;}
#about_intro .num_box ul li:hover:nth-child(1){background-image: url(../images/aitr11.png);}
#about_intro .num_box ul li:hover:nth-child(2){background-image: url(../images/aitr22.png);}
#about_intro .num_box ul li:hover:nth-child(3){background-image: url(../images/aitr33.png);}
#about_intro .num_box ul li:hover:nth-child(4){background-image: url(../images/aitr44.png);}


@media(max-width:1440px){
    #about_intro .num_box ul li{padding: 18px 45px;padding-left: 70px;background-size: auto 30px;}
    #about_intro .num_box ul li b{font-size: 21px;line-height: 26px;}
    #about_intro .num_box ul li p{font-size: 13px;line-height: 20px;margin-top: 20px;}
}

@media(max-width:1100px){
    #about_intro .right{width: 100%;display: block;border-radius: 7px;height: 150px;}
    #about_intro .right img{height: auto;width: 100%;transform: translateY(-29%);}
    #about_intro{padding:35px 0;}
    #about_intro .left{width: 100%;}
    #about_intro .num_box ul{display: block;overflow: hidden;padding: 10px 15px;}
    #about_intro .num_box ul li{width: 50%;float: left;margin:7px 0;}
    #about_intro .num_box ul li{padding: 0px 20px;padding-left: 45px;background-size: auto 22px;background-position: 12px 4px;}
    #about_intro .num_box ul li b{font-size: 18px;line-height: 22px;}
    #about_intro .num_box ul li p{font-size: 13px;line-height: 14px;margin-top: 3px;}
}

@media(max-width:600px){
    #about_intro .num_box{margin-top: 10px;}
    #about_intro .right{width: 100%;display: block;border-radius: 7px;height: 150px;}
    #about_intro .right img{height: auto;width: 100%;transform: translateY(-35px);}
    #about_intro .num_box ul li{width: 100%;padding: 0px 20px;padding-left: 35px;background-size: auto 22px;background-position: 3px 4px;}
    #about_intro .num_box ul li b{font-size: 16px;line-height: 20px;}
    #about_intro .num_box ul li p{font-size: 12.5px;}
}








/*about_qual*/
#about_qual{padding: 80px 0px;background-color: #fff;}
#about_qual .a_q_box .list-box{}
#about_qual .a_q_box .list-box>li{float: left;width: 32%;margin-right: 2%;border-radius: 10px;box-shadow: 0 0 10px 3px #eee;height: 740px;}
#about_qual .a_q_box .list-box>li:nth-child(3){margin-right: 0;}
#about_qual .a_q_box .list-box>li .img{border-radius: 10px;}
#about_qual .a_q_box .list-box>li .img img{display: block;width: 100%;}
#about_qual .a_q_box .list-box>li>.tit{padding:40px 30px;}
#about_qual .a_q_box .list-box>li>.tit b{font-size: 34px;line-height: 40px;}
#about_qual .a_q_box .list-box>li>.tit p{font-size: 16px;line-height: 23px;margin-top: 20px;color: #4b4b4b;}
#about_qual .a_q_box .percent li{margin-top: 25px;}
#about_qual .a_q_box .percent li .num_percent{float: left;width: 65px;height: 65px;margin-right: 15px;}
#about_qual .a_q_box .percent li .tit font{font-size: 16px;line-height: 24px;font-weight: bold;}
#about_qual .a_q_box .percent li .tit p{margin-top: 10px;}

@media(max-width:1440px){
    #about_qual .a_q_box .list-box>li>.tit b {font-size: 30px;line-height: 35px;}
    #about_qual .a_q_box .list-box>li>.tit p {font-size: 15px;}
    #about_qual .a_q_box .percent li .tit font{font-size: 15px;}
}

@media(max-width:1100px){
    #about_qual{padding:35px 0;}
    #about_qual .a_q_box .percent li .tit font{font-size: 14px;}
    #about_qual .a_q_box .list-box>li{width: 49%;margin-bottom: 2%;}
    #about_qual .a_q_box .list-box>li:nth-child(3){margin-right: 2%;height: auto;}
    #about_qual .a_q_box .list-box>li:nth-child(2){margin-right: 0%;}
    #about_qual .a_q_box .list-box>li>.tit{padding:20px 15px;}
    #about_qual .a_q_box .list-box>li>.tit b {font-size: 26px;line-height: 29px;}
    #about_qual .a_q_box .list-box>li>.tit p {font-size: 14px;line-height: 20px;margin-top: 10px;}
}

@media(max-width:700px){
    #about_qual .a_q_box .list-box>li{width: 100%;height: auto;} 
    #about_qual .a_q_box .list-box>li>.tit b {font-size: 20px;line-height: 22px;}
    #about_qual .a_q_box .list-box>li>.tit p {font-size: 13px;line-height: 18px;}  
}


/*about_case*/
#about_case{padding: 80px 0;}
#about_case .w1440{position: relative;}
#about_case .slide-box .img{margin-bottom: 20px;}
#about_case .slide-box img{display: block;width: 100%;}
#about_case .slide-box b{font-size: 16px;line-height: 24px;}
#about_case .slide-box p{font-size: 14px;line-height: 23px;color: #616161;margin-top:20px;}
#about_case .swiper-button-prev{background-image: url(../images/prev_1.png);width: 31px;background-size: auto 15px;left: -70px;}
#about_case .swiper-button-next{background-image: url(../images/next_1.png);width: 31px;background-size: auto 15px;right: -70px;}
#about_case .swiper-button-prev:hover{background-image: url(../images/prev_2.png);}
#about_case .swiper-button-next:hover{background-image: url(../images/next_2.png);}


@media(max-width:1100px){
    #about_case{padding:35px 0;}
}
@media(max-width:600px){
    #about_case .slide-box .img{margin-bottom: 10px;}
    #about_case .slide-box p{margin-top: 10px;}
    #about_case .swiper-button-prev{left:0}
    #about_case .swiper-button-next{right:0}
}




/*页面 新闻列表*/

#cate_box{height: 100px;}
#cate_box a{line-height: 100px;margin-right: 20px;display: inline-block;padding: 0px 10px;position: relative;font-size: 20px;text-align: center;}
#cate_box a::after{content:"";display: block;height: 2px;width: 100%;position: absolute;left: 0;bottom:30px;background-color: #e60012;opacity: 0;}
#cate_box a:hover::after,#cate_box a.active::after{opacity: 1;}

#list_news .w1440{background-color: #fff;overflow: hidden;}
#list_news .img{float: left;width: 49%;display: flex;justify-content: center;overflow: hidden;}
#list_news .img img{height: 515px;}
#list_news .con{float: left;padding:50px 80px;width: 50%;}
#list_news .con p{font-size: 16px;line-height: 24px;color: #7a7a7a;}
#list_news .con .cate{margin-bottom: 20px;}
#list_news .con b{display: block;margin-bottom: 20px;font-size: 30px;line-height: 40px;}
#list_news .con .des{padding-bottom: 90px;margin-bottom: 20px;}
#list_news .con ul{display: flex;justify-content: center;height: 35px;line-height: 35px;}
#list_news .con ul li{font-size: 14px;padding:0 30px;padding-left: 77px;background-position: 35px center;background-repeat: no-repeat;border-right: 1px solid #eee;}
#list_news .con ul li:nth-child(1){background-image: url(../images/news-time.png);padding-left: 70px;}
#list_news .con ul li:nth-child(2){background-image: url(../images/news-hits.png);}
#list_news .con ul li:nth-child(3){background-image: url(../images/news-share.png);border-right: 0;}


#list_news_page {margin-top: 45px;padding-bottom: 100px;}
#list_news_page .w1440>a{float:left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;display: block;}
#list_news_page .w1440>a:nth-child(4n){margin-right: 0;}
#list_news_page .img{}
#list_news_page .img img{display: block;width: 100%;}
#list_news_page  .con{padding:20px 0px;}
#list_news_page p{font-size: 14px;line-height: 23px;color: #7a7a7a;}
#list_news_page a b{font-size: 16px;line-height: 24px;height: 74px;margin-top: 10px;font-weight: bold;overflow: hidden;}
#list_news_page p.des{height: 94px;overflow: hidden;}
#list_news_page .w1440>a .cate{}
#list_news_page .w1440>a .cate,#list_news_page a b{display: block;margin-bottom: 20px;}
#list_news_page .w1440>a .url{margin-top: 30px;color: #fff;background-color: #b0b0b0;text-align: center;width: 120px;height: 35px;line-height: 35px;border-radius: 20px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
#list_news_page .w1440>a .url:hover{background-color: #e60012;}

.page {width: 100%;text-align: center;position: relative;margin-top: 40px;}
.page ul{overflow: hidden;margin: 0 auto;display: flex;justify-content: center;}
.page ul li:nth-child(1),.page ul li:last-child{border: 1px solid #e60012;padding:0 20px}
.page ul li{float: left;width:auto;height: 40px;text-align: center;margin-right: 48px;}
.page ul li a,.page ul li span{font-size: 14px;line-height: 40px;color: #b0b0b0;}
.page ul li:nth-child(1) a,.page ul li:last-child a{color: #333;}
.page ul li:nth-child(1) span,.page ul li:last-child span{color: #333;}
.page ul li.active span{color: #e60012;}
.page ul li:nth-child(1):hover,.page ul li:last-child:hover{background-color: #e60012;}
.page ul li:hover span,.page ul li:hover a{color: #e60012;}
.page ul li:nth-child(1):hover span,.page ul li:last-child:hover span,.page ul li:nth-child(1):hover a,.page ul li:last-child:hover a{color: #fff;}
.page .get_page{position: absolute;right: 0;bottom: 0;}
.page .get_page input{width: 55px;outline: 0;border: 0;border: 1px solid #555;background-color: transparent;line-height: 40px;height: 40px;padding-left: 5px;}

@media(max-width:1440px){
    #list_news .con{padding:50px 60px}
    #list_news .con ul li{font-size: 14px;padding-left: 50px;background-position: 15px center;}
    #list_news .con ul li:nth-child(1){background-image: url(../images/news-time.png);padding-left: 40px;}
    #list_news .con .des{padding-bottom: 60px;line-height: 23px;font-size: 15px;}
    #list_news .con b{font-size: 26px;line-height: 34px;}
    
    #cate_box{height: 70px;}
    #cate_box a{line-height: 70px;margin-right: 20px;}
    #cate_box a::after {bottom:20px}

    #list_news_page a b {font-size: 15px;line-height: 22px;}
}


@media(max-width:1100px){
    #cate_box{height: auto;margin:10px 0;}
    #cate_box a{line-height: 30px;margin-right: 10px;font-size: 16px;padding:0;}
    #cate_box a::after{bottom:0}
    #list_news .con{padding:20px 25px;}
    #list_news .con p{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    #list_news .con b{font-size: 20px;line-height: 26px;}
    #list_news .con .des{padding-bottom: 0;}
    #list_news .con ul{display: block;}
    #list_news .con ul li{float: left;}
    #list_news .img{width: 35%;}
    #list_news .img img{height: 315px;}
    #list_news .con{width: 65%;}

    #list_news_page {margin-top: 25px;padding-bottom:35px;}

    #list_news_page .w1440>a{width: 32%;}
    #list_news_page .w1440>a:nth-child(4n){margin-right: 2%;}
    #list_news_page .w1440>a:nth-child(3n){margin-right: 0;}
    #list_news_page .w1440>a .cate, #list_news_page a b{margin-bottom: 5px;font-size: 13px;}
    #list_news_page .con {padding: 10px 0px;}
    #list_news_page a b {font-size: 14px;line-height: 20px;height: 60px;}
    #list_news_page p.des {font-size: 13px;line-height: 20px;height: 81px;}
    #list_news_page .w1440>a .url{margin-top: 10px;font-size: 13px;line-height: 25px;height: 25px;}

    .page{margin-top: 20px;}
    .page ul{display: block;}
    .page ul li{float: unset;width:auto;height: 30px;text-align: center;margin-right: 10px;display: inline-block;}
    .page ul li a,.page ul li span{font-size: 12px;line-height: 30px;color: #b0b0b0;}
    .page .get_page{margin-top: 20px;position: relative;}
    

}

@media(max-width:760px){
    #cate_box a{line-height: 26px;margin-right: 5px;font-size: 14px;}
    #list_news .con{padding:10px}
    #list_news .con .cate{font-size: 13px;line-height: 13px;margin-bottom: 5px;}
    #list_news .con b{font-size: 15px;line-height: 18px;margin-bottom: 5px;}
    #list_news .con .des{padding-bottom: 0;margin-bottom: 5px;font-size: 13px;line-height: 17px;text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;}
    #list_news .con ul{height: 25px;line-height: 25px;}
    #list_news .con ul li{padding: 0 5px;padding-left: 45px;font-size: 12px;background-position: 6px center;background-size: 12px;}
    #list_news .con ul li:nth-child(1){padding-left: 22px;background-position: 0;}
    #list_news .con ul li:nth-child(2){padding-left: 26px;background-size: 16px;background-position: 5px;}
    #list_news .con ul li:nth-child(3){padding-left: 23px;}
    #list_news .img img{height: 215px;}

    #list_news_page .w1440>a{width: 49%;}
    #list_news_page .w1440>a:nth-child(3n){margin-right: 2%;}
    #list_news_page .w1440>a:nth-child(2n){margin-right: 0;}
    #list_news_page a b {font-size: 13px;line-height: 17px;height: 53px;margin-top: 5px;}
    #list_news_page p.des {font-size: 12.5px;line-height: 19px;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    
}

@media(max-width:400px){
    #list_news .img img{height: 131px;}
    #list_news .con b{white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
    #list_news .con ul li:nth-child(3){background-position: 0 center;}
}





/*新闻详情页*/
#news_show{padding:65px 0 180px;}
#news_show .left{float: left;width: 74.5%;}
#news_show .page_h2_title{text-align: left;color: #333;}
#news_show .icon_news ul{overflow: hidden;padding:20px 0;margin:20px 0;border-top: 1px solid #eee;}
#news_show .icon_news li{float: left;padding-left: 25px;background-position: left center;background-repeat: no-repeat;line-height: 35px;font-size: 14px;color: #949494;border-right: 1px solid #eee;margin-right: 15px;padding-right: 15px;}
#news_show .icon_news li:nth-child(1){background-image: url(../images/news-time.png);}
#news_show .icon_news li:nth-child(2){background-image: url(../images/news-hits.png);}
#news_show .icon_news li:nth-child(3){background-image: url(../images/news-share.png);border-right: 0;}
#news_show .show_p_des h1{font-size: 30px;line-height: 35px;font-weight: bold;margin-bottom: 10px;}
#news_show .show_p_des h2{font-size: 26px;line-height: 30px;font-weight: bold;margin-bottom: 10px;}
#news_show .show_p_des h3{font-size: 22px;line-height: 28px;font-weight: bold;margin-bottom: 10px;}
#news_show .show_p_des h4{font-size: 18px;line-height: 26px;font-weight: bold;margin-bottom: 10px;}
#news_show .show_p_des p{font-size: 16px;line-height: 23px;font-weight: 300;}
#news_show .show_p_des p strong{font-weight: 500;}

#news_show .show_p_des table{width: 100%;}
#news_show .show_p_des tbody{width: 100%;}
#news_show .show_p_des td video{width: 100%;}
#news_show .show_p_des td img{width: 100%;}
#news_show .show_p_des td p{padding: 0 20px}
#news_show .right{float: right;width: 23.4%}

.viewpage {margin-top: 85px;padding: 15px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.viewpage .main_r_nav a{display: block;font-size: 16px;line-height: 25px;color: #949494;}
.viewpage .main_r_nav a:nth-child(1){margin-bottom: 15px;}
.viewpage .main_r_nav a:hover{color: #e60012;}

@media(max-width:1440px){
    
    #news_show .show_p_des h1{font-size: 26px;line-height: 30px;font-weight: bold;margin-bottom: 10px;}
    #news_show .show_p_des h2{font-size: 22px;line-height: 25px;font-weight: bold;margin-bottom: 10px;}
    #news_show .show_p_des h3{font-size: 18px;line-height: 24px;font-weight: bold;margin-bottom: 10px;}
    #news_show .show_p_des h4{font-size: 16px;line-height: 23px;}
    #news_show .show_p_des p{font-size: 14px;line-height: 21px;}
}

@media(max-width:1100px){
    
    #news_show{padding:35px 0;}
    #news_show .left{width:100%}
    #news_show .right{width:100%;margin-top: 40px;}
    #news_show .icon_news ul{padding:5px 0;margin:5px 0;}
    #news_show .show_p_des h1{font-size: 22px;line-height: 27px;font-weight: bold;margin-bottom: 10px;}
    #news_show .show_p_des h2{font-size: 18px;line-height: 22px;font-weight: bold;margin-bottom: 10px;}
    #news_show .show_p_des h3{font-size: 16px;line-height: 20px;font-weight: bold;margin-bottom: 10px;}
    #news_show .show_p_des h4{font-size: 14px;line-height: 21px;}
    #news_show .show_p_des p{font-size: 13px;line-height: 18px;}
    .viewpage {margin-top: 25px;padding: 5px 0;}
    .viewpage .main_r_nav a{font-size: 13px;line-height: 18px;}
}






/*侧边栏*/
.content-right .right-box{margin-bottom: 75px;}
.content-right .content-title{font-size: 18px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 20px;text-transform: uppercase;}
.content-right .menu-list a{font-size: 20px;line-height: 30px;display: block;margin-bottom: 10px;}
.content-right .menu-list a.active{color: #e60012;}

.content-right .shows_list {}
.content-right .shows_list a{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #eee;display: block;}
.content-right .shows_list a:nth-child(1){padding-top: 0;}
.content-right .shows_list .img{float: left;width: 33%;margin-right: 15px;}
.content-right .shows_list img{width: 100%;display: block;}
.content-right .shows_list b{font-size: 16px;line-height: 24px;}

.content-right .tag_list{}
.content-right .tag_list a{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;outline: 1px solid #eee;text-align: center;height: 40px;line-height: 18px;font-size: 14px;color: #949494;justify-content: center;align-items: center;display: flex;}
.content-right .tag_list a:nth-child(2n){margin-right: 0;}
.content-right .tag_list a:hover{background-color: #e60012;color: #fff;border-color: #e60012;}


.content-right .share-website{margin-top: 0;}
.content-right .share-website a{background-image: url(../images/icon_list2.png);margin-bottom: 30px;}

@media(max-width:1440px){
    .content-right .right-box{margin-bottom: 50px;}
    .content-right .shows_list b{font-size: 15px;line-height: 20px;}
    .content-right .menu-list a{font-size: 18px;line-height: 27px;display: block;margin-bottom: 7px;}
    .content-right .content-title{font-size: 16px;padding-bottom: 10px;margin-bottom: 15px;}
}


@media(max-width:1100px){
    .content-right .right-box{margin-bottom: 20px;}
    .content-right .shows_list b{font-size: 14px;line-height: 18px;}
    .content-right .menu-list a{font-size: 16px;line-height: 24px;margin-bottom: 7px;}
    .content-right .content-title{font-size: 14px;padding-bottom: 5px;margin-bottom: 10px;}
}


/*问答页面*/
#faq_box{padding-bottom: 125px;}
#faq_box li{border-bottom:1px solid #ccc;}
#faq_box li:nth-child(1){border-top: 1px solid #ccc;}
#faq_box li b{display: block;font-size: 16px;line-height: 24px;padding:20px 90px 20px 42px;position: relative;font-weight: 500;}
#faq_box li b i{display: block;width: 50px;font-size: 20px;text-align: center;position: absolute;right: 0;top: 20px;}
#faq_box li.active b i{color: #e60012;}
#faq_box li p{font-size: 14px;line-height: 18px;padding:30px 45px;background-color: #efefef;color: #585858;border-top: 1px solid #ccc;display: none;}

@media(max-width:1440px){
#faq_box li b{font-size: 15px;line-height: 22px;padding: 15px 20px 15px 20px;}
#faq_box li b i{width: 40px;font-size: 16px;right: 0;top: 17px;}
#faq_box li p{font-size: 13px;line-height: 17px;padding: 20px 25px;}
}
@media(max-width:1100px){
#faq_box li b{font-size: 15px;line-height: 22px;padding: 15px 30px 15px 20px;}
#faq_box li b i{width: 30px;font-size: 16px;right: 0;top: 17px;}
#faq_box li p{font-size: 13px;line-height: 17px;padding: 20px 25px;}
}



/*PCBA stencil 页面*/
.form_title{font-size: 20px;font-weight: 500;line-height: 25px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.form_title.bottom{margin-top: 80px;}

#online_cate{padding:20px 0}
#online_cate ul{width: 65%;overflow: hidden;}
#online_cate li{float: left;width: 23.5%;margin-right: 2%;background-color: #fff;height: 60px;line-height: 60px;text-align: center;border-radius: 5px;}
#online_cate li:nth-child(4){margin-right: 0%;}
#online_cate li a{font-size: 16px;}
#online_cate li a.back{background-size: 40px auto;display: block;background-repeat: no-repeat;padding-left: 15%;background-position: 15% center;}


#online_content .form{float: left;width: 67%;;padding:20px 25px;background-color: #fff;border-radius: 5px;margin-bottom: 80px;}
#online_content .count_price{padding:20px}
#online_content .form table{display: block;width: 100%;}
#online_content .form table tbody{width: 100%;display: block;}
#online_content .form table tr{width: 100%;display: block;margin-bottom: 15px;}
#online_content .form input[type=text]{   padding: 0 10px;outline: 0;border: 0;background-color: #f4f4f4;border-radius: 5px;height: 45px;line-height: 45px;font-size: 16px;}
#online_content .form td{float: left;width: 48%;margin-right: 4%;}
#online_content .form tr td:nth-child(2){margin-right: 0;}
#online_content .form td label{display: block;font-size: 16px;line-height: 20px;margin:10px 0;}
#online_content .form td .input_list{width: 100%;height: 40px;position: relative;}
#online_content .form td .input_list input[type=text]{width: 100%;height: 100%;border-radius: 5px;font-size: 16px;line-height: 45px;}
#online_content .form td .input_list font{position: absolute;height: 100%;width: auto;top: 0;right: 0;font-size: 14px;line-height: 40px;padding: 0 15px;border-left: 1px solid #ccc;}

#online_content .form td .input_list.selectpage i{position: absolute;top:12px;right: 15px;font-size: 16px;}
#online_content .form td .input_list .select_box{display: none;width: 100%;height: 120px;overflow-y: auto;background-color: #fcfcfc;padding: 0 20px;border-radius: 5px;z-index: 3;position: relative;}
#online_content .form td .input_list .select_box a{display: block;font-size: 16px;line-height: 30px;}


#online_content .form tr.radio_tr td{width: 100%;}
#online_content .form td .radio_box{}
#online_content .form td .radio_box .list{font-size: 16px;line-height: 21px;display: flex;align-items: center;height: 45px;float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #f4f4f4;border-radius: 5px;}
#online_content .form td .radio_box .list:nth-child(2n){margin-right: 0;}
#online_content .form td .radio_box .list input[type=radio]{margin:0 10px;background-color: transparent;position: relative;}
#online_content .form td .radio_box .list input[type=radio]::before{content: "";display: block;position: absolute;left: 1px;top: 1px;width: 11px;height: 11px;z-index: 2;/* border: 1px solid #333; */border-radius: 50%;background-color: #f4f4f4;}
#online_content .form td .radio_box .list input[type=radio]::after{content: "";display: block;position: absolute;left:-1px;top:-1px;background-image: url(../images/radio_back.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;width: 15px;height: 15px;opacity: 0;z-index: 2;}
#online_content .form td .radio_box .list.active{outline: 1px solid #e60012;}
#online_content .form td .radio_box .list.active input[type=radio]::after{opacity: 1;}
#online_content .form .textarea_box textarea{background-color: #f4f4f4;width: 100%;height: 190px;font-size: 14px;line-height: 18px;padding: 15px;border-radius: 5px;outline: 0;border: 0;}
#online_content .form td .textarea_box textarea{background-color: #f4f4f4;width: 100%;height: 190px;font-size: 14px;line-height: 18px;padding: 15px;border-radius: 5px;outline: 0;border: 0;}
#online_content p{font-size: 14px;line-height: 20px;color: #616161;}

#online_content .count_price{float: right;width: 31.5%;padding:20px 25px;background-color: #fff;border-radius: 5px;margin-bottom: 80px;}
#online_content .count_price ul li{display: block;position: relative;font-size: 14px;line-height: 26px;border-bottom: 1px solid #f4f4f4;padding-bottom: 3px;margin-bottom: 5px;}
#online_content .count_price ul li font{display: block;font-weight: 400;max-width: 49%;}
#online_content .count_price ul li span{position: absolute;right: 0;top: 0;font-weight: 500;max-width: 49%;text-align: right;}
#online_content .count_price ul li span.red{font-size: 18px;font-weight: bold;color: #e60012;}
#online_content .count_price .h2_box{margin-top: 60px;}
#online_content .count_price .h2_box,#online_content .count_price .p_box{display: flex;justify-content: center;text-align: center;}
#online_content .count_price .h2_box h2,#online_content .count_price .p_box .p{flex: 1;display: block;}

#submit_button{display: block;font-size: 16px;padding-left: 30px;background-image: url(../images/cart.png);background-repeat: no-repeat;background-position: 17% center;background-color: #e60012;border-radius: 25px;line-height: 35px;height: 35px;border: 0;text-align: center;color: #fff;width: 270px;margin: 0 auto;margin-top: 40px;margin-bottom: 60px;}
@media(max-width:1110px){
    #online_cate ul{width: 100%;}
    #online_content .form{width: 100%;margin-bottom: 0;}
    #online_content .count_price{width: 100%;margin-top: 20px;padding: 10px 15px;}
    .form_title.bottom {margin-top: 35px;}
}

@media(max-width:600px){
    #submit_button{width: 100%;}
    #online_content .form td{width: 100%;}
    #online_content .form td .radio_box .list{width: 100%;}
    #online_content .form td label{display: block;font-size: 14px;line-height: 18px;margin:5px 0;}
    #online_content .form td .input_list{height: 35px;}
    #online_content .form td .input_list input[type=text]{font-size: 14px;line-height: 35px;}
    #online_content .form td .radio_box .list{font-size: 14px;line-height: 18px;}
    .form_title{font-size: 16px;line-height: 20px;}
    #online_content .count_price ul li{font-size: 13px;line-height: 23px;}
    #online_cate li{width: 100%;margin-bottom: 10px;}
}



/*PCB standard pcb 页面*/

#online_content .form_pcb{float: left;width: 67%;;padding:20px 25px;background-color: #fff;border-radius: 5px;margin-bottom: 80px;}

#online_content .form_pcb .upload_box{margin-bottom: 40px;width: 100%;height: 280px;display: flex;justify-content: center; align-items: center;background-color: #f4f4f4;border-radius: 5px;}
#online_content .form_pcb .upload_box .upload_con{text-align: center;width: 80%;}
#online_content .form_pcb .upload_box .upload_con a{font-size: 16px;display: block;width: 200px;text-align: center;padding-left: 45px;background-image: url(../images/icon_upload.png);background-color: #e60012;background-position: 40px center;color: #fff;background-repeat: no-repeat;margin: 0 auto;margin-bottom: 25px;height: 35px;line-height: 35px;border-radius: 20px;}
#online_content .form_pcb table{width: 100%;}
#online_content .form_pcb table tr{display: flex;width: 100%;margin-bottom: 15px;}
#online_content .form_pcb table td {font-size: 14px;}
#online_content .form_pcb table td:nth-child(1){flex:1;height: 42px;line-height: 20px;position: relative;padding-left: 5px;display: flex;align-items: center;}
#online_content .form sup,#online_content .form_pcb sup{position: absolute;top: 0px;left: 0;}
#online_content .form_pcb table td:nth-child(2){flex:4;height: auto;line-height: 42px;}
#online_content .form_pcb table td .help{float: left;position: relative;;display: inline-block;margin-right: 10px;width: 21px;height: 42px;background-image: url(../images/wh.png);background-repeat: no-repeat;background-position: center;}
#online_content .form_pcb table td .help.no{background-image: url();}
#online_content .form_pcb table td .help p{display: none;position: absolute;left: 0;top: 25px;background-color: #fff;padding:10px;border-radius: 10px;}
#online_content .form_pcb table td .help:hover p{display: block;}
#online_content .form_pcb table td .input_con {float: left;display: inline-block;width: 582px;}
#online_content .form_pcb table td .radio_box .list{font-size: 14px;line-height: 20px;height: 42px;display: flex;align-items: center;justify-content: center;float: left;margin-right: 10px;margin-bottom: 10px;background-color: #f4f4f4;border-radius: 5px;padding: 0 10px;min-width: 100px;text-align: center;}
#online_content .form_pcb table td .radio_box .list img{max-width: 80px;}
#online_content .form_pcb table td .radio_box .list.active{outline: 1px solid #e60012;}
#online_content .form_pcb table td .radio_box .list input{font-size: 14px;background-color: #f4f4f4;border-radius: 5px;padding: 0 10px;min-width: 100px;text-align: center;outline: 0;border: 0;height: 42px;}
#online_content .form_pcb table td.num .radio_box .list{width: 42px;min-width: unset;padding: 0;}
#online_content .form_pcb table td.num .radio_box .list input{width: 42px;height: 42px;min-width: unset;}

#quote_button{background-size: 13px;display: block;font-size: 16px;padding-left: 30px; background-image: url(../images/jsq.png);background-repeat: no-repeat;background-position: 27% center;margin-left: 30px;background-color: #e60012;border-radius: 25px;line-height: 35px;height: 35px;border: 0;text-align: center;color: #fff;width: 220px;}


#online_content .form_pcb td .input_list{display: inline-block;margin-right: 10px;min-width: 130px;height: 40px;position: relative;}
#online_content .form_pcb td .input_list.gray{background-color: #c6c6c6;text-align:center;border-radius: 5px;}
#online_content .form_pcb td .input_list input[type=text]{width: 100%;height: 100%;border-radius: 5px;outline: 0;border: 0;background-color: #f4f4f4;padding:0 10px}
#online_content .form_pcb td .input_list font{position: absolute;height: 100%;width: auto;top: 0;right: 0;font-size: 14px;line-height: 40px;padding: 0 10px;border-left: 1px solid #ccc;}
#online_content .form_pcb td .hang_list{margin-top: 5px;}


#online_content .form_pcb td .input_list.selectpage i{position: absolute;top:13px;right: 15px;font-size: 16px;}
#online_content .form_pcb td .input_list .select_box{display: none;width: 100%;height: 120px;overflow-y: auto;background-color: #fcfcfc;padding: 0 20px;border-radius: 5px;z-index: 3;position: relative;}
#online_content .form_pcb td .input_list .select_box a{display: block;}
#online_content .form_pcb table td.num .radio_box .hang_list .list {width: auto;padding: 0 10px;position: relative;}
#online_content .form_pcb table td.num .radio_box .hang_list .list.gray{background-color: unset;color: #999;}
#online_content .form_pcb table td.num .radio_box .hang_list .list input{}
#online_content .form_pcb table td .radio_box .hang_list .ps{font-size: 12px;}
#online_content .form_pcb table td.color .radio_box .list{padding-left: 30px;padding-right: 20px;position: relative;min-width: unset;}
#online_content .form_pcb table td.color .radio_box .list span{width: 12px;height: 12px;border-radius: 50%;position: absolute;top: 15px;left: 10px;background-size: 100%;background-position: center;}
#online_content .form_pcb table td.color .radio_box .list span.none{background-image: url(../images/none.png);}
#online_content .form_pcb table td .textarea_box textarea{background-color: #f4f4f4;width: 100%;height: 190px;font-size: 14px;line-height: 18px;padding: 15px;border-radius: 5px;outline: 0;border: 0;}


#online_content .count_price ul li.count{line-height: 45px;height: 45px;}
#online_content .count_price.pcb{margin-bottom: 10px;}
#online_content .count_ps{padding:35px 30px;font-size: 16px;line-height: 22px;float: right;width: 31.5%;background-color: #fff;border-radius: 5px;color: #999;}
#online_content .count_ps font{color: red;}
#submit_button.pcb{width: 200px;background-image: url(../images/jsq.png);background-size: 13px;background-position: 27% center;margin-bottom: 10px;}






/*online advanced pcb*/
#online_content .left_box{width: 67%;float: left;margin-bottom: 100px;}
#online_content .left_box .form{width: 100%;}
#online_content .left_box .form_pcb{width: 100%;}
#online_content .form_pcb table td.num .radio_box .list.auto{width: auto;padding: 0 13px;}
#online_content .form_pcb table td.num .radio_box .list.auto input{width: auto;}

#online_content .form_pcb table td .selectdiv {width:300px;height: 100%;border-radius: 5px;outline: 0;border: 0;background-color: #f4f4f4;padding:0 10px}
#online_content .form_pcb table td .selectdiv span{color: #999;}
#online_content .form_pcb table td .select_box a span{color: #999;}
#online_content .form_pcb table td .left_p{font-size: 14px;line-height: 16px;color: #616161;display: inline-block;max-width: 400px;}
#online_content .form_pcb td .label_radio{float: left;width: 650px;}
#online_content .form_pcb td .label_radio .input_list{width: 100%;height: auto;display: flex;}
#online_content .form_pcb td .label_radio .input_list>label{display: block;flex: 1.5;}
#online_content .form_pcb td .label_radio .input_list .radio_box{display: inline-block;flex: 1;}
#online_content .form_pcb td .label_radio .input_list .radio_box input[type=radio]{display: inline-block;margin-right: 5px;margin-left: 15px;position: relative;bottom: -2px;}
#online_content .form_pcb table tr.hang_td td{flex: 1;height: 42px;line-height: 24px;display: flex;align-items: center;position: relative;padding-left: 5px;}
#online_content .form_pcb table tr.hang_td td:nth-child(1){flex: 1.35;}
#online_content .form_pcb table tr.hang_td td:nth-child(2){flex: 2;}
#online_content .form_pcb table tr.hang_td td:nth-child(3){flex: 1.35;text-align: center;padding-right: 10px;}
#online_content .form_pcb table tr.hang_td td:nth-child(4){flex: 2;}



.bottom_file_up_quote {background-color: #fff;float: left;width: 100%;border-radius: 5px;padding: 20px;}
.bottom_file_up_quote .left{float: left;width: 50%;padding-right: 20px;}
.bottom_file_up_quote .left .file_box {overflow: hidden;}
.bottom_file_up_quote .left .file_box span{float: left;}
.bottom_file_up_quote .left .file_box .file_up{float:right;width: 80%;height: 80px;border-radius: 5px;background-color: #f4f4f4;position: relative;}
.bottom_file_up_quote .left .file_box .file_up a{position: absolute;width:100%;height:100%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 20px;}
.bottom_file_up_quote .left .input_list{overflow: hidden;margin-top: 20px;}
.bottom_file_up_quote .left .input_list span{float: left;height: 40px;line-height: 40px;}
.bottom_file_up_quote .left .input_list input{float:right;width: 80%;height: 100%;border-radius: 5px;outline: 0;border: 0;background-color: #f4f4f4;padding:0 10px;height: 40px;line-height: 40px;}
.bottom_file_up_quote .right{float: right;width: 50%;padding-left:20px;}
.bottom_file_up_quote .right #subQuote{width: 200px;display: block;outline: 0;border: 0;background-color: unset;background-image: url(../images/jsq.png);background-size: 13px;background-position: 27% center;display: block;font-size: 16px;padding-left: 30px;background-repeat: no-repeat;background-color: #e60012;border-radius: 25px;line-height: 35px;height: 35px;border: 0;text-align: center;color: #fff;margin: 0 auto;margin-top: 50px;margin-bottom: 50px;}


#online_content .count_price .upload_box{width: 100%;height: 180px;display: flex;justify-content: center; align-items: center;background-color: #f4f4f4;border-radius: 5px;}
#online_content .count_price .upload_box .upload_con{text-align: center;width: 80%;}
#online_content .count_price .upload_box .upload_con a{font-size: 16px;display: block;width: 200px;text-align: center;padding-left: 45px;background-image: url(../images/icon_upload.png);background-color: #e60012;background-position: 40px center;color: #fff;background-repeat: no-repeat;margin: 0 auto;margin-top: 20px;height: 35px;line-height: 35px;border-radius: 20px;}
#online_content .count_price .input_list{display: flex;margin-top: 15px;}
#online_content .count_price .input_list span{width: 18%;padding-right: 10px;height: 40px;line-height: 40px;}
#online_content .count_price .input_list input{width: 82%;border-radius: 5px;outline: 0;border: 0;background-color: #f4f4f4;padding:0 10px;height: 40px;line-height: 40px;}
#online_content .count_price #subFile{outline:0;border:0;width: 150px;text-align: center;background-color: #e60012;color: #fff;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;height: 35px;line-height: 35px;border-radius: 20px;display: block;}



#online_content *.bottom0{margin-bottom: 0;}
#online_content *.bottom20{margin-bottom: 20px;}
#online_content *.radius{border-radius: 5px;margin-top: 20px;}
#online_content *.radius .form_title{margin-bottom: 25px;padding-bottom: 25px;margin-top: 15px;}
#online_content *.radius .form_title font{font-size: 13px;position: relative;display: inline-block;color: #777;margin-left: 15px;}
#online_content *.radius_half{border-radius: 5px;margin-top: 20px;}
#online_content *.radius_half .form_title{margin-bottom: 25px;padding-bottom: 25px;margin-top: 15px;}
#online_content *.radius_half .form_title font{font-size: 13px;position: relative;display: inline-block;color: #777;margin-left: 15px;}

#online_content .form_pcb td .input_list input[type=text]{width: 160px;}

@media(max-width:1440px){
    #online_content .form_pcb table td .input_con{width: 100%;}
    #online_content .form_pcb table tr.hang_td td:nth-child(1)
    {flex:1}
    #online_content .form_pcb table tr.hang_td td:nth-child(2)
    {flex:3}
    #online_content .form_pcb table tr.hang_td td:nth-child(3)
    {flex:1}
    #online_content .form_pcb table tr.hang_td td:nth-child(4)
    {flex:3}
    #online_cate li a{font-size: 14px;}

}

@media(max-width:1100px){
    #online_content .left_box{width: 100%;margin-bottom: 0;}
    #online_content .form_pcb table td .selectdiv{width: 100%;}
    #online_content .form_pcb table tr.hang_td{display: block;}
    #online_cate li a.back{background-size: 28px auto;    background-position: 11% center;}
}

@media(max-width:1100px){
    #online_content .form_pcb{width: 100%;margin-bottom: 0;}
    #online_content .count_ps{padding:20px;font-size: 14px;line-height: 18px;width: 100%;margin-bottom: 35px;}
    #online_content .form_pcb td .input_list{width: 100%;}
    #online_content .form_pcb td .label_radio{width: 100%;padding-left: 30px;}
    #online_content .form_pcb table td .left_p{font-size: 13px;max-width: unset;margin-top: 5px;}
    #online_content .form_pcb td .input_list input[type=text]{width: 100%;}
}

@media(max-width:850px){
    #online_content .form_pcb table tr{display: block;position: relative;margin-bottom: 5px;}
    #online_content .form_pcb table td .help{position: absolute;left: 0;top:42px;}
    #online_content .form_pcb table td{width: 100%;display: block;overflow: hidden;}
    #online_content .form_pcb table td .input_con{width: 100%;padding-left: 25px;}
    #online_content .count_price ul li.count{height: auto;line-height: 20px;}
    #online_content .form_pcb table td .radio_box .list{min-width:unset;font-size: 13px;line-height: 16px;}
    #online_content .form_pcb td.num .input_list{margin-bottom: 10px;}
    #online_content .form_pcb table td .textarea_box textarea{font-size: 13px;}
    #online_content .form_pcb td .label_radio .input_list{display: block;}
    #online_content .form_pcb td .label_radio .input_list>label{line-height: 20px;}
    .bottom_file_up_quote .left{width: 100%;margin-bottom: 20px;padding: 0;}
    .bottom_file_up_quote .right{width: 100%;padding: 0;}
    .bottom_file_up_quote .right #subQuote{margin:20px auto;}
    .bottom_file_up_quote .left .file_box .file_up{width: 100%;}
}



/*page contact 联系我们*/
#page_contact{padding:75px 0 100px;background-color: #fff;}
#page_contact .page_h2_title{text-align: left;margin-bottom: 50px;text-transform: capitalize;}
#page_contact .left{float: left;width: 50%;}
#page_contact .right{float: right;width: 50%;display: flex;justify-content: center;align-items: center;justify-content: center;height: 525px;}
#page_contact .right img{max-width: 100%;max-height: 100%;width: auto;}
#page_contact .left .input_list{float: left;margin-right: 6%;width: 47%;margin-bottom: 3%;}
#page_contact .left .input_list:nth-child(2n){margin-right: 0;}
#page_contact .left .input_list label{display: block;font-size: 16px;}
#page_contact .left .input_list input{width: 100%;border:0;outline: 0;height: 40px;line-height: 40px;padding-left: 5px;margin-top:10px;border: 1px solid #ccc;}
#page_contact .left .area_list{width: 100%;clear: both;margin-top: 3%;}
#page_contact .left .area_list label{display: block;font-size: 16px;}
#page_contact .left .area_list textarea{width: 100%;border:0;outline: 0;height: 100px;padding:10px 7px;border: 1px solid #ccc;margin-top:20px;}
#page_contact .left #contactSub{outline:0;border:0;width: 130px;text-align: center;background-color: #e60012;color: #fff;margin-top: 30px;height: 35px;line-height: 35px;border-radius: 20px;display: block;font-size: 16px;}




#add_contact{padding:75px 0 100px;}
#add_contact .page_h2_title{text-align: left;margin-bottom: 50px;text-transform: capitalize;}
#add_contact .top{display: flex;margin-bottom: 50px;}
#add_contact .top .list{background-repeat: no-repeat;background-position: 5px 0px;font-size: 24px;line-height: 29px;padding: 0px 75px;padding-right: 15px;font-weight: 500;}
#add_contact .top .list:nth-child(1){flex:1.8;background-image: url(../images/add-tel.png);}
#add_contact .top .list:nth-child(2){flex:2.1;background-image: url(../images/add-email.png);}
#add_contact .top .list:nth-child(3){flex:2.5;background-image: url(../images/add-add.png);font-size: 20px;line-height: 27px;margin-top: -5px;background-position: 5px 8px;}
#add_contact .bottom img{width: 100%;}

@media(max-width:1440px){
    #add_contact .top .list{font-size: 20px;}
    #add_contact .top .list:nth-child(3){font-size: 16px;}
}


@media(max-width:1100px) {
    #page_contact{padding:35px 0;}
    #page_contact .page_h2_title{margin-bottom: 20px;}
    #page_contact .left{width: 100%;margin-bottom: 20px;}
    #page_contact .left #contactSub{margin-top: 15px;}
    #page_contact .right{display: none;}


    #add_contact{padding:35px 0;}
    #add_contact .page_h2_title{margin-bottom: 20px;}
    #add_contact .top{margin-bottom: 20px;}
    #add_contact .top .list{font-size: 17px;line-height: 22px;}
    #add_contact .top .list:nth-child(3){font-size: 15px;line-height: 20px;}
}


@media(max-width:850px){
    #add_contact .top{display: block;}
    #add_contact .top .list{font-size: 14px;line-height: 18px;background-size: 30px;margin-bottom: 10px;padding-left: 50px;}
    #add_contact .top .list:nth-child(3){font-size: 14px;line-height: 17px;margin-top: 0;background-position: 5px 0px;}
}