@charset "UTF-8";

.bodyBg {
	background-repeat: no-repeat;
	background-size: 100%;
	background: #f7f7f7 !important;
	background-image: url(/subsiteSrc/cnPc/images/organization.jpg);
}

/* ========== 头部 start ========== */
.header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.7s ease-in-out 0s;
	-webkit-transition: all 0.7s ease-in-out 0s;
}

.headerTop {
	overflow: hidden;
	display: none;
	width: 100%;
	position: relative;
	z-index: 11;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.headerTop::before {
	padding-top: 5.2083%;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.headerTop .headerClose {
	position: absolute;
	width: 60px;
	height: 100%;
	cursor: pointer;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 25px;
	background-image: url(/subsiteSrc/cnPc/images/common/closeBai.svg);
	z-index: 5;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	transform: scale(0);
	-webkit-transform: scale(0);
}

.headerTop:hover .headerClose {
	/* transform: scale(1);
	-webkit-transform: scale(1); */
}

.headerTop.hide::before {
	padding-top: 0;
}

.top {
	background-color: var(--mainColor);
	background-repeat: repeat-x;
	background-position: top 17px center;
	background-size: auto 20px;
	height: 100px;
	display: flex;
	justify-content: space-around;
	position: relative;
	z-index: 10;
}

.logo a {
	display: block;
	font-size: 0;
	text-align: center;
	height: 100px;
	line-height: 100px;
	position: relative;
	z-index: 5;
}

.logo a::before,
.logo a::after {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 11px;
	border: 25px solid transparent;

}

.logo a::before {
	left: -24px;
	border-left-color: var(--color2);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.logo a::after {
	right: -24px;
	border-right-color: var(--color2);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.logo img {
	display: inline-block;
	vertical-align: middle;
	height: 80px;
}

.topSearchBtn {
	font-size: 0;
	position: relative;
	z-index: 20;
	height: 100px;
	line-height: 100px;
	margin-right: 37px;
}

.topSearchBtn a {
	display: inline-block;
	vertical-align: middle;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .23);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 20px;
	background-image: url('/subsiteSrc/cnPc/images/search1.png');
}

.topMenuDl {
	overflow: hidden;
}

.topMenuDl>dd {
	float: left;
	display: inline;
	margin: 0 37px;
}

.topMenuDl>dd::before {
	content: '';
	display: block;
	width: 100%;
	background-color: var(--mainColor);
	background-repeat: no-repeat;
	background-position: top 17px center;
	background-size: auto 20px;
	/* background-image: url('/subsiteSrc/cnPc/images/headerLine.png'); */
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.topMenuDl>dd>.topMmenuYjBox>a {
	display: block;
	font-size: 18px;
	color: #ffffff;
	height: 100px;
	line-height: 100px;
	position: relative;
	z-index: 10;
}

.topMenuDl>dd>.topMmenuYjBox:hover>a,
.topMenuDl>dd.hover>.topMmenuYjBox>a {
	color: var(--color4);
}

.topMmenuDown {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #ecf5ff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30px 0;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	overflow: hidden;
}

.topMenuDl>dd .topMmenuDown {}

.topMenuDl>dd>.topMmenuYjBox:hover .topMmenuDown {
	top: 100%;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.topMmenuDownDl>dd {
	overflow: hidden;
}

.topMmenuDownDl>dd .pic {
	float: left;
	display: inline;
	width: 400px;
	border-radius: 10px;
	overflow: hidden;
}

.top .topMenuDl:first-child .topMmenuDownDl>dd .pic {
	float: right;
}

.top .topMenuDl:first-child .topMmenuDownDl>dd .topMmenuEjBox {
	text-align: left;
}

.topMmenuDownDl>dd .pic::before {
	padding-top: 60%;
}

.topMmenuDownDl>dd .pic .title {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px 30px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	display: none;
}

.topMmenuEjBox {
	overflow: hidden;
	font-size: 0;
	text-align: right;
	padding-top: 14px;
}

.topMmenuEjDl {
	overflow: hidden;
	margin: 0 -30px;
	width: 615px;
	display: inline-block;
	vertical-align: middle;
}

.topMmenuEjDl>dd {
	float: left;
	display: inline;
	width: 50%;
}

.topMmenuEjDl>dd>.con {
	display: block;
	margin: 0 30px;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 13px;
	font-size: 18px;
	color: #666666;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	position: relative;
	height: 70px;
	line-height: 70px;
	text-align: left;
}

.topMmenuEjDl>dd>.con::after,
.topMmenuEjDl>dd>.con::before {
	content: '';
	display: block;
	background-color: rgba(153, 153, 153, .3);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	height: 1px;
	width: 100%;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.topMmenuEjDl>dd>.con::after {
	width: 0;
}

.topMmenuEjDl>dd:hover>.con::after {
	width: 100%;
	background-color: rgba(21, 53, 100, .85);
}

.topMmenuEjDl>dd:hover>.con {
	background-image: url('/subsiteSrc/cnPc/images/more1.png');
	color: var(--color3);
}

/* ========== 头部 end ========== */
/* ========== 搜索 start ========== */
.searchModalBox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10600;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	text-align: center;
	display: none;
}

.searchModalBox.show {
	display: block;
}

.searchModalBox::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	/* border-radius: 100%; */
	/* transform: scale(.04) translateY(9999px);
	-webkit-transform: scale(.04) translateY(9999px); */
	overflow: hidden;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
}

.searchModalBox.show::before {
	/* animation: menu-animation .3s ease-out forwards;
	transform: scale(2) translateY(0);
	-webkit-transform: scale(2) translateY(0); */
	opacity: 1;
	visibility: visible;
}

.searchModalBox::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.searchModalBody {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 9;
	overflow: hidden;
	border-radius: 5px;
}

.searchModalBody .input {
	display: block;
	float: left;
	width: 400px;
	height: 60px;
	background: none;
	border: none;
	line-height: 60px;
	color: #333;
	font-size: 16px;
	padding-left: 10px;
	background: #fff;
}

.searchModalBody .input::-webkit-input-placeholder {
	color: #666666;
	font-size: 14px;
}

.searchModalBody .btn {
	float: left;
	display: block;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background-color: var(--mainColor);
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: auto 20px;
	/* background-image: url('/subsiteSrc/cnPc/images/search1.png');
	padding-left: 60px;
	padding-right: 30px; */
	padding: 0 30px;
	cursor: pointer;
	font-size: 18px;
}

.searchModalClose {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background-color: var(--mainColor);
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	font-size: 72px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 30px;
	background-image: url('/subsiteSrc/cnPc/images/common/closeBai.svg');
}

@keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(.04) translateY(300%);
		-webkit-transform: scale(.04) translateY(300%);
	}

	40% {
		transform: scale(.04) translateY(0);
		-webkit-transform: scale(.04) translateY(0);
		transition: ease-out;
		-webkit-transition: ease-out;
	}

	40% {
		transform: scale(.04) translateY(0);
		-webkit-transform: scale(.04) translateY(0);
	}

	60% {
		opacity: 1;
		transform: scale(.02) translateY(0);
		-webkit-transform: scale(.02) translateY(0);
	}

	61% {
		opacity: 1;
		transform: scale(.04) translateY(0);
		-webkit-transform: scale(.04) translateY(0);
	}

	99.9% {
		opacity: 1;
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%
	}

	100% {
		opacity: 1;
		transform: scale(2) translateY(0);
		-webkit-transform: scale(2) translateY(0);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0
	}
}

/* ========== 搜索 end ========== */
/* ========== 底部 start ========== */
.footer {
	position: relative;
}

.footer::before {
	content: '';
	display: block;
	height: 316px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/subsiteSrc/cnPc/images/footer1.png);
	background-size: contain;
	position: absolute;
	left: 0;
	top: -30px;
	z-index: 1;
	width: 29.5313%;
}

.footerTop {
	position: relative;
	background-size: cover;
	background-image: url(/subsiteSrc/cnPc/images/footer2.jpg);
	padding: 42px 0 30px;
	min-height: 140px;
}

.footerTop .wrap {
	text-align: right;
}

.footerList1 {
	overflow: hidden;
	margin: 0 -28px;
	width: 75.8974%;
	display: inline-block;
	vertical-align: middle;
}

.footerList1 dd {
	float: left;
	display: inline;
	width: 14.2857%;
}

.footerList1 dd .con {
	display: block;
	margin: 0 28px;
}

.footerList1 dd .con .pic::before {
	padding-top: 101.6529%;
}

.footerList1 dd .con .pic img {
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.footerList1 dd .con .pic .img2 {
	opacity: 0;
}

.footerList1 dd .con:hover .pic .img2 {
	opacity: 1;
	z-index: 5;
}

.footerList1 dd .con .title {
	font-size: 19px;
	color: #181818;
	text-align: center;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.footerList1 dd .con:hover .title {
	color: var(--color4);
}

.footerBottom {
	background-repeat: no-repeat;
	background-image: url(/subsiteSrc/cnPc/images/footer3.jpg);
	background-size: 100% 100%;
}

.footerCloumn1 {
	padding: 24px 0 34px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: left bottom;
	/* background-image: url(/subsiteSrc/cnPc/images/headerLine.png); */
	background-size: auto 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.footerLogo {
	float: left;
	display: inline;
	position: relative;
	z-index: 5;
}

.footerLogo img {
	height: 84px;
}

.footerCloumn1Right {
	overflow: hidden;
	float: right;
	display: inline;
	font-size: 0;
}

#backToTop {
	float: right;
	display: inline;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .15);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/subsiteSrc/cnPc/images/backToTop.png);
	background-size: auto 20px;
	cursor: pointer;
	margin-top: 18px;
	margin-left: 60px;
}

.footerList2 {
	overflow: hidden;
	margin: 0 -10px;
	display: inline-block;
	vertical-align: middle;
}

.footerList2 dd {
	float: left;
	display: inline;
	margin-bottom: 15px;
}

.footerList2 dd .con {
	display: block;
	margin: 0 10px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto 30px;
	background-image: url(/subsiteSrc/cnPc/images/footerBg3.png);
	padding: 10px 0 20px;
	text-align: center;
	font-size: 36px;
	color: #ffffff;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	font-family: 'KaiTi';
}

.footerCloumn2 {
	overflow: hidden;
}

.footerCloumn2Right {
	float: right;
	display: inline;
	overflow: hidden;
	padding: 78px 0 18px;
}

.footerCloumn2Left {
	overflow: hidden;
	padding: 20px 0;
}

.footerEwmDl {
	overflow: hidden;
	margin: 0 -10px;
}

.footerEwmDl dd {
	float: left;
	display: inline;
}

.footerEwmDl dd .con {
	display: block;
	margin: 0 10px;
}

.footerEwmDl dd .pic {
	width: 100px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
}

.footerEwmDl dd .pic::before {
	padding-top: 100%;
}

.footerEwmDl dd .title {
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
}

.footerMenuDl {
	overflow: hidden;
	margin: 0 -33px;
}

.footerMenuDl dd {
	float: left;
	display: inline;
	margin-bottom: 12px;
}

.footerMenuDl dd .con {
	display: block;
	margin: 0 33px;
	font-size: 18px;
	color: #ffffff;
	line-height: 36px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.footerMenuDl dd .con:hover {
	color: var(--color4);
}

.footerContactUs {
	margin-bottom: 32px;
	overflow: hidden;
}

.footerContactUs .item {
	overflow: hidden;
	line-height: 32px;
}

.footerContactUs .item .title {
	font-size: 16px;
	color: #cccbcc;
	float: left;
	display: inline;
}

.footerContactUs .item .text {
	font-size: 16px;
	color: #cccbcc;
	overflow: hidden;
}


.footerLinkBox .footerLinkTitle {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 15px;
	color: #ffffff;
	margin-right: 10px;
	float: left;
	display: inline;
}

.footerLinkBox .footerLinkTitleTwo {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 15px;
	color: #ffffff;
	margin-right: 10px;
	float: left;
	display: inline;
}

.footerLinkBoxC {
	float: left;
	display: inline;
	position: relative;
}

.footerLinkBoxCL {
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .1);
}

.footerLinkBoxCL span {
	display: inline-block;
	line-height: 40px;
	height: 40px;
	margin-left: 105px;
	background: url("/subsiteSrc/cnPc/images/firendListIcon.png") no-repeat center center;
	vertical-align: middle;
	width: 12px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.footerLinkDlTwo {
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 100%;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	transform: translate(-50%, -10px);
	-webkit-transform: translate(-50%, -10px);
	text-align: center;
	padding: 10px 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	max-height: 140px;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.footerLinkDlTwo::-webkit-scrollbar {
	width: 4px;
}

.footerLinkBoxC:hover .footerLinkBoxCL span {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.footerLinkBoxC:hover .footerLinkDlTwo {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
}

.footerLinkDlTwo dd .con {
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	padding: 5px 10px;
}

.footerLinkDlTwo dd:hover .con {
	color: #004abb;
}

.footerLinkDl {
	overflow: hidden;
	margin: 0 -10px;
}

.footerLinkDl dd {
	float: left;
	display: inline;
	margin-bottom: 10px;
}

.footerLinkDl dd .con {
	display: block;
	border-radius: 10px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 16px;
	color: #ffffff;
	padding: 0 20px;
	background-color: rgba(255, 255, 255, .1);
	margin: 0 10px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.footerLinkDl dd .con:hover {
	background-color: #fff;
	color: var(--mainColor);
}

.copyRight {
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding: 10px 0;
}

.copyRight,
.copyRight a {
	font-size: 15px;
	color: #ffffff;
	line-height: 32px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.copyRight a:hover {
	color: var(--color4);
}

.copyRightLeft {
	overflow: hidden;
}

.copyRightLeft a,
.copyRightLeft span {
	margin-right: 12px;
}

.copyRightRight {
	float: right;
	display: inline;
}

/* ========== 底部 end ========== */
/* ========== 内页banner start ========== */
.subBanner {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.subBanner:before {
	display: block;
	content: '';
	padding-top: 29.1667%;
}

.subBanner img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center center;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 3s ease;
	-webkit-transition: all 3s ease;
}

.subBanner.on img {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.subBanner .text {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
/*	background-color: rgba(0, 74, 178, .3); */
}

.subBanner .wrap {
	height: 100%;
}

.subBanner .textC {
	position: relative;
	top: 60px;
}

.subBanner .textC .cnTitle {
	font-size: 40px;
	color: #ffffff;
	line-height: 56px;
}

.location {
	overflow: hidden;
	position: relative;
}

.location a {
	display: inline;
	float: left;
	height: 36px;
	line-height: 36px;
	padding-left: 26px;
	margin-right: 18px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 16px;
	background-image: url('/subsiteSrc/cnPc/images/common/arrowRight.svg');
	color: #ffffff;
	font-size: 16px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.location a.home {
	background-image: url('/subsiteSrc/cnPc/images/home.png');
	padding-left: 32px;
}

/* ========== 内页banner end ========== */
/* ========== 当前位置 start ========== */
.locationSubBox {
	position: relative;
}

.locationBox {
	clear: both;
	width: 100%;
	height: 70px;
	line-height: 70px;
	box-shadow: 0 3px 5px #dcdcdc;
	-webkit-box-shadow: 0 3px 5px #dcdcdc;
	background-repeat: no-repeat;
	background-image: url(/subsiteSrc/cnPc/images/locationBg2.png);
	background-size: auto 70px;
	position: absolute !important;
	top: -70px;
	left: 0;
	z-index: 10;
	background-position: left bottom;
}

.locationBoxWater {
	position: absolute !important;
	left: 0;
	top: 0;
	height: 70px;
	width: 990px;
	background-repeat: no-repeat;
	background-image: url(/subsiteSrc/cnPc/images/locationBg2.png);
	background-size: auto 70px;
}

.subNavBox {
	position: relative;
	margin: 25px -30px 0;
	font-size: 0;
}

/* .subNav{
	display: inline-block;
	vertical-align: middle;
} */
.subNav::after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden;
}

.subNav a {
	display: inline;
	float: left;
	line-height: 20px;
	height: 20px;
	color: #ffffff;
	font-size: 16px;
	margin: 0 30px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto 20px;
}

.subNav a::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto 20px;
	background-image: url(/subsiteSrc/cnPc/images/active.png);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	margin: auto;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.subNav a.hover::after,
.subNav a:hover::after {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}

/* ========== 当前位置 end ========== */
/* ========== 三级栏目 start ========== */
.sjMenuDl {
	font-size: 0;
	text-align: center;
	margin: 0 -25px;
}

.sjMenuDl dd {
	display: inline-block;
	vertical-align: text-top;
}

.sjMenuDl dd a {
	display: block;
	margin: 0 25px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background-color: #fff;
	font-size: 18px;
	color: #333333;
	padding: 0 40px;
	min-width: 120px;
	text-align: center;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.sjMenuDl dd:hover a,
.sjMenuDl dd.hover a {
	background-color: var(--mainColor);
	color: #fff;
}

/* ========== 三级栏目 end ========== */
/* ========== 页码 start ========== */
.page {
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #666666;
	background: #fff;
	margin: 0 5px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	border-radius: 50%;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover,
.page a.hover {
	background: var(--mainColor);
	color: #fff;
}

.page input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	border: 1px solid #e6e6e6;
	position: relative;
	top: -2px;
}

.page input.pageDetail {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #999999;
	position: relative;
	top: -13px;
}

.page label {
	color: #999999;
	position: relative;
	top: -11px;
}

.page input.page_bnt {
	border: none;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: none;
	color: #999999;
	position: relative;
	top: -13px;
}

.page a div {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/firstPage.png)
}

.page a.prevPage div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/prevPage.png)
}

.page a.nextPage div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/nextPage.png)
}

.page a.lastPage div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/lastPageh.png)
}

.page a.firstPage.disabled,
.page a.prevPage.disabled,
.page a.nextPage.disabled,
.page a.lastPage.disabled {
	background: #E2E2E2;
}

.page a.firstPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(/subsiteSrc/cnPc/images/common/page/lastPage.png)
}

/* ========== 页码 end ========== */
/* ========== 文章详情+单篇 start ========== */
.newViewPage {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

.newViewBox {
	background-color: #fff;
	overflow: hidden;
	border-radius: 20px;
	padding: 45px 0;
}

.newViewBoxR {
	float: right;
	display: inline;
	width: 370px;
	margin-top: 75px;
	padding: 0 40px;
}

.newViewBoxRCUp {
	margin-bottom: 10px;
	line-height: 40px;
	height: 40px;
}

.newViewBoxRArrwo {
	float: right;
	display: inline;
	font-size: 0;
	line-height: 40px;
	height: 40px;
}

.newViewBoxRPrev {
	display: inline-block !important;
	width: 11px;
	height: 40px;
	margin-right: 20px;
	cursor: pointer;
	background: url(/subsiteSrc/cnPc/images/newsViewPrev.png) no-repeat center center;
	display: none;
}

.newViewBoxRNext {
	display: inline-block !important;
	width: 11px;
	height: 40px;
	cursor: pointer;
	background: url(/subsiteSrc/cnPc/images/newsViewNext.png) no-repeat center center;
	display: none;
}

.newViewBoxRPrev:hover {
	background-image: url("/subsiteSrc/cnPc/images/newsViewPrevH.png");
}

.newViewBoxRNext:hover {
	background-image: url("/subsiteSrc/cnPc/images/newsViewNextH.png");
}

.newViewBoxRTitle {
	overflow: hidden;
	font-size: 24px;
	color: #004abb;
	font-weight: bold;
}

.newViewBoxRScroll {
	position: relative;
	width: 100%;
}

.newViewBoxRScroll .bd {
	overflow: hidden;
	width: 100%;
}

.newViewBoxRScroll .slick-list {
	overflow: visible;
}

.newViewBoxRScroll .myslide {
	width: 100%;
}

.newViewBoxRList dd {
	padding: 20px 0;
	border-bottom: 1px dashed rgba(0, 74, 187, .1);
}

.newViewBoxRList dd a {
	display: block;
	padding: 5px 0 0 15px;
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.newViewBoxRList dd a::before {
	display: block;
	content: "";
	height: 100%;
	width: 90px;
	background-image: -moz-linear-gradient(0deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	z-index: 0;
}

.newViewBoxRList dd a .time {
	float: left;
	display: inline;
	margin-right: 35px;
	position: relative;
	z-index: 1;
}

.newViewBoxRList dd a .time .day {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 5px;
}

.newViewBoxRList dd a .time .year {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 16px;
	color: #ffffff;
}

.newViewBoxRList dd a .text {
	overflow: hidden;
	font-size: 18px;
	color: #181818;
	line-height: 28px;
	height: 56px;
	position: relative;
	z-index: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.newViewBoxRList dd:hover a {
	padding: 25px 15px 20px;
}

.newViewBoxRList dd:hover a::before {
	width: 100%;
}

.newViewBoxRList dd:hover a .text {
	color: #fff;
}

.newViewBoxRC {
	position: relative;
}

.newViewBoxRC::before {
	display: block;
	content: "";
	width: 1px;
	height: 90%;
	background-color: #ebebeb;
	left: -40px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.newViewBoxRCDown .pic {
	overflow: hidden;
}

.newViewBoxRCDown .pic::before {
	padding-top: 59.4594%;
}

.newViewBoxRCDown .pic .text {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 0 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.newViewBoxRCDown .pic .text .titleMore {
	margin-bottom: 20px;
	line-height: 40px;
	height: 40px;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
}

.newViewBoxRCDown .pic .text .moreBtn a {
	display: inline-block;
	padding: 0 30px;
	line-height: 35px;
	height: 35px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 35px;
	background-image: -moz-linear-gradient(0deg, rgba(24, 114, 228) 0%, rgba(6, 203, 186) 100%);
	background-image: -webkit-linear-gradient(0deg, rgba(24, 114, 228) 0%, rgba(6, 203, 186) 100%);
	background-image: -ms-linear-gradient(0deg, rgba(24, 114, 228) 0%, rgba(6, 203, 186) 100%);
}

.articleC {
	overflow: hidden;
	padding: 0 60px 0 50px;
	background: #FFFFFF;
}

.articleHeader {
	overflow: hidden;
	padding: 50px 50px 20px;
	border-bottom: 1px solid #dddddd;
	padding: 0px 0px 10px;
	border-bottom: 1px solid rgba(0, 74, 187, .1);
}

.articleBody {
	overflow: hidden;
	padding: 20px 0px 0;
}

.articleFooter {
	overflow: hidden;
	border-top: 1px solid #dddddd;
	padding: 20px 50px;
	border-top: 1px solid rgba(0, 74, 187, .1);
	padding: 30px 0px 0px;
}

.articlePublish {
	overflow: hidden;
	font-size: 0;
	padding-top: 10px;
	text-align: center;
}

.articlePublish .item {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	margin: 0 10px;
	margin-right: 30px;
}

.articlePublish .item span {
	display: inline-block;
	vertical-align: middle;
	color: #666666;
	font-size: 14px;
	font-size: 16px;
	line-height: 35px;
}

.articlePublish .icon {
	background-repeat: no-repeat;
	background-position: center left;
	width: 25px;
	height: 35px;
	background-size: auto 20px;
}

.articleAudio,
.articleBigPicture,
.articleVideo,
#play,
.articleBox,
.articlePagination,
.articleAnnex {
	margin-bottom: 20px;
}

/* 字体大小 */
.articleSize {
	font-size: 0;
	text-align: center;
}

.articleSize span {
	display: inline-block;
	vertical-align: middle;
	color: #666666;
	font-size: 14px;
	line-height: 35px;
	cursor: pointer;
	margin: 0 5px;
	padding: 0 5px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.articleSize span.hover,
.articleSize span:hover {
	color: var(--mainColor);
}

/* 文章标题 start */
.articleTitle {
	line-height: 40px;
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: bold;
	font-family: "microsoft yahei";
	color: #181818;
	position: relative;
	text-align: center;
}

/* 文章标题 end */
/* 发布时间 start */
.articleTime .icon {
	background-image: url('/subsiteSrc/cnPc/images/common/time.svg');
	background-image: url('/subsiteSrc/cnPc/images/newsViewIcon1.png');
	width: 15px;
	height: 15px;
	background-size: contain;
	margin-right: 10px;
}

/* 发布时间 end */
/* 来源 start */
.articleSource .icon {
	background-image: url('/subsiteSrc/cnPc/images/common/source.svg');
	background-image: url('/subsiteSrc/cnPc/images/newsViewIcon2.png');
	width: 15px;
	height: 15px;
	background-size: contain;
	margin-right: 10px;
}

/* 来源 end */
/* 审核 start */
.articleAuditing .icon {
	background-image: url('/subsiteSrc/cnPc/images/newsViewIcon3.png');
	width: 15px;
	height: 15px;
	background-size: contain;
	margin-right: 10px;
}

/* 审核 end */
/* 浏览量 start */
.articleBrowse .icon {
	background-image: url('/subsiteSrc/cnPc/images/common/browse.svg');
	background-image: url('/subsiteSrc/cnPc/images/newsViewIcon4.png');
	width: 15px;
	height: 15px;
	background-size: contain;
	margin-right: 10px;
}

/* 浏览量 end */
/* 分享 start */
.articleShare .icon {
	background-image: url('/subsiteSrc/cnPc/images/common/share.svg');
}

.articleShare .sharejs_list .sharejs_item {
	position: relative;
	z-index: 100;
}

/* 分享 end */
/* 音频 start */
.articleAudio {
	overflow: hidden;
}

.articleAudio .audiojs audio {
	position: absolute;
	left: -1px;
	opacity: 0;
}

.articleAudio .audiojs {
	z-index: 99999;
	background: #fff;
	overflow: hidden;
	font-family: monospace;
	font-size: 12px;
	border-radius: 5px;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	width: 400px;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
}

.articleAudio .audiojs .play-pause {
	width: 25px;
	height: 27px;
	padding: 4px 6px;
	margin: 0px;
	float: left;
	overflow: hidden;
	position: relative;
}

.articleAudio .audiojs .play-pause:before {
	content: '';
	display: block;
	border-right: 1px solid #e5e5e5;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	transform: scaleX(0.3);
	-webkit-transform: scaleX(0.3);
}

.articleAudio .audiojs p {
	display: none;
	width: 25px;
	height: 27px;
	margin: 0px;
	cursor: pointer;
}

.articleAudio .audiojs .play {
	display: block;
}

.articleAudio .audiojs .scrubber {
	position: relative;
	float: left;
	width: 240px;
	background: #f5f5f5;
	height: 14px;
	margin: 10px;
	top: 1px;
	overflow: hidden;
}

.articleAudio .audiojs .progress {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 14px;
	width: 0px;
	background: #fbbc05;
	z-index: 1;
}

.articleAudio .audiojs .loaded {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 14px;
	width: 0px;
	background: #ffeebb;
	cursor: pointer;
}

.articleAudio .audiojs .time {
	overflow: hidden;
	height: 35px;
	line-height: 36px;
	margin: 0px 0px 0px 6px;
	padding: 0px 6px 0px 12px;
	position: relative;
	color: #666;
}

.articleAudio .audiojs .time:before {
	content: '';
	display: block;
	border-left: 1px solid #e5e5e5;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	transform: scaleX(0.3);
	-webkit-transform: scaleX(0.3);
}

.articleAudio .audiojs .time em {
	padding: 0px 2px 0px 0px;
	color: #666;
	font-style: normal;
}

.articleAudio .audiojs .time strong {
	padding: 0px 0px 0px 2px;
	font-weight: normal;
}

.articleAudio .audiojs .error-message {
	display: none;
	padding: 0px 10px;
	height: 35px;
	overflow: hidden;
	line-height: 36px;
	white-space: nowrap;
	color: #666;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.articleAudio .audiojs .error-message a {
	color: #666;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
	white-space: wrap;
}

.articleAudio .audiojs .play {
	background: url(/subsiteSrc/cnPc/components/audio/images/play.png) center center no-repeat;
	background-size: 14px;
}

.articleAudio .audiojs .loading {
	background: url(/subsiteSrc/cnPc/components/audio/images/loading.png) center center no-repeat;
	background-size: 14px;
	-webkit-animation: fa-rotating 2s infinite linear;
	animation: fa-rotating 2s infinite linear;
}

.articleAudio .audiojs .loading:before {
	content: '';
}

@keyframes fa-rotating {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.articleAudio .audiojs .error {
	background: url(/subsiteSrc/cnPc/components/audio/images/error.png) center center no-repeat;
	background-size: 14px;
}

.articleAudio .audiojs .pause {
	background: url(/subsiteSrc/cnPc/components/audio/images/pause.png) center center no-repeat;
	background-size: 16px;
}

.articleAudio .playing .play,
.articleAudio .playing .loading,
.articleAudio .playing .error,
.articleAudio .loading .play,
.articleAudio .loading .pause,
.articleAudio .loading .error,
.articleAudio .error .time,
.articleAudio .error .play,
.articleAudio .error .pause,
.articleAudio .error .scrubber,
.articleAudio .error .loading {
	display: none;
}

.articleAudio .playing .pause,
.articleAudio .loading .loading,
.articleAudio .error .error,
.articleAudio .error .error-message {
	display: block;
}

.articleAudio .error .play-pause p {
	cursor: auto;
}

/* 音频 end */
/* 视频 start */
.articleVideo {
	width: 600px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-bg .ck-bar-volume-pp,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-play,
.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left div,
.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left div {
	background: var(--mainColor);
}

.ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p-focus,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate:hover,
.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-right,
.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-right {
	color: var(--mainColor);
}

.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left,
.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left {
	border-color: var(--mainColor);
}

.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-full:hover,
.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-exitfull:hover,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-muted:hover,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-play:hover,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-refresh:hover,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-exitmuted:hover,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-pause:hover {
	background-image: url('/subsiteSrc/cnPc/images/common/ckplayer.png');
}

.ckplayer-ckplayer .ck-main .ck-center-play {
	background-position: 63% center;
	background-size: 40% 40%;
	border: 4px solid rgba(255, 255, 255, .3);
	background-color: rgba(255, 255, 255, .15);
	width: 60px !important;
	height: 60px !important;
}

.ckplayer-ckplayer .ck-main .ck-center-play:hover {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
}

.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-bg,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-load,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-play,
.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-mouseline {
	height: 6px !important;
}

.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-slider {
	width: 10px;
	height: 10px;
	top: -8px;
}

/* 视频 end */
/* 大图 start */
.articleBigPicture {
	overflow: hidden;
}

#play {
	width: 600px;
	height: 400px;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e9e9e9;
	margin-left: auto;
	margin-right: auto;
}

#play .change_a {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: pointer;
	display: block;
	overflow: hidden;
}

#play .prev_a {
	left: 0;
}

#play .next_a {
	right: 0;
	text-align: right;
}

#play .change_a span {
	width: 100%;
	height: 0;
	line-height: 0;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
	font-size: 80px;
}

#play .prev_a span {
	left: 0;
}

#play .next_a span {
	right: 0;
	text-align: right;
}

#play .img_ul,
.imgMove {
	width: 600px;
}

#play .img_ul {
	position: relative;
	z-index: 1;
	height: 400px;
}

#play .img_ul li {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #fff;
}

#play .img_ul li img,
.img_hd ul li img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.imgMove {
	clear: both;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.img_hd {
	margin: 0 auto;
	overflow: hidden;
	height: 60px;
	position: relative;
}

.img_hd ul {
	/* position: absolute; */
	z-index: 1;
	margin: 0 auto;
}

.img_hd ul li {
	float: left;
	height: 52px;
	width: 70px;
	padding: 3px;
	margin: 0 7px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #d4d4d4;
	position: relative;
}

.img_hd ul li p {
	height: 100%;
	width: 100%;
	display: block;
	background: #fff;
	position: relative;
}

.img_hd ul li i {
	display: block;
	clear: both;
	line-height: 20px;
	padding: 0 5px;
	background: #000;
	color: #fff;
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 9;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

.img_hd ul li.on {
	border: 1px solid var(--mainColor);
	background: var(--mainColor);
}

.imgMove .bottom_a {
	width: 40px;
	height: 60px;
	line-height: 60px;
	font-size: 50px;
	display: block;
	cursor: pointer;
	float: left;
	top: 0;
	position: absolute;
	z-index: 9;
	color: var(--mainColor);
}

.imgMove .prev_a {
	left: 0;
}

.imgMove .next_a {
	right: 0;
	text-align: right;
}

/* 大图 end */
/* 内容区 start */
.articleBox {
	line-height: 36px;
	color: #666666;
	overflow: hidden;
	font-size: 20px;
	font-family: "宋体", "SimSun";
}

.articleBox img {
	max-width: 100%;
}

/* 内容区 end */
/* 页码 start */
.articlePagination {
	clear: both;
	text-align: center;
	font-family: Arial;
	font-size: 0;
}

.articlePagination a {
	margin: 0 5px;
	background: #ccc;
	padding: 3px 12px;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.articlePagination a:hover,
.articlePagination a.hover {
	color: #fff;
	background: var(--mainColor);
}

/* 页码 end */
/* 附件 start */
.articleAnnex {
	clear: both;
	font-size: 16px;
	overflow: hidden;
}

.articleAnnex a {
	display: inline-block;
	line-height: 32px;
	padding: 0 20px 0px 30px;
	background-position: left -3px center;
	background-repeat: no-repeat;
	background-size: auto 32px;
	background-image: url('/subsiteSrc/cnPc/images/common/file/file.png');
	color: #666;
	margin-bottom: 10px;
}

.articleAnnex a.word {
	background-image: url('/subsiteSrc/cnPc/images/common/file/word.png');
	color: #37a6ff !important;
}

.articleAnnex a.ppt {
	background-image: url('/subsiteSrc/cnPc/images/common/file/ppt.png');
	color: #ff7735 !important;
}

.articleAnnex a.excel {
	background-image: url('/subsiteSrc/cnPc/images/common/file/excel.png');
	color: #15bf44 !important;
}

.articleAnnex a.pdf {
	background-image: url('/subsiteSrc/cnPc/images/common/file/pdf.png');
	color: #1369c0 !important;
}

.articleAnnex a.zip {
	background-image: url('/subsiteSrc/cnPc/images/common/file/zip.png');
	color: #ff9779 !important;
	background-size: auto 22px;
	background-position: left center;
}

.articleAnnex a:hover {
	text-decoration: underline;
}

/* 附件 end */
/* 上一篇/下一篇 start */
.articlePage {
	display: block;
	line-height: 34px;
	color: #999999;
	font-size: 16px;
}

.articlePage .item {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	overflow: hidden;
}

.articlePage a {
	font-size: 16px;
	color: #999999;
	position: relative;
	z-index: 10;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.articlePage a:hover {
	color: var(--mainColor);
}

.pageArrow {
	display: block;
	color: #333333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	position: relative;
	margin-right: -100px;
}

.pageArrow .item {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	display: inline;
}

.pageArrow .itemC {
	margin-right: 100px;
	border-radius: 10px;
	background-color: #f5f5f5;
	padding: 0 40px;
	display: block;
	height: 50px;
	font-size: 16px;
	color: #666666;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.returnPageList {
	display: block;
	width: 60px;
	height: 50px;
	left: 50%;
	margin-left: -80px;
	top: 0px;
	position: absolute;
	background: #f5f5f5 url("../images/common/returnList.png") no-repeat center center;
	border-radius: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.returnPageList a {
	display: block;
	width: 100%;
	height: 100%;
}

.pageArrow .itemC:hover {
	color: var(--mainColor);
	background-color: #e5edf8;
}

.returnPageList:hover {
	background-color: #e5edf8;
	background-image: url("/subsiteSrc/cnPc/images/common/returnListH.png");
}

.singleArticleBox .articleTitle {
	text-align: center;
}

.singleArticleBox .articlePublish {
	text-align: center;
}

/* 上一篇/下一篇 end */
/* ========== 文章详情+单篇 end ========== */
/* ========== 全文列表 start ========== */
.textList1Dl {
	margin-right: -35px;
}

.textList1Dl dd {
	float: left;
	display: inline;
	width: 50%;
	margin-bottom: 30px;
}

.textList1Dl dd .con {
	background-color: #fff;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	margin-right: 35px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30px 30px 12px;
}

.textList1Dl dd .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 8px;
	background-image: url(/subsiteSrc/cnPc/images/line3.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.textList1Dl dd .con:hover {
	box-shadow: -10px 10px rgba(21, 53, 100, .25);
	-webkit-box-shadow: -10px 10px rgba(21, 53, 100, .25);
}

.textList1Dl dd .con .title {
	height: 122px;
	line-height: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.textList1Dl dd .con .title a {
	font-size: 18px;
	color: #181818;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	margin-right: 35px;
}

.textList1Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.textList1Dl dd .con .more {
	padding-top: 20px;
	font-size: 0;
	text-align: right;
}

.textList1Dl dd .con .more a {
	display: inline-block;
	vertical-align: middle;
	width: 247px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 13px;
	background-image: url(/subsiteSrc/cnPc/images/more2.png);
}

.textList1Dl dd .con:hover .more a {
	background-image: url(/subsiteSrc/cnPc/images/more2h.png);
}

.textList2Dl dd {
	margin-bottom: 10px;
}

.textList2Dl dd .con {
	transition: .3s linear;
	-webkit-transition: .3s linear;
	padding: 15px 30px;
	overflow: hidden;
	border-radius: 18px;
}

.textList2Dl dd .con:hover {
	background-color: var(--mainColor);
}

.textList2Dl dd .con .date {
	float: left;
	display: inline;
	border-right: 1px solid rgba(153, 153, 153, .3);
	transition: .3s linear;
	-webkit-transition: .3s linear;
	padding-right: 32px;
	margin-right: 32px;
	overflow: hidden;
}

.textList2Dl dd .con .date {
	border-right: 1px solid rgba(255, 255, 255, .3);
}

.textList2Dl dd .con .time1 {
	font-size: 30px;
	color: var(--mainColor);
	width: 50px;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 48px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	background-image: url(/subsiteSrc/cnPc/images/time1.png);
	float: left;
	display: inline;
	margin-right: 16px;
	text-align: center;
}

.textList2Dl dd .con:hover .time1 {
	background-image: url(/subsiteSrc/cnPc/images/time1h.png);
}

.textList2Dl dd .con .time2 {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	font-size: 18px;
	color: var(--mainColor);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList2Dl dd .con .title {
	overflow: hidden;
	height: 48px;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.textList2Dl dd .con .title a {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	font-size: 18px;
	color: #666666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.textList2Dl dd .con:hover .time1,
.textList2Dl dd .con:hover .time2,
.textList2Dl dd .con:hover .title a {
	color: #ffffff;
}

.textList3Dl {
	overflow: hidden;
	margin-right: -30px;
}

.textList3Dl dt {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 30px;
}

.textList3Dl dt .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999999;
	opacity: .3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.textList3Dl dt .con a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	padding: 0 0 8px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 23px;
	background-image: url(/subsiteSrc/cnPc/images/titleIcon1.png);
	font-size: 24px;
	color: var(--color3);
	padding-left: 35px;
}

.textList3Dl dt .con a::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--color3);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}

.textList3Dl dd {
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 30px;
}

.textList3Dl .con {
	margin-right: 30px;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList3Dl dd .con {
	border: 1px dashed rgba(0, 74, 187, .3);
}

.textList3Dl dd .con::after,
.textList3Dl dd .con::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	width: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	background-color: var(--mainColor);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.textList3Dl dd .con::after {
	width: 3px;
}

.textList3Dl dd .con::before {
	z-index: 2;
	background-image: -moz-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: url(/subsiteSrc/cnPc/images/conBg1.png);
}

.textList3Dl dd .con a {
	display: block;
	position: relative;
	z-index: 5;
	font-size: 18px;
	color: var(--color3);
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 40px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList3Dl dd .con:hover {
	box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
	-webkit-box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
}

.textList3Dl dd .con:hover::before {
	width: 100%;
}

.textList3Dl dd .con:hover a {
	color: #ffffff;
}

.textList4Dl {
	overflow: hidden;
	margin-right: -30px;
}

.textList4Dl dt {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 30px;
}

.textList4Dl dt .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999999;
	opacity: .3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.textList4Dl dt .con a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	padding: 0 0 8px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	background-image: url(/subsiteSrc/cnPc/images/titleIcon2.png);
	font-size: 24px;
	color: var(--color3);
	padding-left: 35px;
}

.textList4Dl dt .con a::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}

.textList4Dl dd {
	float: left;
	display: inline;
	width: 33.3333%;
	margin-bottom: 30px;
}

.textList4Dl .con {
	margin-right: 30px;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList4Dl dd .con {
	border: 1px dashed rgba(0, 74, 187, .3);
}

.textList4Dl dd .con::after,
.textList4Dl dd .con::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	width: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	background-color: var(--mainColor);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.textList4Dl dd .con::after {
	width: 3px;
}

.textList4Dl dd .con::before {
	z-index: 2;
	background-image: -moz-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: url(/subsiteSrc/cnPc/images/conBg1.png);
}

.textList4Dl dd .con a {
	display: block;
	position: relative;
	z-index: 5;
	font-size: 18px;
	color: var(--color3);
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 40px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList4Dl dd .con:hover {
	box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
	-webkit-box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
}

.textList4Dl dd .con:hover::before {
	width: 100%;
}

.textList4Dl dd .con:hover a {
	color: #ffffff;
}

.textList5Dl {
	overflow: hidden;
	margin-right: -30px;
}

.textList5Dl dt {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 30px;
}

.textList5Dl dt .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999999;
	opacity: .3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.textList5Dl dt .con a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	padding: 0 0 8px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 26px;
	background-image: url(/subsiteSrc/cnPc/images/titleIcon3.png);
	font-size: 24px;
	color: var(--color3);
	padding-left: 35px;
}

.textList5Dl dt .con a::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}

.textList5Dl dd {
	float: left;
	display: inline;
	width: 33.3333%;
	margin-bottom: 30px;
}

.textList5Dl .con {
	margin-right: 30px;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList5Dl dd .con {
	border: 1px dashed rgba(0, 74, 187, .3);
}

.textList5Dl dd .con::after,
.textList5Dl dd .con::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	width: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	background-color: var(--mainColor);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.textList5Dl dd .con::after {
	width: 3px;
}

.textList5Dl dd .con::before {
	z-index: 2;
	background-image: -moz-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: url(/subsiteSrc/cnPc/images/conBg1.png);
}

.textList5Dl dd .con a {
	display: block;
	position: relative;
	z-index: 5;
	font-size: 18px;
	color: var(--color3);
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 40px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList5Dl dd .con:hover {
	box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
	-webkit-box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
}

.textList5Dl dd .con:hover::before {
	width: 100%;
}

.textList5Dl dd .con:hover a {
	color: #ffffff;
}

.textList6Dl {
	overflow: hidden;
	width: 70.5128%;
	margin: 0 auto;
}

.textList6Dl dd {
	margin-bottom: 30px;
}

.textList6Dl dd .con {
	display: block;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	padding: 17px 0;
	border-top: 1px solid rgba(0, 74, 187, .15);
	border-bottom: 1px solid rgba(0, 74, 187, .15);
}

.textList6Dl dd .con::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.textList6Dl dd .con::before {
	z-index: 2;
	background-image: -moz-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: url(/subsiteSrc/cnPc/images/conBg1.png);
}

.textList6Dl dd .con:hover::before {
	width: 100%;
}

.textList6Dl dd .con .textC {
	position: relative;
	z-index: 5;
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	padding: 0 50px;
	font-size: 24px;
}

.textList6Dl dd .con .textC::after {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color3);
}

.textList6Dl dd .con .text1 {
	color: #181818;
	float: right;
	display: inline;
	margin: 0 0 0 50px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList6Dl dd .con .text2 {
	color: var(--color3);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList6Dl dd .con:hover .text1 {
	float: left;
	margin: 0 50px 0 0;
}

.textList6Dl dd .con:hover .text2 {
	text-align: right;
}

.textList6Dl dd .con:hover .text1,
.textList6Dl dd .con:hover .text2 {
	color: #fff;
}

.textList7Dl {
	overflow: hidden;
	margin-right: -50px;
}

.textList7Dl dd {
	float: left;
	display: inline;
	width: 50%;
	margin-bottom: 30px;
}

.textList7Dl dd .con {
	margin-right: 50px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px dashed rgba(0, 74, 187, .3);
	padding: 30px 50px 30px 40px;
}

.textList7Dl dd .con .title {
	margin-bottom: 37px;
}

.textList7Dl dd .con .title a {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #181818;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList7Dl dd .con .textC {
	overflow: hidden;
}

.textList7Dl dd .con .text {
	overflow: hidden;
	font-size: 0;
	padding: 8px 0 0;
}

.textList7Dl dd .con .text1 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px;
	font-size: 16px;
	color: #ffffff;
	padding: 0 26px;
	border-radius: 15px;
	overflow: hidden;
	background-color: var(--mainColor);
	height: 30px;
	line-height: 30px;
}

.textList7Dl dd .con .time {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: var(--mainColor);
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.textList7Dl dd .con .more {
	float: right;
	display: inline;
	margin-left: 30px;
	font-size: 0;
	border-radius: 24px;
	height: 48px;
	width: 85px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 4px;
	border: 1px dashed rgba(0, 74, 187, .5);
}

.textList7Dl dd .con .more a {
	display: inline-block;
	vertical-align: middle;
	border-radius: 19px;
	background-color: rgba(0, 74, 187, .15);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 18px;
	background-image: url(/subsiteSrc/cnPc/images/right.png);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList7Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.textList7Dl dd .con:hover .more a {
	background-color: rgba(0, 74, 187, 1);
}

.textList8Dl {
	overflow: hidden;
	margin: -30px -25px;
}

.textList8Dl dd {
	float: left;
	display: inline;
	width: 33.3333%;
}

.textList8Dl dd .con {
	margin: 30px 25px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	background-image: url(/subsiteSrc/cnPc/images/textList8DlBg.png);
	padding: 24px 40px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	position: relative;
}

.textList8Dl dd .con .line {
	position: absolute;
	background-color: rgba(0, 74, 187, .15);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList8Dl dd .con .line1 {
	width: 0;
	height: 10px;
	top: -10px;
	right: 0;
}

.textList8Dl dd .con:hover .line1 {
	width: 190px;
}

.textList8Dl dd .con .line2 {
	width: 0;
	height: 10px;
	left: -10px;
	bottom: -10px;
}

.textList8Dl dd .con:hover .line2 {
	width: 200px;
}

.textList8Dl dd .con .line3 {
	width: 10px;
	height: 0;
	left: -10px;
	bottom: 0;
}

.textList8Dl dd .con:hover .line3 {
	height: 90px;
}

.textList8Dl dd .con .line4 {
	width: 10px;
	height: 0;
	top: -10px;
	right: -10px;
}

.textList8Dl dd .con:hover .line4 {
	height: 200px;
}

.textList8Dl dd .con .title {
	margin-bottom: 4px;
}

.textList8Dl dd .con .title a {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 24px;
	color: #181818;
	height: 55px;
	line-height: 55px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList8Dl dd .con .more {
	display: inline-block;
	border-radius: 23px;
	overflow: hidden;
	border: 1px dashed rgba(0, 74, 187, .5);
	padding: 4px;
}

.textList8Dl dd .con .more a {
	display: block;
	background-color: rgba(0, 74, 187, .3);
	height: 35px;
	line-height: 35px;
	padding: 0 40px 0 20px;
	background-repeat: no-repeat;
	background-position: center right 20px;
	font-size: 15px;
	color: #ffffff;
	background-image: url(/subsiteSrc/cnPc/images/right.png);
	background-size: auto 9px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	border-radius: 18px;
	overflow: hidden;
}

.textList8Dl dd .con .textList {
	overflow: hidden;
	margin-bottom: 17px;
	margin-right: -40px;
}

.textList8Dl dd .con .textItem {
	float: left;
	display: inline;
	margin-bottom: 5px;
}

.textList8Dl dd .con .textItem.w100 {
	width: 100%;
}

.textList8Dl dd .con .textCon {
	margin-right: 40px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	/* padding-left: 26px; */
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 15px;
	/* background-image: url(/subsiteSrc/cnPc/images/xin3.png); */
	font-size: 18px;
	color: #666666;
}

.textList8Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.textList8Dl dd .con:hover .more a {
	background-color: var(--mainColor);
}

.textList9Dl {
	overflow: hidden;
	overflow-y: auto;
	height: 327px;
}

.textList9Dl dd {
	float: left;
	display: inline;
	width: 33.3333%;
	padding: 30px 0;
	border-bottom: 1px solid rgba(153, 153, 153, .2);
}

.textList9Dl dd .con {
	margin-right: 50px;
}

.textList9Dl dd .con a {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	font-size: 24px;
	color: #333333;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList9Dl dd .con a:hover {
	font-weight: bold;
	letter-spacing: 1px;
}

.textList10Dl dd {
	padding: 20px 0;
	border-bottom: 1px solid rgba(153, 153, 153, .2);
}

.textList10Dl dd .con {
	overflow: hidden;
}

.textList10Dl dd .time {
	float: left;
	display: inline;
	margin-right: 40px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	color: #333333;
}

.textList10Dl dd .con .title a {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #333333;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList10Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.textList11Dl {
	overflow: hidden;
	margin-right: -30px;
}

.textList11Dl dt {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 30px;
}

.textList11Dl dt .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999999;
	opacity: .3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.textList11Dl dt .con a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	padding: 0 0 8px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	background-image: url(/subsiteSrc/cnPc/images/titleIcon4.png);
	font-size: 24px;
	color: var(--color3);
	padding-left: 35px;
}

.textList11Dl dt .con a::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}

.textList11Dl dd {
	float: left;
	display: inline;
	width: 33.3333%;
	margin-bottom: 30px;
}

.textList11Dl .con {
	margin-right: 30px;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList11Dl dd .con {
	border: 1px dashed rgba(0, 74, 187, .3);
}

.textList11Dl dd .con::after,
.textList11Dl dd .con::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	width: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	background-color: var(--mainColor);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.textList11Dl dd .con::after {
	width: 3px;
}

.textList11Dl dd .con::before {
	z-index: 2;
	background-image: -moz-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(1deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: url(/subsiteSrc/cnPc/images/conBg1.png);
}

.textList11Dl dd .con a {
	display: block;
	position: relative;
	z-index: 5;
	font-size: 18px;
	color: var(--color3);
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 40px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.textList11Dl dd .con:hover {
	box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
	-webkit-box-shadow: 0px 3px 11.28px 0.72px rgba(0, 74, 187, 0.18);
}

.textList11Dl dd .con:hover::before {
	width: 100%;
}

.textList11Dl dd .con:hover a {
	color: #ffffff;
}

/* ========== 全文列表 end ========== */
/* ========== 学科专业详情 start ========== */
.xkzyViewBox {
	background-color: #fff;
	overflow: hidden;
	padding: 30px 60px 24px 40px;
}

.xkzyViewBox .pic {
	border-radius: 20px;
	float: right;
	display: inline;
	width: 650px;
	margin: 10px 0 20px 60px;
}

.xkzyViewBox .pic::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 74, 187, .2);
	position: absolute;
	left: 4px;
	top: 0;
	border-radius: 20px;
	overflow: hidden;
	transform: rotate(358deg);
}

.xkzyViewBox .pic img {
	border-radius: 20px;
	overflow: hidden;
	z-index: 2;
}

.xkzyViewBox .pic::before {
	padding-top: 60%;
}

.xkzyViewTitle {
	font-size: 30px;
	color: var(--mainColor);
	line-height: 50px;
}

.xkzyViewList {
	overflow: hidden;
	position: relative;
	padding: 34px 0 15px;
	margin-right: -50px;
}

.xkzyViewList::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999999;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .2;
}

.xkzyViewList .xkzyViewItem {
	float: left;
	display: inline;
	margin-bottom: 10px;
}

.xkzyViewList .xkzyViewItem .xkzyViewCon {
	font-size: 18px;
	color: #181818;
	/* padding-left: 26px; */
	background-repeat: no-repeat;
	background-position: left center;
	/* background-image: url(/subsiteSrc/cnPc/images/xin3.png); */
	background-size: auto 15px;
	line-height: 30px;
	min-height: 30px;
	margin-right: 50px;
}

.xkzyViewTextList {
	padding: 4px 0 0;
}

.xkzyViewTextItem {
	padding: 20px 0 10px;
}

.xkzyViewTextItem .title {
	margin-bottom: 6px;
	line-height: 30px;
	min-height: 30px;
	/* padding-left: 26px; */
	background-repeat: no-repeat;
	background-position: left center;
	/* background-image: url(/subsiteSrc/cnPc/images/xin3.png); */
	background-size: auto 15px;
	font-size: 18px;
	color: #181818;
}

.xkzyViewTextItem .text {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

/* ========== 学科专业详情 end ========== */
/* ========== 全图列表 start ========== */
.imgList1Dl {
	overflow: hidden;
	margin: -30px;
}

.imgList1Dl dd {
	float: left;
	display: inline;
	width: 33.3333%;
}

.imgList1Dl dd .con {
	margin: 30px;
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	border-radius: 10px;
	overflow: hidden;
	padding: 50px 40px 40px;
}

.imgList1Dl dd .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgList1Dl dd .con:hover {
	background-color: #fff;
}

.imgList1Dl dd .con:hover::before {
	transform: scale(0);
	-webkit-transform: scale(0);
}

.imgList1Dl dd .pic {
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 25px;
}

.imgList1Dl dd .pic::before {
	padding-top: 66.5%;
}

.imgList1Dl dd .con .title {
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 14px;
}

.imgList1Dl dd .con .title a {
	font-size: 18px;
	color: #333333;
}

.imgList1Dl dd .con:hover .title a {
	color: var(--color6);
}

.imgList1Dl dd .textC {
	overflow: hidden;
}

.imgList1Dl dd .con .more {
	float: right;
	margin-left: 30px;
}

.imgList1Dl dd .con .more a {
	display: block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #999999;
	position: relative;
	font-size: 14px;
	color: #999999;
	padding: 0 14px;
	min-width: 28px;
}

.imgList1Dl dd .con .more a::after,
.imgList1Dl dd .con .more a::before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	z-index: 1;
}

.imgList1Dl dd .con .more a::before {
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
}

.imgList1Dl dd .con .more a::after {
	background-size: auto 9px;
	background-image: url(/subsiteSrc/cnPc/images/right.png);
	z-index: 2;
}

.imgList1Dl dd .con:hover .more a::after,
.imgList1Dl dd .con:hover .more a::before {
	width: 100%;
}

.imgList1Dl dd .time {
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	color: #999999;
}

.imgList2Dl {
	overflow: hidden;
	margin: -10px -26px;
}

.imgList2Dl dt {
	margin-bottom: 20px;
}

.imgList2Dl dt .con {
	position: relative;
	font-size: 0;
}

.imgList2Dl dt .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: -moz-linear-gradient(180deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	opacity: 0.302;
	position: absolute;
	left: 0;
	bottom: 0;
}

.imgList2Dl dt .con .title {
	display: inline-block;
	padding: 0 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100% 100%;
	background-image: url(/subsiteSrc/cnPc/images/titleBg1.png);
}

.imgList2Dl dt .con .title a {
	display: block;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	background-image: url(/subsiteSrc/cnPc/images/time.png);
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	font-size: 24px;
	color: #ffffff;
	min-width: 174px;
}

.imgList2Dl dd {
	float: left;
	display: inline;
	width: 25%;
}

.imgList2Dl .con {
	margin: 10px 26px;
}

.imgList2Dl dd .con .title {
	padding: 20px 0;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.imgList2Dl dd .con .title a {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #181818;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 20px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgList2Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.imgList2Dl dd .con .picBox {
	padding: 0 30px;
	background-color: #fff;
	box-shadow: 10px 10px rgba(238, 238, 238, .8);
	-webkit-box-shadow: 10px 10px rgba(238, 238, 238, .8);
}

.imgList2Dl dd .con .pic::before {
	padding-top: 141.9512%;
}

.imgList3Dl {
	overflow: hidden;
	margin: 0 -25px;
}

.imgList3Dl dt {
	margin-bottom: 40px;
}

.imgList3Dl dt .con {
	position: relative;
	font-size: 0;
}

.imgList3Dl dt .con::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: -moz-linear-gradient(180deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	opacity: 0.302;
	position: absolute;
	left: 0;
	bottom: 0;
}

.imgList3Dl dt .con .title {
	display: inline-block;
	padding: 0 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100% 100%;
	background-image: url(/subsiteSrc/cnPc/images/titleBg1.png);
}

.imgList3Dl dt .con .title a {
	display: block;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	background-image: url(/subsiteSrc/cnPc/images/time.png);
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	font-size: 24px;
	color: #ffffff;
	min-width: 174px;
}

.imgList3Dl .con {
	overflow: hidden;
	margin: 0 25px;
}

.imgList3Dl dd {
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 80px;
}

.imgList3Dl dd .con {
	background-color: #fff;
}

.imgList3Dl dd .textC {
	overflow: hidden;
	margin-bottom: 30px;
	display: block;
}

.imgList3Dl dd .date {
	float: right;
	display: inline;
	width: 60px;
	writing-mode: vertical-rl;
	font-size: 18px;
	color: #181818;
	text-align: center;
	line-height: 60px;
	padding: 60px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-weight: bold;
	letter-spacing: 5px;
}

.imgList3Dl dd .pic {
	overflow: hidden;
}

.imgList3Dl dd .pic::before {
	padding-top: 133.3333%;
}

.imgList3Dl dd .con .time {
	margin: 0 20px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	color: #999999;
}

.imgList3Dl dd .con .title {
	margin: 0 20px;
	border-top: 1px solid rgba(153, 153, 153, .3);
	border-bottom: 1px solid rgba(153, 153, 153, .3);
	text-align: center;
}

.imgList3Dl dd .con .title a {
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	max-width: 100%;
	font-size: 16px;
	color: #181818;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgList3Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.imgList4Dl {
	overflow: hidden;
	margin-right: -130px;
}

.imgList4Dl dd {
	float: left;
	display: inline;
	width: 50%;
	margin-bottom: 30px;
}

.imgList4Dl dd .con {
	overflow: hidden;
	margin-right: 130px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}

.imgList4Dl dd .text {
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	background-color: #eff6ff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 40px 60px;
	margin: 0 30px;
}

.imgList4Dl dd .pic {
	border-radius: 10px;
	overflow: hidden;
}

.imgList4Dl dd .pic::before {
	padding-top: 144.8598%;
}

.imgList4Dl dd .textC {
	background-color: var(--color7);
	border-radius: 10px 10px 0 0;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
}

.imgList4Dl dd .textC::before,
.imgList4Dl dd .textC::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	bottom: -15px;
	z-index: -1;
}

.imgList4Dl dd .textC::before {
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent var(--color8);
	right: 0;
}

.imgList4Dl dd .textC::after {
	border-width: 15px 30px 15px 0;
	border-color: transparent var(--color8) transparent transparent;
	left: 0;
}

.imgList4Dl dd .title {
	padding: 56px 0 20px;
	background-repeat: no-repeat;
	background-position: top 14px center;
	background-size: auto 30px;
	background-image: url(/subsiteSrc/cnPc/images/xin4.png);
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

/* ========== 全图列表 end ========== */
/* ========== 图文列表 start ========== */
.imgTextList1Dl {
	overflow: hidden;
}

.imgTextList1Dl dd {
	float: left;
	display: inline;
	width: 100%;
}

.imgTextList1Dl dd+dd {
	border-top: 1px solid rgba(0, 74, 187, .1);
}

.imgTextList1Dl dd .con {
	transition: .3s linear;
	-webkit-transition: .3s linear;
	overflow: hidden;
	position: relative;
	padding: 30px 0;
}

.imgTextList1Dl dd .con::before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/subsiteSrc/cnPc/images/conBg2.png);
	transition: .3s linear;
	-webkit-transition: .3s linear;
	position: absolute;
	top: 0;
	left: 0;
}

.imgTextList1Dl dd .con:hover {
	padding: 30px 40px;
	border-radius: 20px;
}

.imgTextList1Dl dd .con:hover::before {
	width: 100%;
}

.imgTextList1Dl dd .pic {
	float: left;
	display: inline;
	width: 400px;
	z-index: 5;
	margin-right: 60px;
}

.imgTextList1Dl dd .pic::before {
	padding-top: 60%;
}

.imgTextList1Dl dd .pic img {
	border-radius: 10px;
}

.imgTextList1Dl dd .pic .line {
	width: 80px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 18px;
	background-image: url(/subsiteSrc/cnPc/images/line2.png);
	transition: .3s linear;
	-webkit-transition: .3s linear;
	position: absolute;
	right: 0;
	top: 36.6667%;
	z-index: 2;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}

.imgTextList1Dl dd .con:hover .pic .line {
	background-image: url(/subsiteSrc/cnPc/images/line2h.png);
}

.imgTextList1Dl dd .text {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 14px 0 0;
	z-index: 5;
}

.imgTextList1Dl dd .con .title {
	margin-bottom: 64px;
}

.imgTextList1Dl dd .con .title a {
	font-size: 24px;
	color: #181818;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 52px;
	line-height: 52px;
}

.imgTextList1Dl dd .info {
	font-size: 16px;
	color: #666666;
	margin-bottom: 14px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	padding-right: 26.5455%;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgTextList1Dl dd .more {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border-radius: 26px;
	overflow: hidden;
	padding: 4px;
	border: 1px dashed rgba(0, 74, 187, .5);
	z-index: 5;
	height: 42px;
}

.imgTextList1Dl dd .more a {
	display: inline-block;
	background-color: var(--mainColor);
	border-radius: 21px;
	overflow: hidden;
	min-width: 80px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 18px;
	background-image: url(/subsiteSrc/cnPc/images/right.png);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgTextList1Dl dd .con:hover .more a {
	background-image: url(/subsiteSrc/cnPc/images/righth.png);
	background-color: #fff;
}

.imgTextList1Dl dd .time {
	font-size: 16px;
	color: #666666;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgTextList1Dl dd .con:hover .info,
.imgTextList1Dl dd .con:hover .info a,
.imgTextList1Dl dd .con:hover .time,
.imgTextList1Dl dd .con:hover .title a {
	color: #fff;
}

.imgTextList2Dl {
	overflow: hidden;
	margin-right: -30px;
}

.imgTextList2Dl dd {
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 50px;
}

.imgTextList2Dl dd .con {
	margin-right: 30px;
	overflow: hidden;
}

.imgTextList2Dl dd .con .pic {
	border-radius: 10px;
	overflow: hidden;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgTextList2Dl dd .con .pic .more {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 10px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(8, 73, 183, .3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 24px;
	background-image: url(/subsiteSrc/cnPc/images/common/arrowRight.svg);
	z-index: 2;
}

.imgTextList2Dl dd .con:hover .pic {
	border-radius: 10px 10px 0 0;
}

.imgTextList2Dl dd .con .pic::before {
	padding-top: 133.3333%;
}

.imgTextList2Dl dd .con .name a {
	font-size: 20px;
	color: var(--color9);
	transition: .3s linear;
	-webkit-transition: .3s linear;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
}

.imgTextList2Dl dd .con .info {
	font-size: 14px;
	color: #565b65;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
	margin-bottom: 4px;
}

.imgTextList2Dl dd .con .textC {
	font-size: 16px;
	color: #b4bac7;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.imgTextList2Dl dd .con .text {
	position: relative;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	overflow: hidden;
	padding: 8px 30px 26px 0;
}

.imgTextList2Dl dd .con:hover .text {
	background-color: var(--color10);
	border-radius: 0 0 10px 10px;
	padding: 8px 30px 26px;
}

.imgTextList2Dl dd .con .text::after,
.imgTextList2Dl dd .con .text::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.imgTextList2Dl dd .con .text::before {
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
}

.imgTextList2Dl dd .con .text::after {
	height: 3px;
	background-color: #fb3737;
	z-index: 2;
	width: 0;
}

.imgTextList2Dl dd .con:hover .text::after {
	width: 100%;
}

.imgTextList2Dl dd .con:hover .textC {
	color: #78a5ce;
}

.imgTextList2Dl dd .con:hover .name a,
.imgTextList2Dl dd .con:hover .info {
	color: #fff;
}

/* ========== 图文列表 end ========== */
/* ========== 书籍信箱 start ========== */
.singleArticleEmailBox {
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 40px 50px;
}

.singleArticleEmailTitle {
	font-size: 24px;
	color: #181818;
	padding: 0 0 22px;
	line-height: 42px;
	border-bottom: 1px solid rgba(0, 74, 187, .1);
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.singleArticleEmailBox .articleBox {
	font-size: 18px;
	color: #666666;
}

.singleArticleEmailBox .colorRed a,
.singleArticleEmailBox .colorRed {
	color: #f4040d;
}

/* ========== 书籍信箱 end ========== */
/* ========== 警魂_详情页\师资队伍_详情 start ========== */
.detailsViewBox,.detailsViewBox p{
	font-size: 20px;
	color: #666666;
	line-height: 36px !important;
	font-family: "宋体", "SimSun";
}

.detailsViewTop {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top -70px right -30px;
	background-image: url(/subsiteSrc/cnPc/images/newsViewJhTopBg.png);
	background-size: auto 432px;
	border-radius: 20px;
	overflow: hidden;
	padding: 50px 50px 45px;
}

.detailsViewTopLeft {
	float: left;
	display: inline;
	width: 337px;
	margin-right: 50px;
}

.detailsViewTopLeft .pic {
	overflow: hidden;
	margin-bottom: 25px;
}

.detailsViewTopLeft .pic::before {
	padding-top: 133.3333%;
}

.detailsViewTopLeft .name {
	font-size: 26px;
	color: var(--color9);
	line-height: 35px;
	margin-bottom: 20px;
}

.detailsViewTopLeft .info {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.detailsViewTopRight {
	overflow: hidden;
	padding: 10px 0 25px;
}

.historyBack {
	font-size: 0;
	text-align: right;
}

.historyBack a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #ffffff;
	padding: 0 40px 0 70px;
	background-repeat: no-repeat;
	background-position: left 40px center;
	background-size: auto 15px;
	background-color: rgba(0, 74, 187, .1);
	background-image: url(/subsiteSrc/cnPc/images/back.png);
	transition: .3s linear;
	-webkit-transition: .3s linear;
	height: 47px;
	line-height: 47px;
	border-radius: 24px;
	overflow: hidden;
}

.historyBack a:hover {
	background-color: rgba(0, 74, 187, 1);
}

.detailsViewText {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

.detailsViewTitle {
	font-size: 18px;
	color: #26334c;
	font-weight: bold;
	line-height: 30px;
}

.detailsViewTitle2 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}

.detailsViewBottom {
	background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
	padding: 34px 50px 44px;
}

.detailsViewSection1 {
	padding: 36px 0 70px;
	border-bottom: 1px solid #e1e2e4;
	margin-bottom: 34px;
}

.detailsViewSection1 .detailsViewTitle {
	margin-bottom: 8px;
}

.detailsViewSection2 {
	padding: 36px 0 30px;
	border-bottom: 1px solid #e1e2e4;
	margin-bottom: 40px;
}

.detailsViewSection2 .detailsViewTitle {
	margin-bottom: 34px;
}

.detailsViewList1Dl {
	overflow: hidden;
	margin-right: -30px;
}

.detailsViewList1Dl dd {
	float: left;
	display: inline;
	margin-bottom: 15px;
}

.detailsViewList1Dl dd .con {
	margin-right: 30px;
	padding: 0 40px;
	border-radius: 5px;
	overflow: hidden;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	color: #666666;
	background-color: #f5f5f5;
}

.detailsViewSection3 .detailsViewTitle {
	margin-bottom: 32px;
}

/* ========== 警魂_详情页\师资队伍_详情 end ========== */
/* ob电竞体育app概况 start */
/* 公共标题start */
.schoolProfileTitle {
	line-height: 30px;
	height: 30px;
}

.schoolProfileTitle .titleC {
	float: left;
	display: inline;
	margin-right: 20px;
	padding-left: 15px;
	position: relative;
	font-size: 24px;
	color: #153564;
}

.schoolProfileTitle .titleC::before {
	display: block;
	content: "";
	width: 3px;
	height: 25px;
	background-color: #b1bbc9;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
}

.schoolProfileTitle .line {
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	position: relative;
}

.schoolProfileTitle .line::before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #c2d1e8;
	position: absolute;
	left: 0;
	top: 50%;
}

.schoolProfileTitle .line::after {
	display: block;
	content: "";
	width: 10px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	height: 10px;
	background-color: #004abb;
}

/* 公共标题end */
.schoolProfilePage {
	background-color: #fff;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

.schoolProfileBox {
	padding: 38px 0 0;
}

.schoolProfileBoxC1 {
	margin-bottom: 45px;
}

.schoolProfileBoxC1 .schoolProfileTitle {
	margin-bottom: 40px;
}

.schoolProfileBoxC1 .pic {
	width: 506px;
	margin: 0 auto;
}

.schoolProfileBoxC1 .pic::before {
	padding-top: 14.0316%;
}

.schoolProfileBoxC2 {
	margin-bottom: 60px;
}

.schoolProfileBoxC2 .schoolProfileTitle {
	margin-bottom: 55px;
}

.schoolProfileBoxC2 .pic {
	width: 328px;
	margin: 0 auto;
}

.schoolProfileBoxC2 .pic::before {
	padding-top: 100%;
}

.schoolProfileBoxC3 {
	margin-bottom: 10px;
}

.schoolProfileBoxC3 .schoolProfileTitle {
	margin-bottom: 45px;
}

.schoolProfileC3List dd {
	margin-bottom: 55px;
}

.schoolProfileC3List dd .con .pic {
	width: 514px;
	margin: 0 auto;
}

.schoolProfileC3List dd .con .pic::before {
	padding-top: 12.6459%;
}

.schoolProfileC3List dd .con .pic .text {
	position: absolute;
	right: -135px;
	top: 50%;
	line-height: 30px;
	height: 30px;
	margin-top: -15px;
}

.schoolProfileC3List dd .con .pic .text a {
	display: block;
	font-size: 16px;
	color: #999999;
	padding-right: 25px;
	background: url("/subsiteSrc/cnPc/images/schoolProfileC3Icon.png") no-repeat right center;
}

.schoolProfileC3List dd .con .pic .text a:hover {
	background-image: url("/subsiteSrc/cnPc/images/schoolProfileC3IconH.png");
	color: #004abb;
}

.schoolProfileBoxC4 .schoolProfileTitle {
	margin-bottom: 40px;
}

.schoolProfileBoxC4 .schoolProfileC4L {
	float: left;
	display: inline;
	width: 42.95%;
	margin-right: 40px;
}

.schoolProfileBoxC4 .schoolProfileC4L .pic {
	overflow: hidden;
}

.schoolProfileBoxC4 .schoolProfileC4L .pic::before {
	padding-top: 141.3432%;
}

.schoolProfileBoxC4 .textCon {
	overflow: hidden;
}

.schoolProfileBoxC4 .textCon .textConUp {
	padding: 85px 30px 0 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #666666;
	height: 500px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: justify;
}

.schoolProfileBoxC4 .textCon .textConUp .textConUpC {
	height: 360px;
	overflow-y: auto;
	padding-right: 10px;
}

.schoolProfileBoxC4 .textCon .textConUp .textConUpC::-webkit-scrollbar {
	width: 2px;
	background: #eaeff2;
}

.schoolProfileBoxC4 .textCon .textConUp .textConUpC::-webkit-scrollbar-thumb {
	width: 2px;
	border-radius: 2px;
}

.schoolProfileC4List dd {
	float: left;
	display: inline;
	width: 33.3333%;
}

.schoolProfileC4List dd .con {
	background-color: #fff;
	padding: 40px;
	text-align: center;
}

.schoolProfileC4List dd.dd2 .con {
	background-color: #f0f6ff;
}

.schoolProfileC4List dd.dd3 .con {
	background-color: #f0eddc;
}

.schoolProfileC4List dd .con .name {
	line-height: 40px;
	height: 40px;
	margin-bottom: 30px;
	font-size: 24px;
	color: #181818;
	overflow: hidden;
}

.schoolProfileC4List dd .con .picC {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 2px solid #fff;
	margin: 0 auto 40px;
	padding: 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: rgba(242, 245, 248, 0.3);
	text-align: center;
	line-height: 180px;
}

.schoolProfileC4List dd .con .picC img {
	max-width: 180px;
	vertical-align: middle;
	display: inline-block;
}

.schoolProfileC4List dd .con .downLoad {
	line-height: 45px;
	height: 45px;
}

.schoolProfileC4List dd .con .downLoad a {
	display: block;
	margin: 0 auto;
	width: 165px;
	height: 45px;
	text-align: center;
	font-size: 16px;
	color: #999999;
	border-radius: 45px;
	background-color: #f7f9fc;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.schoolProfileC4List dd .con .downLoad a span {
	display: inline-block;
	height: 45px;
	margin-left: 10px;
	width: 16px;
	background: url("/subsiteSrc/cnPc/images/schoolProfileC4Icon.png") no-repeat center center;
	vertical-align: middle;
}

.schoolProfileC4List dd .con .downLoad a:hover {
	background-color: #004abb;
	color: #fff;
}

.schoolProfileC4List dd .con .downLoad a:hover span {
	background-image: url("/subsiteSrc/cnPc/images/schoolProfileC4IconH.png");
}

/* ob电竞体育app概况 end */
/* 大盛娱乐简介 start */
.aboutUsBox {
	padding: 40px 0 0;
	overflow: hidden;
}

.aboutUsBoxUp {
	margin-bottom: 80px;
}

.aboutUsBoxUpC1 {
	margin-bottom: 30px;
}

.aboutUsBoxUpC1 .pic.pic1 {
	width: 43.095%;
}

.aboutUsBoxUpC1 .pic.pic1::before {
	padding-top: 59.8958%;
}

.aboutUsBoxUpC1 .pic.pic1::after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	right: -10px;
	bottom: -10px;
	position: absolute;
	background-image: -moz-linear-gradient(90deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(90deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(90deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	opacity: 0.8;
	z-index: 0;
	border-radius: 0 0 20px 0;
}

.aboutUsBoxUpC1 .pic.pic1 img {
	z-index: 2;
	border-radius: 20px 0 20px 0;
}

.aboutUsBoxUpC1 .pic.pic2 {
	width: 35.6%;
	overflow: hidden;
	margin-top: 15px;
	margin-right: 10%;
}

.aboutUsBoxUpC1 .pic.pic2::before {
	padding-top: 27.027%;
}

.aboutUsBoxUpC2List {
	width: 45%;
	float: left;
	display: inline;
	padding: 0 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.aboutUsBoxUpC2List dd {
	margin-bottom: 50px;
}

.aboutUsBoxUpC2List dd:last-child {
	margin-bottom: 0;
}

.aboutUsBoxUpC2List dd .con {
	line-height: 65px;
	height: 65px;
	border-bottom: 1px solid rgba(0, 74, 187, 0.3);
}

.aboutUsBoxUpC2List dd .con .num {
	float: right;
	display: inline;
	font-size: 18px;
	color: #666666;
}

.aboutUsBoxUpC2List dd .con .num span {
	font-size: 36px;
	color: var(--color3);
	margin-right: 10px;
}

.aboutUsBoxUpC2List dd .con .text {
	overflow: hidden;
	font-size: 18px;
	color: var(--color3);
}

.aboutUsBoxUpC2 {
	position: relative;
}

.aboutUsBoxUpC2 .textCon {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 53.8462%;
	height: 860px;
	padding: 50px 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #003c98 url("../images/aboutUsIcon1.png") no-repeat center center;
	border-radius: 0 100px 0 100px;
}

.aboutUsBoxUpC2 .textCon .textConC {
	line-height: 27px;
	font-size: 16px;
	color: #ffffff;
	overflow: hidden;
	height: 783px;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-right: 10px;
}

.aboutUsBoxUpC2 .textCon .textConC::-webkit-scrollbar {
	width: 2px;
	background: #eaeff2;
}

.aboutUsBoxUpC2 .textCon .textConC::-webkit-scrollbar-thumb {
	width: 2px;
	border-radius: 2px;
}

.aboutUsBoxDown .pic {
	float: left;
	display: inline;
	width: 41.6666%;
	margin-right: 50px;
	margin-bottom: 45px;
}

.aboutUsBoxDown .pic::before {
	padding-top: 60%;
}

.aboutUsBoxDown .pic img {
	z-index: 1;
	border-radius: 0 20px 0 20px;
}

.aboutUsBoxDown .pic::after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	right: -10px;
	bottom: -10px;
	position: absolute;
	background-image: -moz-linear-gradient(90deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(90deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(90deg, rgba(0, 74, 187) 0%, rgba(251, 55, 55) 100%);
	opacity: 0.8;
	z-index: 0;
	border-radius: 0 20px 0 20px;
}

.aboutUsBoxDown .text {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

/* 大盛娱乐简介 end */


/* ========== 精品课程 start ========== */
.excellentCourse1 {
	overflow: hidden;
	position: relative;
	padding-bottom: 94px;
	margin-bottom: 40px;
}

.excellentCourse1 .pic {
	width: 51.2821%;
	float: right;
}

.excellentCourse1 .pic::before {
	padding-top: 60%;
}

.excellentCourse1Con {
	width: 55%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% 100%;
	background-image: url(/subsiteSrc/cnPc/images/excellentCourse1ConBg.png);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30px 50px;
}

.excellentCourse1Title {
	position: relative;
	height: 74px;
	line-height: 74px;
	padding-bottom: 2px;
	overflow: hidden;
	font-size: 36px;
	color: #181818;
	margin-bottom: 50px;
}

.excellentCourse1Title::before {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(255, 35, 35) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(255, 35, 35) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(255, 35, 35) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.excellentCourse2 {
	background-color: #fff;
	padding-bottom: 80px;
}

.excellentCourse2Title {
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 55px;
	background-image: url(/subsiteSrc/cnPc/images/titleBg1.png);
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	padding-left: 50px;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 26px;
}

.excellentCourse2 .textList10Dl {
	margin: 0 50px 0;
}

/* ========== 精品课程 end ========== */
/* ========== 校园风光 start ========== */
.campusSceneryBox .schoolProfileTitle {
	margin-bottom: 30px;
}

.imgList5Dl {
	overflow: hidden;
	margin: 0 -20px;
}

.imgList5Dl dd {
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 20px;
}

.imgList5Dl dd .con {
	overflow: hidden;
	margin: 0 20px;
}

.imgList5Dl dd .pic {
	overflow: hidden;
}

.imgList5Dl dd .pic::before {
	padding-top: 60%;
}

.imgList5Dl dd .con .title a {
	display: block;
	text-align: center;
	height: 58px;
	line-height: 58px;
	overflow: hidden;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	font-size: 18px;
	color: #181818;
}

.imgList5Dl dd .con:hover .title a {
	color: var(--mainColor);
}

.campusSceneryCon {
	margin-bottom: 55px;
	position: relative;
}

.campusSceneryCon .fangkuai {
	height: 60px;
}

.campusSceneryCon .fangkuai::before {
	content: '';
	display: block;
	width: 63px;
	height: 60px;
	background-image: -moz-linear-gradient(46deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -webkit-linear-gradient(46deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	background-image: -ms-linear-gradient(46deg, rgb(0, 74, 187) 0%, rgb(251, 55, 55) 100%);
	position: absolute;
	top: 0;
	right: 0;
}

.cstSlickBox {
	width: 73.7179%;
	position: relative;
	position: absolute;
	left: 60px;
	top: 0;
	z-index: 5;
}

.cstabCSlick {
	position: relative;
}

.cstabCSlick .bd {
	position: relative;
}

.cstabCSlick .pic::before {
	padding-top: 60%;
}

.cstabSlick {
	margin: 0 50px;
	position: relative;
	z-index: 5;
	transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
}

.cstabSlick .bd {
	position: relative;
	overflow: hidden;
	margin-right: -30px;
}

.cstabSlick .myslide {
	padding-top: 20px;
}

.cstabSlick .con {
	margin-right: 30px;
	background-image: -moz-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(255, 35, 35) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(255, 35, 35) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(0, 74, 187) 0%, rgb(255, 35, 35) 100%);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.cstabSlick .pic::before {
	padding-top: 60%;
}

.cstabSlick .con:hover,
.cstabSlick .slick-current .con {
	padding: 4px;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}

.csSection1 {
	margin-right: 60px;
	position: relative;
}

.csSection1:before {
	display: block;
	content: '';
	padding-top: 50.9333%;
}

.csSection1::after {
	content: '';
	display: block;
	width: 100%;
	height: 59.7855%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #e0ddcf;
	z-index: 2;
}

.csSection1Con {
	width: 23.141%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(/subsiteSrc/cnPc/images/csSection1ConBg.png);
	background-size: cover;
}

.seasonSlickTab {
	width: 80px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	font-size: 48px;
	color: #fff;
}

.seasonSlickTab .slickcon {
	width: 81px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: auto 80px;
	background-position: center center;
	cursor: pointer;
}

.seasonSlickTab .slick-current .slickcon {
	background-image: url(/subsiteSrc/cnPc/images/tabActive.png);
}

.seasonSlickTab .slickcon img {
	display: inline-block;
	vertical-align: middle;
}

.slickArrowBox {
	overflow: hidden;
	position: absolute;
	bottom: 85px;
	left: 0;
	z-index: 10;
	font-size: 0;
	width: 100%;
	text-align: center;
}

.slickArrowBox .arrowPrev,
.slickArrowBox .arrowNext {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: 0 35px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: auto 25px;
	color: #fff;
	text-align: center;
}

.slickArrowBox .arrowPrev {
	background-image: url(/subsiteSrc/cnPc/images/arrowsLeft2.png);
	background-position: right center;
}

.slickArrowBox .arrowNext {
	background-image: url(/subsiteSrc/cnPc/images/arrowsRight2.png);
	background-position: left center;
}

/* ========== 校园风光 end ========== */

/* ————— 校長信箱 start ————— */
.messageOuter{
	padding: 25px 25px 50px;
	background: #fff;
	border-radius: 10px;
	position: relative;
}
.messageTitle{
	text-align: center;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	color: #333;
}
.messageForm::after{
	display: block;
	content: '';
	clear: both;

}
.messageForm .item{
	float: left;
	display: inline;
	width: 50%;
	padding: 10px 0;
}
.messageForm .item .con{
	margin: 0 20px;
	position: relative;
	display: flex;

}
.messageForm .item .itemC{flex: 1;}
.messageForm .item.w100p{ width: 100%;}
.messageForm .item .con{ margin-right: 40px;}
.messageForm .item .label{ height: 40px; line-height: 40px;font-size: 16px;color: #333;width: 105px;text-align: right;}
.messageForm .item .label span{ color: #da0100;}
.messageForm .item .itemC{ clear: both; min-height: 40px;}
.input{ border: 1px solid #ddd; padding:0 10px}
.input input{ border: none; background: none; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333;}
.textarea{ border: 1px solid #ddd; padding:5px 10px}
.textarea textarea{ border: none; background: none; width: 100%; height: 240px; line-height: 30px; font-size: 16px; color: #333;}
a.formBtn{ display: inline-block; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #FFF; border-radius: 3px; font-size: 16px; color: #333; padding:0 30px; margin: 0 5px;}
a.formBtn:hover{ opacity: .9;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aab2bd; /* placeholder颜色  */font-size:16px; /* placeholder字体大小  */text-align: left; /* placeholder位置  */}
.formYzm .input{ width: 50%; float: left; display: inline;}
.formYzm .yzmImg{ padding: 0 30px; height: 42px; border-radius: 5px; background: var(--mainColor); float: left; display: inline; margin-left: 10px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;cursor: pointer;border: none;}
#getCodePhone[disabled] {
	background-color: #ccc;
	cursor: not-allowed;
  }
.formYzm #codeImg{border-radius: 5px;background: none;padding: 0;}
.formYzm #codeImg img{display: block;height: 42px;cursor: pointer;}
.formSubBtn{ font-size: 0; text-align: center; margin: 0 -5px;}
.formSubBtn a{ padding:0 50px; border-radius: 5px;height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;}
.formSubBtn a.submit{ background: #1e5ab0; color: #FFF;}
.formSubBtn a.reset{ background: #ddd; color: #8b8b8b;}
/* ————— 校長信箱 end ————— */