.banner{
  width: 100%; height:873px;
  overflow: hidden;
  position:relative;
}
.banner .bd li{
	position:relative;
}
.banner .bd li > img{
	width:100%;
}

.banner .hd{
	width:100%;  left:0px; bottom:50px; position:absolute; z-index:11; text-align:center;
}
.banner .tempWrap{
	height:100%;
}
.banner .bd{
	height:100%;
}
.banner .bd ul{
	height:100%;
}
.banner .hd li{
	display:inline-block;  background:none; text-indent:100000em; border-radius:100px; 
	width:14px; height:14px; margin:0 5px; cursor:pointer; border:1px solid #fff; position:relative;
}
.banner .hd li.on:before{
	position:absolute; width:6px; height:6px; left:4px; top:4px; border-radius:100px; background:#fff; content:" ";
}
.banner .bd li{
	overflow:hidden;
}
.banner .bd li.banner_1  .banner_box{
	position:absolute;left:50%;top:50%; text-align:center;
	transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index:11111;	
}
.banner .bd li.banner_1  .banner_box .titbox.titbox001{
	position:static; z-index:12;
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}

.banner .bd li.banner_1 a{
	text-align:center; font-size:18px; display:inline-block; width:auto; height:44px; border:0; border-radius:16px;
	line-height:44px; color:#333;  padding:0 25px; background:#fff;

}
.banner .bd li.banner_1 a:hover{
	background:#f6c33a; color:#fff;
}
.banner .bd li.banner_1  .banner_box a{
	transition: opacity 2s ease 0s; 
	-webkit-transition: opacity 2s ease 0s;
	-o-transition: opacity 2s ease 0s;
	-moz-transition: opacity 2s ease 0s;
	opacity: 0;
	filter:Alpha(opacity=0);
	position:relative; z-index:12;
}
.banner .bd li.banner_1  .banner_box.banner_show  a{
	transition: opacity 2s ease 2s;
	-webkit-transition: opacity 2s ease 2s;
	-o-transition: opacity 2s ease 2s;
	-moz-transition: opacity 2s ease 2s;
	opacity: 1;
	filter:Alpha(opacity=100);
}
.banner .bd li.banner_1 .banner_box img.quan{
	position:absolute;  z-index:11;
	transition:  all 2s ease 0s; top:-110%; left:-100%;
	-webkit-transition:  all 2s ease 0s;
	-o-transition:  all 2s ease 0s;
	-moz-transition:  all 2s ease 0s;
	opacity: 0;
	filter:Alpha(opacity=0);
	width:300%;
	display:none;
}
.banner .bd li.banner_1  .banner_box.banner_show img.quan{
	left:0%; top:-10%;
	transition:  all 2s ease 0s;
	-webkit-transition:  all 2s ease 0s;
	-o-transition:  all 2s ease 0s;
	-moz-transition:  all 2s ease 0s;
	opacity: 1;
	filter:Alpha(opacity=100);
	width:100%;
}



.banner .bd li.banner_2  .banner_box{
	position:absolute;left:50%;top:50%; text-align:center; width:1200px;
	transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index:11111;	
}
.banner .bd li.banner_2  .banner_box .text{
	text-align:left;
	transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	margin-left:-200%;
}
.banner .bd li.banner_2  .banner_box.banner_show .text{
	transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	margin-left:0px;
}
.banner .bd li.banner_2  .banner_box h3{
	font-size:44px; color:#fff; font-weight:bold; margin-bottom:24px; 
}
.banner .bd li.banner_2  .banner_box p{
	font-size:18px; color:#fff; line-height:32px; width:490px;
}
.banner .bd li.banner_2 a{
	text-align:center; font-size:18px; display:inline-block; width:auto; height:44px; border:0; border-radius:16px;
	line-height:44px; color:#333;  padding:0 25px; background:#fff; margin-top:10px;
	display: block;
	float: left;
	clear: both;
}
.banner .bd li.banner_2 a:hover{
	background:#f6c33a; color:#fff;
}
.banner .bd li.banner_2 h4{
	color:#fff; font-size: 20px; margin-bottom:10px;
}
.banner .bd li.banner_2 .jin{
	position:absolute; right:0px; top:0px; height:100%;
	transition: opacity 2s ease 0s; 
	-webkit-transition: opacity 2s ease 0s;
	-o-transition: opacity 2s ease 0s;
	-moz-transition: opacity 2s ease 0s;
	opacity: 0;
	filter:Alpha(opacity=0);
}
.banner .bd li.banner_2 .jin.jinshow{
	transition: opacity 2s ease 0.6s;
	-webkit-transition: opacity 2s ease 0.6s;
	-o-transition: opacity 2s ease 0.6s;
	-moz-transition: opacity 2s ease 0.6s;
	opacity: 1;
	filter:Alpha(opacity=100);
}



.banner .bd li.banner_3  .banner_box{
	position:absolute;left:50%;top:50%; text-align:left;
	transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index:11111;	
}
.banner .bd li.banner_3  .banner_box .titbox.titbox002{
	position:static; z-index:12;
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.banner .bd li.banner_3 a{
	text-align:center; font-size:18px; display:inline-block; width:auto; height:44px; border:0; border-radius:16px;
	line-height:44px; color:#333;  padding:0 25px; background:#fff;
	display: block;
	float: left;
	clear: both;
}
.banner .bd li.banner_3 a:hover{
	background:#f6c33a; color:#fff;
}
.banner .bd li.banner_3  .banner_box a{
	transition: opacity 2s ease 0s; 
	-webkit-transition: opacity 2s ease 0s;
	-o-transition: opacity 2s ease 0s;
	-moz-transition: opacity 2s ease 0s;
	opacity: 0;
	filter:Alpha(opacity=0);
	position:relative; z-index:12;
}
.banner .bd li.banner_3  .banner_box.banner_show  a{
	transition: opacity 2s ease 2s;
	-webkit-transition: opacity 2s ease 2s;
	-o-transition: opacity 2s ease 2s;
	-moz-transition: opacity 2s ease 2s;
	opacity: 1;
	filter:Alpha(opacity=100);
}


.banner .bd li.banner_4  .banner_box{
	position:absolute;left:50%;top:50%; text-align:left; width:1200px;
	transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index:11111;	
}
.banner .bd li.banner_4  .banner_box .titbox.titbox002{
	position:static; z-index:12; display: inline-block !important; float: left;
	transform: translate(0%,0%); width:auto;
	-webkit-transform: translate(0%,0%);
}
.banner .bd li.banner_4  .banner_box .titbox.titbox002 h3{
	display: inline-block; 
}
.banner .bd li.banner_4  .banner_box .titbox.titbox002 h4{
	display: inline-block; 
}
.banner .bd li.banner_4  .banner_box .titbox.titbox002 p{
	display: inline-block;
}
.banner .bd li.banner_4 a{
	text-align:center; font-size:18px; display:inline-block; width:auto; height:44px; border:0; border-radius:16px;
	line-height:44px; color:#333;  padding:0 25px; background:#fff;
	display: block;
	float: left;
	clear: both;
}
.banner .bd li.banner_4 a:hover{
	background:#f6c33a; color:#fff;
}
.banner .bd li.banner_4  .banner_box a{
	transition: opacity 2s ease 0s; 
	-webkit-transition: opacity 2s ease 0s;
	-o-transition: opacity 2s ease 0s;
	-moz-transition: opacity 2s ease 0s;
	opacity: 0;
	filter:Alpha(opacity=0);
	position:relative; z-index:12;
}
.banner .bd li.banner_4  .banner_box.banner_show  a{
	transition: opacity 2s ease 2s;
	-webkit-transition: opacity 2s ease 2s;
	-o-transition: opacity 2s ease 2s;
	-moz-transition: opacity 2s ease 2s;
	opacity: 1;
	filter:Alpha(opacity=100);
}
.banner .bd li.banner_4 .banner_box .huadiv{
	position:relative; overflow:hidden;  display: inline-block; padding:24px;
}


.banner .bd li.banner_4 .banner_box .huadiv .top{
	width:0%; height:2px; background:url(../images/banner03_top.png) no-repeat; background-size:cover; display:none;
	top:0px; left:0px; position:absolute;
}
.banner .bd li.banner_4 .banner_box .huadiv .right{
	width:2px; height:0%; background:url(../images/banner03_right.png) no-repeat; background-size:cover; display:none;
	top:0px; right:0px; position:absolute;
}
.banner .bd li.banner_4 .banner_box .huadiv .bottom{
	width:0%; height:2px; background:url(../images/banner03_bottom.png) no-repeat; background-size:cover; display:none;
	bottom:0px; right:0px; position:absolute;
}
.banner .bd li.banner_4 .banner_box .huadiv .left{
	width:2px; height:0%; background:url(../images/banner03_left.png) no-repeat; background-size:cover; display:none;
	bottom:0px; left:0px; position:absolute;
}
.banner .bd li.banner_4 .banner_box.banner_show .huadiv .top{
	width:100%;
	transition:  width 1s linear 1.3s;
	-webkit-transition:  width 1s linear 1.3s;
	-o-transition:  width 1s linear 1.3s;
	-moz-transition:  width 1s linear 1.3s;
}
.banner .bd li.banner_4 .banner_box.banner_show .huadiv .right{
	height:100%;
	transition:  height 1s linear 2.3s;
	-webkit-transition:  height 1s linear 2.3s;
	-o-transition:  height 1s linear 2.3s;
	-moz-transition:  height 1s linear 2.3s;
}
.banner .bd li.banner_4 .banner_box.banner_show .huadiv .bottom{
	width:100%;
	transition:  width 1s linear 3.3s;
	-webkit-transition:  width 1s linear 3.3s;
	-o-transition:  width 1s linear 3.3s;
	-moz-transition:  width 1s linear 3.3s;
}
.banner .bd li.banner_4 .banner_box.banner_show .huadiv .left{
	height:100%;
	transition:  height 1s linear 4.3s;
	-webkit-transition:  height 1s linear 4.3s;
	-o-transition:  height 1s linear 4.3s;
	-moz-transition:  height 1s linear 4.3s;
}



.banner .bd li.banner_5  .banner_box{
	position:absolute;left:50%;top:50%; text-align:left; width:1200px;
	transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index:11111;	
}
.banner .bd li.banner_5  .banner_box .titbox.titbox002{
	position:static; z-index:12; display: inline-block !important; float: left;
	transform: translate(0%,0%); width:auto;
	-webkit-transform: translate(0%,0%);
}
.banner .bd li.banner_5  .banner_box .titbox.titbox002 h3{
	display: inline-block; text-align:center; width:100%;
}
.banner .bd li.banner_5  .banner_box .titbox.titbox002 h4{
	display: inline-block;  text-align:center; width:100%;
}
.banner .bd li.banner_5  .banner_box .titbox.titbox002 p{
	display: inline-block; text-align:center; width:100%;
}
.banner .bd li.banner_5 a{
	text-align:center; font-size:18px; display:inline-block; width:auto; height:44px; border:0; border-radius:16px;
	line-height:44px; color:#333;  padding:0 25px; background:#fff;
	margin:0 auto; float:none; width:auto;
	clear: both;
}
.banner .bd li.banner_5 a:hover{
	background:#f6c33a; color:#fff;
}
.banner .bd li.banner_5  .banner_box a{
	transition: opacity 2s ease 0s; 
	-webkit-transition: opacity 2s ease 0s;
	-o-transition: opacity 2s ease 0s;
	-moz-transition: opacity 2s ease 0s;
	opacity: 0;
	filter:Alpha(opacity=0);
	position:relative; z-index:12;
}
.banner .bd li.banner_5  .banner_box.banner_show  a{
	transition: opacity 2s ease 2s;
	-webkit-transition: opacity 2s ease 2s;
	-o-transition: opacity 2s ease 2s;
	-moz-transition: opacity 2s ease 2s;
	opacity: 1;
	filter:Alpha(opacity=100);
}
.banner .bd li.banner_5 .banner_box .huadiv{
	position:relative; overflow:hidden;  display: inline-block; padding:24px; text-align:center;
}


.banner .bd li.banner_5 .banner_box .huadiv .top{
	width:0%; height:2px; background:url(../images/banner03_top.png) no-repeat; background-size:cover; display:none;
	top:0px; left:0px; position:absolute;
}
.banner .bd li.banner_5 .banner_box .huadiv .right{
	width:2px; height:0%; background:url(../images/banner03_right.png) no-repeat; background-size:cover; display:none;
	top:0px; right:0px; position:absolute;
}
.banner .bd li.banner_5 .banner_box .huadiv .bottom{
	width:0%; height:2px; background:url(../images/banner03_bottom.png) no-repeat; background-size:cover; display:none;
	bottom:0px; right:0px; position:absolute;
}
.banner .bd li.banner_5 .banner_box .huadiv .left{
	width:2px; height:0%; background:url(../images/banner03_left.png) no-repeat; background-size:cover; display:none;
	bottom:0px; left:0px; position:absolute;
}
.banner .bd li.banner_5 .banner_box.banner_show .huadiv .top{
	width:100%;
	transition:  width 1s linear 1.3s;
	-webkit-transition:  width 1s linear 1.3s;
	-o-transition:  width 1s linear 1.3s;
	-moz-transition:  width 1s linear 1.3s;
}
.banner .bd li.banner_5 .banner_box.banner_show .huadiv .right{
	height:100%;
	transition:  height 1s linear 2.3s;
	-webkit-transition:  height 1s linear 2.3s;
	-o-transition:  height 1s linear 2.3s;
	-moz-transition:  height 1s linear 2.3s;
}
.banner .bd li.banner_5 .banner_box.banner_show .huadiv .bottom{
	width:100%;
	transition:  width 1s linear 3.3s;
	-webkit-transition:  width 1s linear 3.3s;
	-o-transition:  width 1s linear 3.3s;
	-moz-transition:  width 1s linear 3.3s;
}
.banner .bd li.banner_5 .banner_box.banner_show .huadiv .left{
	height:100%;
	transition:  height 1s linear 4.3s;
	-webkit-transition:  height 1s linear 4.3s;
	-o-transition:  height 1s linear 4.3s;
	-moz-transition:  height 1s linear 4.3s;
}