@charset "UTF-8";
body{font-size:14px; margin:0px;background:#fff; font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px;background-color: #f1f0ee;}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;}
a:visited{color:#333; text-decoration: none;}
a:hover{color:#217b3a; text-decoration:none !important;}
a:active{color:#217b3a; text-decoration:none}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img.fc{display: block;margin:0px auto;}
img{border:none;vertical-align: middle;}
/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {+height:1%;}
.pngfix{}
.tc{text-align: center !important;}
.pt20{padding-top: 20px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.sj022{-webkit-transition-duration: 2.2s; transition-duration: 2.2s;}
.sj030{-webkit-transition-duration: 3s; transition-duration: 3s;}
.sj050{-webkit-transition-duration: 5s; transition-duration: 5s;}
span.cb20{display: block;height: 15px;line-height: 15px;}
.container{width: 930px;margin: 0px auto;clear:both;}
.animated {
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.bgcolor{width:100%;background-color: #eff5ff;}
.bgcolor2{width:100%;background-color: #f5f5f5;}
/*头部*/
.topbar{width: 100%;height: 40px;line-height: 40px;background-color:#f1f0ee;border-bottom: 1px solid #d4d8d4;position: relative;}
.topbar .container{position: relative;}
.tbarleft a{float: left;color: #666;font-size: 0.14rem;margin-right: 20px;}
a.tbarleft{color: #999;font-size: 0.14rem;}
a.tbarleft img{display: inline-block;margin-right: 10px;}
.tbarright{float: right;position: relative;}
.tbarright li{float: left;text-transform: none;
border-right: 1px solid #d4d8d4;
padding:0 15px;
height: 41px;
line-height: 41px;}
.tbarright li a{display: block;text-align: center;}
.tbarright li.request-a-quote{background-color: #00833e;}
.tbarright li.request-a-quote a{color: #fff;}
#header-search{
    display: block;
    width: 48px;
    height: 41px;
    border-left: 1px solid #d4d8d4;
    
    float: left;
    cursor: pointer;
}
#header-search img{width: 22px;margin:10px auto;display: block;}
.tbarright li.searchbox{width: 50px;position: relative;padding:0;transition: 0.1s;}
#keyword{
    font-size: 1em;
    width: 120px;
    border: 0;float: right;
    height: 40px;
    text-indent: 10px;
    outline: 0;
    color: #333;padding:0;border-left: 1px solid #d4d8d4;
    background-color: #fff;
    z-index: 1;
}
.header{height: 106px; margin:0px auto;width: 100%;position: relative;background-color:#f1f0ee;}
.header .logo{width:360px;height: 50px;float: left;margin-top:31px;display: block;opacity: 0;margin-left: -100px;}
.header .logo img{display: block;width: 100%;}
.navbar{float: right;height: 100%;opacity: 0;margin-right:-100px;}
.navbar li{float: left;transition:all 0.3s;margin-left: 21px;}
.navbar a.navbartit{line-height: 106px;display: block;font-size: 0.17rem;color: #333;position: relative;}
.navbar li:hover a.navbartit,.navbar li.active a.navbartit{color: #00833e;}
.navbar li a.navbartit:after {position: absolute;content: "";width: 0;bottom: 0;height: 5px;left: 50%;background: #000;
          -webkit-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s; }
.navbar li a.navbartit:hover:after {left: 0;width: 100%; }
.header.current .logo{opacity: 1;margin-left: 0;}
.header.current .navbar{opacity: 1;margin-right: 0;}
#header-main{padding:2%;display: none;border-bottom: 1px solid #d9d8d7;position: relative;}
#header-main a.logo{width: 170px;display: block;/*margin:0px auto;*/}
#header-main a.logo img{display: block;/*max-width: 90%;*/width: 170px;height: 40px; margin:0px auto;}
.smallmenu{display: block;position: absolute;top:30%;right:2%;}

#menu a.logo{display: block;margin:20px;}
.hhcolorbox,.hhaboutbox,.hhproducts,.hhproject{background-color: #f1f0ee;position: absolute;top: 105px;width: 100%;height: auto;left:0;
box-shadow: 0 12px 12px -4px rgba(0,0,0,.3);display: none;z-index: 9999;}
.second-level{font-size: 0.2rem;margin:0 1% 1.5% 1% ;text-align: left;text-transform: uppercase;font-weight: normal;}
.subnav-content{border-top: 1px solid #d9d8d7;padding:1.5% 0;} 
.subnavbox a{display: block;width: 23%;float: left;font-size: 0.14rem;margin:1%;}
.subnavbox a em{width: 100%;height: 102px;overflow: hidden;display: block;position: relative;}
.subnavbox a img{display: block;width: 100%;transition: 0.5s;}
.subnavbox a span{display: block;line-height: 30px;}
.subnavbox a:hover img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.hhproducts .fl{width: 22%;margin-right: 7%;color: #333;}
.hhproducts .fr{width: 65%;}
.hhproducts .fl a.hhpimg{display: block;width: 100%;height: 200px;overflow: hidden;position: relative;}
.hhproducts .fl a.hhpimg img{width: 100%;height: auto;transition: 0.5s;}
.caption{font-size: 0.16rem;margin-bottom: 25px;}
.hhproducts .fl a.btn{width: 53%;background-color: #008a52;color: #fff;font-size: 0.16rem;text-align: center;display: block;vertical-align: middle;position: relative;overflow: hidden;margin: 0;}
.hhproducts .fl a.btn:hover{color: #008a52;}
.subnav-item{margin:1.5% 1%;width: 31%; float: left;font-size: 0.158rem;display: block;}
.subnav-item img{width: 70px;float: left;margin-right: 6%;transition: 0.5s;}
.third-level{font-weight: normal;text-transform: none;text-align: left;color: #333;}
.hhproject .subnav-item{width: 23%;}
.hhproject .subnav-item img{width: 100%;display: block;float: none;}
.hhproject .subnav-item div{line-height: 40px;}
.hhproducts .fl a.hhpimg:hover img,.subnav-item:hover img{box-shadow: #333 0px 0px 10px;}
.subnav-item:hover div{color: #008a52;}
.hhproducts1 .third-level{float: left;width: 45%;}
.hhproducts1 .subnav-item img{margin-right: 2.5%;}
.hhproducts1 .subnav-item{font-size: 0.15rem;}




/*站点地图*/
.sitemapbox{border:2px #eee solid; padding:2% 2% 4%; margin:4% auto;}
/**sitemap**/
.info-sitemap{ border:2px #eee solid; padding:15px 15px 35px; margin:50px auto;}
.info-sitemap-title{ display:block; height:55px; line-height:55px;}
.info-sitemap-title a{ font-size:17px; font-weight:700; margin-right:15px;color: #7c0dff;}
.info-sitemap-content{ display:block; padding-top:10px;}
.info-sitemap-content a{ margin-right:15px;}
.info-sitemap-contents{ display:block; padding-top:10px;}
.info-sitemap-contents a{ display:block; width:50%; float:left; border-bottom:1px #ddd dashed; line-height:25px;}
.info-sitemap-fenqu{ display:block; padding-top:10px;}
.info-sitemap-fenqu a{ background:#eee; float:left; line-height:33px; padding:0 15px; margin-right:20px; margin-bottom:10px;}
.info-sitemap-contents a:hover{color: #7c0dff;}





/*友链*/
.linkbox{margin:1% auto 0;height: auto;position: relative;z-index: 9;border-top:1px solid #4d4d4d;padding:8px 0;}
.linkbox span{float: left;width: 80px;display: block;font-size: 0.14rem;color: #4c4c4c;line-height: 25px;}
.linkbox a{font-size: 0.14rem;color: #4c4c4c;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #7c0dff;}
/*底部*/
.footer{height: auto;position: relative;z-index: 5;border: 6px solid #fff;left: -200px;opacity: 0;}
.footbox{width: 90%;padding:2% 5%;}
.footlist{width: 23%;margin:1%;float: left;text-align: center;}
.foottit a{font-size: 0.19rem;color: #008a52;font-weight: 700;line-height: 0.6rem;transition: 0.5s;}
.footlist li a{font-size: 0.16rem;color: #666;line-height: 0.35rem;transition: 0.5s;}
.foottit a:hover{color: #333;font-weight: 600;}
.footlist li a:hover{color: #008a52;}
.footphone{width: 98%;height:0.5rem;font-size: 0.16rem;color: #000;background-color:#fff;line-height: 0.5rem;padding:0 1%;}
.footphone span{font-size: 0.18rem;color: #008a52;display: inline-block;margin-left: 10px;}
.footerbottom{width: 100%;height:0.5rem;background-color:#fff;margin-top: 3%;font-weight: 100;}
.footerbottom div.fr{width: 150px;}
.footerbottom span,.footerbottom a{font-size: 0.14rem;color: #333; line-height: 0.5rem; float: left;font-weight: 100; padding:0 5px; display:block;}
.footerbottom img{float: left;margin:13px 5px 0 5px;}
.footerbottom span.fbright{float: left;}
.fbright a{color: #333; display:block; float:right;}
.fbright a:hover,.footerbottom a:hover{text-decoration: none;color: #444;}
.footer.current{left: 0;opacity: 1;}

/*面包屑*/
.crumbsnav{width: 100%;height: 0.45rem;line-height: 0.45rem;font-size: 0.14rem;color: #7d8379;margin:0px auto;background-color: #e0e0db; position: relative;z-index: 9;}
.cruleft{ display:inline-block;float: left;text-align: left;padding:0 1%;}
.cruleft img{margin-right: 5px;transition: 0.5s;}
.crumbsnav .cruleft a{color:#7d8379;}
.crumbsnav .cruleft a:hover{color:#008a52;}


/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin:2% 0;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#00833e;} 
.pagination li a:link:hover {color:#00833e;} 
.pagination li.thisclass{background-color: #00833e;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}

/*回到顶部-悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:110px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#00833e;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#353535;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#353535;display:none;}
.suspension .a-top:hover{background:#00833e;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{/*top:34px;*/top: 0;}
.suspension .d-qrcode{/*top:78px;*/top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:33.33%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/kefu/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode .qrcode-img{width: 180px;height: 180px;overflow: hidden;margin:0px auto;}
.suspension .d-qrcode .qrcode-img img{width: 100%;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
@media screen and (max-width: 1680px) { }
@media screen and (max-width: 1600px) { }
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1360px) {}
@media screen and (max-width:1260px) {
  .container{width:calc(100% - 40px);}
}
@media screen and (max-width: 1024px) {
#header-top{display: none;}
#header-main{display: block;}

}
@media screen and (max-width: 960px) {
  a.hsmallsearch{top:35%;}
  .footlist{width: 48%;}
  .container{width:calc(100% - 20px);}
}
@media screen and (min-width:640px) and (max-width:960px){
.footlist{width: 100%;float: none;}
}
@media screen and (max-width: 680px) {
.footlist{width: 100%;float: none;text-align: left;}
.footlist li a{font-size: 0.24rem;line-height: 0.45rem;}
.foottit a{font-size: 0.28rem;}
.footerbottom div.fr{display: none;}
.footerbottom a{display: none;}
.crumbsnav{font-size: 0.18rem;}
}