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

.fuSlide .imgs{width: 100%;/*height:300px;*/}
.poSlide{width: 100%;height:500px;position: relative; z-index: 1; }
/*h5-guanggao*/
.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%;/*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 .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: 18px; /*background:url(../images/i_bg1.png) center center no-repeat;*/}
.ck-slidebox ul li{float:left;height:12px;margin:0px 5px;}
.ck-slidebox ul li em{display:block;width:40px;height:1px;text-indent:-9999px;cursor:pointer; background:#717171; position:relative;}
.ck-slidebox ul li em:before{ content:""; position:absolute; width:0px; left:0; top:0;  height:1px; background:#fff; overflow:hidden;transition:all 0.3s;}
.ck-slidebox ul li.current em:before{width:40px;}
/*轮显动画*/
.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 a{ display:block; width:100%; height:100%;}
.banner_con .wrap3{ display:table; height:100%;}
.banner1_one{ display:table-cell; height:100%; vertical-align:top;color:#643173;text-align:center;}
.banner1_one .h31{ font-weight:normal; color:#fff;opacity:0;filter:Alpha(opacity=0); margin-top:6%;}
.banner1_one .h3{ font-weight:normal; color:#643173;opacity:0;filter:Alpha(opacity=0); margin-top:6%;}
.banner1_one .h4{ font-weight:normal; color:#fff;opacity:0;filter:Alpha(opacity=0); margin-top:6%;}
.banner1_one .desc{text-align:center; padding-top:1.5%; padding-bottom:1%; opacity:0;filter:Alpha(opacity=0);}
.banner1_one em{ font-style:normal; 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:0px; margin-top:-25px; 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;filter:Alpha(opacity=0);}
.index-waper-box .wrap2{ max-width:none;}
/*.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:50px; height:50px; cursor:pointer; position:relative;background-image:url(../images/i_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;}
.index-back-box .sub-arrows i.icom.next{background-image:url(../images/i_right.png); float:right; }
.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{background-image:url(../images/i_left_on.png);}
.index-back-box .sub-arrows i.icom.next:hover{background-image:url(../images/i_right_on.png);}
.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-share{position:absolute; right:15px; top:0; width:auto; height:100%; display:table; cursor:pointer;}
.index-back-box .sub-share .tels{display:table-cell; vertical-align:middle;}
.index-back-box .sub-share .tels span{display:inline-block;}
.index-back-box .sub-share .tels .cc1{opacity: 0;filter: alpha(opacity='0');transform: translateX(-40px);-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;}
.index-back-box .sub-share .tels .cc2{transform: translateX(80px);-webkit-transform: translateX(80px);-moz-transform: translateX(80px);transition: all 0.7s ease 0s;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;}
.index-back-box .sub-share .sider-tel{display:table-cell; vertical-align:middle; font-size:0; opacity:0; filter: alpha(opacity='0');transform: translateX(130px)-webkit-transform: translateX(130px);-moz-transform: translateX(130px);transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;}
.index-back-box .sub-share .sider-tel a{display:inline-block;font-size:12px;color:#000;margin: 0 8px; opacity: 0; filter: alpha(opacity='0');   transform: translateX(50px);-webkit-transform: translateX(50px);-moz-transform: translateX(50px); transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.index-back-box .sub-share:hover .tels .cc1{opacity: 1;filter: alpha(opacity='100');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;-webkit-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;-moz-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;}
.index-back-box .sub-share:hover .tels .cc2{opacity: 0;filter: alpha(opacity='0');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);}
.index-back-box .sub-share:hover .sider-tel{opacity: 1; filter: alpha(opacity='100');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;-webkit-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;-moz-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;}

.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1){opacity: 1;filter: alpha(opacity='100');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2){opacity: 1;filter: alpha(opacity='100');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;}

@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:777px;}
.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:718px;}


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


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

/*.index-waper-box{ height:30px;margin-top:-15px;}*/
/*.index-back-box .sub-arrows i.icom{ width:30px; height:30px;}*/
/*.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;}*/
.banner1_one .h3{ margin-top:4%;}


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


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


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

.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:470px;}

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

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



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

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

.index-waper-box .wrap2{ width:100%;}
.index-back-box .sub-arrows i.icom{ width:30px; height:30px;}
.ck-slidebox ul{ background-size:170px 2px;}
.ck-slidebox ul li{ margin:0 8px;}

}
@media screen and (max-width:640px) {
.index-waper-box{ height:30px;margin-top:-15px;}
.fuSlide{ height:273px;}
.ck-slidebox ul{ background-size:140px 2px;}
.ck-slidebox ul li{ margin:0 6px;}


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


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


}

@media screen and (max-width:400px) {
/*.fuSlide{ height:280px;}*/

}