.tabHSa li,.boxPCBAService .li,.boxPCBAService .li img,.boxHNew>div,.boxPcbPM,.boxPcbPM img,.play,.boxIAM li .bk,.boxIAM li:after,.boxIAM li:before,.boxCustomerReview .swiper-slide,.boxCustomerReview img,.boxCRMore a,.listBlog .item{transition:all 0.1s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boxHNew .newsList li a{color:#333; display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.boxHNew .newsList li a:hover{color:#008C95}
.font2h,.font3h,.boxCustomerReview .cr p,.listBlog .item a.tit,.listBlog .item p{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h,.boxCustomerReview .cr p{-webkit-line-clamp:3;}
/*banner*/
.banner{height:500px; z-index:3; max-width:100%; margin:0 auto; background-color:#131D27}
.swiper-container{width:100%; height:100%}
.swiper-container230 .swiper-slide{background:no-repeat center center / cover; height:500px}
.swiper-container230 .swiper-slide,.swiper-container230 .swiper-wrapper{ margin:auto; cursor:pointer}
.swiper-container230.isWap{display:none}
.banner .swiper-button-prev{position:absolute; top:0; left:-32px !important; display:inline-block; width:32px !important; height:358px; z-index:999; font-size:36px; color:#ffffff; text-align:center; background:url("/img/img/newindex/banner-left.png") no-repeat center transparent !important; transition:all .3s; outline:none; cursor:pointer}
.banner:hover .swiper-button-prev{left:0 !important}
.banner:hover .swiper-button-next{right:0 !important}
.banner .swiper-button-next{position:absolute; top:0; right:-32px !important; display:inline-block; width:32px !important; height:358px; z-index:999; font-size:36px; color:#ffffff; text-align:center; background:url("/img/img/newindex/banner-right.png") no-repeat center transparent !important; transition:all .3s; outline:none; cursor:pointer}
.swiper-pagination .swiper-pagination-bullet{width:20px; height:6px; background:#fff; border-radius:0}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#008C95}

.boxH{padding:1.2em 0; font-size:20px}
.boxH.bkNE8{overflow:hidden}
.boxH *{box-sizing:border-box}
.iTags,.iHot:after{font-size:.7em; background-color:#E30000; color:#fff; border-radius:.2em; position:absolute; line-height:1em; padding:.1em .3em; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.iHot:after{content:'HOT'; top:-.2em; right:0;}

.titSh{text-align:center; padding:1em 0 1.5em}
.titSh>b,.titSh>h2,.titSh>h3{font-size:1.5em; color:#002940;}
.titSh>p{font-size:.7em; color:#666}

.swiper-containerWap{display:none}

.boxHNew,.boxHNew .img,.boxHNew .img a{display:flex; justify-content:space-between; align-items:stretch; gap:1em}
.boxHNew>*{flex:auto}
.boxHNew>div:hover{box-shadow:rgba(0,0,0,.1) 0 0 1em}
.boxHNew .img{gap:.5em}
.boxHNew .img a{align-items:center; gap:3%; justify-content:center; position:relative; flex:auto}
.boxHNew .img a .iTags{top:0; left:0; padding:.2em .5em;}
.boxHNew .img a b{color:#333; text-align:center; line-height:1em;font-size: 0.9em;}
.boxHNew .img a p{font-size:.8em; color:#666}
.boxHNew .img a p em{color:#f30}
.boxHNew .img a img{max-height:60px}
.boxHNew .img a:nth-child(1){background-color:#DFF8F6}
.boxHNew .img a:nth-child(2){background-color:#E6EEF9}
.boxHNew .newsList{max-width:20em; padding-left:3em; position:relative}
.boxHNew .newsList:before{content:'\e614'; font-family:iconfont_dg; font-size:1.4em; color:#008c95; position:absolute; top:50%; left:.6em; transform:translateY(-50%)}
.boxHNew .newsList li{font-size:.7em; display:flex; justify-content:start; align-items:center; gap:.5em; padding:.2em 0}
.boxHNew .newsList li span{color:#999}

.boxPCBAService{display:flex; justify-content:space-between; align-items:stretch; padding-bottom:2em}
.boxPCBAService .li{border-radius:.4em; width:32%; box-shadow:rgba(0,0,0,.2) 0 0 1em; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden}
.boxPCBAService .li:first-of-type{
    background: -moz-linear-gradient(-45deg,  rgba(254,255,255,0.1) 0%, rgba(254,255,255,0.1) 49%, rgba(19,153,147,0.3) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(254,255,255,0.1) 0%,rgba(254,255,255,0.1) 49%,rgba(19,153,147,0.3) 100%);
    background: linear-gradient(135deg,  rgba(254,255,255,0.1) 0%,rgba(254,255,255,0.1) 49%,rgba(19,153,147,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1afeffff', endColorstr='#1a139993',GradientType=1 );
}
.boxPCBAService .li:nth-child(2){background-color:#14212B}
.boxPCBAService .li:nth-child(2) .cnt ul li{color:#fff}
.boxPCBAService .li>div{height:100%; padding:0 1em 1em; display:flex; flex-direction: column; justify-content: space-between;}
.boxPCBAService .li img{display:block; width:100%}
.boxPCBAService .li:hover{box-shadow:rgba(0,0,0,.3) 0 .5em 1.5em;}
.boxPCBAService .li:hover img{transform:scale(1.05)}
.boxPCBAService h3{display:block; font-size:1.5em; color:#008C95; word-break:break-all}
.boxPCBAService ul,.boxPcbPM ul{padding:.6em 0 1.5em 1.4em;}
.boxPCBAService ul li,.boxPcbPM li{list-style:disc; color:#666; font-size:.7em; padding-bottom:.3em}
.boxPCBAService .bnsa,.boxPcbPM .bnsa{font-size:.8em; padding:.7em 0}


.tabHSa{text-align:center; display:flex; justify-content:center; user-select:none; margin-bottom:3em}
.tabHSa li{background-color:#fff; color:#008C95; padding:.5em 2em; cursor:pointer;}
.tabHSa li:first-of-type{border-radius:8px 0 0 8px}
.tabHSa li:last-of-type{border-radius:0 8px 8px 0}
.tabHSa li.on{background-color:#008C95; color:#fff; border-radius:8px;}

.boxPcbPMSwiper{position:relative}
.boxPcbPMSwiper .swiper{padding-bottom:2em}
.boxPcbPM{background-color:#fff; border-radius:.4em; width:15.4em; position:relative; box-shadow:rgba(0,0,0,.2) 0 0 .5em; height:auto; overflow:hidden; display:flex; flex-direction: column; justify-content: space-between;}
.boxPcbPM>div{padding:1em; height:100%; display:flex; flex-direction: column; justify-content: space-between;}
.boxPcbPM h3{display:block; color:#008C95; font-size:1.2em}
.boxPcbPM img{display:block;}
.boxPcbPM:hover{box-shadow:rgba(0,0,0,.2) 0 .5em 1em;}
.boxPcbPM:hover img{transform:scale(1.05)}

.bkHTU{background:url("/img/img/home/bk_htu.png") no-repeat center center / cover;}

.listHTU{display:flex; justify-content:space-between; align-items:stretch; gap:1.7em; padding-bottom:2em}
.listHTU li{background-color:#E8F5F4; border-radius:.4em; padding:.5em; flex:auto; display:flex; flex-direction: column; justify-content:center; position:relative}
.listHTU li:first-of-type{max-width:7em;}
.listHTU li:after{content:'→'; position:absolute; top:50%; left:calc(100% + .3em); transform:translateY(-50%); color:#999}
.listHTU li:last-of-type:after{display:none}
.listHTU li>*{display:block; text-align:center; margin:0 auto}
.listHTU li img{margin-bottom:.3em}
.listHTU li>span{font-size:.7em; color:#666}
.listHTU li .bnsa{font-size:.7em; width:100%;}

.bkWCU{background:url("/img/img/home/bk_wcu.png") no-repeat center center / cover; color:#fff;}
/*.bkWCU .boxW{display:flex; justify-content:space-between; align-items:center; gap:10%; padding-left:5%;}*/
.bkWCU .play{position:absolute; top:50%; left:10%; transform:translateY(-50%); color:#fff; background-color:#008C95; width:5em; height:5em; border-radius:50%; line-height:5em; text-align:center; cursor:pointer;}
.bkWCU .play i{display:block}
.bkWCU .play:after,.bkWCU .play:before{content:''; position:absolute; top:0; left:0; width:5em; box-sizing:border-box; height:5em; border-radius:50%; border:1px solid #fff}
.bkWCU .play:after{animation:admPlayY 2s linear infinite;}
.bkWCU .play:before{animation:admPlayY 5s linear infinite;}
.bkWCU .play i:after{content:'\e709'; font-family:iconfont_dg; font-size:2.6em; font-weight:bold; padding:.3em 0 0 .1em}
.bkWCU .play:hover{background-color:#FF9900}
.bkWCU .content{padding:2em 0 2em 30%}
.bkWCU .content b{font-size:1.5em; display:block}
.bkWCU .content ul{padding:1em 0 .5em 1.5em;}
.bkWCU .content ul li{list-style:disc; font-size:.9em; font-weight:bold}
.bkWCU .content>i{height:4px; width:8em; background-color:#fff; display:block; margin:.5em 0}
.bkWCU .content p{font-size:.7em; padding-top:.5em; margin-bottom:.5em}
.bkWCU .content dl{display:flex; justify-content:space-between; padding-top:1em; margin-bottom:1.5em; max-width:80%}
.bkWCU .content dl b{line-height:1em}
.bkWCU .content dl span{font-size:.7em}
.bkWCU .content .bnsa{font-size:.8em; padding:1em 4em}

.boxIAM{display:flex; justify-content:space-between; gap:1em; padding-bottom:2em}
.boxIAM li{border-radius:.4em; overflow:hidden; position:relative; color:#fff;}
.boxIAM li>*{position:absolute; z-index:3}
.boxIAM li:before,.boxIAM li:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2}
.boxIAM li:before{
    background: -moz-linear-gradient(-45deg,  rgba(19,153,147,0) 0%, rgba(19,153,147,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(19,153,147,0) 0%,rgba(19,153,147,1) 100%);
    background: linear-gradient(135deg,  rgba(19,153,147,0) 0%,rgba(19,153,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00139993', endColorstr='#139993',GradientType=1 );
}
.boxIAM li:after{opacity:0;
    background: -moz-linear-gradient(-45deg,  rgba(248,142,15,0) 0%, rgba(248,142,15,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(248,142,15,0) 0%,rgba(248,142,15,1) 100%);
    background: linear-gradient(135deg,  rgba(248,142,15,0) 0%,rgba(248,142,15,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F88E0F', endColorstr='#F88E0F',GradientType=1 );
}
.boxIAM li i{font-size:3em; opacity:.5; top:.3em; right:.3em; line-height:1em; font-weight:bold}
.boxIAM li .icon{width:7%; top:2em; left:1em;}
.boxIAM li a{top:0; left:0; right:0; bottom:0; z-index:4;}
.boxIAM li .bk{position:relative; display:block; width:100%; z-index:0}
.boxIAM li div{bottom:1.5em; left:1em; line-height:1em}
.boxIAM li div b{display:block; font-size:1.5em; padding-bottom:.3em}
.boxIAM li div span{font-size:.7em}
/*.boxIAM li:hover{box-shadow:rgba(19,153,147,.5) 0 0 1em}*/
.boxIAM li:hover .bk{transform:scale(1.05)}
.boxIAM li:hover:before{opacity:0}
.boxIAM li:hover:after{opacity:1}

.boxCustomerReview{position:relative}
.boxCustomerReview .swiper{overflow:hidden; padding:1em}
.boxCustomerReview .swiper-slide{background-color:#fff; border-radius:.4em; height:auto; padding:1.5em}
.boxCustomerReview .swiper-slide:hover{box-shadow:rgba(0,0,0,.1) 0 .5em 1em}
.boxCustomerReview .swiper-slide>a{min-width:5em; max-width:5em; height:5em; border-radius:50%; background-color:#F5F5F5; border:1px solid #F5F5F5; overflow:hidden; display:block; float:left}
.boxCustomerReview .swiper-slide>a img,.boxCRMore a img{display:block; width:100%; height:100%; object-fit:cover;}
.boxCustomerReview .swiper-slide>a:hover img{transform:scale(1.05)}
.boxCustomerReview .cr{margin-left:7em;}
.boxCustomerReview .cr p{font-size:.7em; color:#666; height:4.6em;}
.boxCustomerReview .info{display:flex; justify-content:start; align-items:center; gap:1em; font-size:.7em; margin:1em 0;}
.boxCRMore{display:flex; justify-content:center; padding:1.5em 0 2em;}
.boxCRMore a{width:2.5em; height:2.5em; line-height:2.5em; text-align:center; border-radius:50%!important; display:inline-block; margin-left:-.5em; overflow:hidden; box-shadow:rgba(0,0,0,.1) 0 0 .5em}
.boxCRMore a:hover{z-index:1; box-shadow:rgba(0,0,0,.2) 0 0 1em;}
.boxCRMore a.bnsa{padding:0;}
.boxCRMore a.bnsa span{font-size:.7em; display:block}

.listBlog{min-height:10em; position:relative; display:flex; justify-content:space-between;}
.listBlog .item{width:32%; background-color:#fff; box-shadow:rgba(0,0,0,.1) 0 0 1em; border-radius:.4em; overflow:hidden;}
.listBlog .item:hover{box-shadow:rgba(0,0,0,.2) 0 .5em 1em}
.listBlog .item .pic{max-height:11em;}
.listBlog .item .cnt{padding:1em;}
.listBlog .item a.tit{font-weight:bold; display:block; margin-bottom:.3em; color:#333}
.listBlog .item a.tit:hover{color:#008c95}
.listBlog .item p{height:3em; font-size:.7em; color:#666}
.listBlog .item em{display:block; font-size:.7em; color:#999; margin-top:1em}
.blogMore{text-align:center; padding:1.5em 0 2em}
.blogMore .bnsa{font-size:.8em; padding:.6em 4em}


.bkMap{background:url("/img/img/home/bk_map.png") #E7F5F4 no-repeat right center / contain}

.bkGIT{background:url("/img/img/home/bk_GIT.png") no-repeat center center / cover}
.boxGetInTouch{max-width:40em; padding:.5em 0 1em}
.boxGetInTouch>b{font-size:1.5em; display:block; margin-bottom:.5em}
.boxGetInTouch .input{display:flex; justify-content:space-between; gap:.5em; padding-bottom:.5em}
.boxGetInTouch .ipt{background-color:#fff; border:none; border-radius:8px; font-size:14px; padding:.7em 1em; box-sizing:border-box; width:100%; font-weight:normal}
.boxGetInTouch textarea.ipt{display:block; margin-bottom:1em; width:100%!important;}
.boxGetInTouch .bnsa{font-size:.8em; padding:.7em 3em}

.boxHORE{display:flex; justify-content:space-between; color:#fff; padding:.5em 0 1em}
.boxHORE dl{display:flex; gap:5%; flex:auto; max-width:31%;}
.boxHORE dt{font-family:iconfont_dg; font-size:2em; color:#C7E5E7}
.boxHORE b{color:#C7E5E7; display:block; margin-bottom:.3em}
.boxHORE p{font-size:.7em}

/*弹窗优惠券领取*/
.qiyeBottomBanYuan{width:12px; height:8px; background:#FFFFFF; border-radius:6px 6px 0 0; border:1px solid #C8E4FF; position:relative; bottom:-9px; left:-23px; z-index:1}
.topBanYuan{width:12px; height:8px; background:rgb(255,255,255); border-radius:0 0 6px 6px; border:1px solid rgb(255,255,255); position:relative; top:-106px; left:111px; z-index:1}
.bottomBanYuan{width:12px; height:8px; background:rgb(255,255,255); border-radius:6px 6px 0 0; border:1px solid rgb(255,255,255); position:relative; bottom:-9px; left:-23px; z-index:1}
#vapp{position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:1000}
.el-button{padding:0}
.NHYQY_NewCoupon_Left .NHYQY_XuXian{border-right:1px dashed #07A698; height:88px; float:right; margin-top:7px}
.NHYQY_NewCoupon_Right{background:#E1F8FA; border-radius:4px; border-radius:0; width:127px; float:right; margin-right:33px}
.NewHuiYuanQuanYi{position:fixed; top:53%; left:50%; transform:translate(-50%,-50%); z-index:3; width:672px; min-height:300px; background:#FFFFFF; border-radius:9px 9px 9px 9px}
.NHYQY_Paner{margin:0 32px 0 32px}
.NHYQY_Top{width:608px; height:40px; border-radius:0; margin:20px 0 32px 0}
.NHYQY_Top span:first-child{width:535px; height:40px; border-radius:0; font-family:HarmonyOS Sans,HarmonyOS Sans; font-weight:bold; font-size:24px; color:#333333; line-height:40px; text-align:left; font-style:normal; text-transform:none}
.NHYQY_YHQ{width:608px; min-height:159px; border-radius:0}
.NHYQY_NewCouponInfo{width:608px; min-height:143px; border-radius:0; display:inline-block; margin-bottom:16px}
.NHYQY_NewCouponInfo_Title{height:22px; font-family:HarmonyOS Sans,HarmonyOS Sans; font-weight:bold; font-size:16px; color:#333333; line-height:22px; text-align:left; font-style:normal; text-transform:none; margin-bottom:8px; display:inline-block}
.NHYQY_NewCouponInfo_List{width:296px; height:105px; border-radius:4px 4px 4px 4px; border:1px solid #07A698; float:left; margin-bottom:8px; background:#E1F8FA}
.NHYQY_NewCouponInfo_List:nth-child(2n){margin-right:12px}
.NHYQY_NewCoupon_Left{width:118px; height:104px;display:block;float:left}
.NewCouponInfo .NHYQY_NewCoupon_Left_Title{width:110px; height:20px; background:#008C95; border-radius:0 0 8px 0; display:block; text-align:center; /*border-top:1px solid #FFC16B; */}
.NewCouponInfo .NHYQY_NewCoupon_Left_Title span{width:90px; height:20px; font-family:Arial,Arial; font-weight:400; font-size:12px; color:#E1F8FA; line-height:20px; text-align:center; font-style:normal; text-transform:none; display:block; margin-left:10px}
.EntrepreneurCounponInfo .NHYQY_NewCoupon_Left_Title{width:115px; height:20px; background:#008C95; border-radius:0 0 8px 0; display:block; text-align:center; z-index:2; position:relative}
.EntrepreneurCounponInfo .NHYQY_NewCoupon_Left_Title span{height:14px; font-family:Arial,Arial; font-weight:400; font-size:12px; color:#E1F8FA; line-height:20px; text-align:center; font-style:normal; text-transform:none; display:block}
.NHYQY_NewCoupon_Left_FuHao{font-family:HarmonyOS Sans,HarmonyOS Sans; font-weight:bold; font-size:20px; color:#333333;text-align:left; font-style:normal; text-transform:none; display:inline-block; position:relative; bottom:2px}
.NHYQY_NewCoupon_Left_Number{height:64px; font-family:HarmonyOS Sans,HarmonyOS Sans; font-weight:bold; font-size:40px; color:#333333;text-align:left; font-style:normal; text-transform:none; display:inline-block}


@keyframes admPlayY{
    0%{opacity:0; transform:scale(1)}
    30%{opacity:1; transform:scale(1.3)}
    60%{opacity:.5; transform:scale(1.6)}
    100%{opacity:0; transform:scale(2)}
}


@media screen and (max-width:1320px) {
    .boxW{padding:0 1em}
    .banner,.swiper-container230 .swiper-slide{height:400px}
}
@media screen and (max-width:1200px) {
    .boxHNew .newsList:before{display:none}
    .boxHNew .newsList{padding-left:1em; max-width:25%}
}
@media screen and (max-width:1030px) {
    .banner,.swiper-container230 .swiper-slide{height:350px}
}
@media screen and (max-width:1000px) {
    .boxHNew{display:block}
    .boxHNew .img{margin-bottom:.5em}
    .boxHNew .newsList:before{display:block}
    .boxHNew .newsList{padding-left:3em; max-width:100%}
    .boxH{padding:1em 0}
    .titSh{font-size:.9em; padding:.5em 0 1em}
}
@media screen and (max-width:910px) {
    .banner,.swiper-container230 .swiper-slide{height:300px}
}
@media screen and (max-width:800px) {
    .banner,.swiper-container230 .swiper-slide{height:250px}
    .boxHNew .img{display:block}
    .boxHNew .img a+a{margin-top:.5em}
    .tabHSa{margin-bottom:1.5em; font-size:.8em}
    .boxPcbPMSwiper{padding-bottom:2em}
    /*.boxPcbPMSwiper .swiper{padding-bottom:1em}*/
    .boxSwiperUN.tr{left:50%; top:auto; right:auto; bottom:1em; transform:translateX(-50%); font-size:.9em}
    .boxH.bkHTU,.boxH.bkMap,.boxH.blog{display:none}
    .boxHORE{display:block; font-size:.9em}
    .boxHORE b{line-height:1.2em}
    .boxHORE dl+dl{margin-top:1em}

}
@media screen and (max-width:760px) {
    .banner,.swiper-container230 .swiper-slide{height:auto}
    .banner,.swiper-container230 .swiper-slide img{display:block; width:100%}
    .swiper-container230.isPC{display:none}
    .swiper-container230.isWap{display:block}
    .boxPCBAService{display:block}
    .boxPCBAService .li{width:100%; font-size:.9em}
    .boxPCBAService .li+.li{margin-top:1em}
    .bkWCU .boxW{display:block}
    .bkWCU .play{position:relative; left:auto; transform:none; margin:2.5em auto; font-size:.9em}
    .bkWCU .content{font-size:.8em; padding-left:0}
    .bkWCU .content dl{display:block}
    .bkWCU .content dd+dd{margin-top:1em}
    .bkWCU .content .bnsa{display:block}
    .boxIAM{display:block}
    .boxIAM li+li{margin-top:1em}
    .boxGetInTouch .input{display:block}
    .boxGetInTouch .input .ipt+.ipt{margin-top:1em}
    .boxGetInTouch .bnsa{display:block}
}