/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font-family:\5b8b\4f53,Arial,sans-serif;font-size:12px; width:100%; min-width:1200px; background-color:#f3f3f3;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}

/*模块编码*/
.fl {float: left;}
.fr {float: right;}
.pr{ position:relative;}
.clear {clear: both; overflow:hidden;}
.hidden{ display:none;}
.clearfix:after {clear: both;content:" ";display: block;height: 0;}
#containter{ width:1200px;}
.border{ border:1px solid #ddd; background-color:#fff;}
@media(max-width: 760px){
    *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
	body{min-width: 100%}
    #containter{width: 100%;padding: 0 15px;}
}
/*头部*/
#header{font-family:"microsoft yahei";}
.top{background-color:#000;height:34px;}
.top div{ width:1200px; line-height:34px; position:relative;color:#fff;}
.top div p{ display:inline-block; text-align:right; right:0; position:absolute;}
.top div p a{ padding:0 8px;color:#fff;}

.head{ height:125px; position:relative; z-index:5; background:url(../images/top_bg.jpg) no-repeat center 0;}

/*logo*/
.logo{ width:446px; height:125px;background:url(../images/logo.png) no-repeat 0 center;background-size:60%}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px;}


/*导航*/
.nav{height:66px;margin-top:28px;}
.nav li{ width:116px; text-align:center; font-family:"microsoft yahei"; position:relative;height:66px;}
.nav li a{ display:block; width:116px; text-align:center;padding:15px 0;color:#434343; font-size:16px;}
.nav li span{display: block;color:#616161;text-transform: uppercase;font-size:12px;}
.nav li a:hover{ background-color:#00913e; color:#fff;}
.nav li a:hover span{color:#fff;}
.nav li a i{font-style:normal; font-size:12px; font-family:Arial;}
.nav li dl{ display:none; width:142px; padding:8px 0; position:absolute; background-color:#fff; top:-999em; left:0; z-index:10;}
.nav li dd{ height:32px; line-height:32px;}
.nav li.hover dl{ display:block; top:42px;}
@media(min-width: 768px){
    .header-button{display: none}
    nav{display: none}
}
@media(max-width: 760px){
    #header{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;box-shadow: 0 4px 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.1);-ms-box-shadow: 0 4px 5px rgba(0,0,0,.1);height: 60px;}
	.head #containter{padding: 0 10px;background-color: #fff;overflow: hidden}
    .top{display: none}
	.head{width: 100%;height: 60px;background-image: none}
	.logo{width: 70%;height: 60px;background-size: contain;}
    .logo a{width: 100%}
	.nav{display: none}
	.header-button,nav{display: block}
    /*Header button*/
    .header-button{margin-right:2%;top: 20px; position:absolute; height:20px;width:24px;cursor:pointer;right: 0}
	.header-button .toggle-bar{display:block;height:2px;width:100%;background:#000;position:absolute;border-radius:2px;
		-webkit-transition: opacity .2s ease,-webkit-transform .4s ease;
		-webkit-transition: opacity .2s ease,transform .4s ease;
		transition: opacity .2s ease,transform .4s ease;
	}
	.toggle-bar-1{
		top: 1px
	}
	.toggle-bar-2,.toggle-bar-3{
		top: 10px
	}
	.toggle-bar-4{
		top: 19px
	}
	.header-button.active .toggle-bar-1,.header-button.active .toggle-bar-4{
		opacity: 0
	}
	.header-button.active .toggle-bar-2{
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.header-button.active .toggle-bar-3{
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
    
	/*Nav*/
    nav{position: fixed;left: 0;top:-150%;width: 100%;background: #00913e;z-index: 9;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
    nav a{display: block;width: 100%;line-height: 34px;border-top:solid 1px rgba(255,255,255,.3);text-align: center;font-family: "Microsoft YaHei";font-size: 14px;color: #fff}
    nav.active{top: 60px}
}

/*幻灯片*/
.banner{position:relative; z-index:1}
/* flexslider */
.flexslider{position:relative;height:510px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;height: 100%}
.slides li{height: 100%;background-size: cover}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:60px;height:6px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:block;width:60px;height:6px; text-indent:-9999px;overflow:hidden; background-color:#fff;cursor:pointer;}
.flex-control-nav .flex-active{ background-color:#ff8a00;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
@media(max-width: 760px){
	.banner{
		margin-top: 60px;
		width: 100%;
	}
	.flexslider{
		height: 180px;
	}
	.slides li{
		background-size: cover!important;
	}
	.flex-control-nav li{
		width: 42px;
		height: 4px;
	}
	.flex-control-nav a{
		width: 100%;
		height: 100%
	}
	.flex-direction-nav{
		top: 50%;
		margin-top: -16px;
	}
	.flex-direction-nav li a{
		width: 32px;
		height: 32px;
		background-size: contain!important;
	}
	.flex-direction-nav li a.flex-prev{
		left: auto
	}
	.flex-direction-nav li a.flex-next{
		right: 0
	}
}

#main{ padding:15px 0 0;}
.wrap{ width:1200px; margin-bottom:12px;}
.tit,.tit1{ margin-bottom:20px;}
.tit h2,.tit1 h2{ font-size:30px; text-align:center; color:#00913e;font-family:"microsoft yahei";}
.tit h2:before,.tit h2:after{ border-bottom:1px solid #00913e; content:" "; display:inline-block; width:30px; height:24px; vertical-align:top;}
.tit h4,.tit1 h4{ line-height:18px; text-align:center; font-family:"hev"; color:#00913e; font-size:12px; font-weight:400; text-transform:uppercase;}

.title{text-align: center;font-family: "Microsoft yahei";margin-top: 20px; margin-bottom:25px;}
.title h3{color:#000;font-size:36px;font-weight: 700;}
.title h3 strong{color:#00913e;}
.title span{font-size:26px;}

/*产品展示*/
.product-box{ margin-bottom: 20px;}
.proTit{ text-align: center; font-family: "Microsoft yahei"; margin-bottom:20px;}
.proTit li,.proTit .more{margin: 0 5px; display:inline-block; height:40px; width:140px;color: #fff; font-size: 15px; line-height:40px;background-color:#000;}
.proTit li a{color:#fff;}
.proTit li.current{ background-color: #00913e; color: #fff;}
.proTit li.current a{ color: #fff;}
.proTit .more{background-color: #00913e; color: #fff;}

.pro-show{width: 1200px;height:274px; overflow: hidden;font-family:"Microsoft Yahei";}
.pro-show ul{ float: left;}
.pro-show li>a,.b-pic>a,.spic-list li>a{position:relative;overflow:hidden;display:block}
.pro-show li p{
	display: none;
	font-size:14px;line-height:2;margin:10px 0;/*overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align: center*/}
.pro-show li{margin-right: 12px;}
.product-box .more{text-align: center;margin:30px 0;}
.product-box .more a{display: inline-block;border:1px solid #dddede;padding:8px 20px;}

.about{padding-top:30px;padding-bottom:30px;font-family:"Microsoft Yahei";background-color:#fff}
.abt-title{font-size:16px; font-weight:700; color:#00913e;text-transform: uppercase;line-height:1.6;margin-bottom:15px;}
.about .fl{width:666px;}
.about p{text-indent:2em;line-height: 2;font-size:14px;}
.about a.more{border:2px solid #00913e;display: inline-block;padding:8px 20px;color:#00913e;margin-top:15px;font-size:14px;}
.about .fr{margin-top:36px;}

.cases{background: url(../images/bg1.jpg) no-repeat center 0 #fff;padding-top:50px;font-family:"Microsoft Yahei";padding-bottom:30px;}
.cs-tit{text-align:right;color:#fff;font-size:24px;line-height:1.8;margin-bottom:15px;}
.cs-tit strong{font-size:40px;}
.case_scroll{ width:1200px; height:250px; overflow:hidden;}
.case_scroll li{ margin-right:20px;width:282px;height: 246px;padding:2px; background: url(../images/pro_bg.png) no-repeat 0 0;}
.case_scroll li p{height:50px;line-height:50px;text-align: center;font-size:14px;}

.news{background-color:#fff;padding-bottom:50px;}
.news .hd{text-align: center;margin-bottom:35px;}
.newsList{width:1220px;font-family:"Microsoft Yahei";}
.newsList li{width:590px;margin-right:10px;margin-bottom:20px;}
.newsList li a{display: block;}
.newsList .news-img{width:176px;margin-right:15px; overflow: hidden;padding: 0}
.newsList .news-img img{width: 100%;min-height: 100%;-webkit-transition: all .9s;transition: all .9s;}
.newsList li:hover img{-webkit-transform: scale(1.06);transform: scale(1.06);}
.newsList .news-text{width:395px; display: block;text-align: left;padding-right: 0}
.newsList .news-text h3{font-size:16px;line-height: 28px;padding: 3px 0 8px;color: #333;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsList .news-text p{font-size: 14px;color: #666;line-height: 24px;height:72px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;word-wrap:break-word;margin-bottom:7px;}
.newsList .news-text>span{font-size: 14px;color: #888;}
.newsList .news-text p font:hover{text-decoration: underline;}
.newsList li:hover .news-text h3{color:#0086c6;}

/*次页*/
.page_ad{ height:296px;}
.content{ width:1200px; overflow:hidden; padding-bottom:20px;}

.w-260{ width:260px;}
.w-920{ width:920px; background-color:#fff; border-top:2px solid #00913e;}

.part{ width:260px; overflow:hidden;font-family:"microsoft yahei";}
.part .tit{ font-size:18px; color:#fff; height:55px;background-color:#00913e; text-align:center; margin-bottom:0; padding-top:15px;}
.part .tit span{ color:#f1bdbd; text-transform:uppercase; font-size:12px;}
.part ul{ border:1px solid #dfe0e0; border-top:none; overflow:hidden; background-color:#fff; padding-bottom:12px;}
.part li{ width:260px;height:40px; line-height:40px; border-bottom:1px dashed #ddd;}
.part li a{ display:block; width:100%; height:100%; text-align:center; font-size:14px;}
.part li a:hover{ color:#ff8a00;}

.path{ height:42px;line-height:42px; color:#000;font-family:"microsoft yahei"; border-bottom:1px dotted #959595; margin-bottom:20px; padding:0 15px;}
.path div{ color:#00913e; font-size:20px; font-weight:bold;}

.pro-list{ margin-left:20px;}
.pro-list li{ margin-right:20px; width:280px; margin-bottom:20px;}
.pro-list li p{ font-size:16px; height:32px; line-height:32px;text-align: center;font-weight:400;font-family:"microsoft yahei";display: none;}
.pro-list0 li p a{ color:#ff7300;}

.news-list{ width:880px; margin:0 auto;}
.news-list li{ background:url(../images/ico3.png) no-repeat 3px center; width:880px; height:32px; line-height:32px; border-bottom:1px dotted #ddd;}
.news-list li a{ padding-left:15px;}

.txt{ padding:0 30px 22px;}
.txt img{max-width: 100%;height: auto!important}
.txt p{ line-height:2; margin-bottom:10px; font-size:14px;text-align:justify; text-justify:inter-ideograph;}
.txt h4.title{ text-align:center; font-size:24px; color:#000; margin:8px 0 20px;font-family:"microsoft yahei";}
.txt .info{ text-align:center; height:30px; line-height:30px; border-bottom:1px solid #d5d5d5; margin-bottom:10px;}

.proDetail{margin-bottom:15px;}
.pro_pic{margin-right:20px;}
.pro_desc{width:368px;line-height:1.8;font-size:14px;}


.pages{ text-align:center; height:30px; line-height:30px; margin:10px 0; color:#000;}
.pages a{ color:#000; border:1px solid #ccc; padding:3px 6px;}
.prevnext{ line-height:22px; font-size:12px; margin-top:10px;}
.prevnext a{ color:#ff8a00; font-weight:bold;}

.links{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 2;
}
.links a{
	padding-right: 15px;
	word-break: keep-all;
}
.links .wrap{
	margin-bottom: 0;
}

/*底部*/
#footer{font-family:"Verdana";background-color:#00913e;position:relative; clear:both;}
.gotop{ position:absolute; left:50%; top:-40px; transform:translateX(-50%);}
.bottom{ width:1200px; color:#fff; overflow:hidden; padding:20px 0;}
.ft_nav{ width:720px;}
.bottom dl{ width:248px; float:left;padding:0 60px; text-align:center;border-right: 1px solid #006129; min-height:156px;}
.bottom dl dt{ color:#fff; font-family:"microsoft yahei"; font-size:18px; height:32px; line-height:32px; background-color:#006129; border-radius:12px; margin-bottom:8px;}
.bottom dl:first-child{ padding-left:0;border-left-color: transparent;}
.bottom dl:last-child{ padding-right:0;border-right-color: transparent;}
.bottom dd{ font-size:14px; height:24px; line-height:24px; padding-left:2px;}
.bottom dd a{ color:#fff;}
.f_logo{ width:476px; height:150px; background:url(../images/flogo.png) no-repeat right center;background-size: 60%;}
.f_logo a{ display:block; width:100%; height:100%; text-indent:-9999em;}
.copy{ height:30px; line-height:30px; background-color:#1d1d1d;}
.copy div{ width:1200px; color:#fff;}
#footer .copy a{ color:#fff;}
/*dialog*/
.dialog_box{
	z-index: 10;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0;
	display: none;
}
.dialog_mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}
.wechat_dialog {
	width: 80%;
	height: auto;
	background-color: #fff;
	border-radius: 21px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.wechat_modal_container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	position: relative;
	background: #fff;
	border-radius: 21px;
}
.wechat_modal_container i.close{
	position: absolute;
	right: 20px;
	top: 18px;
	z-index: 2;
	cursor: pointer;
	font-size: 20px;
	font-style: normal;
}
.wechat_modal_content{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.wechat_success_logo{
	width: 44px;
	height: 44px;
}
.wechat_success_logo img{
	width: 100%;
}
.wechat_success_title{
	color: #000;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	margin: 10px 0;
}
.wechat_modal_content p{
	color: #666;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}
.wechat_button{
	background-color: #1aad17;
	border-radius: 10px;
	width: 144px;
	height: 45px;
	font-size: 16px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	cursor: pointer;
}
.wechat_button a{
	color: #fff;
	text-decoration: none;
}
.fixbar-box{
	display: none;
}
.fixbar{
	display:-webkit-box!important;
	display:-webkit-flex!important;
	display:-moz-box!important;
	display:-ms-flexbox!important;
	display:flex!important;
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	height:50px;
	bottom:constant(safe-area-inset-bottom);
	bottom:env(safe-area-inset-bottom);
	background-color:#00913e;
	color:#fff;
	z-index:90;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-shadow:0 0 20px rgba(255,255,255,.05);
	-moz-box-shadow:0 0 20px rgba(255,255,255,.05);
	box-shadow:0 0 20px rgba(255,255,255,.05)
}
.fixbar a{
	color: #fff;
	text-align:center;
	font-size:14px;
	padding:10px;
	width:-webkit-calc(100% / 3);
	width:-moz-calc(100% / 3);
	width:calc(100% / 3);
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center
}
.fixbar a img{
	width: auto;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
}
.fixbar a+a:after,.b_menu a+a:before{
	content:'';
	width:1px;
	height:60%;
	background-color:#fff;
	left:0;
	top:20%;
	position:absolute;
	opacity:.2
}
.fixbar a i{
	font-size: 18px;
	margin-right: 5px;
}
.fixbar:before{
	contain:'';
	height:50px;
	left:0;
	bottom:-50px;
	position:absolute;
	background-color:#fff;
	width:100%
}
@media(max-width: 760px){
	.title{
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.title h3{
		font-size: 24px;
	}
	.title span{
		font-size: 12px;
	}
	.pro-show{
		width: 100%;
		height: 168px
	}
	.proTit li, .proTit .more{
		width: auto;
		font-size: 13px;
		padding: 0 12px;
	}
	.product-box .more{
		margin-top: 10px;
		margin-bottom: 0
	}
	.pro-show div{
		width: 500%!important;
		height: 100%
	}
	.pro-show ul{
		width: 50%;
		height: 168px;
		overflow: hidden
	}
	.pro-show li{
		margin-right: 1.33%;
		width: 15.33%;
	}
	.pro-show li img{
		display: block;
		width: 100%;
		height: auto!important
	}
	.abt-title{
		text-align: center
	}
	.about .fl{
		width: 100%;
		float: none
	}
	.about .fr{
		margin-top: 20px;
	}
	.about .fr img{
		width: 100%
	}
	.wrap{
		width: 100%;
		padding: 0 15px
	}
	.news{
		padding-bottom: 30px;
	}
	.news .hd img{
		width: 100%;
	}
	.newsList{
		width: 100%;
	}
	.newsList li{
		width: 100%;
		float: none
	}
	.newsList .news-img{
		width: 32%;
		margin-right: 2%
	}
	.newsList .news-text{
		width: 65%
	}
	.newsList .news-text h3{
		padding-bottom: 0
	}
	.newsList .news-text p{
		font-size: 13px;
		line-height: 1.8;
		height: auto;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp:2;
	}
	.bottom{
		width: 100%;
		padding: 20px 15px;
	}
	.ft_nav{
		width: 100%;
		float: none;
		overflow: hidden
	}
	.bottom dl{
		margin-bottom: 20px;
		width: 100%;
		padding: 0;
		border-right: none;
	}
	.bottom dl:first-child{
		padding-left: 0;
	}
	.bottom dd{
		padding: 0 15px;
		text-align: left;
	}
	.f_logo{
		width: 100%;
		height: 100px;
		float: none;
		background-size: contain!important;
	}
	.copy{
		margin-bottom: 50px;
		width: 100%;
		height: auto;
		line-height: 2
	}
	.copy div{
		padding: 0 15px;
		width: 100%
	}
	.copy div p{
		width: 100%;
		float: none;
		text-align: center
	}
	.copy div span{
		display: block;
		width: 100%;
		float: none;
		text-align: center
	}
	.ad{
		margin-top: 60px
	}
	.content{
		width: 100%;
		padding: 0 15px
	}
	.path p{
		display: none;
	}
	.w-260{
		margin-bottom: 15px;
		width: 100%;
		float: none;
	}
	.part{
		width: 100%
	}
	.part .tit{
		padding: 10px 0;
		height: auto;
	}
	.part .tit br{
		display: none;
	}
	.part .tit span{
		display: block;
	}
	.part li{
		width: 100%
	}
	.w-920{
		margin-bottom: 15px;
		width: 100%;
		float: none
	}
	.txt{
		padding: 0 15px 20px
	}
	.txt p{
		font-size: 13px
	}
	.pro-list{
		margin-left: 0;
		width: 100%
	}
	.pro-list li{
		margin: 0 2% 4%;
		width: 46%
	}
	.pro-list li a{
		width: 100%;
		height: 100%;
	}
	.pro-list li img{
		display: block;
		width: 100%;
		height: 132px;
		object-fit: contain;
	}
	.pro-list li p{
		font-size: 14px;
	}
	.pro_pic{
		margin-right: 0;
		width: 100%;
		float: none;
	}
	.pro_desc{
		width: 100%;
		float: none
	}
	.news-list{
		width: 100%
	}
	.news-list li{
		padding: 0 10px;
		width: 100%;
	}
	.news-list li a{
		padding-left: 0;
		width: 80%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.news-list li span{
		font-size: 12px;
		color: #999
	}
	.fixbar-box{
		display: block;
	}
	.fixbar a{font-size: 14px;}
}