.homenewbox{display:flex; padding-top:20px; align-items:flex-start}
.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:}
.homenewbox .homeleft .pcbcon .item.img i.proimgrogers{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimghdi{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgaluminum{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgcopper{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgcem1{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgcem3{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimg22f{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgfr1{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgfpc{background-image:}
.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(/uploads/image/cipcbrevision/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(/uploads/image/cipcbrevision/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(/uploads/image/cipcbrevision/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(/uploads/image/cipcbrevision/icon_left_mark.png); position:absolute; left:-7px; top:-7px}
.seefactory .bcon2 .icon_play{width:42px; height:32px; background-image:url(/uploads/image/cipcbrevision/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(/uploads/image/cipcbrevision/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:}
.hometips .customer .icon_opinion{background-image:}
.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(/uploads/image/cihome/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(/uploads/image/cipcbrevision/icon_sku.png); pointer-events: none;}
.placeorder .pcon1 .icon_label{position:absolute; left:-7px; top:-7px; width:77px; height:78px; background-image:url(/uploads/image/cihome/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}
.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: 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:}
.boxjpinternet .stats div.it02:before{background-image:}
.boxjpinternet .stats div.it03:before{background-image:}
.boxjpinternet .stats div.it04:before{background-image:}
.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: #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: 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}