/* 首页 */ .index-wrap{width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-sizing: border-box;} /* 第一部分 大标题 */ .index-headline{width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-sizing: border-box;padding:20px 0 0 0;} /* 大标题轮播 */ .notice-swiper{text-align: center;width: 1160px;height: 100px;overflow:hidden;position:relative;} .notice-swiper .swiper-container { width: 100%; height: 100%;} .notice-swiper .swiper-slide{text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;} .notice-swiper .swiper-slide a{font-size: 34px;display: block;padding: 0 50px;box-sizing: border-box;font-weight: bold;line-height: 50px;max-height: 100px;display: -webkit-box !important;overflow: hidden; text-overflow: ellipsis;word-break: break-all;box-orient: vertical;-webkit-box-orient: vertical;-o-box-orient: vertical; -ms-box-orient: vertical;line-clamp: 2; -webkit-line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2;} /* swiper-11 */ .swiper-11{width:240px;height:110px;text-align:center;overflow:hidden;position:relative;} .swiper-11 .swiper-container { width: 100%; height: 100%;} .swiper-11 .swiper-container img{width:240px;height:110px;} .swiper-11 .swiper-pagination-bullet {display: inline-block;width: 5px;height: 5px;opacity:1;border-radius: 10px;background: #fff;margin: 10px 0 !important;cursor: pointer;transition: width 0.3s ease-in-out;} .swiper-11 .swiper-pagination-bullet-active{background: #e91f2b;} /* 第二部分 文字列表 */ .index-list{width: 1400px;margin: 0 auto;padding:15px 0 0 0;} .index-list ul{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-sizing: border-box;} .index-list ul li{width: 33%;font-size: 16px;line-height: 44px;height: 44px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /* 第三部分 播报 */ .index-broadcast{width: 1400px;margin: 0 auto;margin-top:15px;} /*滚动新闻*/ .str_wrap {overflow:hidden;width:100%;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;white-space:nowrap;} .str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move;} .str_move_clone {display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;} .str_vertical .str_move_clone {left:0;top:100%;} .str_down .str_move_clone {left:0;bottom:100%;} .str_vertical .str_move, .str_down .str_move {white-space:normal;width:100%;} .str_static .str_move, .no_drag .str_move, .nostop .str_move{cursor:inherit;} .jq22-container{overflow: auto;background: #f5f5f7;box-sizing: border-box;position: relative;padding:0 10px 0 90px;height: 30px;overflow: hidden;} .jq22-container h3{position: absolute;top:0;left:0;font-size:16px;color:#fff;font-weight:normal;line-height: 30px;width:80px;text-align: center;background: #dd080c;} .str3 { font-size:0 !important;} .str3-2 { background:none !important;} .str3-2 *{transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;-ms-transition: 0s;} .str3-2 span {margin:0 10px; text-align:center; display:inline-block; vertical-align:top;line-height: 30px;text-overflow:ellipsis; white-space:nowrap;background: no-repeat left center;padding-left:13px;} .str3-2 span a{display: block;line-height: 30px;font-size: 14px;} /* 第四部分 图片滚动 轮播1 swiper-1*/ .swiper-1{width:1390px;margin:0 auto;margin-top:20px;height:85px;text-align:center;position:relative;box-sizing: border-box;padding:0 0 0 10px;} .swiper-1 .swiper-container { width:100%; height: 100%;} .swiper-1 .recom-img{width: 265px;height: 85px;border-radius: 8px;overflow: hidden;} .swiper-1 .recom-img img{width: 100%;height: 100%;} .swiper-1 .arrow-left, .swiper-1 .arrow-right {display: block;width: 30px;height: 30px;overflow: hidden;cursor: pointer;z-index: 99;position: absolute;top: 50%;margin-top:-15px;text-indent: -99em;border-radius: 50%;box-shadow:0 0 20px rgba(255, 255, 255, 1);} .swiper-1 .arrow-left {left: -5px;background: no-repeat 6px center #dd080c; background-size: 14px 17px;} .swiper-1 .arrow-right {right: -5px;background: no-repeat 10px center #dd080c;background-size: 14px 17px;} .swiper-1 .arrow-left:hover,.swiper-1 .arrow-right:hover{background-color: #f4f2a7;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} /* 第五部分 大标题 */ .index-secondary{width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-sizing: border-box;padding:25px 0 20px 0;border-bottom:1px #f6f6f6 solid;} .secondary-h1{text-align: center;width: 1160px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .secondary-h1 h1{font-size: 26px;font-weight: bold;line-height: 50px;max-height: 100px;overflow: hidden;} .secondary-h1 h1 a{color: #1e50a2;} .secondary-h1 h1 a:hover{color:#c60000;} .secondary-h1 p{font-size: 16px;/* line-height: 30px;height: 30px;overflow: hidden;*/} .secondary-h1 p a{display: inline-block;vertical-align: top;text-overflow:ellipsis; white-space:nowrap;margin:0 10px;} .secondary-report{width: 180px;text-indent:20px;} .secondary-report span{display: block;background: #f0f0f0;margin:10px 0;border-radius: 6px;} .secondary-report span em{display: inline-block;vertical-align: top;width: 32px;height: 32px;background: no-repeat center;background-size: 18px auto;} .secondary-report span a{display: inline-block;vertical-align: top;font-size: 16px;line-height: 32px;color: #1e50a2;} .secondary-report span:hover{background:#1e50a2;} .secondary-report span:hover a {color:#fff;} .secondary-report span a:hover{color:#fff;} /* 第六部分 */ /* 图片新闻 轮播2 swiper-2 */ .swiper-2{width:925px;height:500px;text-align:center;position:relative;margin:20px 0 0 0;overflow: hidden;border-radius: 8px;} .swiper-2 .swiper-container { width: 100%; height: 100%;} .swiper-2 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-2 .swiper-slide em{display: block;width: 100%;height: 100%;} .swiper-2 .swiper-slide span{display: block;position: absolute;bottom:0;left:0;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));text-align: left;height:80px;line-height: 80px;padding:0 30px 0 120px;box-sizing: border-box;color:#fff;text-align:center;} .swiper-2 .swiper-slide span a{color:#fff;font-size: 24px;display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .swiper-2 .swiper-slide span a:hover{color:#c60000;} .swiper-2 .arrow-left, .swiper-2 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-40px; background: url(/uploads/image/wimages/bg-bignews-btn2.png) 0 0 no-repeat; position: absolute;font-size: 30px; color: #fff;cursor: pointer;text-indent: -99em;display: none;} .swiper-2:hover .arrow-left,.swiper-2:hover .arrow-right{display: block;} .swiper-2 .arrow-left {left: 0;border-radius: 0 10px 10px 0;} .swiper-2 .arrow-right {right: 0;background-position: -60px 0;border-radius: 10px 0 0 10px;} .swiper-2 .arrow-left:hover{ background-position: -30px 0;} .swiper-2 .arrow-right:hover{background-position: -90px 0;} .swiper-2 #swiper-pagination2{font-size: 26px;color: #fff;position: absolute; bottom:20px;left:30px;width: auto;font-family: arial;font-weight: 400;font-style: italic;} .swiper-2 #swiper-pagination2 .swiper-pagination-current{font-size: 40px;color: #ff0000; } .index-special{width: 450px;} .index-special ul{margin:15px 0 0 0;} .index-special ul li{height:34px;line-height:34px;font-size: 16px;position: relative;padding-left:11px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .index-special ul li::before{content:'';width:4px;height:4px;background: #dd080c;border-radius: 50%;position: absolute;top:13px;left:0;} .index-special ul li:first-child::before {background: #fff;} .index-special ul li .blue a{color: #1e50a0;} .index-special ul li .blue a:hover{color: #c60000;} .index-special dl{border-radius: 6px;overflow: hidden;margin:15px 0 0 0;} .index-special dl dt{background: no-repeat;height:50px;line-height: 50px;text-align: right;font-size: 16px;color: #b70004;padding-right:15px;} .index-special dl dt a{color: #b70004;} .index-special dl dt a:hover{color: #f4f2a7;} .index-special dl dd{background-color: #fff4e0;height: 40px;line-height: 40px;overflow: hidden;padding:0 20px;font-size: 16px;white-space: nowrap; text-overflow: ellipsis;} /* 第七部分 */ .index-recom{width:925px;margin:20px 0 0 0;} .index-recom ul{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;box-sizing: border-box;} .index-recom ul li{width: 295px;height: 180px;border-radius: 8px;overflow: hidden;} .index-recom ul li:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.4);} .index-recom ul li a{display:block;width: 100%;height: 100%;position: relative;} .index-recom ul li em{} .index-recom ul li em img{} .index-recom ul li span{display:block;width: 100%;height:46px;line-height: 46px;padding:0 10px;box-sizing: border-box;color: #fff;background:rgba(0,0,0,0.7);position: absolute;bottom:0;left:0;font-size: 16px;text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .index-recom ul li a:hover span{color:#c60000;} .index-recom ul li .icon-play{display:block;position: absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;background: no-repeat center;} /* 列表新闻 轮播3 swiper-3 */ .swiper-3{width: 450px;position:relative;margin:20px 0 0 0;overflow: hidden;} .swiper-3 .immed-title{font-size: 18px;color: #dd070c;font-weight: bold;height:23px;border-left:5px #dd080c solid;padding-left:12px;} .swiper-3 .swiper-container { width: 100%; height: 100%;} .swiper-3 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-3 .swiper-slide ul{position: relative;margin:15px 0 0 10px;} .swiper-3 .swiper-slide ul::before{content:'';width:1px;height: calc(100% - 36px);background: #d6d6d6;position: absolute;left:5px;top:18px;z-index: 1;} .swiper-3 .swiper-slide ul li{font-size: 16px;line-height: 36px;height: 36px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;background: no-repeat left 12px;padding-left:23px;position: relative;z-index: 2;} .swiper-3 .arrow-left, .swiper-3 .arrow-right {display: block;width: 16px;height: 16px;overflow: hidden;cursor: pointer;z-index: 99;position: absolute;top: 2px;text-indent: -99em;} .swiper-3 .arrow-left {right: 58px;background: no-repeat 5px center #cdcbcc; background-size: 6px 8px;} .swiper-3 .arrow-right {right: 0;background: no-repeat 6px center #cdcbcc;background-size: 6px 8px;} .swiper-3 .arrow-left:hover,.swiper-3 .arrow-right:hover{background-color: #c60000;} .swiper-3 #swiper-pagination3{font-size: 16px;color: #cccacb;position: absolute; top:2px;left:auto;right:16px;width: 42px;height: 16px;line-height: 18px;text-align: center;letter-spacing: -1px;font-family: arial;font-weight: 400;font-style: italic;} .swiper-3 #swiper-pagination3 .swiper-pagination-current{color: #ff0000;font-style: normal;} /* 第八部分 */ .index-notice{width:925px;margin:20px 0 0 0;background: #f6f6f6;} .index-notice ul{box-sizing: border-box;padding:10px 10px 10px 30px;font-size: 0;} .index-notice ul li{/* width: 33.33%;*/line-height: 24px;height: 24px;overflow: hidden;font-size: 12px;display: inline-block;vertical-align: top;} .index-notice ul li a{display:block;padding:0 20px 0 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .index-notice ul li a b{color: #fe0000;font-weight: bold;} .index-notice ul li a:hover b{color:#c60000;} /* 广告 轮播4 swiper-4 */ .swiper-4{width: 450px;height: 66px;margin:20px 0 0 0;overflow:hidden;position:relative;border-radius: 6px;overflow: hidden;} .swiper-4 .swiper-container { width: 100%; height: 100%;} .swiper-4 .swiper-slide,.swiper-4 .swiper-slide a{display: block;width: 100%;height: 100%;} .swiper-4 .swiper-slide img{width: 100%;height: 100%;} .swiper-4 #swiper-pagination4{height: 4px;top:-1px;right:0;text-align: right;padding-right:12px;box-sizing: border-box;z-index: 5;} .swiper-4 .swiper-pagination-bullet {display: inline-block;width: 4px;height: 4px;opacity:1;border-radius: 10px;background: #fff;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;} .swiper-4 .swiper-pagination-bullet-active{background: #3071f1;width: 10px;} /* 第九部分 */ .index-center{width:450px;} .index-title{border-bottom:1px #dd080c solid;margin-top:20px;position: relative;} .title-name{position: relative;} .title-name a{font-size: 22px;margin:0 10px 0 0;min-width: 100px;color: #999999;box-sizing: border-box;display: inline-block;vertical-align: top;font-weight: bold;color:#999999;border-bottom:3px #e4e4e4 solid;height: 40px;line-height: 40px;padding:0 22px;display: inline-block;vertical-align: top;} .title-name a.active{color:#333;border-bottom:3px #dd080c solid;} .title-name a:hover{color:#dd080c;border-bottom:3px #dd080c solid;} .title-name a.active:hover{color:#dd080c;} .title-city{position: absolute;top:0;right:0;z-index: 2;} .title-city dl{} .title-city dl dt{cursor: pointer;text-align: right;} .title-city dl dt span{display: inline-block;vertical-align: top;font-size: 22px;line-height: 40px;color:#dd080c;} .title-city dl dt em{display: inline-block;vertical-align: top;width: 24px;height: 40px;} .title-city dl dt em.down{background: no-repeat center;background-size: 9px 5px;} .title-city dl dt em.up{background: no-repeat center;background-size: 9px 5px;} .title-city dl dd{width:160px;height:auto;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding:10px;box-sizing: border-box;display: none;} .title-city dl dd ul{font-size: 0;} .title-city dl dd ul li{width: 50%;display: inline-block;vertical-align: top;padding:2px;box-sizing: border-box;} .title-city dl dd ul li a{display: block;height: 30px;line-height: 30px;text-align: center;background: #f3f3f3;font-size: 14px;} .title-city dl dd ul li a:hover{background: #c60000;color: #fff;} .title-paper{position: absolute;top:0;right:0;} .title-paper select{display:inline-block;border-radius: 6px;border:1px #999999 solid;width:110px;height: 28px;line-height: 26px;padding:0 0 0 8px;box-sizing: border-box;font-size: 16px;} /* 图片新闻 轮播5 swiper-5 */ .swiper-5{width:450px;height:250px;text-align:center;position:relative;margin:20px 0 0 0;overflow: hidden;border-radius: 8px;} .swiper-5 .swiper-container { width: 100%; height: 100%;} .swiper-5 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-5 .swiper-slide em{display: block;width: 100%;height: 100%;} .swiper-5 .swiper-slide span{display: block;position: absolute;bottom:0;left:0;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));text-align: left;height:60px;line-height: 60px;padding:5px 80px 0 20px;box-sizing: border-box;color:#fff;text-align:left;} .swiper-5 .swiper-slide span a{color:#fff;font-size: 16px;display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .swiper-5 .swiper-slide span a:hover{color:#c60000;} .swiper-5 #swiper-pagination5{height: 12px;bottom:20px;right:0;text-align: right;padding-right:15px;box-sizing: border-box;z-index: 5;display: inline-block;} .swiper-5 .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;opacity:1;border-radius: 50%;background: #fff;margin: 0 4px;cursor: pointer;transition: width 0.3s ease-in-out;} .swiper-5 .swiper-pagination-bullet-active{background: #e91f2b;} .swiper-5 .arrow-left, .swiper-5 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-50px; background: url(/uploads/image/wimages/bg-bignews-btn2.png) 0 0 no-repeat; position: absolute;font-size: 30px; color: #fff;cursor: pointer;text-indent: -99em;display: none;transform: scale(0.7);} .swiper-5:hover .arrow-left,.swiper-5:hover .arrow-right{display: block;} .swiper-5 .arrow-left {left: -5px;border-radius: 0 10px 10px 0;} .swiper-5 .arrow-right {right: -5px;background-position: -60px 0;border-radius: 10px 0 0 10px;} .swiper-5 .arrow-left:hover{ background-position: -30px 0;} .swiper-5 .arrow-right:hover{background-position: -90px 0;} .index-study{margin-top:20px;} /* “政”事图片 轮播6 swiper-6 */ .swiper-6{width: 450px;position:relative;margin:20px 0 0 0;} .swiper-6 .swiper-container { width: 100%; height: 100%; } .swiper-6 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-6 .swiper-slide ul{position: relative;margin:15px 0 0 0;} .swiper-6 .swiper-slide ul li{width: 135px; height: 240px;} .swiper-6 .arrow-left, .swiper-6 .arrow-right {display: block;width: 16px;height: 16px;overflow: hidden;cursor: pointer;z-index: 99;position: absolute;bottom: -30px;text-indent: -99em;} .swiper-6 .arrow-left {left: 188px;background: no-repeat 5px center #cdcbcc; background-size: 6px 8px;} .swiper-6 .arrow-right {right: 188px;background: no-repeat 6px center #cdcbcc;background-size: 6px 8px;} .swiper-6 .arrow-left:hover,.swiper-6 .arrow-right:hover{background-color: #c60000;} .swiper-6 #swiper-pagination6{font-size: 16px;color: #cccacb;position: absolute; bottom:-30px;left:204px;width: 42px;height: 16px;line-height: 18px;text-align: center;letter-spacing: -1px;font-family: arial;font-weight: 400;font-style: italic;} .swiper-6 #swiper-pagination6 .swiper-pagination-current{color: #ff0000;} /*荐 读 */ .index-reading{max-height: 855px;overflow-y: auto;} .index-reading .index-pic{border-bottom: 1px #e4e4e4 solid;margin-top:15px;padding-bottom:15px;position: relative;} .index-reading .index-pic dl{height:74px;position: relative;} .index-reading .index-pic dl dt{width: 120px !important;height: 74px !important; position: absolute;top:0;left:0;} .index-reading .index-pic dl dd{width: 100% !important;box-sizing: border-box;padding:5px 5px 0 140px !important; } .index-reading .index-pic dl dd a{font-size: 16px !important;line-height: 24px !important;height: 48px !important;display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; -ms-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; -o-line-clamp:2; -ms-line-clamp:2;} .index-reading .index-pic dl dd span{display: block;text-align: right;font-weight: normal;font-size: 12px;color: #999;line-height: 24px;padding: 5px 0 0 0;} .index-reading .index-pic.noimg dl dd{padding-left:0 !important;;} .reading-list{border-bottom: 1px #e4e4e4 solid;padding:15px 0;margin:0 25px;} .read-title{font-size: 16px;line-height: 24px;font-weight: bold;} .read-info{line-height: 24px;position: relative;padding:5px 0 0 27px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;} .read-info::before{content: '';width: 11px;height: 11px;box-sizing: border-box;border:2px #e33538 solid;background: #fff;border-radius: 50%;position: absolute;top:11px;left:8px;z-index: 2;} .read-info::after{content: '';width: 1px;height:calc(100% - 13px); background: #f2f2f2;position: absolute;top:11px;left:13px;z-index: 1;} .read-source{text-align: right;padding:8px 0 0 0;} .read-source span{display: inline-block;vertical-align: top;font-size:12px;color: #999;line-height:24px;padding:0 15px 0 0;} .read-source em{display: inline-block;vertical-align: top;font-size:12px;color: #999;line-height:24px;background: no-repeat;background-size:auto 17px;padding:0 0 0 20px;cursor: pointer;} .read-source em:hover{color:#c60000;} .reading-down{text-align: center;position: relative;margin:20px 45px 0 25px;} .reading-down span{display: inline-block;vertical-align: top;color: #d6d6d6;background: #fff;padding:0 10px;position: relative;z-index: 2;} .reading-down::before{content: '';width: 100%;height:1px;border-top:1px #d6d6d6 dashed;position: absolute;top:10px;left:0;z-index: 1;} .index-newspaper{padding:10px 0 0 0;} .newspaper-pic{width: 100%; position: relative; margin-top: 10px;overflow: hidden;border:1px #e4e4e4 solid;box-sizing: border-box;} .newspaper-pic a{display: block;width: 100%;} .newspaper-pic a img{display: block;width: 100%;} .party-pic{margin:10px 0 0 0;} .party-pic img{border-radius: 6px;overflow: hidden;} /* 第十部分 看山西 */ .index-video-outer{background: no-repeat center;} .video-title{height:135px;text-align: center;padding:25px 0 0 0;box-sizing: border-box;} .video-title a{display: inline-block;vertical-align: top;height:80px;text-indent: -9999em;background: no-repeat;transform: scale(0.9);transform-style: preserve-3d;} .video-title a.v-a1{width: 120px;} .video-title a.v-a2{background-position: -118px 0;width: 114px;} .video-title a.v-a3{background-position: -385px 0;width: 143px;} .video-title a.v-a4{background-position: -529px 0;width: 100px;} .video-title a:hover{animation: shake 0.5s; transform: scale(1); /* 放大10% */} @keyframes shake { 0% { transform: translatex(0) scale(1); } 25% { transform: translatex(-5px) scale(1); } 50% { transform: translatex(5px) scale(1); } 75% { transform: translatex(-5px) scale(1); } 100% { transform: translatex(0) scale(1); } } .video-title span{display: inline-block;vertical-align: top;text-indent: -9999em;width: 155px;height:80px;background: no-repeat;background-position:-231px 0;} .video-left{width: 600px;} .video-center{width: 530px;} .video-right{width: 250px;height:460px;position: relative;} .left-video{border-radius: 6px;overflow: hidden;position: relative;} .video-a{position: absolute;top:10px;left:0;width: 90px;height: 30px;line-height: 30px;text-align: center;z-index: 2;} .video-a a{display: block;width:100%;height: 100%;color: #fff;font-size: 16px;background: rgba(165,1,0,0.8);border-radius: 0 30px 30px 0;} .video-a a:hover{background:#f4f2a7;} .left-info{height: 120px;background: #fff;padding:10px 15px 0 15px;box-sizing: border-box;} .left-info h3{font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .left-info p{line-height: 26px;height: 52px;overflow: hidden} .left-info p a{color: #ff0000;} .left-info p a:hover{color: #1e50a2;} .visual-list{} .visual-list ul{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;} .visual-list ul li{position: relative;width: 260px;height: 150px;border-radius: 6px;overflow: hidden;} .visual-list ul li img{} .visual-list ul li span{display: block;width: 100%; height: 35px;line-height: 36px; padding: 0 5px; overflow: hidden;box-sizing: border-box;background: rgba(0,0,0,0.7); position: absolute;bottom: 0; left: 0; text-align: center;} .visual-list ul li span a{color: #fff;font-size: 16px;} .visual-list ul li span a:hover{color: #c60000;} /* 视频新闻 轮播7 swiper-7 */ .swiper-7{width:530px;height:300px;text-align:center;position:relative;margin:10px 0 0 0;overflow: hidden;border-radius: 6px;} .swiper-7 .swiper-container { width: 100%; height: 100%;} .swiper-7 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-7 .swiper-slide .video-pic{display: block;width: 100%;height: 100%;} .swiper-7 .swiper-slide .icon-video{position: absolute;top:105px;left:50%;margin-left:-35px;width: 70px;height: 70px;background: no-repeat;z-index: 2;} .swiper-7 .swiper-slide .video-info{display: block;position: absolute;bottom:0;left:0;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));height:60px;line-height: 60px;padding:0 20px 0 20px;box-sizing: border-box;color:#fff;text-align:left;} .swiper-7 .swiper-slide .video-info h3{font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;border-top:1px #fff solid;white-space: nowrap; text-overflow: ellipsis;} .swiper-7 .swiper-slide .video-info p{line-height: 20px;height: 40px;overflow: hidden;padding:10px 0 0 0;display: none;} .swiper-7 .swiper-slide .video-info p a{color: #fff;} .swiper-7 .swiper-slide .video-info p a:hover{color: #c60000;} .swiper-7 .swiper-slide .video-info a{color:#fff;} .swiper-7 .swiper-slide .video-info a:hover{color: #c60000;} .swiper-7 #swiper-pagination7{height: 5px;bottom:20px;right:0;text-align: right;padding-right:15px;box-sizing: border-box;z-index: 5;display: inline-block;} .swiper-7 .swiper-pagination-bullet {display: inline-block;width: 5px;height: 5px;opacity:1;border-radius:5px;background: #fff;margin: 0 2px;cursor: pointer;transition: width 0.3s ease-in-out;} .swiper-7 .swiper-pagination-bullet-active{background: #e91f2b;width: 40px;} .swiper-7 .arrow-left, .swiper-7 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-70px; background: url(/uploads/image/wimages/bg-bignews-btn2.png) 0 0 no-repeat; position: absolute;font-size: 30px; color: #fff;cursor: pointer;text-indent: -99em;display: none;transform: scale(0.8);} .swiper-7:hover .arrow-left,.swiper-7:hover .arrow-right{display: block;} .swiper-7 .arrow-left {left: -3px;border-radius: 0 10px 10px 0;} .swiper-7 .arrow-right {right: -3px;background-position: -60px 0;border-radius: 10px 0 0 10px;} .swiper-7 .arrow-left:hover{ background-position: -30px 0;} .swiper-7 .arrow-right:hover{background-position: -90px 0;} .rig-name{display: block;position: absolute;bottom:0;left:0;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));height:40px;padding:0 5px;box-sizing: border-box;text-align:left;} .rig-name a{font-size: 16px;height: 40px;line-height: 20px;overflow: hidden;color:#fff;} .rig-name a:hover{color: #c60000;} .index-pic{margin:20px 0 0 0;} .index-pic dl{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;} .index-pic dl dt{width: 210px; height: 130px;border-radius: 6px; overflow: hidden;} .index-pic dl dt a{display: block;width: 100%;height: 100%;} .index-pic dl dt img{display: block;width: 100%;height: 100%;} .juzhong dl dd{width: 220px;font-size: 18px;font-weight: bold;line-height: 36px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .index-line{height:1px; width: 100%;background: #ececec;margin:10px 0 0 0;} /* 图片新闻 轮播8 swiper-8 */ .swiper-8{width:450px;height:250px;text-align:center;position:relative;margin:20px 0 0 0;overflow: hidden;border-radius: 8px;} .swiper-8 .swiper-container { width: 100%; height: 100%;} .swiper-8 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-8 .swiper-slide em{display: block;width: 100%;height: 100%;} .swiper-8 .swiper-slide span{display: block;position: absolute;bottom:0;left:0;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));text-align: left;height:60px;line-height: 60px;padding:5px 80px 0 20px;box-sizing: border-box;color:#fff;text-align:left;} .swiper-8 .swiper-slide span a{color:#fff;font-size: 16px;display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .swiper-8 .swiper-slide span a:hover{color:#c60000;} .swiper-8 #swiper-pagination8{height: 12px;bottom:20px;right:0;text-align: right;padding-right:15px;box-sizing: border-box;z-index: 5;display: inline-block;} .swiper-8 .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;opacity:1;border-radius: 50%;background: #fff;margin: 0 4px;cursor: pointer;transition: width 0.3s ease-in-out;} .swiper-8 .swiper-pagination-bullet-active{background: #e91f2b;} .swiper-8 .arrow-left, .swiper-8 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-50px; background: url(/uploads/image/wimages/bg-bignews-btn2.png) 0 0 no-repeat; position: absolute;font-size: 30px; color: #fff;cursor: pointer;text-indent: -99em;display: none;transform: scale(0.7);} .swiper-8:hover .arrow-left,.swiper-8:hover .arrow-right{display: block;} .swiper-8 .arrow-left {left: -5px;border-radius: 0 10px 10px 0;} .swiper-8 .arrow-right {right: -5px;background-position: -60px 0;border-radius: 10px 0 0 10px;} .swiper-8 .arrow-left:hover{ background-position: -30px 0;} .swiper-8 .arrow-right:hover{background-position: -90px 0;} /* 图片新闻 轮播9 swiper-9 */ .swiper-9{width:450px;height:250px;text-align:center;position:relative;margin:20px 0 0 0;overflow: hidden;border-radius: 8px;} .swiper-9 .swiper-container { width: 100%; height: 100%;} .swiper-9 .swiper-slide{position: relative;width: 100%; height: 100%;} .swiper-9 .swiper-slide em{display: block;width: 100%;height: 100%;} .swiper-9 .swiper-slide span{display: block;position: absolute;bottom:0;left:0;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));text-align: left;height:60px;line-height: 60px;padding:5px 80px 0 20px;box-sizing: border-box;color:#fff;text-align:left;} .swiper-9 .swiper-slide span a{color:#fff;font-size: 16px;display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .swiper-9 .swiper-slide span a:hover{color:#c60000;} .swiper-9 #swiper-pagination9{height: 12px;bottom:20px;right:0;text-align: right;padding-right:15px;box-sizing: border-box;z-index: 5;display: inline-block;} .swiper-9 .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;opacity:1;border-radius: 50%;background: #fff;margin: 0 4px;cursor: pointer;transition: width 0.3s ease-in-out;} .swiper-9 .swiper-pagination-bullet-active{background: #e91f2b;} .swiper-9 .arrow-left, .swiper-9 .arrow-right {display: block;width: 30px;height: 50px;overflow: hidden;cursor: pointer;z-index: 99;position: absolute;top: 87px;font-size: 40px;font-family: simsun;font-weight: 400;color: #ffffff;line-height: 50px;text-align: center;background:rgba(0,0,0,0.7);} .swiper-9 .arrow-left {left: 0;} .swiper-9 .arrow-right {right: 0;} .swiper-9 .arrow-left:hover{background:#c60000;} .swiper-9 .arrow-right:hover{background:#c60000;} /* 第十二部分 特别推荐 */ .index-recommend{width: 1400px;margin:0 auto;} .recommend-list{margin-top:20px;} .recommend-list ul{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;} .recommend-list ul li{width: 224px; height: 338px;border-radius: 6px;overflow: hidden;} .recommend-list ul li img{width: 100%; height: 100%;} /* 第四部分 特别推荐 轮播10 */ .swiper-10{width:1400px;margin:0 auto;margin-top:20px;height:338px;text-align:center;position:relative;box-sizing: border-box;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;} .swiper-10 .swiper-container { width:100%; height: 100%;} .swiper-10 img{width: 224px;height: 338px;border-radius: 8px;overflow: hidden;} .swiper-10 .arrow-left, .swiper-10 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-40px; background: url(/uploads/image/wimages/bg-bignews-btn2.png) 0 0 no-repeat; position: absolute;font-size: 30px; color: #fff;cursor: pointer;text-indent: -99em;display: none;} .swiper-10:hover .arrow-left,.swiper-10:hover .arrow-right{display: block;} .swiper-10 .arrow-left {left: 0;border-radius: 0 10px 10px 0;} .swiper-10 .arrow-right {right: 0;background-position: -60px 0;border-radius: 10px 0 0 10px;} .swiper-10 .arrow-left:hover{ background-position: -30px 0;} .swiper-10 .arrow-right:hover{background-position: -90px 0;} /* 第十三部分 媒体矩阵 */ .index-media{width: 1400px;margin:0 auto;background: #fffbf5;border-top:4px #dd080c solid;margin-top:35px;} .media-title{text-align: center;background: no-repeat center top;background-size: auto 6px;padding:25px 0 0 0;} .media-title img:hover{-webkit-transform:scale(1);transform:scale(1);box-shadow:none;} .media-list {font-size: 0;padding:20px 0 20px 10px;} .media-list dl{display: inline-block;vertical-align: top;position: relative;} .media-list dl dt{border-radius: 5px;border:1px #f2dcb7 solid;background: #fff;overflow: hidden;width: 145px;height:54px;display: inline-block; padding: 10px 10px;box-sizing: border-box;text-align: center;margin: 10px 4px 0 4px;position: relative; } .media-list dl dt img{max-height: 70%; max-width: 80%; position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);} .media-list dl dt img:hover{box-shadow:none;} .media-list dl dd{position: absolute;top: 64px;left: 50%; margin-left: -50px; display: none;line-height: 16px;z-index: 99;} .media-list dl dd img{width: 100px;height: 100px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} /* 第十四部分 友情链接 */ .index-friend{width: 1400px;margin:0 auto;margin-top:10px;} .friend-title{font-size: 20px;font-weight: bold;color: #cb001f;line-height: 60px;} .friend-list{background: #f7f7f7;position: relative;height:60px;overflow: hidden;} .friend-list ul{font-size: 0;padding:10px 0 10px 20px;} .friend-list ul li{display: inline-block;vertical-align: top;font-size: 16px;padding:10px 16px;text-overflow:ellipsis; white-space:nowrap;} .friend-list em{width: 30px;height: 30px;position: absolute;top:15px;right:0;z-index: 2;cursor: pointer;} .icon-down{background: no-repeat center;background-size: auto 6px;} .icon-up{background: no-repeat center;background-size: auto 6px;} .friend-list em:hover{background-color: #c60000;}