﻿/*
* @Author: Sun Jijing
* @Date:   2024-06-14 10:13:22
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-06-14 17:09:53
*/

.swiper-slide .eps-portlet-header { position: relative; }
.swiper-slide .eps-shadow.eps-dn { left: 0 !important; top: 20px !important; }

/* 模块样式 */
.mk_tit { text-align: center; margin-bottom: 45px; height: 64px; border-bottom: 1px solid #f7f7fb; }
.mk_tit span { font-size: 30px; font-weight: bold; color: #333; display: inline-block; line-height: 64px; position: relative; }
.mk_tit span::after { content: ''; display: block; width: 55px; height: 3px; background: #033e80; position: absolute; bottom: -1px; left: 50%; margin-left: -27px; }
.mk_tit .more { float: right; font-size: 26px; color: #333; display: block; line-height: 64px; text-shadow: 1px 1px 0 #ccc; }

/* banner */
.banner { position: relative; }
.ban_list li img { display: block; width: 100%; }
.ban_but { position: absolute; z-index: 10; bottom: 24px; width: 100%; left: 0; width: 100%; text-align: center; }
.ban_but li { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #fff; opacity: 0.6; margin: 0 5px; }
.ban_but li.on { opacity: 1; }

/* 通知公告-顶部 */
.tzgg_top { height: 70px; background: #eff0f3; position: relative; overflow: hidden; }
.tzgg_top::before { content: ''; display: block; width: 40%; height: 70px; background: #1d518e; position: absolute; left: 0; bottom: 0; z-index: 0; }
.tzgg_top_box { height: 70px; background: #eff0f3; position: relative; z-index: 2; padding-left: 130px; }
.tzgg_top_box .tit { position: absolute; left: 0; top: 0; width: 130px; }
.tzgg_top_box .tit span { display: block; height: 50px; float: left; width: 36px; font-size: 18px; background: #1d518e; color: #fff; font-family: "思源宋体"; padding: 10px 15px; }
.tzgg_top_box .tit img { display: inline-block; margin-left: 20px; margin-right: 20px; margin-top: 24px; }
.tzgg_top_list li { line-height: 70px; }
.tzgg_top_list li a { font-size: 16px; color: #666; margin-right: 35px; display: inline-block; max-width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.tzgg_top_list li span { font-size: 16px; color: #666; }
.tzgg_top_list li:hover a, .tzgg_top_list li:hover span { color: #1d518e; }

/* 新闻动态 */
.xwdt { padding-top: 40px; padding-bottom: 60px; }
.xwdt_hd { position: relative; border-bottom: 1px solid #f7f7fb; margin-bottom: 45px; height: 64px; text-align: center; }
.xwdt_hd li { display: inline-block; margin: 0 20px; }
.xwdt_hd li span { display: inline-block; font-size: 30px; height: 64px; line-height: 64px; color: #333; font-weight: bold; position: relative; cursor: pointer; }
.xwdt_hd li span a { display: inline-block; font-size: 30px; color: #333; font-weight: bold; }
.xwdt_hd span::after { content: ''; display: block; width: 55px; height: 3px; background: #033e80; position: absolute; bottom: -1px; left: 50%; margin-left: -27px; display: none; }
.xwdt_hd li > a { display: block; font-size: 26px; color: #333; position: absolute; right: 0; top: 0; line-height: 46px; display: none; }
.xwdt_hd li.on > a { display: block; }
.xwdt_hd li.on span::after { display: block; }
.xwdt_con { overflow: hidden; }
.xwdt_list li a { display: block; border: 1px solid #f9f9f9; height: 346px; }
.xwdt_list li .img { height: 200px; overflow: hidden; transition: all linear 300ms; background: url(../image/2023081717295733447.png) no-repeat center/cover; }
.xwdt_list li .img img { width: 100%; height: 100%; object-fit: cover; transition: all linear 300ms; }
.xwdt_list li .txt { padding: 15px; }
.xwdt_list li .date { font-size: 14px; color: #8e8f94; line-height: 2.4em; }
.xwdt_list li .tit { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xwdt_list li .smy { font-size: 16px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; }
.xwdt_list li:hover .img { height: 260px; }
.xwdt_list li:hover .txt { overflow: hidden; padding: 0; height: 85px; background: #eef0f2; }
.xwdt_list li:hover .date { width: 85px; height: 100%; text-align: center; background: #033e80; font-size: 14px; color: #fff; float: left; margin-right: 15px; }
.xwdt_list li:hover .date span { display: block; font-size: 30px; font-weight: bold; color: #fff; margin-top: 10px; }
.xwdt_list li:hover .tit { margin-top: 10px; padding-right: 15px; }
.xwdt_list li:hover .smy { height: 24px; -webkit-line-clamp: 1; padding-right: 15px; }
.xwdt_page { text-align: right; margin-top: 10px; }
.xwdt_page a { display: inline-block; width: 32px; height: 32px; background: #bfc6ce; color: #fff; font-size: 20px; line-height: 32px; text-align: center; font-family: "宋体"; margin-left: 10px; }
.xwdt_page a:hover { background: #033e80; }

/* 通知公告 */
.tzgg { padding-top: 50px; padding-bottom: 35px; background: url(../image/tzgg_bg.jpg) no-repeat center bottom; background-size: cover; }
.tzgg .mk_tit { border-color: #e5e5e5; }
.tzgg .mk_tit .more { color: #fff; }
.tzgg_first { background: #fff; margin-bottom: 20px; }
.tzgg_first .txt { width: 640px; padding: 30px 40px; }
.tzgg_first .tit a { display: block; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; }
.tzgg_first .smy { font-size: 16px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; margin-bottom: 15px; }
.tzgg_first .date { font-size: 16px; color: #666; }
.tzgg_first .more { display: block; border-radius: 40px; width: 120px; height: 40px; line-height: 40px; color: #fff; background: #033e80; text-align: center; font-size: 16px; margin-top: 25px; }
.tzgg_first .img { width: 480px; height: 270px; overflow: hidden; background: url(../image/2023081717295733447.png) no-repeat center/cover; }
.tzgg_first .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tzgg_slide_list li { background: #fff; border-top: 5px solid #033e80; }
.tzgg_slide_list li a { display: block; padding: 20px 25px; }
.tzgg_slide_list li .tit { font-size: 18px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.tzgg_slide_list li .smy { font-size: 16px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; margin-bottom: 15px; }
.tzgg_slide_list li .date { font-size: 16px; color: #666; }
.tzgg_but { margin-top: 36px; text-align: center; }
.tzgg_but li { display: inline-block; width: 45px; height: 5px; border-radius: 5px; background: #fff; margin: 0 3px; }
.tzgg_but li.on { background: #033e80; }
.tzgg_slide_list li:hover .tit { color: #033e80; }
.tzgg_slide_list li:hover .smy, .tzgg_slide_list li:hover .date { color: #000; }

/* 学习园地 */
.xxyd { padding-top: 55px; padding-bottom: 55px; }
.xxyd_con { overflow: hidden; }
.xxyd_list { width: 105%; }
.xxyd_list li { width: 295px; float: left; margin-right: 6px; }
.xxyd_list li .img { height: 195px; overflow: hidden; }
.xxyd_list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xxyd_list li .txt { padding: 20px; background: #eff0f3; }
.xxyd_list li .date { font-size: 14px; color: #0e4786; margin-bottom: 5px; }
.xxyd_list li .tit { font-size: 16px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.xxyd_list li .smy { font-size: 14px; color: #666; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden; }

/* 数字平台 */
.szpt { padding-top: 60px; padding-bottom: 70px; background: url(../image/szpt_bg.jpg) no-repeat center bottom; background-size: cover; }
/* .szpt_con { overflow: hidden; }
.szpt_list { position: relative; }
.szpt_list li { float: left; box-shadow: 0 0 8px #ccc; background: #fff; margin-right: 2px; width: 210px; transition: all linear 400ms; overflow: hidden; height: 220px; }
.szpt_list li .tit { width: 210px; height: 195px; float: left; background: #fff url(bg.png) no-repeat left bottom; text-align: center; padding-top: 25px; position: relative; }
.szpt_list li .tit::after { content: ''; display: none; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #1d518e; border-width: 10px; position: absolute; right: -18px; top: 50%; margin-top: -10px; }
.szpt_list li .icon { width: 114px; height: 91px; border-radius: 50%; background: rgba(113,176,249,.1); margin: 0 auto 15px; padding-top: 23px; transform: rotateY(0deg); transition: all linear 400ms; }
.szpt_list li .icon span { display: block; width: 68px; height: 68px; border-radius: 50%; background: rgba(113,176,249,.1); margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; }
.szpt_list li .icon span img { display: block; }
.szpt_list li .icon span img.hov { display: none; }
.szpt_list li .tit p { font-size: 20px; color: #1d518e; }
.szpt_list li .con { width: 0; float: left; overflow: hidden; transition: all linear 400ms; }
.szpt_list li.last { position: absolute; right: 0; margin-right: 0; }
.szpt_list li.on { width: 564px; }
.szpt_list li.on .tit { background-color: #1d518e; }
.szpt_list li.on .tit::after { display: block; }
.szpt_list li:hover .icon { transform: rotateY(360deg); }
.szpt_list li.on .icon img.nor { display: none; }
.szpt_list li.on .icon img.hov { display: block; }
.szpt_list li.on .tit p { color: #fff; }
.szpt_list li.on .con { display: block; width: 350px; height: 100%; display: flex; align-items: center; }
.szpt_link { margin: 45px 16px; overflow: hidden; }
.szpt_link_list { width: 316px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.szpt_link_list a { display: block; float: left; width: 48.5%; margin: 1% 0; height: 54px; float: left; border: 1px solid #dde7f4; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1.5em; color: #1d518e; text-align: center; padding: 0 12px; box-sizing: border-box; }
.szpt_link_list a:hover { border-color: #1d518e; } */

/* 媒体矩阵 */
.mtjz_list li { text-align: center; }
.mtjz_list li .img { width: 150px; height: 150px; padding: 10px; border-radius: 20px; background: #fff; margin: 0 auto; overflow: hidden; margin-bottom: 20px; }
.mtjz_list li .img img { display: block; width: 100%; height: 100%; }
.mtjz_list li .txt p { font-size: 16px; line-height: 2em; color: #000; }
.mtjz_but { margin-top: 30px; text-align: center; }
.mtjz_but li { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 10px; }
.mtjz_but li.on { background: #013e7f; }


/* 服务矩阵 */
.szpt_con { overflow: hidden; }
.szpt_list { width: 105%; }
.szpt_list li { width: 282px; float: left; background: #e3eefa; margin-right: 24px; border-radius: 10px 10px 0 0; overflow: hidden; }
.szpt_list li .tit { height: 60px; line-height: 60px; background: #013e7f; }
.szpt_list li .icon { float: left; margin-left: 20px; margin-right: 20px; }
.szpt_list li .icon .nor { display: none; }
.szpt_list li .icon img { height: 40px; margin-top: 10px; }
.szpt_list li .tit p { font-size: 20px; color: #fff; font-weight: bold; }
.szpt_list li .con { height: 200px; padding: 20px; }
.szpt_link_list a { display: block; font-size: 16px; line-height: 2.4em; }
.szpt_link_list a:hover { color: #1d518e; }

/* 适配代码 */
@media screen and (max-width:1200px) {
	.mk_tit { margin-bottom: 30px; }

	.tzgg_top_box .tit span { width: 66px; height: 70px; }

	.xwdt { padding-top: 40px; }

	.tzgg { padding-top: 40px; }
	.tzgg_first { display: flex; justify-content: space-between; }
	.tzgg_first .txt { width: 50%; }
	.tzgg_first .img { width: 50%; }
	.tzgg_slide_list li a { padding: 10px 20px; }

	.xxyd { padding-top: 40px; padding-bottom: 40px; }
	.xxyd_list { width: 100%; display: flex; justify-content: space-between; }
	.xxyd_list li { width: 23%; margin-right: 0; }
	.xxyd_list li .img { height: 14vw; }
	.xxyd_list li .txt { padding: 10px; }

	/* .szpt { padding-top: 40px; padding-bottom: 40px; }
	.szpt_list li { width: 20%; }
	.szpt_list li .tit { width: 100%; height: 220px; }
	.szpt_list li.on { width: 40%; }
	.szpt_list li.on .tit { width: 50%; }
	.szpt_list li.on .con { width: 50%; overflow-y: auto; }
	.szpt_list li .icon { height: 114px; }
	.szpt_link { margin: 10px; }
	.szpt_link_list { width: 100%; }
	.szpt_link_list a { width: 100%; padding: 5px; font-size: 14px; height: auto; } */

	.szpt_list { width: 100%; display: flex; justify-content: space-between; }
	.szpt_list li { width: 23.5%; margin-right: 0; }
	.szpt_list li .con { height: auto; }
}
@media screen and (max-width:1024px) {
	.tzgg_top { height: 50px; }
	.tzgg_top_box { height: 50px; padding-left:100px; }
	.tzgg_top_box .tit { width: 100px; }
	.tzgg_top_box .tit span { width: 50px; height: 50px; font-size:14px; padding: 5px; text-align: center; }
	.tzgg_top_box .tit img { margin-left: 12px; margin-right: 0; margin-top: 12px; }
	.tzgg_top_list li { line-height: 50px; }
	.tzgg_top_list li a { font-size:14px; max-width: 70%; margin-right: 0; }
	.tzgg_top_list li span { font-size: 14px; }

	.xwdt_list li .img, .xwdt_list li:hover .img { height: 26vw; }
	.xwdt_list li:hover .img { height: 20vw; }
	.xwdt_list li a { height: auto; }
	.xwdt_list li .txt { padding: 10px 15px; }
	.xwdt_list li .tit { font-size: 16px; }

	.xxyd_list { flex-wrap: wrap; }
	.xxyd_list li { width: 48%; margin-bottom:15px; }
	.xxyd_list li .img { height: 25vw; }

	/* .szpt_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.szpt_list li, .szpt_list li.on { width: 49%; margin-bottom: 1%; margin-right: 0; }
	.szpt_list li.last { position: static; }
	.szpt_list li .tit { background: #1d518e; }
	.szpt_list li .tit, .szpt_list li .con { width: 50%; }
	.szpt_list li .con { display: flex; align-items: center; height: 100%; }
	.szpt_list li .icon img.nor { display: none; }
	.szpt_list li .icon img.hov, .szpt_list li .tit::after { display: block !important; }
	.szpt_list li .tit p { color: #fff !important; } */

	.szpt_list { flex-wrap: wrap; }
	.szpt_list li { width: 48%; margin-bottom: 20px; }
}
@media screen and (max-width:768px) {
	.mk_tit { height: 40px; margin-bottom: 25px; }
	.mk_tit span { font-size: 24px; line-height: 40px; }
	.mk_tit .more { line-height: 40px; }

	.tzgg_top_list li a { max-width: 100%; }
	.tzgg_top_list li span { display: none; }

	.xwdt { padding-top: 30px; padding-bottom: 30px; }

	.tzgg { padding-top: 30px; padding-bottom: 30px; }
	.tzgg_first { flex-direction: column-reverse; }
	.tzgg_first .txt { width: 100%; padding: 15px; float: none; }
	.tzgg_first .tit a { font-size: 18px; margin-bottom: 10px; }
	.tzgg_first .smy { margin-bottom: 10px; }
	.tzgg_first .more { margin-top: 10px; height: 30px; line-height: 30px; }
	.tzgg_first .img { width: 100%; float: none; height: auto; }
	.tzgg_but { display: none; }

	.xxyd { padding-top: 30px; padding-bottom: 20px; }

	.szpt { padding-top: 30px; padding-bottom: 30px; }
	/* .szpt_list li, .szpt_list li.on { width: 100%; } */


	.xwdt_hd { height: 40px; margin-bottom: 25px; }
	.xwdt_hd li span { font-size: 24px; height: 40px; line-height: 40px; }
	.xwdt_hd li a { line-height: 40px; }
}
@media screen and (max-width:460px) {
	.xxyd_list li { width: 100%; }
	.xxyd_list li .img { height: 45vw; }

	/* .szpt_list li .tit, .szpt_list li.on .tit { width: 40%; }
	.szpt_list li .con, .szpt_list li.on .con { width: 60%; }
	.szpt_list li .tit { height: 100%; padding-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.szpt_list li .icon { width: 96px; height: 96px; padding-top: 20px; }
	.szpt_list li .icon span { width: 56px; height: 56px; }
	.szpt_list li .icon span img { width: 74%; } */

	.xwdt_hd { text-align: left; }
	.xwdt_hd li { margin: 0; margin-right: 5px; }
	.xwdt_hd li span { font-size: 20px; }
	.xwdt_list li .img, .xwdt_list li:hover .img { height: 50vw; }

	.szpt_list li { width: 100%; }
}