/*
* @Author: Sun Jijing
* @Date:   2024-01-22 16:47:29
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-01-23 10:49:36
*/

/* 模块样式 */
.marB { margin-bottom: 35px; }
.news_tab_hd { height: 36px; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; position: relative; }
.news_tab_hd li { float: left; margin-right: 20px; }
.news_tab_hd li span { display: inline-block; height: 34px; padding: 0 10px; font-size: 18px; color: #333; cursor: pointer; position: relative; }
.news_tab_hd li.on span { border-bottom: 3px solid #4355ab; color: #4355ab; font-weight: bold; }
.news_tab_hd li.on span::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent transparent #4355ab transparent; position: absolute; left: 50%; bottom: 0; margin-left: -3px; }
.news_tab_hd li a { display: block; font-size: 14px; font-family: '宋体'; color: #ababab; position: absolute; right: 0px; top: 2px; display: none; width: 70px; height: 36px; line-height: 20px; text-align: right; }
.news_tab_hd li.on a { display: block; }
.mk_item { width: 585px; }

/* 横幅 */
.hengfu { margin-top: 30px; margin-bottom: 10px; }
.hengfu_list li img { display: block; width: 100%; height: 130px; object-fit: fill; }

/* 头条 */
.toutiao { margin: 30px 0;background: #f5f7f8; padding:20px 0; }
.toutiao .txxwTit {width:10%;height: 81px;background: url(/uiFramework/commonResource/image/2024042113381962284.png) no-repeat center;}
.toutiao .txxwTit h4{display: block;font-size: 26px;color: #fff;text-align: center;line-height: 81px;}
.toutiao_con { height: 80px; line-height: 80px; text-align: center; width:90%; }
.toutiao_con a { display: block; font-size: 32px; font-weight: bold; color: #32529d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width:98%; }

/* 图片新闻 */
.pic_news { width: 675px; height: 390px; }
.pic_news_con, .pic_news_list, .pic_news_list li, .pic_news_list li img { width: 100%; height: 100%; }
.pic_news_list li img { display: block; object-fit: cover; height: 390px; transform: scale(1); transition: all linear 400ms; }
.pic_news_list li p { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 5; background: rgba(0,0,0,.5); height: 40px; }
.pic_news_list li p span { padding: 0 20px; font-size: 16px; color: #fff; text-shadow: 0 1px 1px #000; line-height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 460px; }
.pic_news_list li:hover img { transform: scale(1.1); }
.pic_news_but { position: absolute; text-align: right; bottom: 15px !important; z-index: 10; left: initial !important; right: 25px !important; }
.pic_news_but li { display: inline-block; width: 36px; height: 6px; background: #000; background: #fff; margin-left: 4px; }
.pic_news_but li.on { background: #3d63c6; }

/* 新闻切换 */
.xwdt_con { width: 500px; }
.news_list li { height: 35px; line-height: 35px; }
.news_list li a { font-size: 16px; color: #282828; position: relative; display: block; width: 75%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; }
.news_list li a::before { content: ''; display: block; width: 4px; height: 4px; background: #999; position: absolute; left: 0; top: 15px; }
.news_list li span { font-size: 16px; color: #858585; float: right; }
.news_list li:hover a, .news_list li:hover span { color: #0067c0; }
.news_list li.first { height: auto;  }
.news_list li.first a { padding-left: 0; width: 100%; white-space: inherit; }
.news_list li.first a::before { display: none; }
.news_list li.first .tit { font-size: 20px; color: #4355ab; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li.first .smy { font-size: 14px; line-height: 24px; color: #838383; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px; overflow: hidden; margin: 15px 0; }

/* 专题专栏 */
.ztzl_box { position: relative; }
.ztzl_list li img { display: block; width: 100%; height: 92px; object-fit: cover; }
.ztzl_but, .sp_but { display: block; width: 36px; height: 36px; border-radius: 50%; background: #0067c0; line-height: 36px; text-align: center; font-family: '宋体'; font-size: 30px; color: #fff; position: absolute; bottom: 30px; z-index: 10; }
.ztzl_but.prev, .sp_but.prev { left: -50px; }
.ztzl_but.next, .sp_but.next { right: -50px; }

/* 政务公开 */
.zfxxgk_con { overflow: hidden; }
.zfxxgk_list { width: 110%; }
.zfxxgk_list li { width: 180px; float: left; margin-right: 20px; border: 1px solid #e2e2e2; border-radius: 6px; margin-bottom: 15px; height: 85px; text-align: center; }
.zfxxgk_list li a { font-size: 18px; }
.zfxxgk_list li img { display: block; height: 30px; margin: 15px auto 10px; transform: rotateY(0deg); transition: all linear 400ms; }
.zwgk_link a { display: inline-block; float: left; width: 180px; background: #edf6ff; border-radius: 6px; margin-right: 20px; height: 70px; line-height: 70px; text-align: center; font-size: 18px; border: 1px solid #e2e2e2; }
.zwgk_link a img { verticle-align: center; margin-right: 10px; }
.zfxxgk_list li:hover img { transform: rotateY(180deg); }
.zfxxgk_list li:hover a, .zwgk_link a:hover { color: #0067c0; }

/* 视频 */
.sp_box { position: relative; }
.sp_con { margin-top: 30px; }
.sp_list li { height: 210px; position: relative; overflow: hidden; }
.sp_list li img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all linear 400ms; }
.sp_list li p { position: absolute; width: 100%; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5); }
.sp_but { bottom: 40px; }
.sp_list li:hover img { transform: scale(1.1); }



/* 互动交流 */
.hdjl_con { overflow: hidden; }
.hdjl_list { width: 110%; }
.hdjl_list li { width: 285px; float: left; background-size: cover; margin-right: 20px; text-align: center; padding: 10px 0; }
.hdjl_list li img { transform: rotateY(0deg); transition: all linear 300ms; }
.hdjl_list li p { font-size: 28px; color: #fff; font-weight: bold; margin-top: 10px; }


@media screen and (max-width: 2560px) {
	.zfxxgk_list, .zwgk_link { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.zfxxgk_list li, .zwgk_link a { margin-right: 0; width: 31%; }
}

@media screen and (max-width: 1200px) {
	/* 模块样式 */
	.mk_item { width: 48%; }
	.news_tab_hd li span { height: 36px; }

	/* 图片新闻 */
	.pic_news { width: 52%; }
	.pic_news_list li p span { width: 60%; }
	.ztzl_list li img { height: 10vw; }

	/* 新闻动态 */
	.xwdt_con { width: 44%; }

	/* 专题专栏 */
	.ztzl_but.prev, .sp_but.prev { left: -18px; }
	.ztzl_but.next, .sp_but.next { right: -18px; }

	/* 视频 */
	.sp_list li { height: 18vw; }
	.sp_but { bottom: calc(9vw - 18px); }

	/* 互动交流 */
	.hdjl_list { width: 100%; display: flex; justify-content: space-between; }
	.hdjl_list li { width: 23%; margin-right: 0; }
	.hdjl_list li img { height: 30px; }
	.hdjl_list li p { font-size: 18px; }
}

@media screen and (max-width: 1024px) {
	/* 模块样式 */
	.mk_item { width: 100%; float: none; }
	.mk_item.fl { margin-bottom: 20px; }

	/* 头条 */
	.toutiao_con a { font-size: 20px; }

	/* 图片新闻 */
	.pic_news { width: 100%; float: none; margin-bottom: 20px; height: auto; }
	.pic_news_list li img { height: 50vw; }
	.pic_news_but li { width: 15px; }

	/* 新闻动态 */
	.xwdt_con { width: 100%; float: none; }
	.news_list li.first .smy { max-height: 72px; }
}

@media screen and (max-width: 768px) {
	/* 横幅 */
	.hengfu_list li img { height: 12vw; }
.hengfu {    margin-top: 0;}

	/* 头条 */
.toutiao .txxwTit{width:100%;height:auto;background:none;}
.toutiao .txxwTit h4{line-height:inherit;font-size:20px;color:#333;}
.toutiao_con{width:100%;}
	.toutiao_con { height: auto; line-height: 2em; padding: 10px 15px; }
	.toutiao_con a { font-size: 16px; white-space: inherit; }

	/* 图片新闻 */
	.pic_news_list li img { height: 60vw; }
	.pic_news_list li p span { width: 100%; }
	.pic_news_but { bottom: 55px !important; }
	.pic_news_but li { background: #eee; }

	/* 新闻动态 */
	.news_tab_hd li span { padding: 0; }
	.news_list li.first .tit { font-size: 18px; }
	.news_list li.first .smy { margin: 10px 0; }
	.news_list li a { font-size: 14px; width: 72%; }
	.news_list li span { font-size: 14px; }

	/* 政务公开 */
	#zwgk .news_tab_hd { height: auto; overflow: hidden; padding-left: 0; }
	#zwgk .news_tab_hd>span { position: static; display: block; background: #4355ab; color: #fff; height: 36px; line-height: 36px; text-align: center; font-size: 18px; margin-bottom: 10px; }
	#zwgk .news_tab_hd li a { top: 48px; }

	/* 互动交流 */
	.hdjl_list { flex-wrap: wrap; }
	.hdjl_list li { width: 48%; margin-bottom: 10px; }
.hdjl_list li img{height: auto;
        width: 100%;}
/* 政务公开 */
	.sp_list li { height: 30vw; }
	.zfxxgk_list li, .zwgk_link a { width: 48%; margin-bottom: 15px; }
.zfxxgk_list li a,
.zwgk_link a{ font-size: 16px; }

}