/* 消息 */
.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(/uploads/image/cipcbrevision/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:#c0c0c0}
.doubleorder{margin:30px 0}
.doubleorder a{display:block; width:848px; height:140px; background-image:url(/uploads/image/cipcbrevision/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:#f90}
.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:rgba(255,153,0,0.10); color:#f90}
.seefactorynew .ftextcon .f_type2{background-color:rgba(226,237,254); color:rgba(8,104,209)}
.seefactorynew .ftextcon .f_type1 .icon_factory{background-color:#f90}
.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(/uploads/image/cipcbrevision/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(/uploads/image/cipcbrevision/icon_left_mark.png); position:absolute; left:-7px; top:-7px}
.seefactorynew .fimgcon .imgbox .icon_play{width:42px; height:32px; background-image:url(/uploads/image/cipcbrevision/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:100px}
.globalfamouspartnersheet{height:120px}
.globalfamouspartnersheet ul li{height:60px}
.globalfamouspartner li>div{width:100px}
.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:14px; 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}
.globalfamouspartner li div.sheeticon{width:100px; height:28px}
.globalfamouspartner li div.sheeticon1{background-image:url(/uploads/image/cipcbrevision/cooperate1.png)}
.globalfamouspartner li div.sheeticon2{background-image:url(/uploads/image/cipcbrevision/cooperate2.png)}
.globalfamouspartner li div.sheeticon3{background-image:url(/uploads/image/cipcbrevision/cooperate3.png)}
.globalfamouspartner li div.sheeticon4{background-image:url(/uploads/image/cipcbrevision/cooperate4.png)}
.globalfamouspartner li div.sheeticon5{background-image:url(/uploads/image/cipcbrevision/cooperate5.png)}
.globalfamouspartner li div.sheeticon6{background-image:url(/uploads/image/cipcbrevision/cooperate6.png)}
.globalfamouspartner li div.sheeticon7{background-image:url(/uploads/image/cipcbrevision/cooperate7.png)}
.globalfamouspartner li div.sheeticon8{background-image:url(/uploads/image/cipcbrevision/cooperate8.png)}
.globalfamouspartner li div.sheeticon9{background-image:url(/uploads/image/cipcbrevision/cooperate9.png)}
.globalfamouspartner li div.sheeticon10{background-image:url(/uploads/image/cipcbrevision/cooperate10.png)}
.globalfamouspartner li div.sheeticon11{background-image:url(/uploads/image/cipcbrevision/cooperate11.png)}
.globalfamouspartner li div.sheeticon12{background-image:url(/uploads/image/cipcbrevision/cooperate12.png)}
.globalfamouspartner li div.sheeticon13{background-image:url(/uploads/image/cipcbrevision/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}
/* 工厂骨架屏样式 */
.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(/uploads/image/cipcbrevision/swiperjt.png)!important}
.homeright .swiper-button-next{background-image:url(/uploads/image/cipcbrevision/swiperjt.png)!important; transform:rotatey(180deg)}
.homeright .swiper-button-prev:hover{background-image:url(/uploads/image/cipcbrevision/swiperjtactive.png)!important; transform:rotatey(180deg)}
.homeright .swiper-button-next:hover{background-image:url(/uploads/image/cipcbrevision/swiperjtactive.png)!important; transform:rotatey(0)!important}
.homeright .swiper-pagination-bullet{width:16px; height:16px}

/* new */
.boxmainbody{background-color:#f7f5f2}
.boxfeedbacktox ul li .n{background-color:#fff}
/*.homenewbox.pcbpage{background-color:#fff;}*/
.boxspecialprocess ul li,.boxspecialprocess ul li:after,.boxspecialprocess ul li p,.placeorderbtn,.boxhomenews dl a.pic img,.boximgli2x2 li:after,.boximgli2x2 li div,.boximgli2x2 li img,.boxhomehotpro dd img,.listimgh3 li img,.boxcsh2 img,.boxpcbhotpro li{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.fontovdd,.boxhomedatasheet .hot,.boxhomenews dl a.t,.boxhomenews dl p{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}
.hometit{font-size:20px; margin:2em 0 1em; position:relative}
.hometit b{font-size:1.5em; color:#333; font-weight:normal; display:block; line-height:1em}
.hometit p{font-size:.7em; color:#999; line-height:1.4em; padding-top:.6em}
.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:#f90}

.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{font-weight:normal; 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;}
.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:}
.boxspecialprocess ul li:nth-child(2){background-image:}
.boxspecialprocess ul li:nth-child(3){background-image:}
.boxspecialprocess ul li:nth-child(4){background-image:}
.boxspecialprocess ul li:before{content:''; position:relative; z-index:1; background: 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{overflow:hidden; padding-top:1em;}
.boxcertificates .hometit{margin-top:0}
.boxcertificates .swiper-slide{width:auto; min-width:200px; background-color:#faf8f6; text-align:center; padding:2em 0;}
.boxcertificates .swiper-slide img{display:block; margin:0 auto 10px;}
.boxcertificates .swiper-slide span{display:block; font-size:14px; white-space:nowrap; padding:0 1em;}
.boxcertificates .swiper-notification{display:none}

.boxhomedatasheet{font-size:20px; display:flex; align-items:stretch; flex-wrap:wrap}
.boxhomedatasheet .hometit{overflow:hidden; width:100%}
.boxhomedatasheet .hometit>b{float:left}
.boxhomedatasheet .hometit p{float:left; padding-top:0; margin-left:1em; position:relative; top:-3px}
.boxhomedatasheet .hometit p b{display:inline-block; font-size:1em; color:#f90; font-weight:bold; margin-left:.3em}
.boxhomedatasheet .hometit>div{float:right; display:flex; justify-content:space-between}
.boxhomedatasheet .hometit>div a{font-size:.7em; background-color:#f8f6f3; padding:.1em 2em; line-height:30px;}
.boxhomedatasheet .left{float:left; clear:left; width:61%; padding:15px; background-color:#fff; border-radius:8px 0 0 8px}
.boxhomedatasheet .hot{font-size:.8em; color:#333; padding-right:1em}
.boxhomedatasheet .hot span{margin-right:.5em}
.boxhomedatasheet .hot span:before{content:'\e6e1'; color:#e00; font-family:iconfont_dg; font-size:1.3em; margin-right:.4em}
.boxhomedatasheet .hot span:after,.boxhomedatasheet .right .t:after{content:'>>'; color:#999;margin-left:.5em}
.boxhomedatasheet .hot a{}
.boxhomedatasheet .hot a a{margin-left:.5em}
.boxhomedatasheet .left dl{float:left; margin-top:1em; width:50%; overflow:hidden; padding-right:1em; box-sizing:border-box}
.boxhomedatasheet .left dl dt{width:96px; height:124px; border:1px solid #dfe1e6; border-radius:4px; float:left; overflow:hidden}
.boxhomedatasheet .left dl dt a{display:block; width:100%; height:100%; position:relative}
.boxhomedatasheet .left dl dt img{display:block; width:100%; height:100%; object-fit:cover;}
.boxhomedatasheet .left 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 .left dl dd{margin-left:116px; font-size:.7em; color:#999}
.boxhomedatasheet .left dl dd p{min-height:60px; margin:.4em 0}
.boxhomedatasheet .left dl dd span{padding-top:.5em; display:block}
.boxhomedatasheet .right{float:left; width:39%; padding:15px 10px; background-color:#fff; border-radius:0 8px 8px 0; display:flex; flex-direction: column; justify-content: space-between;}
.boxhomedatasheet .right>div{width:100%}
.boxhomedatasheet .right .t{font-size:.8em; color:#333; margin-bottom:.5em; display:flex; align-items:center}
.boxhomedatasheet .right .t:before{content:''; background: 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}

.boxhomenews{font-size:20px; padding-bottom:1em;}
.boxhomenews dl{overflow:hidden; background-color:#fff; border-radius:8px}
.boxhomenews dl dt{float:left; width:49%; font-weight:normal; box-sizing: border-box; padding:15px 0 10px 15px}
.boxhomenews dl a.pic{display:block; background-color:#faf8f6; border-radius:4px; overflow:hidden}
.boxhomenews dl dt a.pic{display:block; width:100%; height:11em;}
.boxhomenews dl a.pic img{display:block; width:100%; height:100%; object-fit:cover;}
.boxhomenews dl>*:hover a.pic img{transform:scale(1.05)}
.boxhomenews dl a.t{font-size:.8em; line-height:1em; margin:1em 0 .5em}
.boxhomenews dl p,.boxhomenews dl span{display:block; line-height:1.6em; font-size:.7em; color:#999}
.boxhomenews dl dd:nth-child(2){padding-top:15px}
.boxhomenews dl dd{margin-left:51%; padding:13px 0; border-top:1px solid #f9fafc}
.boxhomenews dl dd:nth-child(4){display:none}
.boxhomenews dl dd a.pic{width:5em; height:3.8em; float:left;}
.boxhomenews dl dd div{margin-left:6em;}
.boxhomenews dl dd a.t{margin-top:.5em}
.boxhomenews dl dd:last-of-type{border-bottom:1px solid #f9fafc}

.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: #ffb140; 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:#fff5e5}
.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:#fff5e5}
.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:  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:#f90;}
.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:#fff5e5; 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:#fff5e5; 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 #f90; 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:#f90; width:.4em; height:.4em; border-radius:50%; position: absolute; left:0; top:.5em}

.boxpcbhotpro{display: flex; justify-content: space-between; gap:1em; font-size:20px; flex-wrap: wrap; margin-bottom:1em}
.boxpcbhotpro a{display: flex; border:1px solid #f1eee8; background-color:#fff; border-radius:8px; padding:1.3em 5px 1.3em 1em; gap:.75em; flex:1;position: relative}
.boxpcbhotpro a:hover{box-shadow: 0 0 10px rgba(0,0,0,.1)}
.boxpcbhotpro a.hot:after{content:''; position: absolute; top:-7px; left:-7px; background:  no-repeat center center / contain; width: 77px; height: 78px;}
.boxpcbhotpro a i{display: block; width:10em; height:6.5em;}
.boxpcbhotpro a i img{display: block; width:100%; height:100%; object-fit: contain}
.boxpcbhotpro b{display: block; font-weight: normal; font-size:1.2em; line-height:1em;}
.boxpcbhotpro .tag{margin:.5em 0}
.boxpcbhotpro .tag span{display: inline-block; border:1px solid #f90; color:#f90; border-radius:6px; padding:0 .4em; line-height:1.6em; font-size:.7em;}
.boxpcbhotpro .tag span:first-child{background-color:#f90; color:#fff;}
.boxpcbhotpro .tag span span{margin-left:.5em;}
.boxpcbhotpro p{color:#999; font-size:.7em; margin-top:.3em}