@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-family:SYHT,微软雅黑, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; list-style:none; font-weight:normal; color:#666;}
a{text-decoration:none;}
img{display:inline-block; border:0 none;}
body{text-align:center;}


.header{width:100%; overflow:hidden;}
.header .nav{width:1000px; margin:0 auto;}
.header .nav h1{font-size:36px; color:#128014; height:72px; line-height:72px; display:inline-block; float:left;}
.header .nav ul{margin-left:40px;}
.header .nav li{display:inline-block; float:left;}
.header .nav li a{display:inline-block; padding:0 40px; font-size:24px; height:72px; line-height:72px;}
.header .nav li a:hover{color:#128014;}


.header .banner img{width:100%; height:auto; overflow:hidden; z-index:0;}


.content{width:100%; margin-top:-108px;}
.content .about,.content .prouct{width:1000px; margin:0 auto;  position:relative;}
.content .about{background-color:#128014;  z-index:2;}
.content .about ul{overflow:hidden;}
.content .title,.footer .title{position:relative; text-align:left;}
.content .title span,.footer .title span{display:inline-block; background:url(../imgages/title_icon01.png) no-repeat top left; margin-left:20px;}
.content .about .aboutUs span{width:178px; height:64px; position:absolute; top:-32px;}
.content .about .info,.content .about .aboutImg{display:inline-block; width:50%; float:left;}
.content .about .info p{width:90%; margin:105px 5%; color:#fff; text-indent:32px; line-height:32px; text-align:left;}
.content .about .aboutImg{display:inline-block;width:420px; height:276px;margin:60px 40px 40px 40px;background:url(../imgages/img_01.jpg) no-repeat top left;}


.content .prouct{z-index:3;}
.content .proucts span{background-position:0 -117px; width:150px; height:60px;position:absolute; top:-35px; z-index:4}
.content .prouct .proucter{width:100%; overflow:hidden;}
.content .prouct .proucter ul{display:inline-block; width:320px; float:left; margin:6.6px; text-align:center;*margin:3.3px; *border:1px #ddd solid;}
.content .prouct .proucter ul:hover{box-shadow:0 0 5px #ddd;}
.content .prouct .proucter .top{margin-top:60px;}
.content .prouct .prouctName{font-size:24px; line-height:36px;}
.content .prouct .prouctName span{display:inline-block; font-size:14px; line-height:24px; color:#999; border-top:1px #ddd solid;}
.content .prouct .more{margin:10px 0;}
.content .prouct .more a{display:inline-block; width:120px; height:36px; line-height:36px; border:1px #128014 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.content .prouct .more a:hover{background:#128014; color:#fff;}


.footer{width:100%; background-color:#128014; margin:0 auto; margin-top:100px;}
.footer .main{width:1000px; margin:0 auto;}
.footer .contactUs span{background-position:0 -234px; width:207px; height:64px; position:absolute; top:-30px;}
.footer .contact{overflow:hidden;}
.footer .main ul li{display:inline-block; width:50%; float:left; margin-top:60px;}
.footer li span{color:#ccc; line-height:42px; margin-left:80px;}
.footer .copyRight{width:100%; text-align:center; padding:50px 0 20px; color:#bbb; font-size:16px;}
.footer .copyRight span{display:inline-block; width:80px; height:1px; background-color:#bbb; margin:0 20px; margin-top:-6px;}