/* 本例子css */

.banner{ width:100%; height:700px; overflow:hidden; position:relative; margin: 0px auto;}
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:0px; bottom:30px; z-index:1; width: 100%; margin: 0 auto;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left; width: 100%; text-align: center; }
.banner .hd ul li{margin:0 5px;  width:15px; height:15px; display: inline-block; background:#ddd; cursor:pointer;border-radius: 8px;}
.banner .hd ul li.on{ background:#006428; color:#fff; }
.banner .bd{ position:relative; height:700px; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; width: 100%; height: 500px; padding-top:200px; background-position: top center; background-repeat: no-repeat; text-align: center; position: relative; z-index: 1;}
.banner .bd li h3,
.banner .bd li h4,
.banner .bd li p,
.banner .bd li em{ width: 1100px; height: auto; display: block; overflow: hidden; margin: 0 auto; text-align: center;}

.banner .bd li h3{color:#E59B11; font-size: 45px;}
.banner .bd li h4{color:#9A030D; font-size: 30px; line-height: 70px;}
.banner .bd li p{color:#006428; font-size: 14px; line-height: 35px;}
.banner .bd li em{color:#ddd; font-size: 12px; line-height: 20px; font-style: normal}
.banner .bd li a{display: inline-block; padding: 0 30px; background: #006428; color: #fff; border-radius: 5px; line-height: 40px; margin-top: 30px; opacity: 0.7;}
.banner .bd li a:hover{opacity: 0.9;}


.banner .prev,
.banner .next{ position:absolute; top:50%; margin-top:-43px; display:block; width:45px; height:87px; background-image:url(../img/arrow.png); filter:alpha(opacity=50);background-repeat: no-repeat; background-color: black; opacity: 0.5;}
.banner .prev{left:1%; background-position:0px 0px; }
.banner .next{ right:1%; background-position:-45px 0px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }


#mainBox{ width:100%; height: auto; padding: 10px 0;}
#mainBox *{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */;font-style: normal;}

.mBox{width:100%; height: auto; padding: 15px 0;}
.mBox *{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */;font-style: normal;}

.bBox{width:1100px; height: auto; overflow: hidden; display: block; margin: 0 auto;}

.iTit{ width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 24px;}
.iDes{ padding: 20px 0; text-align: center; line-height: 25px; display: block; overflow: hidden; height: auto; width: 80%; margin: 0 auto;}
.sevBox,.caseBox,.ysBox{ background: #fff}

.sevBox ul{ width: 100%; height: auto; overflow: hidden;}
.sevBox ul li{ width: 33.3333%; height: auto; overflow: hidden; display: block; float: left; padding: 15px;}
.sevBox ul li img{ width:100%; height: auto; }
.sevBox ul li span{ width:100%; height: auto; display: block; overflow: hidden; text-align: center; line-height: 45px; font-size: 20px; color: #006428 }

.aboutBox,.ysBox{ padding-bottom: 50px;}
.aboutBox .l{ width: 660px; height: auto; overflow: hidden; display: block; float: left; line-height: 30px; text-indent: 2em; text-align: left;}
.aboutBox .l a{ color:#006428}
.aboutBox .l a:hover{ color: #E59B11}
.aboutBox .r{ width: 400px; height: auto; overflow: hidden; display: block; float: right;}
.aboutBox .r ul{ width: 400px; height: auto; overflow: hidden; display: block; float: left; padding-bottom: 10px;}
.aboutBox .r ul li{ width: 400px; height: auto; overflow: hidden; display: block; float: left; line-height: 30px;}
.aboutBox .r ul li i{font-size: 24px; color: #BD2630; float: left; margin-right: 5px;}
.aboutBox .r #allmap{width:400px;height:200px;overflow: hidden;margin:0;font-family:"微软雅黑"; border: 1px solid #ddd; padding: 2px;}


.caseBox,.newBox{ padding: 50px 0;}
.caseBox ul {width: 100%; height: 460px; display: block; overflow: hidden; position: relative; z-index: 1}
.caseBox ul li{display: block; overflow: hidden; position: absolute; z-index: 2}
.caseBox ul li img{width: 100%; height:auto; display: block; overflow: hidden;}
.caseBox ul li a{width: 100%; height: 100%; display: block; overflow: hidden;}
.caseBox ul li:nth-child(1){ width: 380px; height: 390px; left: 0; top: 0;}
.caseBox ul li:nth-child(2){ width: 330px; height: 150px; left: 385px; top: 0;}
.caseBox ul li:nth-child(3){ width: 330px; height: 150px; left: 385px; bottom: 0;}
.caseBox ul li:nth-child(4){ width: 380px; height: 120px; right: 0; top: 70px;}
.caseBox ul li:nth-child(5){ width: 380px; height: 265px; right: 0; bottom: 0;}

.caseBox ul li:nth-child(6){ width: 380px; height: 65px; left: 0; bottom: 0;}
.caseBox ul li:nth-child(7){ width: 330px; height: 150px; left: 385px; top: 155px; background: url(../img/icase.jpg) no-repeat; text-align: center;}
.caseBox ul li:nth-child(7) a{ color: #fff;}
.caseBox ul li:nth-child(7) a span{ color: #fff; padding-top: 35px; font-size: 30px; display: block; overflow: hidden;}
.caseBox ul li:nth-child(7) a p{ color: #fff; padding-top:0px; font-size: 28px;}

.caseBox ul li:nth-child(8){ width: 380px; height: 65px; right: 0; top: 0;}

.caseBox ul li:nth-child(6) a,
.caseBox ul li:nth-child(8) a{ line-height: 65px; text-align: center; background: #444454; color: #fff; font-size: 20px;}



.newList .hd{display: block; overflow: hidden;width: 100%; }
.newList .hd ul{ float:left;display: block; overflow: hidden; text-align: center; width: 100%;}
.newList .hd ul li{cursor:pointer; display: inline-block; overflow: hidden;  }
.newList .hd ul li a{ padding:0 25px; margin: 0 25px; line-height: 45px; background: #006428; display: block; font-size: 20px; border-radius:5px; color: #fff; opacity: 0.8;}
.newList .hd ul li.on a{opacity: 1;}
.newList .bd{ display: block; padding-top: 20px; width: 100%; height: auto;}
.newList .bd ul{width: 680px; height: auto; float: left;}
.newList .bd li{width: 100%; height: auto; overflow: hidden; border-bottom: 1px dashed #ddd; padding:15px 0;}
.newList .bd li i{ float:left; display: block; overflow: hidden; width: 90px; height: 90px; text-align: center; line-height: 90px; font-style: normal; font-weight: bold; font-size: 35px; border: 1px solid #006428; border-radius: 5px; color: #006428}

.newList .bd li h3,
.newList .bd li span,
.newList .bd li p{ width: 560px; float: right; display: block; overflow: hidden;}
.newList .bd li h3{ height: 20px;}
.newList .bd li span{ height: 30px; line-height: 30px;}
.newList .bd li p{ height: 40px; line-height: 20px;}

.newList .bd .newCbox{width: 380px; height: auto; float: right;}
.newList .bd .newCbox span{width: 380px; height: auto; display: block; overflow: hidden;}
.newList .bd .newCbox span img{width: 380px; height: 290px; display: block; overflow: hidden;}
.newList .bd .newCbox h3{width: 380px; height: 30px; display: block; overflow: hidden; line-height: 30px;}
.newList .bd .newCbox p{width: 380px; height: 40px; display: block; overflow: hidden; line-height: 20px;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */

.ysBox .iTit{ height: 50px; padding-top: 25px; line-height: 30px;}


.ysBox ul{width: 100%; height: auto; overflow: hidden;display: block; padding-top: 20px;}
.ysBox ul li{width:25%; height: auto; overflow: hidden; text-align: center;  float: left;display: block;}
.ysBox ul li img{ margin: 0 auto;}
.ysBox ul li span{width: 100%; display: block; overflow: hidden; line-height: 35px; font-size: 20px; padding-top: 15px;}