@charset "utf-8";
/* CSS Document */
html,body{margin:auto;padding:0px;font-size:14px; font-family: 微软雅黑; max-width: 640px; color: #666; height: 100%; background: #f0f0f0;}
a { text-decoration:none; outline-style:none; color: #666;}
a:hover{ text-decoration: none;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%;}
.fl { float:left; }
.fr { float:right; }
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; font-family:微软雅黑;outline:none;}
input{ padding:0;outline:none;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.w90{ width: 94%; margin: auto;}
.wf100{ width: 100%; float: left;}

article{ width:100%; float: left; margin-top: 54px;}

/*banner*/
.slideBox{ width:100%; height:485px; overflow:hidden; position:relative; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:485px; background-position:center; background-size:cover;}
.slideBox .hd{ height:auto; overflow:hidden; position:absolute; left:50%; bottom:60px; z-index:1; background:url(../images/bg_3.png); border-radius:20px; padding:10px 7.5px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 7.5px;  width:17px; height:17px; line-height:14px; text-align:center; background:#867667; cursor:pointer; border-radius:100%;}
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .next{ left:auto; right:-21px; background-position:right; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .btn{ width:1100px; height:445px; margin:auto; position:absolute; top:0; left:50%; margin-left:-550px; z-index:12; padding:0;}

.banner_box{ width:100%; height: auto; float: left; position: relative; overflow: hidden;}
.banner_box .bd,.banner_box .bd ul,.banner_box .bd ul li{ width:100%; height: auto; float: left; background-position: top; background-size: cover; position: relative; overflow: hidden;}
.banner_box .hd{ position: absolute; bottom: 8px; left: 50%;}
.banner_box .hd ul{ float:left; margin: 4px 7px 0;}
.banner_box .hd ul li{ width:7px; height: 7px; float: left; margin: 0 5px; background:#ccc; cursor: pointer; border-radius: 100%; text-indent: -9999px;}
.banner_box .hd ul li.on{ background: #3da532;}

@keyframes fadeIn{
	from {opacity: 0;}
	to {opacity: 1;}
}

.all_center_box{ width: 100%; float: left; margin-top: 52px;}

.head_box{ background: #3da532; padding: 10px 0; position: fixed; left: 0; top: 0; z-index: 99;}
.head_box .fl img{ height: 24px; margin-top: 4px;}
.head_box .fr{ width: 85%; position: relative;}
.head_box .fr .text{ width: 100%; height: 32px; border: none; border-radius: 5px; background:url(../images/ico_2.png) no-repeat 8px 5px #fff; background-size: 22px; padding: 0 12px 0 38px;}

.head_menu{ width: 100%; position: absolute; left: 0; top: 53px; background: #3da532; padding: 8px 0; display: none;}
.head_menu a{ width: 100%; float: left; text-align: center; color: #fff; font-size: 18px; padding: 8px 0;}


.all_title_box1{ padding: 5px 0 15px; font-size: 16px; line-height: 28px; margin-top: 5px; color: #333;}
.all_title_box1 span{ float: left; font-size: 20px; position: relative;}
.all_title_box1 span em{ width: 50%; height: 3px; background: #333; position: absolute; left: 0; bottom: -4px; border-radius: 100px; overflow: hidden;}
.all_title_box1 a{ float: right; margin-top: 2px; color: #333;}

.all_list_box1{ padding-bottom: 10px;}
.all_list_box1 ul li{ width: 48.5%; float: left; background: #fff; border: 2px solid #b7b7b7; margin-top: 12px; text-align: center; padding-bottom: 8px;}
.all_list_box1 ul li:nth-child(2n){ float: right;}
.all_list_box1 ul li .imgs{ width: 100%; height: 120px; float: left; overflow: hidden; display: table;}
.all_list_box1 ul li .imgs div{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 0 8px;}
.all_list_box1 ul li .imgs div img{ max-height: 120px;}
.all_list_box1 ul li span{width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
 color: #e14617; font-size: 16px; font-size: 14px; margin-bottom: 3px; padding: 0 10px;}
.all_list_box1 ul li p{width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}

.all_list_box2{ padding-bottom: 10px;}
.all_list_box2 ul li{ width: 48.5%; float: left; margin-top: 12px; text-align: center;}
.all_list_box2 ul li:nth-child(2n){ float: right;}
.all_list_box2 ul li .imgs{ width: 100%; height: 130px; background: #fff; float: left; overflow: hidden; display: table;}
.all_list_box2 ul li .imgs div{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 0 8px;}
.all_list_box2 ul li .imgs div img{ max-height: 120px;}
.all_list_box2 ul li p{ width: 100%; float: left; background: #fff; line-height: 24px; margin-top: 6px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.all_list_box3{ padding-bottom: 10px;}
.all_list_box3 ul li{ width: 100%; float: left; background: #fff; padding: 8px 0; margin-top: 6px;}
.all_list_box3 ul li .top_box{ position: relative; padding-left: 10px;}
.all_list_box3 ul li .top_box span{ display: block; font-size: 16px;}
.all_list_box3 ul li .top_box em{ width: 3px; height: 100%; background: #333333; position: absolute; left: 0; top: 0;}
.all_list_box3 ul li .lower_box{ padding: 0 0 0 10px; color: #888; margin-top: 5px;}
.all_list_box3 ul li a:hover{ color: #e14617;}

.contact_box{ padding-bottom: 15px;}
.contact_box .top_box{ background: #fff; padding: 10px;}
.contact_box .top_box .bt{ border-left:3px solid; color: #e14617; font-size: 16px; padding-left: 8px; line-height: 20px;}
.contact_box .top_box .info{ line-height: 22px; margin-top: 5px;}
.contact_box .lower_box .wf100{ background: #fff; margin-top: 8px; padding: 5px 0; line-height: 22px;}
.contact_box .lower_box span{ width: 22%; float: left; text-align: center;}
.contact_box .lower_box i{ float: left; border-left: 2px solid #d6d6d6; width: 38%; background-repeat: no-repeat; background-position: 6px 1px; background-size: 15px; padding-left: 26px;}
.contact_box .lower_box i.dh{ background-image: url(../images/ico_3.png);}
.contact_box .lower_box i.qq{ background-image: url(../images/ico_4.png);}

.fanye_box{ text-align: center; padding: 20px 0 30px;}
.fanye_box ul li{ display: inline-block;}
.fanye_box ul li a{ border: 1px solid; padding: 1px 7px; margin: 0 6px; border-radius: 5px;}
.fanye_box ul li.active a{ color: #3da532;}

.all_list_box4{ padding-bottom: 10px;}
.all_list_box4 ul li{ width: 48.5%; float: left; background: #fff; border: 2px solid #b7b7b7; margin-top: 12px; text-align: center; padding:0 5px 8px;}
.all_list_box4 ul li:nth-child(2n){ float: right;}
.all_list_box4 ul li .imgs{ width: 100%; height: 120px; float: left; overflow: hidden; display: table; border-bottom: 1px dashed #b7b7b7;}
.all_list_box4 ul li .imgs div{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 0 8px;}
.all_list_box4 ul li .imgs div img{ max-height: 120px;}
.all_list_box4 ul li span{width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 1px;}
.all_list_box4 ul li p{width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px;}
.all_list_box4 ul li span i{ display: inline-block; background: url(../images/ico_5.png) no-repeat left; background-size: 18px; padding-left: 22px;}

.all_list_box5 ul li{ background: #fff; padding: 5px; margin-top: 10px;}
.all_list_box5 ul li a{ color: #888;}
.all_list_box5 ul li span{ display: block; font-size: 16px; color: #333;}
.all_list_box5 ul li p{ padding: 3px 0;}

.dzpkp_box2{ padding-bottom: 15px;}
.dzpkp_box2 .box_info{ background: #fff; padding:5px 15px; margin-top: 10px;}
.dzpkp_box2 .box_info .imgs{ padding: 15px 0;}
.dzpkp_box2 .box_info h4{ text-align: center; color: #3da532;}
.dzpkp_box2 .box_info .info{ line-height: 24px; padding: 6px 0;}

.all_list_box6{ padding-bottom: 15px;}
.all_list_box6 a{ width: 100%; float: left; margin-top: 10px; background: #fff; line-height: 50px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}

.dzpkp_box1{ padding-bottom: 15px;}
.dzpkp_box1 h4{width: 100%; float: left; background: #fff; padding: 10px 0; text-align: center; color: #3da532; margin: 15px 0 0;}
.dzpkp_box1 ul li{ width: 100%; float: left; margin-top: 10px; background: #fff;}
.dzpkp_box1 ul li .pull-left{ width: 40%; height: 120px; overflow: hidden; padding: 5px;}
.dzpkp_box1 ul li .pull-left img{ width: 100%; min-height: 100%;}
.dzpkp_box1 ul li .pull-right{ width: 56%;}
.dzpkp_box1 ul li .pull-right span{ width: 100%; float: left; border-bottom: 1px solid #3da532; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; padding: 5px 0;}
.dzpkp_box1 ul li .pull-right p{ width: 100%; float: left; margin-top: 5px;}

.news_info_box{ background: #fff; margin: 15px 0; padding: 0 15px;}
.news_info_box .top_box{ border-bottom: 1px solid #ccc; text-align: center; padding-bottom: 5px;}
.news_info_box .top_box h4{ line-height: 24px; margin-bottom: 5px;}
.news_info_box .lower_box{ line-height: 22px; padding: 10px 0;}

.case_info_box .top_box{ background: #fff; text-align: center; padding: 20px 0;}
.case_info_box .center_box{ background: #fff; margin: 10px 0; line-height: 24px; font-size: 15px;}
.case_info_box .center_box .pull-left,.case_info_box .center_box .pull-right{ width: 50%; padding: 10px 0 10px 18px;}
.case_info_box .center_box .pull-right{ border-left: 2px solid #f0f0f0;}
.case_info_box .center_box i{ color: #e14617;}
.case_info_box .lower_box{ background: #fff; padding: 10px 15px; line-height: 24px; margin-bottom: 15px;}

.contact_box2{ line-height: 22px; padding: 15px 0;}
.contact_box2 .map_box{ width: 100%; height: 200px; margin-bottom: 15px;}
.contact_box2 .map_box img,.contact_box2 .map_box label{ max-width: inherit;}

.qpfp_box{ padding-bottom: 15px;}
.qpfp_box .imgs{ background: #fff; text-align: center; padding: 15px; margin-top: 12px;}
.qpfp_box .bt{ text-align: center; padding: 8px 12px; background: #fff; margin: 12px 0;}
.qpfp_box .bt span{ color: #e14617; font-size: 18px;}
.qpfp_box .info{ background: #fff; line-height: 22px; padding: 10px 13px;}



@media screen and (max-width:375px){
}
@media screen and (max-width:350px){
	
}