

.ibannerline{width:100%;
position: relative;
margin:0px auto;

}
.ibanner {
	width:100%; overflow: hidden; position: relative;margin:0;padding:0px 0px 0px 0px;border:0 none;
}

.ibanner .hd {
	height: 20px; right: 18%; bottom: 40px; overflow: hidden; position: absolute;
	
}
.ibanner .hd ul {
	overflow: hidden; float: left; -ms-zoom: 1;
}
.ibanner .hd ul li {
	background: rgb(255, 255, 255); margin: 5px 6px 0px 0px; border-radius: 50px; width: 10px; height: 10px; text-align: center; line-height: 10px; float: left; cursor: pointer; opacity: 0.5;
}
.ibanner .hd ul li.on {
	background: rgb(255, 255, 255); margin: 3px 6px 0px 0px; width: 15px; height: 15px; color: rgb(255, 255, 255); opacity: 1;
}

.ibanner .bd {
	width:100%; position: relative;
}
.ibanner .bd li {
	vertical-align: middle; position: relative; -ms-zoom: 1;
}
.ibanner .bd li h1 {
	background: url("/images/tt_bg.png"); padding: 10px 20px; left: 20%; bottom: 40px; color: rgb(255, 255, 255); font-size: 24px; position: absolute;
}
.ibanner .bd img {
	width: 100%; 
	display: block; 
	HEIGHT: 500px; 
	animation-name:scaleDraw;
	/*定义关键名称 */
	animation-timing-function: ease-in-out;
	/*动画播放曲线 */
	animation-iteration-count:1;
	/*动画播放次数infinite表示无限 */
	animation-duration: 1.5s;
	/*动画播放时间 */
	animation-fill-mode: forwards;
	 /* 保持动画结束状态 */
	 }
@keyframes scaleDraw {
/*定义关键帧scaleDraw是需要绑定到选择器的关键帧名称 */
 from {
 transform: scale(1);
}
 to {
 transform: scale(1.05);
}
  
 }
 



.ibanner .prev {
	background: url("/images/slider-arrow.png") no-repeat -120px 5px; left: 3%; top: 50%; width: 45px; height: 80px; margin-top: -25px; display: block; position: absolute; opacity: 0.3;
}
.ibanner .next {
	background: url("/images/slider-arrow.png") no-repeat -120px 5px; left: 3%; top: 50%; width: 45px; height: 80px; margin-top: -25px; display: block; position: absolute; opacity: 0.3;
}
.ibanner .next {
	background-position: -2px 5px; left: auto; right: 3%;width: 45px; height: 80px;
}
.ibanner .prev:hover {
	opacity: 1;
}
.ibanner .next:hover {
	opacity: 1;
}
.ibanner .prevStop {
	display: none;
}
.ibanner .nextStop {
	display: none;
}

@media only screen and (max-width:1200px) and (min-width:780px)
{

.ibanner .prev {
 top: 40%; width: 22px; height: 45px;background: url("/images/slider-arrow2.png") no-repeat -90px 5px;
}

.ibanner .next {
 top: 40%; width: 22px; height: 45px;background: url("/images/slider-arrow2.png") no-repeat -32px 5px;
}
}



@media only screen and (max-width:780px) and (min-width:320px)
{

.ibanner {
	width:100%; overflow: hidden; margin:0;padding:0px 0px 0px 0px;border:0 none;
}

.ibanner .prev {
display: none;
}

.ibanner .next {
display: none;
}


}


