body {margin:0 auto; font-family: ' Microsoft YaHei ','SimHei ';  background-color: #fff; }

img { max-width: 100%; height: auto; }
#ie8 img { width: auto; }
@-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);
	}
}



#et-slider-wrapper {
    height: 100%;
    width: 100%;
    top: 0;
    position: fixed;
    background: #0c151b;
}
	.et-slide {
		background-repeat: no-repeat;
	background-position: top center; 
	background-size: cover; 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    behavior: url(ie-css3.htc); }
	.et-slide .container { padding: 250px 0 0 100px; }
	.et-slide .description { text-shadow: 0 2px 2px rgba(0,0,0,0.3); float: right; width: 800px; padding:50px 100px 0 0;
	 color: #fff; font-size:26px;font-weight:normal;
	-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; 
	
	behavior: url(ie-css3.htc);
	}
.et-slide .description h2{font-weight:normal;margin:20px 0}					
.et-slide .description p {font-size:16px;line-height:24px;width:90%}


.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }

.et-slider-arrows a { display: block; background-repeat: no-repeat; width: 28px; height: 40px; position: absolute; top: 400px; 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,#et-slider-wrapper .et-arrow-next{ background: url(../images/banner/lr.png);width:30px;height:55px;opacity:0;}
#et-slider-wrapper .et-arrow-prev { left: 60px;}
#et-slider-wrapper .et-arrow-next { right: 60px; background-position:31px 0; }
#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-controls { position: absolute; bottom: 180px; left:0;width:100%}
#et-slider-controls .et-controllers { width: 530px; margin:0 auto; text-align: center; }
#et-slider-controls .et-controllers a { display: inline-block; width: 15px; height: 15px;border-radius:50%; background-color:rgba(255,255,255,.5); text-indent: -9999px; margin: 0 5px; }
#et-slider-controls .et-controllers a.et-active-control { background-color:rgba(255,255,255,1) }




/*index-link*/
#index_link{position:fixed;left:50%;bottom:40px; margin-left:-450px;width:900px}
#index_link a{width:155px;padding:12px; margin-left:1px;float:left;display:inline-block;background-color:#000; opacity:.8;filter:Alpha(opacity=80);

}
#index_link a .img{width:155px;height:60px;overflow:hidden}
#index_link a img{width:100%; border:0;transform: scale(1);}
#index_link a p{margin:0;color:#fff;line-height:24px; }
#index_link a:hover{
	
	text-decoration:none; 
	animation:linkmove 1s infinite;
	-webkit-animation:linkmove 1s infinite; /*Safari and Chrome*/
	position:relative;
z-index:99;
    behavior: url(ie-css3.htc);
	}
#index_link a:hover img{transform: scale(1.1);}
@keyframes linkmove
{
	from {margin-top:0px;}
	to {margin-top:-5px;}
}

@-webkit-keyframes linkmove /*Safari and Chrome*/
{
	from {margin-top:0px;}
	to {margin-top:-5px;}
}