﻿@CHARSET "UTF-8";

body{background:url(../image/back.png) left bottom no-repeat,url(../image/base.jpg) left top repeat-x; color:#555;
    position:relative;font-size:100%;font:12px/1.5 微软雅黑,arial,sans-serif;vertical-align:baseline; overflow-x: hidden;
}

html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0; text-align: left; font-weight:normal;}
a{text-decoration:none;outline:none; color:#555;}
a:link{color:#555;}
a:visited{color:#555;}
a:hover,a:active,a:focus{color:#555;text-decoration:none;outline:none;}

input{padding:0;margin:0;}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clear{ clear: both;height: 0px;width: 0px;margin: 0 auto;font-size: 0;}


/*公共头部*/
.top{ height: 41px; line-height: 41px; background:#f5f5f5;}
.herd{ width:1000px; margin: 0 auto;}
.will{ float: left;}
.will span{ padding-left:15px;}
.home{ float: right;}
.home span{ padding: 0 10px;}


/*公共banner*/
.topbanner{width:1900px; margin:0 auto; position:relative; left:50%; top:0px; margin-left:-950px; overflow-x:hidden; height:510px; z-index: 10;}
#banner{width:1900px; margin:0 auto; position:absolute; left:50%; top:0px; margin-left:-950px; overflow-x:hidden; height:510px; z-index: 20;}
.back{width:1900px; margin:0 auto; position:absolute; left:50%; bottom:0px; margin-left:-950px; overflow-x:hidden; height:138px; z-index:30;}
.index-logo{ width:390px; margin:0 auto; position:absolute; left:50%; top:0px; margin-left:-500px; overflow-x:hidden; height:143px; z-index:30; }
.index-logo img{ height: 143px; width: 390px;}
#banner li img{ width: 1900px; height:510px;}
#banner ul.bb{position:relative; width:100%; z-index:9;}
#banner ul.bb li{position:absolute; left:0; top:0;}
#banner ul.num{position:absolute; right:10px; bottom:15px; z-index:10; width:100px;}
#banner ul.num li{float:left; width:18px; height:18px; background:#fff; margin-right:5px; text-align:center; line-height:18px; cursor:pointer;}
#banner ul.num li.ee{background:#ff0000; color:#fff;}


/*公共中间样式*/
.contact{ width: 1000px; margin: 0 auto; background: #f5f5f5; overflow: hidden; position: relative; z-index: 99; margin-top:-200px;}


/*公共导航*/
.menu{ height: 57px; line-height: 57px; background:#009f3b;}
.menu li{ float: left; width: 111px; text-align: center; background:url(../image/nav.png) center right no-repeat;}
.menu li a{  width: 125px; text-align: center; color: #fff; font-size: 16px;}
.menu li a:hover{   color: #fff000;}
.last{ background: none !important;}


/*公共底部*/
.foot{ height: 88px; background: #009f3b;  padding-top:28px; margin-top:20px;}
.foot p{text-align: center; line-height: 30px; color: #fff;}
.foot p a{ padding: 0 10px; color: #fff;}


/*翻页*/
.page{ margin:20px 0 30px 0; text-align: right;}
.page a{ border: 1px solid #eaeaea; background: #f8f8f8; padding: 10px 15px;}
.page a:hover{ background: #00a84c; color: #fff;}