@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	border: 0;
}
li{
	list-style: none;
}
button{
	outline: none;
}
			a{
				text-decoration: none;
			}
			.l{
				float: left;
			}
			.r{
				float: right;
			}
			.name{
				display: inline-block;
				font-family: "微软雅黑";
				vertical-align: 10px;
				line-height: 50px;
				font-size: 28px;
				padding-left: 20px;
			}
			.moon{
				width: 100%;
				height: 100%;
				background: #000;
				position: absolute;
				top: 0;
				opacity: 0;
				filter:alpha(opacity=0);  
        		-moz-opacity:0;   
				-khtml-opacity:0;
				animation: moon 4s linear;
				-webkit-animation: moon 4s linear;
				-o-animation: moon 4s linear;
				-moz-animation: moon 4s linear;
			}
			@keyframes moon{
				0%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
				20%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
				40{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
				60%{opacity: 0.5;filter:alpha(opacity=0.5);-moz-opacity:0.5;-khtml-opacity:0.5;}
				80%{opacity: 0.3;filter:alpha(opacity=0.3);-moz-opacity:0.3;-khtml-opacity:0.3;}
				100%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
			}
			
			@keyframes sun{
				0%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				20%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				40{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				60%{opacity: 0.8;filter:alpha(opacity=0.8);-moz-opacity:0.8;-khtml-opacity:0.8;}
				70%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
				80%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
				90%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
				100%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
			}
			.sun{
				width: 100%;
				height: 100%;
				position: absolute;
				animation: sun 8s linear;
				-moz-animation: sun 8s linear;
				-webkit-animation: sun 8s linear;
				-o-animation: sun 8s linear;
			}
			.blue{
				width: 100%;
				height: 100%;
				position: absolute;
				animation: blue 12s linear;
				-moz-animation: blue 12s linear;
				-webkit-animation: blue 12s linear;
				-o-animation: blue 12s linear;
			}
			@keyframes blue{
				0%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				20%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				40{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				60%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				61%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				70%{opacity: 0.3;filter:alpha(opacity=0.3);-moz-opacity:0.3;-khtml-opacity:0.3;}
				80%{opacity: 0.6;filter:alpha(opacity=0.6);-moz-opacity:0.6;-khtml-opacity:0.6;}
				90%{opacity: 0.9;filter:alpha(opacity=0.9);-moz-opacity:0.9;-khtml-opacity:0.9;}
				100%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
			}
			.logo{
				width: 250px;
				position: absolute; 
				margin-top: 10%;
				left: 0; 
				right: 0; 
				margin-left: auto; 
				margin-right: auto;
				animation: logo 16s linear;
				-webkit-animation: logo 16s linear;
				-o-animation: logo 16s linear;
				-moz-animation: logo 16s linear;
			}
			@keyframes logo{
				0%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				20%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				40{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				60%{opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
				61%{opacity: 0.1;filter:alpha(opacity=0.1);-moz-opacity:0.1;-khtml-opacity:0.1;}
				70%{opacity: 0.3;filter:alpha(opacity=0.3);-moz-opacity:0.3;-khtml-opacity:0.3;}
				80%{opacity: 0.6;filter:alpha(opacity=0.6);-moz-opacity:0.6;-khtml-opacity:0.6;}
				90%{opacity: 0.9;filter:alpha(opacity=0.9);-moz-opacity:0.9;-khtml-opacity:0.9;}
				100%{opacity: 1;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;}
			}
			.gif{
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0; 
				right: 0; 
				margin-left: auto; 
				margin-right: auto;
				display: none;
			}
			
			.top{
				width: 100%;
				background-color:rgba(255,255,255,0.8);
				height: 100px;
				position: fixed;
				z-index: 1000;
				overflow: hidden;
			}
			.top-ny{
				width: 100%;
				background-color:#fff;
				height: 100px;
				z-index: 1000;
				overflow: hidden;
			}
			.swiper-top{
				width: 1200px;
				margin: 0 auto;
				overflow: hidden;
				padding-top: 20px;
			}
			.top-img{
				float: left;
				overflow: hidden;
				}
			.top-img img{
				width: 400px;
			}
			.top ul,.top-ny ul{
				float: right;
				width:auto;
			}
			.top li,.top-ny li{
				display: inline-block;
				line-height: 80px;
				padding-left: 10px;
			}
			.top .inn li img{
				width: 105px;
			}
			.top-ny .inn li img{
				width: 105px;
			}
			.num1,.num2,.num3{
				font-family:"微软雅黑";
				font-weight: bold;
				color: #f6f6f6;
				display: none;
				width: 1100px;
				line-height: 60px;
				text-align: center;
				font-size: 50px;
				position: absolute; 
				left: 0; 
				right: 0; 
				margin-left: auto; 
				margin-right: auto;
			}
			.ENG{
				font-size: 20PX;
			}
			.num1,.num2{
				margin-top: 30%;
			}
			.num3{
				margin-top: -8%;
			}
		.box{
			width: 840px;
			height: 400px;
			position: absolute; 
			left: 0; 
			right: 0; 
			margin-left: auto; 
			margin-right: auto;
			margin-top: 400px;
			display: none;
			overflow: hidden;
		}
		.box .pro{
			width: 800px;
			margin-left: 20px;
			height: 400px;
			z-index: 100000;
		}
			.gif{
				width: 850px;
				height: 500px;
				margin-top: 350px;
				opacity: 0.5;
				filter:alpha(opacity=0.5);  
        		-moz-opacity:0.5;   
				-khtml-opacity:0.5;
				position: absolute; 
				left: 0; 
				right: 0; 
				margin-left: auto; 
				margin-right: auto;
				display: none;
				overflow: hidden;
				
			}
		
.title2{
	text-align: center;
	color: white;
	padding-top: 7%;
}
.about{
	width: 1200px;
	min-height: 300px;
	margin: 0 auto;
	/*border: 1px solid black;*/
	overflow: hidden;
}
.about-l{
	width: 500px;
	margin-left: 50px;
}
.about_r{
	width: 500px;
	margin:100px 100px 0 0;
}
.page_about{
	font-size: 14px;
	color: white;
	line-height: 2;
	text-indent: 2em;
}
.button{
	width: 120px;
	text-align: center;
	border: 1px solid orange;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	padding: 10px;
	color: orange;
	margin: 20px 0;
}
.button:hover{
	color: orangered;
}
/*产品中心*/
.product{
	width: 1200px;
	min-height: 300px;
	margin: 30px auto;
	/*border: 1px solid black;*/
	overflow: hidden;
}
.product li{
	float: left;
	margin-right: 25px;
}
.product li a{
	display: block;
	text-align: center;
	color: white;
	padding: 20px 0;
}
.product li a:hover{
	color: orange;
}
.product li img{
	height: 320px;
}
/*资质荣誉*/
#honors{
	width: 1200px;
	min-height: 300px;
	margin: 30px auto;
	/*border: 1px solid white;*/
	overflow: hidden;
	position: relative; 
}

#honors ul { width: 1200px; height: 450px; position: relative; overflow: hidden;}
#honors ul li { height: 450px; float: left; list-style: none; padding-right:20px;}
#honors ul li img { height: 450px; display: inline-block;}

/*新闻动态*/
.news{
	width: 1200px;
	min-height: 300px;
	margin: 30px auto;
	/*border: 1px solid white;*/
	overflow: hidden;
}

	.new_img img{
					width:340px;
					height: 200px;
				}
				
.news li{
	width: 800px;
	height: 200px;
	margin: 10px auto;
	/*border: 1px solid white;*/
	overflow: hidden;
	background-color:rgba(255,255,255,0.7);
}
.page_new{
	width: 450px;
	/*border: 1px solid red;*/
	padding: 30px 15px 0 0;
}
.page_ntitle{
	color: #00b150;
	font-size: 18px;
	padding-bottom: 20px;
}
.page_ntitle a{
	color: #00b150;
}
.page_ntitle a:hover{
	color: orange;
}
.page_ncontan{
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}
/*联系我们*/
.content{
	width: 1200px;new
	min-height: 400px;
	margin: 0 auto;
	/*border: 1px solid white;*/
	overflow: hidden;
}
#dituContent{
	width:500px;
	height:450px;
}
.content_r{
	width: 560px;
	/*border: 1px solid white;*/
}

.phone,.fax,.add{
	font-size: 20px;
	line-height: 2;
	color: #00b150;
	margin-top: 10px;
}
.phone_nuber,.fax_nuber,.add_nuber{
	color: white;
	font-size: 16px;
	text-indent: 2em;
}
	@media only screen and (min-width: 1000px) and (max-width: 1600px) {
				.top{
					height: 90px;
				}
				.logo{
					width: 220px;
					margin-top: 10%;
				}
				.box{
					margin-top: 300px;
					width: 600px;
					height: 300;
				}
				.box .pro{
					width: 600px;
					height: 300px;
					z-index: 100000;
				}
				.gif{
					margin-top: 250px;
					width: 650px;
					height: 400px;
				}
				.title2{
					text-align: center;
					color: white;
					padding-top: 8%;
				}
				.title2 img{
					width: 300px;
				}
				.about-l img{
					height: 300px;
					margin: 25px 0 0 150px;
				}
				.about_r{
					margin:50px 100px 0 0;
				}
				.product li{
					margin-right: 110px;
				}	
				.product li img {
				    height: 250px;
				}
				#honors ul {height: 320px;}
				#honors ul li {height: 320px;}
				#honors ul li img {height: 320px;}
				.news{
					margin: 0 auto;
				}
				.news li{
					height: 150px;
				}
				.new_img img{
					height: 150px;
				}
				
				.page_new{
					width: 550px;
					padding: 20px 15px 0 0 ;
				}
				.phone,.fax,.add{
					font-size: 20px;
					line-height: 1.5;
					color: #00b150;
					margin-top: 3px;
				}
				#dituContent{
					width:500px;
					height:450px;
				}
				/*.content_r{
					width: 580px;
				}*/
			}
			@media only screen and (min-width: 400px) and (max-width: 1000px) {
				.logo{
					width: 200px;
					margin-top: 18%;
				}
				.box{
					margin-top: 300px;
					width: 600px;
					height: 300;
				}
				.box .pro{
					width: 600px;
					height: 300px;
					z-index: 100000;
				}
				.gif{
					margin-top: 250px;
					width: 650px;
					height: 400px;
				}
			}
			
			
			#page { text-align:center; margin:10px 0px; font-size:14px; }
			#page a { color:#000; text-decoration:none; margin:0px 5px; }
			#page a:visited { color:#000; }