*{
    margin:0;
    padding: 0;
    font-family: Microsoft Yahei;
    box-sizing: border-box;
   
}
ul{margin:0;padding: 0;list-style: none;}
a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none!important;
}
a{color: #000;}
img{border: none;}
header {font-size: 0;line-height: 0;padding: 10px 0;box-shadow: 0 1px 10px #ccc;}
.wrapper{width: 1200px;margin:auto;}

.logo{display: inline-block;}
.nav{float:right;font-size: 16px;line-height: 92px;}
.nav li{float: left;display: block;position: relative;}
.nav li a{display: inline-block;width: 100%;height: 100%;padding: 0 3px 10px 20px;transition: 0.3s;}
.nav li:hover a{background: #308301;color:#fff;}

.swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;background-size:50px 50px;margin-top:-25px;}
.swiper-button-next{right: 40px;}
.swiper-button-prev{left: 40px;}
.swiper-pagination{bottom:20px;}
.swiper-pagination-bullet{width: 25px;height: 12px;border-radius: 6px;}
.swiper-pagination-bullet-active{background: #308301;}
.banner{width: 100%;font-size: 0;position: relative;overflow: hidden;}
.banner img{width: 100%;}

.banner .ani{position: absolute;}
.banner .ani_img{width: 13%;top:20%;left:66%;}
.banner .ani_img1{width: 16.5%;left:31%;top:20%;z-index: 100;}
.banner .ani_img2{width: 15.5%;left:32%;top:25%;}
.banner .ani_img4{width: 43.5%;left:2%;top:6%;}

.banner .ani_img2_1{width: 22%;left:20%;top:33%;}
.banner .ani_img2_2{width: 22%;left:31%;top:53%;}
.banner .ani_img2_3{width: 17%;right:23%;top:43%;}
.banner .ani_img2_4{width: 18%;right:30%;top:7%;}
.banner .ani_img2_5{width: 22%;right:28%;top:24%;}

.banner .ani_img3_1{width: 8%;right:12%;top:23%;}
.banner .ani_img3_2{width: 25%;left:24%;top:20%;z-index: 100;}
.banner .ani_img3_3{    width: 27%;
    right: 15%;
    top: 47%;
    z-index: 110;}
.banner .ani_img3_4{width: 28%;left:36%;top:24%;}
.banner .ani_img3_5{width: 25%;left:10%;top:29%;}
.banner .ani_img3_6{width: 42%;left: 7%;top: 9%;z-index: 110;}

.about{font-size: 16px;background: url(../img/about.jpg) 100% 100%;padding: 40px 0;}
.about h3{font-size: 40px;text-align: center;padding: 0 0 20px 0;}
.about p{line-height: 25px;text-indent: 20px;}

.company{text-align: center;font-size:0;padding: 40px 0 20px 0;}
.company_box{display: inline-block;width: 33.33%;}
.company_box p{font-size: 16px;text-indent: 0;line-height: 40px;}
.title{text-align: center;padding: 30px 0;}
.title span{display: inline-block;border-bottom: 10px solid #308301;font-size: 26px;font-weight: 600;}
.title span:after{display: block;position: absolute;width: 700px;height: 2px;background: #666;content: '';left: 50%;margin-left: -350px;}
.pro_box{width:100%;font-size: 0;padding:0 10px;}
.product_slide{overflow: hidden;}
.product{margin-bottom: 50px;}
.pro_box p{font-size: 16px;line-height: 40px;text-align: center;}
.pro_box img{width: 100%;}
.service{background: url(../img/service.jpg) 100% 100%;padding: 40px 0;font-size: 0;}
.service_box{text-align: center;display: inline-block;width: 20%;padding: 10px;}
.padding_box{background: #fff;padding: 10px;}
.service_box p{font-size: 20px;}
.service_box span{font-size: 14px;color:#444343;}
.border_box{border: 1px dashed #308301;padding: 20px 10px;}
.border_box img{margin: 8px 0;}
.news_ul {font-size: 0;}
.news_ul a{display: inline-block;padding: 10px;}
.news_ul img{width: 100%;border-bottom: 2px solid #308301;}
.news_ul a p{font-size: 18px;line-height: 30px;margin-top: 8px;}
.news_ul a span{font-size: 16px;color:#666;line-height: 30px;}
.form_box{width: 550px;float: left;}
.input_group input{height: 45px;width: 450px;border:1px solid #308301;padding: 4px 10px;}
.input_group {margin-bottom: 10px;line-height: 45px;}
.input_group textarea{width: 450px;resize : none;height: 100px;border:1px solid #308301;padding: 4px 10px;}
.input_group span{
	float: left;width: 53px;
}
.form_box button{width: 450px;height: 45px;background: #308301;color:#fff;border:none;font-size: 20px;margin-left: 53px;}
.map{width: 650px;height: 340px;float: left;}
.clearfix:after{clear:both;display: block;content: '';}
.footer{background: #0c6713;margin-top: 80px;color:#fff;}
.footer_header{font-size: 0;border-bottom: 2px dashed #fff;}
.address_box{display: inline-block;width: 33.333%;font-size: 16px;line-height: 60px;color:#fff;}
.address_box img{float: left;margin-top: 12px;margin-right: 10px;}
.web_map {text-align: center;width: 1000px;float: left;padding-top: 30px;}
.web_map a{color:#fff;margin:0 10px;}
.code{width: 200px;float: left;}
.footer_nav{padding: 20px 0;}
.web_map p{margin-top: 40px;}
.nav li .hover_box{position: absolute;top:102px;background: #fff;z-index: 1000;font-size: 0;line-height:0;text-align: center;display: none;}
.nav li .hover_box a{line-height:45px ;height: 45px;padding: 0;font-size: 16px;width: 250px;}
.nav li .hover_box a:hover{background: #fff;color:#000;}
.nav li:hover .hover_box{display: block;}
.title_1{line-height: 60px;color: #079c2a;font-size: 20px;font-weight: 600;}
.title_1 .wrapper{background: url(../img/title_1.png);background-position: center;background-repeat: repeat-x;}
.title_1 .wrapper span{background: #fff;padding: 5px;}

.about_img {text-align: center;margin-bottom:20px ;}

.about_page p{text-indent: 25px;line-height: 30px;}

.news_list li{font-size: 0;padding: 50px 0;transition: 0.3s;}
.news_list li .num{display: inline-block;font-size: 72px;width: 104px;font-family: arial;font-weight: bold;font-style: italic;line-height: 60px;color: #d2d2d2;border-right: 1px solid #d2d2d2;margin-right: 30px;float: left;}

.news_list li .new_r{width: 845px;display: inline-block;font-size: 18px;line-height: 35px;float: left;}
.news_list li .new_r span{font-size: 14px;color: #bbb;}
.news_list li .new_r p{color:#515050;}
.news_list li:after{display: block;content: '';clear: both;}
.news_list li .wrapper{padding: 0 60px;transition: 0.3s;}
.news_list li:hover .wrapper{padding-left: 20px;}
.news_list li:hover{background: #1aa010;color:#fff;}
.news_list li:hover p{color:#fff}
.news_list li:hover span{color:#fff}



.banner_s img{width: 100%;}
.banner_s{min-width: 1200px;font-size: 0;}


.product_l,.product_r{float: left;}
.product_l{width: 245px;}
.product_r{width: 955px;}
.title_2{font-size: 20px;text-align: center;font-weight: 700;line-height: 60px;color:#fff;background: #079c2a;}

.proname_ul,.pro_contact{background: #eee;padding:  15px;}
.proname_ul a{display: block;line-height: 60px;color: #079C2A;font-size: 18px;background: #fff;text-align: center;font-weight: 600;margin-bottom: 10px;box-shadow: 5px 3px 10px #ccc;}
.pro_contact{font-size: 14px;line-height: 30px;}
.product_r{font-size: 0;}
.product_r a{display: inline-block;padding: 10px;width: 33.333%;}
.product_r a img{width: 100%;}
.product_r a p{font-size: 16px;text-align: center;line-height: 35px;}

.contact_box{background: url(../img/service.jpg) 100% 100%; padding: 50px 10px;}
.contact_r{float: left;width: 550px;padding: 40px 30px;color:#fff;}
.contact_r h3{font-size: 30px;font-weight: normal;}
.contact_r span{font-size: 12px;text-transform:uppercase;margin-bottom: 30px;display: inline-block;}
.contact_r p{font-size: 16px;line-height: 35px;}
.contact_page form{text-align: center;width: 600px;margin: auto;}
.contact_page button{width: 450px;height: 45px;background: #308301;color:#fff;border:none;font-size: 20px;margin-left: 53px;}

.wrapper_box {padding: 40px 0 0 0;}
.wrapper_box h3{text-align: center;font-size: 22px;line-height: 40px;}
.wrapper_box .img{text-align: center;padding: 20px 0;}
.wrapper_box .p{text-indent: 25px;line-height: 30px;}