/* 首页 */
.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;}


/* 第一部分 广告1 */
.index-ad1{width: 1400px;margin: 20px auto 0 auto;}



/* 第二部分 大标题 */
.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;}

.secondary-h1{text-align: center;width: 1160px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-image: linear-gradient(to right, rgba(228,223,207,0), #e4dfcf, rgba(228,223,207,0));}
.secondary-h1 h1{font-size: 40px;line-height:50px;font-weight: bold;height: 115px;overflow: hidden;text-align: center;padding: 0 10px 0 10px; box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.secondary-h1 h1 a{ display:block;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;}

.secondary-report{width: 175px;}
.secondary-report span{display: block;border-radius: 6px;}

.index-secondary span a{display: block;line-height: 34px;font-size: 18px;padding-left:25px;color:#fff;border-radius: 6px;background: #dd080c;margin:15px 0 0 0;}
.index-secondary span a:hover{background: #ffce3a;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.de {letter-spacing: 9px; }

/* 第三部分 */
/* 图片新闻 轮播1 swiper-1 */

.swiper-1{width:830px;height:465px;text-align:center;position:relative;margin:20px 0 0 0;overflow: hidden;}

.swiper-1 .swiper-container { width: 100%; height: 100%;}
.swiper-1 .swiper-slide{position: relative;width: 100%; height: 100%;}
.swiper-1 .swiper-slide em{display: block;width: 100%;height: 100%;}
.swiper-1 .swiper-slide span{display: block;position: absolute;bottom:0;left:0;width:100%;background: rgba(0,0,0,0.6);text-align: left;height:50px;line-height: 50px;padding:0 30px 0 120px;box-sizing: border-box;color:#fff;text-align:center;}
.swiper-1 .swiper-slide span a{color:#fff;font-size:18px;display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.swiper-1 .swiper-slide span a:hover{color:#c60000;}

.swiper-1 .arrow-left,
.swiper-1 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-40px; background: url(/uploads/image/wsimages/bg-bignews-btn2.png) 0 0 no-repeat; position: absolute;font-size: 30px; color: #fff;cursor: pointer;text-indent: -99em;display: none;} 
.swiper-1:hover .arrow-left,.swiper-1:hover .arrow-right{display: block;}
.swiper-1 .arrow-left {left: 0;border-radius: 0 10px 10px 0;}
.swiper-1 .arrow-right {right: 0;background-position: -60px 0;border-radius: 10px 0 0 10px;}

.swiper-1 .arrow-left:hover{ background-position: -30px 0;}
.swiper-1 .arrow-right:hover{background-position: -90px 0;}

.swiper-1 #swiper-pagination1{font-size: 24px;color: #fff;position: absolute; bottom:4px;left:30px;width: auto;font-weight: 400;}
.swiper-1 #swiper-pagination1 .swiper-pagination-current{font-size: 35px;color: #ff0000;}


.index-title{border-bottom:1px #dd080c solid;margin-top:15px;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 16px;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;}

.index-list{}
.index-list ul{margin:10px 0 0 0;}
.index-list ul li{height:38px;line-height:38px;font-size: 16px;position: relative;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-list ul li b{font-weight: bold;font-size: 18px;}

.index-list dl{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin-top:15px;}
.index-list dl dt{width: 210px; height: 130px;border-radius: 6px; overflow: hidden;}
.index-list dl dt a{display: block;width: 100%;height: 100%;}
.index-list dl dt img{display: block;width: 100%;height: 100%;}

.index-list dl dd{width: 220px;font-size: 18px;font-weight: bold;line-height: 36px;padding:25px 0 0 0;height: 72px !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-special{width: 550px;}
.index-special .index-list{padding:0 0 0 20px;}
.index-special .index-list b{padding-top:5px;}
.index-special .index-list ul li{height:41px;line-height:41px;}


/* 第四部分 图片滚动 轮播2 swiper-2*/

.swiper-2{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-2 .swiper-container { width:100%; height: 100%;}

.swiper-2 .recom-img{width: 265px;height: 85px;border-radius: 8px;overflow: hidden;}
.swiper-2 .recom-img a{display: block;width: 100%;height: 100%;}
.swiper-2 .recom-img img{width: 100%;height: 100%;}

.swiper-2 .arrow-left,
.swiper-2 .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-2 .arrow-left {left: -5px;background:  no-repeat 6px center #dd080c; background-size: 14px 17px;}
.swiper-2 .arrow-right {right: -5px;background:  no-repeat 10px center #dd080c;background-size: 14px 17px;}
.swiper-2 .arrow-left:hover,.swiper-2 .arrow-right:hover{background-color: #f4f2a7;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}

/* 第五部分 */

.accordion-container {display: flex;overflow: hidden;width: 100%;max-width: 1400px;margin: 20px auto 0 auto;}
.accordion-item { flex: 0 0 100px;transition: flex 0.1s ease;overflow: hidden;cursor: pointer; position: relative;}
.accordion-item img {width: 1000px;min-width: 300px;height: 630px;display: block; transition: transform 0.5s ease; transform: scale(1.1);}
/* .accordion-item p img { transform: scale(1);} */

.accordion-item p { position: absolute; width: 99px; border-right: 1px solid #ccc;height: 100%;top: 0; left: 0; background-color: rgba(0,0,0,0.5); text-align: center;   writing-mode: vertical-rl;
  text-orientation: upright;letter-spacing: 3px /* 可选，用于控制文字方向，例如保持文字不旋转 */}
.accordion-item p a { min-width: unset; margin: 0 auto;color: #fff;font-size: 18px;display:block;width: 100%;height:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;line-height: 22px;}
.accordion-item.expanded { flex: 1;}
.accordion-item:not(.expanded) {flex: 0 0 100px;}
.accordion-item.expanded img {transform: scale(1);}
.accordion-item.expanded p a { transform: unset;}
.accordion-item.expanded p { background-color:rgba(0,0,0,0.7);}



/* 第六部分 */
.index-center{width:450px;}

.index-pic{margin-top:20px;}
.index-pic a{display: block;width:450px;height: 250px;}
.index-pic a img{width: 100%; height: 100%;}

.index-pic2{margin-top:15px;padding:0 12px;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-pic2 a{display: block;width: 200px;height: 280px;}
.index-pic2 a img{width: 100%; height: 100%;}

.index-list2{}
.index-list2 ul li{border-bottom: 1px #a3a3a3 dashed;line-height: 48px;height: 48px;}


/* 第七部分 广告2 */
.index-ad2{width: 1400px;margin: 10px auto 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-ad2 a{display: block;}

/* 第十一部分 看山西 */

.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;}

/* 视频新闻 轮播3 swiper-3 */

.swiper-3{width:530px;height:300px;text-align:center;position:relative;margin:10px 0 0 0;overflow: hidden;border-radius: 6px;}

.swiper-3 .swiper-container { width: 100%; height: 100%;}
.swiper-3 .swiper-slide{position: relative;width: 100%; height: 100%;}
.swiper-3 .swiper-slide .video-pic{display: block;width: 100%;height: 100%;}
.swiper-3 .swiper-slide .icon-video{position: absolute;top:105px;left:50%;margin-left:-35px;width: 70px;height: 70px;background:  no-repeat;z-index: 2;}
.swiper-3 .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-3 .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-3 .swiper-slide .video-info p{line-height: 20px;height: 40px;overflow: hidden;padding:10px 0 0 0;display: none;}
.swiper-3 .swiper-slide .video-info p a{color: #fff;}
.swiper-3 .swiper-slide .video-info p a:hover{color: #c60000;}

.swiper-3 .swiper-slide .video-info a{color:#fff;}
.swiper-3 .swiper-slide .video-info a:hover{color: #c60000;}

.swiper-3 #swiper-pagination3{height: 5px;bottom:20px;right:0;text-align: right;padding-right:15px;box-sizing: border-box;z-index: 5;display: inline-block;}
.swiper-3 .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-3 .swiper-pagination-bullet-active{background: #e91f2b;width: 40px;}

.swiper-3 .arrow-left,
.swiper-3 .arrow-right {z-index: 99;width: 30px;height: 80px; top: 50%;margin-top:-70px; background: url(/uploads/image/wsimages/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-3:hover .arrow-left,.swiper-3:hover .arrow-right{display: block;}
.swiper-3 .arrow-left {left: -3px;border-radius: 0 10px 10px 0;}
.swiper-3 .arrow-right {right: -3px;background-position: -60px 0;border-radius: 10px 0 0 10px;}

.swiper-3 .arrow-left:hover{ background-position: -30px 0;}
.swiper-3 .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;}

/* 区县的选项卡切换效果 */
.county-left{width: 925px;padding:20px 0 0 0;}
.county-tab{background: #f8f8f8;border-bottom: 5px #dd080c solid;overflow-y: hidden;overflow-x: auto;}
.county-tab ul{font-size: 0;padding:8px 0 0 10px;width: 100%;box-sizing: border-box;white-space: nowrap;}
.county-tab ul li{display: inline-block;vertical-align: top;font-size: 16px;line-height: 32px;}
.county-tab ul li a{display: block;padding:0 10px;}
.county-tab ul li a:hover{color: #fff;font-weight: bold;background: #dd080c;}
.county-tab ul li.active{color: #fff;background: #dd080c;}
.county-tab ul li.active a{color: #fff;font-weight: bold;}
.county-tab ul li.active a:hover{}

.county-cont{display: flex; flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.county-pic{width: 450px;height: 250px;position: relative;overflow: hidden;margin:15px 0 0 0;}
.county-pic em{display: block;width: 100%; height: 100%;overflow: hidden;position: relative;}
.county-pic em a{display: block;width: 100%; height: 100%;}
.county-pic em a img{width: 100%; min-height: 100%;height:auto;}
.county-pic span{display: block;display: block; position: absolute; bottom: 0;left: 0; z-index: 2; background: rgba(0,0,0,0.6);text-align: center;height: 40px;line-height: 40px; padding: 0 10px 0 10px;box-sizing: border-box;color: #fff;font-size: 16px; width: 100%;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.county-pic span a{color: #fff;}
.county-pic .icon-play{display:block;position: absolute;top:50%;left:50%;z-index:2;margin:-25px 0 0 -25px;width:50px;height:50px;background: no-repeat center;}


.county-list{width: 450px;}
.county-list ul{margin:20px 0 0 0;}
.county-list ul li{height:35px;line-height:35px;font-size: 16px;position: relative;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.county-list ul li a{}
.county-list ul li a:hover{}

.county-right{width: 450px;padding:8px 0 0 0;}