.boxMainBody{background-color:#fff}
.boxBody{min-width:1200px; background-color:#fff;}
.boxTopic{font-size:20px; background-color:#fff; font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti}
.boxTopic .box{max-width:1440px; margin:0 auto}

.banner{background:url("banner.png") #F6F6F6 no-repeat center center;}
.banner.c{background-image:url("banner_c.jpg")}
.banner .box{height:500px; position:relative; box-sizing: border-box; font-size:.8em;}
.banner .login-register-rs{font-size:14px; top:60px; padding:0 40px; height:380px}
.banner .login-register-rs h2{margin:25px 0 15px; font-size:24px}
.banner .login-register-rs h2 span{font-weight: bold!important}
.banner .form-group{margin-bottom:10px}

.anmt3,.licg li,.listQC li:after,.li4 li:before,.lic li img,.lic li:after,.boxImg img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.boxImg{display: block; overflow: hidden;}
.boxImg:hover img{transform: scale(1.05)}

div[boxPage="p1"],div[boxPage="p3"]{background:#F6F6F6}
div[boxPage="p2"],div[boxPage="p3"],div[boxPage="p4"],div[boxPage="p7"],div[boxPage="p9"]{padding-bottom:4em}
div[boxPage="p5"]{background: url("/Content/img/Topic/pcbbatch/bk_ss.png") no-repeat center bottom / cover;}
div[boxPage="p5"] img,div[boxPage="p7"] img{display: block; max-width:100%;}
div[boxPage="p8"]{background:#F9F9F9; padding-bottom:2em}

.boxTopic .tit{text-align: center; padding:4em 0 2em;}
.boxTopic .tit b{display: block; font-size:2em}
.boxTopic .tit b em{color:#008C95}
.boxTopic .tit b+p{margin-top:1em; color:#333; font-size:.8em;}
.boxTopic .tit.s2 p{font-size:2.8em; font-weight: bold;}

.licg{display: flex; justify-content: space-between; gap:1em; padding-bottom:4em;}
.licg li{border-radius:.4em; background-color:#fff; width:100%; padding:2em .5em}
.licg li:before{content:''; display:block; margin:0 auto .5em; width:4.4em; height:4.4em; background:no-repeat center center / cover;}
.licg li:nth-child(1):before{background-image: url("icon_w06.png")}
.licg li:nth-child(2):before{background-image: url("icon_w05.png")}
.licg li:nth-child(3):before{background-image: url("icon_w01.png")}
.licg li:nth-child(4):before{background-image: url("icon_w02.png")}
.licg li:nth-child(5):before{background-image: url("icon_w03.png")}
.licg li:nth-child(6):before{background-image: url("icon_w04.png")}
.licg li div{text-align:center}
.licg li div b{font-size:1.2em; display: block; margin-bottom:.4em}
.licg li div p{font-size:.9em; margin-bottom:0}
.licg li:hover{box-shadow:#008C95 0 5px 0;}

.listQC{display:flex; justify-content: space-between; gap:1em; user-select: none}
.listQC li{position:relative; width:100%;background-color:#F6F6F6; overflow: hidden}
.listQC li:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; background:#008C95; opacity:0;
    background: -moz-linear-gradient(-45deg,  #008C95 1%, #07A698 100%);
    background: -webkit-linear-gradient(-45deg,  #008C95 1%,#07A698 100%);
    background: linear-gradient(135deg,  #008C95 1%,#07A698 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13d36', endColorstr='#fda069',GradientType=1 );}
.listQC li:hover:after{opacity:1}
.listQC li>div{position: relative; z-index:1; padding:2em 0; max-width:250px; margin:0 auto;}
.listQC .t{display:flex; align-items: center; width:100%; margin-bottom:1em}
.listQC .t b,.listQC .m b{font-size:1.8em; line-height:1em;}
.listQC .t em{font-size:.8em; border:1px solid #333; border-radius:3em; padding:.3em 1em; line-height:1em; margin-left:1em}
.listQC .m{color:#008C95; display: flex; align-items: flex-end; border-bottom:1px dashed #999; padding:.5em 0 1em; margin-bottom:.5em}
.listQC .m em{font-size:.8em; font-weight: bold;}
.listQC p{font-size:.8em; margin:0; padding-top:.7em}
.listQC p:before{content:'\e630'; font-family:iconfont_dg; color:#008C95; margin-right:.5em}
.listQC .bn{border-radius:3em; color:#fff; font-size:.8em; text-align: center; margin-top:1.5em; padding:.5em 0; border:1px solid #008C95; display: block;}
.bks1,.listQC .bn,.licf ul:hover .t,.tabHD li.on{background: #008C95;
    background: -moz-linear-gradient(-45deg,  #008C95 0%, #07A698 100%);
    background: -webkit-linear-gradient(-45deg,  #008C95 0%,#07A698 100%);
    background: linear-gradient(135deg,  #008C95 0%,#07A698 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008C95', endColorstr='#07A698',GradientType=1 )}
.listQC li:hover{box-shadow: rgba(0,0,0,.1) 0 0 1em}
.listQC li:hover,.listQC li:hover .m,.listQC li:hover p:before{color:#fff;}
.listQC li:hover .t em,.listQC li:hover .m{border-color:#fff}
.listQC li:hover .bn{border-color:#fff; background:none rgba(255,255,255,.2)}
.listQC li:hover .bn:hover{opacity:.8}

.licf{display: flex; justify-content: space-between; gap:1em;}
.licf ul{background-color:#fff; width:100%; text-align: center;}
.licf ul:hover{box-shadow: rgba(0,0,0,.1) 0 0 1em}
.licf ul:hover .t{color:#fff;}
.licf ul li.t{background-color:#E8E8E8; font-size:.9em; border:none; margin:0; font-weight:bold}
.licf ul li{font-size:.8em; padding:.8em 0; border-bottom:1px dashed #eee; margin:0 .5em;}
.licf ul li:last-of-type{border:none}
.licf i{min-width:32em; background: url("img_pro.png") no-repeat center center / cover;}

.tabHD{text-align: center; padding-bottom:1.5em}
.tabHD li{border-radius:2em; font-size:.8em; display: inline-block; padding:.7em 2em; line-height:1em; margin:0; cursor:pointer;}
.tabHD li.on{color:#fff;}
.tabDB li{display: none; border-radius:.8em; overflow: hidden; justify-content: space-between; background-color:#162132; color:#fff;}
.tabDB li .info{width:100%; display: flex; align-items: center; justify-content: center; padding:2em;}
.tabDB li .info b{font-size:1.6em; display: block; margin-bottom:1em}
.tabDB li .info p{opacity: .7}
.tabDB li i{min-width:62%; max-width:62%; min-height:24em;}
.tabDB li i img{display:block; width:100%; height:100%; object-fit: cover;}
.tabDB li.on{display:flex;}

.li4{display: flex; justify-content: space-between; padding:0 2em}
.li4 li{display: flex; justify-content: space-between; align-items: center; gap:1em;}
.li4 li:before{content:''; background:no-repeat center center / cover; width:4.1em; height:4.1em}
.li4 li:nth-child(1):before{background-image: url("icon_a401.png")}
.li4 li:nth-child(2):before{background-image: url("icon_a402.png")}
.li4 li:nth-child(3):before{background-image: url("icon_a403.png")}
.li4 li:nth-child(4):before{background-image: url("icon_a404.png")}
.li4 li:hover:before{transform: scale(1.05)}
.li4 li span{font-size:.9em; display: block; line-height:1em; margin-bottom:.3em}
.li4 li b{font-size:1.8em; color:#008C95; display: block; line-height:1em}

.lic{display: flex; justify-content: space-between; flex-wrap: wrap; padding:2em 0 0;}
.lic li{position: relative; height:12em; color:#fff; width:24%; margin-bottom:1%; overflow: hidden;}
.lic li img{display: block; width:100%; height:100%; object-fit: cover}
.lic li:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.6; z-index:1}
.lic li:nth-child(1) div:before{background-image: url("icon_a01.png")}
.lic li:nth-child(2) div:before{background-image: url("icon_a02.png")}
.lic li:nth-child(3) div:before{background-image: url("icon_a03.png")}
.lic li:nth-child(4) div:before{background-image: url("icon_a04.png")}
.lic li:nth-child(5) div:before{background-image: url("icon_a05.png")}
.lic li:nth-child(6) div:before{background-image: url("icon_a06.png")}
.lic li:nth-child(7) div:before{background-image: url("icon_a07.png")}
.lic li:nth-child(8) div:before{background-image: url("icon_a08.png")}
.lic li div{position: absolute; top:50%; left:50%; z-index:2; transform: translate(-50%,-50%);}
.lic li div:before{content:''; display: block; margin:0 auto .5em; height:2.5em; background: no-repeat center center}
.lic li:hover img{transform: scale(1.05)}
.lic li:hover:after{opacity:.5}

.livr{overflow: hidden; display: flex; justify-content: space-between; padding-top:1em}
.livr li{width:24%;}
.livr span{display:block; font-size:.9em; color:#333; margin-top:.5em}
.livr li a:hover span{color:#008C95}


.boxTopicFooter{background: url("/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2") no-repeat center center / cover; font-size:20px; min-height:8em; padding:1em 0; color:#fff; text-align:center; display: flex; justify-content: center; align-items: center;}
.boxTopicFooter span{border:2px solid #fff; border-radius:.5em; color:#fff; font-size:1.5em; cursor:pointer; padding:.7em 2em; display:inline-block; line-height:1em}
.boxTopicFooter span:after{content:'\e629'; font-family:iconfont_dg; margin-left:.5em}
.boxTopicFooter span:hover{background-color:#fff; color:#008C95}

.swiperCompanys .lg{background-color:#fff; padding:1em;}
.swiperCompanys .coop_icon{width:100px; height:28px; margin:0 auto; background:url(/Content/img/PcbRevision/partner.png) #fff no-repeat; text-align:center}
.swiperCompanys p{color:#999999; font-size:14px; margin-top:8px; text-align:center}
.swiperCompanys .coop_icon1{background-position:-5px -175px}
.swiperCompanys .coop_icon2{background-position:-115px -175px}
.swiperCompanys .coop_icon3{background-position:-225px -175px}
.swiperCompanys .coop_icon4{background-position:-335px -175px}
.swiperCompanys .coop_icon5{background-position:-445px -175px}
.swiperCompanys .coop_icon6{background-position:-555px -175px}
.swiperCompanys .coop_icon7{background-position:-665px -175px}
.swiperCompanys .coop_icon8{background-position:-775px -175px}
.swiperCompanys .coop_icon9{background-position:-5px -220px}
.swiperCompanys .coop_icon10{background-position:-115px -220px}
.swiperCompanys .coop_icon11{background-position:-225px -220px}
.swiperCompanys .coop_icon12{background-position:-335px -220px}
.swiperCompanys .coop_icon13{background-position:-445px -220px}
.swiperCompanys .coop_icon14{background-position:-555px -220px}
.swiperCompanys .coop_icon15{background-position:-665px -220px}
.swiperCompanys .coop_icon16{background-position:-775px -220px}
.swiperCompanys .coop_icon17{background-position:-5px -268px}
.swiperCompanys .coop_icon18{background-position:-115px -268px}
.swiperCompanys .coop_icon19{background-position:-225px -268px}
.swiperCompanys .coop_icon20{background-position:-335px -268px}
.swiperCompanys .coop_icon21{background-position:-445px -268px}
.swiperCompanys .coop_icon22{background-position:-555px -268px}
.swiperCompanys .coop_icon23{background-position:-665px -268px}
.swiperCompanys .coop_icon24{background-position:-775px -268px}
.swiperCompanys .coop_icon25{background-position:-5px -314px}
.swiperCompanys .coop_icon26{background-position:-115px -314px}
.swiperCompanys .coop_icon27{background-position:-225px -314px}
.swiperCompanys .coop_icon28{background-position:-335px -314px}
.swiperCompanys .coop_icon29{background-position:-445px -314px}
.swiperCompanys .coop_icon30{background-position:-555px -314px}
.swiperCompanys .coop_icon31{background-position:-665px -314px}
.swiperCompanys .coop_icon32{background-position:-775px -314px}
.swiperCompanys .coop_icon33{background-position:-5px -360px}
.swiperCompanys .coop_icon34{background-position:-115px -360px}
.swiperCompanys .coop_icon35{background-position:-225px -360px}
.swiperCompanys .coop_icon36{background-position:-335px -360px}
.swiperCompanys .coop_icon37{background-position:-445px -360px}
.swiperCompanys .coop_icon38{background-position:-555px -360px}
.swiperCompanys .coop_icon39{background-position:-665px -360px}
.swiperCompanys .coop_icon40{background-position:-775px -360px}

/* 合作客户滚动 */
.swiperCompanys{text-align: center; overflow: hidden; user-select: none; position: relative; padding-bottom:1em}
.swiperCompanys:after,.swiperCompanys:before{position: absolute; top:0; bottom:0; z-index:2; content:''; width:30%;}
.swiperCompanys:before{left:0;
    background: -moz-linear-gradient(left,  #F9F9F9, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  #F9F9F9,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  #F9F9F9,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#00F9F9F9',GradientType=1 );
}
.swiperCompanys:after{right:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, #F9F9F9);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,#F9F9F9);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,#F9F9F9);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F9F9F9', endColorstr='#F9F9F9',GradientType=1 );
}
.swiperCompanys .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.swiperCompanys img{display: block; max-width:100%; margin:0 auto 1em;}
.swiperCompanys .swiper-slide{width:200px; height:420px; background-color:transparent; position: relative; overflow: visible; display: block}
.swiperCompanys .swiper-slide>div{width:200px}
.swiperCompanys .swiper-slide div+div{margin-top:1em}
.swiperCompanys .swiper-slide span{display: block; font-size:.8em; color:#777}
.swiperCompanys .swiper-slide>div:nth-child(2){margin-left:4em}
.swiperCompanys .swiper-slide:after{content:''; position: absolute; left:0; top:0; right:0; bottom:0; z-index:1}