@charset "UTF-8";

body {
	overflow-x: hidden
}

.head_rgb.hide {
	transform: translateY(-100%);
	opacity: 0;
}

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

.banner {
	overflow: hidden;
}

.banner .slick-slide a {
	display: block;
	overflow: hidden;
	position: relative;
}

.banner .slick-slide a::after {
	/* content: ""; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3.4rem;
	background: linear-gradient(180deg, rgba(0, 35, 90, 0.84) 0%, rgba(0, 47, 118, 0) 100%);
}

.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-slide .pic {
	padding-top: 0;
	height: 100%;
}

.banner .slick-slide video {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.banner .slick-dots {
	width: auto;
	margin: 0 auto;
	bottom: 0.27rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
	z-index: 9;
	text-align: center;
}

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

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

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


/* 主体 */
.section {
	overflow: hidden;
}

.index {
	z-index: 99;
	/* top: 0 !important; */
}

.title {
	position: relative;
	z-index: 1;
	margin-bottom: 0.3rem;
}

.tit-c {
	display: inline-block;
}

.tit-c a {
	display: flex;
	align-items: center;
}

.tit-c a .tit-cl {
	margin-right: 0.18rem;
	position: relative;
	z-index: 1;
}

.tit-c a .tit-cl p {
	font-family: Georgia-Bold;
	font-size: 1.05rem;
	font-weight: normal;
	line-height: 0.8rem;
	color: #024cc6;
	background-image: -webkit-linear-gradient(360deg, #024cc6 49%, #21d7c8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.tit-c a .tit-cl .q {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.76rem;
	height: 0.29rem;
	z-index: 1;
}

.tit-c a .tit-cl .q img {
	display: block;
	width: 100%;
	height: 100%;
}

.tit-c a .tit-cl.m {
	margin-right: 0.1rem;
}

.tit-c a .tit-cl.m p {
	transform: scaleX(0.78);
	transform-origin: left center;
}

.tit-c a .tit-cl.m .q {
	left: 35%;
}

.section3 .tit-c a .tit-cl .q {
	left: 55%;
}

.section2 .tit-c a .tit-cl .q {
	left: 57%;
}

.section4 .tit-c a .tit-cl .q {
	left: 58%;
}

.section7 .tit-c a .tit-cl.m .q {
	left: 39%;
}

.section8 .tit-c a .tit-cl .q {
	left: 62%;
}

.tit-c a .tit-cr {
	position: relative;
	z-index: 1;
	padding-top: 0.2rem;
}

.tit-c a .tit-cr h3 {
	font-size: 0.4rem;
	font-weight: bold;
	color: #000000;
	line-height: 1;
}

.tit-c a .tit-cr p {
	font-family: Georgia-Bold;
	position: absolute;
	top: -0.1rem;
	left: 0;
	font-size: 0.66rem;
	font-weight: normal;
	line-height: 1;
	color: #252525;
	text-transform: uppercase;
	opacity: 0.1;
	text-align: left;
}

.more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.more a {
	display: block;
	width: 1.32rem;
	height: 0.43rem;
	line-height: 0.43rem;
	border-radius: 0.5rem;
	background-color: rgba(255, 255, 255, 0.41);
	border: solid 1px rgba(161, 161, 161, 0.41);
	text-align: center;
	font-size: 0.14rem;
	color: #000000;
	text-transform: uppercase;
	transition: all 0.5s;
}

.more:hover a {
	color: #fff;
	background: linear-gradient(90deg, #024cc6 49%, #21d7c8 100%);
	border-color: linear-gradient(90deg, #024cc6 49%, #21d7c8 100%);
}

.title.white .tit-c a .tit-cl p {
	color: #f9d302;
	background-image: -webkit-linear-gradient(360deg, #f9d302 49%, #f9d302 100%);
}

.title.white .tit-c a .tit-cr h3 {
	color: #fff;
}

.title.white .tit-c a .tit-cr p {
	color: #fff;
	opacity: 0.1;
}

/* section1 */
.section1 {
	padding-top: 1.2rem;
	background: url(../images/section1-bg.jpg) no-repeat center;
	background-size: cover;
}

.s1-c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.s1-l {
	width: 69.81%;
}

.s1-lt a {
	display: block;
	position: relative;
	z-index: 1;
}

.s1-lt .pic {
	padding-top: 42.25%;
	padding-top: 0;
	height: 4.72rem;
	border-radius: 0.15rem 0 0.15rem 0;
}

.s1-lt .tx {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 88.18%;
	padding: 0 0.8rem 0.25rem 0.63rem;
	z-index: 1;
}

.s1-lt .tx::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(2, 76, 198, 0.8) 49%, rgba(33, 215, 200, 0.8) 100%);
	clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
	z-index: -1;
}

.s1-lt .tx .bq {
	width: 1.13rem;
	height: 0.33rem;
	line-height: 0.33rem;
	text-align: center;
	background-color: #f9d302;
	border-radius: 0.1rem;
	margin-top: -0.13rem;
	font-size: 0.14rem;
	font-weight: bold;
	color: #000;
}

.s1-lt .tx .bq img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.08rem;
	width: 0.21rem;
}

.s1-lt .tx h3 {
	font-size: 0.32rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	margin-top: 0.2rem;
}

.s1-lt .tx p {
	font-size: 0.14rem;
	line-height: 1;
	color: #ffffff;
	margin-top: 0.1rem;
}

.s1-ld {
	margin-top: 0.4rem;
}

.s1-ld ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.s1-ld li {
	width: 48.16%;
	padding-right: 0.1rem;
	position: relative;
	z-index: 1;
}

.s1-ld li::before {
	content: '';
	position: absolute;
	top: 0.17rem;
	left: 0.17rem;
	right: 0;
	bottom: -0.1rem;
	background-color: #646464;
	opacity: 0.13;
	border-radius: 0.05rem 0 0.05rem 0;
	z-index: -1;
	transition: all 0.5s;
}

.s1-ld a {
	display: flex;
	align-items: center;
	padding: 0.22rem 0.42rem;
	background-color: #f6f9ff;
	border: solid 1px #abcbfe;
	border-radius: 0.05rem 0 0.05rem 0;
}

.s1-ld a .date {
	margin-left: 1rem;
	text-align: center;
	font-family: Impact;
	color: #9a9a9a;
}

.s1-ld a .date b {
	display: block;
	font-size: 0.45rem;
	font-weight: normal;
	padding-bottom: 0.12rem;
	position: relative;
	z-index: 1;
}

.s1-ld a .date b::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0.25rem;
	height: 0.16rem;
	background: url(../images/s1-ljdtx.png) no-repeat;
	background-size: 100% 100%;
}

.s1-ld a .date span {
	display: block;
	font-size: 0.16rem;
}

.s1-ld a h3 {
	flex: 1;
	min-width: 0;
	font-size: 0.22rem;
	font-weight: bold;
	line-height: 0.3rem;
	height: 0.6rem;
	color: #000000;
	transition: all 0.5s;
}

.s1-ld ul li:hover::before {
	background-image: linear-gradient(90deg,
			#024cc6 49%,
			#21d7c8 100%);
	opacity: 1;
}

.s1-ld ul li:hover a h3 {
	color: #024cc6;
}

.s1-r {
	width: 24.75%;
	position: relative;
	z-index: 1;
}

.s1-r::before {
	content: '';
	position: absolute;
	top: 1.3rem;
	bottom: 0;
	left: -0.4rem;
	border-left: 1px solid #c6c9d0;
	opacity: 0.43;
}

.s1-rjdt ul li a {
	display: block;
	padding: 0.32rem 0.23rem 0.32rem 0.28rem;
	background-image: linear-gradient(90deg,
			#024cc6 49%,
			#21d7c8 100%);
	border-radius: 0.15rem 0 0.15rem 0;
	position: relative;
	z-index: 1;
}

.s1-rjdt ul li a .pic {
	padding-top: 59.13%;
	padding-top: 0;
	height: 2.04rem;
}

.s1-rjdt ul li a .bq {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1.26rem;
	height: 0.37rem;
	background: url(../images/s1-rbq-bg.png) no-repeat;
	background-size: 100% 100%;
}

.s1-rjdt ul li a .bq img {
	position: static;
	object-fit: none;
	display: block;
	width: 0.88rem;
	height: 0.35rem;
	margin-top: 0.01rem;
	margin-left: 0.05rem;
}

.s1-rjdt ul li a h3 {
	font-size: 0.17rem;
	line-height: 0.26rem;
	height: 0.52rem;
	color: #ffffff;
	margin-top: 0.2rem;
}

.s1-rjdt .slick-dots {
	width: auto;
	right: 0.32rem;
	bottom: 1.2rem;
	font-size: 0;
}

.s1-rjdt .slick-dots li {
	width: 0.07rem;
	height: 0.07rem;
	margin: 0 0.04rem;
	background-color: #fff;
	border-radius: 50%;
}

.s1-rjdt .slick-dots li.slick-active {
	background-color: #f9d302;
}

.s1-rjdt .slick-dots li button {
	display: none;
}

.s1-r .s1-rd li {
	margin-top: 0.3rem;
}

.s1-r .s1-rd li a {
	display: block;
	padding: 0 0.2rem 0.2rem 0.3rem;
	background-color: #f8fbff;
	border: solid 1px #abcbfe;
	transition: all 0.5s;
}

.s1-r .s1-rd li a .t {
	display: flex;
	justify-content: space-between;
}

.s1-r .s1-rd li a .t>span {
	display: block;
	margin-top: 0.12rem;
	width: 0.91rem;
	height: 0.3rem;
}

.s1-r .s1-rd li a .t>span img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.s1-r .s1-rd li a .date {
	width: 0.49rem;
	height: 0.49rem;
	background-color: #024cc6;
	border-radius: 0.05rem;
	text-align: center;
	color: #fff;
	padding-top: 0.06rem;
	margin-top: -0.1rem;
}

.s1-r .s1-rd li a .date b {
	display: block;
	font-size: 0.18rem;
	font-weight: normal;
}

.s1-r .s1-rd li a .date span {
	display: block;
	font-family: Arial;
	font-size: 0.1rem;
}

.s1-r .s1-rd li a h3 {
	font-size: 0.17rem;
	font-weight: bold;
	line-height: 0.24rem;
	height: 0.48rem;
	color: #000000;
	margin-top: 0.1rem;
	transition: all 0.5s;
}

.s1-r .s1-rd li:hover a h3 {
	color: #024cc6;
}

/* section2 */
.section2 {
	padding-top: 1.2rem;
	background: url(../images/section2-bg.jpg) no-repeat center;
	background-size: cover;
}

.section2 .title {
	text-align: center;
	margin-bottom: 0.56rem;
}

.s2-zy {
	width: 11.14rem;
	max-width: 100%;
	margin: 0 auto;
}

.s2-zy p {
	font-size: 0.18rem;
	line-height: 0.36rem;
	color: #fff;
	text-align: center;
}

.s2-c {
	margin-top: 1.1rem;
}

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

.s2-c li a .icon1 {
	margin: 0 auto;
	font-size: 0;
	width: 1.34rem;
	height: 1.34rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.s2-c li a .icon1 .q {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px dashed #fff;
	border-radius: 50%;
}

.s2-c li a .icon1 .q::after {
	content: '';
	position: absolute;
	top: 0.08rem;
	left: 0.24rem;
	width: 0.1rem;
	height: 0.1rem;
	background: #fff;
	border-radius: 50%;
}

.s2-c li a .icon1 img {
	display: block;
	max-width: 0.6rem;
	max-height: 0.63rem;
}

.s2-c li a .tx {
	text-align: center;
	margin-top: 0.22rem;
	color: #fff;
}

.s2-c li a .tx .sz {
	font-size: 0;
}

.s2-c li a .tx .sz b {
	font-family: Arial;
	font-size: 0.48rem;
	font-weight: bold;
}

.s2-c li a .tx .sz span {
	font-size: 0.24rem;
}

.s2-c li a .tx .sz span i {
	font-family: Arial;
	font-size: 0.16rem;
	font-style: normal;
	position: relative;
	top: -0.08rem;
}

.s2-c li a .tx p {
	font-size: 0.18rem;
	line-height: 1.5;
	margin-top: 0.12rem;
}

.s2-c li:hover a .icon1 .q {
	animation: play 10s linear infinite;
	border-color: #f9d302;
}

.s2-c li:hover a .icon1 .q::after {
	background-color: #f9d302;
}

.s2-c li:hover a .tx .sz b,
.s2-c li:hover a .tx .sz span,
.s2-c li:hover a .tx .sz span i,
.s2-c li:hover a .tx p {
	color: #f9d302;
}

/* section3 */
.section3 {
	padding-top: 1.2rem;
	background: url(../images/section3-bg.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.secton3 .title {
	margin-bottom: 0.46rem;
}

/*波浪线*/
.waveBox {
	width: 100%;
	height: 76.2%;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

.s5-l .waveBox {
	height: 50.72%;
}

.waveBox canvas {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#myCanvas1,
#myCanvas3 {
	z-index: 1;
}

#myCanvas2,
#myCanvas4 {
	z-index: 2;
}

.section3 .wp {
	position: relative;
	z-index: 3;
}

.s3-qhtit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.s3-qhtit .more {
	position: static;
	transform: none;
}

.s3-qhtit .more a {
	display: none;
}

.s3-qhtit .more a.on {
	display: flex;
}

.s3-qhtit ul {
	display: flex;
	align-items: center;
}

.s3-qhtit ul li {
	width: 1.32rem;
	height: 0.43rem;
	line-height: 0.43rem;
	border-radius: 0.5rem;
	background-color: rgba(255, 255, 255, 0.41);
	border: solid 1px rgba(161, 161, 161, 0.41);
	text-align: center;
	font-size: 0.15rem;
	color: #000000;
	transition: all 0.5s;
	cursor: pointer;
}

.s3-qhtit ul li:nth-child(2) {
	margin-left: 0.28rem;
}

.s3-qhtit ul li.on {
	background: #f9d302;
	border-color: #f9d302;
}

.s3-c .qh-bd {
	position: relative;
}

.s3-c .qh-bd>div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	z-index: 8;
}

.s3-c .qh-bd>div.on {
	position: relative;
	z-index: 9;
	opacity: 1;
}

.s3-c .notice {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.s3-c .notice .kl {
	width: 3.74rem;
	position: relative;
	z-index: 1;
}

.s3-c .notice .kl .pic {
	padding-top: 151.87%;
	padding-top: 0;
	height: 5.68rem;
	border-radius: 0.15rem 0 0.15rem 0;
}

.s3-c .notice .kl .pic::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/s3-klyy.png) no-repeat;
	background-size: cover;
}

.s3-c .notice .kl .s3-kllogo {
	display: block;
	position: absolute;
	top: 0.88rem;
	left: 0.38rem;
	width: 2.39rem;
	max-width: 96%;
	z-index: 1;
}

.s3-c .notice .kl .s3-lzx {
	display: block;
	position: absolute;
	top: 2.45rem;
	left: 0.38rem;
	width: 2.69rem;
	max-width: 96%;
	z-index: 1;
}

.s3-c .notice .kl p {
	position: absolute;
	top: 3.93rem;
	left: 0.38rem;
	font-size: 0.15rem;
	color: #fff;
	line-height: 0.24rem;
	padding-right: 0.2rem;
	z-index: 1;
}

.s3-c .notice .kr {
	flex: 1;
	min-width: 0;
}

.s3-c .notice .kr ul {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.s3-c .notice .kr li {
	width: 33.33%;
}

.s3-c .notice .kr li a {
	display: block;
	margin-left: 0.5rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
}

.s3-c .notice .kr li a span {
	display: block;
	width: 1.2rem;
	height: 0.32rem;
	line-height: 0.32rem;
	text-align: center;
	font-size: 0.14rem;
	color: #fff;
	background-image: linear-gradient(90deg,
			#024cc6 0%,
			#21d7c8 100%),
		linear-gradient(-88deg,
			#114c9e 0%,
			#1365bb 100%);
	background-blend-mode: normal,
		normal;
	clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
	transition: all 0.5s;
}

.s3-c .notice .kr li a h3 {
	font-size: 0.19rem;
	line-height: 0.27rem;
	height: 0.54rem;
	margin-top: 0.18rem;
	font-weight: bold;
	transition: all 0.5s;
}

.s3-c .notice .kr li a p {
	font-size: 0.16rem;
	line-height: 0.24rem;
	height: 0.48rem;
	margin-top: 0.17rem;
	color: #808080;
	word-break: break-all;
	white-space: normal;
	text-align: justify;
	text-justify: inter-ideograph;
}

.s3-c .notice .kr li:hover a span {
	background: #f9d302;
	color: #000;
}

.s3-c .notice .kr li:hover a h3 {
	color: #1054a7;
}

/* section4 */
.section4 {
	padding-top: 1.2rem;
}

.s4-c {
	display: flex;
}

.s4-l {
	width: 74.62%;
	position: relative;
	z-index: 2;
}

.s4-l a {
	display: block;
	position: relative;
	z-index: 1;
}

.s4-l a .pic {
	padding-top: 60.87%;
	padding-top: 0;
	height: 7.28rem;
	border-radius: 0.3rem 0 0.3rem 0;
}

.s4-l a .pic::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.81rem;
	height: 0.81rem;
	background: url(../images/bf.png) no-repeat;
	background-size: 100% 100%;
}

.s4-l a .tx {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.83rem;
	padding: 0 0.68rem;
}

.s4-l a .tx div {
	display: inline-block;
	text-align: right;
	position: relative;
	z-index: 1;
	font-size: 0;
}

.s4-l a .tx div p {
	text-align: right;
	font-family: Arial;
	font-size: 0.5rem;
	font-weight: bold;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
	text-stroke: 0.8px rgba(255, 255, 255, 1);
}

.s4-l a .tx div p img {
	display: block;
	width: 100%;
}

.s4-l a .tx div h3 {
	font-size: 0.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	margin-top: -0.38rem;
	padding-right: 0.4rem;
	position: relative;
	z-index: 1;
}


.s4-r {
	flex: 1;
	min-width: 0;
	margin-top: 0.42rem;
	margin-bottom: -0.87rem;
	padding-top: 0.92rem;
	position: relative;
	z-index: 1;
}

.s4-r::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: calc(100% + 9.17rem);
	background-image: linear-gradient(262deg,
			#024cc6 0%,
			#20d2c8 100%);
	border-radius: 0.35rem;
	z-index: -1;
}

.s4-r::after {
	content: '';
	position: absolute;
	bottom: 0.1rem;
	right: 0.4rem;
	width: 7.19rem;
	height: 1.38rem;
	background: url(../images/s4-rlogo.png) no-repeat;
	background-size: 100% 100%;
}

.s4-r .title {
	text-align: center;
	margin-bottom: 0.1rem;
}

.s4-r .tit-c a .tit-cr p {
	width: 2.4rem;
}

.s4-r ul li a {
	display: block;
	font-size: 0.2rem;
	padding: 0.25rem 0.85rem 0.25rem 1.35rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	position: relative;
	z-index: 1;
	left: 0;
	transition: all 0.5s;
}

.s4-r ul li a::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.75rem;
	width: 0.1rem;
	height: 0.16rem;
	background: url(../images/s4-rjt.png) no-repeat;
	background-size: 100% 100%;
	transition: all 0.5s;
}

.s4-r ul li:hover a {
	color: #f9d302;
	left: 0.05rem;
}

.s4-r ul li:hover a::before {
	background: url(../images/s4-rjt2.png) no-repeat;
	background-size: 100% 100%;
}

/* section5 */
.section5 {
	padding-top: 1.2rem;
}

.section5 .title {
	text-align: center;
	margin-bottom: 0.32rem;
}

.s5-c {
	display: flex;
	flex-wrap: wrap;
}

.s5-l {
	width: 49.625%;
}

.s5-l a {
	display: block;
	position: relative;
	z-index: 1;
}

.s5-l .pic {
	padding-top: 78.46%;
	padding-top: 0;
	height: 6.23rem;
	border-radius: 0.15rem;
}

.s5-l .txt {
	position: absolute;
	top: 0.8rem;
	left: 0.6rem;
	text-align: center;
}

.s5-l .txt h3 {
	font-size: 0.48rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.07rem;
}

.s5-l .txt p {
	font-size: 0.16rem;
	letter-spacing: 0.01rem;
	color: #fff;
	line-height: 1;
	margin-top: 0.07rem;
}

.s5-l .tx {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 1.8rem 0 0.6rem;
}

.s5-l .tx ul {
	display: flex;
	flex-wrap: wrap;
}

.s5-l .tx ul li {
	font-size: 0.18rem;
	line-height: 0.3rem;
	color: #fff;
	text-align: center;
	width: 2.53rem;
	margin-bottom: 0.35rem;
	padding: 0 0.3rem;
	position: relative;
	z-index: 1;
}

.s5-l .tx ul li:nth-child(even) {
	margin-left: 0.26rem;
}

.s5-l .tx ul li b {
	font-size: 0.28rem;
	color: #f9d302;
}

.s5-l .tx ul li::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 0.3rem;
	height: 0.7rem;
	background: url(../images/s5-lms.png) no-repeat;
	background-size: 100% 100%;
}

.s5-l .tx ul li::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 0.3rem;
	height: 0.7rem;
	background: url(../images/s5-lms2.png) no-repeat;
	background-size: 100% 100%;
}

.s5-r {
	width: 50.375%;
}

.s5-r ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0.07rem;
}

.s5-r ul li {
	width: 50%;
}

.s5-r ul li:nth-child(3),
.s5-r ul li:nth-child(4) {
	margin-top: 0.11rem;
}

.s5-r ul li a {
	display: block;
	position: relative;
	z-index: 1;
	margin-left: 0.11rem;
}

.s5-r .pic {
	padding-top: 78.6%;
	padding-top: 0;
	height: 3.05rem;
	border-radius: 0.1rem;
}

.s5-r .pic::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	height: 60%;
}

.s5-r ul li a .tx {
	position: absolute;
	bottom: 0.2rem;
	left: 0;
	right: 0;
	padding: 0 0.3rem;
}

.s5-r ul li a .tx h3 {
	font-size: 0.18rem;
	line-height: 0.34rem;
	color: #fff;
}

.section5 .more {
	position: static;
	transform: none;
	margin-top: 0.2rem;
}

.section5 .more a {
	margin: 0 auto;
}

/* section6 */
.section6 {
	padding-top: 1.2rem;
	background: url(../images/section6-bg.jpg) no-repeat center;
	background-size: cover;
}

.section6 .title {
	text-align: center;
	margin-bottom: 0.35rem;
}

.section6 .zy {
	font-size: 0.16rem;
	line-height: 0.28rem;
	color: #000;
	max-width: 9.1rem;
	margin: 0 auto;
}

.s6-c {
	margin-top: 0.55rem;
}

.s6-c ul {
	display: flex;
	justify-content: space-between;
	height: 5.94rem;
}

.s6-c ul li {
	width: 11.12%;
	height: 100%;
	background-color: #000;
	border-radius: 0.14rem;
	overflow: hidden;
	transition: all 0.5s;
}

.s6-c ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.s6-c ul li.on {
	width: 49.75%;
}

.s6-c ul li .s6-pic {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.55;
}

.s6-c ul li.on .s6-pic {
	opacity: 1;
}

.s6-box {
	display: flex;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.s6-tit {
	width: 100%;
	height: 100%;
	padding-top: 1.06rem;
	transition: all 0.3s;
}

.s6-c ul li.on .s6-tit {
	opacity: 0;
	visibility: hidden;
}

.s6-tit .icon1 {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s6-tit .icon1 img {
	max-width: 0.42rem;
	max-height: 0.42rem;
}

.s6-tit h3 {
	width: 0.3rem;
	font-size: 0.24rem;
	line-height: 0.31rem;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.36rem;
}

.s6-tit .s6-td>img {
	display: block;
	width: 0.09rem;
	margin: 0 auto;
}

.s6-bd {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.5s;
}

.s6-bd .k {
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.s6-bd .k .s6-logo {
	position: absolute;
	left: 0.17rem;
	top: 0.24rem;
	display: block;
	width: 37.81%;
}

.s6-bd .k .krb {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 82.78%;
	background: rgba(3, 79, 202, 0.95);
	padding: 0.56rem 0.6rem 0.65rem 0.42rem;
	border-radius: 0.9rem 0 0 0;
	display: flex;
}

.s6-bd .k .krb .icon1 {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s6-bd .k .icon1 img {
	display: block;
	max-width: 0.42rem;
	max-height: 0.42rem;
}

.s6-bd .k .krb .tx {
	flex: 1;
	min-width: 0;
	padding: 0.2rem 0.44rem 0 0.3rem;
}

.s6-bd .k .krb .tx h3 {
	font-size: 0.24rem;
	font-weight: bold;
	color: #fff;
}

.s6-bd .k .krb .tx p {
	font-size: 0.16rem;
	color: #fff;
	margin-top: 0.25rem;
}

.s6-bd .k .krb .gd {
	width: 0.55rem;
	height: 0.55rem;
	background-color: #f9d302;
	border-radius: 50%;
	background-image: url(../images/s6-jt.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.23rem auto;
	margin-top: 0.63rem;
}

.s6-c ul li.on .s6-bd {
	left: 0;
}

/* section7 */
.section7 {
	padding-top: 1.2rem;
	background: url(../images/section7-bg.jpg) no-repeat center top;
	background-size: 100% 59%;
}

.section7 .title {
	z-index: 2;
}

.foot-media {
	position: absolute;
	right: 0.54rem;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	z-index: 2;
}

.foot-media>div {
	position: relative;
	cursor: pointer;
}

.foot-media>div+div {
	margin-left: 0.21rem;
}

.foot-media>div:hover div {
	display: block;
}

.foot-media>div>span {
	display: block;
	width: 0.52rem;
	height: 0.52rem;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}

.foot-media>div:hover>span {
	background: #f9d302;
}

.foot-media>div>span>img,
.foot-media>div>span>a>img,
.foot-media>div>span>svg,
.foot-media>div>span>a>svg {
	display: block;
	max-width: 0.3rem;
	max-height: 0.3rem;
	transition: all 0.5s;
}

.foot-media>div>span svg path {
	transition: all 0.5s;
}

.foot-media>div:hover>span svg path {
	fill: #fff;
}

.foot-media>div>div {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 0.1rem);
	width: 1.1rem;
	/* padding: 0.05rem;
	background: #fff; */
	box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.18);
	z-index: 6;
	display: none;
}

.foot-media>div>div img {
	display: block;
	width: 100%;
}

.foot-media>div>div::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 5px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.foot-media>div>img {
	display: block;
	margin: 0 auto;
}


.s7-c {
	display: flex;
}

.s7-c a {
	display: block;
	position: relative;
	z-index: 1;
}

.s7-c a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 0.14rem);
	height: calc(100% - 0.14rem);
	border: 0.07rem solid #f9d302;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}

.s7-c a .txbox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0.4rem;
}

.s7-c a .txbox span {
	display: block;
	font-size: 0.13rem;
	line-height: 1;
	color: #fff;
}

.s7-c a .txbox h3 {
	font-size: 0.18rem;
	line-height: 1;
	color: #fff;
	margin-top: 0.1rem;
}

.s7-c a .txbox .tx {
	display: flex;
	align-items: center;
	margin-top: 0.25rem;
	padding-bottom: 0.35rem;
	position: relative;
	z-index: 1;
}

.s7-c a .txbox .tx::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0.59rem;
	height: 0.07rem;
	background-color: #fff;
}

.s7-m li:first-child a .txbox .tx::after,
.s7-r li:nth-child(1) a .txbox .tx::after,
.s7-r li:nth-child(2) a .txbox .tx::after {
	background-color: #eb9652;
}

.s7-m li:nth-child(2) a .txbox .tx::after,
.s7-r li:nth-child(3) a .txbox .tx::after {
	background-color: #eb39f8;
}

.s7-c a .txbox .tx img {
	display: block;
	max-width: 0.23rem;
	max-height: 0.23rem;
	margin-right: 0.1rem;
}

.s7-c a .txbox .tx p {
	color: #fff;
	font-size: 0.15rem;
}

.s7-l {
	width: 23.06%;
}

.s7-m {
	width: 25.18%;
}

.s7-r {
	width: 51.76%;
}

.s7-r ul {
	display: flex;
	flex-wrap: wrap;
}

.s7-r ul li {
	width: 50%;
}

.s7-r ul li:first-child {
	width: 100%;
}


.s7-l .pic {
	padding-top: 188.88%;
}

.s7-m .pic {
	padding-top: 86.35%;
}

.s7-r .pic {
	padding-top: 84%;
}

.s7-r li:first-child .pic {
	padding-top: 42.02%;
}

.s7-c li:hover a::after {
	opacity: 1;
	visibility: visible;
}

/* section8 */
.section8 {
	padding-top: 1.2rem;
	background: url(../images/section8-bg.jpg) no-repeat center;
	background-size: cover;
}

.section8 .title {
	margin-bottom: 0.6rem;
}

.s8-c .swiper-container {
	padding: 0.28rem 0.23rem 0.5rem 0.34rem;
}

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

.s8-c li::before {
	content: '';
	position: absolute;
	z-index: -1;
	transition: all 0.5s;
}

.s8-c li a {
	display: block;
	padding: 0.15rem 0.15rem 0.38rem 0.15rem;
	background-image: linear-gradient(90deg,
			#024cc6 0%,
			#21d7c8 100%);
	border-radius: 0.1rem;
	transition: all 0.5s;
}

.s8-c li a .pic {
	padding-top: 91.3%;
	border-radius: 0.15rem;
}

.s8-c li a .tx {
	padding-top: 0.55rem;
	padding-left: 0.15rem;
	display: flex;
	justify-content: space-between;
}

.s8-c li a .tx h3 {
	font-size: 0.21rem;
	font-weight: bold;
	line-height: 0.32rem;
	height: 0.68rem;
	letter-spacing: 0.01rem;
	color: #fff;
	padding-top: 0.1rem;
	transition: all 0.5s;
}

.s8-c li a .tx .sz {
	font-family: Arial;
	font-size: 0.66rem;
	font-weight: bold;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
	text-stroke: 1px rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.2)\0;
	transition: all 0.5s;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.s8-c li a .tx .sz {
		color: rgba(255, 255, 255, 0.2);
	}
}

.s8-c li.swiper-slide-active::before {
	top: -0.28rem;
	left: -0.34rem;
	width: 118.18%;
	height: 110.46%;
	background: url(../images/s8-1x.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active:hover::before {
	background: url(../images/s8-1xon.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active+li::before {
	top: 0.51rem;
	left: -0.23rem;
	width: 99.46%;
	height: 99.58%;
	background: url(../images/s8-2x.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active+li:hover::before {
	background: url(../images/s8-2xon.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active+li+li::before {
	top: 0.23rem;
	left: -0.32rem;
	width: 110.69%;
	height: 104.18%;
	background: url(../images/s8-3x.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active+li+li:hover::before {
	background: url(../images/s8-3xon.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active+li+li+li::before {
	top: -0.18rem;
	left: -0.23rem;
	width: 112.29%;
	height: 107.53%;
	background: url(../images/s8-4x.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li.swiper-slide-active+li+li+li:hover::before {
	background: url(../images/s8-4xon.png) no-repeat;
	background-size: 100% 100%;
}

.s8-c li:hover a {
	background: #f9d302;
}

.s8-c li:hover a .tx h3 {
	color: #000;
}

.s8-c li:hover a .tx .sz {
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.5);
	text-stroke: 1px rgba(0, 0, 0, 0.5);
}









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

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

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

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

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

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

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

	.banner .slick-slide .pic {
		padding-top: 56.25%;
		height: auto;
	}

	.section1,
	.section2,
	.section3,
	.section4,
	.section5,
	.section6,
	.section7,
	.section8 {
		padding: 0.4rem 0;
	}

	.title {
		margin-bottom: 0.3rem !important;
	}

	.tit-c a {
		align-items: flex-end;
	}

	.tit-c a .tit-cr h3 {
		font-size: 0.26rem;
	}

	.tit-c a .tit-cr p {
		font-size: 0.33rem;
		top: 0;
	}

	.tit-c a .tit-cl p {
		font-size: 0.5rem;
		line-height: 0.4rem;
	}

	.tit-c a .tit-cl .q {
		width: 0.36rem;
		height: 0.14rem;
	}

	.tit-c a .tit-cl {
		margin-right: 0.1rem;
	}

	.tit-c a .tit-cl.m {
		margin-right: 0.05rem;
	}

	.more a {
		font-size: 0.15rem;
		width: 1.2rem;
		height: 0.39rem;
		line-height: 0.39rem;
	}

	.s1-lt .tx h3 {
		font-size: 0.2rem;
	}

	.s1-lt .tx p {
		font-size: 0.16rem;
	}

	.s1-ld a .date {
		margin-left: 0.2rem;
	}

	.s1-ld a h3 {
		font-size: 0.18rem;
	}

	.s1-ld a .date b {
		font-size: 0.3rem;
	}

	.s1-rjdt ul li a h3,
	.s1-r .s1-rd li a h3 {
		font-size: 0.18rem;
	}

	.s1-r::before {
		top: 0.8rem;
		left: -0.3rem;
	}

	.s1-rjdt ul li a {
		padding: 0.25rem 0.2rem;
	}

	.s3-qhtit ul li {
		font-size: 0.18rem;
	}

	.s2-c li a .tx .sz b {
		font-size: 0.32rem;
	}

	.s4-l a .tx div h3 {
		font-size: 0.26rem;
		margin-top: -0.24rem;
	}

	.s4-l a .tx div p {
		font-size: 0.32rem;
	}

	.s4-r ul li a {
		padding: 0.25rem 0.3rem 0.25rem 1rem;
	}

	.s4-r ul li a::before {
		right: 0.2rem;
	}

	.s5-l .tx {
		padding: 0 0 0 0.2rem;
	}

	.s5-l .tx ul li {
		width: calc(50% - 0.26rem);
	}

	.s6-c ul li {
		width: 18%;
	}

	.s8-c .swiper-container {
		padding: 0;
	}

	.s8-c li::before {
		content: none;
	}
}

@media screen and (max-width: 900px) {
	.s1-l {
		width: 100%;
	}

	.s1-lt .pic {
		padding-top: 42.25%;
		height: auto;
	}

	.s1-lt .tx {
		position: relative;
		width: 100%;
		padding: 0.2rem;
	}

	.s1-lt .tx::before {
		clip-path: none;
		border-radius: 0 0.15rem 0 0.15rem;
	}

	.s1-lt .tx .bq {
		font-size: 0.16rem;
		margin-top: 0;
	}

	.s1-ld {
		margin-top: 0;
	}

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

	.s1-ld a {
		padding: 0.2rem;
	}

	.s1-ld a h3 {
		font-size: 0.2rem;
	}

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

	.s1-rjdt ul li a h3,
	.s1-r .s1-rd li a h3 {
		font-size: 0.2rem;
	}

	.s1-rjdt ul li a h3 {
		height: 0.6rem;
		line-height: 0.3rem;
	}

	.s1-rjdt ul li a {
		padding: 0.2rem;
	}

	.s1-rjdt .slick-dots {
		bottom: 1.2rem;
	}

	.s1-r .s1-rd li a {
		padding: 0 0.2rem 0.2rem 0.2rem;
	}

	.s3-c .notice .kr {
		flex: none;
		width: 100%;
	}

	.s3-c .notice .kr li {
		width: 100%;
	}

	.s3-c .notice .kr li:nth-child(4),
	.s3-c .notice .kr li:nth-child(5),
	.s3-c .notice .kr li:nth-child(6) {
		display: none;
	}

	.s3-c .notice .kr li a {
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0.3rem;
		padding-bottom: 0.2rem;
	}

	.s3-c .notice .kr li a h3 {
		font-size: 0.2rem;
		height: auto;
	}

	.s3-c .notice .kr li a p {
		height: auto;
	}

	.s3-c .notice .kl {
		width: 100%;
	}

	.s3-c .notice .kl .pic {
		height: 3.4rem;
	}

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

	.s2-c li a .icon1 {
		width: 1rem;
		height: 1rem;
	}

	.s2-c li a .icon1 img {
		max-width: 0.45rem;
		max-height: 0.45rem;
	}

	.s2-c li a .icon1 .q::after {
		width: 0.08rem;
		height: 0.08rem;
		left: 0.12rem;
	}

	.s2-c li a .tx .sz span {
		font-size: 0.2rem;
	}

	.s2-c li a .tx .sz span i {
		top: -0.05rem;
	}

	.s2-c li a .tx .sz b {
		font-size: 0.26rem;
	}

	.s3-c .notice .kl .s3-kllogo {
		top: 0.3rem;
	}

	.s3-c .notice .kl .s3-lzx {
		top: 1.5rem;
	}

	.s3-c .notice .kl p {
		top: auto;
		bottom: 0.2rem;
	}

	.s4-c {
		flex-wrap: wrap;
	}

	.s4-l {
		width: 100%;
	}

	.s4-l a .pic {
		height: auto;
		padding-top: 60.87%;
	}

	.s4-r {
		flex: none;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0.4rem;
	}

	.s4-r::before {
		width: 100%;
		border-radius: 0 0.35rem 0 0;
	}

	.s4-r ul li a {
		padding: 0.25rem 0.3rem;
	}

	.s4-r::after {
		width: 3rem;
		height: 0.58rem;
	}

	.section5 {
		padding-top: 0;
	}

	.s5-l {
		width: 100%;
	}

	.s5-l .tx {
		padding: 0 0.1rem;
	}

	.s5-l .tx ul {
		justify-content: space-between;
	}

	.s5-l .tx ul li {
		width: 49%;
		margin-left: 0 !important;
	}

	.s5-r {
		width: 100%;
		margin-top: 0.2rem;
	}

	.s5-r ul {
		margin-left: 0;
		justify-content: space-between;
	}

	.s5-r ul li {
		width: 49.2%;
	}

	.s5-r ul li a {
		margin-left: 0;
	}

	.s5-r ul li a .tx {
		bottom: 0.1rem;
	}

	.s5-r ul li a .tx h3 {
		font-size: 0.2rem;
	}

	.s5-l .txt h3 {
		font-size: 0.4rem;
	}

	.s5-r .pic {
		padding-top: 78.6%;
		height: auto;
	}

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

	.s6-c ul {
		height: 4.94rem;
	}

	.s6-tit {
		padding-top: 0.5rem;
	}

	.s6-tit .icon1 {
		width: 0.65rem;
		height: 0.65rem;
	}

	.s7-c {
		flex-wrap: wrap;
	}

	.s7-l {
		width: 47.75%;
	}

	.s7-m {
		width: 52.25%;
	}

	.s7-r {
		width: 100%;
	}

	.s7-c a .txbox {
		padding: 0 0.2rem;
	}

	.s7-c a .txbox .tx::after {
		height: 0.04rem;
	}

	.s7-c a .txbox .tx {
		margin-top: 0.15rem;
		padding-bottom: 0.2rem;
	}

	.s7-c a .txbox h3 {
		font-size: 0.2rem;
	}

	.s7-c a .txbox span {
		font-size: 0.15rem;
	}

	.s7-c a .txbox .tx p {
		font-size: 0.16rem;
	}

	.s8-c li a .tx {
		padding-left: 0;
	}

	.s8-c li a .tx .sz {
		font-size: 0.4rem;
	}

	.s8-c li a .tx h3 {
		font-size: 0.2rem;
	}

	.s8-c li a {
		padding: 0.15rem 0.15rem 0.2rem 0.15rem;
	}

}

@media screen and (max-width: 640px) {
	.tit-c a .tit-cr p {
		font-size: 12px;
		top: 6px;
	}
}

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

	.s3-qhtit ul li:nth-child(2) {
		margin-left: 0.18rem;
	}


	.s4-l a .pic::after {
		width: 0.6rem;
		height: 0.6rem;
	}

	.s4-l a .tx {
		bottom: 0.2rem;
		padding: 0 0.2rem;
	}

	.s5-l .pic {
		height: 4.23rem;
	}

	.s5-l .txt {
		top: 0.3rem;
		left: 0.2rem;
	}

	.s5-l .waveBox {
		height: 72%;
	}

	.foot-media {
		right: 0;
	}

	.foot-media>div>span {
		width: 0.45rem;
		height: 0.45rem;
	}

	.foot-media>div>div {
		width: 0.8rem;
	}

	.foot-media>div>span>img,
	.foot-media>div>span>a>img,
	.foot-media>div>span>svg,
	.foot-media>div>span>a>svg {
		max-width: 0.25rem;
		max-height: 0.25rem;
	}
}

@media screen and (max-width: 430px) {
	.foot-media>div+div {
		margin-left: 0.16rem;
	}
}

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


/* 返回顶部 */
.goTop {
	position: fixed;
	bottom: 2.6rem;
	right: 0.2rem;
	z-index: 999;
	width: 0.54rem;
	height: 0.54rem;
	border-radius: 50%;
	background-image: linear-gradient(262deg,
			#024cc6 0%,
			#20d2c8 100%);
	transition: all 0.5s;
	display: none;
}

.goTop a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/gotop.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.3rem auto;
}

.goTop:hover {
	background: #f9d302;
}

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