@charset "utf-8";
/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 *
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

/**{margin:0;padding:0;font-family:"微软雅黑";box-sizing:border-box}
a{text-decoration:none}
ul{list-style:none}
img{border:none}*/

.listimga{max-width:30px;max-height:30px;}


.slideBoxcc{width:100%;height:268px;overflow:hidden;position:relative}
.slideBoxcc .hd{width:100%;position:absolute;bottom:0;z-index:1}
.slideBoxcc .hd ul{text-align:center;list-style:none;}
.slideBoxcc .hd ul li{width:80px;height:11px;top:-35px;display:inline-block;position:relative}
.slideBoxcc .hd ul li .dot{width:80px;height:4px;margin-top:3px;background-color:hsla(0,0%,60%,.4)}
.slideBoxcc .hd ul li span{display:none;color:#fff;top:-35px;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:6px;cursor:pointer}
.slideBoxcc .hd ul li.on .liner{width:80px;height:4px;margin-top:3px;animation:liner 5.5s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#198cff,#8847c1)}
.slideBoxcc .hd ul li:hover .dot{display:none;top:-35px;}
/*.slideBoxcc .hd ul li:hover{width:206px;height:36px;transform:translateY(-50%);background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease}*/
.slideBoxcc .hd ul li:hover{transform:translateY(-90%);top:-28px;cursor:pointer;background:linear-gradient(90deg,#198cff,#8847c1);transition:all 2.1s ease}
/*.slideBoxcc .hd ul li:hover span{display:inline-block;top:-35px;}*/
@keyframes liner{from{width:0}
to{width:100%}
}
.slideBoxcc .bd{width:100%;height:268px;position:relative;overflow:visible;}
.slideBoxcc .bd ul{text-align:center;list-style:none;display:inline-block;min-width:1600px;width:100%;}
.slideBoxcc .bd li{text-align:center;width:100%;min-width:1600px;}
.slideBoxcc .bd img{min-width:1600px;width:100%;height:268px;}
.slideBoxcc .bd:hover~.prev{display:block}
.slideBoxcc .bd:hover~.next{display:block}
.slideBoxcc .prev:hover{display:block}
.slideBoxcc .next:hover{display:block}
.slideBoxcc .prev{display:none;position:absolute;left:3%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/left_array.png) no-repeat;background-size:cover}
.slideBoxcc .next{display:none;position:absolute;right:3%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/right_array.png) no-repeat;background-size:cover}
.slideBoxcc .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}
@keyframes ai-big-out{0%{z-index:3;transform:scale(1.1);opacity:1}
50%{transform:scale(1.2);opacity:.5}
to{transform:scale(1.3);opacity:1}
}
.slideBoxcc .bd li.active {
    -webkit-animation: svg_1_ani 2s 1.6s ease forwards;
    -moz-animation: svg_1_ani 2s 1.6s ease forwards;
    animation: svg_1_ani 2s 1.6s ease forwards;
}