* {
	padding:0px;
	margin:0px;
}
html {

}


@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUp {
 0% {
 opacity: 0;
 -o-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
 @-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
}
 100% {
 -webkit-transform: scale(1);
}
}
 @-moz-keyframes bounceIn {
 0% {
 opacity: 0;
 -moz-transform: scale(.3);
}
 50% {
 opacity: 1;
 -moz-transform: scale(1.05);
}
 70% {
 -moz-transform: scale(.9);
}
 100% {
 -moz-transform: scale(1);
}
}
 @-o-keyframes bounceIn {
 0% {
 opacity: 0;
 -o-transform: scale(.3);
}
 50% {
 opacity: 1;
 -o-transform: scale(1.05);
}
 70% {
 -o-transform: scale(.9);
}
 100% {
 -o-transform: scale(1);
}
}
 @keyframes bounceIn {
 0% {
 opacity: 0;
 transform: scale(.3);
}
 50% {
 opacity: 1;
 transform: scale(1.05);
}
 70% {
 transform: scale(.9);
}
 100% {
 transform: scale(1);
}
}
#et-slider-wrapper {
	height:100%;
	position: relative;
	background: #0c151b;
}


.et-slide {
	background-repeat: no-repeat;
	background-position: top center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	 background-size: cover;
	  background-attachment: fixed;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.et-slide .container { width:1170px; margin:0 auto;

}
.et-slide .description {

	color: #fff;

 -webkit-animation-duration: .6s;
 -webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
 -moz-animation-duration: .6s;
 -moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
 -ms-animation-duration: .6s;
 -ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
 animation-duration: .6s;
 animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.banner2{ display:none;}
#ww1 #nnbanner1,#ww3 #nnbanner1,#ww4 #nnbanner1{ display:none;}

.banner1{ width:745px; float:left; margin-top:316px; margin-left:100px;  color:#333333; font-size:47px; font-family: "Microsoft Yahei";}
.banner011{font-size:20px; font-family: "Microsoft Yahei"; margin-top:25px; color:#333333; width:745px; margin-left:100px;}

.banner3{ width:745px; margin:320px 0px 0px 100px; text-align:left;  color:#ffffff; font-size:47px; font-family: "Microsoft Yahei";}
.banner013{ width:745px; margin:30px 0px 0px 100px; color:#ffffff; font-size:20px; font-family: "Microsoft Yahei"; text-align:left;}

#nnbanner1{ width:628px; margin:320px 0px 0px 282px;}
.banner012{ margin:32px 0px 0px 0px;font-size:20px; font-family: "Microsoft Yahei"; text-align:center;}

.banner4{ margin:360px 0px 0px 160px;color:#FFF; font-size:47px; font-family: "Microsoft Yahei";}
.banner014{margin:27px 0px 0px 160px; font-size:20px; font-family: "Microsoft Yahei"; line-height:180%;}
@media screen and (max-width: 1170px) and (min-width:1000px){
	.et-slide .container { width:97%; margin:0 auto;

}
	.banner4{ width:745px; float:left; margin-top:30%; margin-left:10%; color:#333333; font-size:47px; font-family: "Microsoft Yahei";}
.banner014{ font-size:20px; font-family: "Microsoft Yahei"; margin-top:25px; color:#333333; width:745px; margin-left:10%;}

.banner2{ width:745px; margin:30% 0px 0px 10%;; text-align:left;  color:#333333; font-size:47px; font-family: "Microsoft Yahei";}
.banner012{ width:745px; margin:30px 0px 0px 10%; color:#454545; font-size:20px; font-family: "Microsoft Yahei"; text-align:left;}
#nnbanner1{ width:628px; margin:30% 0px 0px 20%; border:1px solid red;}

.banner011{ margin:32px 0px 0px 0px;font-size:20px; font-family: "Microsoft Yahei"; text-align:center;}
.banner3{ margin:360px 0px 0px 160px;color:#FFF; font-size:47px; font-family: "Microsoft Yahei";}
.banner013{margin:27px 0px 0px 160px; font-size:20px; font-family: "Microsoft Yahei"; line-height:180%;}
	
	}
@media screen and (max-width: 1000px) and (min-width:800px){
		.et-slide .container { width:97%; margin:0 auto;

}
	.banner1{ width:745px; float:left; margin:30% auto 0px auto; color:#333333; font-size:47px; font-family: "Microsoft Yahei";}
.banner011{width:745px; font-size:20px; font-family: "Microsoft Yahei"; margin-top:25px; color:#333333;}
.banner001{}

.banner3{ width:745px; margin:30% auto 0px auto; text-align:left;  color:#333333; font-size:47px; font-family: "Microsoft Yahei";}
.banner013{ width:745px; margin:30px auto 0px auto; color:#454545; font-size:20px; font-family: "Microsoft Yahei"; text-align:left;}
#nnbanner1{ width:628px; margin:30% auto 0px auto;}
.banner012{ margin:32px 0px 0px 0px;font-size:20px; font-family: "Microsoft Yahei"; text-align:center;}
.banner4{ margin:360px 0px 0px 10%;color:#FFF; font-size:47px; font-family: "Microsoft Yahei";}
.banner014{margin:27px 0px 0px 10%; font-size:20px; font-family: "Microsoft Yahei"; line-height:180%;}
	
	}
	@media screen and (max-width: 800px){
		.et-slide .container { width:97%; margin:0 auto;

}
	.banner1{ width:90%; float:left; margin:50% auto 0px auto; color:#333333; font-size:2.2em; font-family: "Microsoft Yahei";}
#ww1{ position:relative;}
.banner011{font-size:1.25em; font-family: "Microsoft Yahei"; color:#333333; width:100%; position:absolute; left:0px; top:200px; margin-left:0px;}


.banner3{ width:90%; margin:50% auto 0px auto; text-align:left;  color:#333333; font-size:2.2em; font-family: "Microsoft Yahei";}
.banner013{ width:90%; margin:30px auto 0px auto; color:#454545; font-size:1.25em; font-family: "Microsoft Yahei"; text-align:left;}
#nnbanner1{ width:90%; margin:50% auto 0px auto;}
.banner012{ margin:32px 0px 0px 0px;font-size:1.25em; font-family: "Microsoft Yahei"; text-align:center;}
.banner4{ margin:45% 0px 0px 5%;color:#FFF; font-size:2.2em; font-family: "Microsoft Yahei";}
.banner014{margin:27px 0px 0px 5%; font-size:1.25em; font-family: "Microsoft Yahei"; line-height:180%;}
	
	}
.js .et-slide {
	display: none;
}
.js .et-slide:first-child {
	display: block;
}
.et-slider-arrows a {
	display: block;
	background-repeat: no-repeat;
	width:46px;
	height:91px;
	position: absolute;
	top:50%;
	text-indent: -9999px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
#et-slider-wrapper .et-arrow-prev {
	left: 60px;
	background-image: url(../images/left-arrow.png);
}
#et-slider-wrapper .et-arrow-next {
	right: 60px;
	background-image: url(../images/right-arrow.png);
}
#et-slider-wrapper:hover .et-slider-arrows a {
	opacity: 1;
}
#et-slider-wrapper:hover .et-arrow-prev {
	left: 80px;
}
#et-slider-wrapper:hover .et-arrow-next {
	right: 80px;
}
#et-slider-wrapper .et-arrow-prev:hover{background-image: url(../images/left-arrow1.png); display:block;}
#et-slider-wrapper .et-arrow-next:hover{background-image: url(../images/right-arrow1.png);}
#et-slider-controls{ display:none;}