@charset "UTF-8";

/* #region 初始化 */

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	outline: none;

	padding: 0;

	margin: 0;

}



html,

body {

	width: 100%;


}


html {

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-webkit-tap-highlight-color: transparent;

}

.swiper-pointer-events {
	width: 100%;
}

body {

	margin: 0;

	padding: 0;

	word-wrap: break-word;

	color: #000;

	background: rgba(255, 255, 255, 1);

	line-height: 1.45;

}


body,

table,

input,

textarea,

select,

option {
	font-family: 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', 'Impact', sans-serif;

	font-weight: 400;

}



audio,

video {

	display: block;

}



a {

	display: block;

	background-color: transparent;

	text-decoration: none;

	color: inherit;

	outline: none;

	-webkit-tap-highlight-color: transparent;

}



ol,

ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



li {

	list-style: none;

}



img {

	display: block;

	border: 0;

}



dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	outline: none;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

	padding: 0;

}



table {

	border-spacing: 0;

	border-collapse: collapse;

}



td,

th {

	padding: 0;

}



.swiper-container {

	width: 100%;

}

/* #endregion */
/* #region  sass */
/* #endregion */


/* #弹性样式 */

.flex {
	display: flex;
}

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

.align-items {
	align-items: center;
}

.space-around {
	justify-content: space-around;
}

.space-between {
	justify-content: space-between;
}

.space-center {
	justify-content: center;
}

.flex-end {
	justify-content: flex-end;
}

/* #公共样式 -end */



/* #region 全局 导航*/

.container {
	padding: 0 30px;
	max-width: 1480px;
	margin: 0 auto;
	position: relative;
}


/* end */


.nav_icon,
.nav_modal {
	display: none;
}

.headernav {
	width: 100%;
	height: 5rem;
	opacity: 1;
	z-index: 5;
	color: rgba(51, 51, 51, 1);
}

.headernav .nav-container {
	max-width: 100%;
	height: 100%;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}

.headernav .logo {
	width: calc(20% + 30px);
	height: 100%;
	margin-left: -60px;
	position: relative;
}

.headernav .logo span {
	display: block;
	width: 100%;
	height: 100%;
	transform: skew(23deg);
	background: rgba(255, 255, 255, 1);
	position: relative;
	z-index: -1;
	border-radius: 0 0 0.5rem 0;
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.headernav .logo img {
	position: absolute;
	width: 7.5rem;
	height: 3.5rem;
	top: 45%;
	right: 12%;
	transform: translate(0, -50%);
	object-position: center;
}

.headernav ul {
	width: calc(80% + 50px);
	height: 100%;
	margin-right: -60px;
	padding: 0 5%;
	transition: ease-out .36s;
	position: relative;
}

.headernav ul span {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: skew(23deg);
	border-radius: 0 0 0 0.75rem;
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.headernav ul .qiehuan {
	display: none;
}

.headernav .left {
	width: 75%;
}

.headernav ul li {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 1);
	position: relative;
}

.headernav .active,
.headernav ul .nav_one a:hover {
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.headernav .other {
	width: 15%;
	color: #000;
	cursor: pointer;
	position: relative;
}

.headernav .other .country {
	position: relative;
}

.headernav .other .country img,
.headernav .other .albb img {
	width: 1rem;
	height: 1rem;
	margin-right: 0.65rem;
}

.headernav .nav_two {
	position: absolute;
	top: 3.2rem;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 8rem;
	opacity: 1;
	font-size: 0.8rem;
	line-height: 1.9rem;
	color: rgba(0, 98, 172, 1);
	text-align: center;
	z-index: 500;
	display: none;
	-webkit-text-fill-color: initial;
}

.headernav .nav_two img {
	width: auto;
	height: auto;
	margin: 0 auto;
}

.headernav .nav_two div {
	background: rgba(255, 255, 255, 0.8);
}

.headernav .nav_two a {
	opacity: 0.8;
	border-bottom: 0.05rem solid rgba(255, 255, 255, 1);
	color: #000;
}

.headernav .nav_two a:hover {
	opacity: 1;
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}


.on .headernav {
	top: 0rem;
	position: fixed;
}

.on .headernav ul li,
.on .headernav .logo,
.on .headernav .logo h3 {
	color: #000;
	filter: initial;
}

.on .headernav .other .country img {
	filter: invert(100%);
}

.on .headernav .other .albb img {
	filter: initial;
}


.home_on .headernav {
	position: fixed !important;
	box-shadow: initial !important;
	background-color: initial;
}

.home_on .headernav ul span {
	background: rgba(0, 0, 0, 0.35);
	transition: ease-out .36s;
}

.home_on .headernav ul li,
.home_on .headernav .country {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.home_on .headernav .active,
.home_on .headernav ul .nav_one a:hover {
	background-image: #fff;
}

.home_on .headernav .other .nav_one img,
.home_on .headernav .other .albb img {
	filter: grayscale(100%) brightness(600%);
}



/* #end */



/* 分页 */

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 4rem 0 2rem 0;
}

.pagination>li>a,
.pagination>li>span {
	font-size: 0.9rem;
	min-width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.5rem;
	border: 1px solid whitesmoke;
	padding: 0 .5rem;
	transition: ease-out .36s;
	color: rgba(102, 102, 102, 1);
	width: auto;
	border-radius: 0px;
}

.pagination>.active>a,
.pagination>li>a:hover,
.pagination>.active>a:focus,
.pagination>li>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
	background: rgba(0, 81, 191, 1);
	color: #fff;
}

/* end */





/* 首页轮播 */

.index .banner {
	width: 100%;
	position: relative;
}

.index .banner .swiper-slide {
	height: 100vh;
	position: relative;
}

.index .banner .swiper-slide::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0) 100%);
}

.index .banner .swiper-slide>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
}

.index .banner .swiper-slide.swiper-slide-active>img,
.index .banner .swiper-slide.swiper-slide-duplicate-active>img {
	transition: 5s linear;
	transform: scale(1, 1);
}

.index .banner .banner-text {
	position: absolute;
	width: 100%;
	top: 60%;
	left: 0;
	z-index: 1;
}

.index .banner .banner-text h3 {
	font-size: 3rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.index .banner .banner-text .tisp {
	width: 7.75rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 1);
	border-radius: 1.1rem;
	border: 0.05rem solid rgba(255, 255, 255, 1);
	text-align: center;
	padding: 0.25rem 0;
	margin-bottom: 1.25rem;
}

.index .banner .mouse {
	position: absolute;
	width: 100%;
	top: 40%;
	left: 0;
	z-index: 1;
}

.index .banner .mouse .container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.index .banner .swiper-pagination {
	display: flex;
	flex-direction: column;
	width: initial;
	position: initial;
	margin-bottom: 6rem;
}

.index .banner .swiper-pagination-bullet {
	width: 0.4rem;
	height: 0.4rem;
	background: rgba(204, 204, 204, 1);
	margin-bottom: 2rem;
	opacity: 1;
}

.index .banner .swiper-pagination-bullet-active {
	width: 0.4rem;
	height: 0.4rem;
	background: rgba(204, 204, 204, 1);
	position: relative;
	transition: ease-out 1s;
}

.index .banner .swiper-pagination-bullet-active:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.5rem;
	height: 1.5rem;
	border: 0.05rem solid rgba(204, 204, 204, 1);
	border-radius: 50%;
}


.banner_mouse {
	position: relative;
	z-index: 10;
	width: 23px;
	height: 40px;
	margin-bottom: 18px;
	cursor: pointer;
	animation-timeline: auto;
	animation-range-start: normal;
	animation-range-end: normal;
	background: url(../images/mouse2.png) -23px 0px no-repeat;
	animation: 1.6s linear 0s infinite normal none running nudgeMouse;
}

@keyframes nudgeMouse {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(8px);
	}

	100% {
		transform: translateY(0px);
	}
}

.f-left {
	float: left;
}

.banner_mouse::after,
.banner_mouse::before {
	content: "";
	position: absolute;
}

.banner_mouse::before {
	width: 23px;
	height: 40px;
	animation-timeline: auto;
	animation-range-start: normal;
	animation-range-end: normal;
	top: 0px;
	left: 0px;
	background: url(../images/mouse1.png) 0px 0px no-repeat;
	animation: 1.6s linear 0s infinite normal none running colorSlide;
}

@keyframes colorSlide {
	0% {
		height: 0px;
	}

	90% {
		height: 40px;
	}
}

.banner_mouse::after {
	background-color: rgb(255, 255, 255);
	width: 4px;
	height: 4px;
	animation-timeline: auto;
	animation-range-start: normal;
	animation-range-end: normal;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border-radius: 100%;
	animation: 1.6s linear 0s infinite normal none running trackBallSlide;
	margin: auto;
}

@keyframes trackBallSlide {
	0% {
		opacity: 1;
		transform: scale(1) translateY(-8px);
	}

	34% {
		opacity: 1;
		transform: scale(0.9) translateY(4px);
	}

	68% {
		opacity: 0;
		transform: scale(0.4) translateY(16px);
	}

	100% {
		opacity: 0;
		transform: scale(0.4) translateY(-8px);
	}
}

.index .banner .mouse hr {
	height: 2.5rem;
	width: 0rem;
	border: 0.05rem solid rgba(204, 204, 204, 1);
	margin: 0 auto;
	margin-bottom: 1rem;
}


/* end */


/* 内页轮播 */

.h400 .banner .swiper {
	height: 32.5rem;
	position: relative;
}

.h400 .banner .swiper-slide>img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
}

.h400 .banner .swiper-slide::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
}

.h400 .banner .swiper-slide.swiper-slide-active>img,
.h400 .banner .swiper-slide.swiper-slide-duplicate-active>img {
	transition: 5s linear;
	transform: scale(1, 1);
}

.h400 .banner .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 1);
}

.h400 .banner .container h3 {
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	font-size: 3rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}


/* cp */

.h950 .banner .swiper {
	height: 100vh;
}

.h950 .banner .container {
	justify-content: flex-end;
}

.h950 .banner .container h3 {
	font-size: 3.6rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	top: 30%;
}

.h950 .banner .container ul {
	width: 100%;
	margin-bottom: 4rem;
}

.h950 .banner .container li img {
	width: 3.1rem;
	height: 3.1rem;
	margin-right: 1rem;
}

.h950 .banner .container li p {
	font-size: 2.4rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.cpinfo .banner .swiper {
	height: 32.5rem;
}

.cpinfo .banner .container h3 {
	top: 40%;
}

/* end */


/* 首页 */

.index2 {
	opacity: 1;
	transition: ease-out .36s;
	position: relative;
	height: 200vh;
}

.index2 .conten {
	height: 100vh;
	position: sticky;
	top: 0;
	left: 0;
}

.index2 .top {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 15;
}

.index2 .top .svg {
	width: 100%;
	height: 100%;
	transform-origin: 85% 50%;
	transition: all .3s ease-out;
}

.index2 .top img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.index2 .data {
	background: #fff;
	transition: ease-out .36s;
}

.index2 .data,
.index2 .botton .list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 25;
}

.index2 .data .container,
.index2 .botton .list .container {
	height: 100%;
}

.index2 .data h3 {
	margin: 3.25rem 0 1.75rem 0;
}

.index2 .data h3 span {
	font-size: 2.1rem;
	font-weight: 700;
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.index2 .data p {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	width: 80%;
}

.index2 .data .left {
	transition: transform .36s cubic-bezier(0, 0, 0.2, 1), opacity .2s ease-out;
	transform: translateY(0px);
	transition-delay: 0.2s;
}

.index2 .data .right {
	transition: transform .36s cubic-bezier(0, 0, 0.2, 1), opacity .2s ease-out;
	transition-delay: 0s;
}

.index2 .data .right img {
	width: 100%;
}

.index2 .botton {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.index2 .botton img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.index2 .botton ul {
	width: 50%;
	opacity: 0;
	transition: transform .36s cubic-bezier(0, 0, 0.2, 1), opacity .2s ease-out;
	transition-delay: 0s;
}

.index2 .botton li {
	width: 40%;
	margin-bottom: 2.5rem;
}

.index2 .botton li h3 span {
	font-size: 3.4rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.index2 .botton li h3 {
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 1);
	border-bottom: 0.05rem solid rgba(255, 255, 255, 1);
}

.index2 .botton li p {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 1);
	margin-top: 1rem;
}

.index2.on .data {
	background: initial;
	transition: ease-out .36s;
}

.index2.on .data .left {
	transform: translateY(-30px);
	opacity: 0;
	transition: transform .36s cubic-bezier(0, 0, 0.2, 1), opacity .2s ease-out;
	transition-delay: 0s;
}

.index2.on .data .right {
	opacity: 0;
	transition: transform .36s cubic-bezier(0, 0, 0.2, 1), opacity .2s ease-out;
	transition-delay: 0s;
}

.index2.on1 .botton ul {
	opacity: 1;
	transition: transform .36s cubic-bezier(0, 0, 0.2, 1), opacity .2s ease-out;
	transition-delay: 0s;
}



.index3 {
	opacity: 1;
	padding: 4.5rem 0;
}

.index-title {
	font-size: 0.9rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	position: relative;
	margin-bottom: 2rem;
}

.index-title span {
	display: block;
	width: 0.25rem;
	height: 1.35rem;
	background: rgba(255, 109, 62, 1);
	margin-right: 0.75rem;
}

.index-title hr {
	width: 90%;
	height: 0.05rem;
	border: 0;
	background: rgba(245, 245, 245, 1);
}

.index3 ul a {
	margin-bottom: 2.75rem;
}

.index3 ul .left {
	width: 25%;
}

.index3 ul .left h3 {
	font-size: 2.1rem;
	font-weight: 700;
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.index3 ul .left .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin: 1.2rem 0 1.85rem 0;
}

.index-more {
	width: 7.6rem;
	padding: 0.7rem 0;
	border-radius: 1.35rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.index-more p,
.index-more img {
	position: relative;
	z-index: 3;
}

.index-more img {
	margin-left: 0.5rem;
}

.index-more::before,
.index-more::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 109, 62, 1);
	top: 0;
	right: 0;
	z-index: 1;
}

.index-more::after {
	width: 0;
	background: rgba(255, 88, 37, 1);
	transition: all .5s ease;
}

.index-more:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.index3 ul .right {
	width: 70%;
	height: 22rem;
	border-radius: 1rem;
	background: rgba(204, 204, 204, 1);
	box-shadow: 0 0.2rem 1.6rem rgba(0, 56, 112, 0.1);
	overflow: hidden;
}

.index3 ul .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index3 ul .right img:hover {
	transform: scale(1.1);
}


.index4 {
	padding: 2.75rem 0 3.25rem 0;
	height: 42.5rem;
	position: relative;
}

.index4 .bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: none;
}

.index4 .bg img:nth-child(1) {
	display: block;
}

.index4 .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.index4 .index-title {
	color: #fff;
}

.index4 .index-title hr {
	background: initial;
}

.index4 ul li {
	width: calc((100% - 4.95rem) / 4);
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(4px);
	padding: 1.6rem 1.5rem;
	cursor: pointer;
	transition: ease-out .36s;
}

.index4 ul li h3 {
	font-size: 1.4rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
}

.index4 ul li div {
	width: 2.3rem;
	height: 2.3rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease-out .36s;
}

.index4 ul li.active {
	background: rgba(255, 255, 255, 1);
}

.index4 ul li.active div {
	background: rgba(255, 109, 62, 1);
}

.index4 ul li.active div img {
	filter: grayscale(100%) brightness(600%);
}


.index5 {
	opacity: 1;
	padding: 4.5rem 0 6.75rem 0;
	position: relative;
}

.index5 .index5-news {
	width: 100%;
	overflow: hidden;
}

.index5 .swiper-slide i {
	display: block;
	width: 100%;
	height: 13.5rem;
	border-radius: 0.5rem;
	background: rgba(204, 204, 204, 1);
	overflow: hidden;
	margin-bottom: 1.25rem;
}

.index5 .swiper-slide i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index5 .swiper-slide span {
	display: block;
	height: 4rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: ease-out .36s;
}

.index5 .swiper-slide .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(153, 153, 153, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index5 .swiper-slide hr {
	border: 0;
	width: 100%;
	height: 0.05rem;
	background: rgba(240, 240, 240, 1);
	margin: 1.25rem 0;
}

.index5 .swiper-slide .time {
	font-size: 0.9rem;
	color: rgba(102, 102, 102, 1);
}

.index5 .swiper-slide i img:hover {
	transform: scale(1.1);
}

.index5 .swiper-slide:hover span {
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.index5 .dot {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	z-index: 1;
}

.index5 .dot .container {
	max-width: 1620px;
	padding: 0 10px;
}

.index5 .dot .next,
.index5 .dot .prev {
	width: 2.5rem;
	height: 2.5rem;
	background: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.index5 .dot img {
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	filter: grayscale(100%) brightness(120%);
	transition: ease-out .36s;
}

.index5 .dot img:hover {
	filter: initial;
}


.index6 {
	opacity: 1;
	margin-bottom: -4rem;
}

.index6 .container {
	padding: 4rem 3.5rem;
	border-radius: 1rem;
	background: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
}

.index6 .left {
	font-size: 2.4rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.index6 .right li {
	font-size: 0.8rem;
	color: rgba(204, 204, 204, 1);
	width: 85%;
}

.index6 .right li:nth-child(2) {
	margin: 1rem 0;
}

.index6 .right li img {
	width: 1.1rem;
	height: 1.1rem;
	margin-right: 1rem;
}


/* end */



/* 底部 */

footer {
	padding: 6.55rem 0 0 0;
	background: rgba(17, 17, 17, 1);
}

footer .left {
	width: 20%;
}

footer .left img {
	width: 100%;
}

footer .left p {
	font-size: 0.8rem;
	font-weight: 500;
	color: rgba(255, 109, 62, 1);
	margin: 2.3rem 0 1rem 0;
}

footer .left li {
	width: 2.8rem;
	height: 2.8rem;
	background: rgba(255, 255, 255, 1);
	border: 0.05rem solid rgba(255, 109, 63, 1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

footer .left li:nth-child(2) {
	margin: 0 0.75rem;
}

footer .left li img:nth-child(1) {
	width: 1.2rem;
	height: 1.2rem;
}

footer .left li img:nth-child(2) {
	opacity: 0;
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translate(-50%, 0);
	height: 0;
	width: 5.5rem;
	transition: ease-out .36s;
	z-index: 2;
}

footer .left li:hover img:nth-child(2) {
	height: 5.5rem;
	opacity: 1;
}

footer .right {
	width: 65%;
}

footer .right h3 a {
	font-size: 0.9rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 1rem;
}

footer .right a {
	font-size: 0.9rem;
	color: rgba(153, 153, 153, 1);
	margin-top: 0.75rem;
}

footer hr {
	border: 0;
	width: 100%;
	height: 0.05rem;
	background: rgba(79, 79, 79, 1);
	margin-top: 3.65rem;
}

footer .botton {
	background: rgba(0, 0, 0, 1);
	opacity: 1;
	transition: ease-out .36s;
	font-size: 0.9rem;
	color: rgba(125, 125, 125, 1);
	padding: 0.8rem 0;
}

footer .botton span:nth-child(1) {
	margin-right: 2.5rem;
}

footer .top .item:nth-child(1) a:hover,
footer .top .item:nth-child(2) a:hover,
footer a:hover {
	color: #fff;
	transition: ease-out .36s;
}

/* end */



/* 走进昱森 */

.about {
	padding: 4.5rem 0 7.2rem 0;
}

.about h3 {
	width: 25%;
}

.about h3 span {
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.about .intor {
	width: 70%;
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
}

.about .pic {
	width: 100%;
	height: 22.5rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-top: 1.5rem;
}

.about .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.about .pic img:hover {
	transform: scale(1.1);
}


.about2 {
	padding: 4.25rem 0;
	background: url('../images/aboutbg.webp') no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

.about2 ul li {
	width: 30%;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	margin-bottom: 3.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2.5rem 1.5rem;
	position: relative;
}

.about2 ul li:nth-child(2n+1) {
	margin-right: 10%;
}

.about2 ul li:nth-child(3),
.about2 ul li:nth-child(4) {
	margin-bottom: 0rem;
}

.about2 ul li span {
	display: block;
	position: absolute;
	left: 30px;
	top: -25px;
	width: 3.9rem;
	height: 2.5rem;
	background: url('../images/about01.svg') no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}

.about2 ul li h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.85rem;
}

.about2 ul li p {
	font-size: 0.9rem;
	line-height: 26px;
	color: rgba(102, 102, 102, 1);
}

.about2 .conten {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url('../images/about02.svg') no-repeat;
	background-size: cover;
	background-position: center;
	width: 18.9rem;
	height: 11.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about3 {
	opacity: 1;
	padding: 6rem 0 10rem 0;
}

.about3 h3 {
	font-size: 2.4rem;
	font-weight: 700;
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.about3 .dot .next,
.about3 .dot .prev {
	width: 2.5rem;
	height: 2.5rem;
	border: 0.05rem solid rgba(153, 153, 153, 1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 1.75rem;
	cursor: pointer;
	transition: ease-out .36s;
}

.about3 .dot .next img,
.about3 .dot .prev img {
	width: 1rem;
	height: 1rem;
	filter: grayscale(100%) brightness(100%);
	transition: ease-out .36s;
}

.about3 .dot .next:hover,
.about3 .dot .prev:hover {
	border: 0.05rem solid rgba(255, 109, 62, 1);
}

.about3 .dot .next:hover img,
.about3 .dot .prev:hover img {
	filter: initial;
}

.about3 .swiper-about {
	margin-top: 2.25rem;
}

.about3 .swiper-slide .left,
.about3 .swiper-slide .right {
	width: 49%;
	height: 22.35rem;
	overflow: hidden;
}

.about3 .swiper-slide .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0.5rem;
	transition: ease-out .36s;
}

.about3 .swiper-slide .right a {
	width: 48.5%;
	height: calc((22.35rem - 0.75rem) / 2);
	border-radius: 0.5rem;
	margin-bottom: 0.75rem;
	overflow: hidden;
}

.about3 .swiper-slide .right a:nth-child(3),
.about3 .swiper-slide .right a:nth-child(4) {
	margin-bottom: 0;
}

.about3 .swiper-slide .right a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.about3 .swiper-slide .left a img,
.about3 .swiper-slide .right a img {
	transform: scale(1.1);
}


/* end */



/* 产品 */

.chanpin {
	padding: 4.5rem 0 6rem 0;
	background-color: rgba(245, 245, 245, 1);
}

.chanpin a {
	width: calc((100% - 3.5rem) / 3);
	background: rgba(255, 255, 255, 1);
	padding: 1.5rem 2.75rem;
	border-bottom: 0.2rem solid #fff;
	transition: ease-out .36s;
	margin-bottom: 1.5rem;
	margin-right: 1.75rem;
}

.chanpin a:nth-child(3n) {
	margin-right: 0;
}

.chanpin a i {
	display: block;
	width: 100%;
	height: 15rem;
	overflow: hidden;
	margin-bottom: 2.5rem;
}

.chanpin a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.chanpin a p {
	font-size: 0.9rem;
	color: rgba(51, 51, 51, 1);
	text-align: center;
}

.chanpin a:hover {
	border-bottom: 0.2rem solid rgba(255, 109, 62, 1);
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
}

.chanpin a:hover img {
	transform: scale(1.1);
}


.chanpin2 {
	padding: 4.5rem 0 6rem 0;
}

.chanpin2 img {
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 2.5rem;
}

.chanpin2 .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 3.5rem;
}

.chanpin2 .intor img {
	max-width: 100%;
	margin: 0 auto;
}

.chanpin2 ul a {
	width: calc((100% - 4.5rem) / 4);
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
	height: 16.25rem;
}

.chanpin2 ul a:nth-child(4n) {
	margin-right: 0;
}

.chanpin2 ul a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}


/* end */


/* 新闻资讯 */

.news {
	padding: 4.5rem 0 6rem 0;
	opacity: 1;
}

.news .top .news-swiper {
	width: 100%;
	padding: 1.5rem 0;
	overflow: hidden;
	position: relative;
	margin-bottom: 2.5rem;
}

.news .top .news-swiper .swiper-slide {
	display: flex;
	align-items: center;
}

.news .top .news-swiper .swiper-slide i {
	display: block;
	width: 40%;
	height: 18.8rem;
	border-radius: 0.75rem;
	overflow: hidden;
}

.news .top .news-swiper .swiper-slide i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.news .top .news-swiper .swiper-slide .intor {
	width: 58%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 36px rgba(34, 154, 240, 0.1);
	padding: 2.5rem;
}

.news .top .news-swiper .swiper-slide .intor .time {
	font-size: 0.9rem;
	color: rgba(51, 51, 51, 1);
}

.news .top .news-swiper .swiper-slide .intor h3 {
	font-size: 1.2rem;
	font-weight: bold;
	color: rgba(17, 17, 17, 1);
	margin: 0.75rem 0 1.75rem 0;
	transition: ease-out .36s;
}

.news .top .news-swiper .swiper-slide .intor .test {
	font-size: 0.9rem;
	line-height: 26px;
	color: rgba(102, 102, 102, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 2.8rem;
}

.news .top .news-swiper .swiper-slide .intor .more {
	width: 7.15rem;
	border-radius: 1.5rem;
	border: 0.05rem solid rgba(255, 109, 62, 1);
	text-align: center;
	padding: 0.5rem 1rem;
	font-size: 0.9rem;
	color: rgba(255, 109, 62, 1);
	transition: ease-out .36s;
}

.news .top .news-swiper .swiper-slide .intor .more img {
	width: 0.8rem;
	height: 0.8rem;
	transition: ease-out .36s;
}

.news .news-swiper .swiper-pagination-bullet {
	width: 2rem;
	height: 0.1rem;
	opacity: 0.28;
	border-radius: 0.25rem;
	background: rgba(255, 109, 62, 1);
	margin: 0 0.25rem;
}

.news .news-swiper .swiper-pagination-bullet-active {
	opacity: 0.9;
	border-radius: 0.25rem;
	background: rgba(255, 109, 62, 1);
}

.news .news-swiper .swiper-horizontal>.swiper-pagination-bullets,
.news .news-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.news .news-swiper .swiper-pagination-custom,
.news .news-swiper .swiper-pagination-fraction {
	bottom: 4rem;
	right: 4rem;
	left: initial;
	width: initial;
	height: 0.3rem;
}

.news .top .news-swiper .swiper-slide:hover i img {
	transform: scale(1.1);
}

.news .top .news-swiper .swiper-slide:hover .intor h3 {
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.news .botton a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-bottom: 2.25rem;
}

.news .botton a:nth-child(3n) {
	margin-right: 0;
}

.news .botton a i {
	display: block;
	width: 100%;
	height: 14rem;
	border-radius: 0.75rem;
	overflow: hidden;
}

.news .botton a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.news .botton a .intor {
	padding: 1.25rem 0;
	background: rgba(255, 255, 255, 1);
}

.news .botton a .intor .time {
	font-size: 0.9rem;
	color: rgba(102, 102, 102, 1);
}

.news .botton a .intor h3 {
	font-size: 1.2rem;
	font-weight: bold;
	color: rgba(17, 17, 17, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 0.75rem 0;
	transition: ease-out .36s;
}

.news .botton a .intor .test {
	font-size: 0.9rem;
	line-height: 26px;
	color: rgba(102, 102, 102, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 1.15rem;
}

.news .botton a .intor hr {
	border: 0;
	height: 0.05rem;
	background: rgba(240, 240, 240, 1);
	margin-bottom: 1.25rem;
}


.news .botton a:hover i img {
	transform: scale(1.1);
}

.news .botton a:hover h3 {
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.news .botton a:hover .more {
	color: rgba(255, 109, 62, 1);
}

.news .botton a:hover .more img {
	filter: initial;
}


/* 详情 */

.news2 {
	padding: 8rem 0 8rem 0;
	background-color: rgba(247, 247, 247, 1);
}

.news2 .position {
	font-size: 0.7rem;
	color: rgba(153, 153, 153, 1);
	margin-bottom: 2.5rem;
}

.news2 .content {
	border-radius: 2rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 4px 36px rgba(34, 154, 240, 0.1);
	padding: 3.5rem;
}

.news2 .content h3 {
	font-size: 1.8rem;
	font-weight: bold;
	background-image: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	margin-bottom: 1.75rem;
}

.news2 .content .time {
	font-size: 0.9rem;
	color: rgba(102, 102, 102, 1);
}

.news2 .content hr {
	border: 0;
	margin: 1.75rem 0 2.75rem 0;
	border-bottom: 0.05rem solid rgba(232, 232, 232, 1);
}

.news2 .content .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 10rem;
}

.news2 .content .next a {
	width: 8.25rem;
	border-radius: 1.5rem;
	border: 0.05rem solid rgba(102, 102, 102, 1);
	font-size: 0.9rem;
	color: rgba(102, 102, 102, 1);
	text-align: center;
	padding: 0.7rem 1.5rem;
	transition: ease-out .36s;
}

.news2 .content .next a:nth-child(1) img {
	transform: rotate(180deg);
}

.news2 .content .next a:hover {
	border: 0.05rem solid rgba(255, 109, 62, 1);
	background: rgba(255, 109, 62, 1);
	color: #fff;
}

.news2 .content .next a:hover img {
	filter: grayscale(100%) brightness(600%);
}


/* end */



/* 联系我们 */

.us {
	padding: 4.5rem 0 10rem 0;
}

.us h3 {
	font-size: 2.4rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
}

.us p {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin: 0.75rem 0 2rem 0;
}

.us ul {
	background: rgba(245, 245, 245, 1);
}

.us ul li {
	width: 25%;
	height: 11.8rem;
	border-right: 0.05rem solid rgba(232, 232, 232, 1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	padding: 0 2.15rem;
}

.us ul li .icon {
	margin-bottom: 1.25rem;
}

.us ul li img {
	width: 2.85rem;
	height: 2.85rem;
	background: linear-gradient(90deg, rgba(14, 59, 119, 1) 0%, rgba(2, 132, 112, 1) 100%);
	border-radius: 50%;
	padding: 0.6rem;
	margin-right: 1rem;
}

.us ul li p {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	margin: 0;
}

.us .address {
	margin-top: 3rem;
	width: 100%;
	height: 29rem;
	background: rgba(204, 204, 204, 1);
}

.us .address img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* end */