<style>
@charset "utf-8";
/*通用代码*/
*{ margin:0px; padding:0px;}
body{ min-width:1400px; color:#222; font-size:14px; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; overflow-x:hidden;}
img{ border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{ margin:0px; padding:0px; list-style:none;}
.clear{ clear:both;}
a{ color:#222; font-size:14px; text-decoration:none;}
a:hover{ color:#02b51c; cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{ outline:none; font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1400{ max-width:1400px; min-width:1300px; margin:0 auto;}
.fr{ float:right;}
.fl{ float:left;}
*,:after,:before{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.title{ color:#999; font-size:16px; text-align:center; padding:60px 0px 30px 0px; margin:0 auto;}
.title strong{ display:block; color:#222; font-size:36px;}
.title strong span{ color:#02b51c;}
.title em{ display:block; margin:8px auto 0 auto;}
.title em:after{ content:''; display:block; width:72px; height:3px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420215646_1820839623.png) no-repeat center; margin:20px auto 0 auto; -webkit-animation:'flymove' 10s linear infinite; -moz-animation:'flymove' 10s linear infinite; -ms-animation:'flymove' 10s linear infinite;}
@-webkit-keyframes flymove{
from{ background-position:-98px 0px;}
to{ background-position:0 0;}
}
@-moz-keyframes flymove{
from{ background-position:-98px 0px;}
to{ background-position:0 0;}
}
@-ms-keyframes flymove{
from{ background-position:-98px 0px;}
to{ background-position:0 0;}
}
@keyframes warn{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.6;}
75%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.65;}
100%{ transform:scale(1); -webkit-transform:scale(1); opacity:0.0;}
}
@-o-keyframes warn{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.6;}
75%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.65;}
100%{ transform:scale(1); -webkit-transform:scale(1); opacity:0.0;}
}
@-moz-keyframes warn{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.6;}
75%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.65;}
100%{ transform:scale(1); -webkit-transform:scale(1); opacity:0.0;}
}
@-webkit-keyframes warn{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.6;}
75%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.65;}
100%{ transform:scale(1); -webkit-transform:scale(1); opacity:0.0;}
}
@keyframes warn1{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.6;}
75%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.65;}
100%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.0;}
}
@-webkit-keyframes warn1{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.6;}
75%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.65;}
100%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.0;}
}
@-o-keyframes warn1{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.6;}
75%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.65;}
100%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.0;}
}
@-moz-keyframes warn1{ 
0%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.1;}
25%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.4;}
50%{ transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0.6;}
75%{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0.65;}
100%{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0.0;}
}
/*通用代码*/
/*抬头*/
.h_top{ height:61px; line-height:56px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420153355_831957298.png) no-repeat center; background-size:100% 100%; padding:0px 1%;}
.h_top p.fl{ color:#fff; font-size:14px;}
.h_top ul li{ float:left; height:56px; color:#999; font-size:14px; border-left:1px solid #d0d0d0; padding:0px 25px;}
.h_top ul li:nth-last-child(1){ padding-right:0px;}
.h_top ul li a{ display:block; color:#a9a9a9; font-size:14px; background-repeat:no-repeat !important; background-position:left center !important;}
.h_top ul li a:hover{ color:#02b51c;}
.h_top ul li span{ color:#666; font-size:20px; font-weight:bold;}
.h_top ul li a,.h_top ul li p{ padding-left:30px;}
.h_top ul li:nth-child(1) a{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420153954_1493235743.png);}
.h_top ul li:nth-child(2) a{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420153954_1414041581.png);}
.h_top ul li:nth-child(3) a{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420153954_1755422462.png);}
.h_top ul li:nth-child(4) p{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420153954_262956263.png) left center no-repeat;}
.hsecond{ min-width:1540px; height:118px; padding:0px 1%;}
.hlogo{ height:100%; padding:6px 30px 0px 0px;}
.hname{ padding:26px 26px 26px 0px;}
.hname p:nth-child(1){ color:#222; font-size:26px; font-weight:bold;}
.hname p:nth-child(2){ color:#999; font-size:18px; letter-spacing:1.5px; line-height:30px;}
.nav ul li{ float:left; line-height:118px; position:relative;}
.nav ul li+li{ margin-left:5px;}
.nav ul li>a{ display:block; color:#999; font-size:16px; padding:0px 15px;}
.nav ul li.cur:after,.nav ul li:hover:after{ width:100%;}
.nav ul li.cur>a,.nav ul li:hover>a{ color:#02b51c;}
.nav ul li:after{ content:''; display:block; width:0px; height:2px; background:#02b51c; transition:all 0.5s ease; position:absolute; left:0px; right:0px; bottom:0px; margin:0 auto;}
.dropmenu{ width:500px; height:0px; background:#fff; z-index:9999; overflow:hidden; transition:all 0.5s ease; position:absolute; right:0px; top:118px;}
.nav ul li:hover .dropmenu{ padding:20px;}
.nav ul li:hover .dropmenu1{ width:660px; height:450px;}
.nav ul li:hover .dropmenu2{ height:310px;}
.nav ul li:hover .dropmenu3{ width:340px; height:310px;}
.droppic{ width:100%; height:200px; background:#f5f5f5; margin-bottom:20px;}
.dropa a,.dropa tr{ display:inline-block; width:140px; height:50px; color:#999; font-size:14px; line-height:50px; text-align:center; border:1px solid #ddd; transition:all 0.5s ease;}
.dropa a+a,.dropa tr+tr{ margin-left:20px;}
.dropa dl+dl{ margin-top:20px;}
.dropa table{ width:620px;}
.dropa tr:nth-child(5),.dropa tr:nth-child(6),.dropa tr:nth-child(7),.dropa tr:nth-child(8),.dropa tr:nth-child(9){ margin-top:20px;}
.dropa tr:nth-child(9){ margin-left:0px;}
.dropa tr a{ border:none;}
.dropa tr:nth-child(5){ margin-left:0px;}
.dropa a:hover{ color:#fff; background:#02b51c; border-color:#02b51c;}
/*抬头*/
/*幻灯片*/
.banner{ width:100%; background:#f5f5f5; overflow:hidden; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:638px; margin:0 auto; position:relative;}
.banner-box .bd, .banner-box .bd ul{ width:100% !important;}
.banner-box .bd li{ width:100% !important; height:638px; background-position:center; background-repeat:no-repeat; -webkit-animation:kenburns-top1 3.5s ease-out both; animation:kenburns-top1 3.5s ease-out both;}
.banner-box .bd li a{ display:block; width:100%; height:80%; background-size:auto; z-index:9; position:relative;}
.banner-btn{ width:100%; height:360px; margin-left:0; overflow:hidden; position:absolute; top:237px; left:0;}
.banner-btn a{ display:block; width:49px; height:104px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index:9; position:absolute; top:30px;}
.banner-btn a.prev{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420163104_34060290.png) no-repeat 0 0; left:-50px;} 
.banner-btn a.next{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420163104_34060290.png) no-repeat -49px 0; right:-50px;}
.banner-box .hd{ display:block; width:100%; position:absolute; bottom:0px;}
.banner-box .hd ul{ text-align:center}
.banner-box .hd ul li{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:#fff; border-radius:50%; cursor:pointer; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ width:70px; background:#02b51c; border-radius:8px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4;}
.banner-box:hover .banner-btn a.next{ right:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4;}
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
/*幻灯片*/
/*搜索*/
.search{ height:60px;}
.keywords{ color:#999; line-height:60px;}
.keywords a{ color:#999; font-size:14px; font-weight:lighter;}
.keywords span{ color:#02b51c; font-size:16px;}
.keywords a:hover{ color:#02b51c;}
#search_bg{ width:287px; height:60px; border-left:1px solid #eee;}
#search_bg input{ float:left; height:60px;}
#infoname{ width:236px; padding-left:20px;}
#sso{ background:#02b51c;}
/*搜索*/
/*数字和视频*/
.numandvideo{ width:100%; height:368px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420180323_710481395.jpg)center no-repeat; padding:60px 0;}
.nv_vidio{ width:400px; height:248px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210430/20210430145539_926868122.jpg)#fff no-repeat center; box-shadow:0 0 15px #ddd; padding:20px; position:relative;}
.na_t{ width:90px; height:90px; color:#999; font-size:18px; line-height:90px; text-align:center; font-weight:lighter; background:#fff; border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,.1); transition:all .3s ease; margin:auto 0; position:absolute; right:-45px; top:0; bottom:0;}
.na_t:hover{ color:#fff; background:#02b51c;}
.abvc{ width:58px; height:58px; cursor:pointer; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
.abvc span{ display:block; width:58px; height:58px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210603/20210603194610_265005552.png) no-repeat center; z-index:33; position:relative;}
.video_box{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:-1; opacity:0; transition:600ms ease;}
.video_box.cur{ opacity:1; z-index:999999; transition:600ms ease;}
.video{ margin-top:-250px; margin-left:-500px; transition:600ms ease; position:fixed; top:-100%; left:43%;}
.video_box.cur .video,.video_box.cur .video_x{ top:50%; transition:600ms ease;}
.video_x{ width:50px; height:50px; font-size:22px; text-align:center; line-height:50px; font-weight:lighter; background:#fff; border-radius:50px; margin-left:520px; margin-top:-250px; position:fixed; top:-100%; left:50%; cursor:pointer; transition:600ms ease;}
.pulse1{ width:240%; height:240%; background:#02b51c; border-radius:50%; box-shadow:1px 1px 30px #02b51c; position:absolute; top:-70%; left:-70%; z-index:1; opacity:0; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; opacity:0; -webkit-animation:warn 2s ease-out; animation:warn 2s ease-out; -o-animation:warn 2s linear infinite; -moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
.pulse2{ width:240%; height:240%; background:#02b51c; border-radius:50%; opacity:0; box-shadow:1px 1px 30px #02b51c; position:absolute; top:-70%; left:-70%; z-index:1; animation-iteration-count:infinite; -webkit-animation:warn1 2s ease-out; animation:warn1 2s ease-out; -o-animation:warn1 2s linear infinite; -moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count:infinite;}
.nvright{ font-size:0; margin-top:24px;}
.nvright li{ display:inline-block; width:200px; height:200px; color:#999; font-size:18px; font-weight:lighter; text-align:center; line-height:25px; background:#fff; border-radius:50%; cursor:pointer; transition:all .3s ease; position:relative;}
.nvright li:after{ content:''; display:block; width:200px; height:200px; border-radius:50%; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420213024_138168227.png) no-repeat center; position:absolute; top:-1px; left:-1px; animation:3s rotation linear infinite;}
.nvright li:before{ content:""; display:block; width:200px; height:70px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210420/20210420213024_1543296103.png)center no-repeat; position:absolute; bottom:-74px; left:0;}
@keyframes rotation{
from{ transform:rotate(0);}
to{ transform:rotate(360deg);}
}
.nvright li+li{ margin-left:20px;}
.nv_nm{ padding-top:78px;}
.nv_nm i{ color:#222; font-size:56px; font-weight:normal;}
.nv_nm em{ display:inline-block; width:20px; height:20px; color:#fff; font-size:12px; line-height:20px; background:#02b51c; border-radius:50%; margin-left:4px;}
/*数字和视频*/
/*华海活性炭 · 产品中心*/
.protop{ border-bottom:1px solid #eee; margin:0px 0 30px 0;}
.protop ul{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-start;}
.protop ul li{ width:120px; height:134px; text-align:center; background:#f3f3f3; padding:6px; box-sizing:border-box; position:relative;}
.protop ul li a{ display:block; width:100%; height:100%;}
.protop ul li a img{ width:100%;}
.protop ul li span{ display:block; color:#666; font-size:14px; line-height:50px;}
.protop ul li:after{ content:''; display:block; width:0; height:2px; background:#02b51c; transition:all .3s ease; margin:0 auto; position:absolute; bottom:0; left:0; right:0;}
.protop ul li.on:after{ width:100%;}
.protop ul li.on span{ color:#02b51c;}
.protop ul li.on img{ border-color:#02b51c;}

.proshow td{ display:inline-block; width:24%; padding:0 !important;}
.proshow tr{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-start;}
.proshow tr+tr{ margin-top:2%;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>span{ width:100% !important; position:relative;}
.proshow td>a{ border:1px solid #e5e5e5;}
.proshow td br{ display:none;}
.proshow td span a{ color:#666; font-size:14px; line-height:54px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #e5e5e5; padding:0 38px 0 20px; transition:all .3s ease; z-index:9; position:relative;}
.proshow td span a:after{ content:''; display:block; width:18px; height:12px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210421/20210421092415_324574306.png) no-repeat left center; transition:all .3s ease; margin:auto 0; position:absolute; right:25px; top:0; bottom:0;}
.proshow td span:after{ content:''; display:block; width:100%; height:0; background:#02b51c; transition:all .3s ease; position:absolute; left:0; bottom:0;}
.proshow td:hover span:after{ height:100%;}
.proshow td:hover span a:after{ background-position-x:right;}
.proshow td a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td:hover a img{ transform:scale(1.1);}
.proshow td:hover span a{ color:#fff;}
/*华海活性炭 · 产品中心*/
/*广告条*/
.ggt{ width:100%; height:338px; background:#02b51c; margin:60px auto auto;}
.ggt_l{ width:58%; padding:50px 0px;}
.ggt_title{ color:#fff; font-size:30px; font-weight:normal;}
.ggt_title strong{ font-size:40px; font-weight:bold;}
.ggt_title span{ font-weight:lighter; letter-spacing:5.5px;}
.ggt_yw{ color:#fff; font-size:14px; font-weight:lighter; text-transform:uppercase; padding:2px 0px 24px 0px;}

.ggt_l div+div{ margin-top:10px;}
.ggt_l a{ float:left; width:124px; height:30px; color:#02b51c; font-size:14px; line-height:30px; text-align:center; font-weight:lighter !important; background:#fff; border-radius:16px;}
.ggt_l a+a{ margin-left:10px;}
.ggt_l a:hover{ color:#fff; font-weight:normal !important; background:#19d133;}
.ggt_tel{ color:#fff; font-size:20px; font-weight:lighter; margin-top:20px;}
.ggt_tel span{ display:inline-block; width:22px; height:15px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210421/20210421100046_1718212069.png)center no-repeat; margin-right:8px;}
.ggt_tel strong{ font-size:30px;}

.ggt_r{ width:393px; height:338px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210424/20210424211654_1151160792.png)center no-repeat;}
.ggt_ewm{ width:235px; text-align:center; margin-top:60px;}
.ggt_ewm p{ color:#222; font-size:16px; line-height:60px; font-weight:lighter;}
.ggt_ewm img{ width:170px;}
/*广告条*/
/*华海活性炭产品优势*/
.adv{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-start; width:100%;}
.advleft{ width:50%; border-right:0.5px solid #fff; position:relative;}
.advleft>img{ width:100%;}
.advleft img{ height:auto;}
.advleft p{ position:absolute; top:8%; left:7%;}
.advleft p i{ color:#888; font-size:14px; line-height:24px;}
.advleft span{ display:block; color:#222; font-size:36px; font-weight:bold; margin:15px 0 30px 0;}
.advleft span:after{ content:''; display:block; width:36px; height:1px; background:#222; margin-top:22px;}
.advleft b{ color:#02b51c;}
.advright{ width:50%; border-left:0.5px solid #fff;}
.advbg img{ width:100%; height:auto;}
.advright dl+dl{ border-top:1px solid #fff;}
.advright dl{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-start;}
.advright dl dt:first-child{ background:#eee; border-right:.5px solid #fff;}
.advright dl dt:last-child{ background:#e9e9e9; border-left:.5px solid #fff;}
.advright dl:first-child dt:first-child{ background:#e9e9e9;}
.advright dl:first-child dt:last-child{ background:#eee;}
.advright dl dt{ width:50%; overflow:hidden; position:relative;}
.advboxshow{ display:-webkit-flex; display:flex; justify-content:center; flex-wrap:nowrap; align-items:center; width:100%; height:100%; text-align:center; transition:all .6s ease; padding:0 12%; position:absolute; top:0; left:0;}
.advboxshow .adv_t{ color:#666; font-size:16px; line-height:30px; font-weight:lighter;}
.advboxshow .adv_t span{ color:#666; font-size:20px;}
.advboxshow .adv_t span:after{ content:''; display:block; width:38px; height:1px; background:#02b51c; margin:4% auto;}
.advicon{ display:inline-block; color:#666; font-size:20px; line-height:76px; border-radius:50%; z-index:3; margin-bottom:5%;}
.advicon:after{ content:''; display:block; width:38px; height:1px; background:#aaa; margin:1% auto;}
.advicon span{ color:#02b51c; font-weight:bold;}
.advboxhide advbg img{ width:100%; height:auto;}
.advboxhide{ width:100%; height:auto; transition:all .6s ease; transform:rotateY(90deg);}
.advboxhide .advwa{ display:-webkit-flex; display:flex; justify-content:center; flex-wrap:nowrap; align-items:center; width:80%; color:#666; font-size:16px; line-height:30px; text-align:center; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;}
.advboxhide .advwa span{ display:block; color:#fff; font-size:20px; font-weight:bold;}
.advboxhide .advwa span:after{ content:''; display:block; width:38px; height:1px; background:#aaa; margin:8% auto;}
.advright dl dt:hover .advboxhide{ transform:rotateY(0deg);}
.advright dl dt:hover .advboxshow{ transform:rotateY(-90deg);}
/*华海活性炭产品优势*/
/*选择华海活性炭的四大优势*/
.adv_bg{ width:100%;}
.adv_content{ width:100%; height:664px; position:relative;}
.adv_d li{ position:relative; width:100%; height:664px; overflow:hidden;}
.adv_d li.adv_img1{ width:100%; height:664px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428193211_1055164828.jpg) center no-repeat;}
.adv_d li.adv_img2{ width:100%; height:664px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428164550_1536517359.jpg) center no-repeat;}
.adv_d li.adv_img3{ width:100%; height:664px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210430/20210430154116_934275562.jpg) center no-repeat;}
.adv_d li.adv_img4{ width:100%; height:664px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428164551_665961879.jpg) center no-repeat;}
.adv_d li .adv_box{ width:50%; height:664px; background:rgba(2,181,28,0.5);}
.adv_d li .adv_txt{ width:670px; margin:0 auto; padding-left:12%;}
.adv_title{ color:#fff; padding-top:100px;}
.adv_title .adv_number{ font-size:70px; font-family:Impact; margin-right:16px;}
.adv_title .adv_title_t span{ display:block; font-size:30px; font-weight:bold; line-height:52px; padding-top:4px;}
.adv_title .adv_title_t p{ display:block; font-size:14px; text-transform:uppercase;}
.adv_tit{ width:300px; height:37px; color:#02b51c; font-size:18px; font-weight:lighter; line-height:37px; text-align:center; background:#fff; margin-top:14px;}
.adv_w{ color:#fff; font-size:14px; line-height:30px; margin-top:30px;}

.adv_tab{ width:1400px; height:136px; background:#fff; position:absolute; left:50%; bottom:64px; transform:translatex(-50%);}
.adv_tab dl{ float:left; width:25%; height:136px; transition:all 0.3s;}
.adv_tab dl+dl{ border-left:1px solid #eee;}
.adv_tab dl dt{ display:inline-block; float:left; width:64px; height:56px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428191314_838969934.png) left top no-repeat; overflow:hidden; margin:40px 25px;}
.adv_tab dl:nth-child(2) dt{ background-position-x:-64px;}
.adv_tab dl:nth-child(3) dt{ background-position-x:-128px;}
.adv_tab dl:nth-child(4) dt{ background-position-x:-192px;}
.adv_tab dl.on dt{ background-position-y:-56px;}
.adv_tab dl dd{ display:inline-block; float:left; margin-top:34px;}
.adv_tab dl dd p{ color:#222; font-size:30px; font-weight:bold;}
.adv_tab dl dd span{ display:block; color:#666; font-size:14px; font-weight:lighter; text-transform:uppercase; transition:all 0.3s;}
.adv_tab dl.on p,.adv_tab dl.on span{ color:#02b51c;}
/*选择华海活性炭的四大优势*/
/*华海活性炭 · 合作客户*/
.partner_nr{ border:1px solid #ddd;}
.partner_nr td{ display:inline-block; width:16.66%; height:118px; position:relative; padding:0 !important;}
.partner_nr td img{ width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto!important; transform:scale(.8); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter: grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:all .3s ease;}
.partner_nr td a{ display:block;}
.partner_nr td+td{ border-left:1px solid #ddd;}
.partner_nr tr+tr{ display:block; border-top:1px solid #ddd;}
.partner_nr td:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none;}
/*华海活性炭 · 合作客户*/
/*华海活性炭 · 应用案例*/
.case{ width:100%; background:#f6f6f6; margin-top:60px; padding-bottom:60px;}
.casecon{ width:800px; height:600px; position:relative; margin:0 auto;}
.casejt{ width:32px; height:32px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428201011_1721679288.png) top left no-repeat; position:absolute; top:45%; left:-58px; z-index:9; cursor:pointer;}
.casejt.next{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428201011_1118786792.png) top left no-repeat; left:inherit; right:-58px;}
.casejt:hover{ background-position-y:bottom;}
.casecon .divdgweb_new_div_item{ width:800px; height:600px; margin-right:100px; position:relative;}
.casecon .divdgweb_new_div_item .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{ width:560px; height:212px; background:rgba(34,34,34,.8); opacity:0; transition:all .3s ease; position:absolute; left:0; right:0; top:200px; margin:0 auto; padding:30px 35px;}
.casecon .divdgweb_new_div_item_a{ display:block; color:#fff; font-size:26px; font-weight:bold; text-align:center;}
.casecon .divdgweb_new_div_item_body{ display:-webkit-box; height:90px; color:#eee; font-size:14px; font-weight:lighter; line-height:30px; margin:24px 0 33px 0; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;} 
.casecon .divdgweb_new_div_item.cur .divdgweb_new_div_item_content{ top:388px; opacity:1;}
.casecon .divdgweb_new_div,.casecon .tempWrap{ overflow:visible !important;}
/*华海活性炭 · 应用案例*/
/*华海活性炭 · 生产流程*/
.sclc_box{ padding-bottom:80px;}
.sclc ul{ display:inline-block; height:130px; padding:0 39px;}
.sclc li{ float:left; width:186px; height:150px; text-align:center; transition:all 0.5s; position:relative; padding:20px 0px;}
.sclc li+li{ margin-left:92px;}
.sclc li:hover{ border-color:#fff; box-shadow:0 0 32px rgba(2,181,28,0.5);}
.sclc li i{ display:inline-block;}
.sclc li b{ display:block; font-size:16px; font-weight:lighter; margin-top:6px;}

.sclc_wz{ height:126px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428204941_372527738.jpg) no-repeat center; margin:30px 0 10px 0; padding-top:43px;}
.sclc_wz_cp{ font-size:20px; padding-top:9px;}
.sclc_tel{ width:334px; height:60px; color:#fff; font-size:16px; line-height:60px; background:#02b51c; border-radius:30px; margin:-9px 35px 0px 0px;}
.sclc_tel i img{ float:left; margin:15px 0px 0px 22px;}
.sclc_tel b{ float:left; color:#fff; font-size:16px; font-weight:lighter; margin:0 3px 0 11px;}
.sclc_tel em{ float:left; color:#fff; font-size:22px; font-weight:bold;}
.sclc_tel:hover{ background:#222;}
/*华海活性炭 · 生产流程*/
/*华海活性炭 · 新闻中心*/
.news_bg{ width:100%; background:#eee; padding-bottom:60px;}
.news_list{ text-align:center; padding-bottom:30px;}
.news_list a{ display:inline-block; width:120px; height:50px; color:#999; font-size:18px; line-height:50px; font-weight:lighter; background:#ddd; border-radius:5px;}
.news_list a+a{ margin-left:20px;}
.news_list a.on{ color:#fff; background:#02b51c;}
.news_div_item{ float:left; width:450px; height:541px; background:#fff; border:1px solid #ddd; position:relative;}
.news_div_item+.news_div_item{ margin-left:25px;}
.news_div_item_pic img{ width:100%; height:338px; border-bottom:1px solid #ddd;}
.news_div_item_date{ width:100px; height:100px; text-align:center; background:#02b51c; border-radius:0 5px; position:absolute; top:228px; left:10px;}
.news_div_item_content{ width:84%; height:110px; border-bottom:1px solid #eee; position:absolute; top:362px; left:8%;}
.news_div_item_day,.news_div_item_month{ display:inline-block;}
.news_div_item_day,.news_div_item_year,.news_div_item_month{ color:#fff; font-size:18px; font-weight:lighter;}
.news_div_item_year{ font-size:30px; margin-top:15px; font-weight:normal;}
.news_div_item_a{ display:-webkit-box; display:block; width:100%; height:210px; color:#222 !important; font-size:18px !important; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; position:absolute;}
.news_div_item_body{ color:#999; font-size:14px; line-height:30px; margin-top:30px;}
.news_div_item_content:before{ content:''; display:block; width:28px; height:21px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429085111_1469301141.jpg) center no-repeat; position:absolute; top:130px;}
.news_div_item_content:after{ content:''; display:block; width:59px; height:29px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429085111_1044098487.jpg)no-repeat center; position:absolute; top:130px; right:0;}
.news_div_item:hover .news_div_item_a{ color:#02b51c !important;}
/*华海活性炭 · 新闻中心*/
/*30秒带您了解华海活性炭*/
.about_wz{ color:#999; font-size:16px; line-height:40px; text-align:center; padding-top:40px;}
.about_wz a{ color:#999; font-size:16px;}
.about_wz a:hover{ color:#02b51c; font-size:16px;}

.qyxx{ padding:60px 0 50px 0;}
.qyxxcenter ul{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center;}
.qyjt{ display:inline-block; width:22px; height:42px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428223912_835926781.png) left top no-repeat; cursor:pointer;}
.qyjt.next{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210428/20210428223912_1348275701.png) left top no-repeat;}
.qyjt:hover{ background-position:bottom;}
.qyxxcon{ width:1300px;}
.qyxxcon table,.qyxxcon tbody,.qyxxcon tr{ display:block;}
.qyxxcon td{ display:inline-block; width:312px; vertical-align:top; margin-right:17px; padding:0 !important;}
.qyxxcon td br{ display:none;}
.qyxxcon td div{ padding:0 !important;}
.qyxxcon td a{ display:block; overflow:hidden; position:relative;}
.qyxxcon td>a:after,.qyxxcon td>a:before{ content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; transition:all .3s ease;}
.qyxxcon td>a{ border:1px solid #eee;}
.qyxxcon td>a:after{ width:100%; height:100%; background:rgba(0,0,0,.7); opacity:0;}
.qyxxcon td a img{ width:100%; height:auto;}
.qyxxcon td>a:before{ content:'查看详情'; width:120px; height:40px; color:#fff; font-size:16px; line-height:40px; text-align:center; background:#02b51c; border-radius:20px; z-index:3; transform:scale(0);}
.qyxxcon td div a{ color:#4c4e4f; font-size:16px; margin-top:20px;}
.qyxxcon td:hover>a:after{ opacity:1;}
.qyxxcon td:hover>a:before{ transform:scale(1);}
.qyxxtab{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center; text-align:center; margin-bottom:40px;}
.qyxxtab a{ display:inline-block; width:445px; color:#222; font-size:20px; line-height:60px; font-weight:lighter; border-radius:8px; box-shadow:0 0 15px #ccc; transition:all .3s ease;}
.qyxxtab a em{ display:inline-block; font-size:18px; text-transform:uppercase; margin-left:5px;}
.qyxxtab a.on{ color:#fff; background:#02b51c;}
/*30秒带您了解华海活性炭*/
/*版权*/
.footer_bj{ width:100%; background:#222; margin-top:60px;}
.footer_lx{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center; color:#888; font-size:16px;}
.footer_lx_tel em{ color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.footer_lx_tel p+p{ margin-top:26px;}
.footer_lx_tel p{ line-height:38px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100558_2132483051.png) no-repeat left center; margin-top:36px; padding-left:55px;}
.footer_lx_tel p:nth-child(2){ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100558_92803015.png) no-repeat left center;}
.footer_lx_r p:nth-child(1){ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100558_1186673049.png) no-repeat left center;}
.footer_lx_r p:nth-child(2){ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100558_584938101.png) no-repeat left center;}
.footer_logo{ width:226px; height:226px; text-align:center; background:#fff; border-top:1px solid #ccc; position:relative; margin-top:-36px; padding:0 20px;}
.footer_logo img{ margin:28px auto;}
.footer_logo:after,.footer_logo:before{ content:''; display:block; width:0; height:0; position:absolute; top:-1px;}
.footer_logo:after{ border-left:22px solid transparent; border-bottom:36px solid #cccccc; right:100%;}
.footer_logo:before{ border-right:22px solid transparent; border-bottom:36px solid #cccccc; left:100%;}

.links{ display:-webkit-flex; display:flex; justify-content:flex-start; flex-wrap:nowrap; align-items:center; height:80px; background:rgba(255,255,255,0.1); margin-top:60px; padding:0 30px;}
.links>p{ color:#fff; font-size:16px; font-weight:lighter; line-height:40px; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100827_191968774.png) left center no-repeat; margin-right:20px; padding-left:35px;}

.footer{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-start; border-bottom:1px solid rgba(255,255,255,0.1); padding:60px 0;}
.footer_nav{ display:-webkit-flex; display:flex; justify-content:flex-start; flex-wrap:nowrap; align-items:flex-start;}
.footer_nav p{ color:#fff; font-size:18px; margin-bottom:20px;}
.footer_nav a{ display:block; color:rgba(255,255,255,0.1); font-size:14px; line-height:30px;}
.footer_nav a:hover{ color:#fff;}
.footer_nav li{ height:214px; border-right:1px dashed #333; padding:0 88px;}
.footer_nav li:first-child{ border-left:1px dashed #333;}
.footer_ewm{ display:-webkit-flex; display:flex; justify-content:flex-start; flex-wrap:nowrap; align-items:flex-start;}
.footer_ewm_tu p{ color:#fff; font-size:18px; text-align:center; margin-bottom:25px;}
.footer_ewm_tu img{ width:146px; height:146px;}
.footer_icon{ margin:40px 0 0 20px;}
.footer_icon p{ width:38px; height:38px; background:rgba(255,255,255,0.1); background-position:center; background-repeat:no-repeat; border-radius:50%; cursor:pointer;}
.footer_icon p:after{ content:""; display:block; width:38px; height:38px;}
.footer_icon p:nth-child(1):after{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429105927_781373777.png);}
.footer_icon p:nth-child(2):after{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100741_235302355.png);}
.footer_icon p:nth-child(3):after{ background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429100741_1383534255.png);}
.footer_icon p+p{ margin-top:14px;}
.footer_icon p.on{ background:#02b51c;}

.copyright,.copyright a{ color:rgba(255,255,255,0.1); font-size:14px; line-height:136px; font-weight:lighter;}
.copyright a:hover{ color:#fff;}
/*版权*/
/*浮动ＱＱ*/
.my-kefu{ position:fixed; right:0px; top:20%; z-index:10000000;}
.my-kefu ul{ width:77px;}
.my-kefu li a{ text-decoration:none;}
.my-kefu li{ width:77px; height:70px; background:#02b51c; margin-top:1px; padding:9px 0;}
.my-kefu li i{ display:block; width:30px; height:27px; text-align:center; background:url(//memberpic.114my.com.cn/huahai888/uploadfile/image/20210429/20210429111316_1741476018.png) no-repeat; margin:0px auto;}
.my-kefu li p{ height:20px; color:#fff; line-height:20px; text-align:center; overflow:hidden;}
.my-kefu .my-kefu-qq i{ background-position:4px 8px;}
.my-kefu .my-kefu-tel i{ background-position:0 -25px;}
.my-kefu .my-kefu-tel1 i{ background-position:-35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{ background-position:-35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:166px;}
.my-kefu .my-kefu-liuyan i{ background-position:4px -53px;}
.my-kefu .my-kefu-weixin i{ background-position:-34px 4px;}
.my-kefu .my-kefu-weibo i{ background-position:-30px -22px;}
.my-kefu .my-kefu-ftop{ background-color:#222;}
.my-kefu .my-kefu-ftop i{ width:33px; height:35px; background-position:-27px -51px;}
.my-kefu-left{ float:left; width:77px; height:47px; position:relative;}
.my-kefu-tel-right{ float:left; height:34px; color:#fff; font-size:20px; line-height:16px; border-left:1px solid #fff; padding-top:10px; padding-left:15px;}
.my-kefu-tel1-right{ float:left; height:24px; color:#fff; font-size:20px; line-height:22px; margin-top:8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{ float:left; height:24px; color:#fff; font-size:20px; line-height:22px; margin-top:8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{ width:20px;}
.my-kefu-tel-main{ width:310px; height:47px; color:#fff; margin-top:9px;}
.my-kefu-main{ width:97px; position:relative;}
.my-kefu-weixin-pic{ position:absolute; left:-130px; top:-24px; display:none;}
/*浮动ＱＱ*/
</style>


div.con_gongyong{text-align:center;}