.index-waper-box{position:absolute; bottom:0; width:100%; height:100px;overflow:hidden; z-index:9;perspective: 800px;-webkit-perspective: 800px;-moz-perspective: 800px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;}
.index-back-box{height:100px; background:none;width:1440px;margin:0 auto; overflow: hidden;  transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0); -moz-transform: rotateX(0deg) translate3d(0,0,0);     transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.index-back-box.active{background:url("i_banner_bg.png") left bottom repeat-x;}
.index-back-box .sub-arrows{position:absolute; right:0; top:0; width:auto; height:100%; line-height:100px; padding-left:10px; font-size:0;}
.index-back-box .sub-arrows i.icom{display:inline-block; vertical-align:top; width:60px; height:40%; cursor:pointer; position:relative;}
.index-back-box .sub-arrows i.prev:before,.index-back-box .sub-arrows i.next:before{content:''; display:inline-block; position:absolute; top:42%; width:13px; height:22px; background-image:url(../images/sub-arrows.png); background-position:0px 0px; background-repeat:no-repeat;}
.index-back-box .sub-arrows i.prev:before{background-position:0px 0px; left:-7px;}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0px; left:24px;}
.index-back-box .sub-arrows i.icom:after{position:absolute; content: ''; left:0; top:28px; width:30px; height:2px; background-color: #fff;transform: scale(0,1);-webkit-transform: scale(0,1);-moz-transform: scale(0,1);transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute; left:9px;}
.index-back-box .sub-arrows i.icom.next font{position:absolute; left:6px;}
.index-back-box .sub-arrows i:hover:after{transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px;}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px;}

.index-back-box .sub-mouse{width:70%; height:43px; position:absolute; top:20px; left:15%; cursor:pointer; z-index:1; zoom:0.7; -moz-transform:scale(0.7);}
.index-back-box .sub-mouse:after{display:none; z-index:-1; position:absolute; content:''; top:-30px; left:50%; height:53px; border-right:1px solid #333; margin-left:-1px;}
.index-back-box .sub-mouse span{text-align:center;display:block; position:relative;width:50%;height:100%;animation: ani-svg 0.85s linear 0s alternate infinite;
-webkit-animation: ani-svg 0.85s linear 0s alternate infinite; margin:0 auto;}
.index-back-box .sub-mouse i{position:absolute;bottom:5px;left:50%;color:#000;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}


.fuSlide{width: 100%;height:900px;position: relative; z-index: 1;}
.fuSlide .imgs{width: 100%;}

/*h5-guanggao*/
.banner{ width:100%; height:900px; clear:both;}
/*.banner{width:710px;height:300px;background:#ccc;overflow:hidden}*/
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{-webkit-transition:all 1s ease;transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%;}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%; height:100%;}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0; background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%;}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity: 0;filter: alpha(opacity='0');}

.ck-slidebox{position:absolute;left:50%;bottom: 3px;z-index:30; display:none;}
.ck-slidebox ul{height: 14px;}
.ck-slidebox ul li{float:left;height:15px;margin:2px 7px}
.ck-slidebox ul li em{display:block;width:40px;height:8px;background: #4F4E4E;text-indent:-9999px;cursor:pointer;border: 1px solid #4F4E4E;}
.ck-slidebox ul li.current em{background: #F1EEEE;border: 1px solid #F1EEEE;}
/*���Զ���*/
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0;}
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0;}	
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 0.5s; -webkit-animation:mymove7 0.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.5s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.5s;
}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 0.8s; -webkit-animation:mymove10 0.8s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0s;
}

.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.3s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.6s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.6s;
}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.9s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.9s;
}


.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:10%;}
.banner1_two{ text-align:center; color:#fff;opacity:0;filter:Alpha(opacity=0);}
.banner1_two h2{letter-spacing: 100px;font-weight: 0;}

.banner_con .f120{ font-size:120px;}
.banner_con .f90{ font-size:90px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}
.banner2_one{text-align: center;}
.banner2_one h2{margin-top:10%; opacity:0;filter:Alpha(opacity=0);}
.banner2_one p{margin-top:40px; opacity:0;filter:Alpha(opacity=0);}


.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;-webkit-animation-delay:1s;}
.banner4_one{ float:left; width:60%; color:#000;}
.banner4_one h2{ font-weight:normal; margin-bottom:1%;font-family:"����ϸ��"; margin-top:15%;opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#000;font-family:"����ϸ��";opacity:0;filter:Alpha(opacity=0);}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; background:url("i_bg10.png"/*tpa=http://www.yibaixun.com/images/2018/i_bg10.png*/)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;-webkit-animation-delay:1s;}
@media screen and (max-width:1820px) {
.fuSlide{ height:777px;}
/*���Զ���*/
.banner1_one{ margin-top:5.6%;}
.banner1_two{ margin-top:2.8%;}
.banner_con .f90{ font-size:89px;}
.banner_con .f72{ font-size:67px;}
.banner_con .f48{ font-size:45px;}
.banner_con .f36{ font-size:34px;}
.banner_con .f30{ font-size:28px;}
.banner2_one h2{ margin-top:33%;}
.banner4_one h2{ margin-top:14%;}

}
@media screen and (max-width:1680px) {
.fuSlide{ height:718px;}
/*���Զ���*/
.banner1_one{ margin-top:5.2%;}
.banner1_two{ margin-top:2.6%;}
.banner_con .f90{ font-size:78px;}
.banner_con .f72{ font-size:62px;}
.banner_con .f48{ font-size:41px;}
.banner_con .f36{ font-size:32px;}
.banner_con .f30{ font-size:26px;}
.banner2_one h2{ margin-top:30%;}
.banner2_one em{ width:182px; height:40px; line-height:40px; font-size:14px; text-indent:43px;background-position:120px center; margin-top:8.7%;}
.banner2_one em:hover{ background-position:130px center;}
.banner4_one h2{ margin-top:13%;}
.banner4_one em{ width:182px; height:40px; line-height:40px; font-size:14px; text-indent:43px;background-position:120px center; margin-top:5%;}
.banner4_one em:hover{ background-position:130px center;}
}
@media screen and (max-width:1600px) {
.fuSlide{ height:683px;}
/*���Զ���*/
.banner1_one{ margin-top:4.9%;}
.banner1_two{ margin-top:2.5%;}
.banner_con .f90{ font-size:74px;}
.banner_con .f72{ font-size:60px;}
.banner_con .f48{ font-size:39px;}
.banner_con .f36{ font-size:30px;}
.banner_con .f30{ font-size:25px;}
.banner2_one h2{ margin-top:29%;}
.banner4_one h2{ margin-top:12.5%;}
}
@media screen and (max-width:1440px) {
.fuSlide{ height:615px;}
/*���Զ���*/
.banner1_one{ margin-top:4.5%;}
.banner1_two{ margin-top:2.25%;}
.banner1_two span{height:90px;}
.banner_con .f90{ font-size:67px;}
.banner_con .f72{ font-size:54px;}
.banner_con .f48{ font-size:36px;}
.banner_con .f36{ font-size:27px;}
.banner_con .f30{ font-size:22.5px;}
.banner2_one h2{ margin-top:26%;}
.banner4_one h2{ margin-top:11%;}
}
@media screen and (max-width:1366px) {
.fuSlide{ height:583px;}
/*���Զ���*/
.banner1_one{  margin-top:4.26%;}
.banner1_two{ margin-top:2.13%;}
.banner1_two span{height:84px;}
.banner_con .f90{ font-size:64px;}
.banner_con .f72{ font-size:51px;}
.banner_con .f48{ font-size:34px;}
.banner_con .f36{ font-size:25px;}
.banner_con .f30{ font-size:21px;}
.banner2_one h2{ margin-top:25%;}
.banner4_one h2{ margin-top:10.5%;}
}
@media screen and (max-width:1280px) {
.fuSlide{ height:547px;}

.banner1_one{  margin-top:3.96%;}
.banner1_two{ margin-top:2%;}
.banner1_two span{height:80px;}
.banner_con .f90{ font-size:59px;}
.banner_con .f72{ font-size:47px;}
.banner_con .f48{ font-size:32px;}
.banner_con .f36{ font-size:24px;}
.banner_con .f30{ font-size:20px;}
.banner2_one h2{ margin-top:23%;}
.banner4_one h2{ margin-top:10%;}
}
@media screen and (max-width:1200px) {
.fuSlide{ height:513px;}

.banner1_one{ margin-top:3.72%;}
.banner1_two{ margin-top:1.86%;}
.banner1_two span{ height:80px;}
.banner_con .f90{ font-size:56px;}
.banner_con .f72{ font-size:45px;}
.banner_con .f48{ font-size:30px;}
.banner_con .f36{ font-size:22px;}
.banner_con .f30{ font-size:19px;}
.banner2_one h2{ margin-top:22%;}
.banner4_one h2{ margin-top:9.3%;}
}