.boxBody{min-width:1200px; background-color:#fff;}
.boxMainBody{background-color:#fff}
.boxTopic{font-size:20px; font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti}
.boxTopic .box{max-width:1440px; margin:0 auto}
.anmt3,.licg li,.listQC li:after,.li4 li:before,.lic li img,.lic li:after,.boxImg img,.lif li:after,.lif li>*,.tabDB2 li a:before,.faq>div dl,dl dt:after{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.banner{background-color:#FF6002; overflow:hidden;}
.banner>div{background:#FF6002 no-repeat center center;}
.banner>div.c{position:relative; top:0; left:10%; z-index:1; height:500px}
.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}
.banner>div.pcb2{background-image:url("banner2.png")}
.banner>div.pcb4{background-image:url("banner4.png")}
.banner>div.pcb6{background-image:url("banner6.png")}


div[boxPage="p1"],div[boxPage="p3"],div[boxPage="p5"],div[boxPage="p10"]{background:#F6F6F6}
div[boxPage="p3"],div[boxPage="p4"],div[boxPage="p4n"],div[boxPage="p5"],div[boxPage="p9"],div[boxPage="p10"]{padding-bottom:3em}

.boxTopic .tit{text-align: center; padding:3em 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>*{font-size:2.4em; font-weight: bold; margin-bottom:0}

.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("/Content/img/Topic/pcbbatch/icon_w06.png")}
.licg li:nth-child(2):before{background-image: url("/Content/img/Topic/pcbbatch/icon_w05.png")}
.licg li:nth-child(3):before{background-image: url("/Content/img/Topic/pcbbatch/icon_w01.png")}
.licg li:nth-child(4):before{background-image: url("/Content/img/Topic/pcbbatch/icon_w02.png")}
.licg li:nth-child(5):before{background-image: url("/Content/img/Topic/pcbbatch/icon_w03.png")}
.licg li:nth-child(6):before{background-image: url("/Content/img/Topic/pcbbatch/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;}

.hotPro{background:url("bk_pro.png") no-repeat; width:1438px; height:400px; position:relative; margin:3em auto 0; display:flex; justify-content:center; align-items:center;}
.hotPro+.hotPro{margin-top:2em}
.hotPro:before{content:''; background:url("icon_hot.png") no-repeat; width:136px; height:135px; position:absolute; top:-9px; left:-9px}
.hotPro.c1 .img{background:url("img_pro1.png") no-repeat; width:352px; height:309px; margin-right:150px}
.hotPro.c2 .img{background:url("img_pro2.png") no-repeat; width:507px; height:283px; margin-left:1em}
.hotPro.c2 li{width:100%}
.hotPro .info{width:500px;}
.hotPro .t,.hotPro p{margin-bottom:15px}
.hotPro .t{font-size:1.8em; font-weight:bold; line-height:1em;}
.hotPro .t>b+b{margin-left:10px}
.hotPro .t .c{color:#07A698}
.hotPro .t i{font-size:2.5em}
.hotPro .t em{font-size:.5em}
.hotPro .note{font-size:.9em; display:flex; gap:2em}
.hotPro ul{display:flex; flex-wrap:wrap; padding-bottom:.3em}
.hotPro ul.v{flex-direction:column;}
.hotPro ul li{width:33.33%; font-size:.9em; margin-bottom:.5em; padding-left:2.5em; position:relative}
.hotPro ul li:before{content:''; background:url("icon_ck.png") no-repeat center center / contain; width:28px; height:20px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.hotPro .tag{border-top:1px dashed #999; padding:.6em 0 .8em}
.hotPro .tag span{font-size:.8em; display:inline-block; border-radius:5em; border:1px solid #07A698; color:#07A698; padding:0 .5em; margin-right:1em}
.hotPro .bkgCR{color:#fff; border-radius:5em; display:inline-block; font-size:1.2em; padding:.4em 2em}
.hotPro .bkgCR:hover{opacity:.7}

.licf ul:hover .t,.tabHD li.on,.tabHD2 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)}

.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;}


.lic{display: flex; justify-content: space-between; flex-wrap: wrap}
.lic li{position: relative; height:15em; color:#fff; width:32.5%; 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:.4; z-index:1}
.lic li div.i1:before{background-image: url("icon_i01.png")}
.lic li div.i2:before{background-image: url("icon_i02.png")}
.lic li div.i3:before{background-image: url("icon_i03.png")}
.lic li div.i4:before{background-image: url("icon_i04.png")}
.lic li div.i5:before{background-image: url("icon_i05.png")}
.lic li div.i6:before{background-image: url("icon_i06.png")}
.lic li div.i7:before{background-image: url("icon_i07.png")}
.lic li div.i8:before{background-image: url("icon_i08.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}

.tabHD{text-align: center; padding-bottom:1.5em}
.tabHD li{background-color:#fff; border-radius:2em; font-size:.8em; display: inline-block; padding:.7em 2em; line-height:1em; margin:0 .3em; 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;}

div[boxPage="p3n"]{background:url("bk_pcb.png") no-repeat center top / cover; padding-bottom:3em; margin-top:3em}
div[boxPage="p3n"] .tit{color:#fff;}
div[boxPage="p3n"] .tit b+p{color:#fff; font-size:1.2em}
.lif{display:flex; flex-wrap:wrap; justify-content:space-between;}
.lif li{width:32.5%; background-color:#fff; border-radius:8px; display:flex; flex-direction: column; justify-content: center; margin-bottom:1%; min-height:8em; padding:0 2.5em; position:relative; overflow:hidden}
.lif li>*{position:relative; z-index:1}
.lif li b{font-size:1.3em; display:block; margin-bottom:.3em; color:#333}
.lif li span{font-size:1.1em; color:#666; display:inline-block; line-height:1.4em}
.lif li:after{content:''; position:absolute; top:2px; left:2px; right:2px; bottom:2px; opacity:0;background: #ffe8dc; border-radius:8px; z-index:0;
    background: -moz-linear-gradient(top,  #ffe8dc 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #ffe8dc 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ffe8dc 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8dc', endColorstr='#ffffff',GradientType=0 );
}
.lif li:hover:after{opacity:1}
.lif li:hover b,.lif li:hover span,.lif li div span{color:#07A698}
.lif li div{display:flex; align-items:center}
.lif li div:before{content:''; background:url("icon_ck.png") no-repeat; width:52px; height:37px; display:inline-block; margin-right:.5em;}
.lif li div span{font-size:1.6em}


div[boxPage="p4n"]{text-align:center}
div[boxPage="p4n"] .bnsa{font-size:.8em; padding:.5em 4em}
.boxImgDc{background:no-repeat; width:1248px; display:block; margin:0 auto 1em;}
.boxImgDc.dc4{background:url('img_dc4.png'); height:288px}
.boxImgDc.dc6{background:url('img_dc6.png'); height:413px}

div[boxPage="p5n"]{background:url("bk_bz.png") no-repeat center top / cover; height:894px;}

.tabHD2,.tabDB2{width:1200px; margin:0 auto}
.tabHD2{display:flex; justify-content:space-between; margin-bottom:2em}
.tabHD2 li{border-radius:5em; font-size:1.2em; padding:.5em 1em; background-color:rgba(0,0,0,.5); color:#fff; min-width:244px; text-align:center; cursor:pointer}
.tabHD2 li:hover{opacity:.7}
.tabHD2 li.on:hover{opacity:1}
.tabDB2{overflow:hidden}
.tabDB2 ul{display:flex; gap:30px}
.tabDB2 li{display:block; padding-bottom:50px; background:url("bk_bz_y.png") no-repeat center bottom;}
.tabDB2 li a{display:block; width:380px; height:530px; position:relative}
.tabDB2 li a:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); opacity:0;}
.tabDB2 li a:hover:before{opacity:1}
.tabDB2 li a:after{content:'\e655'; font-family:iconfont_dg; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:2em; color:#fff; opacity:0}
.tabDB2 li a:hover:after{opacity:1}

.faq{overflow:hidden}
.faq i{float:left; background: url("img_pro.png") no-repeat center center / cover; width:44%; height:480px;}
.faq>div{float:right; width:54%}
.faq>div dl{background-color:#fff; padding:.8em 1em 0;}
.faq>div dl+dl{margin-top:.5em}
.faq>div dl dt{font-size:.9em; padding:0 2em .8em 0; position:relative; cursor:pointer}
.faq>div dl:hover{background-color:rgba(200, 200, 200,.2)}
.faq>div dl.on:hover{background-color:rgba(255, 255, 255,1)}
.faq>div dl dt:after{content:''; position:absolute; top:.2em; right:1em; border:7px solid transparent; border-right:none; border-left:7px solid #666}
.faq>div dl dd{font-size:.7em; border-top:1px solid #ddd; padding:1em 0; display:none; line-height:1.6em; color:#555}
.faq>div dl:hover dt:after,.faq>div dl.on dt:after{transform:rotate(90deg); border-left-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}