@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg2.jpg);}
.content h2{
	height:129px;
	line-height:61px;
	text-align:center;
	font-size:32px;
	color:#333;
	font-weight:normal;
	padding:48px 0 22px;
	text-transform:uppercase;
	position:relative;}
.content h2 b{
	display:block;
	height:68px;
	line-height:68px;
	color:#0961bb;
	font-size:50px;}
.content h2:before{
	content:"";
	position:absolute;
	left:50%;
	top:115px;
	margin-left:-25px;
	width:50px;
	height:3px;
	background:#0961bb;}


.pro{
	padding-bottom:30px;}
.promenu{
	height:72px;
	background:#fff;}
.promenu li{
	float:left;
	width:240px;
	text-align:center;
	height:72px;}
.promenu li a{
	display:block;
	height:44px;
	line-height:22px;
	padding:14px 0;
	font-size:16px;
	background:#0961bb;
	color:#fff}
.promenu li:nth-child(even) a{
	background:#eeeeee; color:#333;}
.promenu li a:hover{
	color:#fff;
	background:#8bc12b;}
.prolist{
	width:1228px;
	margin-top:20px;}
.prolist li{
	float:left;
	width:50%;
	margin-top:15px; 
	text-align:center;}
.prolist li a{
	line-height:58px;
	font-size:16px;
	display:block;}
.prolist li img{
	box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; border:1px solid #ddd;}
.advantage{
	background:url(../images/advantage.jpg) no-repeat top center;
	height:1256px;}
.advantage .main{
	background:url(../images/advantage.jpg) no-repeat top center;
	position:relative;}
.advantage h2{
	height:128px;
	line-height:48px;
	text-align:center;
	font-size:32px;
	color:#fff;
	font-weight:normal;
	padding:60px 0 30px;
	position:relative;
	text-transform:uppercase;}
.advantage h2 b{
	display:block;
	height:80px;
	line-height:80px;
	color:#fff;
	font-size:50px;}
.advantage h2:before{
	content:"";
	position:absolute;
	left:50%;
	top:140px;
	margin-left:-25px;
	width:50px;
	height:3px;
	background:#8bc12b;}
.advantage .word{
	position:absolute;
	width:630px;}
.advantage .word .title{
	height:84px;
	line-height:84px;
	color:#666;
	font-size:22px;
	font-weight:bold;
	position:relative;}
.advantage .word .title b{
	font-size:40px;
	padding-right:15px;
	color:#0961bb}
.advantage .word .title:before{
	content:"";
	position:absolute;
	left:0px;
	bottom:0;
	width:60px;
	height:4px;
	background:#8bc12b;}
.advantage .word .desc{
	color:#333;
	line-height:24px;
	font-size:15px;
	padding-top:13px;}
.advantage .word1{
	left:50px;
	top:250px;}
.advantage .word2{
	left:50px;
	top:430px;}
.advantage .word3{
	left:505px;
	top:752px;}
.advantage .word4{
	left:505px;
	top:944px;}

.quick{
	background:#0961bb;
	padding:8px;
	margin-top:60px;}
.quick .box{
	border:1px solid #0961bb;
	padding:0 50px 65px;
	position:relative;}
.quick .box:after{
	content:"公司自行研发并取得中华人民共和国知识产权局颁发的发明专利——《一种活性氧化锌湿法生产工艺》（专利号ZL.2012.1.0105544.5）";
	position:absolute;
	left:50px;
	height:40px;
	line-height:40px;
	bottom:15px;
	color:#78c1f7;
	font-size:14px;
	font-weight:normal;}
.quick .title{
	position:relative;
	padding-top:33px;
	font-size:18px;
	color:#fff;
	line-height:24px;}
.quick .title b{
	display:block;
	font-size:32px;
	color:#8bc12b;
	height:42px;
	line-height:42px;}
.quick .title:before{
	content:"7x12小时服务热线：155 5559 9002";
	position:absolute;
	right:0px;
	height:40px;
	line-height:40px;
	top:0px;
	color:#fff;
	font-size:22px;
	font-weight:bold;}
.quick .ginput{
	float:left;
	width:480px;
	margin-top:20px;}
.quick .ginput input{
	float:left;
	width:200px;
	border:none;
	margin-right:10px;
	margin-top:10px;
	height:34px;
	font-size:14px;
	padding:0 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}
.quick textarea{
	float:left;
	width:443px;
	height:56px;
	margin-top:30px;
	font-size:14px;
	border:none;
	padding:11px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}
.quick .gsubmit{
	float:left;
	width:120px;
	margin-left:10px;
	height:78px;
	margin-top:30px;
	font-size:18px;
	border:none;
	background:#8bc12b;
	color:#fff;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}

.khjz{
	background:url(../images/bg.jpg) no-repeat center bottom;
	padding-bottom:80px;}
.khjz h3{
	height:54px;
	line-height:54px;
	font-size:28px;
	font-weight:bold;
	color:#0961bb;
	margin-top:-40px;}
.khjz h3 a{
	float:right;
	font-size:14px;
	color:#0961bb;}
.khjz .caselist{
	width:1213px;}
.khjz .caselist li{
	float:left;
	width:290px;
	margin-right:13px;
	text-align:center;}
.khjz .caselist li a{
	line-height:58px;
	font-size:16px;
	display:block;}
.khjz .khjzlist{
	width:1228px;}
.khjz .khjzlist li{
	float:left;
	width:250px;
	padding:15px;
	background:#fff;
	margin-right:27px;
	text-align:center; margin-top:15px;}
.khjz .khjzlist li a{
	line-height:24px;
	font-size:16px;
	display:block;
	text-align:left;
	color:#0961bb;}
.khjz .khjzlist li img{
	padding-bottom:12px;}
.khjz .khjzlist li a span{
	display:block;
	padding-bottom:8px;
	font-size:14px;
	font-weight:bold;
	position:relative;}
.khjz .khjzlist li a span:after{
	position:absolute;
	content:"";
	left:0px;
	bottom:-1px;
	width:50px;
	height:1px;
	background:#0961bb;}
.khjz .khjzlist li .desc{
	line-height:22px;
	color:#666;
	font-size:13px;
	text-align:left;
	border-top:1px solid #ededed;
	padding:10px 0;}

.about{
	line-height:28px;
	font-size:16px;
	text-align:justify}
.about img{
	float:left;
	width:580px;
	height:320px;
	margin-right:40px;}
.about span{
	color:#0961bb;}
.about b{
	font-size:16px;
	font-weight:bold;
	color:#0961bb;
	position:relative;
	padding-left:25px;
	padding-right:40px;}
.about b:before{
	content:"○";
	position:absolute;
	left:5px;
	height:22px;
	line-height:22px;
	top:0;}
.honor{
	clear:both;
	float:none;
	margin-top:50px;}
.honor ul{
	width:1237px;}
.honor ul li{
	float:left;
	width:222px;
	height:327px;
	overflow:hidden;
	margin-right:19px;}
.honor ul li img{
	width:210px; padding:5px;     height:291px;  border: 1px solid #ddd;}
.honor .btn{
	width:300px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#8bc12b;
	font-size:18px;
	color:#fff;
	display:block;
	margin:45px auto 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}
.factory ul{
	width:1226px;}
.factory ul li{
	float:left;
	width:280px;
	height:200px;
	overflow:hidden;
	margin-right:26px;}
.factory ul li img{
	width:280px;}
.factory .btn{
	width:300px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#8bc12b;
	font-size:18px;
	color:#fff;
	display:block;
	margin:45px auto 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}

.telad{
	margin-top:50px;}

.tab{
	float:left;
	width:580px;}
.tab .tab_menu{
	height:54px;
	line-height:54px;
	border-bottom:1px solid #ddd;
	position:relative;}
.tab .tab_menu a{
	float:right;
	font-size:14px;
	color:#666;}
.tab .tab_menu ul li{
	float:left;
	width:95px;
	font-size:20px;
	cursor:pointer;}
.tab .tab_menu ul li.selected{
	color:#0961bb;}
.tab .tab_menu:before{
	background:#0961bb;
	content:"";
	width:50px;
	height:1px;
	position:absolute;
	left:0px;
	bottom:-1px;}
.tab .tab_box .st2{
	margin-top:18px;}
.tab .tab_box .st2 a{
	display:block;
	line-height:45px;
	font-size:16px;}
.tab .tab_box .st2 .desc{
	font-size:14px;
	line-height:22px;
	color:#666;
	padding-bottom:10px;
	border-bottom:1px dashed #ddd;}
.tab .tab_box ul li{
	height:39px;
	font-size:14px;
	line-height:39px;
	border-bottom:1px dashed #ddd;}
.tab .tab_box ul li span{
	float:right;
	font-size:12px;
	color:#999;}
.faq{
	float:right;
	width:580px;}
.faq .title{
	height:54px;
	line-height:54px;
	border-bottom:1px solid #ddd;
	position:relative;}
.faq .title:before{
	background:#0961bb;
	content:"";
	width:50px;
	height:1px;
	position:absolute;
	left:0px;
	bottom:-1px;}
.faq .title{
	font-size:20px;
	color:#0961bb;
	cursor:pointer;}
.faq .title a{
	float:right;
	font-size:14px;
	color:#666;}
.faq ul li{
	height:100px;
	padding:10px 0;
	border-bottom:1px solid #ddd;}
.faq ul li a{
	display:block;
	height:40px;
	padding:30px 0;
	line-height:20px;}
.faq ul li a i{
	float:left;
	width:96px;
	line-height:40px;
	font-style:normal;
	font-size:40px;
	color:#0071c1;
	margin-right:20px;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #d8d8d8;}
.faq ul li a:hover{
	background:#0071c1;
	color:#fff;}
.faq ul li a:hover i{
	background:#0071c1;
	color:#fff;}
.faq ul li a b{
	display:block;
	font-size:14px;
	font-weight:bold;}
.faq ul li a span{
	display:block;
	font-size:12px;}