/*--------------------------------------------------
 *@NAME:css *@author:xiaohei *@QQ: 290948585 *@Date: 2017-01-15 *@版本:st05 *@网站:www.dtmuban.com *特注：此文件非经许可，请勿修改
--------------------------------------------------*/
.fuSlide{width: 100%;height:880px;position: relative; z-index: 1; }
.fuSlide .imgs{width: 100%;/*height:300px;*/}

/*h5-guanggao*/
.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%;/*height:300px;*/}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;/*height:365px;height:100%;*/ width:100%; height:100%;}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;/*height:300px;*/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 .img{ max-width:100%;opacity:0;filter:Alpha(opacity=0);}
.ck-slide ul.ck-slide-wrapper li video{ object-fit:fill;position:absolute; top:0; width:100%; left:0;min-height: 110%;}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;/*position:absolute;left:0;top:0*/opacity: 0;filter: alpha(opacity='0');}
/*.ck-slide ul.ck-slide-wrapper li a .img1{left:-710px;webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.ck-slide ul.ck-slide-wrapper li a .img2{left:-710px;webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}
.ck-slide ul.ck-slide-wrapper li.li3 a .img2{left:710px}
.ck-slide ul.ck-slide-wrapper li.li4 a .img2{left:0;top:auto;bottom:-300px}
.ck-slide ul.ck-slide-wrapper li.current a .img1{left:0}
.ck-slide ul.ck-slide-wrapper li.current a .img2{left:0}
.ck-slide ul.ck-slide-wrapper li.li1 a .img1{left:0;top:auto;bottom:-300px}
.ck-slide ul.ck-slide-wrapper li.li1 a .img2{left:0;top:-300px}
.ck-slide ul.ck-slide-wrapper li.li1.current a .img1{top:auto;bottom:0}
.ck-slide ul.ck-slide-wrapper li.li1.current a .img2{top:0}
.ck-slide ul.ck-slide-wrapper li.li4.current a .img2{top:auto;bottom:0}*/
/*.ck-slide .ck-prev,.ck-slide .ck-next{position:absolute;top:50%;z-index:2;width:35px;height:80px;margin-top:-40px;opacity:1;background:red;text-indent:-9999px;background-repeat:no-repeat;transition:opacity .2s linear 0}
.ck-slide:hover .ck-prev,.ck-slide:hover .ck-next{opacity:.4}
.ck-slide:hover .ck-prev:hover,.ck-slide:hover .ck-next:hover{opacity:.8}
.ck-slide .ck-prev{left:0;background:url(img/show_img.png) #000 no-repeat}
.ck-slide .ck-next{right:0;background:url(img/show_img.png) #000 no-repeat right 0}*/
.ck-slidebox{position:absolute;left:50%;bottom:30px;z-index:30; height:12px;transform: translate(-50%,0%); /*display:none;*//*圆点*/}
.ck-slidebox ul{height: 11px; /*background:url(../images/i_bg1.png) center center no-repeat;*/}
.ck-slidebox ul li{float:left;height:11px;margin:0px 5px;}
.ck-slidebox ul li em{display:block;width:11px;height:11px;text-indent:-9999px;cursor:pointer; background:url(../images/dian.png) no-repeat; position:relative;}
.ck-slidebox ul li em:before{ content:""; position:absolute; width:0px; left:0; top:0;  height:11px; background:url(../images/dian_on.png) no-repeat; overflow:hidden;transition:all 0.3s; border-radius:50%;}
.ck-slidebox ul li.current em:before{width:11px;}
/*轮显动画*/
.ck-slide ul.ck-slide-wrapper li .lefttxt{filter:alpha(opacity=0);opacity:0;transform-origin: left center;}
.ck-slide ul.ck-slide-wrapper li.current .lefttxt{animation:mymove9 1.5s; -webkit-animation:mymove9 1.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 .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.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.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.4s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.4s;
}
.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.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-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

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



.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute;}
.banner_con .wrap{ display:table; height:100%;}
.banner1_one{ display:table-cell; height:100%; vertical-align:middle;text-align:left;}
.banner1_one .imgs2{ margin-bottom:2%; width:50%; max-width:660px;}
.banner1_one .imgs2 span{ opacity:0;filter:Alpha(opacity=0); color:#333333; display:inline-block;}
.banner1_one .divs{line-height:1.65;color:#fff; font-size:18px;opacity:0;filter:Alpha(opacity=0); font-weight:lighter;  width:50%; max-width:660px; font-family:"微软雅黑";}
.banner1_one em{ display:block; /* float:left;*//*transition:all 0.3s;*/ opacity:0;filter:Alpha(opacity=0); position:relative;}
/*.ck-slide ul.ck-slide-wrapper li.current .banner1_one .lefttxt{animation-delay:0.2s;-webkit-animation-delay:0.2s;}*/


/*底部功能*/
.index-waper-box{position:absolute; top:50%; width:100%; height:72px; margin-top:-36px;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;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
/*.index-waper-box .wrap{ text-align:right;}*/
/*.index-back-box{height:80px; background-color:#fff; width:360px; display:inline-block;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{ transform: rotateX(100deg) translate3d(0,0,0); -webkit-transform: rotateX(100deg) translate3d(0,0,0); -moz-transform: rotateX(100deg) translate3d(0,0,0);	}*/
.fuSlide:hover .index-waper-box{opacity:1.0;filter:Alpha(opacity=100);}
.index-back-box .count{ position:absolute; left:230px; top:0; height:80px; line-height:86px; font-size:20px; color:#000;}
.index-back-box .count span{ font-size:20px;}
.index-back-box .count .current{ color:#000;}
/*.index-back-box .sub-arrows{position:absolute; left:50px; top:0; width:auto; height:100%; line-height:80px padding-left:10px; font-size:0; background:url(../images/bgs1.png) 45px 32px no-repeat;}*/
.index-back-box .sub-arrows i.icom{display:inline-block; vertical-align:middle; width:72px; height:72px; cursor:pointer; position:relative;/*background-image:url(../images/left.png);*/ background-position:0px 0px; background-repeat:no-repeat; background-size:100% 100%; transition:all 0.3s;}
.index-back-box .sub-arrows i.icom:hover{opacity:0.8;filter:Alpha(opacity=80);}
.index-back-box .sub-arrows i.icom.prev{float:left; margin-left:-90px;}
.index-back-box .sub-arrows i.icom.next{/*background-image:url(../images/right.png);*/ float:right; margin-right:-90px;}
.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;}

@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);
	}
}
@media screen and (max-width:1820px) {
.fuSlide{ height:834px;}
.index-back-box .sub-arrows i.icom.prev{ margin-left:0;}
.index-back-box .sub-arrows i.icom.next{ margin-right:0;}

}
@media screen and (max-width:1680px) {
.fuSlide{ height:770px;}


}
@media screen and (max-width:1600px) {
.fuSlide{ height:733px;}


}
@media screen and (max-width:1440px) {
.fuSlide{ height:660px;}


.index-waper-box{ height:60px;margin-top:-30px;}
.index-back-box .sub-arrows i.icom{ width:60px; height:60px;}
/*.index-back-box{ height:60px; width:310px;}*/
.index-back-box .count{height:60px; line-height:66px; font-size:18px; left:210px;}
.index-back-box .count span{ font-size:18px;}
/*.index-back-box .sub-arrows{height:60px; line-height:60px;background: url(../images/bgs1.png) 45px 22px no-repeat;}*/



/*底部功能*/
/*.index-back-box{ width:1200px;}*/
}
@media screen and (max-width:1366px) {
.fuSlide{ height:626px;}


}
@media screen and (max-width:1280px) {
.fuSlide{ height:587px;}


}
@media screen and (max-width:1200px) {
.fuSlide{ height:550px;}


.ck-slidebox{ height:12px; bottom:15px;}
.ck-slidebox ul{ background-size:218px 2px; height:14px;}
/*.ck-slidebox ul li{ margin:0 50px;}*/
.ck-slidebox ul li em{width:30px;}
.ck-slidebox ul li.current em:before{width:30px;}
}
@media screen and (max-width:1100px) {
.fuSlide{ height:504px;}
/*轮显动画*/
.banner1_one{ margin-bottom:5%;}
}
@media screen and (max-width:1000px) {
.fuSlide{ height:458px;}

}
@media screen and (max-width:960px) {
.fuSlide{ height:440px;}




}
@media screen and (max-width:830px) {
.fuSlide{ height:374px;}

}
@media screen and (max-width:780px) {
.fuSlide{ height:380px;}
.ck-slidebox ul{ background-size:170px 2px;}
.ck-slidebox ul li{ margin:0 8px;}
}
@media screen and (max-width:640px) {
.fuSlide{ height:293px;}
.ck-slidebox ul{ background-size:140px 2px;}
.ck-slidebox ul li{ margin:0 6px;}


}
@media screen and (max-width:520px) {
.fuSlide{ height:238px;}


}
@media screen and (max-width:480px) {
.fuSlide{ height:220px;}
.ck-slidebox{  bottom:10px;}
.ck-slidebox ul{ background-size:98px 2px;}
.ck-slidebox ul li{ margin:0 5px;}



}