/*公用*/
@font-face {
font-family:fontDin1;
src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#414755; font-family:"Microsoft YaHei"; font-weight:lighter; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden; }
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #516c81; text-decoration: none; font-size:14px;}
a:hover{color: #0078ce;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1400{ width:1400px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{text-align: center;font-size: 40px;color: #414755;margin-top: -10px;}
.title i{color: #0078ce;}
.title span{display: block;font-size: 18px;margin: 5px 0 20px 0;}
.title em{ font-size:0; display:inline-block;height: 8px;}
.title em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:16px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#0078ce;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
.gd{animation: myfirst 2s infinite; display: inline-block;}  
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}
@keyframes widthchange{
        0%{ width:20%}
        50%{ width:100%}
        100%{ width:20%}
        }
}
.mainhovercolor a:hover{color: #0078ce;}

/*抬头*/
.top_bg{width:100%; height:50px; line-height:38px; background:#0078ce; font-weight:lighter;}
.top_bg:after{height:38px; position: absolute; z-index:0; top:0; content:'';  right:0px; width:300px;}
.top_l{padding-left:31px; color:#6baedf; float:left; font-size:14px;padding-top: 6px;}
.top_r{color:#fff; position: absolute; z-index:99; right:20px;padding-top: 5px;}
#infoname{ border:none; height:40px;  width:485px;}
#soo{ margin-top:12px;}#feffff
.keywords{ margin-top:20px; text-align:center;}
.keywords,.keywords a{ font-size:13px; color:#666; font-weight:lighter; line-height: 5px;}
.keywords span{ color:#414755;}
.keywords a:hover{ color:#0078ce;}
.top_bg span a:hover{color:#f6ff00;}


.top_bg,.top_bg a{ font-size:13px; color:#6baedf;}
.top_bg span{ padding:0 20px; border-right:1px dotted #3e95d5;}
.top_bg span:last-child{ border-right:none; padding-right:0;}
.top_bg span a{ display:inline-block; padding-left:26px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210327/20210327103824_41721796.png) no-repeat left center;}
.top_bg span:nth-child(2) a{ background-image:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210327/20210327103716_778959620.png);}
.top_bg span:nth-child(3) a{ background-image:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210327/20210327103716_1132314664.png);}


/*导航*/
.header{ height:120px; display:-webkit-flex; display:flex; color:#fff; background:#0b395a; justify-content:space-between; flex-wrap:nowrap; align-items:center;position: absolute;z-index: 1;opacity: 0.9;width:100%;}
.hleft{ height:100px; display:-webkit-flex; display:flex; justify-content:flex-start; flex-wrap:nowrap; align-items:center;}
.hlogo{ height:115px; position:relative; z-index:3;}
.hlogo a{ display:block; margin-top:28px; margin-left:30px;}
.hname{ display:block; height:100px; color:#fff; font-size:33px; line-height:86px; font-weight:bold; margin-left:15px; position:relative;}
.hlogo:after{ content:""; display:block; width:1px; height:45px; background:#fff; position:absolute; top:34px; left:133px;}
.hname1{ font-size:16px; letter-spacing:0.5px; margin-left:40px; margin-top:-6px;font-weight: bold;}
.hname1 span{ font-size:16px; letter-spacing:0px;font-weight: normal; }
.hright,.nav ul{ display:-webkit-flex; display:flex; justify-content:flex-start; flex-wrap:nowrap; align-items:center;}
.nav>ul>li#a3 .dropmenu{ width:300%; left:-100%;}
.nav>ul>li{ position:relative; margin-right:40px;}
.nav>ul>li>a{ display:block; color:#fff; font-size:16px; line-height:120px; font-weight:lighter; transition:all .3s ease;}
.dropmenu{ width:200%; text-align:center; background:#fff; border-radius:5px; position:absolute; left:-50%z-index:99; top:105%; transition:all .3s ease; opacity:0.99; visibility:hidden;}
.nav>ul>li:hover .dropmenu{ top:calc(100% - 10px); opacity:0.99; visibility:visible;}
.dropmenu:after{ content:''; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; bottom:100%; left:0; right:0; margin:0 auto;}
.nav>ul>li:hover>a,.nav>ul>li.cur>a{ color:#f6ff00;}
.nav>ul>li .sedNav { width:310px; background:#f5f5f5; border:3px #fff solid; position:absolute; right:0; top:100%; z-index:99; display:none; box-sizing:content-box; padding:30px;}
.nav ul>li#a1 .sedNav{ width:540px;}
.nav ul>li#a1 .sedNav .sedNav_r,.nav ul>li#a1 .sedNav .sedNav_r tbody { display:block; width:384px;}
.nav ul>li#a1 .sedNav .sedNav_r tr{ display:inline-block; margin:0 10px 10px 0;}
.nav li .sedNav p{ color:#222; font-size:18px; font-weight:bold; padding-bottom:8px;}
.nav li .sedNav span{ color:#9ea9a5; font-size:12px; text-transform:uppercase;}
.nav li .sedNav span:after{ content:""; display:block; width:30px; height:4px; background:#0b395a; margin-top:20px;}
.nav li .sedNav a { display:block; color:#888; font-size:14px; line-height:34px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #e1e1e1;}
.sedNav_l{ text-align:left;} 
.nav li .sedNav td table{ display:none;}
.nav li .sedNav a+a,.nav li .sedNav tr+tr{ display:block; margin-top:10px;}
.nav li .sedNav a:hover { color:#fff; background-color:#0b395a;}
.dropmenu a{ display:block; color:#666; font-size:14px; line-height:35px; transition:all .3s ease;}
.dropmenu a:hover{ color:#fff; background:#0b395a;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.hsearch{ position:relative;}
.iser_box{ background: rgb(0 120 206 / 60%);position:absolute; top:100%; right:0; padding:30px; transform-origin:top; transform:rotateX(90deg); transition:all 0.5s; z-index:9;}
.search_l{ display:flex; width:430px; color:#222; align-items:center; justify-content:end;}
.search_l span{ color:#fff;}
.search_l a{ color:#fff; font-size:14px;}
.search_r{ margin-top:15px; position:relative;}
.hsearchicon{ width:65px; height:120px; font-size:14px; line-height:160px; text-align:center; font-weight:lighter; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20240220/20240220172438_340976069.png) no-repeat center 28px; cursor:pointer;border-left: 1px solid #264f6d;color: #fff;}
.hsearch:hover .iser_box{ transform:rotateX(0deg);}
#infoname{ width:100%; height:38px; line-height:38px; text-indent:12px; border:1px solid #eee;}
.z_img { width:38px; height:38px; position:absolute; top:0; right:0; background:no-repeat;}
.hweb a{ display:block; width:97px; height:120px; color:#fff; font-size:14px; line-height:160px; text-align:center; text-transform:uppercase; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20240220/20240220172628_762830172.png) #0b395a no-repeat center 28px;border-left: 1px solid #264f6d;color: #fff;}
.hweb a:hover{ color:#ffff00;}
@media screen and (max-width:1850px){ 
.nav>ul>li{ position:relative; margin-right:20px;}
}
@media screen and (max-width:1650px){ 
.nav>ul>li{ position:relative; margin-right:10px;}
.nav>ul>li>a{ font-size:14px;}
.htel{ font-size:20px;}
.hweb a,.hsearchicon{ width:70px;}
}



/*幻灯片*/
.banner{overflow:hidden;width:100%;position: relative;}
.banner-box{ min-width:1200px;height:838px;position:relative;margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important;}
.banner-box .bd li{width:100% !important;height:838px;background-position:center;background-color:#eee;}
.banner-box .bd li a{display:block;background-size:auto;width:100%;height:80%;position:relative;z-index: 9;}
.banner-btn{width:100%;position:absolute;bottom:0;left:0;margin-left:0;height:50%;overflow:hidden;}
.banner-btn a{ display:block;width:49px; height:104px;position:absolute;top:0;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px;background:url(20210327104009_1882655039.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px;background:url(20210327104009_1882655039.png) no-repeat -49px 0;}
.banner-box .hd { position:absolute;bottom:30px;width:100%;display:block;}
.banner-box .hd ul{ text-align:center}
.banner-box .hd ul li{ width:10px; height:10px;border-radius:50%;text-indent:-9999px;background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#0078ce;border-radius:50px;width:50px;height:10px;}
.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; }


/*产品*/
.w1000{width: 1000px; margin: 0 auto;margin-left: 610px;padding-top: 53px;}
.pdbj {background: url(20240227091216_255370793.jpg) no-repeat center; height: 620px;}
.pd_bg{width: 550px;}
.pd_bg_l{float: left;text-align: center;}
.pd_bg_l h1{font-size: 40px;padding-top: 60px;padding-left: 25px;}
.pd_bg_l h2{font-size: 22px;color: #acbcc5;text-transform: uppercase;font-weight: lighter;line-height: 2;}
.pd_bg_l h3{font-size: 16px;color: #a3a7b1;line-height: 30px;letter-spacing:1px;}
.abright{ border:15px solid #fff; box-shadow:0 0 20px rgba(0,0,0,.3); border-radius:5px; margin-top: 66px;width: 86%;margin-left: 30px;}
.products a span:after{content: ""; display: block; width: 25px; height: 12px; background: url(20210326134453_1304232975.png) no-repeat; top: 20px;left: 0;    margin-top: 5px;}
.pd_bg_r i{font-size: 25px;color: #5b6a6f;     font-family: 'fontDin1';}
.pd_bg_r span{font-size: 16px;color: #5b6a6f;}
.pd_bg_r span em{font-size: 12px;color: #5b6a6f;}
.pd_bg_r b{font-size: 12px;font-weight: lighter;color: a0aeb6;letter-spacing: 1.5;}
.products a:hover{color: #0078ce;}
.products a{width: 300px;height: 200px;}
.pd_bg_r{float: left}
.products p{margin-left: 115px;margin-top: 59px;}
.pd_bg_r a:hover span{color:#0078ce;}
.pd_bg_r a:hover i{color:#0078ce;}
.pd_bg_r a:hover span:after{content: ""; display: block; width: 25px; height: 12px; background: url(20210326145040_1712154308.png) no-repeat;}
.pd_bg_r a:hover p{color:#0078ce;}
.pd_bg_r a:hover b{color:#0078ce;}


.videobg{ width:423px; height:189px; position:relative; z-index:99; background:url(20240323084612_1722374059.jpg) no-repeat center; position:relative;}

.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:52%;height: 66px;width:66px;margin-top: -34px;margin-left: -33px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #fff;animation: ripple 3s infinite;}
.ripple{background: rgba(255, 255, 255, 0.5);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:71%;margin-top:-250px;margin-left:-575px;transition:600ms ease;z-index:999;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.jquery-lightbox-move *{ box-sizing:content-box;}
.video_x1 span:after{display: none !important;}



 /*案例*/
 .case_all{width: 100%;min-width: 1400px; margin-top: 40px; padding-bottom: 40px;background-image:url(20240402120544_675136845.jpg); padding-top: 20px;}
 .case_b{ margin-top:35px; position:relative;}
 .hidden{display:none;}
 
.box_l{width:880px;position: relative; overflow: hidden;}
 .box_r{width:300px; position: absolute; left: 0; top: 0; z-index: 2; background: none;    margin-left: 190px;}
 .box_r a{ display: block; width: 300px; height:80px; margin-bottom: 1px;  position: relative;}

 .box_r a img{ display: block;float: right; position: relative; z-index: 2;}
 .box_r a .font{ width: 300px; box-sizing: border-box; padding-left: 20px;  height:80px; line-height: 60px; background: #f5f5f5; color: #333;  position: relative;}
 .box_r a .font p{ font-size: 14px; display: block; float: left; margin-top: 10px; line-height: 20px; }
 .box_r a .font em{ display: block;position: relative; width: 42px;height: 42px; overflow: hidden; float:left; margin-right: 20px; margin-top:20px;}
 .box_r a .font em img{ display: block; position: absolute; top: 0; left: 0;}
 .nep01 a .font{width: 300px; background: #0078ce; border-color: #0165a6; color: #fff; font-weight: normal;}
 .nep01 a .font em img{ top: -42px;}
 .nep02:hover a .font{background: rgba(245,245,245,1); }
.nep01 a:after{width: 100% !important;}
.nep02:hover a:after{width: 100% !important;}
.frrr{ float:right; margin-left: 1100px;}
 .box_r a .font b{ display: block;position: relative; width: 42px;height: 42px; overflow: hidden; float:right; margin-right: 20px; margin-top:20px;}
 .box_r a .font dl{ font-size: 18px; display: block; float: right; margin-top: 10px;margin-right: 25px;}
 .nep01 a .font b img{ top: -42px;}

.mncon1 a{position: relative;}
.case_fr_content{position: absolute;bottom: 22px;left: 0px;background:rgba(255,255,255,0.9);}
.case_fr_content{padding: 20px 72px 20px 34px;box-shadow: 0 0 30px rgb(0 0 0 / 9%);    width: 595px;margin-left: 22px;}
.case_fr_content t{display: block;margin-bottom: 0.9vw;font-size:18px;color:#454545;font-weight: bold;}
.case_fr_content p{font-size:12px;color:#aaaaaa;line-height:1.5vw;width: 631px;}
.case_fr_content a{font-size: 14px;color: #a0a0a0;}
.case_fr_content a:hover{color: #0078ce;}




/*实验室工程案例*/
.w14000{width:1400px; margin: 0 auto;    margin-top: -85px;}
.solve{ padding:140px 0; background:#f5f5f5;}
.soltitl{ text-align:center; font-size:40px; color:#222222;}
.soltitl b{ color:#0078ce;}
.soltitl span{ display:block; font-size:18px; color:#aaaaaa; font-weight:lighter; margin:5px 0 15px 0;}
.solcon{ position:relative; height:481px;}
.sol_btn{ position:absolute; bottom:160px; left:0; z-index:9;}
.sol_btn a{ display:inline-block; width:200px; line-height:46px; text-align:center; background:#0078ce; font-size:14px; color:#fff; font-weight:lighter;}
.sol_btn a:hover{ box-shadow:0 0 15px #63beff;}
.solhzkh{ width:590px; padding-top:36px; border-top:3px solid #e0e0e0; position:absolute; left:0; bottom:-5px; z-index:9;}
.solhzkh table,.solhzkh tbody,.solhzkh tr{ display:block; width:100%; overflow:hidden;}
.solhzkh td{ display:block;}
.solhzkh td,.solhzkh td div{ padding:0 !important;}
.solhzkh td br{ display:none;}
.solhzkh td a{ display:block;}
.solhzkh td{ width:190px; position:relative; display:inline-block; vertical-align:top; margin-right:9px;}
.solhzkh td>a img{ width:100%; height:auto;}
.solhzkh td div a{ font-size:18px; color:#fff; position:absolute; top:0; left:0; line-height:95px; transition:all .3s ease;width:100%; height:100%; text-align:center; transform:scale(0); background:rgba(0,0,0,.6);}
.solhzkh td:hover div a{ transform:scale(1);}
.solcon .divdgweb_new_div_item{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.solcon .divdgweb_new_div_item_date{ display:none;}
.solcon .news_div_item_pic{ width:1010px; height:436px; margin-right:-260px;padding-top: 50px;} 
.solcon .news_div_item_pic img{ width:100%; height:100%;}
.solcon .divdgweb_new_div_item_content{ width:580px;padding-top: 60px;}
.solcon .divdgweb_new_div_item_a{ display:block; font-size:25px; color:#333333; margin:20px 0 25px 0;    font-weight: bold;}
.solcon .divdgweb_new_div_item_body{ font-size:14px; font-weight:lighter; line-height:36px; color:#3e3d3d; height:108px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.soltitl em{ font-size:0; display:inline-block;height: 4px;}
.soltitl em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.soltitl em i+i{ margin-left:16px;}
.soltitl em i:nth-child(1){animation-delay: .4s;}
.soltitl em i:nth-child(2){background:#0078ce;animation-delay: .6s;}
.soltitl em i:nth-child(3){animation-delay: .8s;}
.solution_tab{ margin:0 auto;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; height:155px; margin-top:50px;}
.solution_tab li{ width:175px; text-align:center; position:relative; font-size:16px; color:#666; font-weight:lighter; transition:all .3s ease; cursor:pointer;}
.solution_tab li p{width:36px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210327/20210327082359_1354144222.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li a{font-size:16px; color:#666;}
.solution_tab li span{ display:block; transition:all .3s ease; font-size:14px; color:#666; font-weight:lighter;}
.solution_tab li:after,.solution_tab li:before{ content:''; display:block; position:absolute; transition:all .3s ease;}
.solution_tab li:after{border-bottom:2px solid #006db8; top:153px;}
.solution_tab li:before{ top:115px; right:87px; width:1px; height:20px; background:#e2e2e2;}
.solution_tab li.on,.solution_tab li.on span{ color:#006db8;}
.solution_tab li.on a{font-size:16px; color:#006db8;}
.solution_tab li.on p{width:36px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210327/20210327082359_1481004180.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:after{ width:100%;}
.solution_tab li.on:before{ transform:rotate(360deg); background:#006db8;}
.solution_xian{width:100%; height:1px; background:#e2e2e2;}




.solution_tab li:nth-child(2) p{width:38px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191138_1037345002.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li:nth-child(3) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191138_80354727.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li:nth-child(4) p{width:35px; height:39px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191138_1266932867.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li:nth-child(5) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191139_365662937.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li:nth-child(6) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191139_992624517.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li:nth-child(7) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191139_1808006477.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li:nth-child(8) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326191139_1049327234.png) no-repeat; margin:0 auto; margin-bottom:20px;}

.solution_tab li.on:nth-child(2) p{width:38px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_1858866150.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:nth-child(3) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_468336520.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:nth-child(4) p{width:35px; height:39px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_305262513.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:nth-child(5) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_1868452418.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:nth-child(6) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_1477626284.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:nth-child(7) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_1294817300.png) no-repeat; margin:0 auto; margin-bottom:20px;}
.solution_tab li.on:nth-child(8) p{width:40px; height:40px; background:url(//memberpic.114my.cn/hhtest/uploadfile/image/20210326/20210326193243_1088290278.png) no-repeat; margin:0 auto; margin-bottom:20px;}



/*新闻聚焦*/
.news{ padding:40px 0 40px 0;}
.newstab{ font-size:0; margin:42px 0; text-align:center;}
.newstab a{ display:inline-block; width:160px; line-height:52px; border-radius:6px; background:#f2f2f2; text-align:center; font-size:18px; color:#222; transition:all .3s ease;}
.newstab a.on{ background:#0078ce; color:#fff;}
.newstab a+a{ margin-left:36px;}
.newscon .news_div_item{ float:left; width:446px; position:relative;}
.newscon .news_div_item+.news_div_item{ margin-left:30px;}
.newscon .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.newscon .news_div_item_pic{ overflow:hidden; margin-bottom:263px;}
.newscon .news_div_item_date{ position:absolute; width:102px; height:102px; box-sizing:border-box; background:#0078ce; padding:20px; font-size:0; text-align:center; border-radius:0 8px 0 8px; left:3px; bottom:266px; z-index:9;}
.newscon .news_div_item_date>div{ display:inline-block; font-size:18px; color:#fff; font-family:fontDin1;}
.newscon .news_div_item_date>div.news_div_item_year{ font-size:30px;} 
.newscon .news_div_item_content{ position:absolute; width:100%; box-sizing:border-box; left:0; bottom:0; border:1px solid #eeeeee; height:263px; padding:40px 30px 0 30px;}
.newscon .news_div_item_a{ font-size:18px; color:#333333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;transition:all .3s ease;}
.newscon .news_div_item_body{ font-size:14px; color:#999999; line-height:32px; padding:25px 0 35px 0; border-bottom:1px solid #eeeeee;}
.newsbtn{ margin-top:27px;}
.newsbtn .newicon{ float:left; display:inline-block; width:28px; height:20px; background:url(20210327104213_133081263.png) no-repeat center;}
.newsbtn .newmore{ float:right; font-size:14px; color:#888888; padding:0 5px 10px 5px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #cdcdcd; transition:all .3s ease;}
.newscon .news_div_item:hover .newmore,.newscon .news_div_item:hover .news_div_item_a{ color:#0078ce; border-color:#0078ce;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.title em{ font-size:0; display:inline-block;height: 4px;}
.title em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:16px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#0078ce;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}


/*解决方案*/
.fangan{background:url(20210326194726_1933300230.jpg) no-repeat center;height:694px;} 
.fangan b{color:#bbd1e1;font-size: 36px;font-weight: normal;font-family: 微软雅黑;}
.fangan i{font-family: 叶根友毛笔行书简体;font-size: 48px;}
.fangan h1{text-align: center;padding-top: 66px;}
.fangan h2 img{position:relative;padding: 42px 0 0 661px;}
.fangan h3 p{text-align: center; color:#bbd1e1;margin-top: 20px;}
.fangan h3{margin-top: 50px;}
.num{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.num ul{ margin-top:55px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.num .title span{ font-size:16px;}
.num ul li{ width:200px; height:200px; background:#194e75; display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; text-align:center; }
.num_c{ font-size:18px; color:#bbd1e1; font-weight:lighter;}
.num_c span{ display:block; font-size:12px; text-transform:uppercase; margin:5px 0 25px 0; color:#4c7696}
.num_t i{ font-size:60px; color:#15a300; font-family:"Times New Roman", Times, serif; font-weight:bold; display:inline-block; vertical-align:text-top; line-height:50px;}
.num_t em{ display:inline-block; margin-left:5px; border-radius:50%; width:22px; height:22px; background:#222222; font-size:14px; font-weight:lighter; color:#fff; vertical-align:text-top;}
.num_t {color: #bbd1e1;font-size: 70px;    padding-right: 45px;    font-family: 'fontDin1';}
.anli span{font-size: 16px;color:#fff; border-radius: 10px;background: #daae00;padding: 1px 11px 1px 11px;}
.anli{float: right;margin-top: -42px;}

/*友情链接*/
.links{ background:url(20210327104251_39622237.jpg) no-repeat center; font-size:18px; color:#fff; line-height:102px;}
.links .w1400{ background:url(20210327104251_505176054.png) no-repeat right center;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; }
.links h2{ text-transform:uppercase; font-size:18px;  display:inline-block;margin: 34px 78px 0 -79px; vertical-align:middle;}
.linkTagcs li a{font-size: 14px;}

.linkTagcs li{margin-top: 20px !important;}
/*版权*/
.fll{ float:left;color: #84929a;}
.frr{ float:right;color: #84929a;}
.w1400{width:1400px; margin: 0 auto;}
.end{background: #e5eaed;}
.end a:hover{text-decoration: underline;}
.end,.end a{font-size: 15px;color: #84929a; line-height: 99px;}

.copyright{ background:url(20210327104347_972831326.jpg) no-repeat center;height: 546px; color:#fff;}
.crcon{ padding:60px 0 70px 0;display: -webkit-flex;display: flex;flex-wrap: nowrap;align-items:flex-start;}
.kslj{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.kslj a{ display:block; font-size:14px; font-weight:lighter; line-height:32px; color:#6a7176;;}
.kslj a:hover{ color:#0078ce;}
.kslj p{ font-size:18px; color:#525f63; margin-bottom:25px;}
.kslj li+li{ margin-left:193px;}
.bq{margin-top: -12px;}
.bq ul{padding: 24px 0 0 0;cursor: pointer;position: relative;}
.bq1{width:205px;}
.bq i{font-size: 16px;color:#7d858a;margin-left: 15px;}
.bq b{font-size: 25px;color: #7d858a;font-weight: normal;line-height: 60px; font-family: 'FONTDIN1';}
.bw {margin-top: 16px;}
.be{padding: 24px 0 0 55px;}
.be1{margin-left: 325px; margin-top: -106px;}
.be2{margin-left: 772px;margin-top: -106px;}
.be3{margin-left: 1105px;margin-top: -132px;}


.bq span{position:relative;display:inline-block;vertical-align:top;width:43px;height:43px;background:url(20210326174111_96496673.png) no-repeat center;cursor:pointer;}
.bq span:nth-child(2){ background-image:url(20210326174111_1004586150.png);}
.bq span:nth-child(3){ background-image:url(20210326174111_440520600.png);}
.bq span img{ position:absolute; right:0; width:100px; top:100%; right:0; display:none;}
.bq span:Hover img{ display:block;}
.bq span+span{ margin-left:7px;}
.bq span a{ display:block; width:100%; height:100%;}



/*浮动ＱＱ*/
.my-kefu{position: fixed;right: 0px;top:35%;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background:#0078ce; margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;}
.my-kefu li i{background: url(20210327093451_1390326488.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.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:145px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
    
    .my-kefu .my-kefu-xiadan i{background-position: 0 -98px;}
    .my-kefu .my-kefu-wuliu i{background-position: 0 -123px;}
    
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#6d6d6d;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu .my-kefu-ftop p{color:#fff;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 18px; padding-left:15px; border-left: 1px solid #ddd; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
    .my-kefu-xiadan a{color: #fff;font-size: 15px;}
    .my-kefu-wuliu a{color: #fff;font-size: 15px;}
    .my-kefu-qq a{color: #fff;font-size: 15px;}



/*产品中心*/
.prod{height:1070px;margin-top: 68px;}
.program_a ul{display: flex;justify-content: center;width: 100%;}
.program_a li{width: calc(100% / 6); }
.program_a a{display: block;float: left;width:100%;height:70px;background: #f5f5f5;text-align: center;font-size: 16px;line-height: 24px;}
.program_a li dl{display:none;}
.program_a li.on a{background: #0078ce;color:#f5f5f5;}
.program_a li+li a{border-left:1px #e5e5e5 solid;}
.program_d dl{height:625px !important;}
.program_l{width: 49%;overflow: hidden;height:625px;position: relative;}
.program_l p{position: absolute;top: 40%;left: 0px;right: 0px;bottom: 0px;margin: 0 auto;width: 120px;text-align: center;height:120px;background: #059bfa;border-radius: 50%;line-height: 120px;color: #fff;font-size:16px;z-index:2;}
.page{ padding: 40px 0px 40px 0px;}

.prod_d{    margin-top: 40px;}
.prod_d .progdwz2021 li{float: left;width: 32%;position: relative;text-align: center;}
.prod_d .progdwz2021 li{margin-left: 1%; margin-bottom: 30px; }
.prod_d .progdwz2021 ul+ul li{margin-top: 2%;}
.prod_d .progdwz2021 li>a{display: block;overflow: hidden;border: 1px #eee solid; }
.prod_d .progdwz2021 li img{display: block; height:350px;transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;}
.prod_d .progdwz2021 li br{display: none;}
.prod_d .progdwz2021 li span{display: block;width: 100%;height: 55px;line-height:55px;background: #f5f5f5;position: relative;z-index: 2;}
.prod_d li:hover span{background: #0078ce;}
.prod_d .progdwz2021 li span a{font-size:16px;}
.prod_d li:hover span a{color:#fff;}
.prod_d .progdwz2021 li:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}




/*合作*/
.khal{padding: 40px 0 40px 0;}
.khal .khal_con{ margin-top: 40px; }
.khal_con ul li{ float: left; width: 268px; background-color: #FFFFFF; 
margin-left: 5px; margin-right: 5px; margin-bottom: 20px; text-align: center;
border: 1px solid #CCCCCC; }
.khal_con ul li:hover{  }
.khal_con ul li a{ text-decoration: none; display: block; }
.khal_con ul li img{ width: 200px; height: 120px; object-fit:cover; }
.khal_con ul li h2{ color: #333; font-size: 14px; font-weight: normal; 
line-height: 30px; text-align: center; }