/* 消息 */
.bTitle{font-size:24px!important; color:#333!important; font-weight:700!important}
span{display:inline-block}
/* 公告 */
.news{width:848px; height:20px; overflow:hidden; margin-top:20px; position:relative}
.news ul{margin-left:30px; display:flex; flex-wrap:wrap; height:20px; overflow:hidden; position:relative; top:0; left:0}
.news ul li{height:20px; width:750px; display:flex; justify-content:space-between; overflow:hidden}
.news ul li a{display:inline-block; color:#333; width:400px; height:20px; overflow:hidden; list-style:circle; white-space:nowrap; text-overflow:ellipsis}
.news ul li a i{display:inline-block; margin-right:5px; width:4px; height:4px; background-color:#333; border-radius:50%; vertical-align:middle}
.news .icon_news{width:16px; height:14px; background-image:url(/Content/img/PcbRevision/news.png); position:absolute; left:0; top:4px}
.news .allNews{position:absolute; right:15px; top:0; color:#333}
.pcbCon.new .news{width:478px; margin-top:0; position:absolute; top:23px; right:10px; display:none; color:#fff;}
.pcbCon.new .news:before{content:'\e62a'; font-family:iconfont_dg; float:left}
.pcbCon.new .news a{color:#fff}
.pcbCon.new .news a i{display:none}
.pcbCon.new .news .allNews{color:#999}
.boxNewsSlide{background-color:#fff; width:100%; border-radius:8px; padding:0 1em; height:40px; line-height:40px}
.boxNewsSlide #newsUl{width:calc(100% - 80px)}
.boxNewsSlide.news ul{height:40px}
.boxNewsSlide.news:before{content:'\e62a'; font-family:iconfont_dg; position:absolute; top:50%; left:20px; transform:translateY(-50%); color:#008C95}
.boxNewsSlide.news ul li a,.boxNewsSlide.news ul li{height:40px}
.boxNewsSlide.news ul li{width:100%}
.boxNewsSlide.news ul li a{max-width:50%; min-width:50%}
.doubleOrder{margin:30px 0}
.doubleOrder a{display:block; width:848px; height:140px; background-image:url(/Content/img/PcbRevision/doubleOrder.png); border-radius:8px}
/* 查看工厂*/
.seeFactoryNew{margin-top:30px}
.seeFactoryNew .fTextCon .f_name{margin:20px 0 8px; font-size:24px; color:#333; font-weight:700; position:relative}
.moreFactory{position:absolute; right:0; top:0; font-size:14px; color:#333; font-weight:400; display:none; z-index:999}
.pcbPage #seeFactoryNew0 .moreFactory{display:block}
.seeFactoryNew .fTextCon .f_name .nameText:hover{text-decoration:underline; color:#008C95}
.seeFactoryNew .fTextCon .f_type{display:inline-block; width:80px; height:20px; /* background:rgba(255,153,0,0.10); */
    border-radius:2px; /* color:#f90; */
    margin-bottom:12px; margin-left:10px; font-size:14px; font-weight:400}
.seeFactoryNew .fTextCon .f_type1{background:#E1F8FA; color:#008C95}
.seeFactoryNew .fTextCon .f_type2{background-color:rgba(226,237,254); color:rgba(8,104,209)}
.seeFactoryNew .fTextCon .f_type1 .icon_factory{background-color:#008C95}
.seeFactoryNew .fTextCon .f_type2 .icon_factory{background-color:rgba(8,104,209)}
.seeFactoryNew .fTextCon .f_type .icon_factory{display:inline-block; width:20px; height:20px; padding:2px; box-sizing:border-box; background-image:url(/Content/img/PcbRevision/icon_factory.png); background-size:20px 20px; background-repeat:no-repeat; background-position:center center; vertical-align:top; margin-right:3px}
.seeFactoryNew .fTextCon .f_business{font-size:14px; color:#333; margin:12px 0 15px 0}
.seeFactoryNew .fTextCon ul{display:flex; justify-content:left; align-items:center}
.seeFactoryNew .fTextCon ul li{font-size:14px; min-width:110px; border-right:1px solid #eaeaea; padding-left:12px; height:38px; line-height:23px; /* line-height:45px; */}
.seeFactoryNew .fTextCon ul li:last-child{border-right:none}
.seeFactoryNew .fTextCon ul li:first-child{padding-left:0}
.seeFactoryNew .fTextCon ul li>div{/* line-height:23px; */
    height:25px}
.seeFactoryNew .fTextCon ul li .t_title{color:#999; margin-top:-7px; overflow:hidden}
.seeFactoryNew .fTextCon ul li .t_text{color:#333}
.seeFactoryNew .fImgCon{margin-top:25px; display:flex; justify-content:space-between; align-items:center; padding-bottom:13px; border-bottom:1px solid #eaeaea;}
#seeFactoryNew2 .fImgCon,#seeFactoryNew3 .fImgCon{border:none}
.seeFactoryNew .fFilesCon{padding-bottom:13px; border-bottom:1px solid #eaeaea}
.seeFactoryNew .fFilesCon,.seeFactoryNew .fFilesCon p,.seeFactoryNew .fFilesCon span{overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical}
.seeFactoryNew .fImgCon .imgBox{position:relative; width:272px; border-radius:8px}
.seeFactoryNew .fImgCon .imgBox a{display:block}
.seeFactoryNew .fImgCon .imgBox .left_mark{width:77px; height:78px; background-image:url(/Content/img/PcbRevision/icon_left_mark.png); position:absolute; left:-7px; top:-7px}
.seeFactoryNew .fImgCon .imgBox .icon_play{width:42px; height:32px; background-image:url(/Content/img/PcbRevision/icon_video.png); position:absolute; left:115px; top:75px}
.seeFactoryNew .fImgCon .imgBox img{width:272px; height:182px; border-radius:8px}
.seeFactoryNew .fImgCon .imgBox a>div{font-size:20px; color:#333; margin:20px 0 10px 0}
.seeFactoryNew .fImgCon .imgBox a>p{font-size:14px; color:#999}
/* 合作用户 */
.globalFamousPartner{height:200px; overflow:hidden; position:relative}
.globalFamousPartner ul li{display:flex; justify-content:space-between; height:90px}
.globalFamousPartnerSheet{height:120px}
.globalFamousPartnerSheet ul li{height:60px}
.globalFamousPartner li>div{width:120px}
.globalFamousPartner li>div>div{width:100px; height:28px; background:url(/Content/img/PcbRevision/partner.png) #fff no-repeat; margin:0 auto 10px; text-align:center}
.globalFamousPartner li>div p{color:#999999; font-size:12px; margin-top:8px; text-align:center}
.globalFamousPartner li.newHomeCPList{height:110px;}
.globalFamousPartner li.newHomeCPList>div{width:146px;}
.globalFamousPartner li.newHomeCPList>div>div{width:146px; height:56px; background: url("/Content/img/PcbRevision/partner2.png") #fff no-repeat; margin:0 auto; text-align:center}
.globalFamousPartner li div.sheetIcon{width:100px; height:28px}
.globalFamousPartner li div.sheetIcon1{background-image:url(/Content/img/PcbRevision/cooperate1.png)}
.globalFamousPartner li div.sheetIcon2{background-image:url(/Content/img/PcbRevision/cooperate2.png)}
.globalFamousPartner li div.sheetIcon3{background-image:url(/Content/img/PcbRevision/cooperate3.png)}
.globalFamousPartner li div.sheetIcon4{background-image:url(/Content/img/PcbRevision/cooperate4.png)}
.globalFamousPartner li div.sheetIcon5{background-image:url(/Content/img/PcbRevision/cooperate5.png)}
.globalFamousPartner li div.sheetIcon6{background-image:url(/Content/img/PcbRevision/cooperate6.png)}
.globalFamousPartner li div.sheetIcon7{background-image:url(/Content/img/PcbRevision/cooperate7.png)}
.globalFamousPartner li div.sheetIcon8{background-image:url(/Content/img/PcbRevision/cooperate8.png)}
.globalFamousPartner li div.sheetIcon9{background-image:url(/Content/img/PcbRevision/cooperate9.png)}
.globalFamousPartner li div.sheetIcon10{background-image:url(/Content/img/PcbRevision/cooperate10.png)}
.globalFamousPartner li div.sheetIcon11{background-image:url(/Content/img/PcbRevision/cooperate11.png)}
.globalFamousPartner li div.sheetIcon12{background-image:url(/Content/img/PcbRevision/cooperate12.png)}
.globalFamousPartner li div.sheetIcon13{background-image:url(/Content/img/PcbRevision/cooperate13.png)}
/* 右侧轮播图 */
.homeNewBox .homeRight{width:280px; /*height:500px; overflow:hidden;  position:relative; */
    border-radius:8px; position:sticky; top:0; margin-bottom:20px}
.homeNewBox .homeRight img{border-radius:8px}
.homeNewBox .homeRight .swiper,.homeNewBox .homeRight .swiper img{width:280px; height:500px; position:relative; overflow:hidden}
.homeNewBox .homeRight .swiper-button-prev,.homeNewBox .homeRight .swiper-button-next{opacity:0; visibility:hidden; }
.homeNewBox .homeRight .swiper:hover .swiper-button-prev,.homeNewBox .homeRight .swiper:hover .swiper-button-next{opacity:1; visibility:visible}
/* 工厂骨架屏样式 */
.line1 .noData1{width:320px; height:32px; vertical-align:bottom; margin-right:15px; background-color:#f2f2f2}
.line1 .noData2{width:90px; height:26px; vertical-align:bottom; background-color:#f2f2f2}
.line2{width:300px; height:20px; margin:12px 0 15px 0; background-color:#f2f2f2}
.line3{display:flex}
.line3 li{margin-right:25px}
.line3 li div{width:80px; height:18px; background-color:#f2f2f2; margin-bottom:5px}
.line4{margin-top:18px; display:flex; justify-content:space-between; align-items:center; padding-bottom:13px}
.line4>div{width:272px}
.line4 .imgBox{width:272px; height:182px; border-radius:8px; background-color:#f2f2f2}
.line4 .text1{width:100px; height:30px; background-color:#f2f2f2; margin:16px 0 10px 0}
.line4 .text2{width:200px; height:18px; background-color:#f2f2f2}
/* 新闻骨架屏 */
.noDataNews span{background-color:#f2f2f2}
.noDataNews .block1{width:350px; height:28px; margin-right:30px}
/* 轮播骨架屏 */
.noDataSwiper{width:280px; height:500px; background-color:#f2f2f2; display:flex; justify-content:center; align-items:center}
.noDataSwiper .noDataImg{width:65px!important; height:65px!important}
.homeRight .swiper-button-prev,.homeRight .swiper-button-next{width:40px; height:80px; margin-top:-40px; background-size:100% 100%}
.homeRight .swiper-button-prev{background-image:url(/Content/img/PcbRevision/swiperJt.png)!important}
.homeRight .swiper-button-next{background-image:url(/Content/img/PcbRevision/swiperJt.png)!important; transform:rotateY(180deg)}
.homeRight .swiper-button-prev:hover{background-image:url(/Content/img/PcbRevision/swiperJtActive.png)!important; transform:rotateY(180deg)}
.homeRight .swiper-button-next:hover{background-image:url(/Content/img/PcbRevision/swiperJtActive.png)!important; transform:rotateY(0)!important}
.homeRight .swiper-pagination-bullet{width:16px; height:16px}

/* NEW */
.boxSpecialProcess ul li,.boxSpecialProcess ul li:after,.boxSpecialProcess ul li p,.placeOrderBtn,.boxHomeNews a.pic img,.boxImgLi2x2 li:after,.boxImgLi2x2 li div,.boxImgLi2x2 li img,.boxHomeHotPro dd img,.listImgH3 li img,.boxCsH2 img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.homeTit{font-size:20px; margin:2em 0 1em; position:relative}
.homeTit b{font-size:1.2em; color:#333; display:block; line-height:1em}
.homeTit p{font-size:.7em; color:#999; line-height:1.4em; padding-top:.6em}
.homeTit p span{font-size:inherit}
.homeTit .right{position:absolute; top:50%; right:0; transform:translateY(-50%); line-height:1em}
.homeTit .more{font-size:.7em; color:#999}
.homeTit .more:after{content:'\e62e'; font-family:iconfont_dg; display:inline-block; margin-left:.3em}
.homeTit .more:hover{color:#07A698}
.homeTit span{font-size:.8em}

.boxFactory{background-color:#fff; font-size:20px; padding:1em;  margin-bottom:1.5em; clear:both; border-radius:4px}
.boxFactory dt{float:left; width:314px; height:180px}
.boxFactory dt a{display:block; width:100%; height:100%; border-radius:4px; overflow:hidden}
.boxFactory dd{margin-left:340px; min-height:180px; padding-top:.5em}
.boxFactory dd>b{font-size:1.2em; margin-right:.5em; vertical-align:middle}
.boxFactory dd p{font-size:.7em; margin:.5em 0 .3em}
.boxFactory dd p span{display:inline-block; margin-right:1em}
.boxFactory dd p span.ps:before{content:'\e8c4'; color:#D7D7D7; display:inline-block; font-family:iconfont_dg; margin-right:.3em}
.boxFactory dd p span+span{border-left:1px solid #D7D7D7; padding-left:1em}
.boxFactory dd .tag span{display:inline-block; background-color:#fff; color:#f90; border:1px solid #f90; border-radius:4px; padding:0 .5em; line-height:1.6em; font-size:.7em; margin-right:.5em}
.boxFactory dd ul{display:flex; gap:30px; margin-top:.5em}
.boxFactory dd ul li span{display:block; font-size:.7em; color:#999; margin-bottom:.4em}
.boxFactory dd ul li div{font-size:.8em; color:#333}
.boxFactory dd ul li+li{border-left:1px solid #D7D7D7; padding-left:1em}
.boxFactory .f_type{font-size:14px; line-height:24px; padding-right:5px}
.boxFactory .f_type .icon_factory{font-size:14px; width:24px; height:24px; margin-right:5px}
.boxFactory .f_type1{background:rgba(255,153,0,0.10); color:#f90}
.boxFactory .f_type2{background-color:rgba(226,237,254); color:rgba(8,104,209)}
.boxFactory .f_type1 .icon_factory{background-color:#f90}
.boxFactory .f_type2 .icon_factory{background-color:rgba(8,104,209)}

.hotService,.hotService2{display:flex; justify-content:space-between; gap:20px;font-size:20px; padding:1em 0 .5em}
.hotService i{font-family:iconfont_dg; color:#333; font-size:1.5em; float:left}
.hotService div{margin-left:2.3em; }
.hotService div b{display:block; line-height:1em; padding-top:.5em}
.hotService div p{font-size:.7em; color:#999; margin-top:.7em}
.hotService li{width:33.333%}
.hotService2 li{padding-top:5px;}
.hotService2 img{float: left; margin-right:1em;}
.hotService2 p{font-size:.8em; display: inline-block;}
.boxHomeBKPF{background-color:#fff; border-radius:8px; padding:20px; margin-top:20px}
.hotService.boxHomeBKPF{padding-top:.7em;}
.boxHomeBKPF .homeTit{margin:.5em 0 .7em}
.boxHomeBKPF.boxFeedbackToX{margin-bottom:0}
.boxSpecialProcess{font-size:20px; padding-bottom:.5em}
.boxSpecialProcess ul{display:flex; justify-content:space-between; gap:10px; color:#fff}
.boxSpecialProcess ul li{flex:auto; width:17.5%; height:340px; background:#327347 no-repeat center center / cover; position:relative; border-radius:4px; overflow:hidden; padding:1.5em 1em}
.boxSpecialProcess ul li:nth-child(1){background-image:url("/Content/img/home/img_SPP1.jpg")}
.boxSpecialProcess ul li:nth-child(2){background-image:url("/Content/img/home/img_SPP2.jpg")}
.boxSpecialProcess ul li:nth-child(3){background-image:url("/Content/img/home/img_SPP3.jpg")}
.boxSpecialProcess ul li:nth-child(4){background-image:url("/Content/img/home/img_SPP4.jpg")}
.boxSpecialProcess ul li:before{content:''; position:relative; z-index:1; background:url("/Content/img/home/icon_tag_SP.png") no-repeat center center; width:98px; height:28px; display:block;}
.boxSpecialProcess ul li>*{position:relative; z-index:1}
.boxSpecialProcess ul li:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; opacity:0;
    background: -moz-linear-gradient(-45deg,  rgba(40,96,67,1) 0%, rgba(40,96,67,0) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(40,96,67,1) 0%,rgba(40,96,67,0) 100%);
    background: linear-gradient(135deg,  rgba(40,96,67,1) 0%,rgba(40,96,67,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286043', endColorstr='#00286043',GradientType=1 );
}
.boxSpecialProcess ul li b{display:block; font-weight:normal; margin-top:1em}
.boxSpecialProcess ul li p{font-size:.7em; margin-top:.7em; opacity:0}
.boxSpecialProcess ul li a.bnsa{font-size:.8em; margin-top:1em; opacity:0}
.boxSpecialProcess ul li.on{width:500px;}
.boxSpecialProcess ul li.on a.bnsa,.boxSpecialProcess ul li.on p,.boxSpecialProcess ul li.on:after{opacity:1}

.boxCertificates{background:url("/Content/img/home/bk_zz.png") #fff no-repeat center center / cover; height:340px; position:relative}
.boxCertificates .bz{position:absolute; top:208px; left:36px; text-align:center; width:6em; color:#633614; font-size:14px; font-weight:bold; user-select:none}
.boxCertificates .swiper{overflow: hidden; margin:3em 0 0 12em}
.boxCertificates .swiper-slide{width:140px; height:158px; background:url("/Content/img/home/bk_zz_ft.png") no-repeat left top; padding:2em 0}
.boxCertificates .swiper-slide img{display:block; margin:0 0 .5em 1em;}
.boxCertificates .swiper-slide span{display:block; max-width:9em; font-size:14px; padding:0 1em;}
.boxCertificates .swiper-notification{display:none}

.boxHomeDatasheet{font-size:20px; display:flex; justify-content: space-between; gap:.5em}
.boxHomeDatasheet .left{min-width:300px;}
.boxHomeDatasheet .homeTit{overflow:hidden; width:100%}
.boxHomeDatasheet .homeTit b{font-size:1em}
.boxHomeDatasheet .homeTit b a{margin-top:.3em; display:inline-block;}
.boxHomeDatasheet .so{position: relative; display:flex;}
.boxHomeDatasheet .so .searchBtn{padding-top:2px}
.boxHomeDatasheet .so .searchInput{bwidth:100%}
.boxHomeDatasheet .bomUp{position: relative;}
.boxHomeDatasheet .bomUp .t{display: flex; justify-content: space-between; align-items: center; margin:1em 0 0}
.boxHomeDatasheet .bomUp .t b{font-weight: normal;}
.boxHomeDatasheet .bomUp .t a,.boxHomeDatasheet .bomUp .note{color:#999; font-size:.7em}
.boxHomeDatasheet .bomUp .t a:hover{color:#008C95}
.boxHomeDatasheet .bomUp .note{text-align:center}
.boxHomeDatasheet .bomUp input{display: none}
#boxHomeBomUpfile{border:2px dashed #008C95; border-radius:5px; display: flex; justify-content: center; align-items: center; cursor:pointer; padding:2em 1em; margin:.5em 0}
#boxHomeBomUpfile div{font-size:.7em; color:#999; max-width:140px; text-align:center;}
#boxHomeBomUpfile:hover,#boxHomeBomUpfile.dragover{background-color:#E1F8FA}
#boxHomeBomUpfile div:before{content:''; background: url("/Content/img/bom/icon_file1.png") no-repeat center center / cover; width: 59px; height: 53px; display: block; margin:0 auto .5em;}

.boxHomeDatasheet .right{display: flex; justify-content: space-between; flex-wrap: wrap}
.boxHomeDatasheet .li0{width:100%; margin-bottom:1em; font-size:.8em}
.boxHomeDatasheet .li0 span{color:#909090}
.boxHomeDatasheet .li0 b{color:#008C95; display: inline-block; margin:0 1em 0 .3em}
/*.boxHomeDatasheet .li1{max-width:53%}*/
.boxHomeDatasheet .li1>div+div{margin-top:1em;}
/*.boxHomeDatasheet .li2{max-width:45%}*/
.boxHomeDatasheet .right dl{overflow:hidden}
.boxHomeDatasheet .right dl+dl{margin-top:10px}
.boxHomeDatasheet .right dl dt{overflow:hidden; float:left}
.boxHomeDatasheet .right dl dt a{display:block; width:100%; height:100%; position:relative}
.boxHomeDatasheet .right dl dt a:after{content:'\e649'; font-family:iconfont_dg; color:#008C95; display:inline-block; font-size:1.2em}
.boxHomeDatasheet .right dl dt img{display:block; width:100%; height:100%; object-fit:cover;}
.boxHomeDatasheet .right dl dt span{position:absolute; left:50%; bottom:1em; transform:translateX(-50%); font-size:.7em; background-color:rgba(0,0,0,.5); border-radius:4px; color:#fff; line-height:1em; padding:.3em .5em; font-weight:normal; white-space:nowrap}
.boxHomeDatasheet .right dl dd{margin-left:36px; font-size:.7em; color:#999}
.boxHomeDatasheet .right dl dd p{margin:.3em 0}
.boxHomeDatasheet .right dl dd span{display:block; color:#666}
.boxHomeDatasheet .right .t{font-size:.8em; color:#333; margin-bottom:.5em; display:flex; align-items:center}
.boxHomeDatasheet .right .t:before{content:''; background:url("/Content/img/home/icon-sel.png") no-repeat; width:26px; height:26px; margin-right:.5em; display:inline-block}
.boxHomeDatasheet .right .t.sc2:before{background-position:-31px 0}
.boxHomeDatasheet .right .t.sc3:before{background-position:-64px 0}
.boxHomeDatasheet .right .keywordBox{font-size:.7em; max-height:68px}
.boxHomeDatasheet .hotModel{font-size:.7em; max-height:62px}
.boxHomeDatasheet .hotModel i.iHot:after{content:''; background:url("/Content/img/icon_hot.png") no-repeat center center / contain; width:14px; height:16px; margin-right:.4em; display:inline-block}
.boxHomeDatasheet .hotModel span{color:#999; margin-right:.5em}
.boxHomeDatasheet .hotModel a+a{margin-left:.5em;}

.boxHomeNews{display:flex; font-size:20px; gap:1em; padding:0; background-color:transparent}
.boxHomeNews.boxHomeBKPF{margin:0}
.boxHomeNews>.left{min-width:300px; max-width:300px;}
.boxHomeNews>.right{width:100%}
.boxHomeNews a.pic{display:block; width:100%; height:7em; background-color:#FAF8F6; border-radius:4px; overflow:hidden; margin-bottom:.8em}
.boxHomeNews a.pic img{display:block; width:100%; height:100%; object-fit:cover;}
.boxHomeNews a.pic:hover img{transform:scale(1.05)}
.boxHomeNews a.t{font-weight:bold; font-size:.8em;}
.boxHomeNews p{margin:.5em 0; font-size:.7em}
.boxHomeNews span{color:#999; font-size:.7em; white-space:nowrap}
.boxHomeNews .special{background:#F3FAFA; padding:1em; border-radius:8px; margin-bottom:1em}
.boxHomeNews .grid{display:flex; justify-content:space-between; flex-wrap:wrap}
.boxHomeNews .grid li{display:flex; justify-content:space-between; align-items:center; min-width:47%; max-width:47%; gap:.5em; margin-bottom:.5em}
.boxHomeNews .grid a{font-size:.7em}

.boxHomeTables_TP table{width:100%; text-align: center; user-select: none; background-color:#fff}
.boxHomeTables_TP table td{padding:10px;}
.boxHomeTables_TP thead,.boxHomeTables_TP td.bg{background-color: #008C95; color:#fff; font-size:14px}
.boxHomeTables_TP thead td{border:1px solid #fff; border-top:none; border-left:none}
.boxHomeTables_TP thead.s td{padding:3px 10px}
.boxHomeTables_TP tbody tr.k2{background-color:#E1F8FA}
.boxHomeTables_TP tbody td{border:1px solid #ECEAEA; border-left:none; border-top:none}
.boxHomeTables_TP tbody td.txtLeft{text-align: left}
.boxHomeTables_TP tbody td:last-of-type{border-right:none}
.boxHomeTables_TP.abc tbody tr:nth-child(2n) td{background-color:#E1F8FA}
.boxHomeTables_TP.abc tbody tr td.nbc{background-color:#fff}

.boxImgLi2x2 ul{display:flex; flex-wrap:wrap; justify-content: space-between}
.boxImgLi2x2 ul li{width:49%; margin-bottom:2%; position: relative; overflow: hidden}
.boxImgLi2x2 ul li img{display: block; width:100%}
.boxImgLi2x2 li div{position: absolute; top:50%; left:50%; width:80%; text-align: center; color:#fff; transform:translate(-50%,-50%); z-index:2;opacity:0; visibility:hidden}
.boxImgLi2x2 li div b{font-size:24px; margin-bottom:.2em; display:block}
.boxImgLi2x2 li div p{font-size:18px}
.boxImgLi2x2 li:after{content:'';position: absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.7); z-index:1; opacity:0; visibility:hidden}
.boxImgLi2x2 li:hover img{transform: scale(1.05)}
.boxImgLi2x2 li:hover:after,.boxImgLi2x2 li:hover div{opacity:1; visibility:visible}

.boxTopicFooter{background: url("/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2") no-repeat center center / cover; min-height:80px; padding:.7em 0; margin-top:60px; color:#fff; font-size:20px;}
.boxTopicFooter .box{max-width:1280px; margin:0 auto}
.boxTopicFooter .text{float: left}
.boxTopicFooter .text b{display: block; line-height:1em; margin-top:.3em}
.boxTopicFooter .text span{font-size:.7em}
.boxTopicFooter .quote{float: right; padding-top:.3em}
.boxTopicFooter .quote>*{vertical-align: middle}
.boxTopicFooter .quote .ipt{width:6em; font-size:14px; height:40px; line-height:40px; border-radius:.3em; border:none; outline:none; padding:0 .5em; color:#333;}
.boxTopicFooter .quote .ipt#num{width:10em;}
.boxTopicFooter .topicQuoteNum{display: inline-block; position: relative;}
.boxTopicFooter .bnTopicGoQuote{font-weight: bold; border:2px solid #fff; border-radius:.3em; background-color: transparent; line-height:34px; margin:0 0 0 .5em; font-size:14px; padding:0 3em}
.boxTopicFooter .bnTopicGoQuote:hover{opacity:.7; background-color:#008C95;}
.boxTopicFooter .boardnumber{color:#333; font-size:14px; top:100%; left:auto; right:0}
.boxTopicFooter .boardnumber #txtSelNum{width:100px}
.boxTopicFooter .boardnumber .btn-bfbfbf{display: inline-block; width: auto}
.boxImgShow2en1 .box{clear:both; height:370px}
.boxImgShow2en1 .rImg{float: right;}
.boxImgShow2en1 .rImg img{display: block; margin-bottom:10px}
.boxImgShow2en1.f .rImg{float: left; margin-right:10px}

.boxSwiperImg{overflow: hidden; position:relative}
.boxSwiperImg .sun{background:none rgba(0,0,0,.3); border-radius:50%; width:46px; height: 46px; text-align: center; line-height:46px}
.boxSwiperImg .sun:hover{background-color:rgba(0,0,0,.7)}
.boxSwiperImg .sun:active{background-color:rgba(0,0,0,.5)}
.boxSwiperImg .sun:after{content:'\eca6'; font-family: iconfont_dg; display: block; color:#fff; font-size:20px}
.boxSwiperImg .sun.swiper-button-next{transform: rotate(-90deg)}
.boxSwiperImg .sun.swiper-button-prev{transform: rotate(90deg)}
.mySwiperFactory{width: 662px; float: left}
.mySwiperFactory .swiper-slide{width:662px; height: 368px}
.mySwiperFactory .swiper-slide img,.mySwiperCF .swiper-slide div img{display: block; width:100%; height:100%; object-fit:cover}
.mySwiperCF .swiper-slide div{margin:0 20px 20px 0}
.mySwiperCF .swiper-slide img{border:1px solid #eee; box-shadow: rgba(0,0,0,.05) 8px 8px 0}
.mySwiperCF .swiper-slide span{display: block; text-align: center}

.boxHomeHotPro{display: flex; font-size:20px; flex-wrap: wrap; margin:10px 0 0;}
.boxHomeHotPro .n{background-color:#fff; border-radius:5px; width:49%; margin-top:2%; padding:20px 0 20px 30px; box-sizing: border-box;}
.boxHomeHotPro .n:nth-child(2n){margin-left:2%}
.boxHomeHotPro b{font-size:1.2em; color:#333; display: block; line-height:1em; margin-bottom:.5em;}
.boxHomeHotPro dl {display: flex; justify-content: space-between}
.boxHomeHotPro dt{width:100%;}
.boxHomeHotPro dt>span{display: inline-block; background-color:#E1F8FA; font-size:.7em; border-radius:5px; padding:.3em .5em; margin-bottom:.5em}
.boxHomeHotPro dt>span+span{margin-left:.5em;}
.boxHomeHotPro dt p{font-size:.7em; display: flex; justify-content: left; line-height:1.5em; margin-top:.3em}
.boxHomeHotPro dt p span:first-child{min-width:5em;}
.boxHomeHotPro dd{margin-top:-2.5em; text-align: center; padding-right:.5em; position:relative}
.boxHomeHotPro dd img{position: relative; top:1em;}
.boxHomeHotPro dd .bnsa{font-size:.8em; position: relative; top:-2em; opacity:0; visibility: hidden}
.boxHomeHotPro .n:hover img{top:0;}
.boxHomeHotPro .n:hover .bnsa{top:-1.2em; opacity:1; visibility:visible}

.boxGdtMatte{height:700px; overflow: hidden; position: relative;}
.boxGdtMatte:after{content:''; position: absolute; height:50%; left:0; right:0; bottom:0; z-index:1;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.boxGdtMatte .bnsa{position: absolute; left:50%; transform: translateX(-50%); bottom:2em; z-index:2}
.boxGdtMatte.on .bnsa{opacity:0; visibility: hidden}
.boxGdtMatte.on:after{display: none}

.boxHotProH3{display: flex; gap:1em; font-size:20px; margin-top:1em;}
.boxHotProH3 li{background-color:#fff; border-radius:8px; padding:1em 1em 3.5em; position: relative}
.boxHotProH3 li img{display: block; max-width:100%;}
.boxHotProH3 b{font-size:1.2em; display: block; margin-bottom:.3em}
.boxHotProH3 div{border-bottom:1px solid #DFE1E6; margin-bottom:.5em; padding-bottom:.5em;}
.boxHotProH3 div span{font-size:.7em; background-color:#E1F8FA; border-radius:5px; padding:.3em .5em;}
.boxHotProH3 div span+span{margin-left:.5em}
.boxHotProH3 p{font-size:.7em; line-height:1.6em;}
.boxHotProH3 .bnsa{display: block; text-align: center; font-size:.8em; position: absolute; left:1em; right:1em; bottom:1em;}
.boxImgs,.listImgH3 li img{display: block; max-width:100%}

.listImgH3{overflow: hidden; margin-top:-2%;}
.listImgH3 li{float:left; width:32%; background-color:#fff; margin-top:2%}
.listImgH3 li i{display: block; overflow: hidden}
.listImgH3 li:hover img{transform: scale(1.1);}
.listImgH3 li:nth-child(3n-1){margin:2% 2% 0}
.listImgH3 li span{padding:1em 0; display: block; text-align: center; font-size:14px;}

.boxFx2{display: flex; gap:20px}
.boxHotProH4{display: flex; gap:15px; font-size:20px; padding-top:1em}
.boxHotProH4 li{background-color:#fff; border-radius:8px; padding:1em; flex:1; text-align: center}
.boxHotProH4 li img{display: block; max-width:100%; margin:0 auto 1em;}
.boxHotProH4 li b{font-size:1.2em; display: block;}
.boxHotProH4 li>span{display: block; font-size:.7em; margin-bottom:1em}
.boxHotProH4 li .bnsa{font-size:.8em}

.boxCsH2{overflow: hidden; font-size:20px; display: flex; flex-wrap: wrap}
.boxCsH2 li{float:left; width:49%; margin:1% 0; background-color:#fff; border-radius:8px; overflow: hidden}
.boxCsH2 li:nth-child(2n){margin-left:2%}
.boxCsH2 li img{display: block; max-width:100%}
.boxCsH2 li i{display: block; overflow: hidden}
.boxCsH2 li:hover img{transform: scale(1.1)}
.boxCsH2 li div{padding:1em}
.boxCsH2 li div b{display: block; font-weight:normal; margin-bottom:.3em}
.boxCsH2 li div p{font-size:.7em; color:#999}

.boxEquipment{background-color:#fff; border-radius:8px; display: flex; font-size:20px;}
.boxEquipment>div{padding:1em 1.5em 1em 0;}
.boxEquipment .t{font-size:1.2em; font-weight: bold; color:#333; border-bottom:1px solid #008C95; padding:.5em 0; margin-bottom:.5em;}
.boxEquipment span{display: block; font-size:.7em; margin-bottom:.3em; line-height:1.6em; padding-right:.5em}
.boxEquipment b{display: block; margin:.6em 0 .3em; font-weight: normal}
.boxEquipment p{font-size:.7em; padding-left:1em; position: relative; margin-top:.3em; line-height:1.6em}
.boxEquipment p:before{content:''; background-color:#008C95; width:.4em; height:.4em; border-radius:50%; position: absolute; left:0; top:.5em}

.boxPcbHotPro{display:flex; gap:.5em; font-size:20px;}
.boxPcbHotPro li{width:50%}
.boxPcbHotPro li>div{padding:1em; position:relative; border-radius:8px; overflow:hidden}
.boxPcbHotPro li>div:nth-child(1){background-color:#E5FCE6}
.boxPcbHotPro li>div:nth-child(2){background-color:#F1F7FF}
.boxPcbHotPro li>div:nth-child(3){background-color:#FFF7E0}
.boxPcbHotPro li>div>div{position:relative; z-index:1}
.boxPcbHotPro li.li{display:flex; flex-direction:column; justify-content:space-between; gap:10px}
.boxPcbHotPro li.li>div{height:100%;}
.boxPcbHotPro li b{font-size:1em; display:block; margin-bottom:.5em}
.boxPcbHotPro li.pcb>div{height:530px; padding-top:2em; background-color:#F1F7FF}
.boxPcbHotPro li.pcb>div b{font-size:1.2em}
.boxPcbHotPro li p{font-size:.7em; position:relative; padding-left:1.5em; line-height:1.8em}
.boxPcbHotPro li p:before{content:'\e603'; font-family:iconfont_dg; position:absolute; top:0; left:0; color:#008C95}
.boxPcbHotPro li.smt{width:100%}
.boxPcbHotPro li.smt>div{padding:1.5em; background-color:#F2F2F2}
.boxPcbHotPro li a{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%}
.boxPcbHotPro li i{background:no-repeat right bottom / cover; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%}
.boxPcbHotPro li>div:hover{box-shadow:rgba(0,0,0,.1) 0 .3em .5em;}
.boxPcbHotPro li>div:hover i{transform:scale(1.05)}

.boxHomeQuote24{background-color:#fff; border-radius:4px; padding:20px; display:flex; flex-wrap:wrap}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon1 ul{flex-wrap: wrap;}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon1>ul{justify-content:space-between}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon1>ul>li{margin-right:0}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon1 .sTitle{min-width:105px}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon{padding:0; width:100%}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .item.img{padding:5px 5px 0}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon2{float:none; padding:0; height:auto; margin-bottom:0; display:flex; justify-content:space-between}
/*.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon2>*{display:flex; align-items:center; gap:10px}*/
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .bCon2 .numBox .boardnumber{top:56px;}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .option-size{background-color:#fff; border:1px solid #dcdcdc; width:204px}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .option-size .form-control{border:none}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .option-size input{width:90px}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .recordDataBtn{padding-top:.5em}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .toPcbquote{width:180px; height:50px; line-height:50px; font-size:16px; font-weight:bold}
.homeNewBox .homeLeft .pcbCon .boxHomeQuote24 .toPcbquote span:after{content:'\e63b'; font-family:iconfont_dg; display:inline-block; margin-left:.5em; transform:scale(1.2)}
