/*骞垮憡浣?/ .advBox a { display: block; } .advBox a img { width: 100%; height: 140px; } .advBox .el-carousel__indicators { display: none; } /*閫氱敤鏍忕洰鍚嶇О鏍峰紡*/ .columnHead { width: 100%; margin-bottom: 20px; text-align: center; position: relative; } .columnHead a:first-child,.columnHead h5 { font-size: 24px; padding: 10px 0; line-height: 24px; display: inline-block; border-bottom: 2px solid #C92323; color: #C92323; font-weight: bold; } .columnHead a:last-child { position: absolute; right: 0; line-height: 45px; font-size: 14px; color: #999; top: 0; } /*top杞挱鍥?/ .topCarouselLarge { margin-bottom: 0; } .topCarouselOne { width: 100%; height: 100%; position: relative; } .topCarouselOne a { display: block; } .topCarouselOne img { width: 100%; height: 445px; } .topCarouselOne p { background: rgba(0, 0, 0, .6); color: #fff; width: 80%; padding-right: 20%; padding-left: 2.5%; height: 50px; line-height: 50px; font-size: 20px; position: absolute; bottom: 0; left: 0; z-index: 10; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .topCarousel { padding-right: 30px; } .el-carousel__indicators { left: auto; right: -20px; bottom: 8px; } .el-carousel__button { display: block; opacity: 1; width: 8px; height: 8px; background-color: #fff; border: none; border-radius: 50%; } .el-carousel__indicator.is-active button { opacity: 1; width: 26px; border-radius: 5px; } .topCarousel .el-carousel__arrow { display: none; } .topCarouselArt .columnHead { text-align: left; border-bottom: 2px solid #ccc; } .topCarouselArt .columnHead h5 { padding: 0 0 10px 0; } .topCarouselArt .columnHead span { line-height: 35px; } .topCarouselArt ul li a { color: #333; line-height: 38.7px; font-size: 16px; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .topCarouselArt ul li { padding: 0 0 0 25px; position: relative; border-bottom: 1px solid #ccc; } .topCarouselArt ul li i { position: absolute; top: 11px; left: 0; display: block; width: 16px; height: 16px; border: 1px solid #ccc; font-size: 12px; color: #333; font-style: normal; text-align: center; line-height: 16px; } .topCarouselArt ul li:nth-child(1) i, .topCarouselArt ul li:nth-child(2) i, .topCarouselArt ul li:nth-child(3) i { background: #E60316; border: none; color: #fff; } /*鐑偣鐩存挱*/ .hotLiveBox { } .hotLiveBoxCon .hotLiveImgBox { position: relative; margin-bottom: 10px; } .hotLiveBoxCon .hotLiveImgBox a { display: block; } .hotLiveBoxCon .hotLiveImgBox a img { width: 100%; height: 177px; } .hotLiveBoxCon .hotLiveImgBox a p { position: absolute; width: 96%; padding: 0 2%; left: 0; bottom: 0; background: rgba(0, 0, 0, .5); color: #fff; height: 40px; line-height: 40px; letter-spacing: 1px; } .hotLiveBoxCon .hotLiveImgBox a i { display: block; width: 40px; height: 40px; background: url("./../images/video.png"); position: absolute; left: 45%; top: 40%; z-index: 10; } /*澶鍏虫敞*/ .tvBoxCon { } .tvBoxCon .oneBox { border: 1px solid #ccc; height: 405px; margin-bottom: 30px; width: 380px; float: left; margin-right: 27px; } .tvBoxCon .oneBox:nth-child(3n) { margin-right: 0; } .tvBoxCon .oneBox img { width: 100%; height: 256px; } .tvBoxCon .oneBox p { margin: 25px 30px; font-size: 16px; color: #333; line-height: 30px; height: 60px; overflow: hidden; text-align: justify; letter-spacing: .8px; } .tvBoxCon .oneBox span { margin-left: 30px; color: #333; font-size: 14px; } /*鍦版柟鏂伴椈*/ .localBoxCon { } .localBoxCon .oneBox { border: 1px solid #ccc; height: 290px; margin-bottom: 30px; width: 380px; float: left; margin-right: 27px; background: #F0F0F0; position: relative; } .localBoxCon .oneBox:nth-child(3n) { margin-right: 0; } .localBoxCon .oneBox img { width: 100%; height: 214px; } .localBoxCon .oneBox p { margin: 10px; font-size: 14px; color: #333; line-height: 28px; height: 56px; overflow: hidden; text-align: justify; letter-spacing: .6px; } .localBoxCon .oneBox i { display: block; width: 40px; height: 40px; background: url(./../images/video.png); position: absolute; left: 0; top: 173px; z-index: 10; } /*渚涢攢鑱旀挱*/ .gxBox { } .gxBox .oneBox { border: 1px solid #ccc; height: 240px; margin-bottom: 30px; width: 283px; float: left; margin-right: 20px; position: relative; } .gxBox .oneBox:nth-child(4) { margin-right: 0; } .gxBox .oneBox img { width: 100%; height: 160px; } .gxBox .oneBox p { margin: 10px; font-size: 14px; color: #333; line-height: 28px; height: 56px; overflow: hidden; text-align: justify; letter-spacing: .6px; } /*瀹d紶鐗?/ .bottomTrailer { margin-bottom: 40px; } .bottomTrailerOne { background: #f2f2f2; overflow: hidden; } .bottomTrailerOne h5 { font-size: 30px; color: #000; text-align: center; line-height: 36px; margin: 52px auto 30px; max-width: 80%; } .bottomTrailerOne p { font-size: 16px; color: #000; padding: 0 30px; line-height: 32px; text-indent: 2em; margin-bottom: 30px; } .bottomTrailerOne .el-col-8 a { width: 180px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; color: #fff; font-size: 20px; background: #C92323; display: block; } .bottomTrailerOne a img { width: 100%; height: 450px; } .bottomTrailer .el-carousel__arrow { background: rgba(0, 0, 0, 0); font-size: 70px; width: 50px; height: 100px; } .bottomTrailer .el-carousel__arrow--left { left: 16px; } .bottomTrailer .el-carousel__arrow--right { right: 30px; } .bottomTrailer .el-carousel__indicators { display: none; }