/* 滚动资讯 */
.topScr{ display: flex; margin: 20px 0;}
.topScr .tit{ background: #D32D26; color: #fff; width: 120px; text-align: center; line-height: 34px; padding: 10px 0; font-size: 20px; font-weight: bold;}
.part1{ margin-bottom: 30px; overflow: hidden;}
.part1-right{ float: left; width: 420px; padding-top: 10px; margin-left: 40px}
.message-search{ overflow: hidden;padding: 10px 0; background: #eeeff3;}
.message{ line-height: 34px; height: 34px; overflow: hidden; float: left;}
.message a.more{ color: #666;font-size: 15px; float: left;}
.message a.more:hover{ color: #096ed7;}
.pad_right{color: #333; padding-left: 25px; padding-right: 25px;}
.pad_right a{ color: #333;}
.pad_right a:hover {color: #51AD68;}
#scroll_div {overflow: hidden;white-space: nowrap;width:1200px; margin-right: 20px; float: left;}
#scroll_div span{ color: #333;}
#scroll_begin,#scroll_end {display: inline;}
#scroll_div1 {overflow: hidden;white-space: nowrap;width:1200px; margin-right: 20px; float: left;}
#scroll_div1 span{ color: #333;}
#scroll_begin1,#scroll_end1 {display: inline;}

/* 新闻资讯 */
.qh .tab{overflow: hidden; border-bottom: solid 1px #e5e5e5; margin-bottom: 20px;}
.qh .tab li{ float: left; color: #333; font-size: 20px; line-height: 44px; position: relative;}
.qh .tab li a{color: #333;}
.qh .tab li.current a{color: #D32D26; border-bottom: solid 1px #D32D26; font-weight: bold;}
.qh div{ display: none;}
.qh div p{ line-height: 40px; font-size: 18px; display: flex; justify-content: space-between;}
.qh div p span{ color: #999;}
.qh div p a{ color: #333; display: block; width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qh div p a:hover {color: #51AD68;}
.qh div p a::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #999; margin-right: 10px; position: relative; top:-5px}
.yd{ display: none;}
.fgx{ display: inline-block; color: #ddd; font-weight: normal;margin:0 15px}

/* 轮播图 */
.banner-small{ float: left;}
#scroll-div1 { position: relative; width: 400px; height: 365px;  overflow: hidden; }
#scroll-div1 .switchable-nav { position: absolute; bottom: 12px; right: 10px; z-index: 99; }
#scroll-div1 .switchable-nav li { float: left; width: 8px; height: 8px;  margin-left: 10px; cursor: pointer;background-color: #fff;  border-radius: 100%; text-indent: 10000px; }
#scroll-div1 .switchable-nav li.active { width: 20px; border-radius: 4px; background-color: #D32D26;}
#scroll-div1 .switchable-content li { height: 365px; width: 635px; overflow: hidden; }
#scroll-div1 .switchable-content li img{ width: 100%;}
.switchable-content li div{ position: relative; height: 365px; width: 635px;}
.switchable-content li p{ font-size: 14px; color: #fff; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), 40%, black); width: 635px; position: absolute; bottom: 0; line-height: 36px; padding-left: 10px;}
.switchable-content li p span{ display: block; width: 80%; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;margin: 10px 0;}
.switchable-content li p span a{ color: #fff;font-size: 18px;}

/* 2栏文章 */
.qhcommon{ position: relative;}
.qhcommon .tab{overflow: hidden; border-bottom: solid 1px #e5e5e5; margin-bottom: 20px;}
.qhcommon .tab li{ float: left; height: 44px; color: #333; font-size: 20px;  line-height: 44px; position: relative;  }
.qhcommon .tab li a{color: #333;padding: 0 10px; display: inline-block; height: 44px;text-align: center; }
.qhcommon .tab li.current a{color: #D32D26; border-bottom: solid 1px #D32D26; font-weight: bold;}
.qhcommon div{ display: none;}
.qhcommon div p{ line-height: 40px; font-size: 18px; display: flex; justify-content: space-between;}
.qhcommon div p span{ color: #999; font-size: 14px;}
.qhcommon div p a{ margin-right: 10px; padding-left: 20px; color: #333; width:460px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qhcommon div p a:hover {color: #51AD68;}
.qhcommon .more{ position: absolute; top:10px; right:10px; color:#999999}
.qhcommon .more:hover{ color:#D32D26}
.part3-left{ width: 585px;}
.part2-left{ width: 770px;}
.part2-right{ width: 400px;}
.part3{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.part4{ display: flex; justify-content: space-between; width: 1200px; margin: 0 auto 30px;}
.part4 img {width: 1200px; height: 150px;}
.part5{ display: flex; justify-content: space-between; width: 1200px; margin: 0 auto 30px;}
.part7{width: 1200px; margin: 0 auto 30px; background: #f7f9fb; padding-bottom: 30px;overflow:hidden}

/* 通栏四列文章 */
.part3-all{ width: 100%; }
.fourlist{ position: relative;}
.fourlist .tab{overflow: hidden; border-bottom: solid 1px #e5e5e5; margin-bottom: 20px;}
.fourlist .tab li{ float: left; height: 44px; color: #333; font-size: 20px;  line-height: 44px; position: relative;  }
.fourlist .tab li a{color: #333;padding: 0 10px; display: inline-block; height: 44px;text-align: center; }
.fourlist .tab li.current a{color: #D32D26; border-bottom: solid 1px #D32D26; font-weight: bold;}
.fourlist .four-box{display: flex; flex-wrap: wrap;}
.fourlist div p{ line-height: 40px; font-size: 18px; flex: 0 0 25%; box-sizing: border-box;}
.fourlist div p span{ color: #999; font-size: 14px;}
.fourlist div p a{ max-width:290px; margin-right: 10px; padding-left: 20px; color: #333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fourlist div p a:hover {color: #51AD68;}
.fourlist .more{ position: absolute; top:10px; right:10px; color:#999999}
.fourlist .more:hover{ color:#D32D26}

/* 通栏画册 */
.part6{width: 1200px; margin: 0 auto 30px;position: relative;}
.part6-left{ width: 590px; height: 220px; }
.index-title .tab{overflow: hidden; border-bottom: solid 1px #e5e5e5; margin-bottom: 20px;}
.index-title .tab li{ float: left; height: 44px; color: #333; font-size: 20px;  line-height: 44px; position: relative;  }
.index-title .tab li a{color: #333;padding: 0 10px; display: inline-block; height: 44px;text-align: center; }
.index-title .tab li.current a{color: #D32D26; border-bottom: solid 1px #D32D26; font-weight: bold;}
.index-title .more{ position: absolute; top:10px; right:10px; color:#999999}
.index-title .more:hover{ color:#D32D26}
.pic-list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.pic-div {display: flex; flex-direction: column; align-items: center; margin: 10px;overflow: hidden;}
.pic-div:hover {transform: scale(1.05);}
.pic-div:hover img{border: solid 2px #51AD68;}
.pic-div:hover span{color: #51AD68;}
.pic-list img {width: 130px; height: 130px; padding: 15px; border: solid 1px #ddd;}
.pic-list span {margin-top: 10px;}

/* 友情链接 */
.footer-links{max-width:1200px;margin:40px auto;padding:0 20px}
.footer-links-container{background-color:#fff;border-radius:8px}
.footer-links-title{font-size:20px;font-weight:bold;color:#D32D26;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #eee;position:relative;text-align:center}
.footer-links-title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:2px;background-color:#D32D26}
.links-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px 25px;justify-content:center}
.links-list a{text-decoration:none;color:#666;font-size:16px;padding:8px 12px;display:inline-block;border-radius:4px;transition:all 0.3s;text-align:center}
.links-list a:hover{color:#51AD68;font-weight: bold;}

/*首页右侧最新视频*/
.image-container{width:300px;height:365px;overflow:hidden;display:flex;flex-direction:column;float:right}
.title{text-align:center;margin:10px 0;font-size:16px;flex-shrink:0}
.image-list{display:flex;flex-wrap:wrap;gap:10px;flex:1;overflow:auto;padding:0 10px}
.image-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 calc(50% - 10px);margin-bottom:10px}
.image-item:hover {transform: scale(1.05);}
.image-item:hover img{border: solid 2px #51AD68;}
.image-item:hover span{color: #51AD68;}
.image-item img{width:134px;height:132px;object-fit:cover;margin-bottom:5px}
.image-item p{text-align:center;font-size:12px;margin:0}

/*通栏轮播图*/
.slider-container{position:relative;max-width:1200px;margin:20px auto;overflow:hidden}
.slider{display:flex;transition:transform 0.3s ease-out}
.slide{min-width:100%;height:200px;position:relative}
.slide a{width:100%;}
.slide img{width:100%;object-fit:cover;display:block}
.slider-nav{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.slider-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.5);cursor:pointer;transition:background-color 0.2s}
.slider-dot.active{background-color:rgba(255,255,255,0.9)}