@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#333; line-height:24px; font-family:"微软雅黑"}

a { color:#333; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}

.float_clear{clear:both;}
/******************header css***************/
.header{position:fixed; top:0; width:100%; height:83px; background:#fff; z-index:99999}
#top_logo { float:left; width:30%; margin-top:10px; margin-bottom:20px; }
#top_logo img{width:100%; max-width:204px;}
.w1280{width:90%; max-width:1280px; margin:auto;}
.w820{width:90%; max-width:820px; margin:auto;}
.menu{float:right; width:50%; margin-top:30px;}
.min_top{text-align:right; margin-top:20px; padding-right:20px;}
.min_top img{vertical-align:middle; margin-right:3px;}
.min_top a{margin-left:10px; margin-right:10px;}
.menu ul li{ float:left; font-size:14px; width:16%; text-align:center; line-height:29px; position:relative;}
.menu ul li a{display:block; padding-bottom:35px;}
.menu ul li.xiala{background:url(../images/icon.jpg) no-repeat right 8px;}
.menu ul.sub_menu{width:180px; border-top:3px solid #00a036; position:absolute; z-index:99999; top:60px; background:#fff;overflow:hidden; display:none; }
.menu ul.sub_menu li{border-bottom:1px solid #f2f2f2; height:40px; line-height:40px; width:160px; text-align:left; padding-left:20px;transition:padding-left 1s;
-moz-transition:padding-left 1s; 
-webkit-transition:padding-left 1s;
-o-transition:padding-left 1s;}
.menu ul.sub_menu li a{color:#999; display:block;}
.menu ul.sub_menu li:hover{padding-left:40px; width:140px;}
.menu ul.sub_menu li:hover a{color:#333;}
.phone_header{display:none;}

.kong{ width:100%; height:83px;}

.title1{font-size:24px; text-align:center; margin-bottom:15px;}
.title2{color:#999; text-align:center;}
.index_pro{padding:50px 0;background:#f6f6f6;}
.pro{width:23%; margin:1%; position:relative; float:left; }
.pro1{width:31%; margin:1%; position:relative; float:left; overflow:hidden;}
.pro_pic1{border:1px solid #f2f2f2;background:#fff;}
.pro_pic2{position:absolute; top:1px; left:1px; opacity:0;}
.pro_name{text-align:center; font-size:16px; margin-top:10px;}
.index_about{ padding:50px 0; position:relative;}
.pro_hover{ text-align:center; position:absolute; top:-100px; width:100%; z-index:99}
.pro_pic{border:1px solid #f2f2f2; overflow:hidden;}
.pro_pic:hover{background:#f9f9f9;}
.pro_pic:hover img {
	transform: scale(1.1, 1.1);
	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.pro_pic img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
}
.cont{ text-align:center;}
#wrap{margin-top:60px; /*background:url(../images/bg.png) no-repeat right; */}
#wrap dl{float:left; width:25%; text-align:center; color:#7d8891;}
#wrap dl dd span{font-size:30px;}
#wrap dl dd span.jia{margin-top:-20px;}
#wrap dl dt{margin-bottom:15px; text-align:left; padding-left:34%;}

#wrap2{margin-top:60px;padding-top:100px;}
#wrap2 dl{float:left; width:25%; text-align:center; color:#7d8891;}
#wrap2 dl dd span{font-size:30px;}
#wrap2 dl dd span.jia{margin-top:-20px;}
#wrap2 dl dt{margin-bottom:15px; text-align:left; padding-left:28%;}
.guo{position:absolute; left:0; top:20px; width:20%;}
.guo img{width:100%; max-width:475px;}
.new_box{width:31%; margin:50px 1%; float:left;}
.new_cont{padding:20px 0;}
.new_date{float:left; width:20%; color:#999}
.new_date span{font-size:20px; color:#333;}
.new_right{float:left; width:76%; border-left:1px solid #f2f2f2; padding-left:3%;}
.new_title{font-size:14px;}
.new_memo{font-size:12px; color:#999; margin-top:20px;}
.index_new{padding:50px 0; margin-top:50px;}
.index_lx{background:#1f1f23; padding:50px 0;}
.lx_left{width:50%; float:left; color:#fff; margin-top:40px;}
.lx_right{width:30%; float:right; margin-top:40px;}
.text{ height:40px; line-height:40px; border:none; background:none;border-bottom:1px solid #999; width:100%}
.area{ border:none; background:none;border-bottom:1px solid #999; width:100%; color:#999; height:100px; line-height:40px;}
.biao tr{height:50px;}
.biao{width:100%;}
.submit{background:#00a036; height:40px; line-height:40px; color:#fff; border:none; width:100%;}
.footer{background:#17171a; color:#fff; text-align:center; padding:10px 0;}
.nei_menu_left{width:60%;  float:left; height:40px; line-height:40px;}
.nei_menu_left a{padding:0 10px; color:#999;}
.nei_menu_left a:hover{color:#333;}
.nei_menu_left a.on{color:#333;}
.search{width:25%; float:right; border-radius:25px; border:1px solid #e4eaec; height:40px; line-height:40px;}
.nei_menu{padding:10px 0;}
.main{ background:#f6f6f6; padding:50px 0;}
.box{ background:#fff; padding:40px 0;}
.prod_title{ font-size:24px; margin-bottom:20px;}
.prod_right{ float:right; width:40%;}
.prod_title2{border-bottom:1px solid #f2f2f2; padding-bottom:9px;}
.prod_title2 span{ border-bottom:2px solid #00a036; padding:0 10px; padding-bottom:10px; font-size:16px;}
.prod_cont{padding:2%; margin-top:50px;}
.about_two{background:url(../images/abg.jpg) no-repeat; height:350px; margin:50px 0; }
#wrap2 dl{color:#00a036;}


.fazhan{
	padding:60px 0px 0px;
}
.fazhan .fztitle p{
	font-size:4.2rem;
	color:#2f2f2f;
	line-height:50px;
}
.fazhan .fztitle span{
	display:block;
	font-size:1.8rem;
	color:#666666;
	line-height:30px;
	padding:15px 0px 0px;
}
.licheng{
	padding:40px 0px;
	position:relative;
	margin:50px 0px 0px;
}
.licheng:after{
	content:"";
	display:block;
	height:0px;
	width:calc(100% - 160px);
	top:50%;
	left:80px;
	margin-top:-1px;
	border-bottom:2px #ddd dashed;
	position:absolute;
}
.licheng .swiper-container{
	margin:0px 80px 0px 120px;
	position:static;
	padding:20px 0px;
}
#licheng .swiper-pagination{
	display:none;
}
@media (max-width:1200px) {
	.fazhan{
		padding:30px 0px 0px;
	}
	.fazhan .fztitle p{
		font-size:3.2rem;
		line-height:40px;
	}
	.fazhan .fztitle span{
		font-size:1.6rem;
		padding:10px 0px 0px;
	}
	.licheng{
		margin:0px 0px 0px;
	}
}
@media (max-width:992px) {
	.licheng{
		padding:20px 0px;
	}
	.fazhan{
		padding:30px 0px 0px;
	}
	.fazhan .fztitle p{
		font-size:2.4rem;
		line-height:30px;
	}
	.fazhan .fztitle span{
		font-size:1.4rem;
		padding:10px 0px 0px;
		line-height:24px;
	}
}
.licheng .swiper-container .swiper-button-next{
	background:url(../images/right.png) center no-repeat;
	width:41px;
	height:41px;
	margin-top:-16px;
	right:0;
}
.licheng .swiper-container .swiper-button-next:hover{background:url(../images/right1.png) center no-repeat;}
.licheng .swiper-container .swiper-button-prev{
	background:url(../images/left.png) center no-repeat;
	width:41px;
	height:41px;
	margin-top:-16px;
	left:0;
}
.licheng .swiper-container .swiper-button-prev:hover{background:url(../images/left1.png) center no-repeat;}
.licheng .swiper-slide section{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	z-index:3;
	align-content:flex-end;
	height:367px;
	padding-left:10px;
}



.more{ text-align:center;margin:20px 0;}
.more a{border:1px solid #ccc; padding:5px 30px; border-radius:20px;}
.more a:hover{background:#00a036; color:#fff; border:1px solid #00a036;} 
@media (max-width:1200px) {
	.licheng .swiper-slide section{
		height:325px;
	}
}
@media (max-width:992px) {
	.licheng .swiper-slide section{
		height:410px;
	}
}
.licheng .swiper-slide section>small{
	cursor:pointer;
	position:relative;
	order:1;
	transition:.3s;
}
.licheng .swiper-slide section>small p{
	font-size:22px;
	color:#808080;
	font-family:arial;
	display:block;
	width:76px;
	height:76px;
	background:#c5c3c3;
	border-radius:50%;
	text-align:center;
	line-height:76px;
	transition:.3s;
}
.licheng .swiper-slide section>span{
	width:calc(100% - 46px);
	left:38px;
	padding-top:10px;
	top:0;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	border-left:2px #ddd dashed;
	padding-left:15px;
	align-content:flex-end;
	order:2;
	transition:.3s;
}
.licheng .swiper-slide section>span:before{
	content:"";
	position:absolute;
	display:block;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#b8c1c1;
	left:-8px;
	bottom:0;
	transition:.3s;
}
.licheng .swiper-slide section>span p{
	font-size:14px;
	color:#505659;
	font-weight:bold;
	line-height:20px;
	width:100%;
	order:2;
	margin-top:5px;
	margin-bottom:-3px;
	transition:.3s;
}
.licheng .swiper-slide section>span big{
	display:block;
	font-size:12px;
	line-height:21px;
	color:#666666;
	order:1;
	padding:10px 0px 0px;
	transition:.3s;
	min-height:105px;
}
.licheng .swiper-slide section:hover>span{
	border-left:2px #00a036 solid;
}
.licheng .swiper-slide section:hover>small p{
	color:#fff;
	background:#00a036;
	position:relative;
	z-index:2;
}
/*.licheng .swiper-slide section:hover>small:after{
	content:"";
	display:block;
	width:120%;
	height:120%;
	left:-10%;
	top:-10%;
	background:rgba(10,163,117,.18);
	border-radius:50%;
	position:absolute;
	z-index:1;
}*/
.licheng .swiper-slide section:hover>span p{
	color:#00a036;
}
.licheng .swiper-slide section:hover>span:before{
	background:#00a036;
}
@media (min-width:768px) {
	.licheng .swiper-slide:nth-child(2n+0) section{
		align-content:flex-start;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span{
		order:1;
		top:0;
		bottom:auto;
		align-content:flex-start;
		padding-bottom:10px;
		padding-top:0;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span:before{
		bottom:auto;
		top:0;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>small{
		order:2;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span big{
		order:2;
		padding:0px 0px 10px;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span p{
		order:1;
		margin-top:-4px;
		margin-bottom:5px;
	}
}
@media (max-width:768px) {
	.licheng .swiper-container{
		margin:0px 0px 0px 0px;
	}
	.licheng .swiper-slide section{
		height:auto;
		padding:0 25px;
	}
	.licheng .swiper-slide section>small{
		order:2;
		margin:20px auto 0;
	}
	.licheng .swiper-slide section>small p{
		color:#fff;
		background:#00a036;
	}
	.licheng .swiper-slide section>span{
		border-left:0px #ddd dashed;
		order:1;
		padding:0;
		width:100%;
		text-align:center;
		left:0;
	}
	.licheng .swiper-slide section>small:after{
		content:"";
		display:block;
		width:120%;
		height:120%;
		left:-10%;
		top:-10%;
		background:rgba(10,163,117,.18);
		border-radius:50%;
		position:absolute;
		z-index:1;
	}
	.licheng .swiper-slide section>span p{
		order:1;
		color:#00a036;
	}
	.licheng .swiper-slide section>span big{
		order:2;
	}
	.licheng .swiper-slide section>span:before{
		display:none;
	}
	.licheng:after{
		display:none;
	}
	.licheng .swiper-slide section:hover>span{
		border-left:0px #00a036 solid;
	}
	#licheng .swiper-pagination{
		display:block;
	}
	#licheng .swiper-button-next{
		display:none;
	}
	#licheng .swiper-button-prev{
		display:none;
	}
	#licheng .swiper-pagination .swiper-pagination-bullet-active{
		background:#00a036;
	}
}




.jishu{ background:#eaeaea; padding:50px 0; }
.es-carousel-wrapper{
	position:relative;	padding:10px 10%; margin-top:50px;
}
.es-carousel{
	overflow:hidden;

}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;

}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:12px;
    width:24px;
	height:47px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;background:url(../images/left4.png) no-repeat;
}
.es-nav span.es-nav-next{
	right:12px;
	left:auto;
	background:url(../images/right4.png) no-repeat;
}
.es-nav span:hover{ background:url(../images/left2.png) no-repeat;}
.es-nav span.es-nav-next:hover{background:url(../images/right2.png) no-repeat;}
.lx_pic{margin-top:70px; float:left; width:50%; margin-bottom:100px}
.lx_right2{width:40%; float:right; margin-top:70px; margin-bottom:100px}

.new_pic{width:20%; float:left;}
.new_right2{float:right; width:75%;}
.new_list{border-bottom:1px solid #ccc; padding:30px 0;}
.new_date{margin-top:20px; color:#999;}






.new_pic2{overflow:hidden;}
.new_pic2  img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
	.new_box:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

.new_box:hover .new_memo{color:#000;}

.back{width:13%; height:40px; line-height:40px; text-align:right; float:left}
.pc{display:block;}
.phone{display:none;}
.new_date2{    margin-top: 20px;
    color: #999;}
	.prod_cont img{ max-width:600px;}
	.pd_l{width:50%; float:left;}
	.pd_r{float:right; width:48%;}
		@media (max-width: 1030px) {
.phone_header{display:block; height:56px;  position:fixed; width:100%; background:#fff; z-index:9999;}
.p_logo{float:left; margin-left:20px; margin-top:10px; width:50%;}
.p_logo img{width:120px;}
.header{display:none;}
.kong{height:56px; width:100%; display:block;}
.guo{display:none;}
}

@media (max-width: 800px) {
.pro1{width:48%;}
.new_box{width:100%; margin:20px 0;}
.lx_left{width:100%;}
.lx_right{width:100%;}

#wrap2 dl dt img{width:70px;}
#wrap2 dl{width:50%; margin-top:15px;}
#wrap2{margin-top:60px;padding-top:20px;}
#wrap dl{ width:50%;}
.pc{display:none;}
.phone{display:block;}
.nei_menu_left{width:100%;}
.search{width:100%;}
.pro{width:48%;}
.prod_right{width:100%;}
.new_pic{width:100%;}
.new_right2{width:100%;}
.new_date2 {width:100%;}
.lx_pic{width:100%; margin-bottom:0;}
.lx_right2{width:100%;}
.pd_l{width:100%;}
	.pd_r{width:100%;}
}