@charset "gb2312";
h1,h2,h3,h4,h5,h6,img,body,ul,li,p,dd,dt dl{margin: 0;padding: 0;border: none;font-weight: normal;}
ul,li{list-style: none;}
input::-webkit-input-placeholder {color:#666666;}
input:-moz-placeholder {color:#666666;}
.index-from input::-webkit-input-placeholder{color:#dddddd;font-size:12px;}
body{font-size: 14px;font-family:"΢ÈíÑźÚ";}
a{color:inherit; text-decoration: none;}
.g-top {width: 100%;background: #333333;height: 35px;line-height: 35px;}
header .center-box {overflow: visible;}
.center-box {width: 1123px;overflow: hidden;margin: 0 auto;clear: both;}
.g-top .m-wel {color: #bbbbbb;float: left;font-size: 12px;}
.g-top .m-lang {float: right;}
.g-top .m-lang a.on {background: #21b960;}
.g-top .m-lang a {color: #FFF;display: block;height: 18px;line-height: 18px;float: left;padding: 0 5px;border-radius: 5px; margin-top: 8px;text-decoration: none; margin-left: 8px;}
.m-title{width: 100%;text-align: center;padding-top: 43px; padding-bottom:20px; background:url(../images/water-title.png) center bottom no-repeat; font-size:20px; line-height:36px; color:#777777; margin-bottom:30px;}
.m-title span{width: 100%;text-align: center;font-size:26px; line-height:40px; color:#777777; font-family:Arial; display:block;}
.m-product{overflow: hidden;}
.water{width: 1123px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}
	.water .m-product .u-list{
		float: left;
		margin-right: 75px;
		width: 28%;
		cursor: pointer;

	}
	.water .m-product .u-list:last-child{
		margin-right: 0;
	}
		.water .m-product .u-list .ico{
			width: 88px;
			height: 88px;
			border-radius: 90%;
			box-sizing: border-box;
			border: 1px solid #808080;
			margin: 0 auto;
			text-align: center;
			line-height:88px;
			font-size:30px;
			font-weight:bold;
			color: #a69e9e;
		}
	.water .m-product .u-list .ico.one{			
   		background-position-y: 14px;
	}
	.water .m-product .u-list .ico.two{			
   		background-position-y: -54px;
		background-position-x: 10px;
	}
	.water .m-product .u-list .ico.three{			
   		background-position-y: -122px;
	}
	.water .m-product .u-list .ico.four{			
   		background-position-y: -190px;
   		background-position-x: 15px;
	}
	.water .m-product .u-list .u-title{
		color: #2b2b2b;
		font-size: 18.16px;
		width: 100%;
		text-align: center;
		background: url(../img/line.png) no-repeat bottom center;
		height: 52px;
		line-height: 52px;
	}
	.water .m-product .u-list p{
		color: #969595;
		text-align: center;
		line-height: 20px;
		padding-top: 13px;
		padding-bottom: 19px;
	}
	.water .m-product .u-list .u-more{
		width: 60px;
		height: 25px;
		display: block;
		margin: 0 auto;
		border: 1px solid #8b8b8b;
		text-align: center;
		line-height: 25px;
		text-decoration: none;
		color: #8c8c8c;
	}
	.water .m-product .u-list:hover .ico{
		background-position-x: -85px;
		background-color: #21b960;
		border-color: #21b960;
		color: #FFF;
	}
	.water .m-product .u-list:hover .u-more{
		color: #21b960;
		border-color: #21b960;
	}
	.water .m-product .u-list:hover .ico.two{
		background-position-x: -82px;
	}

	.water .m-product .u-list:hover .ico.four{
		background-position-x: -74px;
	}

.product {
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 30px;
}
.center-box {
    width: 1123px;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
}

.m-product {
    overflow: hidden;}.product .m-more {
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: url(../img/more-line.png) no-repeat center center;
    clear: both;
    margin-top: 40px;
}
.header{ width:1200px; margin:0 auto;}
	.product .u-list{
		float: left;
		width: 260px;
		height: 311px;
		background: #FFF;
		box-sizing: border-box;
		margin-right: 20px;
		padding: 10px;
	}
	.product .u-list:last-child{
		margin-right: 0;
	}
	.product .u-list .thumb {
		height: 221px;
		position: relative;
	}
	.product .u-list .thumb .f-fdj{		
		background: rgba(33,185,96,0.77) url(../images/ico-fdj.png) no-repeat center center;
		bottom: 0;
		left: 0;
		position: absolute;
		z-index: 2;
		width: 100%;
		height: 221px;
		opacity: 0;
	}
	.product .u-list:hover .thumb .f-fdj{
		transition: all 1s;
		opacity: 1;
	}
	.product .u-list .title {
		text-align: center;		
		height: 66px;
		line-height: 66px;
	}
	.product .u-list .title a{
		color: #343434;
		font-size: 15.27px;
		font-weight: bold;

	}
	.product .u-list:hover .title a{
		color: #00ad57;
	}
	.product .m-more{
		width: 100%;
		height: 32px;
		line-height: 32px;
		background: url(../css/images/more-line.png) no-repeat center center;
		clear: both;
		margin-top: 40px;
	}
		.product .m-more a{
			color: #FFF;
			border-radius: 20px;
			background: #00ad57;
			display: block;
			margin: 0 auto;
			width: 106px;
			text-align: center;
			height: 32px;
		}

.about {
    background: url(../images/about-bg.jpg) repeat-x center top;
    width: 100%;
    height: 630px;}
.about .content {
    margin: 0 auto;
    width: 1123px;
    padding-top: 166px;}	
	
.about .content .thumb {
    float: left;
    width: 518px;	}
.about .content .txt {
    float: left;
    width: 1123px;
    background: #FFF;
    padding-left: 30px;
    padding-right:30px;
    box-sizing: border-box;
}
.about .txt h1 {
    font-size: 16px;
    font-weight: bold;
    color: #3d3d3d;
    height: 43px;
    background: url(../images/blue-line.jpg) no-repeat bottom left;
    line-height: 56px;}
.about .txt p {
    color: #696969;
    font-size: 14.16px;
    line-height: 33px;
    padding-top: 40px;
}
.news {
    width: 1123px;
    margin: 0 auto;
    overflow: hidden;}

.news .content {
    padding-bottom: 50px;
    overflow: hidden;
    margin-top: 60px;
}	
.clear{clear:both;}
.content{ width:100%; display:table;}
.main{width:1120px; margin:0 auto; display:table;margin-top: 50px;}
.head img{float:right;}
.nav-ul{float:right;width:606px;}
.nav-ul ul li{float:left;color:#333333;font-size:16px;line-height: 112px; border-right: 1px solid #ececec;width: 100px;text-align: center;}
.nav-ul ul li a{ text-align:center;}
.nav-ul ul li:hover{color:#fff; background:#00ad57;}
.nav-ul ul li.on{background: #00ad57; display: block;color:#fff;}
.nav-ul ul li.on a{ color:#fff;}

.nav-img{float:left; padding-top: 30px;}
.nav-ul ul{}
.head{margin-top:13px;}
.head img{ width:255px;}
.index-logo{margin-top:70px;}
.index-logo dl{width:212px;float:left;text-align:center;margin-right:117px;}
.index-logo dl dd{line-height:30px;}
.index-logo dl dd h1{color:#333333;font-size:18px;}
.pro-head h1{color:#333333;font-size:29px;}
.pro-head h5{color:#8f8f8f;font-size:14px;}
.pro-head{margin-top:30px}
.pro-main{height: 625px;}
.pro-main ul{margin-top:30px;} 
.pro-main ul li{ float:left; width:290px; background:#fff;height: 280px;line-height: 24px;margin-right: 5px;margin-bottom: 14px;}
.pro-main ul li img{ text-align:center; display:block;margin: 0 auto;width:100%;    height: 219px;}
.pro-main ul li p{font-size:15px; color:#666; line-height:25px; font-weight:bold;padding-top: 20px;    text-align: center;}
.pro-main ul li h1{ font-size:12px; color:#F00;}
.pro-main ul li span{ font-size:12px; color:#999}

.contain{height: 112px;}
.contain img{ width:100%;}

.pro-se{background-color:#f5f5f5; height:}
.js-left{width:600px;float:left;margin-top:40px;}
.js-right{width:580px;float:right;margin-top:40px;}
.js-right h1{color:#333333;font-size:32px;}
.js-right p{color:#333333;font-size:16px;;line-height:40px;margin-top:20px;}
.about-js{margin-top:20px;line-height:45px;font-size:14px;}
.produce-left{width:200px;float:left;margin-top:10px;}
.produce-right{margin:0;width:950px;float:right;margin-top:10px;}
.produce-right dl{float:left;margin-right: 70px;}
.produce-right dl dd{text-align:center;}
.produce-left ul{width:200px;text-align:center;}
.produce-left ul li{background-color:#ddd;border-bottom:1px solid white;height:50px;line-height:50px;color:#333;}
.produce-p{margin-top:20px;color:#333;font-szie:14px;line-height:28px;}
.about-js img{ margin-left:362px;}
.con1{ width:1200px; margin-left:auto; margin-right:auto;}
.con1 img{ margin-top:65px; margin-left:500px; margin-bottom:30px;}
.con1 p{ font-size:16px; line-height:30px;}



.main_left{width:226px;float:left;}
.cpl{width:100%;float:left;}
.cpl_title{width:226px;height:54px;float:left;   background: url(../images/page-title.jpg) no-repeat left top;}
.cpl_tit1{width:86%;float:left;overflow:hidden;height:26px;line-height:26px;padding-top:13px;color:#fff;font-size:22px;font-family:'΢ÈíÑźÚ';padding-left: 18px;}
.cpl_tit2{width:86%;float:left;height:23px;line-height:23px;color:#fff;font-size:16px;font-family:'΢ÈíÑźÚ'; padding-left: 18px;}
.cplm{width:226px;float:left;}
.cplm ul{display:block;}
.cplm ul li{width:100%;float:left;height:45px;line-height:45px;color:#222222;font-size:14px;font-family:'΢ÈíÑźÚ';margin-top:1px;overflow:hidden; background:#dadada;}
.cplm ul li a{display:block;color:#222222; padding-left:48px;}
.cplm ul li:hover a{display:block;color:#222222; padding-left:48px; background:#0bb04f;}



.contact{width:100%;float:left;padding-top:17px;}
.contact_title{width:100%;float:left;height:39px;line-height:39px;background:#0c4ca1;color:#fff;font-size:14px;font-family:'΢ÈíÑźÚ';overflow:hidden;}
.titl{font-size:16px;font-weight:bold;padding-left:30px;}
.lxwm_content{ margin-bottom:20px;border: 2px solid #0bb04f;font-size:14px; line-height:26px;} 

.main_right{width:863px;float:right;}
.daohang{width:100%;float:left;height:33px;line-height:33px;color:#666666;font-size:12px;border-bottom: 1px solid #6ba943;}
.daohang a{color:#222222;}
.daohang p{ float:right; display:block; background:#6ba943; width:173px; height:47px; border-radius:0; line-height:47px; text-align:center; color:#fff; font-size:22px;margin-top: 10px;}
.contact_txt{ margin-top:78px; font-size:14px; line-height:27px; }

.product{ margin-top:78px;}
.product ul{}
.product ul li{ float:left; width:234px; height:242px;margin-right:17px; margin-right: 22px; margin-left: 20px; line-height:24px;}
.product ul li p{ font-size:14px; color:#666; font-weight:bold; padding-top:10px; text-align:center;}
.product ul li h1{ font-size:12px; color:#f00;}
.product ul li span{ font-size:12px; color:#999;}
.product ul li img{width:250px; height:181px; border:1px solid #ccc; padding:2px;}

.product_d{ width:900px;}
.product_d h2{font-size: 20px;line-height: 42px;height: 48px;border-bottom: 1px dashed #666;}
.product_d img{ text-align:center; display:block; margin:20px auto;}

footer{
	background: #333333;
	height: 216px;
}
	footer .g-left{
		float: left;
	}
		footer .g-left ul{
			padding-top: 73px;
		}
		footer .g-left a{
			color: #9e9e9e;
			line-height: 15px;
		}
		footer .g-left li{
			float: left;
			padding: 0 20px;
			height: 20px;
			overflow: hidden;
			border-right: 1px solid #9e9e9e;
		}
		footer .g-left li:last-child{
			border: none;
		}
		footer .g-left .copyright{
			color: #9e9e9e;
			clear: both;
			padding-left: 20px;
			padding-top: 36px;
		}
	footer .g-right{
		float: right;
		width: 410px;
		color: #626262;
		padding-top: 42px;
	}
		footer .tel{
			background: url(../images/tel.jpg) no-repeat left top;
			width: 100%;
			height: 51px;
			color: #FFF;
			font-size: 22px;
			padding:20px 0 0 40px;
			box-sizing: border-box;
		}
		footer .g-right div{
			margin-bottom: 10px;
		}
footer .g-right div img{ float:left;}









.fix_qq {
position: fixed;
right: 0px;
top: 50%;
margin-top:-80px;
width: 93px;
height: 122px;
z-index:9999;
background: url(../images/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../images/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../images/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../images/qq_04.png) no-repeat;
}