@charset "utf-8";

/* 滑动样式 */
.slide_root{ float:left; width:100%; height:500px; margin:0px auto; background:#ffffff; overflow:hidden; }
.slide_list{ float:left; width:100%; height:500px; margin:0px auto; position:relative; }

.slide_acti{ float:left; width:100%; height:500px; margin:0px auto; z-index:200; position:relative; }
.slide_acti a.prev{ position:absolute; width:100px; height:300px; top:100px; left:100px; }
.slide_acti a.prev span{ position:absolute; left:30px; width:0px; height:2px; background:rgba(11, 153, 211, 0.8); border-radius:1px; top:50%; transition:all 0.3s ease-in-out; }
.slide_acti a.prev span:before{ position:absolute; left:0px; bottom:0px; content:""; width:30px; height:2px; background:rgba(11, 153, 211, 0.8); border-radius:1px; transform:rotate(45deg); transform-origin:left; }
.slide_acti a.prev span:after{ position:absolute; left:0px; top:0px; content:""; width:30px; height:2px; background:rgba(11, 153, 211, 0.8); border-radius:1px; transform:rotate(-45deg); transform-origin:left; }
.slide_acti a.prev:hover span{ width:40px; transform:translateX(-10px); transition:all 0.3s ease-in-out; }

.slide_acti a.next{ position:absolute; width:100px; height:300px; top:100px; right:100px; }
.slide_acti a.next span{ position:absolute; right:30px; width:0px; height:2px; background:rgba(11, 153, 211, 0.8); border-radius:1px; top:50%; transition:all 0.3s ease-in-out; }
.slide_acti a.next span:before{ position:absolute; right:0px; bottom:0px; content:""; width:30px; height:2px; background:rgba(11, 153, 211, 0.8); border-radius:1px; transform:rotate(45deg); transform-origin:right; }
.slide_acti a.next span:after{ position:absolute; right:0px; top:0px; content:""; width:30px; height:2px; background:rgba(11, 153, 211, 0.8); border-radius:1px; transform:rotate(-45deg); transform-origin:right; }
.slide_acti a.next:hover span{ width:40px; transform:translateX(10px); transition:all 0.3s ease-in-out; }

.slide_item{ float:left; width:100%; height:500px; position:absolute; left:0px; top:0px; z-index:100; }
.slide_item a{ height:420px; display:block; }

.slide_page{ float:left; width:100%; height:20px; position:absolute; left:0px; bottom:10px; z-index:200; }
.slide_pagi{ height:30px; margin:0px auto; display:table; }
.slide_pagi span{ float:left; width:8px; height:8px; border-radius:4px; display:block; margin:0px 10px 0px 10px; background:rgba(11, 153, 211, 0.9); font-size:0px; text-align:center; cursor:pointer; }
.slide_pagi span.have{ background:#ffffff; }

/* 播放格式 */
.slide_play_page{ position:absolute; right:7px; bottom:7px; }
.slide_play_page span{ float:left; width:20px; height:20px; display:block; margin:0px 0px 0px 5px; background:#e6352f; font-size:12px; cursor:pointer; color:#ffffff; text-align:center; }
.slide_play_page span.have{ background:#ffffff; color:#000000; }

/* 淡入淡出：手机版 */
.slide_play_fade_page{ float:left; width:100%; height:20px; position:absolute; left:0px; bottom:0px; z-index:200; }
.slide_play_fade_pagi{ height:30px; margin:0px auto; display:table; }
.slide_play_fade_pagi span{ float:left; width:8px; height:8px; border-radius:4px; display:block; margin:0px 8px 0px 8px; background:rgba(204, 204, 204, 0.5); font-size:0px; text-align:center; cursor:pointer; }
.slide_play_fade_pagi span.have{ background:#ffffff; }