@charset "utf-8";
/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#757575;text-decoration:none;}
a:hover {color:#0695cd;}
a:active {color:#0695cd;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#757575;}  
#toubu {
	background-color: #046BC1;

	width: 100%;
	margin:auto; padding:15px 0;
}
#toubu2 {
	margin: auto;

	width: 1003px;
}

#logo {
	float: left;
}
#logo img{ height:60px;}
#youjiao {
	line-height: 20px;
	text-align: right;
	color: #FFFFFF;
}
#youjiao a {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#daohang {
	float: none;

	text-align: right;
	line-height: 60px;
	color: #FFFFFF;
}
#daohang a {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	 margin-left:15px; margin-right:15px;
}
#banner {
	overflow:hidden;
	width: 1003px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#jianjie {
	margin: auto;
	height: 30px;
	width: 1003px;
	background-image: url(../images/i1.jpg);
	background-repeat: no-repeat;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	text-indent: 10px;
}
#jianjienr {
	margin: auto;
	width: 1003px;
	height: 235px;
}
#jianjienr1 {
	float: left;
	height: 218px;
	width: 285px;
	margin-top: 10px;
}
#jianjienr2 {
	float: left;
	width: 440px;
	height: 218px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
	margin-left: 10px; overflow:hidden
}
#jianjienr3 {
	float: right;
	margin-top: 10px; width:250px;
}
.inews{ width:100%; height:28px; padding:3px 0; line-height:28px; font-size:14px; border-bottom:1px dashed #ddd;}
.ititle{ width:160px; float:left; overflow:hidden; height:28px;}
.itime{ float:right; width:80px; text-align:right}
#ggao {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 1003px;
}
#cpzsb {
	height: 315px;
	width: 1003px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#taizis {
	width: 1003px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#tzsbt {
	background-image: url(../images/i2.jpg);
	height: 31px;
	width: 1003px;
	background-repeat: no-repeat;
	line-height: 31px;
	font-size:14px;
	color: #FFF;
	text-indent: 14px;
}


#cpzs2 {

	width: 1001px;
	border: 1px solid #e0e0e0; padding-top:15px; overflow:hidden; padding-bottom:15px;
}
#cpzs3 {
	margin: auto;
	width: 940px;
}
#cp1 {
	width: 176px;
	margin-left: 20px;
	float: left;
}
#cp1 img{ width:166px; padding:4px; border:1px solid #ddd;}
#cp1 p {
	font-size: 14px;
	text-align: center;
}
#touzi {
	margin: auto;
	width: 1003px;
	text-align: center;
}
#hezuo {
	width: 1003px;
	height: 97px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#hezuo1 {
	height: 97px;
	width: 83px;
	float: left;
}
#hezuo2 {
	background-image: url(../images/%E5%86%9C%E4%BA%A7%E5%93%81%E6%8A%95%E8%B5%84_43.jpg);
	float: left;
	height: 97px;
	width: 920px;
	text-align: center;
}
#banquan {
	width: 100%;
	background-color: #046BC1;
	height: 5px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#banquan1 {

	width: 1003px;

	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666; padding:15px 0; line-height:25px;
}
#banquan1 a {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

/*产品中心CSS*/
#neiye {
	height: 895px;
	width: 1003px;
	margin: auto;
}


#neiyezuo {
	float: left;
	height: 100%;
	width: 200px;
}
#neiyeyou {
	width: 793px;
	float: left;
	height: 100%;
	padding-bottom: 10px;
	margin-left: 10px;
}

#cpfl2 {
	height: 30px;
	width: 200px;
}
#cpfl2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#cpfl2 ul li {
	background-image: url(../images/neiye/%E4%BA%A7%E5%93%81%E4%B8%AD%E5%BF%83_07.jpg);
	height: 30px;
	width: 200px;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 30px;
	text-indent: 40px;
}
#cpfl2 ul li a {
	color: #666;
	text-decoration: none;
}
#cpfl2 ul li a:hover {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #F00;
	text-decoration: underline;
}
#lxwm2 {
	font-family: "微软雅黑";

	color: #666;
	line-height: 25px;
	width: 198px;
	border: 1px solid #e0e0e0;
}
#cpf {
	float: left;
	height: 340px;
	width: 200px;
}
#lxwm {
	float: left;
}
#cpzsn2 {
	border: 1px solid #e0e0e0;
	height: 852px;
	width: 791px;
	float: right;
	padding-top: 10px;
}
#cpn1 {
	width: 235px;
	height: 284px;
	margin-left: 21px;
	float: left;
}
#cpn1 p {
	font-size: 14px;
	text-align: center;
}

/*关于我们CSS--------------------------------------*/
#gywm {
	overflow:hidden;
	width: 1003px;
	margin:0 auto;
}


#gywmzuo {
	float: left;
	height: 100%;
	width: 200px;
}
#gywmyou {
	width: 793px;
	float: right;
	height: 100%;
	padding-bottom: 10px;
}

#gywm2 {

	width: 200px; overflow:hidden;
}
#gywm2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#gywm1{ width:200px; height:30px; line-height:30px; text-indent:20px; font-size:14px; color:#FFF; background:url(../images/lefttop.jpg)}
#gywm2 ul li {
	background: url(../images/leftli2.jpg) center left;
	height: 30px; padding:5px 0;
	width: 200px;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 30px;
	text-indent: 40px;
}
#gywm2 ul li a {
	color: #666;
	text-decoration: none;
}
#gywm2 ul li a:hover {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #F00;
	text-decoration: underline;
}

#gywmda {
	float: left;
	overflow:hidden; margin-bottom:10px;
	width: 200px;
}


#gywms {
	background-image: url(../images/righttop.jpg);
	height: 31px;
	width: 793px;
	
	color: #FFF;
	line-height: 31px;
	text-indent: 16px;

}
.ll{ float:left; color:#fff; font-size:14px;}
.rr{ float:right; color:#333; padding-right:10px;}
#gywmx {
	border: 1px solid #e0e0e0;
	width: 761px; padding:15px;
	float: right; line-height:30px; font-size:14px; overflow:hidden;

}


.prolist{ float: left; width: 100%; }
.prolist li{ float: left; width: 198px; margin:0 27px; margin-bottom:20px; display: inline;}
.prolist li img{ display: block; width: 196px; height: 196px; border: 1px solid #e9e9e9; border-radius: 5px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;}
.prolist li span{display: block; text-align: center; line-height: 40px; color: #383838; font-size: 14px;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s; height: 40px; overflow: hidden; }
.prolist li.hover img{border: 1px solid #aacd06; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.prolist li.hover span{background: #aacd06;  border-top: medium none; color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.page{ float: left;}
.page a{ float: left; display:block; line-height: 24px; margin: 0 2px; padding: 0 8px; border: 1px solid #dcdcdc; color: #a0a0a0; display: inline;}
.page a.on,.page a:hover{ color: #aacd06; border: 1px solid #aacd06;}
.page a.page1{ background: #dcdcdc; border: medium none; width: 60px; height: 26px; line-height: 26px; text-align: center; color: #fff; margin: 0 10px 0 0;}
.page a.page1:hover{ color: #fff; border: medium none;}
.page a.act{background:#aacd06;}
.pagetxt{ float: right; color: #7d7d7d; line-height: 26px; }
/*products end*/

/*beauty*/
.beautylist{ float: left; width: 100%; padding: 0 0 40px;}
.beautylist li{ float: left; width: 100%; border-bottom: 1px solid #eeeded; padding-bottom: 20px;margin: 20px 0 0;}
.beautylist dt{ float: left; width: 182px;}
.beautylist dt a{ display: block;}
.beautylist dt img{ width: 182px; height: 130px; border: 1px solid #eeeded; border-radius: 5px;}
.beautylist dd{ float: right; width: 584px;}
.title3{background: url(ico1.gif) no-repeat 0 center; padding: 0 0 0 25px; line-height: 32px; border-bottom: 1px dotted #bab9b9; font-size: 14px;}

.detail3{line-height: 22px; height: 44px; overflow: hidden; text-indent: 2em; margin: 10px 0 0;}
/*beauty end*/

/*join*/
.joinlist{float: left; width: 100%; padding: 0 0 40px;}
.joinlist li{float: left; width: 100%; border-bottom: 1px solid #dcdcdc; line-height: 50px; padding: 10px 0;}
.joinlist li a,.joinlist li span{}
.joinlist li a.pos{ }
.joinlist li span{ margin: 0 0 0 70px;}
.joinlist li a.more2{float: right; width: 74px; height: 24px; border: 1px solid #ccc;  line-height: 24px; text-align: center; margin: 12px 0 0;-webkit-transition-property:background; -moz-transition-property:background; -o-transition-property:background; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.joinlist li a.pos:hover{ text-decoration: underline;}
.joinlist li a.more2:hover{ background: #70a41c; color: #fff;}
/*join end*/

/*contacts*/
.contactcon{ padding: 30px 0;}
.company1{ line-height: 26px; margin: 50px 0 0;}
.company1 i{ display: block; color: #7d7d7d; font-size: 14px; text-transform: uppercase;}
.company1 span{display: block; color: #70a41c; font-size: 16px;}
.contactinfo{ color: #7d7d7d; font-size: 14px; margin: 30px 0 0;}
.contactinfo i{ margin: 0 10px;} 
.detail4{ line-height: 18px; margin: 10px 0 0; color: #a0a0a0;}
.ewm{ float: left; margin: 110px 0 0;}
.ewm img{ display: block; width: 100px; height: 100px; vertical-align: bottom;}
.ewm p{ line-height: 20px; margin: 10px 0 0;}
/*contacts end*/

/*news*/
.newslist2{float: left; width: 100%; margin: 0 0 40px; display: inline;}
.newslist2 li{float: left; width: 100%; border-bottom: 1px dashed #dcdcdc; line-height: 50px; padding: 10px 0;}
.newslist2 li a,.joinlist li span{color: #7d7d7d;}
.newslist2 li a:hover{ color: #70a41c;}
.time3{ float: right;}
/*news end*/

/*share*/
.yahei{ } 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/