@charset "utf-8";
.pchide{display: none !important}
.header{background: url(../images/top-bg.png) no-repeat center/cover; height: 170px;}
.header .logo{width: 458px; flex-shrink: 0;}
.header .logo img{display: block; width: 100%; height: auto;}
.header .form{border: 1px solid #f9c1c2; border-radius: 8px; background-color: #fff; width: 182px; padding: 4px 0 4px 4px}
.header .form .ipt{border: 0 none; width: 100%}
.header .form .btn{background: url(../images/search-icon.png) no-repeat center; box-sizing: content-box; width: 31px; height: 24px; flex-shrink: 0; cursor: pointer; border: 0 none; border-left: 1px solid #c98384;}
.header .nav-button{width: 40px; display: none; height: 40px; border: 1px solid #94070a; flex-shrink: 0; border-radius: 5px; background-color: rgba(255, 255, 255, .2); justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 4;}
.header .nav-button .line{width: 30px; height: 2px; background-color: #94070a;}
.header .nav-button .line:nth-child(2){margin-top: 7px;}
.header .nav-button .line:nth-child(3){margin-top: 7px;}
.header .nav-button.on{border-color: #fff;}
.header .nav-button.on .line{background-color: #fff;}
.header .slogan{width:215px; height: 98px; background: url(../images/slogan.png) no-repeat center/100% 100%; flex-shrink: 0}
.header .slogan{-webkit-mask : -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}

.nav{background-color: #94070a; padding: 0 58px}
.nav li{position: relative; z-index: 2;}
.nav li .nav-item{color: #fff; font-size: 26px; font-family:"Microsoft YaHei"; height: 55px; line-height: 55px; letter-spacing: 15px; display: flex; align-items: center;}
.nav li .nav-item img{margin-right: 10px}
.nav li a:hover{color: #fff !important;}
.nav li .sub-nav{font-size: 18px; font-family:"Microsoft YaHei"; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); padding-top: 10px; display: none}
.nav li .sub-nav a{display: block; color: #fff; height: 40px; text-align: center; line-height: 40px; min-width: 170px; padding: 0 5px; background-color: #94070a; white-space: nowrap;}
.nav li .sub-nav-item{position: relative;}
.nav li .sub-nav-item:hover>a{background-color: #e7474a; color: #fff !important;}
.nav li .sub-nav-item .third-nav{position: absolute; top: 0; left: 100%; padding-left: 1px; overflow: hidden; transition: all 500ms; visibility: hidden; opacity: 0;}
.nav li .sub-nav-item:hover .third-nav{visibility: visible; opacity: 1;}
.nav li .third-nav-item>a:hover{background-color: #e7474a; color: #fff !important;}

.banner-tabs{margin-top: 40px;}
.banner{margin:0}
.banner, .banner img{width: 585px; height: 380px; flex-shrink: 0; object-fit: cover; display: block;}
.banner-tabs2 .banner, .banner-tabs2 .banner img{width: 580px; height: 390px; flex-shrink: 0; object-fit: cover; display: block;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide h3{position: absolute; font-weight: normal; color: #fff; bottom: 0; left: 0; right: 0; height: 50px; line-height: 50px; background-color: rgba(0, 0, 0, .3); padding:0 20px; text-align: center;}
.banner .swiper-pagination{text-align: right; padding-right: 20px; bottom: 15px;}
.banner .swiper-button-custom{background: rgba(0, 0, 0, .1) url(../images/arrow-left.png) no-repeat center; left: 0}
.banner .swiper-button-next.swiper-button-custom{background-image: url(../images/arrow-right.png); right: 0; left: auto;}

.banner-wrap{margin-top: 55px; align-items: flex-start;}
.banner-wrap .left-btns{display: flex; flex-wrap: wrap; margin: auto; width: 850px; justify-content: space-between; flex-shrink: 0}
.banner-wrap .left-btns a{font-size: 16px; font-family:"Microsoft YaHei"; width: 185px; height: 68px; background: url(../images/banner-btn-bg.png) no-repeat center/100% 100%; color: #fff; justify-content: center; font-weight: bold; margin-bottom: 30px; display: flex; align-items: center;}
.banner-wrap .left-btns a:nth-child(7n), .banner-wrap .left-btns a:nth-child(8n){margin-bottom: 0}
.banner-wrap .left-btns a:hover{color: #fff !important}
.banner-wrap .left-btns i{border-left: 1px dashed #fff; height: 18px;margin:0 10px 0;}

.index-tabs{flex-grow: 1; margin-left: 30px}
.index-tabs .tab-items{display: flex; align-items: center;}
.banner-tabs2 .index-tabs .tab-items{border-bottom: 1px solid #f32210;}
.index-tabs .tab-items a{width: 140px; height: 55px; line-height: 47px; font-size: 20px; font-family:"Microsoft YaHei"; text-align: center;}
.index-tabs .tab-items a.on{background: url(../images/index-tab-on.png) no-repeat center/100% 100%; color: #fff !important}
.banner-tabs2 .index-tabs .tab-items a{width: 150px; height: 51px; line-height: 51px; font-size: 20px; color: #f32210}
.banner-tabs2 .index-tabs .tab-items a.on{background-image: url(../images/topic-tab-on.png)}
.index-tabs .tab-content{height: 335px; margin-top: -10px; border: 1px solid #9a0000; border-radius: 10px; background-color: #fff; position: relative; padding: 25px}
.banner-tabs2 .index-tabs .tab-content{margin-top: 0; border: 0 none; border-radius: 0; padding: 15px 0 0}
.index-tabs .tab-content li{line-height: 39px; display: flex; justify-content: space-between}
.banner-tabs2 .index-tabs .tab-content li{position: relative; padding-left: 27px}
.banner-tabs2 .index-tabs .tab-content li::before{content: ' '; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 99px; background-color: #dd1c11; position: absolute; transform: translateY(-50%);}
.index-tabs .tab-content time{color: #888888; transition: color 300ms; white-space: nowrap;}
.index-tabs .tab-content li:hover time{color: #94070a;}

.index-topics a{height: 140px; flex-shrink: 0}
.index-topics img{width: 100%; height: 100%; object-fit: cover; display: block;}

.footer{background: url(../images/footer-bg.png) no-repeat center; font-size: 15px; overflow: hidden;}
.footer .friend-links{height: 60px;border-top: 1px solid #960c0f;}
.footer .friend-links div img{padding-top: 2px;}
.footer .friend-links .right a img{padding-top: 0px;width: 32px; height: 29px; margin-left: 15px}
.footer .friend-links .label span{color: #960c0f;}
.footer .friend-links .label a{display: inline-block; width: 34px; height: 29px;}
.footer .friend-links .links{white-space: nowrap;}
.footer .friend-links .links>li{margin-left: 30px; border: 1px solid #c2c2c2; padding: 3px 10px; padding-right: 20px; position: relative;}
.footer .friend-links .links>li::after{position: absolute; right: 3px; top: 6px; background: url(../images/link-arrow.png) no-repeat;width: 14px; height: 14px; content: ' '; transition: transform 300ms; transform-origin: center center !important;}
.footer .friend-links .links>li:hover::after{transform: rotate(180deg);}
.footer .friend-links .links ul{visibility: hidden; opacity: 0; position: absolute; transition: all 300ms; background: #fff; border: 1px solid #c2c2c2; left: -1px; top: 45px; right: -1px}
.footer .friend-links .links>li:hover ul{visibility: visible; opacity: 1; top: 25px;}
.footer .friend-links .links ul li{text-align: left; margin-left: 10px; line-height: 1.8}
.footer .friend-links .qrcode{position: relative;}
.footer .right .qrcode div{position: absolute; visibility: hidden; opacity: 0; transition: all 300ms; width: 100px; height: 100px; border: 2px solid #fff; border-radius: 5px; overflow: hidden; bottom:-127px; left: -33px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);}
.footer .right .qrcode:hover div{opacity: 1; visibility: visible; bottom:-107px;}
.footer .right .qrcode div img{display: block; width: 100%; height: 100%; margin-left: 0}
.footer .footer-bottom{border-top: 1px solid #b7b7b7;}
.footer .footer-bottom b{font-weight: normal;}
.footer .footer-bottom .ul b{margin:0 18px 0 18px;}

.fixed-bar{position: fixed; right: 10px; top:45%; z-index: 1;}
.fixed-bar a{display: block; position: relative; border: 1px solid #deeaf7; margin-bottom: 15px; border-radius: 3px; padding: 5px; background: #fff; transition: border-color 300ms}
.fixed-bar a:hover{border-color: #1057a2}
.fixed-bar a>img{display: block;}
.fixed-bar a span{color: #1057a2; display: block; text-align: center; font-size: 12px; padding-top: 3px}
.fixed-bar div{position: absolute; transition: all 300ms; visibility: hidden; opacity: 0; right: 140%; top: 50%; border: 1px solid #deeaf7; transform: translateY(-50%); width: 130px; height: 130px; border-radius: 3px; padding: 5px; background: #fff}
.fixed-bar div img{width: 100%; height: 100%}
.fixed-bar a:hover div{visibility: visible; opacity: 1; right: 110%;}

.breadcrumb{margin-top: 30px; font-size: 14px; display: flex; align-items: center; flex-wrap: wrap;}
.breadcrumb img{margin-right: 10px;}
.breadcrumb .arrow{margin: 0 5px;}
.breadcrumb .current{color: #94070a}

.open-close-sidebar{display: none}

.main .sidebar{width: 255px; text-align: center; flex-shrink: 0}
.main .sidebar dt{height: 55px; line-height: 55px; background-color: #94070a; color: #fff; font-size: 26px;}
.main .sidebar dd{margin-bottom: 1px; background-color: #f8f8f8}
.main .sidebar dd>a{line-height: 55px; display: block; border-left: 2px solid #f8f8f8; font-size: 20px;}
.main .sidebar dd>a:hover, .main .sidebar dd>a.on{border-left-color: #94070a; color: #94070a; font-weight: bold;}
.main .sidebar .sub-menu a{font-size: 16px; height: 40px; line-height: 40px; display: block;}
.main .sidebar .sub-menu, .main .sidebar .third-menu{display: none;}
.main .sidebar .sub-menu a.on, .main .sidebar .third-menu a.on{color: #94070a; font-weight: bold;}

.main .news-list{width: 910px; flex-shrink: 0;}
.main .news-list li{display: flex; align-items: center; justify-content: space-between; height: 55px; border-bottom: 1px dotted #666;}
.main .news-list li a{max-width: 80%}
.main .news-list li time{color: #666; white-space: nowrap;}

.main.article{border-top: 0px solid #cc9999; padding:40px 110px 20px 110px;}
.article h1{font-size: 24px; font-family:"Microsoft YaHei"; text-align: center; margin-bottom: 40px; font-weight: bold; letter-spacing: 0px;}
.article-detail{margin-bottom: 40px; font-size: 14px; height: 70px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.article-detail .btns{display: flex; align-items: center;}
.article-detail .btns a{position: relative; transition: all 300ms; margin-left: 10px;margin-top: 2px;}
.article-detail .btns a:hover{transform: scale(1.1);}
.article-detail .source{margin-left: 15px}
.article-detail .qrcode-btn .qrcode-code{position: absolute; visibility: hidden; opacity: 0; transition: all 300ms; width: 100px; height: 100px; border: 2px solid #fff; border-radius: 5px; overflow: hidden; bottom:-127px; left: -33px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);}
.article-detail .qrcode-btn:hover .qrcode-code{opacity: 1; visibility: visible; bottom:-107px;}
.article-content{line-height:200%;}
.article-content img{padding: 0px;}
.article-content p{word-wrap:break-word;overflow:hidden;}
#vsb_content p{font-family:"Microsoft YaHei"!important;font-size:16px!important;line-height:200%!important;}
#vsb_content p span{font-family:"Microsoft YaHei"!important;font-size:16px!important;line-height:200%!important;}
#vsb_content table{margin:0 auto!important;}
#vsb_content table tr td p{text-indent:0!important;}

.pagination{display: flex; align-items: center; justify-content: center; margin-top: 35px; flex-wrap: wrap;}
.pagination a, .pagination span{padding:5px 10px; font-size: 14px; margin-left: 10px; border-radius: 3px; margin-bottom: 10px;}
.pagination a, .pagination .dot{border: 1px solid #e0e0e0}
.pagination a:hover, .pagination .current{background-color: #94070a; color: #fff !important; border-color: #e0e0e0}

.leader-list{width: 890px;  margin-top: 30px; flex-shrink: 0;}
.leader-list li{display: flex; margin-bottom: 70px; text-align: center;}
.leader-list li .desc{text-align: left;}
.leader-list li b{font-weight: normal; font-size: 26px; text-align: justify; display: block; text-align-last: justify; text-justify: distribute-all-lines; margin-right: 35px; padding-right: 35px; width: 114px; flex-shrink: 0; border-right: 1px dotted #94070a}
.leader-list li p{font-size: 18px;}
.leader-list li p:not(:last-child){margin-bottom: 20px;}

.list_page_box .page_content_hd{font-size: 20px;}

.topic-banner{display: block;}
.topic-banner img{display: block; width: 100%; height: auto;}

.main .m43567{padding: 15px;}
.main .m43567 .td1{height: 45px;padding: 15px;}

@media (max-width: 1299px) {
	.index-topics a{width: 470px;}
	.main .news-list{width: 690px;}
	.leader-list{width: 680px}
	.banner-wrap .left-btns{width: 300px;}
	.banner-wrap .left-btns a{width: 145px; height: 52px;}
	/*下面是为了文章内表格自适应*/
	.article-content table{width: 100% !important; table-layout: fixed;}
	.article-content td, .article-content th{width: unset !important;}
	.article-content table *{word-break: normal; word-wrap: break-word; white-space: normal; text-indent: 0 !important; width: auto !important;}
}
@media (max-width: 1199px) {
	.banner-tabs{flex-wrap: wrap;}
	.banner, .banner img{width:100%; height: auto}
	.banner-tabs2 .banner, .banner-tabs2 .banner img{width:100%; height: auto}
	.index-tabs{margin-left: 0; margin-top: 20px}
}
@media (max-width: 991px) {
	.header{background: url(../images/mtop-bg.png) no-repeat center/cover;}
	.header .logo{width: 300px;}
	.header .form{width: 300px;}
	.header .slogan{height: 80px; width: 176px}
	.index-topics{flex-wrap: wrap;}
	.index-topics .ml30{margin-left: 0; margin-top: 20px}
	.index-topics .ml20{margin-left: 0; margin-top: 20px}
	.index-topics a{width: 100%;}
	.main .news-list{width: 460px;}
	.leader-list{width: 460px}
	.article-content .diaochawenjuan table td{align-items: left;}
	.article-content .diaochawenjuan table td input {margin-top: 14px;margin-right: 10px;}
	.article-content .diaochawenjuan table td { text-align: left; /* 文本水平居左 */}
	.article-content .diaochawenjuan table td span {text-align: left;}
}
@media (max-width: 767px) {
	.mobhide{display: none !important}
	.header{height: auto; flex-wrap: wrap; padding-top: 15px; padding-bottom: 10px;}
	.header .slogan{height: 40px; width: 82px}
	.header .logo{width: 200px;}
	.header .form{width: 100%; margin-top: 15px}
	.header .nav-button{display: flex;}
	.nav{background-color: #94070a;}
	.nav{position: fixed; top: -100vh; left: 0; right: 0; height: 100vh; z-index: 3; overflow-y: auto; overflow-x: hidden; transition: all 100ms; padding:10px 0 0}
	.nav.show{top: 0;}
	.nav.container .flex{display: block;}
	.nav li{border-bottom: 1px dashed #fb9ad0;}
	.nav li .nav-item{font-size: 20px;}
	.nav li .sub-nav{position: relative; left: 0; transform: translate(0); top: -10px; visibility: visible; opacity: 1; padding-top: 1px;}
	.nav li .sub-nav a{height: 30px;line-height: 30px;}
	.nav li .sub-nav .sub-nav-item>a{background: none; text-align: left; padding-left: 20px; color: #eee;}
	.nav li .sub-nav .third-nav{position: relative; left: 0; transform: translate(0); top: 0px; visibility: visible; opacity: 1; padding-top: 1px;}
	.nav li .sub-nav .third-nav .third-nav-item>a{margin-left: 40px; text-align: left; background: none;}
	.nav li .sub-nav{display: block}
	.banner-wrap{margin-top: 25px;}
	.banner-wrap .left-btns{display: flex; flex-wrap: wrap; margin: auto; width: 100%; justify-content: space-between; flex-shrink: 0}
	.banner-wrap .left-btns a{font-size: 16px;}
	.banner-wrap .left-btns a{width: 49%}
	.banner-tabs{margin-top: 10px;}
	.footer .right{display: none}
	.footer .friend-links .links>li{margin-left: 15px}
	.fixed-bar{display: none}
	.breadcrumb, .main.mt30{margin-top: 20px}
	.footer .footer-bottom span img{width: 35px;}
	.footer .footer-bottom .ul {margin:0 8px 0 -18px; font-size: 14px;}
	.footer .footer-bottom p {margin:0 8px 0 -18px; font-size: 14px;}
	.footer .phone{display: block; margin-top: 5px}
	.footer .micp{display: block;}
	.main .news-list{width: 100%;}	
	.main .sidebar{position: fixed; transition: left 300ms; left: -200px; top: 0; bottom: 0; overflow-y: auto; background: #fff; z-index: 2; width: 200px}
	.main .sidebar dd>a{height: 50px; line-height: 50px; font-size: 16px;}
	.main .sidebar .sub-menu a{font-size: 14px;}
	.main .sidebar.show{left: 0}
	.main .sidebar dt{height: 60px; line-height: 60px; font-size: 25px;}
	.open-close-sidebar{display: block; transition: left 300ms; position: fixed; width: 25px; text-align: center; padding: 10px 0; border-radius: 0 10px 10px 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); left: 0; top: 50%; transform: translateY(-50%); z-index: 2; background: #fff; font-size: 14px;}
	.open-close-sidebar.show{left: 200px;}
	.main.article{padding: 20px;}
	.article h1{font-size: 20px; margin-top: 25px;}	
	.article-detail .btns a{margin-left: 5px;}
	.article-detail .btns a img{width: 24px;}
	.article-detail .bdsharebuttonbox img{width: 24px;margin-left: 5px;}
	.article-detail .source{display: block; margin-left: 0px}
	.article-content{font-size: 18px;line-height: 200%;}
	.article-content img{max-width: 96%;height: auto;padding: 10px;}
	/*下面一句是去掉移动端图片的缩进*/
	.article-content p img{display:block;}
	.index-tabs .tab-items a{width: 33%; font-size: 16px}
	.index-tabs .tab-content{height: auto; padding: 10px;}
	.index-tabs .tab-content li{flex-wrap: wrap;}
	.index-tabs .tab-content li .limit-1-line{-webkit-line-clamp:2; line-height: 180%}
	.index-tabs .tab-content time{width: 100%; text-align: right;}
	.main .news-list li{flex-wrap: wrap; height: auto; padding: 10px; margin-bottom: 10px;}
	.main .news-list li .limit-1-line{-webkit-line-clamp:2; font-size: 18px; line-height: 160%; margin-bottom: 10px;}
	.main .news-list li a{max-width: 100%;}
	.main .news-list li time{width: 100%; text-align: left;}
	.leader-list{width: 100%}
	.leader-list li b{font-size: 16px;}
}
@media (max-width: 500px) {
	.index-topics a{height: 130px;}
	.leader-list li{margin-bottom: 20px;}
	.leader-list li b{font-size: 16px; width: 77px; margin-right: 15px; padding-right: 15px;}
	.leader-list li p{font-size: 16px;}
	.leader-list li p:not(:last-child){margin-bottom: 10px;}
}
@media (max-width: 400px) {
	.header .slogan{height: 30px; width: 66px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
 .banner-tabs2 .index-tabs .tab-content a{width: 560px}
}