@charset "UTF-8";

body {
	overflow-x: hidden;
}

/*banner*/
.banner,
.banner div.slick-list,
.banner .slick-slide a,
.banner .slick-slide a img,
.banner .slick-slide img {
	width: 100%;
	height: 100vh;
}

.banner {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.banner .slick-slide{
	overflow: hidden;
}

.banner .slick-slide a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: url(/images/top-yy.png) repeat-x;
	height: 3.32rem;
}

.banner .slick-slide img {
	display: block;
	width: 100%;
	transform: scale(1.1);
	transition: all 5s ease-out;
}

.banner .img_scale img {
	transform: scale(1);
}

.banner .slick-dots {
	max-width: 15rem;
	margin: 0 auto;
	bottom: 0.5rem;
	width: 100%;
	left: 0;
	right: 0;
	text-align: right;
	font-size: 0;
	z-index: 9;
}

.banner .slick-dots li {
	vertical-align: middle;
	margin: 0 0.15rem;
	padding: 0;
	width: 0.46rem;
	height: 0.13rem;
	background: url(/images/dot1.png) no-repeat;
	background-size: 100% 100%;
	transition: all 0.3s;
}

.banner .slick-dots li.slick-active {
	background: url(/images/dot2.png) no-repeat;
	background-size: 100% 100%;
}

/*首页样式*/

.title {
	text-align: center;
	position: relative;
	z-index: 1;
}

.title::before {
	content: '';
	position: absolute;
	top: 0.262rem;
	left: 50%;
	margin-left: 1.33rem;
	right: 0.6rem;
	border-bottom: 1px dashed #d9e7ed;
}

.title::after {
	content: '';
	position: absolute;
	top: 0.235rem;
	right: 0.5rem;
	width: 0.06rem;
	height: 0.06rem;
	border: 1px solid #d9e7ed;
	border-radius: 50%;
}

.title h3 {
	display: inline-block;
	width: 2.6rem;
	font-size: 0.32rem;
	color: #076eac;
	background: url(/images/title-bg.png) no-repeat center bottom;
	background-size: 2.6rem 0.38rem;
	padding-bottom: 0.2rem;
}

.more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	transition: all 0.3s;
}

.more a {
	display: block;
	font-size: 0.16rem;
	color: #191919;
	width: 0.43rem;
	height: 0.37rem;
	line-height: 0.37rem;
	background: url(/images/more1.png) no-repeat left center;
	background-size: 0.36rem 0.37rem;
	text-align: right;
}

.more:hover {
	right: 0.05rem;
}

.more a:hover {
	color: #076eac;
}


/*主体*/
.section0 {
	padding: 0.16rem 0;
	background: url(/images/s0-bg1.png) no-repeat;
	background-size: cover;
	position: relative;
}

.section0::after {
	content: '';
	position: absolute;
	top: 0.12rem;
	left: 0;
	right: 0;
	height: 0.8rem;
	background: url(/images/s0-x.png) no-repeat center;
	background-size: 100% auto;
}

.s0-c {
	position: relative;
	z-index: 1;
}

.s0-c ul li a {
	display: block;
	position: relative;
}

.s0-c ul li .pic1 {
	width: 1.12rem;
	height: 1.12rem;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff;
	position: relative;
	z-index: 1;
}

.s0-c ul li .pic1::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.8rem;
	height: 0.79rem;
	background: url(/images/s0-bg.png) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}

.s0-c ul li .pic1 p {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.s0-c ul li .pic1 p::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 0.11rem;
	height: 0.11rem;
	background: url(/images/s0-d.png) no-repeat;
	background-size: 100% 100%;
}

.s0-c ul li .pic1 p::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 0.11rem;
	height: 0.11rem;
	background: url(/images/s0-d.png) no-repeat;
	background-size: 100% 100%;
}

.s0-c ul li h3 {
	text-align: center;
	font-size: 0.2rem;
	color: #1a1a1a;
	transition: all 0.3s;
}

.s0-c ul li:hover h3 {
	color: #076eac;
}

.s0-c ul li:hover .pic1::before {
	animation: circle1 3s linear infinite;
}

@keyframes circle1 {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}


.section1 {
	padding-top: 0.36rem;
	padding-bottom: 0.63rem;
	background: url(/images/section1-bg.png) no-repeat center top;
	background-size: 100% 100%;
}

.s1-c {
	align-items: flex-start;
	overflow: hidden;
	margin-top: 0.3rem;
	padding-top: 0.3rem;
	position: relative;
}

.s1-c::before {
	content: '';
	position: absolute;
	top: -0.3rem;
	left: 0.45rem;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right, #e5f6ff, rgba(255, 255, 255, 0));
	z-index: -1;
}

.s1-l {
	width: 54.2%;
}

.s1-l .slick-slider {
	padding-bottom: 0.72rem;
}

.s1-l ul li a {
	display: block;
}

.s1-l ul li a .s1-lpic {
	position: relative;
}

.s1-l ul li a .s1-lpic h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.25rem;
	font-size: 0.2rem;
	color: #fff;
	padding: 0 0.3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.s1-l ul li .pic {
	padding-top: 66.66%;
}

.s1-l ul li .pic::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/images/jdt-yy.png) repeat-x;
	height: 1.14rem;
}

.s1-l ul li:hover .pic img {
	transform: scale(1.1);
}

.s1-l ul li .pic .date {
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
	text-align: center;
	width: 1.15rem;
	height: 1.15rem;
	background: rgba(4, 98, 164, 0.9);
	color: #fff;
	padding-top: 0.14rem;
}

.s1-l ul li .pic .date p {
	font-family: Arial;
	font-size: 0.6rem;
	font-weight: bold;
	line-height: 1;
}

.s1-l ul li .pic .date span {
	font-family: Arial;
	font-size: 0.18rem;
	font-weight: bold;
}

.s1-l .slick-dots {
	width: auto;
	bottom: 0;
	left: 0.7rem;
	font-size: 0;
}

.s1-l .slick-dots li {
	margin: 0 0.25rem;
	width: auto;
	height: auto;
}

.s1-l .slick-dots li .dot-page {
	position: relative;
}

.s1-l .slick-dots li .dot-page::after {
	content: '';
	position: absolute;
	bottom: -0.1rem;
	left: 0;
	width: 100%;
	border-bottom: 0.03rem solid #076eac;
	transform: scale(0);
	transition: all 0.3s;
}

.s1-l .slick-dots li.slick-active .dot-page::after {
	transform: none;
}

.s1-l .slick-dots li .dot-page span {
	display: block;
	width: 0.45rem;
	height: 0.45rem;
	font-size: 0.2rem;
	color: #191919;
}

.s1-l .slick-dots li.slick-active .dot-page span {
	font-size: 0.32rem;
	background: url(/images/dot3.png) no-repeat;
	background-size: 100% 100%;
}

.s1-l .slick-prev,
.s1-l .slick-next {
	width: 1.4rem;
	height: 0.72rem;
	top: auto;
	transform: none;
	bottom: 0;
	transition: all 0.3s;z-index:9;
}

.s1-l .slick-prev {
	left: auto;
	right: 1.2rem;
	background: #e9b666 url(../images/jdt-prev.png) no-repeat center;
	background-size: 0.37rem 0.08rem;
}

.s1-l .slick-next {
	right: -0.2rem;
	background: #076eac url(/images/jdt-next.png) no-repeat center;
	background-size: 0.37rem 0.08rem;
}

.s1-l .slick-prev:hover,
.s1-l .slick-next:hover {
	background-size: 0.47rem 0.1rem;
}

.s1-r {
	width: 42.66%;
}

.s1-rt a {
	display: flex;
	flex-wrap: wrap;
}

.s1-rt .s1-rt-l {
	width: 2.96rem;
}

.s1-rt .s1-rt-l .pic {
	padding-top: 71.62%;
}

.s1-rt:hover .s1-rt-l .pic img {
	transform: scale(1.1);
}

.s1-rt .s1-rt-ltx {
	width: calc(100% - 2.96rem);
	background: url(/images/s1-rt-ltxbg.jpg) no-repeat center;
	background-size: cover;
	padding: 0.25rem;
	color: #fff;
	position: relative;
}

.s1-rt .s1-rt-ltx::after {
	content: '';
	position: absolute;
	bottom: 0.25rem;
	right: 0.25rem;
	width: 0.37rem;
	height: 0.08rem;
	background: url(/images/jdt-next.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.6;
}

.s1-rt .s1-rt-ltx h3 {
	font-size: 0.2rem;
	line-height: 0.28rem;
	height: 0.56rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	position: relative;
	left: 0;
	transition: all 0.3s;
}

.s1-rt .s1-rt-ltx hr {
	background: none;
	border: none;
	width: 0.5rem;
	border-bottom: 0.03rem solid #fff;
	margin: 0.2rem 0 0.35rem 0;
	position: relative;
	left: 0;
	transition: all 0.3s;
}

.s1-rt .s1-rt-ltx .date {
	position: relative;
	left: 0;
	transition: all 0.3s;
}

.s1-rt .s1-rt-ltx .date p {
	display: inline-block;
	font-family: Arial;
	font-size: 0.32rem;
	position: relative;
}

.s1-rt .s1-rt-ltx .date p::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -0.2rem;
	background: url(/images/s1-rtx.png) no-repeat;
	background-size: 100% 100%;
	width: 0.21rem;
	height: 0.24rem;
}

.s1-rt .s1-rt-ltx .date span {
	display: inline-block;
	font-family: Arial;
	font-size: 0.16rem;
	vertical-align: bottom;
	padding-left: 0.2rem;
}


.s1-rt:hover .s1-rt-ltx h3,
.s1-rt:hover .s1-rt-ltx hr,
.s1-rt:hover .s1-rt-ltx .date {
	left: 0.05rem;
}


.s1-r ul li {
	overflow: hidden;
	border-bottom: 1px dashed #dadada;
	padding: 0.28rem 0;
	font-size: 0.2rem;
}

.s1-r ul li a {
	display: block;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	padding-left: 0.45rem;
	background: url(/images/s1-rzs1.png) no-repeat left center;
	background-size: 0.3rem 0.11rem;
	color: #191919;
	transition: all 0.3s;
}

.s1-r ul li span {
	float: right;
	padding-left: 0.15rem;
	font-family: Arial;
	color: #b1b1b1;
	transition: all 0.3s;
}

.s1-r ul li:hover a,
.s1-r ul li:hover span {
	color: #076eac;
}

.s1-r ul li:hover a {
	background-image: url(/images/s1-rzs2.png);
}

.section23 {
	background: url(/images/section23-bg.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 2.5rem;
}

.section2 {
	position: relative;
	z-index: 1;
	padding-top: 0.3rem;
	overflow: hidden;
}

/* .s2-c {
	background: url(/images/s2-cbg.png) no-repeat center;
	background-size: cover;
	margin-top: 0.2rem;
	padding: 0.1rem 0.5rem 0.6rem 0.5rem;
}

.s2-c .slick-list {
	padding-top: 0.46rem;
	height: 4.36rem;
}

.s2-c ul li {
	padding-top: 0.13rem;
	padding-bottom: 0.24rem;
	
}

.s2-c ul li a {
	display: block;
	margin: 0.34rem 0.5rem 0.12rem 0.5rem;
	padding: 0.4rem 0.2rem 0.9rem 0.2rem;
	background: #fff;
	position: relative;
	transition: all 0.3s;
	z-index: 1;
}

.s2-c ul li a::before {
	content: '';
	position: absolute;
	top: -0.13rem;
	bottom: 50%;
	left: 0.12rem;
	right: 0.12rem;
	background: rgba(255, 255, 255, 0.35);
	z-index: -1;
}

.s2-c ul li a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4.09rem;
	height: 3.54rem;
	background: url(/images/s2-cbg1.png) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
	display: none;
}

.s2-c ul li:hover a::after {
	display: block;
}

.s2-c ul li .date {
	font-size: 0.26rem;
	padding-left: 0.4rem;
}

.s2-c ul li .date.t {
	background: url(/images/rl2.png) no-repeat left center;
	font-family: Arial;
	font-size: 0.26rem;
	line-height: 0.67rem;
	color: #076eac;
	display: none;
}

.s2-c ul li:hover .date.t {
	display: block;
}

.s2-c ul li .date.d {
	position: absolute;
	left: 0;
	bottom: -0.24rem;
	background: url(/images/rl1.png) no-repeat 0.2rem center;
	padding-left: 0.6rem;
	font-family: Arial;
	font-size: 0.24rem;
	color: #fff;
	width: 2.09rem;
	height: 0.49rem;
	line-height: 0.49rem;
	background-color: #076eac;
	box-shadow: 0.06rem 0.04rem 0.06rem 0rem rgba(12, 104, 146, 0.23);
	border-radius: 0rem 0.24rem 0.25rem 0rem;

}

.s2-c ul li:hover .date.d {
	display: none;
}

.s2-c ul li h3 {
	font-size: 0.2rem;
	line-height: 0.3rem;
	height: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.s2-c ul li:hover h3 {
	margin-top: 0.35rem;
	color: #076eac;
}

.s2-c ul li hr {
	background: none;
	border: none;
	border-top: 1px dashed #dfdfdf;
	margin: 0.3rem 0;
}

.s2-c ul li p {
	font-size: 0.16rem;
	line-height: 0.28rem;
	height: 0.56rem;
	color: #a9a9a9;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.s2-c ul li:hover p {
	display: none;
}


.s2-c ul li:hover a {
	padding: 0 0.35rem 1.92rem 0.35rem;
	margin: 0 0.5rem;
	background: none;
}

.s2-c ul li:hover hr {
	display: none;
} */


.s2-c {
	background: url(/images/s2-cbg.png) no-repeat center;
	background-size: cover;
	margin-top: 0.2rem;
	padding: 0.64rem 0.5rem 0.3rem 0.5rem;
	position: relative;
	z-index: 1;
}

.s2-c::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 16.43rem;
	height: 0.53rem;
	background: url(/images/s2-dbg.png) no-repeat;
	background-size: 100% auto;
}

.s2-c .slick-list {
	height: 3.9rem;
}

.s2-c ul li {
	padding-top: 0.13rem;
	padding-bottom: 0.24rem;
	transition: all 0.5s;
}

.s2-c ul li a {
	display: block;
	margin: 0.34rem 0.5rem 0.12rem 0.5rem;
	padding: 0.4rem 0.2rem 0.9rem 0.2rem;
	background: #fff;
	position: relative;
	transition: all 0.5s;
	z-index: 1;
}

.s2-c ul li:hover a {
	padding: 0 0.35rem 1.91rem 0.35rem;
	margin: 0 0.5rem;
	background: none;
}

.s2-c ul li a::before {
	content: '';
	position: absolute;
	top: -0.13rem;
	bottom: 50%;
	left: 0.12rem;
	right: 0.12rem;
	background: rgba(255, 255, 255, 0.35);
	z-index: -1;
}

.s2-c ul li a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4.09rem;
	background: url(/images/s2-cbg1.png) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
	display: none;
}

.s2-c ul li:hover a::after {
	display: block;
}

.s2-c ul li .date {
	font-size: 0.26rem;
	padding-left: 0.4rem;
}

.s2-c ul li .date.t {
	background: url(/images/rl2.png) no-repeat left center;
	font-family: Arial;
	font-size: 0.26rem;
	line-height: 0.67rem;
	color: #076eac;
	display: none;
}

.s2-c ul li:hover .date.t {
	display: block;
}

.s2-c ul li .date.d {
	position: absolute;
	left: 0;
	bottom: -0.24rem;
	background: url(/images/rl1.png) no-repeat 0.2rem center;
	background-size: 0.24rem 0.24rem;
	padding-left: 0.6rem;
	font-family: Arial;
	font-size: 0.24rem;
	color: #fff;
	width: 2.09rem;
	height: 0.49rem;
	line-height: 0.49rem;
	background-color: #076eac;
	box-shadow: 0.06rem 0.04rem 0.06rem 0rem rgba(12, 104, 146, 0.23);
	border-radius: 0rem 0.24rem 0.25rem 0rem;
}

.s2-c ul li:hover .date.d {
	display: none;
}

.s2-c ul li h3 {
	font-size: 0.2rem;
	line-height: 0.3rem;
	height: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.s2-c ul li:hover h3 {
	margin-top: 0.35rem;
	color: #076eac;
}

.s2-c ul li hr {
	background: none;
	border: none;
	border-top: 1px dashed #dfdfdf;
	margin: 0.3rem 0;
}

.s2-c ul li p {
	font-size: 0.16rem;
	line-height: 0.28rem;
	height: 0.56rem;
	color: #a9a9a9;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.s2-c ul li:hover p {
	display: none;
}


.s2-c ul li:hover hr {
	display: none;
}

.s2-c .slick-dots {
	position: static;
	z-index: 2;
	margin-top: 0.16rem;
	height: 0.21rem;
}

.s2-c .slick-dots li {
	width: 0.1rem;
	height: 0.1rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin: 0 0.15rem;
	padding: 0;
	vertical-align: middle;
	transition: all 0.5s;
}

.s2-c .slick-dots li.slick-active {
	width: 0.2rem;
	height: 0.21rem;
	background: url(/images/s2-cdot.png) no-repeat;
	background-size: 100% 100%;
}

.s2-c .slick-dots li button {
	display: none;
}


.section3 {
	padding-top: 0.55rem;
}

.s3-c {
	margin-top: 0.3rem;
	overflow: hidden;
}

.s3-l {
	width: 45.33%;
}

.s3-l ul {
	margin-top: 0.15rem;
}

.s3-l ul li {
	border-bottom: none;
	position: relative;
	z-index: 1;
	padding: 0.15rem 0;
}

.s3-l ul li::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	border-bottom: 1px solid #076eac;
	transition: all 0.3s;
}

.s3-l ul li:hover::after {
	width: 100%;
}

.s3-l ul li a::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	border: 1px solid #076eac;
}

.s3-l ul li a {
	padding-left: 0.17rem;
	background: none !important;
}

.s3-l .s1-rt .s1-rt-ltx {
	width: calc(100% - 2.93rem);
	padding: 0 0.34rem;
	background: none;
}

.s3-l .s1-rt .s1-rt-l {
	width: 2.93rem;
}

.s3-l .s1-rt .s1-rt-l .pic {
	padding-top: 64.16%;
}

.s3-l .s1-rt .s1-rt-ltx h3 {
	display: block;
	height: 0.28rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	color: #191919;
}

.s3-l .s1-rt .s1-rt-ltx>p {
	font-size: 0.16rem;
	line-height: 0.23rem;
	height: 0.46rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.3rem;
	color: #191919;
	position: relative;
	left: 0;
	transition: all 0.3s;
}

.s3-l .s1-rt .s1-rt-ltx .date {
	margin-top: 0.4rem;
	color: #076eac;
}

.s3-l .s1-rt .s1-rt-ltx::after {
	bottom: 0;
	background-image: url(/images/jdt-next2.png);
}

.s3-l .s1-rt .s1-rt-ltx .date p::after {
	background-image: url(/images/s1-rtx2.png);
}

.s3-l .s1-rt a {
	padding: 0.35rem 0;
	position: relative;
	z-index: 1;
}

.s3-l .s1-rt a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 67.35%;
	background: url(/images/s3-l1.png) no-repeat;
	background-size: 100% 100%;
	box-shadow: 3.5px 6.062px 19px 0px rgba(20, 120, 166, 0.16);
	border-radius: 0.2rem 0 0.2rem 0;
}

.s3-r ul {
	margin-top: 0;
	margin-bottom: 0.15rem;
}

.s3-r .s1-rt a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 67.35%;
	background: url(/images/s3-lr.png) no-repeat;
	background-size: 100% 100%;
	box-shadow: 3.5px 6.062px 19px 0px rgba(20, 120, 166, 0.16);
	border-radius: 0.2rem 0 0.2rem 0;
}

.s3-r .s1-rt .s1-rt-ltx h3 {
	color: #fff;
}

.s3-r .s1-rt .s1-rt-ltx>p {
	color: #86c9f3;
}

.s3-r .s1-rt .s1-rt-ltx .date {
	color: #fff;
}

.s3-r .s1-rt .s1-rt-ltx::after {
	background-image: url(/images/jdt-next.png);
}

.s3-l .s1-rt:hover .s1-rt-ltx h3,
.s3-l .s1-rt:hover .s1-rt-ltx>p,
.s3-l .s1-rt:hover .s1-rt-ltx .date {
	left: 0.05rem;
}

.section45 {
	position: relative;
	background: url(/images/section5-bg.jpg) no-repeat center top;
	background-size: cover;
}

.section4 {
	/* margin-top: -0.8rem; */
	padding-bottom: 0.5rem;
	position: relative;
}

.section4 .title {
	text-align: left;
	padding-left: 16.46%;
	position: relative;
	top: -0.8rem;
}

.section4 .more a {
	background-image: url(/images/more2.png);
	color: #fff;
}

.section4 .title::before {
	left: 25%;
}

.section4 .title h3 {
	text-align: center;
}

.s4-c {}

.s4-ct {
	align-items: flex-end;
}

.s4-ct1 {
	width: 52.46%;
}

.s4-ct1 a {
	display: block;
	position: absolute;
	left: 0;
	/* top: -0.27rem; */
	bottom: 4.11rem;
	width: 51.97%;
}

.s4-ct1 a .pic {
	padding-top: 52.8%;
}

.s4-cd {
	align-items: flex-start;
	margin-top: 0.16rem;
}

.s4-ct3 {
	width: 52.46%;
}

.s4-ct2,
.s4-ct4 {
	width: 46.46%;
}

.s4-ct4>div {
	width: 48.92%;
}

.s4-ct2 .a,
.s4-ct3 a,
.s4-ct4 a {
	display: block;
}

.s4-ct2 .a {
	position: relative;
	z-index: 1;
	padding: 0 0 0.44rem 0.43rem;
}

.s4-ct2 .a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5.88rem;
	height: 3.85rem;
	max-width: 100%;
	max-height: 100%;
	background: url(/images/s4-pic2-bg.png) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}

.s4-ct2 .a .pic {
	padding-top: 60.03%;
	box-shadow: 0px 12px 24px 0px rgba(0, 14, 78, 0.5);
}
.s4-ct2 .a video {
	width: 100%;
	height: 100%;
	cursor: pointer;
	box-shadow: 0px 12px 24px 0px rgba(0, 14, 78, 0.5);
}

.s4-ct3 a .pic {
	padding-top: 43.83%;
}

.s4-ct4>div a .pic {
	padding-top: 101.17%;
}

.s4-ct2 .a .pic::after,
.s4-ct3 a .pic::after,
.s4-ct4>div a .pic::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1.3rem;
	background: url(/images/s4-yy.png) repeat-x;
}

.s4-ct2 .a .pic h3,
.s4-ct3 a .pic h3,
.s4-ct4>div a .pic h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.2rem;
	font-size: 0.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	color: #fff;
	padding: 0 0.35rem;
	z-index: 1;
}

.s4-ct2 .a .pic::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.67rem;
	height: 0.67rem;
	background: url(/images/s4-bf.png) no-repeat;
	background-size: 100% 100%;
	z-index: 1;
}

.s4-c a:hover .pic img {
	transform: scale(1.1);
}

.section5 {
	padding-bottom: 0.4rem;
}

.s5-c {
	margin-top: 0.25rem;
}

.s5-c .slick-list {
	margin-left: 0.8rem;
	margin-right: 0.2rem;
}

.s5-c ul li a {
	display: block;
	position: relative;
	z-index: 1;
}

.s5-c ul li a .pic {
	padding-top: 112.43%;
	border-radius: 0 0.4rem 0 0.4rem;
}

.s5-c ul li a .pic p {
	position: absolute;
	bottom: 0.5rem;
	right: 0.6rem;
	font-size: 0.14rem;
	color: #fff;
	writing-mode: tb-rl;
	letter-spacing: 1px;
}

.s5-c ul li a .pic p::after {
	content: '';
	position: absolute;
	bottom: -0.49rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	border-left: 1px solid #fff;
	height: 0.44rem;
}

.s5-c ul li .s5-ck {
	transition: all 0.3s;
	transform: scale(0.6);
	position: relative;
}

.s5-c ul li .s5-ck::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -0.6rem;
	background: url(/images/s5-yy.png) no-repeat;
	background-size: 100% auto;
	width: 1.91rem;
	height: 0.61rem;
	z-index: -1;
}

.s5-c ul li.slick-current .s5-ck {
	transform: scale(1);
}

.s5-c ul li.slick-current+li .s5-ck {
	transform: scale(0.9) translateX(0.4rem);
}

.s5-c ul li.slick-current+li+li .s5-ck {
	transform: scale(0.8) translateX(0.4rem);
}

.s5-c ul li.slick-current+li+li+li .s5-ck {
	transform: scale(0.7) translateX(-0.2rem);
}

.s5-c .slick-prev,
.s5-c .slick-next {
	width: 0.45rem;
	height: 0.45rem;
	z-index: 2;
	transition: all 0.3s;
}

.s5-c .slick-prev {
	left: 0;
	background: url(/images/s5-prev.png) no-repeat;
	background-size: 100% 100%;
}

.s5-c .slick-prev:hover {
	background-image: url(/images/s5-prev2.png);
}

.s5-c .slick-next {
	right: 0;
	background: url(/images/s5-next.png) no-repeat;
	background-size: 100% 100%;
}

.s5-c .slick-next:hover {
	background-image: url(/images/s5-next2.png);
}

/* 侧边导航 */
#asideNav {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	display: none;
	transition: all 0.5s;
}

#asideNav.on {
	width: 1.17rem;
}

.asideNav-logo {
	width: 0.64rem;
	height: 1.37rem;
	background: url(/images/asideNav-bg1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	transition: all 0.5s;
}

#asideNav.on .asideNav-logo {
	right: -1.65rem;
}

.asideNav-logo::after {
	content: "";
	position: absolute;
	left: -0.15rem;
	top: 50%;
	transform: translateY(-50%);
	border: 1px dashed #0675b8;
	border-radius: 50%;
	width: 1.63rem;
	height: 1.63rem;
}

.asideNav-logo p {
	font-size: 0.16rem;
	color: #fff;
	writing-mode: tb-rl;
	line-height: 0.75rem;
	padding-top: 0.3rem;
	letter-spacing: 0.03rem;
}

#asideNav .a {
	width: 100%;
	position: relative;
	padding-top: 0.1rem;
	background: url(/images/asideNav-bg2.png) no-repeat;
	background-size: 1.17rem 0.1rem;
}

#asideNav .a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1.17rem;
	transition: all 0.5s;
}

#asideNav.on .a {
	right: 0;
}

#asideNav ul {
	background: #076eac;
	border-radius: 0 0 0.1rem 0.1rem;
	padding: 0.1rem;
	margin: 0.03rem 0.12rem 0 0.12rem;
}

#asideNav ul li a {
	display: block;
	line-height: 0.4rem;
	text-align: center;
	border-top: 1px dashed rgba(255, 255, 255, 0.2);
	font-size: 12px;
	color: #fff;
}

#asideNav ul li:first-child a {
	border-top: none;
}

#asideNav ul li:hover a {
	color: #ff3710;
}


@media screen and (max-width:1600px) {
	.section0::after {
		top: 0.14rem;
	}
}

@media screen and (max-width:1500px) {
	.section0::after {
		top: 0.16rem;
	}
}

@media screen and (max-width:1400px) {
	.section0::after {
		top: 0.17rem;
	}

	.s1-r ul li {
		padding: 0.255rem 0;
	}

	.s4-ct1 a {
		bottom: 4.01rem;
	}

	.s4-ct2 .a {
		padding: 0 0 0.22rem 0.21rem;
	}
}

@media screen and (max-width:1300px) {
	.s1-r ul li {
		padding: 0.21rem 0;
	}

	.section23 {
		padding-bottom: 1.5rem;
	}

	.s4-ct2 .a::before {
		width: 4.88rem;
		height: 2.85rem;
	}

	.s4-ct1 a {
		bottom: 3.77rem;
	}

	.s4-ct2 .a {
		padding: 0 0 0.12rem 0.11rem;
	}

	.s5-c ul li.slick-current+li+li+li .s5-ck {
		transform: scale(0.7) translateX(-0.1rem);
	}
}

@media screen and (max-width: 1200px) {
	.section0::after {
		top: 0.19rem;
	}

	.s1-r ul li {
		padding: 0.18rem 0;
	}

	.s4-ct1 a {
		bottom: 3.53rem;
	}
}

@media screen and (max-width: 1100px) {
	.s4-ct1 a {
		bottom: 3.3rem;
	}
}

@media screen and (max-width: 1024px) {
	#asideNav {
		display: none !important;
	}

	.banner,
	.banner div.slick-list,
	.banner .slick-slide a,
	.banner .slick-slide a img,
        .banner .slick-slide img {
		width: 100%;
		height: auto;
	}

	.banner .slick-dots {
		bottom: 0.25rem;
		text-align: center;
	}

	.banner .slick-slide a::after {
		display: none;
	}

	.s2-c {
		padding: 0.3rem;
	}

	.s2-c ul li a {
		margin: 0.34rem 0.2rem 0.12rem 0.2rem;
	}

	.s2-c::before {
		display: none;
	}

	.s2-c ul li:hover a {
		padding: 0 0 1.91rem 0;
		margin: 0 0.3rem;
	}

	.s3-l {
		width: 47.33%;
	}

	.s3-l .s1-rt a {
		padding: 0.2rem 0;
	}

	.s3-l .s1-rt .s1-rt-ltx {
		padding: 0 0.2rem;
	}

	.s4-ct1 a {
		bottom: 3.26rem;
	}

	.s5-c ul li.slick-current+li .s5-ck {
		transform: scale(0.9) translateX(0.3rem);
	}

	.s5-c ul li.slick-current+li+li .s5-ck {
		transform: scale(0.8) translateX(0.3rem);
	}

	.s5-c .slick-list {
		margin-left: 0.7rem;
	}

	.s5-c ul li a .pic p {
		bottom: 0.3rem;
	}

	.s5-c ul li a .pic p::after {
		height: 0.22rem;
		bottom: -0.29rem;
	}
}

@media screen and (max-width: 768px) {
	.s0-c ul li h3 {
		font-size: 0.18rem;
	}

	.section1 {
		background-size: cover;
		padding-top: 0.3rem;
		padding-bottom: 0.4rem;
	}

	.title {
		text-align: left;
	}

	.title h3 {
		text-align: center;
	}

	.title::before {
		left: 15%;
		top: 0.27rem;
	}

	.s1-l {
		width: 100%;
	}

	.s1-r {
		width: 100%;
		margin-top: 0.3rem;
	}

	.s1-c {
		padding-top: 0;
	}

	.s1-c::before {
		/* display: none; */
		top: 0;
		left: 0;
	}

	.s1-l ul li .pic .date {
		width: 0.8rem;
		height: 0.8rem;
		padding-top: 0.16rem;
	}

	.s1-l ul li .pic .date p {
		font-size: 0.3rem;
	}

	.s1-l ul li .pic .date span {
		font-size: 0.14rem;
	}

	.s1-l ul li .pic::after {
		height: 1rem;
	}

	.s1-l .slick-slider {
		padding-bottom: 0.6rem;
	}

	.s1-l .slick-dots {
		left: 0;
	}

	.s1-l .slick-dots li {
		margin: 0 0.15rem;
	}

	.s1-l .slick-dots li .dot-page span {
		width: 0.4rem;
		height: 0.4rem;
	}

	.s1-l .slick-dots li.slick-active .dot-page span {
		font-size: 0.26rem;
	}

	.s1-l .slick-dots li .dot-page::after {
		bottom: -0.05rem;
	}

	.s1-l .slick-prev,
	.s1-l .slick-next {
		width: 1rem;
		height: 0.6rem;
	}

	.s1-l .slick-prev {
		right: 1rem;
	}

	.s1-l .slick-next {
		right: 0;
	}

	.s2-c {
		padding: 0.2rem;
	}

	.s2-c ul li {
		padding-top: 0;
		padding-bottom: 0;
	}

	.s2-c ul li .date.d {
		bottom: -0.21rem;
		background: url(/images/rl1.png) no-repeat 0.2rem center;
		background-size: 0.2rem 0.2rem;
		padding-left: 0.55rem;
		font-size: 0.2rem;
		color: #fff;
		width: 1.8rem;
		height: 0.42rem;
		line-height: 0.42rem;
		background-color: #076eac;
	}

	.s2-c .slick-list {
		height: 3.7rem;
	}

	.s2-c .slick-dots {
		margin-top: 0;
	}

	.s3-c {
		margin-top: 0;
	}

	.s3-r {
		display: flex;
		flex-wrap: wrap;
	}

	.s3-r .s1-rt {
		width: 100%;
		order: 1;
	}

	.s3-r ul {
		order: 2;
		width: 100%;
		margin-top: 0.15rem;
		margin-bottom: 0;
	}

	.section23 {
		padding-bottom: 0.4rem;
	}

	.section4 {
		padding-bottom: 0.3rem;
	}

	.section4 .title {
		position: relative;
		top: 0;
		padding-left: 0;
	}

	.section4 .title::before {
		left: 17%;
	}

	.s4-ct2 .a::before {
		width: 2.88rem;
		height: 1.85rem;
	}

	.s4-c {
		margin-top: 0.3rem;
	}

	.s4-ct1 a {
		bottom: 2.35rem;
	}

	.s4-cd {
		margin-top: 0.1rem;
	}

	.section4 .more a {
		background-image: url(/images/more1.png);
		color: #191919;
	}

	.s4-ct2 .a .pic h3,
	.s4-ct3 a .pic h3,
	.s4-ct4>div a .pic h3 {
		font-size: 0.18rem;
		bottom: 0.1rem;
		padding: 0 0.2rem;
	}

	.s4-ct2 .a .pic::before {
		width: 0.47rem;
		height: 0.47rem;
	}

	.s5-c .slick-list {
		margin-right: 0.7rem;
	}

	.s5-c ul li.slick-current+li .s5-ck {
		transform: scale(0.9) translateX(0.28rem);
	}
}

@media screen and (max-width: 640px) {
	.section0::after {
		top: 0.24rem;
	}

	.s4-ct1 a {
		bottom: 2.14rem;
	}
}

@media screen and (max-width: 480px) {
	.s1-l ul li a .s1-lpic h3 {
		padding: 0 0.2rem;
		bottom: 0.15rem;
	}

	.s1-rt .s1-rt-l {
		width: 100%;
	}

	.s1-rt .s1-rt-ltx {
		width: 100%;
	}

	.s1-rt .s1-rt-ltx h3 {
		height: auto;
		max-height: 0.56rem;
	}

	.s3-l .s1-rt a {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}

	.s3-l .s1-rt .s1-rt-l {
		width: 100%;
		order: 1;
	}

	.s3-l .s1-rt a::before {
		width: 100%;
	}

	.s3-l .s1-rt .s1-rt-ltx {
		width: 100%;
		order: 2;
		padding: 0.2rem;
	}

	.s3-l .s1-rt .s1-rt-ltx>p {
		margin-top: 0.15rem;
	}

	.s3-l .s1-rt .s1-rt-ltx .date {
		margin-top: 0.2rem;
	}

	.s1-rt .s1-rt-ltx::after {
		bottom: 0.2rem !important;
	}

	.s4-ct1 {
		width: 100%;
	}

	.s4-ct1 a {
		position: static;
		width: 100%;
	}

	.s4-ct2 {
		width: 100%;
		margin-top: 0.2rem;
	}

	.s4-cd {
		margin-top: 0;
	}

	.s4-ct3 {
		width: 100%;
		margin-top: 0.2rem;
	}

	.s4-ct4 {
		width: 100%;
		margin-top: 0.2rem;
	}

	.s5-c .slick-prev,
	.s5-c .slick-next {
		width: 0.35rem;
		height: 0.35rem;
	}

	.s5-c .slick-list {
		margin-left: 0.4rem;
		margin-right: 0.4rem;
	}

	.s5-c ul li a {
		margin: 0 0.15rem;
	}

	.s5-c ul li .s5-ck {
		transform: scale(1) translateX(0) !important;
	}

	.s5-c ul li a .pic p {
		right: 0.2rem;
	}
}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}