html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, fieldset { padding:0; margin:0; }
textarea { font-size:16px; }
input,select { font-family:'Arial'; padding:0px; line-height:20px; font-size:14px; vertical-align:middle; }
input[type=checkbox], input[type=radio] { cursor:pointer; margin:0; vertical-align:middle; }

label { cursor:pointer; }
a img, img { border:0; vertical-align:middle; }
sup, sub { vertical-align:baseline!important; vertical-align:bottom; position:relative; }
sup { bottom:.5em; }
sub { top:.3em; }
li {list-style: none;}


a, a:visited { 
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	color: #555;
	text-decoration: none;
}


:-moz-ui-invalid:not(output) {
    box-shadow: 0 0 0 0;
}

body {
	background:#fff;
	color:#666;
	font-family: 'Arial', 'Microsoft YaHei';
	font-size:16px;
	line-height: 18px;
	height:100%;
}

strong { font-weight: 600; }

/********************************************* */
.header-wrapper,.body-wrapper,.footer-wrapper	{ width:100%; min-width:1100px; height:auto; }


.bgblue	{ background:#38a3db; }
.bgorange	{ background:#ee440c; }
.bggray	{ background:#989898; }
h1,h2,h3,h4,h5,h6	{ font-family: 'Microsoft YaHei'; font-weight:bold; }
h1	{ font-size:48px; }
h2	{ font-size:36px; }
h3	{ font-size:32px; }
h4	{ font-size:28px; }
h5	{ font-size:24px; }
h6	{ font-size:20px; }

.l	{ float:left; }
.r	{ float:right; }

.header-wrapper	{
	top:0px;
	height:auto;
	z-index:999;
}

.footer-wrapper	{ background:#131422; }

.maindiv	{
	width:1200px; 
	height:auto; 
	margin:0 auto; 
	overflow:hidden;
}
.header-wrapper > .mainlogo	{
	width:100%;
	top:60px;
	position:absolute;
	z-index: 1;
}
.header-wrapper > .mainlogo .maindiv	{
	overflow:visible;
}
.header-wrapper > .mainlogo .logo	{
	width:120px;
	height:120px;
	background:url("../images/logo.png") no-repeat;
	background-size:100%;
}
.header-wrapper > .mainlogo .center	{
	margin-top:50px;
	height:auto;
	line-height:60px;
	width: 1000px;
	background:#43456b;
}


#MenuW	{ display:block; }
#MenuM	{ display:none; }
#WPlist	{ display:block; }
#MPlist	{ display:none; }
#WPlist2	{ display:block; }
#MPlist2	{ display:none; }

.index-ad	{ 
	min-width:1200px;
	height:630px;
	background:#dcdcdc;
	position:relative;
}
	.index-ad img 	{ 
		width:auto;
		margin:0 auto;
	}
	.swiper-slide	{
		height:630px;
		text-align:center;
	}
	.index-ad .remark	{ 
		position:absolute;
		width:100%;
	}
	.index-ad .remark > div	{ 
		width:1100px;
		margin:0 auto;
		text-align:left;
	}
	.index-ad .remark label	{
		width:100%; 
		text-align:center;
		font-size:60px; 
		color:#fff;
		font-weight:bold;
	}
	.index-ad .remark .ani1	{
		margin-top:300px; 
	}
	.index-ad .remark .ani2	{
		margin-top:280px; 
	}
	.index-ad .remark .ani3	{
		margin-top:60px;
	}
	.index-ad .remark .ani4	{
		margin-left:100px;
		margin-top:300px; 
		padding-right:0px; 
	}


.body-wrapper	{

}
	.index-div	{
	}
	.index-div .index-title h1	{
		display:block;
		width:auto;
		line-height:50px;
		font-weight:bold;
	}

	.index-profile	{
		padding-top:70px;
		background:#f0f0f0;
	}
	.index-profile .maindiv	{
		position: relative;
	}
	.index-profile .index-title {
		height:60px;
		background:url("../images/index-about-title.png") no-repeat left;
	}
	.index-profile .l	{
		width:53%;
	}
	.index-profile .r	{
		width:45%;
		margin-right:2%;
		text-align:right;
	}

	.index-profile .content	{
		width:74%;
		margin:20px auto;
		line-height:24px;
		height:72px;
		overflow:hidden;
	}
	.index-profile .item-div	{
		position: absolute;
		top:180px;
		width:100%;
	}
	.index-profile .item-div ul	{
		width:86%;
		margin:0 auto;
		height:200px;
		background:#fff;
	}
	.index-profile .item-div ul	li	{
		float:left;
		width:25%;
		padding-top:20px;
		text-align:center;
		color:#5a9257;
		border-right:1px solid #ddd;
	}
	.index-profile .item-div h5	{
		line-height:50px;
		font-size:18px;
		font-style: italic;
		transition: all 1s ease-in-out; /* 控制过渡效果的速度和方式 */
	}
	.index-profile .item-div label	{
		display:block;
		width:60%;
		margin:0 auto;
		line-height:33px;
		height:130px;
	}
	.index-profile .item-div ul	li.active	{
		background:#5a9257;
	}
	.index-profile .item-div ul	li.active h5,.index-profile .item-div ul li.active label	{
		color:#fff;
	}


	.index-products	{
	}

	.index-products .index-title	{
		background:#f0f0f0;
	}
	.index-products .index-title .maindiv {
		height:200px;
		background:url("../images/index-product-title.png") no-repeat left bottom;
	}
	.index-products .content-div ul	{
		width:92%;
		margin:30px 0 0 8%;
		height:auto;
		overflow:auto;
	}
	.index-products .content-div ul li	{
		float:left;
		width:33%;
		padding:20px 0;
		border-radius:20px;
	}
	.index-products .content-div ul li .img	{
		width:100%;
		text-align:center;
	}
	.index-products .content-div ul li .desc	{
		width:90%;
		margin:10px auto;
		line-height:24px;
		height:240px;
		overflow:hidden;
	}
	.index-products .content-div ul li .desc h4	{
		padding-top:30px;
		line-height:32px;
		padding-bottom:10px;
	}
	.index-products .content-div ul li:hover	{
		background:#5a9257;
	}
	.index-products .content-div ul li:hover .desc	{
		color:#fff;
	}

	.index-cooperate	{
		padding-top:70px;
	}
	.index-cooperate .index-title {
		height:60px;
		background:url("../images/index-cooperate-title.png") no-repeat left;
	}
	.index-cooperate .content-div ul	{
		width:92%;
		margin:30px 0 0 8%;
		height:auto;
		overflow:auto;
	}
	.index-cooperate .content-div ul li	{
		float:left;
		width:48%;
		margin-right:2%;
		margin-bottom:30px;
	}
	.index-cooperate .content-div ul li .img	{
		float:left;
		width:30%;
	}
	.index-cooperate .content-div ul li .desc	{
		float:left;
		width:66%;
		line-height:24px;
		height:72px;
		overflow:hidden;
	}
	.index-cooperate .content-div ul li .desc h3	{
		padding-top:10px;
		line-height:32px;
		padding-bottom:10px;
	}

	.index-news	{
		margin-top:40px;
	}
	.index-news .index-title {
		height:60px;
		background:url("../images/index-news-title.png") no-repeat left;
	}
	.index-news .content-div	{
		width:92%;
		margin:30px 0 0 8%;
		height:auto;
		overflow:auto;
	}
	.index-news .index-vedio	{
		float:left;
		width:42%;
	}
	.index-news .list	{
		float:left;
		width:58%;
	}
	
	.index-news ul	{
		height:auto;
		overflow:auto;
	}
	.index-news ul li 	{
		padding:15px 0 5px;
		border-bottom:1px solid #e2e2e2;
	}
	.index-news ul li a 	{
		line-height:34px;
	}
	.index-news ul li.red label 	{
		color:#d67f85;
	}
	.index-news ul li.blue label 	{
		color:#7898ce;
	}
	.index-news ul li.green label 	{
		color:#a9b68e;
	}
	.index-news ul li span 	{
		float:right;
		display:block;
		color:#ccc;
	}
	.index-news .more 	{
		padding-top:20px;
		text-align:right;
		font-weight:bold;
	}


	.index-pic	{
		
	}
	.index-pic > .maindiv	{
		width:1092px;
	}
	.index-pic > .index-div > h3 > label	{
		float:none;
		margin:0 auto;
	}
	.index-pic > .maindiv > .list	{
	
	}

	.index-contact	{
		background:#ebebeb;
	}
	.index-contact > h3 > label	{
		float:none;
		margin:0 auto;
	}
	.index-contact > div > a	{
		display:block;
		height:375px;
		background:url("../images/pic03.png") no-repeat center center;
	}

	
	.page-ad	{
		height:200px;
		background:url("../images/title02.jpg") no-repeat center;
	}

	.body-title	{
		height:55px;
		background:#62b27b;
	}
	.body-title .title	{
		float:left;
		width:30%;
		line-height:55px;
		background:#fff;
		text-align:center;
		font-weight:bold;
		font-size:24px;
	}
	.page-item-list	{ 
			float:left; 
			width:70%;
		}
					.page-item-list ul	{ width:100%; }
					.page-item-list ul > li	{ 
						float:right;
						margin-left:30px;
					}
					.page-item-list ul > li > a	{
						font-family: 'Microsoft YaHei';
						line-height:55px;
						color:#fff;
					}

		.page-content-list	{ 
			margin-top:20px;
		}
			.page-title,.page-content,.page-navition	{ 
				margin:0 auto; 
			}
			
			.page-title	{
				margin:60px 0 20px;
				text-align:center;
				line-height:30px;
			}
			
			.page-content	{ 
				margin:50px auto 0; 
				line-height:32px;
				min-height:400px;
			}

			
				.page-content > .NewsTitle	{ 
					padding:0; 
					line-height:40px; 
					text-align:center; 
					color:#d50010; 
					line-height:30px;
					font-size:16px;
					font-weight:bold;
				}
				
				.page-content > .Proimg	{
					text-align:center;
				}
				.page-content > .Proimg  > img	{
					max-width:100%;
				}
				

				#dituContent	{
					width: 680px; 
					height: 350px;
				}
				

		.newslist	{
			min-height:400px;
		}
			.newslist li	{
				padding:25px 0;
				height:auto;
				overflow:auto;
				border-bottom:1px solid #ddd;
			}
			.newslist li .date	{ 
				float:left;
				width:10%;
				padding-top:50px;
				color:#bfbfbf;
			}
			.newslist li .date h3	{
				float:left;
				display:block;
				width:40%;
				text-align:right;
				color:#7fdba4;
				font-style: italic;
			}
			.newslist li .date span	{
				float:left;
				display:block;
				width:20%;
				height:40px;
				background:url("../images/date-line.png") no-repeat center center;
				background-size:cover;
			}
			.newslist li .date label	{
				float:left;
				display:block;
				width:40%;
				line-height:22px;
				font-size:18px;
			}
			.newslist li .title	{ 
				float:left;
				margin-left:3%;
				width:62%;
				line-height:24px;
				color:#666666;
			}
			.newslist li .title h5	{ 
				padding-bottom:10px;
				line-height:32px;
				font-weight:normal;
			}
			.newslist li .img	{ 
				float:right;
				width:23%;
			}
			.newslist li .img img	{ 
				width:100%;
				height:150px;
				border-radius:20px;
			}
		
			.page-navition	{ 
				line-height:40px; 
				text-align:right;
			}
				.page-navition .red	{ 
					display:inline-block; 
					width:80px; 
					color:#d50010; 
					font-size:14px; 
				}
				.page-navition b	{ color:#F00; font-weight:normal; }
				.page-navition table	{ float:right; height:20px; }
				.page-navition img { *vertical-align:middle; }
				.page-navition input	{ 
					width:20px; 
					text-align:center; 
					height:20px; 
					line-height:18px; 
					font-size:14px; 
					padding:0; 
					border:1px solid #ccc; 
				}
				.page-navition a	{ 
					display:inline-block; 
					width:80px; 
				}
				.page-navition .news-more a	{ 
					display:inline-block; 
					width:40px;
					text-align:center; 
				}
				.page-navition .news-more a.active	{
					font-size:+1; 
					color:#d20006;
					font-weight:bold;
				}
				.page-navition .prev-next a	{
					width:50%;
					line-height:24px;
				}
				.page-navition .prev-next a.prev	{
					float:left;
					text-align:left;
				}
				.page-navition .prev-next a label	{
					color:#d50010;
				}
				
				.intro	{}
				.intro .list	{
					margin-left:80px;
					margin-top:30px;
					height:auto;
					overflow:auto;
				}
				.intro .list li	{
					float:left;
					width:200px;
					margin-right:20px;
				}
				.intro h5	{
					margin-top:30px;
					color:#999999;
				}
				.intro h5 strong	{
					font-size:40px;
					font-style: italic;
				}
				.intro h6	{
					padding-top:20px;
					line-height:50px;
				}
				.intro h6 strong	{
					font-size:36px;
					font-style: italic;
				}
				.intro strong {
					color:#62b27b;
				}

				.contact	{
					height:auto; 
					overflow:auto; 
					padding-top:50px;
				}
				.contact .l	{
					float:left; 
					width:50%; 
					padding:60px 40px; 
					border:1px solid #ccc;
				}
				.contact .l h5	{
					margin-bottom:40px;
				}
				.contact .l div	{
					margin-bottom:10px;
				}
				.contact .l div span	{
					display:block; 
					float:left; 
					margin-right:10px; 
					width:28px; 
					height:28px; 
				}
				.contact .l div.i1 span	{
					background:url('images/i-add.png') no-repeat;
				}
				.contact .l div.i2 span	{
					background:url('images/i-tel.png') no-repeat;
				}
				.contact .l div.i3 span	{
					background:url('images/i-email.png') no-repeat;
				}
				.contact .r	{
					float:right; 
					width:42%;
				}



	.product-list > ul	{ 
		height:auto; 
		overflow:auto;
	}
	.product-list > ul > li	{ 
		float:left;
		width:50%;
	}
	.product-list > ul > li > div	{
		width:96%;
		margin:20px auto;
	}
	.product-list > ul > li:nth-child(4n+1) div,.product-list > ul > li:nth-child(4n) div	{ 
		background:#eaeaea;
	}
	.product-list > ul > li:nth-child(4n+2) div,.product-list > ul > li:nth-child(4n+3) div	{ 
		background:#f6f6f6;
	}
	.product-list > ul > li .pic	{
		float:left;
		width:100%;
		height:250px;
		text-align:center;
	}
	.product-list > ul > li .pic > img	{
		max-width:100%;
		max-height:250px;
	}
	.product-list > ul > li .desc	{
		width:100%;
	}
	.product-list > ul > li .desc > h3	{
		line-height:24px;
		padding: 10px 0 10px 10px;
		color:#2b2b2b;
	}
	.product-list > ul > li .desc > span	{
		display:block;
		text-align:right;
		width:100%;
		background:url("/images/icon01.png") no-repeat center;
		background-size:11px;
	}
	.product-list > ul > li > a	> .desc > label	{
		display:inline-block;
		line-height:22px;
		font-size:13px;
		font-weight:bold;
		height:108px;
		overflow:hidden;
	}
	.product-list > ul > li:hover	{
		background:#17a1df;
	}
	.product-list > ul > li:hover > a > .desc > h3,.product-list > ul > li:hover > a > .desc > label	{
		color:#fff;
	}


	.listtable	{
		width:100%;
	}
	.listtable tr th,.listtable tr td	{
		padding:5px 0 3px;
		line-height:32px;
		text-align:center;
		color:#555;
	}
	.listtable tr th	{
		border-left:1px solid #fff;
		background:#737d8c;
		line-height:45px;
		color:#fff;
	}
	.listtable tr:first-child th:first-child	{
		border-left:0px;
	}
	.listtable tr:nth-child(2) th	{
		border-top:1px solid #fff;
	}
	.listtable tr td	{
		border-left:1px solid #fff;
	}
	.listtable tr td:first-child	{
		border-left:0px;
	}
	.listtable tr:nth-child(odd) td	{
		background:#e9e9e9;
	}
	.listtable tr:nth-child(even) td	{
		background:#f3f3f3;
	}
	.listtable tr:hover td	{
		background:#d90e1a;
		color:#fff;
	}
	.listtable tr td a	{
		color:#d90e1a;
	}
	.listtable tr:hover td a	{
		color:#fff;
	}
	.certlist	{
		height:auto;
		overflow:auto;
	}
	.certlist > li	{
		height:auto;
		float:left;
		width:33.33;
	}
	
	

	

.footer-wrapper	{ 
	height:auto;
	margin-top:30px;
}
	.footer-wrapper .link	{ 
		background:#477555;
	}
	.footer-wrapper .copyright	{ 
		background:#4b845c;
		line-height:100px;
		color:#78a987;
	}
	.footer-wrapper .link .menu	{
		margin:20px 0 40px 6%;
		height:auto;
		overflow:auto;
	}
	.footer-wrapper .link .menu > li	{
		float:left;
		width:160px;
		padding-left:20px;
		text-align:left;
		line-height:20px;
		background:url("../images/icon04.png") no-repeat left 4px;
	}
	.footer-wrapper .link .menu > li a	{
		font-size:18px;
		color:#fff;
	}
	.footer-wrapper .link .menu > li ul	{
		padding-top:10px;
	}
	.footer-wrapper .link .menu > li li a {
		line-height:28px;
		font-size:16px;
		color:#84ac8a;
	}


#mask	{
	width:100%;
    height:100%;
    background-color:#222021;
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
	text-align:center;
    display:none;
}
#mask > div	{
	position:absolute;
	width:100%;
	text-align:center;
}

	
@media screen and ( max-width:767px ) {
.header-wrapper, .body-wrapper, .footer-wrapper {
	min-width:320px;
}
.header-wrapper .top { 
	display:none;
}
.header-wrapper > .center > .maindiv	{
	height:50px;
}
.maindiv	{
	width:100%;
}

#MenuW	{ display:none; }
#MenuM	{ display:block; }
#WPlist	{ display:none; }
#MPlist	{ display:block; }
#WPlist2	{ display:none; }
#MPlist2	{ display:block; }

	video	{
		width:100%;
	}
	.header-wrapper .logo	{ 
		width:200px; 
		height:50px; 
		background:url("/images/logo.png") no-repeat center center; 
		background-size:180px;
	}

	.header-wrapper .r 	{ 
		margin-right:10px;
		width:50px; 
		height:50px;
	}
	.header-wrapper .r > .dropdown-toggle	{ 
		height:50px;
		background:url("/images/menu.png") no-repeat center center; 
		background-size:28px;
	}
	
	#ad01	{ display:none; }
	#ad02	{ display:block; }

	.index-ad	{ 
		min-width:100%;
		height:280px;
	}
	.index-ad img 	{ 
		width:auto;
		margin:0 auto;
	}
	.swiper-slide	{
		height:280px;
		text-align:center;
	}
	.index-ad .remark	{ 
		position:absolute;
		width:100%;
	}
	.index-ad .remark > div	{ 
		width:100%;
		margin:0 auto;
		text-align:left;
	}

	.index-ad .remark label	{
		line-height:48px;
		font-size:32px; 
	}
	.index-ad .remark .ani1	{
		margin-top:100px; 
	}
	.index-ad .remark .ani2	{
		margin-top:120px; 
	}
	.index-ad .remark .ani3	{
		margin-top:20px;
	}
	.index-ad .remark .ani4	{
		margin-left:0px;
		margin-top:100px; 
	}

.header-wrapper > .mainlogo	{
	top:0px;
	background:#fff;
}
.header-wrapper > .mainlogo .maindiv	{
	overflow:visible;
}
.header-wrapper > .mainlogo .logo	{
	width:40px;
	height:40px;
	background:url("../images/logo.png") no-repeat;
	background-size:100%;
}


	.body-wrapper	{ 
		padding:0px;
	}

	.index-profile .l,.index-profile .r {
    	float:none;
		width:100%;
	}
	.index-profile .item-div {
		top: 430px;
	}
	.index-profile .item-div ul {
		width: 100%;
		height:180px;
	}
	.index-profile .item-div ul li	{
		padding-top:0px;
		height:180px;
	}
	.index-profile .item-div h5	{
		line-height:50px;
		font-size:18px;
	}
	.index-profile .item-div label	{
		width:90%;
		margin:0 auto;
		line-height:24px;
		height:60px;
		font-size:14px;
	}

	.index-products .content-div ul {
		width: 98%;
		margin: 30px auto 0;
	}
	.index-products .content-div ul li	{
		float:left;
		width:100%;
	}
	.index-products .content-div ul li .desc	{
		height:auto;
		line-height:24px;
		font-size:14px;
		overflow:auto;
	}
	.index-products .content-div ul li .desc h4	{
		line-height:20px;
		font-size:18px;
	}

	.index-cooperate .content-div ul	{
		width:96%;
		margin:30px auto 0;
	}
	.index-cooperate .content-div ul li	{
		float:left;
		width:50%;
		margin-right:0%;
		margin-bottom:30px;
	}
	.index-cooperate .content-div ul li .img,.index-cooperate .content-div ul li .desc	{
		float:none;
		width:100%;
		text-align:center;
	}
	.index-cooperate .content-div ul li .desc	{
		line-height:32px;
		height:32px;
		font-size:14px;
	}
	.index-cooperate .content-div ul li .desc h3	{
		padding-top:10px;
		line-height:24px;
		font-size:18px;
	}
	.index-cooperate .content-div ul li .desc label	{
		text-align:center;
	}
	

	.index-news .content-div	{
		width:96%;
		margin:30px auto 0;
		overflow:hidden;
	}
	.index-news .index-vedio,.index-news .list	{
		float:none;
		width:100%;
	}



	.footer-wrapper	{
		background:none;
	}
	.footer-wrapper .link  > .maindiv	{
		display:none;
	}
	.footer-wrapper .copyright	{
		padding-top:20px;
		line-height:32px;
	}
	.footer-wrapper .copyright  > .maindiv	{
		text-align:center;
		
	}
	.footer-wrapper .copyright  > .maindiv a	{
		display:inline-block;
		width:100%;
	}

	.body-title .title {
		float:none;
		width:100%;
		padding-left:15px;
		background:none;
		text-align:left;
		color:#fff;
	}
	.page-item-list{
		display:none;
	}

	.page-content-list	{
		width:98%;
		margin:0 auto;
	}
	.page-title	{
		margin-top:5px;
		font-size:22px;
		line-height:32px;
	}
	.page-content	{
		margin:50px auto;
		line-height: 20px;
		overflow:auto;
		height:auto;
	}
	.page-content img {
		max-width:98%;
		margin:0 auto;
	}
	.page-content > .Proimg > img	{
		max-height:200px;
	}
	.page-content .vedio	{
		float:none;
	}
	#dituContent	{
		width: 100%; 
		height: 350px;
	}
	.listtable	{
		font-size:12px;
	}

	.contact .l, .contact .r	{
		float:none;
		width:100%;
	}
	.contact .l	{
		padding:60px 30px;
		border: 2px solid #ccc;
	}

		.newslist	{
			min-height:400px;
		}
			.newslist li	{
			}
			.newslist li .date	{ 
				width:30%;
				padding-top:0px;
			}
			.newslist li .title	{ 
				width:92%;
			}
			.newslist li .title h5 {
				font-size:18px;
			}
			.newslist li .img	{ 
				display:none;
			}
	

#mask > div > img	{
	width:100%;
}
}