/* 消息 */
.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:#999}
.boxnewsslide{background-color:#fff; width:100%; border-radius:8px; padding:0 1em; height:40px; line-height:40px}
.boxnewsslide #newsul{width:calc(100% - 80px)}
.boxnewsslide.news ul{height:40px}
.boxnewsslide.news:before{content:'\e62a'; font-family:iconfont_dg; position:absolute; top:50%; left:20px; transform:translatey(-50%); color:#008c95}
.boxnewsslide.news ul li a,.boxnewsslide.news ul li{height:40px}
.boxnewsslide.news ul li{width:100%}
.boxnewsslide.news ul li a{max-width:50%; min-width:50%}
.doubleorder{margin:30px 0}
.doubleorder a{display:block; width:848px; height:140px; background-image:url(/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:#008c95}
.seefactorynew .ftextcon .f_type{display:inline-block; width:80px; height:20px; /* background:rgba(255,153,0,0.10); */
    border-radius:2px; /* color:#f90; */
    margin-bottom:12px; margin-left:10px; font-size:14px; font-weight:400}
.seefactorynew .ftextcon .f_type1{background:#e1f8fa; color:#008c95}
.seefactorynew .ftextcon .f_type2{background-color:rgba(226,237,254); color:rgba(8,104,209)}
.seefactorynew .ftextcon .f_type1 .icon_factory{background-color:#008c95}
.seefactorynew .ftextcon .f_type2 .icon_factory{background-color:rgba(8,104,209)}
.seefactorynew .ftextcon .f_type .icon_factory{display:inline-block; width:20px; height:20px; padding:2px; box-sizing:border-box; background-image:url(/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:90px}
.globalfamouspartnersheet{height:120px}
.globalfamouspartnersheet ul li{height:60px}
.globalfamouspartner li>div{width:120px}
.globalfamouspartner li>div>div{width:100px; height:28px; background:url(/uploads/image/cipcbrevision/partner.png) #fff no-repeat; margin:0 auto 10px; text-align:center}
.globalfamouspartner li>div p{color:#999999; font-size:12px; margin-top:8px; text-align:center}
.globalfamouspartner li.newhomecplist{height:110px;}
.globalfamouspartner li.newhomecplist>div{width:146px;}
.globalfamouspartner li.newhomecplist>div>div{width:146px; height:56px; background:  #fff no-repeat; margin:0 auto; text-align:center}
.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; position:relative; overflow:hidden}
.homenewbox .homeright .swiper-button-prev,.homenewbox .homeright .swiper-button-next{opacity:0; visibility:hidden; }
.homenewbox .homeright .swiper:hover .swiper-button-prev,.homenewbox .homeright .swiper:hover .swiper-button-next{opacity:1; visibility:visible}
/* 工厂骨架屏样式 */
.line1 .nodata1{width:320px; height:32px; vertical-align:bottom; margin-right:15px; background-color:#f2f2f2}
.line1 .nodata2{width:90px; height:26px; vertical-align:bottom; background-color:#f2f2f2}
.line2{width:300px; height:20px; margin:12px 0 15px 0; background-color:#f2f2f2}
.line3{display:flex}
.line3 li{margin-right:25px}
.line3 li div{width:80px; height:18px; background-color:#f2f2f2; margin-bottom:5px}
.line4{margin-top:18px; display:flex; justify-content:space-between; align-items:center; padding-bottom:13px}
.line4>div{width:272px}
.line4 .imgbox{width:272px; height:182px; border-radius:8px; background-color:#f2f2f2}
.line4 .text1{width:100px; height:30px; background-color:#f2f2f2; margin:16px 0 10px 0}
.line4 .text2{width:200px; height:18px; background-color:#f2f2f2}
/* 新闻骨架屏 */
.nodatanews span{background-color:#f2f2f2}
.nodatanews .block1{width:350px; height:28px; margin-right:30px}
/* 轮播骨架屏 */
.nodataswiper{width:280px; height:500px; background-color:#f2f2f2; display:flex; justify-content:center; align-items:center}
.nodataswiper .nodataimg{width:65px!important; height:65px!important}
.homeright .swiper-button-prev,.homeright .swiper-button-next{width:40px; height:80px; margin-top:-40px; background-size:100% 100%}
.homeright .swiper-button-prev{background-image:url(/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 */
.boxspecialprocess ul li,.boxspecialprocess ul li:after,.boxspecialprocess ul li p,.placeorderbtn,.boxhomenews a.pic img,.boximgli2x2 li:after,.boximgli2x2 li div,.boximgli2x2 li img,.boxhomehotpro dd img,.listimgh3 li img,.boxcsh2 img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.hometit{font-size:20px; margin:2em 0 1em; position:relative}
.hometit b{font-size:1.2em; color:#333; display:block; line-height:1em}
.hometit p{font-size:.7em; color:#999; line-height:1.4em; padding-top:.6em}
.hometit p span{font-size:inherit}
.hometit .right{position:absolute; top:50%; right:0; transform:translatey(-50%); line-height:1em}
.hometit .more{font-size:.7em; color:#999}
.hometit .more:after{content:'\e62e'; font-family:iconfont_dg; display:inline-block; margin-left:.3em}
.hometit .more:hover{color:#07a698}
.hometit span{font-size:.8em}

.boxfactory{background-color:#fff; font-size:20px; padding:1em;  margin-bottom:1.5em; clear:both; border-radius:4px}
.boxfactory dt{float:left; width:314px; height:180px}
.boxfactory dt a{display:block; width:100%; height:100%; border-radius:4px; overflow:hidden}
.boxfactory dd{margin-left:340px; min-height:180px; padding-top:.5em}
.boxfactory dd>b{font-size:1.2em; margin-right:.5em; vertical-align:middle}
.boxfactory dd p{font-size:.7em; margin:.5em 0 .3em}
.boxfactory dd p span{display:inline-block; margin-right:1em}
.boxfactory dd p span.ps:before{content:'\e8c4'; color:#d7d7d7; display:inline-block; font-family:iconfont_dg; margin-right:.3em}
.boxfactory dd p span span{border-left:1px solid #d7d7d7; padding-left:1em}
.boxfactory dd .tag span{display:inline-block; background-color:#fff; color:#f90; border:1px solid #f90; border-radius:4px; padding:0 .5em; line-height:1.6em; font-size:.7em; margin-right:.5em}
.boxfactory dd ul{display:flex; gap:30px; margin-top:.5em}
.boxfactory dd ul li span{display:block; font-size:.7em; color:#999; margin-bottom:.4em}
.boxfactory dd ul li div{font-size:.8em; color:#333}
.boxfactory dd ul li li{border-left:1px solid #d7d7d7; padding-left:1em}
.boxfactory .f_type{font-size:14px; line-height:24px; padding-right:5px}
.boxfactory .f_type .icon_factory{font-size:14px; width:24px; height:24px; margin-right:5px}
.boxfactory .f_type1{background:rgba(255,153,0,0.10); color:#f90}
.boxfactory .f_type2{background-color:rgba(226,237,254); color:rgba(8,104,209)}
.boxfactory .f_type1 .icon_factory{background-color:#f90}
.boxfactory .f_type2 .icon_factory{background-color:rgba(8,104,209)}

.hotservice,.hotservice2{display:flex; justify-content:space-between; gap:20px;font-size:20px; padding:1em 0 .5em}
.hotservice i{font-family:iconfont_dg; color:#333; font-size:1.5em; float:left}
.hotservice div{margin-left:2.3em; }
.hotservice div b{display:block; line-height:1em; padding-top:.5em}
.hotservice div p{font-size:.7em; color:#999; margin-top:.7em}
.hotservice li{width:33.333%}
.hotservice2 li{padding-top:5px;}
.hotservice2 img{float: left; margin-right:1em;}
.hotservice2 p{font-size:.8em; display: inline-block;}
.boxhomebkpf{background-color:#fff; border-radius:8px; padding:20px; margin-top:20px}
.hotservice.boxhomebkpf{padding-top:.7em;}
.boxhomebkpf .hometit{margin:.5em 0 .7em}
.boxhomebkpf.boxfeedbacktox{margin-bottom:0}
.boxspecialprocess{font-size:20px; padding-bottom:.5em}
.boxspecialprocess ul{display:flex; justify-content:space-between; gap:10px; color:#fff}
.boxspecialprocess ul li{flex:auto; width:17.5%; height:340px; background:#327347 no-repeat center center / cover; position:relative; border-radius:4px; overflow:hidden; padding:1.5em 1em}
.boxspecialprocess ul li:nth-child(1){background-image:}
.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{background: #fff no-repeat center center / cover; height:340px; position:relative}
.boxcertificates .bz{position:absolute; top:208px; left:36px; text-align:center; width:6em; color:#633614; font-size:14px; font-weight:bold; user-select:none}
.boxcertificates .swiper{overflow: hidden; margin:3em 0 0 12em}
.boxcertificates .swiper-slide{width:140px; height:158px; background: no-repeat left top; padding:2em 0}
.boxcertificates .swiper-slide img{display:block; margin:0 0 .5em 1em;}
.boxcertificates .swiper-slide span{display:block; max-width:9em; font-size:14px; padding:0 1em;}
.boxcertificates .swiper-notification{display:none}

.boxhomedatasheet{font-size:20px; display:flex; justify-content: space-between; gap:.5em}
.boxhomedatasheet .left{min-width:300px;}
.boxhomedatasheet .hometit{overflow:hidden; width:100%}
.boxhomedatasheet .hometit b{font-size:1em}
.boxhomedatasheet .hometit b a{margin-top:.3em; display:inline-block;}
.boxhomedatasheet .so{position: relative; display:flex;}
.boxhomedatasheet .so .searchbtn{padding-top:2px}
.boxhomedatasheet .so .searchinput{bwidth:100%}
.boxhomedatasheet .bomup{position: relative;}
.boxhomedatasheet .bomup .t{display: flex; justify-content: space-between; align-items: center; margin:1em 0 0}
.boxhomedatasheet .bomup .t b{font-weight: normal;}
.boxhomedatasheet .bomup .t a,.boxhomedatasheet .bomup .note{color:#999; font-size:.7em}
.boxhomedatasheet .bomup .t a:hover{color:#008c95}
.boxhomedatasheet .bomup .note{text-align:center}
.boxhomedatasheet .bomup input{display: none}
#boxhomebomupfile{border:2px dashed #008c95; border-radius:5px; display: flex; justify-content: center; align-items: center; cursor:pointer; padding:2em 1em; margin:.5em 0}
#boxhomebomupfile div{font-size:.7em; color:#999; max-width:140px; text-align:center;}
#boxhomebomupfile:hover,#boxhomebomupfile.dragover{background-color:#e1f8fa}
#boxhomebomupfile div:before{content:''; background:  no-repeat center center / cover; width: 59px; height: 53px; display: block; margin:0 auto .5em;}

.boxhomedatasheet .right{display: flex; justify-content: space-between; flex-wrap: wrap}
.boxhomedatasheet .li0{width:100%; margin-bottom:1em; font-size:.8em}
.boxhomedatasheet .li0 span{color:#909090}
.boxhomedatasheet .li0 b{color:#008c95; display: inline-block; margin:0 1em 0 .3em}
/*.boxhomedatasheet .li1{max-width:53%}*/
.boxhomedatasheet .li1>div div{margin-top:1em;}
/*.boxhomedatasheet .li2{max-width:45%}*/
.boxhomedatasheet .right dl{overflow:hidden}
.boxhomedatasheet .right dl dl{margin-top:10px}
.boxhomedatasheet .right dl dt{overflow:hidden; float:left}
.boxhomedatasheet .right dl dt a{display:block; width:100%; height:100%; position:relative}
.boxhomedatasheet .right dl dt a:after{content:'\e649'; font-family:iconfont_dg; color:#008c95; display:inline-block; font-size:1.2em}
.boxhomedatasheet .right dl dt img{display:block; width:100%; height:100%; object-fit:cover;}
.boxhomedatasheet .right dl dt span{position:absolute; left:50%; bottom:1em; transform:translatex(-50%); font-size:.7em; background-color:rgba(0,0,0,.5); border-radius:4px; color:#fff; line-height:1em; padding:.3em .5em; font-weight:normal; white-space:nowrap}
.boxhomedatasheet .right dl dd{margin-left:36px; font-size:.7em; color:#999}
.boxhomedatasheet .right dl dd p{margin:.3em 0}
.boxhomedatasheet .right dl dd span{display:block; color:#666}
.boxhomedatasheet .right .t{font-size:.8em; color:#333; margin-bottom:.5em; display:flex; align-items:center}
.boxhomedatasheet .right .t:before{content:''; background: no-repeat; width:26px; height:26px; margin-right:.5em; display:inline-block}
.boxhomedatasheet .right .t.sc2:before{background-position:-31px 0}
.boxhomedatasheet .right .t.sc3:before{background-position:-64px 0}
.boxhomedatasheet .right .keywordbox{font-size:.7em; max-height:68px}
.boxhomedatasheet .hotmodel{font-size:.7em; max-height:62px}
.boxhomedatasheet .hotmodel i.ihot:after{content:''; background: no-repeat center center / contain; width:14px; height:16px; margin-right:.4em; display:inline-block}
.boxhomedatasheet .hotmodel span{color:#999; margin-right:.5em}
.boxhomedatasheet .hotmodel a a{margin-left:.5em;}

.boxhomenews{display:flex; font-size:20px; gap:.5em; padding:0; background-color:transparent}
.boxhomenews.boxhomebkpf{margin:0}
.boxhomenews>.left{width:640px; flex:0 0 auto; gap:1em; display:flex}
.boxhomenews>.left>div{min-width:290px;}
.boxhomenews>.right{width:330px}
.boxhomenews .navtag{display:flex; justify-content:flex-start; gap:.5em}
.boxhomenews .navtag li{font-size:12px; background-color:#e5f5f6; border-radius:5px; padding:.1em .6em;}
.boxhomenews a.pic{display:block; width:100%; height:7em; background-color:#faf8f6; border-radius:4px; overflow:hidden; margin-bottom:.8em}
.boxhomenews a.pic img{display:block; width:100%; height:100%; object-fit:cover;}
.boxhomenews a.pic:hover img{transform:scale(1.05)}
.boxhomenews a.t{font-weight:bold; font-size:.8em;}
.boxhomenews p{margin:.5em 0; font-size:.7em}
.boxhomenews span{color:#999; font-size:.7em; white-space:nowrap}
.boxhomenews .special{background:#f3fafa; padding:1em; border-radius:8px; margin-bottom:1em}
.boxhomenews .grid{display:flex; justify-content:space-between; flex-wrap:wrap}
.boxhomenews .grid li{display:flex; justify-content:space-between; align-items:center; min-width:47%; max-width:47%; gap:.5em; margin-bottom:.5em}
.boxhomenews .grid a{font-size:.7em}
.boxhomenews .grid.l{margin-top:.8em;}
.boxhomenews .grid.l li{min-width:auto; max-width:100%; width:100%}

.boxhometables_tp table{width:100%; text-align: center; user-select: none; background-color:#fff}
.boxhometables_tp table td{padding:10px;}
.boxhometables_tp thead,.boxhometables_tp td.bg{background-color: #008c95; color:#fff; font-size:14px}
.boxhometables_tp thead td{border:1px solid #fff; border-top:none; border-left:none}
.boxhometables_tp thead.s td{padding:3px 10px}
.boxhometables_tp tbody tr.k2{background-color:#e1f8fa}
.boxhometables_tp tbody td{border:1px solid #eceaea; border-left:none; border-top:none}
.boxhometables_tp tbody td.txtleft{text-align: left}
.boxhometables_tp tbody td:last-of-type{border-right:none}
.boxhometables_tp.abc tbody tr:nth-child(2n) td{background-color:#e1f8fa}
.boxhometables_tp.abc tbody tr td.nbc{background-color:#fff}

.boximgli2x2 ul{display:flex; flex-wrap:wrap; justify-content: space-between}
.boximgli2x2 ul li{width:49%; margin-bottom:2%; position: relative; overflow: hidden}
.boximgli2x2 ul li img{display: block; width:100%}
.boximgli2x2 li div{position: absolute; top:50%; left:50%; width:80%; text-align: center; color:#fff; transform:translate(-50%,-50%); z-index:2;opacity:0; visibility:hidden}
.boximgli2x2 li div b{font-size:24px; margin-bottom:.2em; display:block}
.boximgli2x2 li div p{font-size:18px}
.boximgli2x2 li:after{content:'';position: absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.7); z-index:1; opacity:0; visibility:hidden}
.boximgli2x2 li:hover img{transform: scale(1.05)}
.boximgli2x2 li:hover:after,.boximgli2x2 li:hover div{opacity:1; visibility:visible}

.boxtopicfooter{background:  no-repeat center center / cover; min-height:80px; padding:.7em 0; margin-top:60px; color:#fff; font-size:20px;}
.boxtopicfooter .box{max-width:1280px; margin:0 auto}
.boxtopicfooter .text{float: left}
.boxtopicfooter .text b{display: block; line-height:1em; margin-top:.3em}
.boxtopicfooter .text span{font-size:.7em}
.boxtopicfooter .quote{float: right; padding-top:.3em}
.boxtopicfooter .quote>*{vertical-align: middle}
.boxtopicfooter .quote .ipt{width:6em; font-size:14px; height:40px; line-height:40px; border-radius:.3em; border:none; outline:none; padding:0 .5em; color:#333;}
.boxtopicfooter .quote .ipt#num{width:10em;}
.boxtopicfooter .topicquotenum{display: inline-block; position: relative;}
.boxtopicfooter .bntopicgoquote{font-weight: bold; border:2px solid #fff; border-radius:.3em; background-color: transparent; line-height:34px; margin:0 0 0 .5em; font-size:14px; padding:0 3em}
.boxtopicfooter .bntopicgoquote:hover{opacity:.7; background-color:#008c95;}
.boxtopicfooter .boardnumber{color:#333; font-size:14px; top:100%; left:auto; right:0}
.boxtopicfooter .boardnumber #txtselnum{width:100px}
.boxtopicfooter .boardnumber .btn-bfbfbf{display: inline-block; width: auto}
.boximgshow2en1 .box{clear:both; height:370px}
.boximgshow2en1 .rimg{float: right;}
.boximgshow2en1 .rimg img{display: block; margin-bottom:10px}
.boximgshow2en1.f .rimg{float: left; margin-right:10px}

.boxswiperimg{overflow: hidden; position:relative}
.boxswiperimg .sun{background:none rgba(0,0,0,.3); border-radius:50%; width:46px; height: 46px; text-align: center; line-height:46px}
.boxswiperimg .sun:hover{background-color:rgba(0,0,0,.7)}
.boxswiperimg .sun:active{background-color:rgba(0,0,0,.5)}
.boxswiperimg .sun:after{content:'\eca6'; font-family: iconfont_dg; display: block; color:#fff; font-size:20px}
.boxswiperimg .sun.swiper-button-next{transform: rotate(-90deg)}
.boxswiperimg .sun.swiper-button-prev{transform: rotate(90deg)}
.myswiperfactory{width: 662px; float: left}
.myswiperfactory .swiper-slide{width:662px; height: 368px}
.myswiperfactory .swiper-slide img,.myswipercf .swiper-slide div img{display: block; width:100%; height:100%; object-fit:cover}
.myswipercf .swiper-slide div{margin:0 20px 20px 0}
.myswipercf .swiper-slide img{border:1px solid #eee; box-shadow: rgba(0,0,0,.05) 8px 8px 0}
.myswipercf .swiper-slide span{display: block; text-align: center}

.boxhomehotpro{display: flex; font-size:20px; flex-wrap: wrap; margin:10px 0 0;}
.boxhomehotpro .n{background-color:#fff; border-radius:5px; width:49%; margin-top:2%; padding:20px 0 20px 30px; box-sizing: border-box;}
.boxhomehotpro .n:nth-child(2n){margin-left:2%}
.boxhomehotpro b{font-size:1.2em; color:#333; display: block; line-height:1em; margin-bottom:.5em;}
.boxhomehotpro dl {display: flex; justify-content: space-between}
.boxhomehotpro dt{width:100%;}
.boxhomehotpro dt>span{display: inline-block; background-color:#e1f8fa; font-size:.7em; border-radius:5px; padding:.3em .5em; margin-bottom:.5em}
.boxhomehotpro dt>span span{margin-left:.5em;}
.boxhomehotpro dt p{font-size:.7em; display: flex; justify-content: left; line-height:1.5em; margin-top:.3em}
.boxhomehotpro dt p span:first-child{min-width:5em;}
.boxhomehotpro dd{margin-top:-2.5em; text-align: center; padding-right:.5em; position:relative}
.boxhomehotpro dd img{position: relative; top:1em;}
.boxhomehotpro dd .bnsa{font-size:.8em; position: relative; top:-2em; opacity:0; visibility: hidden}
.boxhomehotpro .n:hover img{top:0;}
.boxhomehotpro .n:hover .bnsa{top:-1.2em; opacity:1; visibility:visible}

.boxgdtmatte{height:700px; overflow: hidden; position: relative;}
.boxgdtmatte:after{content:''; position: absolute; height:50%; left:0; right:0; bottom:0; z-index:1;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00ffffff', endcolorstr='#ffffff',gradienttype=0 );
}
.boxgdtmatte .bnsa{position: absolute; left:50%; transform: translatex(-50%); bottom:2em; z-index:2}
.boxgdtmatte.on .bnsa{opacity:0; visibility: hidden}
.boxgdtmatte.on:after{display: none}

.boxhotproh3{display: flex; gap:1em; font-size:20px; margin-top:1em;}
.boxhotproh3 li{background-color:#fff; border-radius:8px; padding:1em 1em 3.5em; position: relative}
.boxhotproh3 li img{display: block; max-width:100%;}
.boxhotproh3 b{font-size:1.2em; display: block; margin-bottom:.3em}
.boxhotproh3 div{border-bottom:1px solid #dfe1e6; margin-bottom:.5em; padding-bottom:.5em;}
.boxhotproh3 div span{font-size:.7em; background-color:#e1f8fa; border-radius:5px; padding:.3em .5em;}
.boxhotproh3 div span span{margin-left:.5em}
.boxhotproh3 p{font-size:.7em; line-height:1.6em;}
.boxhotproh3 .bnsa{display: block; text-align: center; font-size:.8em; position: absolute; left:1em; right:1em; bottom:1em;}
.boximgs,.listimgh3 li img{display: block; max-width:100%}

.listimgh3{overflow: hidden; margin-top:-2%;}
.listimgh3 li{float:left; width:32%; background-color:#fff; margin-top:2%}
.listimgh3 li i{display: block; overflow: hidden}
.listimgh3 li:hover img{transform: scale(1.1);}
.listimgh3 li:nth-child(3n-1){margin:2% 2% 0}
.listimgh3 li span{padding:1em 0; display: block; text-align: center; font-size:14px;}

.boxfx2{display: flex; gap:20px}
.boxhotproh4{display: flex; gap:15px; font-size:20px; padding-top:1em}
.boxhotproh4 li{background-color:#fff; border-radius:8px; padding:1em; flex:1; text-align: center}
.boxhotproh4 li img{display: block; max-width:100%; margin:0 auto 1em;}
.boxhotproh4 li b{font-size:1.2em; display: block;}
.boxhotproh4 li>span{display: block; font-size:.7em; margin-bottom:1em}
.boxhotproh4 li .bnsa{font-size:.8em}

.boxcsh2{overflow: hidden; font-size:20px; display: flex; flex-wrap: wrap}
.boxcsh2 li{float:left; width:49%; margin:1% 0; background-color:#fff; border-radius:8px; overflow: hidden}
.boxcsh2 li:nth-child(2n){margin-left:2%}
.boxcsh2 li img{display: block; max-width:100%}
.boxcsh2 li i{display: block; overflow: hidden}
.boxcsh2 li:hover img{transform: scale(1.1)}
.boxcsh2 li div{padding:1em}
.boxcsh2 li div b{display: block; font-weight:normal; margin-bottom:.3em}
.boxcsh2 li div p{font-size:.7em; color:#999}

.boxequipment{background-color:#fff; border-radius:8px; display: flex; font-size:20px;}
.boxequipment>div{padding:1em 1.5em 1em 0;}
.boxequipment .t{font-size:1.2em; font-weight: bold; color:#333; border-bottom:1px solid #008c95; padding:.5em 0; margin-bottom:.5em;}
.boxequipment span{display: block; font-size:.7em; margin-bottom:.3em; line-height:1.6em; padding-right:.5em}
.boxequipment b{display: block; margin:.6em 0 .3em; font-weight: normal}
.boxequipment p{font-size:.7em; padding-left:1em; position: relative; margin-top:.3em; line-height:1.6em}
.boxequipment p:before{content:''; background-color:#008c95; width:.4em; height:.4em; border-radius:50%; position: absolute; left:0; top:.5em}

.boxpcbhotpro{display:flex; gap:.5em; font-size:20px;}
.boxpcbhotpro li{width:50%}
.boxpcbhotpro li>div{padding:1em; position:relative; border-radius:8px; overflow:hidden}
.boxpcbhotpro li>div:nth-child(1){background-color:#e5fce6}
.boxpcbhotpro li>div:nth-child(2){background-color:#f1f7ff}
.boxpcbhotpro li>div:nth-child(3){background-color:#fff7e0}
.boxpcbhotpro li>div>div{position:relative; z-index:1}
.boxpcbhotpro li.li{display:flex; flex-direction:column; justify-content:space-between; gap:10px}
.boxpcbhotpro li.li>div{height:100%;}
.boxpcbhotpro li b{font-size:1em; display:block; margin-bottom:.5em}
.boxpcbhotpro li.pcb>div{height:530px; padding-top:2em; background-color:#f1f7ff}
.boxpcbhotpro li.pcb>div b{font-size:1.2em}
.boxpcbhotpro li p{font-size:.7em; position:relative; padding-left:1.5em; line-height:1.8em}
.boxpcbhotpro li p:before{content:'\e603'; font-family:iconfont_dg; position:absolute; top:0; left:0; color:#008c95}
.boxpcbhotpro li.smt{width:100%}
.boxpcbhotpro li.smt>div{padding:1.5em; background-color:#f2f2f2}
.boxpcbhotpro li a{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%}
.boxpcbhotpro li i{background:no-repeat right bottom / cover; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%}
.boxpcbhotpro li>div:hover{box-shadow:rgba(0,0,0,.1) 0 .3em .5em;}
.boxpcbhotpro li>div:hover i{transform:scale(1.05)}

.boxhomequote24{background-color:#fff; border-radius:4px; padding:20px; display:flex; flex-wrap:wrap}
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon1 ul{flex-wrap: wrap;}
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon1>ul{justify-content:space-between}
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon1>ul>li{margin-right:0}
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon1 .stitle{min-width:105px}
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon{padding:0; width:100%}
.homenewbox .homeleft .pcbcon .boxhomequote24 .item.img{padding:5px 5px 0}
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon2{float:none; padding:0; height:auto; margin-bottom:0; display:flex; justify-content:space-between}
/*.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon2>*{display:flex; align-items:center; gap:10px}*/
.homenewbox .homeleft .pcbcon .boxhomequote24 .bcon2 .numbox .boardnumber{top:56px;}
.homenewbox .homeleft .pcbcon .boxhomequote24 .option-size{background-color:#fff; border:1px solid #dcdcdc; width:204px}
.homenewbox .homeleft .pcbcon .boxhomequote24 .option-size .form-control{border:none}
.homenewbox .homeleft .pcbcon .boxhomequote24 .option-size input{width:90px}
.homenewbox .homeleft .pcbcon .boxhomequote24 .recorddatabtn{padding-top:.5em}
.homenewbox .homeleft .pcbcon .boxhomequote24 .topcbquote{width:180px; height:50px; line-height:50px; font-size:16px; font-weight:bold}
.homenewbox .homeleft .pcbcon .boxhomequote24 .topcbquote span:after{content:'\e63b'; font-family:iconfont_dg; display:inline-block; margin-left:.5em; transform:scale(1.2)}