@charset "utf-8";

/* CSS Document */



*{ margin:0px  auto; 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{

	list-style:none;

	margin:0;

	padding:0;

	text-decoration: none;

}

em,strong{font-style: 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 {outline:none;border:0px;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/

.clear_h2{font-weight:normal;font-size:12px; padding:0px; margin:0px; text-align:center;color: #fff;}

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

body {margin: 0px; color:#000; font-size: 14px; font-family: Microsoft YaHei,微软雅黑,Arial, Helvetica, sans-serif;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

a:link { text-decoration: none;color: #131313;}

a:visited {text-decoration: none; color: #131313;}

a:hover { text-decoration: none; color: #000;}

a:active {text-decoration: none; color: #131313;}



/*header*/

.header {

	width: 100%;

	height: 222px;

	background: url(h_bg.jpg) no-repeat center;

}



.head {

	width: 1180px;

	height: 222px;

	margin: 0 auto;

}

.h_top{width: 1180px; height: 35px; margin: 0 auto; color: #666; font-size: 12px;}

.h_top p{ float: left; line-height: 35px;}

.h_top ul{ float: right; line-height: 35px;}

.h_top ul li{ float: left;}

.h_top ul li a{ font-size: 12px; color: #808080;}

.h_con h1{

	float: left;

	margin-left: 26px;

	margin-top: 10px;

}

.h_con p{

	float: left;

	font-size: 20px;

	font-weight: bold;

	color: #0e904e;

	margin-left: 50px;

	line-height: 40px;

	margin-top: 40px;

}

.h_con p span{

	color: #666666;

	font-weight: normal;

}

.tel_right{ float:right;}

.tel_right img{float: left; margin-top: 50px;}

.h_con .tel_right p{ float: left; font-size: 16px; color: #666; font-weight: normal;line-height: 26px; margin-top: 66px; margin-left: 20px;}

.tel_right p span{font-size: 24px; color: #0e904e;font-weight: bold; line-height:30px;font-family:Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";}



.navbox{background-color: #0e904e;  width: 100%; height: 50px; overflow: hidden;}

.nav{ width: 1180px; height: 50px; margin: 0 auto;}

.nav ul{ float: left;}

.nav ul li{ width: 118px; height: 50px; font-size: 16px;  float: left; font-weight: 500; line-height: 50px;}

.nav ul li a{ float: left;color: #fff; display: block; text-align: center; width: 118px; }

.nav ul li:hover{ background:url(y.png) 8px 22px no-repeat #ff6000; height:62px; margin-top:-14px;}


.nav ul li a:hover,.nav ul .another a{background-color: #c4dd65;background:url(y.png)  text-align: center; color: #0e904e;}


.huangtao{background-color: #990033;  width: 100%; height: 50px; overflow: hidden;}
.d-h{ height:48px; background-color:#990033; margin-top:30px;width: 1180px;margin: 0 auto;}
.dh-title li{ float:left; display:block; width:137px; line-height:48px; text-align:center;}
.dh-title li a {color:#FFF; display:block;line-height:48px; }
.dh-title li.hover{background:url(y.png) 8px 22px no-repeat #ff6000; height:62px; margin-top:-14px;}
.dh-title li:hover{ background:url(y.png) 8px 22px no-repeat #ff6000; height:62px; margin-top:-14px;}
.dh-title li:hover a{line-height:62px; margin-left:8px;}
.dh-title li.hover a{line-height:62px; margin-left:8px;}
.dh-title li a:hover {color:#FFF;}

.d-h li ul{ position:absolute; z-index:9999; display:none;}
.d-h li:hover ul{ display:block;width: 274px; background:#fff;}
.d-h li:hover ul li{float:left; background:#fff; width:137px;border:none;border-bottom: 1px solid #eee;margin:0px;height:40px;}
.d-h li:hover ul li a{ color:#333;text-align:left; padding:0 30px;margin:0px;height:40px; line-height:40px;}
.d-h li:hover ul li a:hover{background:url(nav_hover2.png) 120px 18px no-repeat #ff6000;font-weight:normal; color:#fff; text-decoration:none;text-indent: -5px;padding:0 30px;text-align:left;}

.zy_bj{ background:url(zy_bj_02.jpg) no-repeat 0 150px; height:327px;}
.mp {width:1400px;height:auto;margin:0 auto;padding-top:70px;}
.mpleft {width:168px;padding-top:188px;background:url(zycp.jpg) 0 31px no-repeat;float:left;}
.mpright {width:1200px;height:auto;float:right;overflow:hidden;}
.mprobox {width:1300px; height:213px;float:left;}
.mproeach {width:213px;height:213px;float:left;display:block;margin-right:8px;position:relative;}
.proimg {width:213px; height:213px;}
.procover {width:213px; height:213px; position:absolute; left:0;top:0; display:block; z-index:999; background:url(a1.png) no-repeat;}
.procover h2 {padding-top:160px;text-align:center; font-size:18px;color:#333; font-weight:normal;}
.procover:hover {width:213px;height:213px;background:url(a2.png) no-repeat 1px 0px;}
.procover:hover h2 {color:#fff;}

.root26{width:1100px;margin:0 auto; }
.youshi{ background:url(youshi.jpg)  center; height:635px; }
.wz_zong{ }

.wz_zong h3{font-size: 18px;color: #cd2936;}
.wz_zong p{font-size: 14px;color: #0c0c0c;margin-top: 17px;line-height: 25px;}
.ys_text1{ padding-left:10px; padding-top: 195px; width: 370px;}
.ys_text1 h3{ padding-left:270px;}

.ys_text2{ padding-left:720px; margin-top: -85px; width: 370px;}
.ys_text2 h3{ padding-left:80px;}

.ys_text3{ padding-left:0px; margin-top: 10px; width: 360px;}
.ys_text3 h3{ padding-left:260px;}

.ys_text4{ padding-left:750px; margin-top: -38px; width: 360px;}
.ys_text4 h3{ padding-left:70px;}

.ys_text5{ padding-left:0px; margin-top: -10px; width: 360px;}
.ys_text5 h3{ padding-left:170px;}
.dhhm p{ margin-left:810px; font-size:32px; margin-top:-40px;color:#F00; font-weight:bold;}


.product{ background:url(beijing.jpg) no-repeat center; height:685px;}
.lt{width:1100px;margin:0 auto;}
.cp{ background:url(xian.jpg) no-repeat -10px 120px; margin-left:250px; padding-top:85px; height:80px;}
.cp li{ background:url(quan.jpg) no-repeat 39px 30px; float:left; display:block; width:91px; font-size:18px; text-align:center; height:50px; font-weight:bold;}
.cp li a{color:#FFF; display:block; height:40px; width:91px;}
.cp li:hover{background:url(quan_hover.jpg) no-repeat 39px 26px; }
.cp li a:hover{ color:#F00;}

/*产品双行滚动*/
#demo{overflow:hidden;width:1100px;}
#demo .demowrap{overflow:hidden;width:30000px;}
#demo .demowrap{ display:block;float:left;overflow:hidden;margin:0px auto;}
#demo .demowrap li { display:inline; float:left; margin:19px 5px 0 5px; width:250px;height: 220px;overflow: hidden;}
#demo .demowrap li img{ border:1px solid hsl(0, 0%, 87%); width:250px; height:220px;}
#demo .demowrap li a {position: relative;display: block;width: 250px;height: 220px;color: hsl(0, 0%, 100%);}
#demo .demowrap li a span {transition: all .45s cubic-bezier(.215, .61, .355, 1);transition:all ease-out .2s; width:250px;text-align:center;position:absolute;left:1px;top:190px;height:170px;background:url(imgbg1.png) repeat;padding:10px 10px 0 10px;}
#demo .demowrap li a:hover span{    color: hsl(0, 0%, 100%);top: 1px;transition: all .45s cubic-bezier(.215, .61, .355, 1);width:230px;height:170px;padding:50px 10px 0 10px;} 
#demo .demowrap li a span h3{font-size: 14px; margin:0; padding:0;}
#demo .demowrap li a span p {   font-size: 12px;   color: hsl(0, 0%, 100%);   margin: 50px;}
#demo1{float:left;height: 490px;width: 1572px;}
#demo2{float:left;height: 490px;width: 1572px;}


.casePart {
	height: 360px;
	overflow: hidden;
	margin-top: 10px;
}
.mr_frbox {
	height: 360px;
}
.mr_frBtnL {
	float: left;
	margin: 140px 10px 0px 0px;
	cursor: pointer;
	display: inline;
}
.mr_frUl {
	float: left;
	height: 360px;
	width: 1030px;
}
.mr_frBtnR {
	float: right;
	margin-top: 140px;
	cursor: pointer;
}
.mr_frUl ul li {
	display: inline;
	float: left;
	height: 330px;
	width: 330px;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
	padding-bottom: 30px;
	background-image: url(caseShow.png);
	background-position: bottom 0;
}
.mr_frUl ul li p {
	position: absolute;
	top: 290px;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-image: url(caseTable.png);
	color: black;
}
.mr_frUl ul li img {
	display: block;
	width: 330px;
	height: 330px;
}

.title_nav{

	width: 600px;

	height: 60px;

	margin:0 auto;

	background: url(title_nav.jpg) no-repeat center bottom;

}

.title_nav i{

	font-size: 40px;

	color: #e5e5e5;

	text-align: center;

	display: block;

	text-transform: uppercase;

	line-height: 32px;

}

.title_nav h2 a,.title_nav h3 a{

	font-size: 24px;

	color: #0fc429;

	text-align: center;

	font-weight: bold;

	margin-top: -34px;

	display: block;

}

.title_nav span{

	font-size: 14px;

	color: #999999;

	display: block;

	text-transform: uppercase;

	text-align: center;

	line-height: 20px;

}

.clearfix{clear:both;}









/* case start */

.case{

	width: 100%;

	margin-top: 50px;

}

.case_con{

	width: 1180px;

	height: 478px;

	margin-top: 35px;

}

.case_con dl{

	width: 1180px;

	height: 270px;

	overflow: hidden;

}

.case_con dl dd{

	width: 574px;

	height: 270px;

	float: left;

	margin-left: 32px;

	overflow: hidden;

}

.case_con dl dd:first-child{

	margin-left: 0;

}

.case_con dl dd > a{

	width: 360px;

	height: 270px;

	overflow: hidden;

	display: block;

	float: left;

}

.case_con dl dd > a img{

	width: 360px;

	height: 270px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.case_con dl dd > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.case_con dl dd .case_w{

	width: 194px;

	height: 220px;

	background: #fafafa;

	float: left;

	padding-left: 20px;

	padding-top: 50px;

	overflow: hidden;

}

.case_w h4 a{

	font-size: 16px;

	color: #4c4c4c;

	width: 170px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.case_w h4 a:hover{

	color: #0fc429;

}

.case_w p{

	font-size: 14px;

	color: #595959;

	line-height: 24px;

	width: 170px;

	height: 72px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3;

	overflow: hidden;

	margin-top: 30px;

	margin-bottom: 30px;

}

.case_w > a{

	font-size: 14px;

	color: #595959;

}

.case_w > a:hover{

	color: #0fc429;

}

.case_con .case_cont{

	width: 1180px;

	height: 180px;

	margin-top: 28px;

	overflow: hidden;

	position: relative;

}

.case_cont > a{

	width: 30px;

	height: 50px;

	position: absolute;

	top: 65px;

	display: block;

}

.case_cont .lefts{

	background: url(case_jt.jpg) no-repeat left top;

	left: 0;

}

.case_cont .rights{

	background: url(case_jt.jpg) no-repeat right top;

	right: 0;

}

.case_cont .case_nr{

	width: 1072px;

	height: 180px;

	overflow: hidden;

	margin: 0 auto;

}

.case_nr ul{

	width: 1072px;

	height: 180px;

	overflow: hidden;

	margin: 0 auto;

}

.case_nr ul li{

	width: 242px;

	height: 178px;

	border: 1px solid #ccc;

	float: left;

	margin-right: 32px;

	overflow: hidden;

	position: relative;

}

.case_nr ul li:hover{

	border-color: #0fc429;

}

.case_nr ul li a{

	width: 242px;

	height: 178px;

	overflow: hidden;

	display: block;

}

.case_nr ul li a img{

	width: 242px;

	height: 178px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.case_nr ul li a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform: scale(1.2,1.2);

}

.case_nr ul li h4{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 30px;

	background: rgba(15,196,41,0.8);

}

.case_nr ul li h4 a{

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 30px;

	width: 100%;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.case_nr ul li h4:hover{

	background: #0fc429;

}

/* case end */




.jianjiebg{ background:url(jianjiebg.jpg) center no-repeat; height:767px; width:100%;}

.jianjiebg .jianjie{ width:1180px; margin:0 auto;}

.jianjie .jjt{ text-align:center;width:1180px;  font-size:16px; padding:20px 0px;}

.jianjie .jjt a{ color:#149824; font-size:30px; font-weight:bold;}



.jianjie h4{width:834px; height:334px; margin:0 auto;}

.jianjie h4 img{ width:834px; height:334px;}

.jianjie h4 > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}


.jianjie h5{font-size:14px;width:834px; height:260px; margin:0 auto; line-height:36px; text-align:center;}

.jianjie h6{ width:173px; height:50px;margin:0 auto; background:#149824; text-align:center; line-height:50px;}

.jianjie h6 a{ color:#FFF; font-size:16px;}










.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

}



/*footer*/

.f_box{

	width: 100%;

	height: 328px;

	background: url(f_bg.jpg) no-repeat center;

	clear: both;

	overflow: hidden;

}

.f_con{

	width: 1180px;

	height: 328px;

}

.f_nav{

	width: 1154px;

	height: 40px;

	border: solid #fff 1px;

	overflow: hidden;

	margin: 40px auto auto;

}

.f_nav ul{

	overflow: hidden;

	margin-left: 80px;

}

.f_nav ul li{

	float: left;

}

.f_nav ul li a{

	float: left;

	font-size: 15px;

	color: #fff;

	line-height: 40px;

	margin-left: 20px;

	margin-right: 20px;

}

.f_con{

	width: 1180px;

	margin: 0 auto;

	position: relative;

}

.f_con em img{

	width: 100px;

	height: 100px;

	position: absolute;

	left: 10%;

	top: 50px;

}

.f_con h2{

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	font-weight: 500;

	top: 50px;

	position: absolute;

	left: 30%;

}

.f_con p{

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	top: 74px;

	position: absolute;

	left: 30%;

}

.f_con p a{

	font-size: 14px;

	color: #fff;

	line-height: 24px;

}



/*浮动客服*/

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}

#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background: #16934f;color:#fff;font-size:18px;text-indent:22px;position:relative;}

#floatDivBoxs .floatDqq{padding:0 14px;}

#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}

#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}

#floatDivBoxs .floatDtel{padding:0 0 15px 10px; font-size:21px; font-weight:bold; color: #16934f;}

#floatDivBoxs .floatDtel img{display:block;}

#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}

.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}

#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}

#rightArrow a{display:block;height:45px;}

.zd{ width:100%; height:65px; margin:auto; margin-top:10px;}

.zd a{ display:block; width:65px; height:56px; margin:auto;}

.wx img{ width:106px; height:106px;}