@charset "utf-8";
#focusindex {
	overflow:hidden;
	position:relative;
	height:846px;
}
#focusindex li {
	width:100%;
	height:846px;
	overflow:hidden;
	position:absolute;
	transition: -webkit-transform 3s cubic-bezier(0,0,.2,1);
	transition: -moz-transform 3s cubic-bezier(0,0,.2,1);
	transition: transform 3s cubic-bezier(0,0,.2,1);
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); z-index:999;
}
#focusindex li a { display:block; position:absolute; left:0; top:0; width:100%; height:100%;  display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center; /*background:rgba(255,255,255,.5);*/}
#focusindex li.bannerdh {
	-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1); z-index:99999;
}
#focusindex .btn {
	width:100%;
	height:30px;
	text-align:center;
	position:absolute;
	bottom:40px;
	z-index:9
}
#focusindex .btn span {
	display:inline-block;
	_display:inline;
	_zoom:1;
	background:#ccc;
	width:14px;
	height:14px;
	_font-size:0;
	margin:5px;
	cursor:pointer;
	z-index:9;
	border-radius:7px;
	-webkit-transform 6s cubic-bezier(0,0,.2,1);
	transition: -moz-transform 6s cubic-bezier(0,0,.2,1);
	transition: transform 6s cubic-bezier(0,0,.2,1);
}
#focusindex .btn span.on {
	width:14px;
	background:#aa0505;
	z-index:9
}
#focusindex .prenext2 {
	/*background:url(/uploads/image/tdfimages/sprite2.png) no-repeat left top;
	width:44px;
	height:44px;*/
	width:46px;
	height:85px;
	position:absolute;
	top:50%;
	margin-top:-42px;
	cursor:pointer;
	z-index:9;
	opacity:0;
	/*transition:all 0.3s linear 0s;*/
}
#focusindex .pre2 {
	/*background:url(/uploads/image/tdfimages/ctrl_left.png) no-repeat;*/
	left:10%;
	z-index:9;
}
#focusindex .pre2:before {
	content:'<';
	font-size:120px; line-height:85px; height:85px; overflow:hidden; font-family:'宋体'; color:#fff; margin-left:-5px;
}
#focusindex .pre2:hover:before {
	color:#e74f21;
}
#focusindex .next2:after {
	content:'>';
	font-size:120px; line-height:85px; height:85px; overflow:hidden; font-family:'宋体'; color:#fff; margin-left:-8px;
}
#focusindex .next2:hover:after { color:#e74f21;}
#focusindex .next2 {
	/*background-position:right top;
	background:url(/uploads/image/tdfimages/ctrl_right.png) no-repeat;*/
	right:10%;
	z-index:9
}
#focusindex:hover .prenext2 {
	opacity:0.5;
}
#focusindex:hover .pre2 {
	left:10%;
}
#focusindex:hover .pre2:hover {
	left:10%;
	background-position:left bottom;
}
#focusindex:hover .next2 {
	right:10%;
}
#focusindex:hover .next2:hover {
	right:10%;
	background-position:right bottom;
}
#focusindex .pre:hover, #focusindex .next:hover {
	opacity:1;
}

#focusindex li .font { 
opacity: 0;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
margin:5px 0;

}
#focusindex li.trans0 .font:nth-child(1) {
-webkit-animation-name: fadeinleftbig;
animation-name: fadeinleftbig;
margin-left:10%;

}
#focusindex li.trans0 .font:nth-child(2) {
-webkit-animation-name: fadeinrightbig;
animation-name: fadeinrightbig;
margin-right:10%;
}
#focusindex li.trans1 .font:nth-child(1) {
-webkit-animation-name: fadeindownbig;
animation-name: fadeindownbig;
right:13%;
}
#focusindex li.trans1 .font:nth-child(2) {
-webkit-animation-name: fadeinupbig;
animation-name: fadeinupbig;
right:13%;
}
#focusindex li.trans2 .font:nth-child(1) {
-webkit-animation-name: fadeinleftbig;
animation-name: fadeinleftbig;
}
#focusindex li.trans2 .font:nth-child(2) {
-webkit-animation-name: fadeinrightbig;
animation-name: fadeinrightbig;
}
#focusindex li.trans3 .font {
margin-left:25%;
-webkit-animation-name: fadeinrightbig;
animation-name: fadeinrightbig;
}
#focusindex li.trans5 .font:nth-child(1) {
-webkit-animation-name: fadeindownbig;
animation-name: fadeindownbig;
left:10%;
}
#focusindex li.trans5 .font:nth-child(2) {
-webkit-animation-name: fadeinupbig;
animation-name: fadeinupbig;
right:25%;
bottom:20%;
}
/*#focusindex .bannerdh .font.trans2 { top:100px; left:0;
-webkit-transform: scale(1,1);
-webkit-transition-duration: 553ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 553ms;
opacity: 1;
}

#focusindex .bannerdh .font.trans4 { top:150px; width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:left;
-webkit-transform: scale(1,1);
-webkit-transition-duration: 553ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 553ms;
opacity: 1;

 }*/