.layout {
	overflow:hidden;
	position:relative;
}
.wrap {
	width:67.70833333333334rem;
	margin:0 auto;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:12;
	padding:1.0416666666666667rem 0;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:auto;
	margin:0 5.208333333333334rem;
}
.header {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.header.active {
	padding:0.5208333333333334rem 0;
	background:rgba(0,86,183,0.9);
	backdrop-filter:blur(0.5208333333333334rem);
}
.header .ls {
	display:flex;
	align-items:center;
}
.header .logo img{
	height:3.072916666666667rem;
	display:block;
	object-fit:contain;
}
.header h6 {
	font-size:1.7708333333333335rem;
	line-height:1.1;
	color:#fff;
	font-weight:bold;
	margin-left:1.0416666666666667rem;
}
.header .flex {
	display:flex;
	justify-content:flex-end;
}
.header .seach {
	width:11.5625rem;
	height:1.7708333333333335rem;
	background:rgba(255,255,255,0.1);
	border:1px solid #afc9ec;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-radius:1.5625rem;
	margin-bottom:0.625rem;
}
.header .seach .t1 {
	width:calc(100% - 2.0833333333333335rem);
	height:100%;
	border:none;
	background:none;
	font-size:0.7291666666666667rem;
	color:#fff;
	padding-left:0.9375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header .seach .btn {
	width:1.7708333333333335rem;
	border:none;
	background:url(../images/we1.png) no-repeat left center/0.8854166666666667rem auto;
	height:100%;
	cursor:pointer;
}
.header .naver li h3 a {
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	display:block;
	padding:0 0.7333333333333334rem;
}
.header .naver ul {
	display:flex;
	align-items:center;
}
.header .naver li {
	position:relative;
}
.header .naver li .nli {
	position:absolute;
	left:0;
	right:0;
	display:none;
	top:100%;
	z-index:1;
	background:#fff;
	overflow:hidden;
}
.header .naver li dd a {
	font-size:0.8333333333333334rem;
	text-align:center;
	line-height:2.0833333333333335rem;
	color:#333;
	display:block;
	border-bottom:0.052083333333333336rem solid #eee;
}
.header .naver li dd:last-child a {
	border:none;
}
.header .naver li dd a:hover {
	background:#0056b7;
	color:#fff;
}
.hbanner {
	height:39.0625rem;
	overflow:hidden;
	position:relative;
}
.hbanner img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hbanner .spot {
	position:absolute;
	bottom:1.0416666666666667rem;
	left:0;
	right:0;
	z-index:1;
	text-align:center;
}
.hbanner .spot span {
	text-align:center;
	margin:0 0.5208333333333334rem !important;
	width:0.3125rem;
	height:0.3125rem;
	opacity:1;
	background:rgba(255,255,255,0.5);
	border-radius:50%;
	border:1px solid rgba(255,255,255,0);
}
.hbanner .spot .swiper-pagination-bullet-active {
	background:none;
	width:0.4166666666666667rem;
	height:0.4166666666666667rem;
	border:1px solid rgba(255,255,255,0.5);
}
.footer .tops {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:2.604166666666667rem 0;
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
}
.footer .tops .ls {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.footer .tops .logo img {
	height:3.072916666666667rem;
	display:block;
	object-fit:contain;
}
.footer .tops h6 {
	font-weight:400;
	font-size:1.6145833333333335rem;
	color:#FFFFFF;
	line-height:1;
	font-weight:bold;
	margin-left:0.8333333333333334rem;
}
.footer .tops .rs {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer .tops .lsele {
	width:12.604166666666668rem;
	height:2.1875rem;
	border-radius:0.2604166666666667rem;
	border:1px solid rgba(255,255,255,0.4);
	margin-left:0.78125rem;
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	background-size:0.5729166666666667rem auto;
	box-sizing:border-box;
	background:url(../images/we25.png) no-repeat right 0.5208333333333334rem center rgba(255,255,255,0.1);
	padding:0 1.25rem 0 0.625rem;
}
.footer .tops .lsele option {
	color:#000;
}
.footer .tobs {
	display:flex;
	justify-content:space-between;
	margin-top:1.5625rem;
}
.footer .tobs dt {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.875rem;
}
.footer .tobs dd {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
	opacity:0.7;
}
.footer ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer li {
	margin-left:0.78125rem;
	text-align:center;
}
.footer li .wx {
	width:5.625rem;
	height:5.625rem;
	background:#FFFFFF;
	border-radius:0.2604166666666667rem;
	padding:0.10416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer li .wx img {
	width:100%;
	display:block;
	height:100%;
}
.footer li h6 {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.0416666666666667rem;
	opacity:0.7;
	margin-top:0.2604166666666667rem;
}
.footer {
	padding-bottom:2.604166666666667rem;
}
.copyright {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.0416666666666667rem;
	opacity:0.7;
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.1);
	padding-top:0.7291666666666667rem;
	margin-top:1.0416666666666667rem;
}
.hpage1 {
	padding:2.291666666666667rem 0 3.4375rem;
}
.hpage1 .wrap {
	display:flex;
	justify-content:space-between;
}
.hpage1 .lts {
	width:calc(100% - 22.65625rem);
}
.hnotice {
	width:20.833333333333336rem;
}
.uwtit {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uwtit .ico {
	position:absolute;
	right:-1.0416666666666667rem;
	top:-1.0416666666666667rem;
	z-index:1;
}
.uwtit h5 {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#0056B7;
	line-height:1.25rem;
	letter-spacing:0.10416666666666667rem;
}
.uwtit h2 {
	font-weight:400;
	font-size:1.4583333333333335rem;
	color:#363636;
	line-height:1.1;
	font-weight:bold;
}
.uwtit h2 i {
	position:relative;
	display:inline-block;
}
.uwtit h2 span {
	color:#0056B7;
}
.uwtit .more {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.25rem;
	opacity:0.87;
}
.hnews .bds {
	margin-top:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
	border-radius:0.5125rem;overflow: hidden;
}
.hnews .bds .ls {
	width:26.822916666666668rem;
}
.hnews .bds .rs {
	width:calc(100% - 26.822916666666668rem);
}
.hnews .bds .ls .pic {
	height:18.75rem;
	overflow:hidden;
}
.hnews .bds .ls .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hnews .bds .txt {
	background:#ddecff;
	padding:1.0416666666666667rem;
}
.hnews .bds .txt h3 {
	font-weight:400;
	font-size:0.8854166666666667rem;
	color:#000000;
	line-height:1.5;
	height:3em;
}
.hnews .bds .txt h6 {
	font-weight:400;
	font-size:0.78125rem;
	margin-top:0.2604166666666667rem;
	color:#0056B7;
	padding-left:1.0416666666666667rem;
	line-height:1.5625rem;
	background:url(../images/we4.png) no-repeat left center/0.6770833333333334rem auto;
}
.hnews .bds ul {
	background:#fff;
}
.hnews .bds li {
	padding:0 1.1458333333333335rem;
}
.hnews .bds li a {
	display:block;
	padding:1.35rem 0;
	border-bottom:0.052083333333333336rem solid rgba(0,0,0,0.05);
}
.hnews .bds li.on {
	background:url(../images/we28.png) no-repeat right -1.0416666666666667rem bottom -2.0833333333333335rem #0056B7;
	background-size:8.333333333333334rem auto;
}
.hnews .bds li h3 {
	font-weight:400;
	font-size:0.8854166666666667rem;
	color:#363636;
	line-height:1.40625rem;
	height:2.81rem;
}
.hnews .bds li h6 {
	font-weight:400;
	font-size:0.78125rem;
	display:none;
	color:#fff;
	line-height:1.5625rem;
	padding-left:1.0416666666666667rem;
	margin-top:1.5625rem;
	background:url(../images/we7-1.png) no-repeat left center/0.6770833333333334rem auto;
	opacity:0.45;
}
.hnews .bds li.on h6 {
	display:block;
}
.hnews .bds li.on h3 {
	color:#fff;
}
.hcollege {
	margin-top:3.0458333333333335rem;
}
.hcollege .bds {
	margin-top:1.4583333333333335rem;
	display:flex;
	justify-content:space-between;
	border-radius:0.5125rem;
	overflow: hidden;
	background:#fff;
}
.hcollege .bds .pic {
	width:14.322916666666668rem;
	height:10.729166666666668rem;
	overflow:hidden;
}
.hcollege .bds .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hcollege .bds ul {
	width:calc(100% - 14.322916666666668rem);
}
.hcollege .bds li {
	padding:0 1.68888888888rem;}
.hcollege .bds li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:2.62229rem;
	line-height:2.6322222229rem;
	border-bottom:0.052083333333333336rem solid rgba(0,0,0,0.05);
}
.hcollege .bds li:last-child a {
	margin-bottom:0;
}
.hcollege .bds h3 {
	font-weight:400;
	font-size:0.8854166666666667rem;
	color:#000000;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:calc(100% - 3.125rem);
}
.hcollege .bds h6 {
	font-weight:400;
	font-size:0.78125rem;
	color:#c3c3c3;
	opacity:0.7;
}
.hcollege .bds li:hover {background: #0056b7;}
.hcollege .bds li a:hover h3,.hcollege .bds li a:hover h6 {color: #fff;}
.hnotice .bds {
	margin-top:1.25rem;
	border-radius:0.5125rem;overflow: hidden;
}
.hnotice .bds li {
	margin-bottom:0.15625rem;
	background:#fff;
	padding:1.1458333333333335rem 0;
}
.hnotice .bds li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hnotice .bds li h6 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#363636;
	line-height:1.2;
	padding-left:1.1458333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	opacity:0.4;
	position:relative;
	width:5.3125rem;
}
.hnotice .bds li h6:before {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:2.604166666666667rem;
	background:#000000;
	opacity:0.1;
	margin-top:-1.3020833333333335rem;
}
.hnotice .bds li h6 span {
	font-size:1.1458333333333335rem;
	font-weight:bold;
}
.hnotice .bds li h3 {
	font-weight:400;
	font-size:0.8854166666666667rem;
	color:#363636;
	width:calc(100% - 6.25rem);
	padding-right:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	line-height:1.7;
	height:3rem;
}
.hpage2 {
	padding:2.125rem 0;
}
.hpage2 .wrap {
	display:flex;
	justify-content:space-between;
}
.hpage2 .ls {
	width:44.354166666666668rem;
}
.hpage2 .cens {
	width:21.354166666666668rem;
}
.hpage2 .ls ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:1.0416666666666667rem;
}
.hpage2 .ls li {
	margin-bottom:0.5208333333333334rem;
	width:calc((100% - 1.5208333333333334rem)/4);
	border-radius:0.5125rem;
	overflow:hidden;
}
.hpage2 .ls li .pic {
	height:7.083333333333334rem;
	overflow:hidden;
}
.hpage2 .ls li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage2 .ls li h3 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
	line-height:1.1458333333333335rem;
	height:1.1458333333333335rem;
	overflow:hidden;
}
.hpage2 .ls li .ts {
	padding:0.7291666666666667rem 0.625rem;
	background:rgba(255,255,255,0.1);
}
.hpage2 .mt10 {margin-top:1.2333333333333334rem;}
.hpage2 .uwtit h5 {
	color:#FFFFFF;
	opacity:0.5;
}
.hpage2 .uwtit h2 {
	color:#FFFFFF;
}
.hpage2 .uwtit .more {
	color:#FFFFFF;
	opacity:0.7;
}
.hpage2 .cens .tps {
	background:rgba(255,255,255,0.1);
	border-radius:0.5604166666666667rem;
	padding:0.9375rem;
	margin-top:1.0416666666666667rem;
}
.hpage2 .cens .tps h3 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
	line-height:1.25rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hpage2 .cens .tps p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.1458333333333335rem;
	opacity:0.5;
	height:2.291666666666667rem;
	overflow:hidden;
	margin:0.625rem 0;
}
.hpage2 .cens .tps h6 {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.1458333333333335rem;
	opacity:0.7;
	padding-left:1.0416666666666667rem;
	background:url(../images/we7-1.png) no-repeat left center/0.6770833333333334rem auto;
}
.hpage2 .cens dl {
	background:rgba(255,255,255,0.1);
	border-radius:0.5604166666666667rem;
	margin-top:0.3125rem;
	padding:0 1.0416666666666667rem;
}
.hpage2 .cens dd a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.7291666666666667rem 0;
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
}
.hpage2 .cens dd:last-child a {
	border-bottom:none;
}
.hpage2 .cens dd h3 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
	line-height:1.6;
	width:calc(100% - 2.7083333333333335rem);
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hpage2 .cens dd p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.6;
	opacity:0.7;
}
.hpage3 {
	padding:3.125rem 0 4.166666666666667rem;
}
.hpage3 .hds {
	display:flex;
	justify-content:space-between;
}
.hpage3 .hds .ls {
	width:calc(100% - 34.895833333333336rem);
}
.hpage3 .hds .rs {
	width:33.07291666666667rem;
}
.hpage3 .hds ul {
	margin-top:1.0416666666666667rem;
}
.hpage3 .hds li {
	background:#FFFFFF;
	box-shadow:0rem 0rem 0.4166666666666667rem 0rem rgba(86,106,126,0.12);
	border-radius:0.6166666666666667rem;
	padding:0.78125rem 0.8854166666666667rem;
	margin-bottom:0.6291666666666667rem;
}
.hpage3 .hds li h3 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#232323;
	line-height:1.25rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hpage3 .hds li p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#999999;
	line-height:1.1458333333333335rem;
	margin:0.3125rem 0 0.5208333333333334rem;
}
.hpage3 .hds li h6 {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#0056B7;
	padding-left:1.0416666666666667rem;
	line-height:1.1458333333333335rem;
	background:url(../images/we7.png) no-repeat left center/0.6770833333333334rem auto;
}
.hpage3 .bds {
	display:flex;
	justify-content:space-between;
}
.hpage3 .bds .pic {
	width:40.625rem;
	overflow:hidden;
}
.hpage3 .bds .pic img {
	width:100%;
	display:block;
	object-fit:cover;
}
.hpage3 .bds ul {
	width:calc(100% - 41.145833333333336rem);
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.hpage3 .bds li {
	margin-left:0.3125rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row-reverse;
}
.hpage3 .bds .wx {
	width:7.291666666666667rem;
	height:7.291666666666667rem;
	background:#FFFFFF;
	border-radius:0.2604166666666667rem;
	padding:0.15625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage3 .bds .wx img {
	width:100%;
	height:100%;
	display:block;
}
.hpage3 .bds p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#4A3333;
	line-height:1.6;
	opacity:0.7;
	text-align:center;
	margin-right:0.625rem;
}
.hpage3 .bds {
	margin-top:2.604166666666667rem;
}
.hpage3 .hds dl {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:1.0416666666666667rem;
}
.hpage3 .hds dd {
	margin-bottom:0.8208333333333334rem;
	width:calc((100% - 0.9208333333333334rem)/2);
	border-radius:0.3125rem;
	height:10.783333333333334rem;
	overflow:hidden;position: relative;
    transition: transform 0.3s ease;
}
.hpage3 .hds dd:hover {
	background:#F0F5FB;
}
.hpage3 .hds dd .pic {
	height:10.783333333333334rem;
	overflow:hidden;
}
.hpage3 .hds dd .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;transition: transform 0.3s ease; 
}
.hpage3 .hds dd a:hover img {
    transform: scale(1.1); 
}
.hpage3 .hds dd .author {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0056b7;
    color: #ffffff;
    font-size: 0.8333333333333334rem;
    padding: 4px 10px;
    z-index: 2;
}
.hpage3 .hds dd h3 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	line-height:1.1458333333333335rem;
	height:2.291666666666667rem;
	color:#fff;
	padding:0.7291666666666667rem 0.625rem;
}
.hpage3 .hds dd .ts {
	overflow:hidden;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
    z-index: 2;
}

.hpage3 .hds li:hover h6 {
	color:#fff;
	background:url(../images/we7-1.png) no-repeat left center/0.6770833333333334rem auto;
	opacity:0.5;
}
.hnotice .bds li:hover,.hpage3 .hds li:hover {
	background:#0056B7;
}
.hnotice .bds li:hover h6 {
	color:#F7F8F9;
	opacity:0.4;
}
.hnotice .bds li:hover h6:before {
	background:#F7F8F9;
	opacity:0.3;
}
.hnotice .bds li:hover h3,.hpage3 .hds li:hover h3 {
	color:#fff;
}
.hpage3 .hds li:hover p {
	color:#fff;
	opacity:0.8;
}
.hnews .bds .ls:hover .txt h3,.hcollege .bds li:hover h3,.uwtit .more:hover {
	color:#0056B7;
}
.hnews .bds .ls .pic img,.hcollege .bds .pic img,.hpage2 .ls li .pic img,.hpage3 .bds .pic img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hnews .bds .ls:hover .pic img,.hcollege .bds .pic:hover img,.hpage2 .ls li:hover .pic img,.hpage3 .bds .pic:hover img {
	transform:scale(1.06);
	-ms-transform:scale(1.06);
	/* IE 9*/
	-moz-transform:scale(1.06);
	/* Firefox*/
	-webkit-transform:scale(1.06);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.06);
}
.hpage2 .uwtit .more:hover {
	opacity:1;
	color:#fff;
}


.swipnew{
	overflow: hidden;position: relative;
}
.swipnew .spot{
	position: absolute;
	left: auto;right: 10px;width: 100%;
	bottom: 10px;z-index: 1;text-align: right;
}
.swipnew .spot .swiper-pagination-bullet-active{
	background: #0056B7;
}
.hpage3 .hds dd .jps{
	display:flex;
	justify-content:left;
	align-items:center;
	width:5.208333333333334rem;
	height:1.4583333333333335rem;
	padding-left: 0.55rem;
}
.hpage3 .hds dd .jps h4{
	    font-size: 0.95rem;font-style: oblique;
	    color: #fff;
	    line-height: 1.6;
}
.hpage3 .hds dd:hover .jps h4{
	color: red;
}

#banner {
  margin: 0 auto;
  text-align: center;
}#banner img {
  width:100%;
}
.main-wrapper {
  padding: 40px 0;
  display: flex;
  gap: 30px;
  align-items: flex-start; /* 顶部对齐 */
}
/* --- 左侧侧边栏 (二三级导航) --- */
.sidebar {
  width: 300px;
  flex-shrink: 0; /* 防止被压缩 */
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.sidebar-title {
  background: #0071bb;
  color: #fff;
  padding: 20px;
  font-size: 24px;
  font-weight: bold;
}
.side-nav li {
  border-bottom: 1px solid #eee;
}
.side-nav > li > a {
  display: block;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  border-left: 4px solid transparent;
}
.side-nav > li > a:hover, .side-nav > li.active > a {
  background: #f4f8ff;
  color: #0056b7;
  border-left-color: #006db8;
}
.side-nav .open {
  background: #f4f8ff;
}
.side-nav .open a {
  color: #0056b7;
  border-left-color: #006db8;
}
.sub-menu {
  display: none;
  background: #fafafa;
}
.sub-menu li a {
  display: block;
  padding: 12px 20px 12px 40px; /* 缩进 */
  font-size: 14px;
  color: #666;
}
.sub-menu li a:hover {
  color: #007BFF;
  padding-left: 45px;
}
/* --- 右侧内容区域 --- */
.content {
  flex-grow: 1;
  padding: 30px;
  min-height: 600px;
}
/* 面包屑导航 */
.breadcrumb {
  font-size: 14px;
  color: #888;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.breadcrumb span {
  margin: 0 5px;
}

.class-list .news-list li {
	background:#FFFFFF;
	box-shadow:0rem 0rem 0.4166666666666667rem 0rem rgba(86,106,126,0.12);
	border-radius:0.2604166666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	padding:0.78125rem 0.8854166666666667rem;
	margin-bottom:0.7291666666666667rem;
}
.class-list .news-list li h3 {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#232323;
	line-height:1.25rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.class-list .news-list li p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#999999;
	line-height:1.1458333333333335rem;
	margin:0.3125rem 0 0.5208333333333334rem;
}
.class-list .news-list li h6 {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#0056B7;
	padding-left:1.0416666666666667rem;
	line-height:1.1458333333333335rem;
	background:url(../images/we7.png) no-repeat left center/0.6770833333333334rem auto;
}

.class-list .news-list li:hover h6{
	color:#fff;
	background:url(../images/we7-1.png) no-repeat left center/0.6770833333333334rem auto;
	opacity:0.5;
}
.class-list .news-list li:hover {
	background:#0056B7;
}
.class-list .news-list li:hover h6 {
	color:#F7F8F9;
	opacity:0.4;
}
.class-list .news-list li:hover h6:before {
	background:#F7F8F9;
	opacity:0.3;
}
.class-list .news-list li:hover h3 {
	color:#fff;
}
.class-list .news-list li:hover p {
	color:#fff;
	opacity:0.8;
}
.title {
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
.title h3 {
  font-size: 24px;
  line-height: 60px;
  font-weight: 600;
}
.tit_attr {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}
.content {
  padding: 30px 10px;
  font-size: 16px;
}
.content p {
  margin: 10px 0;
}
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  .main-wrapper {
    flex-direction: column;
    padding: 20px 15px;
  }
  .sidebar {
    width: 100%;
  }
  .content {
    width: 100%;
    padding: 0;
  }
}