.batten{padding:60px 0; background:#fff;}
.batten-imgs{float:left; width:40%;}
.batten-imgs>aside{display:block; overflow:hidden;}
.batten-imgs>aside>ul{width:10000%; display:flex; align-items:start;}
.batten-imgs>aside>ul:after{display:block; content:''; clear:both;}
.batten-imgs>aside>ul>li{float:left; width:1%;}
.batten-imgs>aside>ul>li>img{display:block; max-width:100%; margin:0 auto; border-radius:5px;}
.batten-imgs>aside>dl{text-align:center; font-size:0; margin-top:15px; display:none;}
.batten-imgs>aside[class*=swiper]>dl{display:block;}
.batten-imgs>aside>dl>dd{display:inline-block; width:10px; height:10px; border-radius:50%; background:#888;}
.batten-imgs>aside>dl>dd+dd{margin-left:10px;}
.batten-imgs>aside>dl>dd[class*="active"]{background:#2b7ffe;}
.batten-text{float:left; width:60%; padding-left:40px;}
.batten-text>h2{display:block; font-size:32px;}
.batten-text>aside{display:block; font-size:16px; margin-top:20px; color:#686868;}
.batten-text>aside p+p{margin-top:8px;}
@media(max-width:1199px){
.batten{padding:40px 0;}
.batten-imgs{width:45%;}
.batten-text{width:55%; padding-left:20px;}
.batten-text>h2{font-size:26px;}
.batten-text>aside{font-size:15px; margin-top:10px;}
.batten-text>aside p+p{margin-top:5px;}
}
@media(max-width:991px){
.batten-imgs{width:100%; margin:0 auto; float: none;}
.batten-text{width:100%; padding:20px 0 0;}
}
@media(max-width:767px){
.batten{padding:20px 0;}
.batten-imgs>aside>dl>dd{width:8px; height:8px;}
.batten-text>h2{font-size:21px;}
.batten-text>aside{font-size:14px; margin-top:8px;}
}

.ability{padding:60px 0; background:#eef2f8;}
.ability .title{margin-bottom:35px;}
.ability img{border-radius:5px;}
@media(max-width:1199px){
.ability{padding:40px 0;}
.ability .title{margin-bottom:25px;}
}
@media(max-width:991px){
}
@media(max-width:767px){
.ability{padding:20px 0;}
.ability .title{margin-bottom:15px;}
}

.movie{padding:60px 0; background:#fff;}
.movie .title{margin-bottom:35px;}
.movie img{border-radius:5px;}
.movie video{display:block; width:100%; border-radius:5px; cursor:pointer;}
@media(max-width:1199px){
.movie{padding:40px 0;}
.movie .title{margin-bottom:25px;}
}
@media(max-width:991px){
}
@media(max-width:767px){
.movie{padding:20px 0;}
.movie .title{margin-bottom:15px;}
}

.suggest{padding:60px 0; background:#eef2f8;}
.suggest .title{margin-bottom:35px;}
.suggest-swiper{overflow:hidden; position:relative; margin:0 -15px;}
.suggest-wrapper{ width:10000%;}
.suggest-wrapper:after{display:block; content:''; clear:both;}
.suggest-slide{width:.25%; float:left; padding:0 15px;}
.suggest-slide>a{display:block; border-radius:10px 10px 0 0; overflow:hidden; background:#fff;}
.suggest-slide>a>img{display:block; width:100%; height:250px; object-fit:contain; transition:.3s;}
.suggest-slide>a:hover>img{transform:scale(1.05);}
.suggest-slide>span{display:block; padding:15px; border-radius:0 0 10px 10px; overflow:hidden; background:#2b7ffe; background:;}
.suggest-slide>span>h3{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.suggest-slide>span>h3>a{color:#fff;}
.suggest-slide>span>h3>a:hover{color:#eef2f8; text-decoration:underline;}
.suggest-slide>span>p{margin-top:6px; display:block; color:rgba(255,255,255,.8); overflow:hidden; line-height:22px; height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.suggest-pager{display:block; text-align:center; margin-top:25px; font-size:0;}
.suggest-pager>span{display:inline-block; width:10px; height:10px; cursor:pointer; background:#101111; border-radius:50px;}
.suggest-pager>span+span{margin-left:10px;}
.suggest-pager>span[class*="active"]{background:#2b7ffe;}
@media(max-width:1199px){
.suggest{padding:40px 0;}
.suggest .title{margin-bottom:25px;}
.suggest-swiper{margin:0 -9px;}
.suggest-slide{width:.3333%; padding:0 9px;}
.suggest-slide>a>img{height:200px;}
}
@media(max-width:991px){
.suggest-slide{width:.5%;}
}
@media(max-width:767px){
.suggest{padding:20px 0;}
.suggest .title{margin-bottom:15px;}
.suggest-swiper{margin:0 -4px;}
.suggest-slide{padding:0 4px; width:1%;}
.suggest-slide>span{padding:10px;} 
.suggest-pager{margin-top:15px;}
.suggest-pager>span{width:8px; height:8px;}
}