.homeNewBox{display:flex; padding-top:20px}
.homeNewBox .homeLeft{width:980px; margin-right:20px}
.homeNewBox .homeLeft .pcbCon{/*width:848px; height:350px;*/ background-color:#008C95; border-radius:8px; padding:18px 15px 0 15px; box-sizing:border-box}
.homeNewBox .homeLeft .pcbCon label{font-weight:400}
.homeNewBox .homeLeft .pcbCon .item{padding:0 10px; box-sizing:border-box; height:32px; background:#ffffff; border:1px solid #DFE1E6; border-radius:2px; /* margin-right:4px; */
    line-height:32px; text-align:center; position:relative; cursor:pointer}
.homeNewBox .homeLeft .pcbCon .item a{color:#333}
.homeNewBox .homeLeft .pcbCon .item.img{padding:0 8px; height:auto; width:92px; text-align:center}
.homeNewBox .homeLeft .pcbCon .item.img i[class^="proImg"],.homeNewBox .homeLeft .pcbCon .item.img span{display:block;}
.homeNewBox .homeLeft .pcbCon .item.img span{line-height:30px}
.homeNewBox .homeLeft .pcbCon .item.img i[class^="proImg"]{width:37px; height:24px; background:#999 center center / cover; margin:6px auto 0}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgFR4{background-image:url("/Content/img/home/img_pro_FR4.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgRogers{background-image:url("/Content/img/home/img_pro_Rogers.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgHDI{background-image:url("/Content/img/home/img_pro_HDI.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgAluminum{background-image:url("/Content/img/home/img_pro_Aluminum.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgCopper{background-image:url("/Content/img/home/img_pro_Copper.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgCEM1{background-image:url("/Content/img/home/img_pro_CEM1.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgCEM3{background-image:url("/Content/img/home/img_pro_CEM3.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImg22F{background-image:url("/Content/img/home/img_pro_22F.png")}
.homeNewBox .homeLeft .pcbCon .item.img i.proImgFR1{background-image:url("/Content/img/home/img_pro_FR1.png")}
.homeNewBox .homeLeft .pcbCon.new{padding:15px 10px 10px 10px; position:relative}
.homeNewBox .homeLeft .pcbCon.new .bCon1,.homeNewBox .homeLeft .pcbCon.new .bCon2,.homeNewBox .homeLeft .pcbCon.new .toPcbquote{border-radius:4px}
.homeNewBox .homeLeft .pcbCon.new .bCon1 .sTitle{margin-bottom:8px}
.homeNewBox .homeLeft .pcbCon.new .sTitle:before{content:'*'; display:inline-block; color:#DE0629; margin-right:.3em}
.homeNewBox .homeLeft .pcbCon.new .layersBox .item{padding:0 .7em; white-space:nowrap}
.homeNewBox .homeLeft .pcbCon.new .bCon2{width:770px; float:left; padding-right:40px; justify-content:left;}
.homeNewBox .homeLeft .pcbCon.new .bCon2 .numBox .sCon #Num{width:100%; z-index:1}
.homeNewBox .homeLeft .pcbCon.new .option-size{display:flex; justify-content:space-between; align-items:center}
.homeNewBox .homeLeft .pcbCon.new .option-size label{margin-bottom:0}
.homeNewBox .homeLeft .pcbCon.new .option-size input{padding-right: 0;padding-left:8px;width:145px;}
.homeNewBox .homeLeft .pcbCon.new .toPcbquote{margin-top:0; width:158px; height:84px; line-height:84px; font-size:24px; padding:0}
.homeNewBox .homeLeft .pcbCon.new .moreLaber p{line-height:32px;}
.homeNewBox .homeLeft .pcbCon.new .moreLaber p:hover{background-color:#FFF5E7}
.homeNewBox .homeLeft .pcbCon .bTitle{margin-bottom:10px; line-height:1em; font-size:24px; color:#fff!important}
.homeNewBox .homeLeft .pcbCon .bTitle span,.homeNewBox .homeLeft .pcbCon .bTitle a{font-size:14px; font-weight:normal; margin-left:1em}
.homeNewBox .homeLeft .pcbCon .bTitle a{color:#fff;}
.homeNewBox .homeLeft .pcbCon .bTitle a:hover{color:#E5F3F4; text-decoration-line:underline}
.homeNewBox .homeLeft .pcbCon .bCon{/*width:818px;*/ background:#ffffff; border-radius:8px; padding:15px; box-sizing:border-box; margin-bottom:10px}
.homeNewBox .homeLeft .pcbCon .bCon .sTitle{font-size:14px; color:#333; margin-bottom:6px}
.homeNewBox .homeLeft .pcbCon .bCon1 .sTitle{margin-bottom:12px}
.homeNewBox .homeLeft .pcbCon .bCon1 input{/*accent-color:#f90; */}
.homeNewBox .homeLeft .pcbCon .bCon1 ul{display:flex; width:100%}
.homeNewBox .homeLeft .bCon1 ul li{color:#333; font-size:14px; margin-right:10px; font-weight:400}
.homeNewBox .homeLeft .pcbCon .bCon2{display:flex; justify-content:space-between; padding:12px 15px; box-sizing:border-box; height:84px}
.homeNewBox .homeLeft .pcbCon .bCon2 .layersBox ul{display:flex}
.homeNewBox .homeLeft .pcbCon .bCon2 .layersBox ul li{margin-right:6px; position:relative}
.homeNewBox .homeLeft .pcbCon .bCon2 .layersBox .moreLaber{display:none; position:absolute; top:37px; left:0; width:50px; background:#ffffff; border-radius:0 0 4px 4px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.10); text-align:left; z-index:999}
.homeNewBox .homeLeft .pcbCon .bCon2 .layersBox .moreLaber p{height:30px; line-height:30px; padding-left:9px; box-sizing:border-box}
.homeNewBox .homeLeft .pcbCon .bCon2 .layersBox .moreLaber p:hover{background-color:#E1F8FA}
.homeNewBox .homeLeft .pcbCon .jp-ico{display:none}
.homeNewBox .homeLeft .pcbCon .choose{background-color:#E1F8FA!important; border:1px solid #008C95}
.homeNewBox .homeLeft .pcbCon .choose .jp-ico{display:block}
.homeNewBox .homeLeft .pcbCon .choose span{font-weight:bold}
.homeNewBox .homeLeft .pcbCon .bCon2 .numBox{position:relative}
.homeNewBox .homeLeft .pcbCon .bCon2 .numBox .boardnumber{position:absolute; top:56px; left:0}
.homeNewBox .homeLeft .pcbCon .bCon2 .numBox .sCon #Num{width:100px; border:1px solid #DFE1E6}
.homeNewBox .homeLeft .pcbCon .bCon3{display:flex; padding:12px 15px; /* justify-content:space-between; */}
.homeNewBox .homeLeft .pcbCon .bCon3 .modeBox{margin-right:55px}
.homeNewBox .homeLeft .pcbCon .bCon3 .modelsNumBox{margin-right:200px}
.homeNewBox .homeLeft .pcbCon .bCon3 .modelsNumBox input{border:1px solid #DFE1E6; width:118px; height:32px; padding-left:12px}
.homeNewBox .homeLeft .pcbCon .bCon3 .modeBox ul{display:flex}
.homeNewBox .homeLeft .pcbCon .bCon3 .modeBox ul li{margin-right:6px}
.toPcbquote{display:block; width:140px; height:40px; border-radius:8px; color:#fff; font-size:16px; line-height:40px; text-align:center; margin:15px auto 0}
.toPcbquote:hover,.toPcbquote:focus{color:#fff!important}
.bTitle{font-size:24px; color:#000; margin-bottom:24px}
/* 查看工厂 */
.seeFactory{margin-top:30px}
.seeFactory .bTitle{font-size:24px; color:#000; margin-bottom:24px}
.seeFactory .bCon{width:848px; height:220px; background-image:url(/Content/img/PcbRevision/facroty_bg.png); cursor:pointer; padding-top:3px; box-sizing:border-box}
.seeFactory .bCon .sTitle{font-size:20px; color:rgba(51,51,51,1); margin:8px 0 10px 0}
.seeFactory .bCon div{font-size:14px; line-height:20px}
.seeFactory .bCon .con1{margin-bottom:23px}
.seeFactory .bCon .con1 .icon_point{display:inline-block; width:14px; height:14px; background-image:url(/Content/img/PcbRevision/icon_point.png); background-size:100% 100%; vertical-align:top; margin-right:5px; margin:3px 3px 0 0}
.seeFactory .bCon .con2{margin-bottom:15px}
.seeFactory .bCon .con2 > p{width:80px; height:20px; background:rgba(255,153,0,0.10); border-radius:2px; color:#f90; margin-bottom:12px}
.seeFactory .bCon .con2 .icon_factory,.boxFactory .f_type .icon_factory{background-color:#f90; 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}
.seeFactory .bCon .con3 span{padding:0 5px; box-sizing:border-box; margin-right:5px; background-color:#F4F4F4; color:#333}
.seeFactory .bCon .con3 span:hover{background-color:#f90; color:#fff}
.seeFactory .bCon .con3 span:first-child{padding-left:5px}
.seeFactory .bCon div span{padding:0 10px}
.seeFactory .bCon div span:first-child{padding-left:0}
.seeFactory .bCon div .line{display:inline-block; width:1px; height:14px; background-color:#F4F4F4; margin-top:2px; vertical-align:middle}
.seeFactory .bCon2{display:flex; justify-content:space-between; margin-top:20px}
.seeFactory .bCon2 .imgBox{position:relative; width:272px; /* overflow:hidden; */}
.seeFactory .bCon2 .imgBox a{display:block}
.seeFactory .bCon2 .left_mark{width:77px; height:78px; background-image:url(/Content/img/PcbRevision/icon_left_mark.png); position:absolute; left:-7px; top:-7px}
.seeFactory .bCon2 .icon_play{width:42px; height:32px; background-image:url(/Content/img/PcbRevision/icon_video.png); position:absolute; left:115px; top:61px}
.seeFactory .bCon2 img{width:272px; height:153px}
.seeFactory .bCon2 div{font-size:20px; color:#333; margin:15px 0}
.seeFactory .bCon2 p{font-size:14px; color:#999}
/*�ͻ�����*/
.customerCase{font-size:24px; color:#333}
.customerCase .bTitle{margin-bottom:15px}
.globalFamousPartner{height:200px; overflow:hidden; position:relative; padding:20px; background-color:#fff; border-radius:8px}
.globalFamousPartner ul li{display:flex; justify-content:space-between; height:100px}
.globalFamousPartner li>div{width:120px}
.globalFamousPartner li .coop_icon{width:100px; height:28px; background:#fff url(/Content/img/PcbRevision/partner.png); background-repeat:no-repeat; text-align:center}
.globalFamousPartner li>div p{color:#999999; font-size:12px; margin-top:8px; text-align:center}
.globalFamousPartner li div.coop_icon1{background-position:-5px -175px}
.globalFamousPartner li div.coop_icon2{background-position:-115px -175px}
.globalFamousPartner li div.coop_icon3{background-position:-225px -175px}
.globalFamousPartner li div.coop_icon4{background-position:-335px -175px}
.globalFamousPartner li div.coop_icon5{background-position:-445px -175px}
.globalFamousPartner li div.coop_icon6{background-position:-555px -175px}
.globalFamousPartner li div.coop_icon7{background-position:-665px -175px}
.globalFamousPartner li div.coop_icon8{background-position:-775px -175px}
.globalFamousPartner li div.coop_icon9{background-position:-5px -220px}
.globalFamousPartner li div.coop_icon10{background-position:-115px -220px}
.globalFamousPartner li div.coop_icon11{background-position:-225px -220px}
.globalFamousPartner li div.coop_icon12{background-position:-335px -220px}
.globalFamousPartner li div.coop_icon13{background-position:-445px -220px}
.globalFamousPartner li div.coop_icon14{background-position:-555px -220px}
.globalFamousPartner li div.coop_icon15{background-position:-665px -220px}
.globalFamousPartner li div.coop_icon16{background-position:-775px -220px}
.globalFamousPartner li div.coop_icon17{background-position:-5px -268px}
.globalFamousPartner li div.coop_icon18{background-position:-115px -268px}
.globalFamousPartner li div.coop_icon19{background-position:-225px -268px}
.globalFamousPartner li div.coop_icon20{background-position:-335px -268px}
.globalFamousPartner li div.coop_icon21{background-position:-445px -268px}
.globalFamousPartner li div.coop_icon22{background-position:-555px -268px}
.globalFamousPartner li div.coop_icon23{background-position:-665px -268px}
.globalFamousPartner li div.coop_icon24{background-position:-775px -268px}
/* 360px */
.globalFamousPartner li div.coop_icon25{background-position:-5px -314px}
.globalFamousPartner li div.coop_icon26{background-position:-115px -314px}
.globalFamousPartner li div.coop_icon27{background-position:-225px -314px}
.globalFamousPartner li div.coop_icon28{background-position:-335px -314px}
.globalFamousPartner li div.coop_icon29{background-position:-445px -314px}
.globalFamousPartner li div.coop_icon30{background-position:-555px -314px}
.globalFamousPartner li div.coop_icon31{background-position:-665px -314px}
.globalFamousPartner li div.coop_icon32{background-position:-775px -314px}
.globalFamousPartner li div.coop_icon33{background-position:-5px -360px}
.globalFamousPartner li div.coop_icon34{background-position:-115px -360px}
.globalFamousPartner li div.coop_icon35{background-position:-225px -360px}
.globalFamousPartner li div.coop_icon36{background-position:-335px -360px}
.globalFamousPartner li div.coop_icon37{background-position:-445px -360px}
.globalFamousPartner li div.coop_icon38{background-position:-555px -360px}
.globalFamousPartner li div.coop_icon39{background-position:-665px -360px}
.globalFamousPartner li div.coop_icon40{background-position:-775px -360px}
.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}
/*.pulse{width:30px; height:30px; background:#4892FB; border-radius:50%}
*/

.pulse1{background:#f90; /*border-radius:50%; */}
.startGrow1{animation:warn1 1.5s 0.1s linear; animation-iteration-count:infinite}
.startGrow2{animation:warn1 1.5s 0.6s linear; animation-iteration-count:infinite}
@keyframes warn1{0%{transform:scale(1); opacity:0.9}
    25%{transform:scale(1.1); opacity:0.8}
    50%{transform:scale(1.2); opacity:0.8}
    75%{transform:scale(1.3); opacity:0.6}
    100%{transform:scale(1.4); opacity:0.5}
}
@keyframes warn1{0%{transform:scale(1); opacity:0.9}
    25%{transform:scale(1.2); opacity:0.8}
    50%{transform:scale(1.4); opacity:0.6}
    75%{transform:scale(1.2); opacity:0.8}
    100%{transform:scale(1); opacity:0.9}
}
.pulse{/* width:30px; height:30px; background:#4892FB; border-radius:50%; */}
.pulse1,.pulse2{position:absolute; width:30px; height:30px; left:0; top:0; background:rgba(255,152,0,0.2); border-radius:50%; opacity:7; z-index:-1; box-shadow:1px 1px 15px rgba(255,152,0,0.2); transform-origin:15px 15px}
.pulse{position:absolute}
.pulse1{animation:warn1 1s linear; animation-iteration-count:infinite; transform-origin:center center}
.pulse2{animation:warn2 1s linear; animation-iteration-count:infinite; transform-origin:center center}
.jump{/* animation:jump 1s linear; */
    animation-iteration-count:infinite}
.jump2{/* animation:jump 1s 0.5s linear; */
    animation-iteration-count:infinite}
@keyframes jump{0%{margin-top:0}
    50%{margin-top:-5px}
    100%{margin-top:0}
}
@keyframes warn1{0%{transform:scale(1); opacity:0.8}
    25%{transform:scale(1.2); opacity:0.7}
    50%{transform:scale(1.3); opacity:0.6}
    75%{transform:scale(1.4); opacity:0.5}
    100%{transform:scale(1.5); opacity:0.4}
}
@keyframes warn2{0%{transform:scale(0.9); opacity:0.9}
    25%{transform:scale(1.0); opacity:0.8}
    50%{transform:scale(1.1); opacity:0.7}
    75%{transform:scale(1.2); opacity:0.6}
    100%{transform:scale(1.3); opacity:0.5}
}
.swiper-pagination-bullet-active{background-color:#f90!important}
/*�Ҳ�����*/
.homeTips{position:fixed; bottom:480px; right:26px; z-index:999}
.homeTips .activityCenter{width:48px; height:120px; background:linear-gradient(139deg,#ff9900 5%,#e0251b 86%); border-radius:24px; font-size:16px; color:#fff; text-align:center; padding:14px 10px; box-sizing:border-box}
.homeTips .customer{margin-top:12px; width:48px; height:116px; background:#ffffff; border-radius:4px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.10); overflow:hidden}
.homeTips .customer>div{width:30px; height:30px; margin:20px auto 0; background-size:100% 100%}
.homeTips .customer .icon_service{background-image:url('/Content/img/PcbRevision/icon_service.png')}
.homeTips .customer .icon_opinion{background-image:url('/Content/img/PcbRevision/icon_opinion.png')}
.option-size .form-control{border-left:1px solid #DFE1E6; border-right:1px solid #DFE1E6}
/*PDF*/
.pdfBpx{padding-top:50px}
.pdfBpx ul{overflow:hidden; margin-bottom:30px}
.pdfBpx li{float:left; width:49%; margin-right:1%; margin-bottom:25px}
.pdfBpx .topNumBox{line-height:42px; background-color:#F8F6F3; border-radius:6px; padding-left:15px}
.pdfBpx .topNumBox span.num{line-height:42px; font-size:22px; font-weight:bold; color:#f90; margin-left:10px}
.searchitem div{float:left; color:#333}
.searchitem .name:hover span{margin-left:10px; transition:all .4s}
.keywordBox a{color:#666; line-height:24px; margin-right:10px}
.keywordBox a:hover{color:#008C95}
.keywordBox .keyword-item{display:inline-block}
.keywordBox{max-height:44px; overflow:hidden; width:100%}
.searchitem .icon{display:inline-block; width:26px; height:26px; vertical-align:top; background:url(/Content/img/home/icon-sel.png)no-repeat; margin-right:9px}
.searchitemicon1{background-position:0 0 !important}
.searchitemicon2{background-position:-31px 0 !important}
.searchitemicon3{background-position:-64px 0 !important}
.searchitemicon4{background-position:-97px 0 !important}
.searchInput{width:210px; height:32px; float:right; border-radius:4px 0 0 4px; outline:none; border:1px solid #ddd; border-right:none; padding-left:5px; font-size:14px; font-weight:normal}
.searchBtn{width:42px; height:32px; background:#008C95; float:right; border-radius:0 4px 4px 0; outline:none; cursor:pointer; margin:0 0 0 0; text-align:center}
.searchBtn img{vertical-align:middle; display:inline-block; margin-top:-4px}
/* 下单 */
.placeOrder{display:flex; justify-content:space-between; margin:20px 0 20px}
.placeOrder>div{width:316px; position:relative; border-radius:8px; border:1px solid #efefef; cursor:pointer; background-color:#fff}
.placeOrder>div>div:not(:first-child){padding:0 12px}
.placeOrder .pCon1 img{width:100%; height:120px; border-radius:8px 8px 0 0;}
.placeOrder .pCon1 .icon_sku{position:absolute; right:0; top:0; width:71px; height:24px; background-image:url(/Content/img/PcbRevision/icon_sku.png); pointer-events: none;}
.placeOrder .pCon1 .icon_label{position:absolute; left:-7px; top:-7px; width:77px; height:78px; background-image:url(/Content/img/home/icon_label.png); pointer-events: none; user-select: none;}
.placeOrder .pCon1 .icon_label span{color:#fff; font-size:14px; line-height:1em; position: absolute; top:19px; left:-1px; transform: rotate(-45deg); min-width:4em; text-align: center;}
.placeOrder .pCon3.s2{line-height:23px;}
.placeOrder.aluminum>div{width: 49%;}
.placeOrder.aluminum .pCon1 {width:100%; height:200px;}
.placeOrder.aluminum .pCon1 img{display: block; width:100%; height:100%; object-fit:cover}
.placeOrder.s2{background-color:#fff; padding:10px}
.placeOrder.s2 .pCon1 .hotTxt{color:#fff; background-color:#f30; position:absolute; top:.5em; left:.5em; line-height:24px; border-radius:5px; font-size:14px; padding:0 .5em;}
.placeOrder.s2 .pCon1 img{width:auto; max-width:90%; max-height:90%; height:auto; padding-top:10%}
.placeOrder.s2 .pCon1{width:100%; height:170px; display:flex; justify-content:center; align-items:center; border-radius:8px;
    background: -moz-linear-gradient(-45deg,  rgba(205,233,234,0) 0%, rgba(205,233,234,0) 29%, rgba(205,233,234,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(205,233,234,0) 0%,rgba(205,233,234,0) 29%,rgba(205,233,234,1) 100%);
    background: linear-gradient(135deg,  rgba(205,233,234,0) 0%,rgba(205,233,234,0) 29%,rgba(205,233,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cde9ea', endColorstr='#cde9ea',GradientType=1 );
}
.placeOrder.s2>div{border-color:#fff; width:310px;}
.placeOrder.s2 .placeOrderHover{border-color:#008C95; box-shadow:none; background-color:#F2FAFB}
.pCon2{padding:20px; box-sizing:border-box}
.pCon2 .pTitle{font-size:18px; color:#333; font-weight:700; margin:13px 0 4px 0}
.pCon2 .pText{font-size:14px; color:#333; margin-bottom:9px}
.pCon2 .pSpan{padding-bottom:10px; border-bottom:1px solid #DFE1E6; font-size:0}
.pCon2 .pSpan span{padding:0 10px; box-sizing:border-box; margin-right:6px; font-size:14px; color:#333}
.pCon2 .pSpan.r2{text-align: right}
.pCon2 .pSpan.r2 span:first-child{float:left; width: auto}
.pCon2 .pSpan.r2 span{min-width:28%; text-align: center}
.placeOrder>div:last-child .pCon2 .pSpan span{padding:0 6px}
.pCon2 .pSpan span:last-child{margin-right:0}
.pCon3{margin:10px 0}
.pc3Bot{color:#999}
.pCon3>div{display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#333}
.pCon3>div span{color:#f30; font-size:16px; font-weight:700}
.placeOrderBtn{display:block; height:40px; line-height:40px; background:#ffffff; border:1px solid #008C95; border-radius:4px; text-align:center; margin-bottom:17px; font-size:16px; color:#008C95}
.placeOrderHover .placeOrderBtn{background-color:#008C95; color:#fff; border:1px solid #008C95}
.placeOrderHover{box-shadow:0 10px 20px 0 rgba(0,0,0,0.05)}
.placeOrderBtn:hover{background-color:#008C95}
.placeOrder.pcb{gap:10px}
.placeOrder.pcb .recordDataBtn{display:none}
.placeOrder.pcb>div{width:100%; padding:10px}
.placeOrder.pcb>div.noHover{padding:0; min-width:222px; max-width:222px; position:relative}
.placeOrder.pcb>div.noHover .recordDataBtn{display:block; position:absolute; left:30px; right:30px; bottom:20px; padding:0; margin:0}
.placeOrder.pcb>div.noHover .placeOrderBtn{margin:0; background-color:#008C95; color:#fff; font-weight:bold}
.placeOrder.pcb>div.noHover .placeOrderBtn:after{content: '\e63b'; font-family: iconfont_dg; display: inline-block; font-weight:normal; margin-left: .5em; transform: scale(1.2);}
.placeOrder.pcb>div.noHover:hover .placeOrderBtn{background-color:#07A698}
.placeOrder.pcb .pCon2,.placeOrder.pcb .pCon3{padding:0}
.placeOrder.pcb .pCon2 .pTitle{line-height:1em; margin:10px 0 5px}
.placeOrder.pcb .pCon2 .pText{margin-bottom:0}

.boxHomeIndustries{position:relative}
.boxHomeIndustries .swiper{overflow:hidden}
.boxHomeIndustries .swiper-slide{width:260px; height:300px; position:relative; background-color:#f5f5f5}
.boxHomeIndustries .swiper-slide a{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden; border-radius:8px}
.boxHomeIndustries .swiper-slide a:before,.boxHomeIndustries a:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:1; transition:all 0.3s ease}
.boxHomeIndustries .swiper-slide a:before{height:100px;
    background: -moz-linear-gradient(top,  rgba(205,233,234,0) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(205,233,234,0) 0%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to bottom,  rgba(205,233,234,0) 0%,rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cde9ea', endColorstr='#333333',GradientType=0 );
}
.boxHomeIndustries .swiper-slide a:after{height:200px; opacity:0;
    background: -moz-linear-gradient(top,  rgba(0,140,149,0) 0%, rgba(0,140,149,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,140,149,0) 0%,rgba(0,140,149,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,140,149,0) 0%,rgba(0,140,149,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008c95', endColorstr='#008c95',GradientType=0 );
}
.boxHomeIndustries .swiper-slide p{position:absolute; left:0; right:0; top:250px; z-index:2; color:#fff; padding:0 20px 20px}
.boxHomeIndustries .swiper-slide p b{font-size:20px; display:block; margin-bottom:1em}
.boxHomeIndustries .swiper-slide p span{font-size:14px; display:block; margin-bottom:1em}
.boxHomeIndustries .swiper-slide p em{font-size:16px; display:block}
.boxHomeIndustries .swiper-slide p em:after{content:'\e63b'; font-family:iconfont_dg; margin-left:.3em}
.boxHomeIndustries .swiper-slide a:hover img{transform:scale(1.05)}
.boxHomeIndustries .swiper-slide a:hover p{position:absolute; left:0; right:0; top:150px; color:#fff}
.boxHomeIndustries .swiper-slide a:hover p b{margin-bottom:.5em}
.boxHomeIndustries .swiper-slide a:hover:before{opacity:0}
.boxHomeIndustries .swiper-slide a:hover:after{opacity:1}


.boxJPInternet{font-size:20px; background:url("/Content/img/home/bk_it.png") no-repeat center right / contain}
.boxJPInternet .stats{display:flex; padding:1em 0; position:relative}
.boxJPInternet .stats div{padding-left:1.7em; position:relative}
.boxJPInternet .stats div:before{content:''; position:absolute; left:0; width:1.2em; height:1.2em; background:no-repeat center center}
.boxJPInternet .stats div.it01:before{background-image:url("/Content/img/home/icon_it01.png")}
.boxJPInternet .stats div.it02:before{background-image:url("/Content/img/home/icon_it02.png")}
.boxJPInternet .stats div.it03:before{background-image:url("/Content/img/home/icon_it03.png")}
.boxJPInternet .stats div.it04:before{background-image:url("/Content/img/home/icon_it04.png")}
.boxJPInternet .stats div+div{margin-left:.5em}
.boxJPInternet .stats b{font-size:20px; color:#333}
.boxJPInternet .stats span{display:block; color:#666; font-size:14px; margin-bottom:8px}
.boxJPInternet p{color:#666; font-size:.7em; line-height:1.8; margin-bottom:1.3em; padding-left:2.5em}
.boxJPInternet ul{list-style:none; padding:0; margin:0}
.boxJPInternet li{margin-bottom:.5em; color:#666; font-size:.7em; line-height:1.6; position:relative; padding-left:2.5em}
.boxJPInternet li:before{content:'\e603'; font-family:iconfont_dg; position:absolute; top:0; left:.5em; color:#008C95; transform:scale(1.2)}
.boxJPInternet li b{color:#008C95; display:block}

/*PCB首页*/
.boxHomeBKPF.homePcbProShow{padding:0; font-size:20px; user-select:none; border-radius:8px; overflow:hidden}
.boxHomeBKPF.homePcbProShow .homeTit{padding:1em 1em 0}
.homePcbProShow .n .hd li>*,.homePcbProShow .n .bd li,.homePcbProShow .n .hd li:before,.homePcbProShow .n .hd li:after,.boxHomePCBs li,.boxHomePCBs li img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.homePcbProShow .n{display:flex;}
.homePcbProShow .n .hd{min-width:200px; max-width:200px;
    background: -moz-linear-gradient(top,  rgba(0,140,149,0) 0%, rgba(0,140,149,0.2) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,140,149,0) 0%,rgba(0,140,149,0.2) 100%);
    background: linear-gradient(to bottom,  rgba(0,140,149,0) 0%,rgba(0,140,149,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008c95', endColorstr='#33008c95',GradientType=0 );
}
.homePcbProShow .n .hd li{padding:.5em 1em 0 1em; cursor:pointer; position:relative}
.homePcbProShow .n .hd li:before{content:''; position:absolute; top:50%; left:0; width:5px; background-color:#008C95; transform:translateY(-50%); height:0; opacity:0}
/*.homePcbProShow .n .hd li:hover:after{height:1em; margin-top:.25em}*/
.homePcbProShow .n .hd li b{color:#333; display:block; line-height:2em}
.homePcbProShow .n .hd li p{color:#999; font-size:.7em; overflow:hidden; height:0}
.homePcbProShow .n .hd li:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; opacity:0; visibility:hidden}
.homePcbProShow .n .hd li.on:after{opacity:.6; visibility:visible}
.homePcbProShow .n .hd li.on{cursor:default}
.homePcbProShow .n .hd li.on:before{height:100%; opacity:1}
.homePcbProShow .n .hd li.on b,.homePcbProShow .n .hd li:hover b{color:#008C95}
.homePcbProShow .n .hd li.on p{height:11em}
.homePcbProShow .n .bd{width:100%; padding:1em; position:relative; min-height:660px}
.homePcbProShow .n .bd li{display:flex; flex-wrap:wrap; justify-content:space-between; opacity:0; visibility:hidden; position:absolute; top:1em; right:0; left:2em}
.homePcbProShow .n .bd li.on{opacity:1; visibility:visible; left:1.5em; right:1em}
.homePcbProShow .n .bd li>div{width:216px; padding-bottom:1.5em; position:relative}
.homePcbProShow .n .bd li>div:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1}
.homePcbProShow .n .bd li>div i{display:block; width:100%; height:170px; position:relative; border-radius:8px}
.homePcbProShow .n .bd li>div i,.homePcbProShow .n .hd li:after{
    background: -moz-linear-gradient(-45deg,  rgba(0,140,149,0) 0%, rgba(0,140,149,0.2) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(0,140,149,0) 0%,rgba(0,140,149,0.2) 100%);
    background: linear-gradient(135deg,  rgba(0,140,149,0) 0%,rgba(0,140,149,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008c95', endColorstr='#33008c95',GradientType=1 );
}
.homePcbProShow .n .bd li>div i img{max-width:80%; max-height:70%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.homePcbProShow .n .bd li>div:hover img{transform:translate(-50%,-50%) scale(1.1)}
.homePcbProShow .n .bd li>div b{font-size:.8em; display:block; line-height:2em; padding-top:.5em}
.homePcbProShow .n .bd li>div div{font-size:.7em}
/*制程能力*/
.boxHomeBKPF.boxHomeProcessC{background:url("/Content/img/PcbRevision/bk_processC.png") #fff no-repeat right bottom / cover; padding-bottom:2em}
.boxHomeProcessC .homeTit p i:before{content:'\e603'; font-family:iconfont_dg; display:inline-block}
.boxHomeProcessC .homeTit p>*{display:inline-block}
.boxHomeProcessC .homeTit p span{padding:0 .3em}
.boxHomeProcessC .homeTit p span+i{margin-left:1em}
.boxHomeProcessC .n{display:flex; justify-content:stretch; flex-wrap:wrap; padding-top:1em; gap:2.6%}
.boxHomeProcessC .n li{width:23%; padding:1em 0}
.boxHomeProcessC .n li>*{display:block; line-height:1em}
.boxHomeProcessC .n span{color:#999}
.boxHomeProcessC .n p{color:#333; padding-top:1em; font-weight:bold; line-height:1.6em}
.boxHomeProcessC .n li.bn{width:100%; padding:3em 0 2em}
.boxHomeProcessC .n .bnsa{display:inline-block; font-size:16px; padding:.8em 2em}
.boxHomeProcessC .n .bnsa span{color:#fff}
/*3on1*/
.boxHomeBKPF.boxHomePCBs{background-color:transparent; padding:0; display:flex; justify-content:space-between;}
.boxHomePCBs li{width:32%; border-radius:8px; overflow:hidden; position:relative;}
.boxHomePCBs li:hover{box-shadow:rgba(0,0,0,.3) 0 0 1em}
.boxHomePCBs li i{display:block; width:100%; height:180px;}
.boxHomePCBs li i img{width:100%; height:100%; object-fit:cover}
.boxHomePCBs li:hover img{transform:scale(1.1)}
.boxHomePCBs li a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; color:#fff}
.boxHomePCBs li a span{position:absolute; left:1.5em; bottom:1.5em; right:1.5em;}
.boxHomePCBs li a span b{display:block; font-size:20px; margin-bottom:.5em}
.boxHomePCBs li:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
    background: -moz-linear-gradient(-45deg,  rgba(0,140,149,0) 0%, rgba(0,140,149,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(0,140,149,0) 0%,rgba(0,140,149,1) 100%);
    background: linear-gradient(135deg,  rgba(0,140,149,0) 0%,rgba(0,140,149,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008c95', endColorstr='#33008c95',GradientType=1 );
}
/*专利证书*/
.boxHomePCBz{background:url("/Content/img/PcbRevision/bk_zs.png") no-repeat right bottom / cover}
.boxHomePCBz .n>p{max-width:566px; line-height:1.8em; margin-bottom:2em}
.boxHomePCBz .n>div{display:flex; justify-content:stretch; gap:1em; text-align:center; padding:1em 0 5em}
.boxHomePCBz .n>div img{display:block; margin:0 auto .8em; box-shadow:rgba(0,0,0,.2) 0 0 .5em; border-radius:50%; overflow:hidden}
/*技术&通知*/
.boxHomeNews2{display:flex; justify-content:space-between;}
.boxHomeNews2>*{width:49%}
.boxHomeNews2 li{padding:.3em 0}
.boxHomeNews2 li a{display:inline-block; max-width:calc(100% - 5em)}
.boxHomeNews2 li span{float:right; color:#999}

.boxHomeCP{background-color:#fff; height:100px; padding:10px 20px; position:relative; display:flex; justify-content:space-between; align-items:center; margin-top:10px; border-radius:8px; overflow:hidden; cursor:pointer}
.boxHomeCP>*{position:relative; z-index:1}
.boxHomeCP b{display:block; color:#008C95; font-size:16px; line-height:1.2em;}
.boxHomeCP span{display:block; font-size:14px; margin-top:.4em}
.boxHomeCP img{width:102px; height:80px}
.boxHomeCP:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0;
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 20%, rgba(0,140,149,0.3) 90%);
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 20%,rgba(0,140,149,0.3) 90%);
    background: linear-gradient(135deg,  rgba(255,255,255,1) 20%,rgba(0,140,149,0.3) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4d008c95',GradientType=1 );
}


/* 响应式设计 */
@media (max-width: 768px) {
    .notice-section { flex-direction: column; }
    .notice-section .left, .notice-section .right { width: 100%; }
    .notice-section .grid { flex-direction: column; gap: 0; }
}


noticeSection{display:flex; gap:20px}
noticeSection .leftPanel,.rightPanel{flex:1}
noticeSection .leftPanel h2,.rightPanel h2{margin-bottom:10px}
noticeSection .leftPanel .more,.rightPanel .more{float:right; font-size:0.8em}
noticeSection .dynamic-image{width:100%; height:auto; margin-bottom:10px}
noticeSection .dynamic-desc{line-height:1.5}
noticeSection .rightPanel .announcement{background-color:#f0f8ff; padding:10px; margin-bottom:20px}
noticeSection .rightPanel .announcement h3{margin-top:0}
noticeSection .rightPanel .announcementsList{list-style:none; padding:0}
noticeSection .rightPanel .announcementsList li{display:flex; justify-content:space-between; margin-bottom:10px}
