@charset "utf-8";
/* PC版和手机自适应 */
/* 隐藏 */
.ks-hide{display:none;}
.ks-overhide{overflow:hidden;}
/* 浮动 */
.ks-float-lt{float:left;}
.ks-float-clear{clear:both;overflow:hidden;}
/* 行高 */
/* 一般用于多行的描述 */
.ks-lineh-olevel{line-height:1.8;}
/* 一般用于多行的标题 */
.ks-lineh-slevel{line-height:1.5;}
.ks-floor{padding-top:40px;}
/*容器*/
.ks-container{margin:0 auto;box-sizing:border-box;position:relative;width:1200px;}
/* 省略 */
.ks-omit1,.ks-omit2,.ks-omit3,.ks-omit4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ks-omit1{-webkit-line-clamp:1;}
.ks-omit2{-webkit-line-clamp:2;}
.ks-omit3{-webkit-line-clamp:3;}
.ks-omit4{-webkit-line-clamp:4;}
/*大标题*/
.ks-headline{font-size: 32px; color: #343434; height:36px;line-height:36px;text-align:center;position:relative;padding-bottom:78px;}
.ks-headline::after{content:'';width:250px;height:12px;background-image:url(/statics/images/HFive/underline.png);background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%;position:absolute;bottom:60px;left:50%;margin-left:-125px;}
@media screen and (max-width:1024px){
.ks-floor{padding-top:0px;padding-left:40px;padding-right:40px;background-color:#f5f6fa}
.ks-container{width:inherit;}
}
@media screen and (max-width:480px){
.ks-floor{padding-top:60px;padding-left:15px;padding-right:15px;background-color:#f5f6fa}
.ks-aside-icons{display:none !important;}
.ks-headline{font-size:20px;padding-bottom:46px;}
.ks-large-tab{margin:0 10px;}
.ks-large-tab-item.active::after,.ks-headline::after{height:6px;bottom:40px;}
.ks-large-tab-item{font-size:14px;}
.ks-large-tab-item.active{font-size:16px;}
.ks-large-tab-item{padding-bottom:46px;}
}
.case-info{background-color:#fff;background-image:url(/statics/images/HFive/casecor.png);background-repeat:no-repeat;background-size:auto 500px;height:330px;padding:70px 130px;box-sizing:border-box;box-shadow:0px 10px 30px 0px rgba(138,153,192,0.2);border-radius:10px;}
.case-info-list{overflow:hidden;}
.case-info-item{position:relative;padding-left:420px;min-height:190px;}
.case-info-item__cover{width:340px;height:190px;position:absolute;left:0;top:0;text-align:center;}
.case-info-item__cover img{width:300px;height:168px;position:relative;z-index:1;}
.case-info-item__play{width:300px;height:168px;position:absolute;left:0;right:0;margin:0 auto;top:0;background-color:rgba(0,0,0,0.001);z-index:2;line-height:168px;cursor:pointer;}
.case-info-item__play .iconfont{font-size:30px;color:#fff;}
.case-info-item__cover::after{content:'';height:100%;background:url(/statics/images/HFive/casebg.png) no-repeat 0 100%;background-size:100% auto;width:100%;position:absolute;left:0;bottom:0;}
.case-info-item__title{font-size:20px;font-weight:bold;height:30px;line-height:30px;}
.case-info-item__intro{font-size:14px;line-height:24px;height:96px;color:#666;margin-top:30px;}
.case-info .case-info-pagination{position:absolute;bottom:24px;left:0;width:100%;text-align:center;}
.ht-olevel{height:40px;}
.box-hide,.moveShow{display:none;}
/*大于等于1024 ipad */
@media (max-width:1024px){
.case-info{padding:40px 20px;margin-top:60px;height:320px;}
}
/*大于等于480 */
@media (max-width:480px){
.slideDown-icon{display:inline-block;width:20px;height:22px;}
.case-info{margin-top:4rem;padding-top:30px;height:auto;}
.case-info-list{position:relative;margin-top:-4rem;padding-bottom:21px;}
.case-info-item{padding:200px 0 0 0;min-height:initial;}
.case-info-item__cover{height:170px;width:100%;}
.case-info-item__cover img,.case-info-item__play{width:86%;height:150px;}
.case-info-item__intro{margin-top:5px;margin-bottom:20px;}
.case-info .case-info-pagination{bottom:0;}
.ht-olevel{height:96px;background-color: #f5f6fa}
}
/*大于等于320 ios5 安卓 */
@media (max-width:320px){
.case-info{padding:1px 20px 10px 20px;margin-left:0px;margin-right:0px;}
.case-info-list{padding-bottom:36px;}
}