@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: "BebasNeue-1";
	src: url("../fonts/BebasNeue-1.otf");
}
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i,table,td,th{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input, textarea, button, select, radio{margin: 0; padding: 0; outline: 0; border: 0;}
textarea{resize: none;}
table{border-collapse:collapse;}
input,textarea,button {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ color:#333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
body {margin: 0px; font-size: 14px; color:#333; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; background-color:#f8f8f8; }
@font-face { font-family:"BebasNeue-1"; src: url(../ziti/BebasNeue-1.otf);}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration: none;}
a:active {text-decoration: none;}
.cl:after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}
.fl{ float: left;}
.fr{ float: right;}

.common-width{ width:1400px; height:auto; margin:0 auto;}
.common1-width{ width:1200px; height:auto; margin:0 auto;}
#menu{display: none !important;}
#menu.mm-opened{ display: block !important;}

.top-box{ width:100%; height:auto; position: fixed; left: 0; top: 0; z-index: 999;}
.top{ width:100%;height:auto; overflow: hidden;}
.top-u{ width:100%; height:65px; background-color: rgba(255,255,255,0.9);}

.top-u-l{ width: 310px; height:65px; float: left;}
.logo-tu{ width:154px; height:43px; margin-top:11px; float:left; padding-right: 15px; border-right: 1px solid #c2c4c4;}
.logo-tu img{ width:154px; height:43px;}
.logo-we{ height:44px; padding-top:10px; float:right; line-height: 22px; color: #666;}
.logo-we span{ display: block;}

.top-u-r{ width: 370px; height:32px; float: right; padding-top: 16px;}
.login-box{ float:left; color: #999999; height:32px; line-height: 32px;}
.login-box i{ float: left; display: inline-block; color: #999999; font-size: 24px; padding-right: 6px; position: relative;top: 2px;}
.login-box a{ color: #999999; font-size: 16px;}
.login-box a:hover{ color: #009b4c;}
.login-box a:hover i{ color: #009b4c;}
.top-u-r span{ display: block; width: 2px; height: 16px; background-color: #c2c4c4;  margin: 8px 20px; float: left;}
.cart-box{ width: 32px; height: 32px; float: left; position: relative;}
.cart-box i{ display: inline-block; font-size: 22px; line-height: 32px;}
.cart-box b{ display: inline-block; width: 18px; height: 18px; line-height: 18px; background-color: #e4393c; text-align: center; border-radius: 50%; color: #fff; font-size: 12px; position: absolute; top: -5px; right: 0;}
.search-box{ width: 160px; height: 30px; background-color: #fff; border: 1px solid #999; border-radius: 25px; float: right;}
.ss-kuang{ width: 120px; height: 30px; line-height: 30px; background: none; border: none; float: left; text-indent: 1em;}
.ss-butt{ width: 40px; height: 30px; line-height: 30px; background: none; border: none; float: right; cursor: pointer;}
.ss-butt i{ font-size: 22px; color: #999; display: block;}

.top-d{ width:100%; height:45px; background-color: rgba(53,53,53,0.756); border-top: 3px solid rgba(0,155,76,0.8);}
.top-nav{ height:45px; float:right;}
.pc_nav li{ float:left; width:120px; height: 45px; line-height: 45px; text-align:center;transition: all 200ms;position: relative;}
.pc_nav li .waia{ text-align:center; color:#ffffff; padding-bottom:11px;}
.pc_nav li.gaoliang .waia{ color: #009b4c; border-bottom: 2px solid #009b4c;padding: 10px;}
.pc_nav li:hover .waia{ color: #009b4c; border-bottom: 2px solid #009b4c;padding: 10px;}
.pc_nav li .xldiv{ display: none; position: absolute; top: 45px;padding: 20px 0; left: 50%; margin-left: -80px; width: 160px;background: rgba(0,0,0,0.6);text-align: center;}
.pc_nav li .xldiv a{ display: block; font-size: 14px; color: #d7d7d7;line-height: 45px;}
.pc_nav li .xldiv a:hover{ color: #fff;background:rgba(0,155,76,0.6);}

.banner{width: 100%; height: auto; overflow: hidden; position: relative;}
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block; position:relative;}
#owl-demo img.bannerimg { display: block; width: 100%; vertical-align:middle;}

.foot-box{ width: 100%; height: auto; background-color: #343434; position: relative;}
.foot-box .huiding{ width: 88px; position: absolute;left: 50%;margin-left: -44px;top: -22px;z-index: 2;cursor: pointer;}
.foot-box .huiding img{ width: 100%;}
.foot{ width: 100%; height: auto;}
.foot-u{ width: 100%; height: auto; overflow: hidden; padding: 45px 0;}
.foot-u-l{ width: 55%; height: auto; overflow: hidden; float: left;}
.foot-u-l ul li{ width: 20%; height: auto; overflow: hidden; float: left;}
.foot-u-l ul li dl dt{ width: 100%; font-size: 15px; height: 30px;}
.foot-u-l ul li dl dt a{ color: #e3e3e3;}
.foot-u-l ul li dl dt a:hover{ color: #ffffff; transition:all 0.5s;}
.foot-u-l ul li dl dd{ width: 100%; font-size: 13px; line-height: 26px;}
.foot-u-l ul li dl dd a{ color: #909090;}
.foot-u-l ul li dl dd a:hover{ color: #009b4c; transition:all 0.5s;}
.foot-u-r{ width:35%; height: auto; overflow: hidden; float: right;}
.weui-cell{ width: 100%; height: 30px; padding: 5px 0;}
.weui-icon{ width: 30px; float: left;}
.weui-icon i{ font-size: 20px; color: #e3e3e3;}
.weui-txt{ float: left; color: #e3e3e3;}
.weui-txt p{  display:  block; padding-bottom: 10px;}
.weui-txt img{ float: left; width: 120px; height: 120px; margin-right: 10px;}
.foot-d{ width: 100%; height: 80px; line-height: 80px; border-top: 1px solid #535353;}
.foot-d-l{ color: #909090; float: left;}
.foot-d-l a{ color: #909090;}
.foot-d-r{ color: #909090; float: right;}
.foot-d-r a{ color: #909090; padding: 0 5px;}
.foot-d-l a:hover{ color: #009b4c; transition:all 0.5s;}
.foot-d-r a:hover{ color: #009b4c; transition:all 0.5s;}

.foot-m{ width: 100%; height: auto; overflow: hidden; padding:0 0 20px 0;}
.foot-m-bt{ width: 100%; height: 35px; font-size: 18px; color: #e3e3e3; border-bottom: 1px solid #535353;}
.foot-m-tu{ width: 100%; height: 64px; overflow: hidden; padding: 20px 0;}
.foot-m-tu ul li{ width: 15%; height: 64px; float: left; margin-right: 2%;}
.foot-m-tu ul li:last-child{ margin-right: 0;}
.foot-m-tu ul li img{ max-width: 100%; height: 64px;}
.foot-m-zi{ width: 100%; height: auto; overflow: hidden;}
.foot-m-zi a{ display: block; float: left; font-size: 14px; color: #909090; margin-right: 10px;}
.foot-m-zi a:hover{ color: #009b4c; transition:all 0.5s;}


@media screen and (max-width:1400px){

.common-width{ width:1000px;}
.common1-width{ width:1000px;}


}

@media screen and (max-width:1024px){

.common-width{ width:96%;}
.common1-width{ width:96%;}

#menu{ display:block;}
.phone_nav a
{
	display: block;
	width: 28px;
	height: 18px;
	position: absolute;
	top: 20px;
	right: 2%;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #009b4c;
	height: 2px;
}
.phone_nav a span
{
	background: #009b4c;
	display: block;
	height: 2px;
	margin: 6px 0;
}

}

@media screen and (max-width:768px){

.online-service{ display:none;}

}

@media only screen and (max-width:640px){

.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
    top: 15px;
    z-index: 999;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #009b4c;
	height: 2px;
}
.phone_nav a span
{
	background: #009b4c;
	display: block;
	height: 2px;
	margin: 6px 0;
}

}

