#header,
#nav ul li>a,
.top_menu {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

#header {
	z-index: 999;
	height: 68px;
	background: rgba(14, 15, 18, 0.8);
	width: 100vw;
	position: fixed;
	top: 0;
	z-index: 998;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

#header>.m {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	position: static
}

#header .fr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	max-width: 950px
}

#header .line01 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .1);
	z-index: -1
}

#logo {
	flex-shrink: 0;
	height: 68px
}

#logo a {
	display: flex;
	height: 100%;
	align-items: center
}

#logo img {
	display: block
}

#nav {
	flex-grow: 1;
	margin: 0 5rem
}

#nav ul {
	display: flex;
	flex-grow: 1;
	justify-content: space-between
}

#nav ul li {
	position: relative;
	z-index: 0;
	text-align: center;
	font-size: 0
}

#nav ul li>a {
	display: block;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.5);
	line-height: 68px;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 1;
	display: inline-block
}

#nav ul li>a:before {
	content: "";
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #2659FF;
	transition: .3s ease-in-out;
	transform: scaleX(0);
	transform-origin: center
}

#nav ul li.on>a,
#nav ul li:hover>a {
	color: #fff
}

#nav {
	position: relative;
	-webkit-tap-highlight-color: transparent
}

#nav ul {
	list-style: none;
	padding: 0
}

#nav li {
	text-align: center;
	position: relative;
	float: left
}

.underline {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 6px;
	background: #2659FF;
	transition: transform .2s linear, width .2s linear
}

.btn_user {
	width: 8.75rem;
	height: 2.5rem;
	font-size: 1rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	opacity: 1;
	background: linear-gradient(106deg, #53D7E5 0, #2659FF 99%)
}

.btn_user i {
	display: block;
	width: 1px;
	height: 1.75rem;
	background: #ECEEF2;
	margin: 0 .9375rem
}

#nav ul li .sub {
	clip-path: inset(0 0 100% 0);
	transition: .5s
}

#nav ul li:hover .sub {
	clip-path: inset(0 0 0 0)
}

.nav_sub_pro {
	position: absolute;
	background: rgba(14, 15, 18, 0.8)
}

.nav_sub_pro .box {
	display: flex
}

.nav_sub_pro .box dt {
	height: 3.125rem;
	display: flex;
	align-items: center;
	background: #444A50;
	padding: 0 20px;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: left;
	color: #fff
}

.nav_sub_pro .box dt a {
	display: flex;
	align-items: center
}

.nav_sub_pro .box dt .ico {
	width: calc(1.75rem + 16px);
	margin-right: 10px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.nav_sub_pro .box dd {
	padding: 20px
}

.nav_sub_pro .box dd a {
	display: flex;
	padding: .875rem 1.75rem;
	transition: .3s
}

.nav_sub_pro .box dd .ico {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	margin-right: 10px;
	margin-top: 5px
}

.nav_sub_pro .box dd .txt {
	text-align: left;
	width: 10rem;
	max-width: 100%
}

.nav_sub_pro .box dd .txt span {
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 5px;
	transition: .3s
}

.nav_sub_pro .box dd .txt p {
	color: #FFF;
	opacity: .5;
	font-size: 12px
}

.nav_sub_pro .box dd>a:hover {
	background: rgba(68, 74, 80, 0.7)
}

.nav_sub_pro .box dd>a:hover .txt span {
	color: #2659FF;
	background: linear-gradient(100deg, #53D7E5 0, #2659FF 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent
}

.nav_sub_pro .box dl.nav_shiyongbox dt {
	border-left: 1px solid rgba(14, 15, 18, 0.8)
}

.nav_sub_pro .box dl.nav_shiyongbox dd {
	padding: 30px 40px;
	border-left: 1px solid rgba(68, 74, 80, 0.5)
}

.nav_sub_pro .box dl.nav_shiyongbox dd .txt p {
	line-height: 1.25rem
}

.nav_sub_pro .box dl.nav_shiyongbox dd .txt {
	margin-top: 10px
}

.nav_shiyongbox dd a {
	padding: 0 !important
}

.nav_shiyongbox .inner {
	width: 10rem
}

.nav_shiyongbox .img {
	position: relative
}

.nav_shiyongbox .img:after {
	padding-top: 56.25%
}

.nav_shiyongbox .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: .875rem;
	font-weight: bold;
	background: rgba(0, 0, 0, .2)
}

.btn_try {
	width: 10rem;
	height: 2.8125rem;
	margin-top: 1.75rem;
	border-radius: .75rem;
	overflow: hidden;
	background: rgba(68, 74, 80, 0.8);
	border: 1px solid rgba(68, 74, 80, 0.8);
	font-size: .875rem;
	color: #FFF;
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.btn_try:hover {
	border: 1px solid rgba(38, 89, 255, 0.8);
	background: rgba(38, 89, 255, 0.16)
}

.btn_try:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	background: linear-gradient(106deg, rgba(83, 214, 229, 0.8) 0, rgba(38, 89, 255, 0.8) 99%)
}

.btn_try:active:before {
	opacity: 1;
	visibility: visible
}

#m_header {
	display: none;
	height: 4.5rem;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 996;
	transition: .5s;
	background: rgba(14, 15, 18, 0.8)
}

#m_header .m {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

#m_header #m_logo img {
	height: 4.5rem
}

.m_nav_list {
	width: 100%
}

.m_nav_list::-webkit-scrollbar {
	display: none
}

#m_header .btn_user {
	margin-right: 5rem
}

#m_nav {
	z-index: 997;
	position: fixed;
	background: rgba(47, 50, 58, 0.96);
	background-size: cover;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	top: 0;
	display: none;
	padding: 50px 0;
	overflow: hidden;
	pointer-events: none;
	transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	display: block;
	overflow: auto;
	visibility: hidden;
	opacity: 0;
	transform-origin: left
}

#m_nav::-webkit-scrollbar {
	display: none
}

#m_nav.act {
	pointer-events: auto;
	top: 0;
	visibility: visible;
	opacity: 1;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

#m_nav>ul>li {
	overflow: hidden;
	padding: 0 10%;
	transition: .5s
}

#m_nav>ul>li+li {
	border-top: 1px solid rgb(220 220 220 / 10%)
}

#m_nav li .a {
	display: block
}

#m_nav>ul>li.on {
	background: rgb(39 42 48 / 69%)
}

#m_nav li h3 {
	line-height: 4.25rem;
	height: 4.25rem;
	color: #fff;
	padding: 0;
	font-size: 1.25rem;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

#m_nav li .a {
	flex-grow: 1
}

#m_nav li .a span {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	width: 20px;
	height: 50px;
	text-align: center
}

#m_nav li i {
	font-size: 0
}

#m_nav .title i {
	opacity: 1;
	filter: alpha(opacity=100);
	display: inline-block;
	width: 30px;
	height: 4.5rem;
	opacity: .8;
	float: right;
	display: inline-block;
	background: url(/images/arrow_down.svg) center no-repeat;
	background-size: 14px
}

#m_nav li.on.title i {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg)
}

#m_nav .on.title i {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg)
}

#m_nav li {
	display: block;
	width: 100%
}

#m_nav .slide_nav {
	position: absolute;
	left: 0;
	height: 70px;
	z-index: 998;
	padding: 15px;
	top: 0;
	width: 100%
}

#m_nav .title .list {
	display: none;
	position: relative;
	width: 100%;
	z-index: 9;
	left: 0;
	margin-left: 0;
	background: 0;
	border: 0;
	clear: both;
	padding-bottom: 1rem
}

#m_nav .title .list span {
	background: 0
}

#m_nav .title .list span a:hover {
	color: #014085
}

#m_nav .title .list a {
	display: block;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.829);
	text-align: left;
	line-height: 2.5rem;
	border: 0;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

#m_nav dl {
	padding: 1rem
}

#m_nav .title .list dt a {
	color: #fff;
	font-size: 14px
}

#m_nav .title .list dd a {
	color: rgba(255, 255, 255, 0.575);
	font-size: 13px
}

#m_nav dd {
	padding-left: 1rem
}

#m_nav dd a {
	position: relative
}

#m_nav dd a:before {
	content: "";
	display: block;
	position: absolute;
	left: -1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 1rem;
	background: linear-gradient(0deg, #53D7E5 0, #2659FF 99%)
}

#m_n_nav {
	display: none;
	line-height: 50px;
	position: relative;
	z-index: 9;
	width: 100%;
	background: #af1e28
}

#m_n_nav .m {
	display: flex;
	align-items: center;
	justify-content: space-between
}

#bnt_back svg {
	fill: #fff;
	vertical-align: middle;
	width: 26px;
	height: 26px
}

#m_n_nav h1 {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0;
	line-height: 50px
}

#bnt_sub_nav {
	cursor: pointer;
	color: #fff;
	font-size: 18px
}

#bnt_sub_nav svg {
	fill: #fff;
	height: 20px;
	vertical-align: middle;
	width: 20px
}

#bnt_sub_nav img {
	display: block;
	height: 15px
}

#bnt_sub_nav.on img {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

#sub_nav_content {
	background: #f0f3f5;
	display: none;
	box-shadow: 0 0 5px #999;
	z-index: 9
}

#sub_nav_content ul {
	padding: 10px
}

#sub_nav_content ul li {
	display: block;
	line-height: 28px;
	margin: 1rem 0
}

#sub_nav_content ul li a {
	display: block;
	border-left: 2px solid #af1e28;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: #535455
}

#sub_nav_content ul li.on a {
	color: #af1e28
}

#sub_nav_content dl {
	font-size: 0;
	overflow: hidden;
	background: #fff;
	padding: 10px 0;
	border-top: 1px solid #e7e7e7
}

#sub_nav_content dt {
	position: relative;
	background: #fff;
	z-index: 999;
	margin-bottom: 0
}

#sub_nav_content dt a {
	margin: 0 20px;
	display: block;
	color: #5b5349;
	line-height: 30px;
	font-size: 15px;
	font-weight: 400;
	vertical-align: top;
	font-family: Alibaba-PuHuiTi-Regular
}

#sub_nav_content dt a i {
	position: absolute;
	right: 15px;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none
}

#sub_nav_content dt.title {
	background: #fafafb
}

#sub_nav_content dt.title i {
	opacity: 1;
	filter: alpha(opacity=100)
}

#sub_nav_content dt.title_on {
	background: #fafafb
}

#sub_nav_content dt.title_on a {
	color: #af1e28;
	border-top: 1px solid #fff
}

#sub_nav_content dt.title_on a i {
	color: #af1e28
}

#sub_nav_content dt.last a {
	border-top: 1px solid #f8f8f8
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
	color: #af1e28
}

#sub_nav_content dd .box {
	padding: 0
}

#sub_nav_content dd a {
	padding: 0 25px;
	line-height: 30px;
	font-size: 13px;
	color: #5b5349;
	display: block;
	height: 30px
}

#sub_nav_content dd a.on {
	color: #af1e28
}

#banner {
	position: relative;
	z-index: 0
}

#banner .swiper-container {
	height: 100vh
}

#banner .swiper-slide {
	overflow: hidden
}

#banner .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat !important
}

#banner .slide-inner video {
	width: 100%;
	height: 100%
}

#banner .txt {
	color: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

#banner .txt h3 {
	color: #fff;
	font-family: Jost-Bold, "Source Han Sans";
	font-size: 2.5rem;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0;
	margin-bottom: 1.75rem
}

#banner .txt h3 span {
	background: linear-gradient(108deg, #53D7E5 0, #2659FF 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

#banner .txt p {
	font-size: 1.375rem;
	line-height: 2.25rem;
	margin-bottom: 4.75rem
}

#banner .txt .btnbox {
	width: 15rem;
	height: 3.125rem;
	overflow: hidden;
	border-radius: 25px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-align: center
}

#banner .txt .btnbox a {
	opacity: 1;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, .2)
}

#banner .txt .btnbox a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
	border: 2px solid rgba(255, 255, 255, .75)
}

#banner .txt .btnbox a:first-child:after {
	border-right: 0;
	border-radius: 25px 0 0 25px
}

#banner .txt .btnbox a:nth-child(2):after {
	border-radius: 0 25px 25px 0
}

#banner .txt .btnbox a.on {
	background: rgba(255, 255, 255, .45)
}

#banner .txt .btnbox a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	background: linear-gradient(106deg, rgba(83, 214, 229, 0.8) 0, rgba(38, 89, 255, 0.8) 99%)
}

#banner .txt .btnbox a:active:before {
	opacity: 1;
	visibility: visible
}

#banner .txt .btnbox a:active:after {
	opacity: 0;
	visibility: hidden
}

#banner .txt .btnbox a:active+a:after {
	border-left: 2px solid transparent
}

#banner .swiper-button-prev {
	display: none;
	opacity: .8;
	left: 4%;
	position: absolute
}

#banner .swiper-button-next {
	display: none;
	opacity: .8;
	right: 4%;
	position: absolute
}

@-webkit-keyframes enter {
	0% {
		opacity: 0;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px)
	}

	20% {
		opacity: 0;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px)
	}
}

@keyframes enter {
	0% {
		opacity: 0;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px)
	}

	20% {
		opacity: 0;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px)
	}
}

.dotbox {
	position: absolute;
	bottom: 1.875rem !important;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

#banner .swiper-pagination {
	position: static;
	width: auto;
	padding: 0 1.25rem;
	height: 1.25rem;
	background: rgba(0, 0, 0, .3);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center
}

#banner .swiper-pagination .swiper-pagination-bullet {
	width: 1.25rem;
	height: .375rem;
	border-radius: 6px;
	opacity: .5;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 6.5px !important;
	opacity: 1
}

#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff
}

.s_tt {
	padding-bottom: 1.875rem
}

.s_tt h3 {
	font-size: 1.875rem;
	line-height: 1.43;
	font-weight: bold;
	color: #3D3D3D
}

.s_tt p {
	font-size: .875rem;
	line-height: 1.43rem;
	color: #3D3D3D;
	opacity: .5;
	margin-top: .625rem
}

.s_pro {
	background: #fff
}

.s_pro .ttbox {
	background: #fff
}

.s_pro .ttbox .s_tt {
	background: url(/images/s_pro_tt.png) right 2.5rem no-repeat;
	background-size: 25rem
}

.s_pro .hdtabnav ul li {
	width: auto
}

.hdtabnav {
	border-top: 1px solid #eceef2
}

.hdtabnav ul {
	width: auto;
	display: inline-flex
}

.hdtabnav ul li a {
	position: relative;
	display: inline-block;
	padding: .75rem .875rem;
	line-height: 1.625rem;
	font-size: 1.125rem;
	color: #3D3D3D
}

.hdtabnav ul li:hover::before {
	width: 100%;
	left: 0
}

.hdtabnav ul li:hover~li::before {
	left: 0
}

.hdtabnav ul li.swiper-slide-thumb-active:before {
	width: 100%;
	left: 0
}

.underline2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 4px;
	background: #2659FF;
	transition: transform .2s linear, width .2s linear
}

.s_pro .bd {
	padding: 2.5rem 0 5rem;
	background: #eceef2
}

.s_pingtailist {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem
}

.s_pingtailist li .box {
	height: 18.0625rem;
	background: rgba(255, 255, 255, .8);
	position: relative;
	z-index: 1;
	padding: 1.875rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.s_pingtailist li .ico {
	width: 3.125rem;
	height: 2.75rem;
	margin-bottom: .625rem
}

.s_pingtailist li h3 {
	font-size: 1.5rem;
	line-height: 2.25rem;
	transition: .5s;
	font-weight: bold;
	color: #3D3D3D
}

.s_pingtailist li h4 {
	font-size: .875rem;
	line-height: 1.25rem;
	color: #3D3D3D;
	transition: .5s
}

.s_pingtailist li p {
	opacity: .5;
	line-height: 1.25rem;
	transition: .5s;
	font-size: .875rem;
	color: #3D3D3D
}

.s_pingtailist li .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: .5s;
	opacity: 0;
	visibility: hidden
}

.s_pingtailist li.on h3 {
	color: #fff
}

.s_pingtailist li.on h4 {
	color: #fff
}

.s_pingtailist li.on p {
	color: #fff
}

.s_pingtailist li.on .img {
	opacity: 1;
	visibility: visible
}

.s_project {
	background: #fff
}

.s_project_slide {
	position: relative
}

.s_project_slide .bd .box {
	display: block;
	position: relative
}

.s_project_slide .bd .txt {
	padding-bottom: 2.5rem;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 6.25rem;
	z-index: 9;
	color: #fff;
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
	color: #FFF
}

.s_project_slide .bd .txt p {
	max-width: 843px;
	margin: 0 auto;
	opacity: .5
}

.s_project_slide .bd .img {
	height: 45rem
}

.s_project_slide .bd .img:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 6.25rem;
	height: 50%;
	background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%)
}

.s_project_slide .hd {
	position: absolute;
	z-index: 9;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .8)
}

.s_project_slide .hd ul li {
	color: #fff;
	flex-grow: 1;
	border-right: 1px solid rgba(255, 255, 255, .2);
	width: 16.666%
}

.s_project_slide .hd ul li:first-child {
	border-left: 1px solid rgba(255, 255, 255, .2)
}

.s_project_slide .hd ul li a {
	height: 6.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 1.875rem;
	position: relative;
	z-index: 1
}

.s_project_slide .hd ul li h4 {
	margin-bottom: .375rem;
	font-size: 1.125rem;
	line-height: 1.625rem;
	color: #FFF
}

.s_project_slide .hd ul li span {
	opacity: .3;
	font-size: 12px;
	color: #FFF
}

.s_project_slide .hd ul li a:before {
	content: "";
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(38, 89, 255, 0.3);
	z-index: -1
}

.s_project_slide .hd ul li a:after {
	content: "";
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	top: 0;
	background: #2659FF;
	z-index: 0
}

.s_project_slide .hd ul li.on a:before {
	opacity: 1;
	visibility: visible
}

.s_project_slide .hd ul li.on a:after {
	opacity: 1;
	visibility: visible
}

.s_project .hd ul li.swiper-slide-thumb-active a:before {
	opacity: 1;
	visibility: visible
}

.s_project .hd ul li.swiper-slide-thumb-active a:after {
	opacity: 1;
	visibility: visible
}

.s_news .hd {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 2.5rem
}

.s_news .hd .s_tt {
	padding-bottom: 0
}

.s_news .hd .btnbox {
	display: flex;
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 25px;
	width: 12.5rem;
	height: 3.125rem
}

.s_news .hd .btnbox a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem
}

.s_news .hd .btnbox a svg {
	width: .75rem
}

.s_news .hd .btnbox .btn_more {
	flex-grow: 1;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	font-size: .875rem !important;
	color: #3D3D3D !important;
	height: auto;
	border-radius: 0;
	border-top: 0 !important;
	border-bottom: 0 !important
}

.s_news .hd .btnbox .btn_more:before {
	display: none
}

.s_news .hd .btnbox .btn_more:after {
	display: none
}

.s_news .bd .box {
	display: flex
}

.s_news .bd .box .img {
	width: 20rem;
	height: 16.25rem;
	flex-shrink: 0
}

.s_news .bd .box .txt {
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.25rem
}

.s_news .bd .box .txt h4 {
	line-height: 1.5rem;
	font-size: 1.125rem;
	color: #3D3D3D;
	margin-bottom: 1.25rem
}

.s_news .bd .box .txt p {
	font-size: .875rem;
	color: #3D3D3D;
	line-height: 1.75rem;
	opacity: .5
}

.s_news .bd .box .txt .bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.75rem
}

.s_news .bd .box .txt .bot span {
	font-size: .875rem;
	color: #3D3D3D;
	line-height: 1.75rem
}

.btn_xq {
	width: 6.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.875rem;
	font-size: .75rem;
	color: #3D3D3D;
	position: relative;
	z-index: 1;
	transition: .5s
}

.btn_xq:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 15px;
	border: 1px solid #000
}

.btn_xq:after {
	content: "";
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 15px;
	background: linear-gradient(107deg, #53D7E5 0, #2659FF 99%)
}

.btn_xq:hover:before {
	background: #2659FF;
	border: 1px solid #2659FF
}

.btn_xq:hover {
	color: #fff
}

.btn_xq:disabled:before {
	border: 1px solid rgba(0, 0, 0, 0.3)
}

.btn_xq:disabled {
	color: rgba(61, 61, 61, 0.8)
}

.btn_xq:active:before {
	opacity: 0;
	visibility: hidden
}

.btn_xq:active:after {
	opacity: 1;
	visibility: visible
}

.btn_xq:active {
	color: #fff
}

.s_news .bd .m {
	padding-right: 0;
	margin-right: 0;
	max-width: calc(50vw + 800px)
}

.s_news .bd .swiper-slide {
	opacity: .5;
	transition: .5s
}

.s_news .bd .swiper-slide-active {
	opacity: 1
}

.s_news .bd .swiper-slide-next {
	opacity: 1
}

.s_news .hd .arr {
	opacity: .2;
	transition: .5s
}

.s_news .hd .arr:hover {
	opacity: 1
}

.s_about {
	background: #fff
}

.s_about .hd {
	background: url(/images/s_about_bg.png) center bottom no-repeat
}

.s_about .bd {
	background: url(/images/s_about_bg.jpg) center top no-repeat;
	max-height: 500px;
	color: #fff
}

.s_about .bd .txt {
	max-width: 439px
}

.s_about .bd .txt h3 {
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: #FFF;
	margin-bottom: 10px
}

.s_about .bd .txt .con {
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.5rem;
	font-size: .875rem;
	margin-bottom: 1.5rem
}

.btn_more2 {
	width: 8.125rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	color: #FFF;
	font-size: .875rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1
}

.btn_more2:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255, 255, 255, .1);
	z-index: -2;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 20px;
	border: 1px solid #FFF
}

.btn_more2:after {
	content: "";
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 20px;
	background: linear-gradient(107deg, #53D7E5 0, #2659FF 99%)
}

.btn_more2:hover:before {
	border: 1px solid #2659FF;
	background: rgba(38, 89, 255, 0.2);
	border-radius: 20px
}

.btn_more2:active:before {
	opacity: 0;
	visibility: hidden
}

.btn_more2:active:after {
	opacity: 1;
	visibility: visible
}

.s_shuzi {
	margin-top: 4rem
}

.s_shuzi ul {
	display: flex
}

.s_shuzi ul li {
	margin-right: 3.125rem
}

.s_shuzi ul li div {
	display: flex;
	align-items: flex-end;
	margin-bottom: 5px
}

.s_shuzi ul li div span {
	font-size: 1.875rem;
	line-height: 2.75rem;
	font-weight: bold;
	color: #FFF;
	flex-shrink: 0
}

.s_shuzi ul li div i {
	font-size: .875rem;
	font-weight: bold;
	padding-bottom: 10px;
	margin-left: 12px;
	flex-shrink: 0
}

.s_shuzi ul li p {
	font-size: .875rem;
	color: rgba(255, 255, 255, .5);
	white-space: nowrap
}

.s_shuzi ul li:nth-child(1) div span {
	background: linear-gradient(to right, #53D7E5 0, #2659FF 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.s_coop ul {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 6px
}

.s_coop ul li .box {
	padding-top: .5rem;
	border-radius: .75rem;
	padding-bottom: 10px;
	transition: .5s
}

.s_coop ul li .img {
	transition: .5s
}

.s_coop ul li .img img {
	transform: none !important
}

.s_coop ul li .img:after {
	padding-top: 50%
}

.s_coop ul li h4 {
	text-align: center;
	font-size: .875rem;
	color: #3D3D3D;
	opacity: 0;
	transition: .5s;
	padding: 0 10px
}

.s_coop ul li .box:hover {
	background: #fff
}

.s_coop ul li .box:hover h4 {
	opacity: 1
}

.s_coop ul li .box:hover .img {
	filter: grayscale(0);
	opacity: 1
}

.s_tt.white h3 {
	color: #fff
}

.s_tt.white span {
	font-size: .875rem;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase
}

.s_fuwu {
	width: 100%;
	position: relative;
	z-index: 1;
	padding: 0 0 2.5rem
}

.s_fuwu .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	top: 3.75rem;
	background: url(/images/s_fuwu_bg.jpg) center no-repeat;
	background-size: cover
}

.s_fuwu .outbox {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

.s_fuwu ul {
	display: inline-flex;
	color: #fff;
	margin-right: 2.5rem
}

.s_fuwu ul li {
	width: 15rem;
	height: 6.25rem;
	margin-right: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.5) 100%)
}

.s_fuwu ul li .box {
	padding: 1.25rem;
	display: flex
}

.s_fuwu ul li .ico {
	flex-shrink: 0;
	margin-right: 1.25rem;
	width: 2.5rem;
	height: 2.5rem
}

.s_fuwu ul li .txt {
	flex-grow: 1
}

.s_fuwu ul li .txt h4 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: .5rem
}

.s_fuwu ul li .txt p {
	font-size: .875rem;
	line-height: 1.25rem
}

.s_yuyue {
	flex-grow: 1;
	max-width: 641px;
	border-radius: 6px;
	background: #FFF;
	padding: 1.25rem 2.5rem 1.875rem
}

.s_yuyue .tt {
	font-size: 1.5rem;
	color: #3D3D3D;
	margin-bottom: 1.875rem;
	line-height: 2.1875rem
}

.s_yuyue .bd {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem 0
}

.s_yuyue .group {
	display: grid;
	grid-template-columns: 6rem 1fr
}

.s_yuyue .group .span {
	text-align: right;
	font-size: 1rem;
	color: rgba(61, 61, 61, 0.5);
	line-height: 2.5rem
}

.s_yuyue .group .input {
	height: 2.5rem;
	border-radius: 6px;
	background: #ECEEF2;
	padding: 0 1.25rem;
	border: 1px solid transparent;
	transition: .5s
}

.s_yuyue .group .input:hover {
	border: 1px solid #2659FF
}

.s_yuyue .group .input:focus {
	border: 1px solid #2659FF
}

.s_yuyue .button {
	background: #2659FF;
	border-radius: 6px;
	height: 2.5rem;
	color: #FFF;
	font-size: 1rem;
	position: relative;
	z-index: 1
}

.s_yuyue .button:after {
	content: "";
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 6px;
	background: linear-gradient(107deg, #53D7E5 0, #2659FF 99%)
}

.s_yuyue .button:disabled {
	background: rgba(38, 89, 255, 0.3)
}

.s_yuyue .button:focus:after {
	opacity: 1;
	visibility: visible
}

.s_yuyue .getyzmbox {
	display: flex
}

.s_yuyue .getyzmbox .input {
	border-radius: 6px 0 0 6px;
	border-right: 0 !important
}

.s_yuyue .btn_get {
	width: 6.25rem;
	border-radius: 0 6px 6px 0;
	overflow: hidden;
	flex-shrink: 0;
	background: #f6f7f9;
	position: relative;
	transition: .5s;
	font-size: .875rem;
	color: rgba(61, 61, 61, 0.5);
	z-index: 1
}

.s_yuyue .getyzmbox input.input:disabled {
	border: 0
}

.s_yuyue .getyzmbox input.input:disabled::-webkit-input-placeholder {
	color: transparent
}

.s_yuyue input.input:disabled+.btn_get {
	color: rgba(61, 61, 61, 0.3) !important;
	background: #f8f8f8 !important;
	pointer-events: none
}

.s_yuyue .relative:hover .btn_get {
	background: #2659FF;
	color: #fff
}

.s_yuyue .relative input:focus+.btn_get {
	background: #2659FF;
	color: #fff
}

.s_yuyue .btn_get:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	background: linear-gradient(117deg, #53D7E5 0, #2659FF 99%)
}

.s_yuyue .btn_get:active {
	color: #fff
}

.s_yuyue .btn_get:active:before {
	opacity: 1;
	visibility: visible
}

.s_yuyue .btn_get:disabled {
	color: rgba(61, 61, 61, 0.3) !important;
	background: #f8f8f8 !important
}

.s_yuyue .group .getyzmbox:hover .input {
	border: 1px solid #2659FF
}

#foot {
	background: #22242B;
	padding-top: 3.125rem
}

#foot .m {
	display: flex;
	justify-content: space-between;
	gap: 3rem
}

#foot .left {
	margin-right: 5rem
}

#foot .center {
	flex-grow: 1
}

#foot .right {
	padding-left: 5.9375rem
}

#foot .line {
	width: 1px;
	background: rgba(255, 255, 255, .1)
}

#foot .foot_seeall {
	display: block;
	margin-bottom: 3.125rem;
	width: 11.75rem
}

.foot_social {
	display: flex
}

.foot_social a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.875rem;
	height: 1.875rem;
	margin-right: 1rem
}

.foot_social a svg {
	width: 100%;
	height: 100%;
	border-radius: .5rem;
	overflow: hidden
}

.foot_social a svg path {
	fill: rgba(255, 255, 255, 0.2)
}

.foot_social a:hover svg path {
	fill: rgba(255, 255, 255, 0.5)
}

.foot_social a .ewmbox {
	position: absolute;
	opacity: 0;
	transform: translateY(-10px);
	visibility: hidden;
	width: 8rem;
	left: 0;
	bottom: calc(100% + 1rem);
	transition: .5s
}

.foot_social a:hover .ewmbox {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}

.foot_social a .ewm {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: .375rem;
	border: 1px solid #ddd
}

.foot_social a .ewm img {
	width: 7rem;
	height: 7rem;
	margin: 0 auto;
	display: block;
	mix-blend-mode: multiply;
	position: relative;
	z-index: 3
}

.foot_social a .ewm p {
	font-size: .8125rem;
	text-align: center;
	color: #666;
	position: relative;
	z-index: 3;
	margin: .25rem 0
}

.foot_social a .ewm:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 5px;
	z-index: 1
}

.foot_social a .ewm:before {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	transform: rotate(45deg);
	position: absolute;
	z-index: 1;
	background: #fff;
	left: .625rem;
	top: 100%;
	margin-top: -9px;
	border-radius: 3px
}

.foot_nav {
	display: flex;
	justify-content: space-around
}

.foot_nav dt {
	color: #FFF;
	font-size: 1.125rem;
	height: 1.75rem;
	margin-bottom: 1.25rem
}

.foot_nav dd {
	font-size: .875rem;
	line-height: 1.75rem;
	color: rgba(255, 255, 255, 0.5);
	margin-top: .625rem;
	transition: .5s
}

.foot_nav dd:hover {
	color: #fff
}

.foot_lianxi dt {
	color: #FFF;
	font-size: 1.125rem;
	height: 1.75rem;
	margin-bottom: 1.25rem
}

.foot_lianxi dd {
	font-size: .875rem;
	line-height: 1.75rem;
	color: rgba(255, 255, 255, 0.5);
	margin-top: .625rem
}

.foot_lianxi dd span {
	font-size: .875rem;
	color: #fff;
	display: block
}

.copyright {
	background: #0E0F12;
	color: #fff;
	margin-top: 3.125rem;
	padding: .75rem 0;
	font-size: .75rem;
	line-height: 1.0625rem;
	text-align: center
}

#foot .copyright .m {
	justify-content: center
}

#n_main {
	position: relative
}

.n_banner {
	height: 37.5rem;
	width: 100%;
	overflow: hidden;
	background-size: cover !important;
	position: relative;
	z-index: 1
}

.n_banner:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 99%)
}

.n_banner .m {
	display: flex;
	height: 100%;
	align-items: center
}

.n_banner .txt {
	max-width: 636px
}

.n_banner .tt {
	display: flex;
	align-items: center;
	align-items: flex-end
}

.n_banner h3 {
	font-size: 2.375rem;
	line-height: 2.5rem;
	font-weight: bold;
	background: linear-gradient(270deg, #53D7E5 0, #FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(270deg, #53D7E5 0, #FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.n_banner span {
	font-size: 1.5rem;
	line-height: 1.375;
	margin-left: 10px;
	font-weight: bold;
	color: #FFF
}

.textshadow {
	position: relative;
	z-index: 1
}

.textshadow b {
	position: absolute;
	left: 0;
	top: 0;
	filter: blur(10px);
	color: #fff;
	left: -.75rem;
	font-size: 2.5rem;
	white-space: nowrap;
	background: linear-gradient(270deg, #53D7E5 0, #FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.n_banner h4 {
	font-size: .875rem;
	color: rgba(255, 255, 255, .5);
	line-height: 1.25rem
}

.n_banner p {
	font-size: 1rem;
	margin-top: 1.25rem;
	line-height: 1.75rem;
	color: rgba(255, 255, 255, .5)
}

.n_banner .btnbox {
	display: flex;
	margin-top: 3.125rem
}

.n_banner .btnbox a {
	display: flex;
	align-items: center;
	margin-right: 1.25rem;
	transition: .5s;
	justify-content: center;
	width: 7.5rem;
	height: 2.5rem;
	font-size: 1rem;
	color: #fff;
	border-radius: 1.25rem;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.2)
}

.n_banner .btnbox a.on {
	border: 1px solid #2659FF;
	background: rgba(38, 89, 255, 0.2)
}

.n_nav {
	position: absolute;
	width: 100%;
	transform: translateY(-50%);
	z-index: 9
}

.n_nav .box {
	border-radius: 2.5rem;
	background: #FFF;
	position: relative;
	z-index: 1
}

.n_nav .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: #fff;
	border-radius: 2.5rem
}

.n_nav .box:after {
	content: "";
	display: block;
	width: 100%;
	height: 200%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	opacity: .1;
	background: #4C64B4;
	filter: blur(100px);
	border-radius: 2.5rem
}

.n_nav ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 4.25rem;
	padding: 0 3rem
}

.n_nav ul li a {
	font-size: 1.125rem;
	white-space: nowrap;
	color: rgba(61, 61, 61, 0.8);
	position: relative;
	z-index: 1;
	display: flex;
	height: 3.125rem;
	padding: 0 2rem;
	align-items: center;
	justify-content: center;
	transition: .5s
}

.n_nav ul li a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 1.625rem;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	left: 0;
	top: 0;
	transition: .5s;
	background: linear-gradient(102deg, #53D7E5 0, #2659FF 99%)
}

.n_nav ul li.on a {
	color: #fff
}

.n_nav ul li.on a:before {
	opacity: 1;
	visibility: visible
}

.n_pro_ys {
	padding-top: 4.25rem
}

.n_pro_ys ul {
	display: flex;
	margin: -.625rem
}

.n_pro_ys ul li {
	width: 20%;
	flex-grow: 1;
	padding: .625rem
}

.n_pro_ys ul li .box {
	text-align: center;
	background: #FFF;
	padding: 1.625rem 1.25rem;
	height: 100%;
	position: relative;
	z-index: 1
}

.n_pro_ys ul li .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(129deg, #53D7E5 0, #2659FF 99%);
	z-index: -1;
	transition: .5s;
	opacity: 0;
	visibility: hidden
}

.n_pro_ys ul li .ico {
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 1.25rem;
	box-shadow: 5px 10px 10px 0 rgba(38, 89, 255, 0.3);
	background: #2659FF;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center
}

.n_pro_ys ul li .ico img {
	width: 1.25rem
}

.n_pro_ys ul li h4 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: .625rem;
	transition: .5s;
	color: #3D3D3D;
	line-height: 1.625rem
}

.n_pro_ys ul li p {
	color: #3D3D3D;
	line-height: 1.5rem;
	font-size: .875rem;
	transition: .5s;
	opacity: .5
}

.n_pro_ys ul li .box:hover:before {
	opacity: 1;
	visibility: visible
}

.n_pro_ys ul li .box:hover h4 {
	color: #fff
}

.n_pro_ys ul li .box:hover p {
	color: #fff;
	opacity: 1
}

.n_pro_ys ul li .box:hover .ico {
	background: #FFF;
	box-shadow: 5px 10px 10px 0 rgba(255, 255, 255, 0.3)
}

.pro_gongneng01 {
	background: #fff
}

.n_tt {
	margin-bottom: 2.25rem
}

.n_tt h3 {
	font-size: 1.875rem;
	color: #3D3D3D;
	height: 2.5rem;
	font-weight: bold
}

.n_tt span {
	color: rgba(0, 0, 0, 0.2);
	font-size: 2rem;
	opacity: .2;
	font-family: Source Han Sans;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: -1.25rem;
	display: block
}

.pro_gongneng01 .hdtabnav ul li {
	width: auto
}

.hdtabnav ul li.swiper-slide-thumb-active a:before {
	transform: scaleX(1)
}

.pro_gongneng01 .bd {
	background: #eceef2;
	padding: 2.5rem 0 5rem;
	position: relative
}

.pro_gongneng01_box {
	display: flex;
	align-items: center
}

.pro_gongneng01_box .imgbox {
	width: 47.5rem;
	max-width: 100%;
	flex-shrink: 0;
	margin-right: 6rem;
	position: relative;
	margin-left: 2.25rem
}

.pro_gongneng01_box .imgbox:before {
	content: "";
	display: block;
	width: 100%;
	transform: scaleX(1.05) scaleY(.95);
	transform-origin: center bottom;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #C9CACE;
	z-index: 2
}

.pro_gongneng01_box .imgbox:after {
	content: "";
	display: block;
	width: 100%;
	transform: scaleX(1.1) scaleY(.9);
	transform-origin: center bottom;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #DADCDF;
	z-index: 1
}

.pro_gongneng01_box .imgbox .img {
	position: relative;
	z-index: 3
}

.pro_gongneng01_box .txtbox {
	flex-grow: 1;
	padding-right: 2rem
}

.pro_gongneng01_box .txt {
	line-height: 1.125rem
}

.pro_gongneng01_box .txt h4 {
	color: #3D3D3D;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: .5rem
}

.pro_gongneng01_box .txt p {
	color: #3D3D3D;
	opacity: .5;
	font-size: .875rem;
	line-height: 1.125rem
}

.pro_gongneng01 .arr {
	background: rgba(0, 0, 0, 0.1);
	z-index: 99;
	transition: .5s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.75rem;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.pro_gongneng01 .arr_left {
	left: -4rem
}

.pro_gongneng01 .arr_right {
	right: -4rem
}

.s_project_slide .bd .txt .con1 {
	text-align: left;
	color: rgba(255, 255, 255, .8);
	font-size: 1rem;
	line-height: 1.5rem
}

.s_project_slide .bd .txt .con1 p {
	max-width: inherit;
	opacity: 1
}

.s_project_slide .bd .txt .con2 {
	text-align: left;
	margin-top: 1.25rem
}

.s_project_slide .bd .txt .con2 dl {
	display: flex;
	line-height: 1.5rem;
	align-items: flex-start
}

.s_project_slide .bd .txt .con2 dl+dl {
	margin-top: 1.25rem
}

.s_project_slide .bd .txt .con2 dt {
	position: relative;
	flex-shrink: 0;
	font-size: 1rem;
	padding: 0 .625rem;
	margin-right: .625rem;
	background: linear-gradient(90deg, rgba(83, 214, 229, 0.2) 0, rgba(255, 255, 255, 0.2) 100%)
}

.s_project_slide .bd .txt .con2 dd {
	color: #FFF;
	font-size: 1rem;
	color: rgba(255, 255, 255, .5)
}

.s_project_slide .bd .txt .con2 dt:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: -1px;
	position: absolute;
	background: linear-gradient(90deg, #53D7E5 0, #FFF 100%)
}

.pro_jilu .bd {
	height: 31.125rem;
	overflow: auto;
	padding-right: 2rem
}

.pro_jilu dl {
	display: grid;
	grid-template-columns: 14.375rem 1fr;
	padding-bottom: 2.75rem;
	position: relative
}

.pro_jilu dl:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 1rem;
	left: 14.375rem;
	background: rgba(61, 61, 61, 0.1)
}

.pro_jilu dl:after {
	content: "";
	border: 2px solid #2659FF;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 14.375rem;
	transform: translateX(calc(-50% + 1px));
	background: #eceef2;
	top: .375rem;
	border-radius: 50%
}

.pro_jilu dl dt {
	text-align: right;
	padding-right: 1.5rem
}

.pro_jilu dl dt .time {
	color: #2659FF;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: .625rem
}

.pro_jilu dl dt span {
	color: #3D3D3D;
	font-size: 1rem
}

.pro_jilu dl dd {
	padding-left: 2.75rem
}

.pro_jilu dl dd h4 {
	color: #3D3D3D;
	font-size: 1.5rem;
	font-weight: bold
}

.pro_jilu dl dd h4 span {
	color: #2659FF;
	font-size: 1.125rem;
	font-weight: bold
}

.pro_jilu dl dd h5 {
	font-size: 1rem;
	line-height: 1.6;
	margin: 1.25rem 0;
	color: #3D3D3D
}

.pro_jilu dl dd .con {
	color: #3D3D3D;
	opacity: .5;
	font-size: .875rem;
	line-height: 1.6;
	height: 2.75rem;
	overflow: hidden
}

.pro_jilu dl dd .con p {
	margin-bottom: .625rem
}

.pro_jilu dl dd .btn_tgl {
	color: #2659FF;
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-top: 1.25rem
}

.arrdown {
	display: block;
	width: 10px;
	height: 5px;
	background: url(/images/arrdown.svg) center no-repeat;
	background-size: contain;
	margin-right: 5px
}

.pro_jilu dl dd .con.act {
	height: auto
}

.more_services {
	height: 13.75rem;
	background-size: cover !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1
}

.more_services:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%)
}

.more_services .tt {
	text-align: center;
	margin-bottom: 1.0625rem
}

.more_services .tt h3 {
	font-size: 1.875rem;
	font-weight: bold;
	color: #FFF
}

.more_services .tt span {
	color: rgba(255, 255, 255, 0.5);
	font-size: .875rem;
	height: 1.25rem;
	text-transform: uppercase
}

.more_services .btnbox {
	display: flex;
	align-items: center
}

.more_services .btnbox a {
	width: 10rem;
	height: 2.5rem;
	position: relative;
	z-index: 1;
	transition: .5s;
	display: flex;
	align-items: center;
	border-radius: 30px;
	justify-content: center;
	color: #FFF;
	font-size: 1rem;
	background: rgba(255, 255, 255, 0.5)
}

.more_services .btnbox a+a {
	margin-left: 1.875rem
}

.more_services .btnbox a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	border: 1px solid #FFF;
	transition: .5s
}

.more_services .btnbox a.on:before {
	opacity: 0;
	visibility: hidden
}

.more_services .btnbox a.on {
	box-shadow: 0 8px 12px 0 rgba(38, 89, 255, 0.5);
	background: #2659FF
}

.more_services .btnbox a:after {
	content: "";
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 20px;
	background: linear-gradient(107deg, #53D7E5 0, #2659FF 99%)
}

.more_services .btnbox a:active:after {
	opacity: 1;
	visibility: visible
}

.pro_mobile_gongneng {
	background: #fff
}

.pro_mobile_gongneng .outbox {
	background: #eceef2;
	padding: 2.5rem 0 5rem
}

.pro_mobile_gongneng .outbox .m {
	display: flex
}

.pro_mobile_gongneng .left {
	display: flex;
	align-items: flex-start;
	flex-shrink: 0;
	margin-right: 4.5rem;
	border-radius: .75rem
}

.pro_mobile_gongneng .left .pro_mobile_pic {
	overflow: hidden;
	width: 39.125rem;
	max-width: 100%;
	border-radius: .75rem
}

.pro_mobile_gongneng .right {
	padding-top: 3rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.pro_mobile_gongneng .img:after {
	padding-top: 100%
}

.pro_mobile_gongneng .box h4 {
	font-size: 1.5rem;
	color: #3D3D3D;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 1rem
}

.pro_mobile_gongneng .txt {
	color: #3D3D3D;
	line-height: 2rem;
	font-size: .9375rem
}

.pro_mobile_gongneng .hd {
	margin-top: 3rem;
	padding: 5px;
	border: 1px solid rgba(61, 61, 61, 0.1);
	border-radius: 1.875rem;
	background: #FFF
}

.pro_mobile_gongneng .hd a {
	font-size: 1.125rem;
	border-radius: 1.875rem;
	color: #3D3D3D;
	transition: .5s;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 3.125rem
}

.pro_mobile_gongneng .hd .swiper-slide-thumb-active a {
	background: #2659FF;
	color: #fff;
	border-radius: 1.875rem
}

#pro_changjing_mobile .s_project_nav li {
	width: 25%
}

.pro_guanli {
	background: #fff
}

.sim_function>img {
	width: 100%;
	height: 38.75rem;
	display: block
}

.sim_function .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 60%)
}

.sim_function .mask .m {
	display: flex;
	align-items: flex-end;
	color: #fff
}

.sim_function .txt {
	padding-bottom: 4.375rem
}

.sim_function .txt h4 {
	display: inline-block;
	margin-bottom: 1.25rem;
	font-size: 1.5rem;
	font-weight: bold;
	background: linear-gradient(270deg, #53D7E5 0, #FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.sim_function .txt .con {
	font-size: 1rem;
	line-height: 1.625rem;
	color: rgba(255, 255, 255, 0.8)
}

#pro_gongneng_sim.pro_gongneng01 .arr {
	top: 50%
}

#pro_gongneng_sim.pro_gongneng01 .arr_left {
	left: 8.75rem
}

#pro_gongneng_sim.pro_gongneng01 .arr_right {
	right: 8.75rem
}

.pro_liucheng ul {
	display: flex;
	justify-content: space-between;
	gap: 1rem
}

.pro_liucheng ul li {
	display: flex;
	align-items: center
}

.pro_liucheng ul li .box {
	max-width: 26.5rem;
	height: 100%;
	position: relative;
	z-index: 1;
	background: linear-gradient(270deg, #FFF 36%, rgba(255, 255, 255, 0.2) 100%);
	padding: 4rem 3rem 2.5rem
}

.pro_liucheng ul li .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: url(/images/pro_liucheng_li.jpg) center no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden
}

.pro_liucheng ul li .num {
	position: absolute;
	color: #ECEEF2;
	font-size: 3.75rem;
	font-weight: bold;
	top: 5px;
	right: 10px
}

.pro_liucheng ul li .tt {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem
}

.pro_liucheng ul li .tt img {
	width: 2.125rem;
	display: block;
	margin-right: 1rem
}

.pro_liucheng ul li .tt h4 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3D3D3D;
	transition: .5s
}

.pro_liucheng ul li .con {
	color: #3D3D3D;
	line-height: 1.5rem;
	font-size: .875rem;
	opacity: .5;
	transition: .5s
}

.pro_liucheng ul li .arr {
	flex-shrink: 0;
	transition: .5s;
	width: 2.5625rem;
	height: 3.125rem;
	background: url(/images/pro_liucheng_arr.svg) center no-repeat;
	background-size: contain
}

.pro_liucheng ul li:last-child .arr {
	display: none
}

.pro_liucheng ul li.on .arr {
	background: url(/images/pro_liucheng_arr_on.svg) center no-repeat
}

.pro_liucheng ul li.on .box:before {
	opacity: 1;
	visibility: visible
}

.pro_liucheng ul li.on .tt h4 {
	color: #fff
}

.pro_liucheng ul li.on .con {
	color: #fff;
	opacity: 1
}

.project_capacity ul {
	display: flex;
	margin: -.625rem
}

.project_capacity ul li {
	width: 20%;
	padding: .625rem
}

.project_capacity ul li .box {
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.project_capacity ul li .img {
	height: 12.5rem
}

.project_capacity ul li .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%)
}

.project_capacity ul li .txt1 {
	width: 100%;
	height: 100%;
	text-align: center;
	transition: .5s;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.project_capacity ul li .txt1 h4 {
	color: #FFF;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.625rem
}

.project_capacity ul li .txt1 span {
	position: absolute;
	transition: .5s;
	left: 0;
	width: 100%;
	bottom: 1rem;
	color: #FFF;
	opacity: .5;
	font-size: 12px;
	transform: scale(.9)
}

.project_capacity ul li .txt2 {
	padding: 1.25rem;
	height: 50%;
	background: linear-gradient(110deg, #53D7E5 0, #2659FF 99%)
}

.project_capacity ul li .txt2 p {
	color: #FFF;
	font-size: .875rem;
	line-height: 1.25rem;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.project_capacity ul li:hover .txt1 {
	height: 50%;
	transition-delay: .1s
}

.project_capacity ul li:hover .txt1 span {
	opacity: 0;
	visibility: hidden;
	bottom: -2rem
}

.pro_area {
	background: #fff
}

.accordion ul {
	display: flex;
	position: relative
}

.accordion ul li {
	width: 17.4375rem;
	overflow: hidden;
	min-width: 12rem;
}

.accordion ul li .img {
	height: 37.5rem;
	background-size: cover;
	background-position: center !important;
	position: relative
}

.accordion ul li .img img {
	display: block
}

.accordion ul li h4 {
	text-align: center;
	transition: .5s;
	font-size: 1.125rem;
	color: #3D3D3D;
	height: 3.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	background: linear-gradient(90deg, #FFF 0, #ECEEF2 100%, rgba(255, 255, 255, 0) 100%)
}

.accordion ul li h4:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
	z-index: -1;
	background: linear-gradient(94deg, #53D7E5 0, #2659FF 99%);
	opacity: 0;
	visibility: hidden
}

.accordion ul li h5 {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 1.25rem;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	height: 20px;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	transform: translateY(2rem)
}

.pro_apply .outbox {
	display: flex;
	position: relative;
	z-index: 1;
	margin-top: 4rem
}

.pro_apply .outbox:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 1.25rem;
	top: -1.25rem;
	background: #FFF;
	opacity: .3
}

.pro_apply .left {
	width: 40rem;
	flex-shrink: 0;
	background: #fff;
	padding: 3.125rem 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.pro_apply .right {
	flex-grow: 1
}

.pro_apply .swiper {
	max-width: 100%
}

.pro_apply .txt {
	max-width: 33.25rem
}

.pro_apply .txt .tt {
	margin-bottom: 2.5rem
}

.pro_apply .txt .tt h4 {
	color: #2659FF;
	font-size: 1.5rem;
	height: 2.25rem;
	display: flex;
	align-items: center
}

.pro_apply .txt .tt h4 img {
	width: 2.125rem;
	margin-right: .875rem
}

.pro_apply .txt .tt span {
	color: #3D3D3D;
	font-size: .875rem;
	opacity: .5;
	height: 1.25rem;
	display: block;
	margin-top: 1.875rem
}

.pro_apply .txt .con {
	color: #3D3D3D;
	font-size: 1rem;
	line-height: 1.75rem;
	opacity: .5;
	height: 9rem;
	overflow: auto;
	padding-right: 1rem
}

.pro_apply .left .arrbox {
	display: flex;
	align-items: center
}

.pro_apply .left .arr {
	width: 9.375rem;
	height: 3.75rem;
	font-size: 1.125rem;
	color: rgba(61, 61, 61, 0.3);
	transition: .5s;
	padding: 0 .5rem;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin-right: .625rem;
	border: 2px solid #ECEEF2;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.pro_apply .left .arr:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #ECEEF2;
	z-index: -1;
	transition: .5s;
	opacity: 0;
	visibility: hidden
}

.pro_apply .left .arr img {
	opacity: .3
}

.pro_apply .left .arr.on:before {
	opacity: 1;
	visibility: visible;
	height: 100%
}

.pro_apply .left .arr.on {
	color: #3D3D3D
}

.pro_apply .left .arr.on img {
	opacity: 1
}

.tc_box01 {
	background: #fff;
	width: 28.125rem;
	max-width: 90%
}

.tc_box01 .hd {
	background: #ECEEF2;
	border-bottom: 1px solid #ECEEF2
}

.tc_box01 .hd ul {
	display: flex
}

.tc_box01 .hd ul li {
	width: 50%;
	cursor: pointer;
	line-height: 3.75rem;
	text-align: center;
	color: #3D3D3D;
	font-size: 1.125rem
}

.tc_box01 .hd ul li.on {
	background: #fff;
	font-weight: bold
}

.tc_box01 .bd {
	padding: 2.5rem
}

.tc_box01 .group {
	margin-bottom: 1.25rem
}

.tc_box01 .span {
	display: block;
	color: rgba(61, 61, 61, 0.5);
	font-size: .875rem;
	line-height: 1.25rem;
	margin-bottom: .625rem
}

.tc_box01 .input {
	background: #ECEEF2;
	font-size: 1rem;
	border: 1px solid #ECEEF2;
	transition: .5s;
	border-radius: 6px;
	height: 3.125rem;
	width: 100%;
	padding: 0 1.25rem;
	overflow: hidden;
	position: relative
}

.tc_box01 .button {
	background: #2659FF;
	color: #FFF;
	font-weight: bold;
	font-size: 1.25rem;
	width: 100%;
	height: 3.75rem;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.tc_box01 .button:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: linear-gradient(106deg, #53D7E5 0, #2659FF 99%);
	position: absolute;
	transition: .5s;
	opacity: 0;
	visibility: hidden
}

.tc_box01 .button:hover {
	background: #2659FF
}

.tc_box01 .button:disabled {
	background: rgba(38, 89, 255, 0.3)
}

.tc_box01 .button:focus:before {
	opacity: 1;
	visibility: visible
}

.tc_box01 .bot {
	display: flex;
	justify-content: space-between;
	height: 30px;
	align-items: center;
	margin-top: 1.875rem;
	position: relative
}

.tc_box01 .bot .btn_wechat {
	position: absolute;
	width: 30px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.tc_box01 .bot a:hover {
	color: #2659ff
}

.tc_box01 .relative {
	border-radius: 6px;
	overflow: hidden
}

.tc_box01 .relative:hover input.input {
	border: 1px solid #2659FF
}

.tc_box01 .relative:hover .btn_get {
	background: #2659FF;
	color: #fff
}

.tc_box01 .relative input:focus+.btn_get {
	background: #2659FF;
	color: #fff
}

.tc_box01 .btn_get:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	background: linear-gradient(117deg, #53D7E5 0, #2659FF 99%)
}

.tc_box01 .btn_get:active {
	color: #fff
}

.tc_box01 .btn_get:active:before {
	opacity: 1;
	visibility: visible
}

.tc_box01 .btn_get:disabled {
	color: rgba(61, 61, 61, 0.3) !important;
	background: #f8f8f8 !important
}

.tc_box01 .getyzmbox {
	display: flex
}

.tc_box01 .getyzmbox .input {
	border-radius: 6px 0 0 6px;
	border-right: 0 !important
}

.tc_box01 .btn_get {
	width: 6.25rem;
	height: 3.125rem;
	flex-shrink: 0;
	background: #f6f7f9;
	position: relative;
	transition: .5s;
	font-size: 14px;
	color: #3D3D3D;
	z-index: 1
}

.tc_box01 .getyzmbox input.input:disabled {
	border: 0
}

.tc_box01 .getyzmbox input.input:disabled::-webkit-input-placeholder {
	color: transparent
}

.tc_box01 input.input:disabled+.btn_get {
	color: rgba(61, 61, 61, 0.3) !important;
	background: #f8f8f8 !important;
	pointer-events: none
}

.tc_box01 input.input:hover {
	border: 1px solid #2659FF
}

.tc_box01 input.input:focus {
	border: 1px solid #2659FF
}

.tc_box01 input.input:disabled {
	border: 1px solid rgba(61, 61, 61, 0.3)
}

.tc_box01 .tt {
	display: flex;
	align-items: center;
	margin-bottom: 2.5rem
}

.tc_box01 .tt h3 {
	font-size: 1.25rem;
	font-weight: bold;
	color: #3D3D3D
}

.tc_box01 .tt img {
	margin-right: .625rem
}

#yewu_banner.n_banner h3 {
	font-size: 2.25rem;
	line-height: 3.75rem
}

#yewu_banner.n_banner h4 {
	font-size: .875rem;
	color: #FFF;
	opacity: .5;
	line-height: 1.25rem
}

#yewu_banner.n_banner p {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #FFF;
	opacity: .9
}

.videobox {
	position: relative;
	height: 41.875rem
}

.vjs-poster {
	background-size: cover !important
}

.yewu_video .video-js .vjs-big-play-button {
	height: 2em;
	width: 2em;
	line-height: 2em;
	margin-top: -1em;
	border-radius: 50%
}

.yewu_video #my-video {
	margin-bottom: 20px
}

.yewu_video .box1 {
	display: flex
}

.yewu_video .box1 .left {
	flex-grow: 1
}

.yewu_video .box1 .right {
	width: 15.25rem;
	flex-shrink: 0;
	padding: 1.125rem;
	padding-left: .5rem;
	background: #313d51;
	height: 41.875rem
}

.yewu_video .box1 .swiper {
	width: 100%;
	height: 100%
}

.yewu_video .imgbox {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center
}

.yewu_video .img {
	height: 100%;
	cursor: pointer;
	border-radius: 4px
}

.yewu_video .img span {
	line-height: 2;
	position: absolute;
	right: 0;
	top: 2px;
	z-index: 3;
	background: #0956c2;
	display: inline-block;
	padding: 0 4px;
	color: #fff;
	font-size: .75rem
}

.yewu_video .img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	border-radius: 4px;
	border: 2px solid #e23e33;
	opacity: 0;
	visibility: hidden;
	transition: .5s
}

.yewu_video .imgbox:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	opacity: 0;
	visibility: visible;
	border: 7px solid transparent;
	border-right: 7px solid #e23e33;
	z-index: 3;
	transition: .5s
}

.yewu_video .swiper-slide-thumb-active .imgbox:before {
	opacity: 1;
	visibility: visible
}

.yewu_video .swiper-slide-thumb-active .img:before {
	opacity: 1;
	visibility: visible
}

.yewu_video .swiper-slide-thumb-active .img span {
	background: #e23e33
}

.yewu_video .txt {
	background: #fff;
	padding: 1.875rem 2.5rem
}

.yewu_video .txt h4 {
	color: #3D3D3D;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: .375rem
}

.yewu_video .txt p {
	color: #3D3D3D;
	opacity: .5;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 1.25rem
}

.yewu_video .txt .tag {
	display: flex;
	gap: 1.25rem
}

.yewu_video .txt .tag span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ECEEF2;
	min-width: 5rem;
	height: 1.875rem;
	border-radius: .9375rem;
	padding: 0 .9375rem;
	font-size: .75rem;
	color: #3D3D3D
}

.n_huigu .box1 {
	background: #fff
}

.filter {
	padding: 20px 0;
	border-top: 1px solid #eceef2
}

.filter dl {
	display: flex
}

.filter dl+dl {
	margin-top: 1.25rem
}

.filter dl dt {
	color: #2659FF;
	font-size: .875rem;
	line-height: 1.875rem;
	margin-right: 2rem;
	flex-shrink: 0
}

.filter dl dd {
	display: flex;
	flex-wrap: wrap;
	margin: -1rem
}

.filter dl dd a {
	min-width: 6.25rem;
	height: 1.875rem;
	margin: 1rem;
	transition: .5s;
	border-radius: 15px;
	padding: 0 .625rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3D3D3D;
	font-size: .875rem
}

.filter dl dd a.on {
	background: #2659FF;
	color: #FFF
}

.filter dl dd a.on:after {
	content: "×";
	display: inline-block;
	margin-left: .5rem;
	margin-bottom: 2px
}

.n_nav2 {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 2.5rem;
	margin: -10px
}

.n_nav2 a {
	min-width: 6.25rem;
	height: 1.875rem;
	background: #fff;
	margin: 10px;
	transition: .5s;
	border-radius: 15px;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3D3D3D;
	font-size: .875rem
}

.n_nav2 a.on {
	background: #2659FF;
	color: #FFF
}

.n_huigulist {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.875rem 1.25rem
}

.n_huigulist li {
	transition: .5s
}

.n_huigulist li .box {
	display: block;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	height: 100%
}

.n_huigulist li .img {
	border-radius: 4px 4px 0 0
}

.n_huigulist li .img:after {
	padding-top: 56.23%
}

.n_huigulist li .mask {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 2rem;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	display: flex;
	align-items: center;
	justify-content: center
}

.ico_play {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background: url(/images/ico_play.svg) center no-repeat;
	background-size: contain
}

.n_huigulist li .txt {
	min-height: 7.125rem;
	padding: 1.25rem;
	transition: .5s;
	border-radius: 0 0 4px 4px
}

.n_huigulist li .txt h4 {
	font-size: 1.125rem;
	color: #3D3D3D;
	line-height: 1.5rem;
	margin-bottom: 1.875rem
}

.n_huigulist li .txt .tag {
	display: flex;
	margin: -.375rem;
	flex-wrap: wrap
}

.n_huigulist li .txt .tag span {
	margin: .375rem;
	overflow: hidden;
	min-width: 70px;
	height: 22px;
	font-size: 12px;
	color: #3D3D3D;
	padding: 0 1rem;
	background: #FFF;
	border: 1px solid #ECEEF2;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center
}

.n_huigulist li:hover {
	box-shadow: 0 4px 12px 0 rgba(61, 61, 61, 0.1)
}

.n_huigulist li:hover .txt {
	background: #fff
}

.n_huigulist li:hover .mask {
	opacity: 1;
	visibility: visible;
	padding-top: 0
}

.page {
	text-align: center;
	font-size: 0;
	color: #0a0a0a
}

.page .box {
	margin-top: 2.5rem;
	display: flex;
	justify-content: center
}

.page .box01 {
	margin-right: 10px
}

.page li {
	display: inline-block;
	list-style: none
}

.page a {
	padding: 0 .625rem;
	min-width: 3.75rem;
	background: #fff;
	display: inline-block;
	line-height: 2.375rem;
	box-sizing: border-box;
	text-transform: uppercase;
	margin: 0 1px;
	color: #000;
	font-size: 14px;
	-moz-transition: all .36s ease-in-out;
	-webkit-transition: all .36s ease-in-out;
	-o-transition: all .36s ease-in-out;
	-ms-transition: all .36s ease-in-out;
	transition: all .36s ease-in-out
}

.page .on {
	background: #2659FF;
	color: #fff
}

.page a[href]:hover {
	background: #2659FF;
	color: #fff;
	text-decoration: none
}

.page span {
	line-height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .625rem;
	margin: 0 8px;
	font-size: .875rem
}

.page a:first-child {
	border-radius: 4px 0 0 4px
}

.page a:last-child {
	border-radius: 0 4px 4px 0
}

.page a:hover path {
	fill: #fff
}

.bg_white {
	background: #fff
}

.n_case .bd {
	padding-top: 2.5rem
}

.n_case ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.875rem 1.25rem
}

.n_case ul li .box {
	border-radius: 4px;
	overflow: hidden;
	display: block;
	transition: .5s
}

.n_case ul li .box .img {
	position: relative
}

.n_case ul li .box .img:after {
	padding-top: 56.22%
}

.n_case ul li .box .img .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5)
}

.n_case ul li .box .img .mask i {
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	background: url(/images/ico_see.svg) center no-repeat;
	background-size: contain
}

.n_case ul li .box .txt {
	padding: 1.25rem;
	background: rgba(255, 255, 255, 0.5);
	transition: .5s
}

.n_case ul li .box .txt .flex {
	color: #3D3D3D;
	font-size: 1.125rem;
	margin-bottom: 1.875rem;
	display: flex;
	align-items: center
}

.n_case ul li .box .txt .flex i {
	display: block;
	flex-shrink: 0;
	width: 4px;
	height: 1.25rem;
	margin-right: .625rem;
	background: linear-gradient(180deg, #53D7E5 0, #2659FF 101%);
	border-radius: 2px
}

.n_case ul li .box .txt .tag {
	display: flex;
	flex-wrap: wrap;
	margin: -.375rem
}

.n_case ul li .box .txt .tag span {
	min-width: 70px;
	height: 20px;
	margin: .375rem;
	border-radius: 15px;
	border: 1px solid #ECEEF2;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 .625rem;
	color: #3D3D3D;
	font-size: 12px
}

.n_case ul li .box:hover .img .mask {
	opacity: 1;
	visibility: visible
}

.n_case ul li .box:hover .txt {
	background: #fff
}

.tc_case {
	max-width: 60rem;
	width: 90%
}

.tc_case_slide {
	position: relative
}

.tc_case .img:after {
	padding-top: 56.25%
}

.tc_case .arr {
	cursor: pointer;
	display: block;
	width: 31px;
	height: 40px;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.tc_case .arr_left {
	left: 2.5rem;
	background: url(/images/arr_left_white.svg) center no-repeat rgba(0, 0, 0, 0.8)
}

.tc_case .arr_right {
	right: 2.5rem;
	background: url(/images/arr_right_white.svg) center no-repeat rgba(0, 0, 0, 0.8)
}

.tc_case .txt {
	padding: 1.875rem;
	background: #fff
}

.tc_case .txt .tt {
	margin-bottom: 1.25rem;
	display: flex;
	justify-content: space-between
}

.tc_case .tt h4 {
	color: #3D3D3D;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.625rem
}

.tc_case .tt i {
	display: block;
	width: 4px;
	height: 1.25rem;
	flex-shrink: 0;
	margin-right: .625rem;
	background: linear-gradient(180deg, #53D7E5 0, #2659FF 101%);
	border-radius: 2px
}

.tc_case .tt .tag {
	display: flex;
	flex-wrap: wrap;
	margin: -.375rem;
	flex-shrink: 0;
	margin-left: 2rem
}

.tc_case .tt .tag span {
	min-width: 70px;
	height: 22px;
	margin: .375rem;
	border-radius: 15px;
	border: 1px solid #ECEEF2;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 .625rem;
	color: #3D3D3D;
	font-size: 12px
}

.tc_case .txt p {
	color: #3D3D3D;
	opacity: .5;
	line-height: 28px
}

.tc_case .tt .flex {
	display: flex;
	min-height: 26px
}

.tc_case .tt .flex i {
	margin-top: 3px
}

.n_download {
	padding-top: 2.5rem
}

.n_download ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.875rem 1.25rem
}

.n_download ul li .box {
	display: block;
	background: rgba(255, 255, 255, .5);
	height: 100%;
	overflow: hidden;
	height: 17.5rem
}

.n_download ul li .box .txt {
	background: #fff;
	padding: 2.5rem 1.875rem;
	height: 12.5rem;
	transition: .5s
}

.n_download ul li .box .txt .tt {
	display: flex;
	margin-bottom: 1.875rem
}

.n_download ul li .box .txt .tt i {
	width: 24px;
	margin-right: .625rem;
	flex-shrink: 0
}

.n_download ul li .box .txt .tt h4 {
	color: #3D3D3D;
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: bold
}

.n_download ul li .box .txt p {
	font-size: .875rem;
	color: #3D3D3D;
	opacity: .5;
	line-height: 1.25rem
}

.n_download ul li .box .bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 5rem;
	padding: 0 1.875rem
}

.n_download ul li .box .bot a {
	background: #ECEEF2;
	border-radius: 1.25rem;
	font-size: .875rem;
	height: 2.5rem;
	width: 7.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s
}

.n_download ul li .box .bot a svg {
	display: block;
	width: .75rem;
	height: .75rem;
	margin-left: 5px;
	transition: .5s
}

.n_download ul li .box .bot a.on {
	background: #2659FF;
	color: #FFF
}

.n_download ul li .box .bot a.on svg path {
	fill: #fff
}

.n_download ul li.act .txt1 {
	margin-top: -12.5rem
}

.n_download ul li.act .bot {
	background: #fff
}

.ico_download {
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	transition: .5s;
	background: url(/images/ico_download.svg) center no-repeat;
	background-size: contain;
	margin-left: 5px
}

.ico_download:hover {
	background: url(/images/ico_download2.svg) center no-repeat
}

.n_download ul li .box .item {
	display: flex;
	background: #FFF;
	border-radius: 4px;
	align-items: center;
	justify-content: space-between;
	font-size: 1rem;
	color: #3D3D3D;
	min-height: 2.875rem;
	padding: 0 10px 0 1.25rem
}

.n_download ul li .box .item:last-child {
	padding-bottom: 1rem
}

.n_download ul li .box .txt2 {
	overflow: overlay;
	padding: 1.25rem 1.25rem 0 1.0625rem;
	background: 0;
	display: grid;
	gap: 6px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 100%);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 100%)
}

.scrollbox {
	overflow: overlay
}

.scrollbox::-webkit-scrollbar {
	background-color: transparent;
	width: 12px
}

.scrollbox::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	background-clip: content-box
}

.n_download ul li.act .box .bot a:nth-child(1) {
	background: #2659FF;
	color: #FFF
}

.n_download ul li.act .box .bot a {
	font-size: .875rem
}

.n_download ul li.act .box .bot a svg {
	transform: rotate(180deg)
}

.n_download ul li.act .box .bot a svg path {
	fill: #fff
}

.n_download ul li.act .box .bot a:nth-child(2) {
	opacity: 0;
	visibility: hidden
}

.n_nav3 {
	background: #fff
}

.n_nav3 ul {
	display: flex
}

.n_nav3 ul li {
	position: relative;
	z-index: 1;
	margin-right: 1.25rem
}

.n_nav3 ul li:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #2659FF;
	transition: .5s;
	z-index: -1
}

.n_nav3 ul li a {
	line-height: 3.75rem;
	padding: 0 1.875rem;
	display: block;
	color: #3D3D3D;
	font-size: 1.125rem;
	transition: .5s
}

.n_nav3 ul li.on a {
	color: #fff !important
}

.n_nav3 ul li.on:before {
	width: 100%;
	left: 0;
	right: auto
}

.n_news01 {
	padding-top: 2.5rem
}

.n_news01 ul li .box {
	position: relative;
	display: block
}

.n_news01 ul li .img {
	height: 25rem
}

.n_news01 ul li .txt {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 9;
	width: 50%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 2.5rem
}

.n_news01 ul li .txt h4 {
	font-size: 2.25rem;
	line-height: 3rem;
	font-weight: bold;
	margin-bottom: 2.5rem
}

.n_news01 ul li .txt p {
	line-height: 1.75rem;
	font-size: 1rem;
	opacity: .5
}

.n_news01 ul li .txt .bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 2.75rem
}

.n_news01 ul li .txt .bot span:first-child {
	font-size: 1rem
}

.n_news01 ul li .txt .bot .btn_more {
	border-radius: 1.25rem;
	transition: .5s;
	height: 2.5rem;
	width: 8.125rem;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .875rem
}

.n_news01 ul li .txt .bot .btn_more:hover {
	background: #2659FF;
	color: #fff
}

.n_news01 ul li .txt .bot .btn_more:before {
	border: 1px solid #fff
}

.n_news01 ul li .txt .bot .btn_more:hover:before {
	opacity: 0;
	visibility: hidden
}

.n_news02 {
	padding-top: 2.5rem
}

.n_news02 .tt {
	color: #3D3D3D;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom: 1.25rem
}

.n_news02 ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.125rem 2.75rem
}

.n_news02 ul li {
	border-radius: 4px;
	overflow: hidden;
	transition: .5s
}

.n_news02 ul li .img:after {
	padding-top: 56.22%
}

.n_news02 ul li .txt {
	z-index: 9;
	padding: 2.5rem;
	background: rgba(255, 255, 255, 0.5);
	transition: .5s
}

.n_news02 ul li .txt h4 {
	font-size: 1.125rem;
	line-height: 1.5rem
}

.n_news02 ul li .txt p {
	line-height: 1.75rem;
	font-size: .875rem;
	opacity: .5;
	color: #3D3D3D;
	margin: 1.125rem 0 1.625rem
}

.n_news02 ul li .txt .bot {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.n_news02 ul li .txt .bot .time {
	font-size: 1rem
}

.btn_more {
	transition: .5s;
	border-radius: .9375rem;
	height: 1.875rem;
	width: 6.25rem;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .75rem;
	color: #3D3D3D
}

.n_news02 ul li:hover {
	box-shadow: 0 4px 12px 0 rgba(61, 61, 61, 0.1)
}

.n_news02 ul li:hover .txt {
	background: #fff
}

.btn_more {
	position: relative;
	z-index: 1;
	transition: .5s;
	border: 0 !important
}

.btn_more:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 25px;
	border: 1px solid #3d3d3d
}

.btn_more:after {
	content: "";
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	transition: .5s;
	border-radius: 25px;
	background: linear-gradient(107deg, #53D7E5 0, #2659FF 99%)
}

.btn_more:hover:before {
	background: #2659FF;
	border: 1px solid #2659FF
}

.btn_more:hover {
	color: #fff
}

.btn_more:disabled:before {
	border: 1px solid rgba(0, 0, 0, 0.3)
}

.btn_more:disabled {
	color: rgba(61, 61, 61, 0.5)
}

.btn_more:active:before {
	opacity: 0;
	visibility: hidden
}

.btn_more:active:after {
	opacity: 1;
	visibility: visible
}

.btn_more:active {
	color: #fff
}

#yewu_banner .flexcenter {
	flex-direction: column;
	width: 100%;
	max-width: inherit;
	width: 100%
}

#yewu_banner .flexcenter h4 {
	opacity: 1
}

.n_lianxi {
	background: #fff
}

.n_lianxi .s_pro_nav li {
	width: 6.25rem;
	text-align: center
}

.n_lianxi .hd {
	border-bottom: 1px solid #eceef2;
	margin-bottom: 2.5rem
}

.n_lianxi .bd .item {
	display: flex
}

.n_lianxi .bd .mymap {
	width: 50%;
	flex-shrink: 0;
	max-height: 450px
}

.n_lianxi .bd .mymap a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.n_lianxi .bd .img:after {
	padding-top: 62.5%
}

.n_lianxi .bd .img {
	height: 100%
}

.n_lianxi .bd ul {
	flex-grow: 1;
	/*display: grid;*/
	grid-template-columns: 1fr 1fr;
	padding: 1.875rem 0 1.875rem 3.625rem;
	gap: 1.25rem
}
.n_lianxi .bd ul li {
	border: 1px #e9e9e9 solid;
	margin-bottom: 1.5rem;
	padding: 10px;
	display: flex;
	}
/*.n_lianxi .bd ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(236, 238, 242, 0.5);
	padding: 1.25rem
}
*/
.n_lianxi .bd ul li .ico {
	width: 3.125rem;
	height: 3.125rem;
	margin-bottom: .625rem;
	margin-left:0.3rem;
}

.n_lianxi .bd ul li h4 {
	font-size: 1.125rem;
	color: #3D3D3D;
	height: 2rem;
	margin-top: 0.5rem;
	margin-left: 1rem;
	font-weight: bold;
}

.n_lianxi .bd ul li p {
	color: #333333;
	line-height: 2.4rem;
	font-size: 1.05rem;
	margin-left: 1rem;
	
}

.n_lianxi .bd ul li span {
	color: #3D3D3D;
	font-size: .875rem;
	line-height: 1.25rem
}

.n_lianxi .bd ul li a {
	color: #3D3D3D;
	font-size: .875rem;
	line-height: 1.25rem
}

.n_lianxi .bd ul li a:hover {
	text-decoration: underline
}

.n_huanjing {
	background: #fff
}

.n_huanjing .n_tt {
	border-bottom: 1px solid #eceef2;
	padding-bottom: 2.125rem;
	margin-bottom: 2.5rem
}

.huanjing {
	width: 100%;
	height: 400px
}

.n_fuli ul {
	display: flex;
	margin: -5px
}

.n_fuli ul li {
	width: 20%;
	padding: 5px
}

.n_fuli ul li .img {
	border-radius: 4px 4px 0 0
}

.n_fuli ul li .img:after {
	padding-top: 49.28%
}

.n_fuli ul li .txt {
	background: #fff;
	border-radius: 0 0 4px 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 3.75rem
}

.n_fuli ul li .txt h4 {
	font-size: 1rem;
	line-height: 1.75rem;
	color: #3D3D3D
}

.n_fazhan {
	background: #fff
}

.n_fazhan .bd ul {
	display: flex
}

.n_fazhan .bd ul li {
	width: 33.33%;
	position: relative
}

.n_fazhan .bd ul li .mask {
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.n_fazhan .bd ul li .mask .ico {
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: 10px
}

.n_fazhan .bd ul li .mask p {
	font-size: 1.125rem;
	line-height: 1.625rem;
	color: #FFF
}

.n_join .hd {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.5rem
}

.n_join .hd ul {
	width: 408px;
	display: flex;
	background: #fff;
	border-radius: 2rem;
	overflow: hidden
}

.n_join .hd ul li {
	width: 33.333%
}

.n_join .hd ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.125rem;
	font-size: 1.125rem;
	color: #3D3D3D;
	transition: .5s
}

.n_join .hd ul li:hover a {
	color: #2659FF
}

.n_join .hd ul li.on a {
	background: #2659FF;
	color: #fff !important
}

.n_join .bd {
	position: relative
}

.n_join .bd .box {
	background: #fff;
	padding: 1.875rem .375rem 1.875rem 1.875rem
}

.n_join .bd .box .scrollbox {
	padding-right: 1.5rem;
	height: 31.5rem
}

.n_join .bd .box .tt {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #ECEEF2;
	margin-bottom: 1.875rem
}

.n_join .bd .box .tt h4 {
	font-size: 1.125rem;
	font-weight: bold;
	color: #3D3D3D;
	line-height: 1.625rem;
	margin-bottom: .625rem
}

.n_join .bd .box .tt h5 {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.n_join .bd .box .tt h5 span {
	color: #3D3D3D;
	opacity: .5;
	font-size: 14px;
	line-height: 1.125rem
}

.n_join .bd .box .con {
	line-height: 1.5;
	font-size: .875rem
}

.n_join .bd .box .con h4 {
	margin-bottom: 1.25rem;
	color: #3D3D3D;
	font-weight: bold
}

.n_join .bd .box .con p {
	opacity: .5
}

.n_join .bd .box .con hr {
	margin: 1.25rem 0
}

.n_join .arr {
	background: rgba(0, 0, 0, 0.1);
	z-index: 99;
	transition: .5s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.75rem;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.n_join .arr_left {
	left: -6.25rem
}

.n_join .arr_right {
	right: -6.25rem
}

.n_about {
	background: #fff url(../image/n_about_bg.png) center bottom no-repeat;
	width: 100%;
	overflow: hidden
}

.n_about .hd {
	border-bottom: 1px solid #eceef2;
	margin-bottom: 2.5rem
}

.n_about .bd .con {
	font-size: 1rem;
	color: #3D3D3D;
	opacity: 1;
	line-height: 1.75rem;
	text-indent: 2em
}

.n_about .bd .con p {
	margin-bottom: .625rem
}

.n_shuzi {
	margin-top: 4rem
}

.n_shuzi ul {
	display: flex;
	justify-content: space-around
}

.n_shuzi ul li {
	display: flex;
	align-items: center
}

.n_shuzi ul li .ico {
	margin-right: .5rem;
	width: 2.6875rem;
	height: 2.6875rem
}

.n_shuzi ul li .tt span {
	font-size: 3.75rem;
	margin-right: .625rem;
	font-weight: bold;
	background: linear-gradient(121deg, #53D7E5 0, #2659FF 99%);
	line-height: 1.4;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent
}

.n_shuzi ul li .tt i {
	font-size: 1rem;
	color: #3D3D3D;
	font-weight: bold
}

.n_shuzi ul li p {
	font-size: 1rem;
	color: #3D3D3D
}

.n_shuzi ul li.line {
	width: 1px;
	height: auto;
	background: #3D3D3D;
	opacity: .2;
	flex-shrink: 0
}

.n_founder {
	width: 100%;
	overflow: hidden;
	background: url(/images/n_founder_bg.jpg) right center no-repeat;
	background-size: cover;
	min-height: 25rem;
	color: #fff
}

.n_founder .m {
	display: flex;
	align-items: center
}

.n_founder h4 {
	font-size: 1.875rem;
	margin-bottom: 1.875rem;
	display: inline-block;
	font-weight: bold;
	background: linear-gradient(270deg, #53D7E5 0, #FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent
}

.n_founder .con {
	font-size: 1rem;
	line-height: 1.75rem;
	font-weight: normal
}

.n_founder .txt {
	max-width: 55.125rem;
	text-align: justify;
	margin-right: 28rem
}

.n_zizhi {
	background: #fff;
	width: 100%;
	overflow: hidden
}

.zhuanli {
	width: 100%;
	height: 502px
}

.n_licheng {
	background: #fff;
	width: 100%;
	overflow: hidden
}

.n_licheng .n_tt {
	margin-bottom: 2.25rem
}

.n_licheng .bd {
	height: 31.56rem;
	background: url(/images/licheng_bg.jpg) center no-repeat
}

.n_licheng .bd.web {
	display: block
}

.n_licheng .bd.wap {
	display: none
}

.n_licheng .bd ul .ico {
	width: 1px;
	height: 1px;
	position: relative
}

.n_licheng .bd ul .ico:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #FFF;
	box-shadow: 0 0 4px 0 #FFF;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.n_licheng .bd ul .ico:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #26F8FF;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.n_licheng .bd ul .box {
	position: absolute;
	width: 230px;
	margin: 1rem 0;
	transition: .5s
}

.n_licheng .bd ul .box h4 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #26F8FF;
	margin-bottom: 5px
}

.n_licheng .bd ul .box .con {
	color: #FFF;
	font-size: .875rem;
	line-height: 1.25rem
}

.n_licheng .bd ul .box .con p {
	margin-bottom: 5px;
	position: relative;
	padding-left: 14px
}

.n_licheng .bd ul .box .con p:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0;
	top: 5px
}

.n_licheng .bd ul .box .con p:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #FFF;
	transform: scale(.5);
	position: absolute;
	left: 0;
	top: 5px
}

.n_licheng .bd ul li {
	padding-left: 1rem;
	height: 31.56rem
}

.n_licheng .bd .swiper {
	overflow: visible
}

.n_licheng .bd ul li .inner {
	position: absolute;
	transition-duration: .7s;
	transition-delay: .1s;
	transition-property: top, opacity;
	top: 50%
}

.licheng_slide1 .bd ul li .inner {
	opacity: 0;
	visibility: hidden
}

.licheng_slide1 .bd ul li.swiper-slide-prev .inner {
	top: 70%
}

.licheng_slide1 .bd ul li.swiper-slide-active .inner {
	top: 56%;
	opacity: 1;
	visibility: visible
}

.licheng_slide1 .bd ul li.swiper-slide-active+li .inner {
	top: 62%;
	opacity: 1;
	visibility: visible
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li .inner {
	top: 45%;
	opacity: 1;
	visibility: visible
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li .inner {
	top: 35%;
	opacity: 1;
	visibility: visible
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li+li .inner {
	top: 58%;
	opacity: 1;
	visibility: visible
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li+li+li .inner {
	top: 70%
}

.licheng_slide1 .bd ul li.swiper-slide-active .box {
	bottom: 100%
}

.licheng_slide1 .bd ul li.swiper-slide-active+li .box {
	top: 100%
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li .box {
	bottom: 100%
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li .box {
	top: 100%
}

.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li+li .box {
	top: 100%
}

.n_licheng .bd ul .box:hover {
	width: 270px;
	background: linear-gradient(180deg, rgba(38, 248, 255, 0) 0, rgba(38, 248, 255, 0.35) 100%);
	border-radius: 6px;
	padding: 10px 1.25rem
}

.licheng_slide2 .swiper {
	height: 31.56rem
}

.licheng_slide2 ul {
	display: flex
}

.licheng_slide2 ul li {
	width: 20%;
	opacity: 0
}

.licheng_slide2 .swiper-slide-active ul li {
	animation: enter 1s forwards 0s
}

.licheng_slide2 .bd ul li:nth-child(1) .inner {
	top: 56%;
	opacity: 1;
	visibility: visible
}

.licheng_slide2 .bd ul li:nth-child(2) .inner {
	top: 62%;
	opacity: 1;
	visibility: visible
}

.licheng_slide2 .bd ul li:nth-child(3) .inner {
	top: 45%;
	opacity: 1;
	visibility: visible
}

.licheng_slide2 .bd ul li:nth-child(4) .inner {
	top: 35%;
	opacity: 1;
	visibility: visible
}

.licheng_slide2 .bd ul li:nth-child(5) .inner {
	top: 58%;
	opacity: 1;
	visibility: visible
}

.licheng_slide2 .bd ul li:nth-child(1) .box {
	bottom: 100%
}

.licheng_slide2 .bd ul li:nth-child(2) .box {
	top: 100%
}

.licheng_slide2 .bd ul li:nth-child(3) .box {
	bottom: 100%
}

.licheng_slide2 .bd ul li:nth-child(4) .box {
	top: 100%
}

.licheng_slide2 .bd ul li:nth-child(5) .box {
	top: 100%
}

.arrstyle .bd {
	position: relative
}

.arrstyle .bd .arr {
	position: absolute;
	z-index: 99;
	top: 50%;
	margin-left: 0;
	margin-right: 0;
	transform: translateY(-50%);
	width: 2.25rem;
	height: 2.25rem;
	transition: .5s;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.arrstyle .bd .arr_left {
	left: 0
}

.arrstyle .bd .arr_right {
	right: 0
}

.arrstyle .bd .arr path {
	fill: #fff
}

@media(max-width:1440px) {
	.arrstyle .bd .arr_left {
		left: 1rem
	}

	.arrstyle .bd .arr_right {
		right: 1rem
	}
}

@media(max-width:992px) {
	#certify {
		max-width: 100%
	}
}

@media(max-width:768px) {
	.arrstyle .bd {
		padding-bottom: 0
	}
}

.pro_guanli .hd {
	margin-bottom: 1.375rem;
	margin-top: -1.375rem
}

.pro_guanli .hd li {
	width: 7.5rem;
	height: 3.125rem
}

.pro_guanli .hd li a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: #3D3D3D;
	transition: .5s
}

.pro_guanli .hd li+li:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #ECEEF2;
	position: absolute;
	left: 0;
	top: 0
}

.pro_guanli .hd li.swiper-slide-thumb-active a {
	background: #2659FF;
	color: #fff
}

.pro_guanli .hd .swiper {
	padding: 1.25rem
}

.pro_guanli .hd .swiper-wrapper {
	display: inline-flex;
	width: auto;
	max-width: 100%;
	border-radius: 30px;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0 4px 12px 0 rgba(61, 61, 61, 0.1)
}

.pro_guanli .bd .box {
	display: flex;
	gap: 2.5rem
}

.pro_guanli .bd .left {
	width: 56%;
	max-width: 796px;
	flex-shrink: 0
}

.pro_guanli .bd .left .img {
	border-radius: .75rem
}

.pro_guanli .bd .right ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px
}

.pro_guanli .bd .right ul li {
	height: 13.625rem;
	position: relative;
	overflow: hidden;
	background: linear-gradient(126deg, rgba(236, 238, 242, 0.25) 0, rgba(236, 238, 242, 0.6) 100%);
	border-radius: 6px;
	padding: 2.5rem 1.875rem
}

.pro_guanli .bd .right ul li h4 {
	font-size: 1.125rem;
	color: #3D3D3D;
	font-weight: bold;
	margin-bottom: 1.875rem
}

.pro_guanli .bd .right ul li p {
	color: #3D3D3D;
	opacity: .5;
	line-height: 20px;
	font-size: .75rem
}

.pro_guanli .bd .right ul li img {
	position: absolute;
	right: 0;
	bottom: -1.5rem;
	width: 6.25rem
}

.n_hd {
	border-bottom: 1px solid #eceef2;
	margin-bottom: 1.875rem
}

#pro_serve {
	background: 0
}

#pro_serve .bd .box {
	flex-direction: row-reverse
}

#pro_serve .bd .right ul li {
	background: linear-gradient(126deg, #FFF 0, rgba(255, 255, 255, 0.25) 100%), linear-gradient(126deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0.25) 100%)
}

.project_ys ul {
	display: flex;
	margin: -.625rem;
	flex-wrap: wrap
}

.project_ys ul li {
	width: 50%;
	padding: .625rem;
	flex-grow: 1
}

.project_ys ul li .box {
	background: #fff;
	padding: 1.75rem;
	height: 100%;
	position: relative;
	z-index: 1;
	border-radius: 4px;
	overflow: hidden
}

.project_ys ul li .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	background: linear-gradient(103deg, #53D7E5 0, #2659FF 99%)
}

.project_ys ul li .box h4 {
	font-size: 1.125rem;
	color: #3D3D3D;
	font-weight: bold;
	line-height: 1.625rem;
	margin-bottom: 1.25rem;
	transition: .5s
}

.project_ys ul li .box p {
	font-size: 1rem;
	color: #3D3D3D;
	opacity: .5;
	line-height: 1.625rem;
	transition: .5s
}

.project_ys ul li:last-child .box {
	padding-right: 50%;
	background: url(/images/project_ys_bg.jpg) center no-repeat;
	background-size: cover
}

.project_ys ul li:hover .box:before {
	opacity: 1;
	visibility: visible
}

.project_ys ul li:hover .box h4 {
	color: #fff
}

.project_ys ul li:hover .box p {
	color: #fff;
	opacity: 1
}

.project_fanwei {
	background: #fff
}

.project_fanwei ul {
	display: flex;
	justify-content: space-between;
	margin: -.625rem
}

.project_fanwei ul li {
	padding: .625rem;
	flex-grow: 1
}

.project_fanwei ul li .box {
	border-radius: 4px;
	overflow: hidden;
	background: rgba(236, 238, 242, 0.5);
	width: 100%;
	height: 100%;
	transition: .5s;
	position: relative
}

.project_fanwei ul li .img:after {
	padding-top: 107.14%
}

.project_fanwei ul li .box .img {
	height: 180px
}

.project_fanwei ul li .txt {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80%;
	padding: 1.25rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%)
}

.project_fanwei ul li .ico {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2659FF;
	transition: .5s
}

.project_fanwei ul li .ico img {
	width: 14px;
	height: 14px
}

.project_fanwei ul li h4 {
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: bold;
	margin: .5rem 0 0
}

.project_fanwei ul li span {
	color: #fff;
	opacity: .5;
	line-height: 1.125rem;
	font-size: .75rem;
	text-transform: capitalize
}

.project_fanwei ul li .box:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03)
}

.project_lc ul {
	display: flex;
	margin: -5px
}

.project_lc ul li {
	flex-grow: 1;
	padding: 5px
}

.project_lc ul li .box {
	position: relative;
	z-index: 1;
	background: rgba(255, 255, 255, .5);
	overflow: hidden;
	transition: .5s;
	border-radius: 4px;
	padding: 1.875rem 1.25rem 2.5rem;
	transition: .5s
}

.project_lc ul li .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	background: url(/images/server_lc_on2.jpg) center no-repeat;
	background-size: cover !important;
	z-index: -1;
	transition: .5s
}

.project_lc ul li .img {
	position: relative
}

.project_lc ul li .img:after {
	padding-top: 128.2%
}

.project_lc ul li .txt1 {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2
}

.project_lc ul li .txt1 p {
	color: #3D3D3D;
	opacity: .5;
	font-size: .875rem;
	line-height: 1.625rem;
	transition: .5s
}

.project_lc ul li .txt2 {
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-bottom: 3.75rem
}

.project_lc ul li .txt2 span {
	font-size: 2.8125rem;
	line-height: 4rem;
	transition: .5s;
	font-weight: normal;
	color: #3D3D3D;
	opacity: .2
}

.project_lc ul li .txt2 h4 {
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: bold;
	color: #3D3D3D;
	transition: .5s
}

.project_lc ul li.on .box:before {
	opacity: 1;
	visibility: visible
}

.project_lc ul li.on .txt2 span {
	color: #fff;
	opacity: 1;
	font-weight: bold
}

.project_lc ul li.on .txt2 h4 {
	color: #fff;
	opacity: 1
}

.project_lc ul li.on .txt1 p {
	color: #fff;
	opacity: 1
}

.newcase {
	background: #fff
}

.newcase .img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(61, 61, 61, 0.8);
	z-index: 1;
	transition: .5s
}

.newcase .swiper-slide .img {
	transition: 700ms .2s;
	transform: scale(0.8)
}

.newcase .swiper-slide-active .img {
	transform: scale(1)
}

.newcase .swiper-slide-active .img:before {
	opacity: 0;
	visibility: hidden
}

.newcase .swiper-slide {
	cursor: pointer
}

.online_q {
	position: fixed;
	right: 10px;
	bottom: 10%;
	z-index: 999;
	transition: .5s;
	-webkit-transition: .5s;
	border-radius: 2.5rem;
	padding: 1.25rem 0
}

.online_q .close {
	position: absolute;
	right: -1rem;
	font-size: 1rem;
	color: #969797;
	opacity: 1;
	font-weight: normal;
	cursor: pointer
}

.online_q .btn2 {
	width: 3.125rem;
	height: 3.125rem;
	margin-bottom: 1px;
	transition: .5s;
	cursor: pointer;
	position: relative;
	z-index: 1
}

.online_q .btn2:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: linear-gradient(135deg, #53D7E5 0, #2659FF 99%);
	opacity: .8
}

.online_q .btn2:nth-child(1) {
	border-radius: 6px 6px 0 0
}

.online_q .btn2:nth-child(1):before {
	border-radius: 6px 6px 0 0
}

.online_q .btn2:nth-child(3) {
	border-radius: 0 0 6px 6px
}

.online_q .btn2:nth-child(3):before {
	border-radius: 0 0 6px 6px
}

.online_q .btn2:last-child {
	border-radius: 6px;
	margin-top: 5px
}

.online_q .btn2:last-child:before {
	border-radius: 6px
}

.online_q .btn2:hover:before {
	opacity: 1
}

.online_q .btn-top {
	padding: 0;
	transition: .5s;
	overflow: hidden
}

.online_q .btn2 a {
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%
}

.online_q .btn2 span {
	display: flex;
	float: left;
	color: #fff;
	flex-direction: column;
	font-size: .75rem;
	text-align: center;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 999;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	overflow: hidden;
	flex-shrink: 0
}

.online_q .btn2 span img {
	width: 1.5rem;
	height: 1.5rem
}

.online_q .open.pic {
	position: absolute;
	background: #eef2f6;
	border-radius: 3px;
	width: 100px;
	height: 100px;
	right: 60px;
	top: 50%;
	margin-top: -50px;
	text-align: right;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden
}

.online_q .open.pic img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-right: 10px
}

.online_q .btn2:hover .open.pic {
	opacity: 1;
	right: 60px;
	visibility: visible
}

.online_q .open.phone {
	position: absolute;
	background: #fff;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e1e6f0;
	border-radius: .5rem;
	width: auto;
	min-height: 3.125rem;
	border-radius: 3px;
	right: 60px;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	transition: .6s;
	-webkit-transition: .6s;
	opacity: 0;
	visibility: hidden
}

.online_q .open.phone * {
	color: #333;
	font-size: 1.125rem;
	text-align: left;
	font-weight: bold
}

.online_q .open.phone h5 {
	font-size: .875rem;
	font-weight: normal;
	white-space: nowrap
}

.online_q .open.phone span {
	font-size: 12px;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 5px;
	opacity: .7;
	font-weight: normal
}

.online_q .btn2:hover .open.phone {
	transition: .5s;
	-webkit-transition: .5s;
	opacity: 1;
	visibility: visible
}

.online_q .open.pic:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #eef2f6;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -10px
}

.online_q .open.phone:before {
	content: "";
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	right: -4px;
	border-color: #e1e6f0 transparent transparent #e1e6f0;
	border-style: solid;
	border-width: 1px
}

#gotop.hide {
	height: 0;
	overflow: hidden;
	display: block !important
}

.tc_yuyue {
	width: 90%;
	max-width: 75rem;
	position: relative;
	background: #fff
}

.tc_yuyue .tc_close {
	position: absolute;
	right: 2.5rem;
	top: 2rem;
	width: 1.25rem;
	height: 1.25rem
}

.tc_yuyue .box {
	display: flex
}

.tc_yuyue .box .img {
	width: 46.875rem
}

.tc_yuyue .txt {
	padding: 1.75rem 2.5rem;
	flex-grow: 1
}

.tc_yuyue .tt {
	color: #3D3D3D;
	font-weight: bold;
	font-size: 20px;
	line-height: 22px
}

.selectbox {
	padding: 0 !important;
	overflow: visible !important
}

.quicklink {
	position: fixed;
	left: -180px;
	width: 180px;
	transition: .5s;
	top: 0;
	height: 100%;
	z-index: 999999;
	background: rgba(255, 255, 255, 1);
	padding: 2rem 1rem;
	font-size: .875rem
}

.quicklink.act {
	left: 0
}

.quicklink a {
	display: block;
	line-height: 2.5
}

.quicklink a.on {
	color: #1353e8
}

.quicklink i {
	position: absolute;
	font-family: "swiper-icons";
	cursor: pointer;
	padding: 1rem 5px;
	background: rgba(19, 83, 232, 0.699);
	color: #fff;
	left: 100%;
	top: 50%;
	transform: translateY(-50%)
}

.quicklink i.on {
	transform: translateY(-50%) rotate(180deg)
}

.pro_apply .right {
	position: relative
}

.pro_apply .right .arr {
	background: rgba(0, 0, 0, 0.1);
	z-index: 99;
	transition: .5s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.75rem;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99
}

.pro_apply .right .arr {
	top: 50%
}

.pro_apply .right .arr_left {
	left: 0
}

.pro_apply .right .arr_right {
	right: 0
}

.pro_apply .swiper-pagination {
	position: absolute;
	z-index: 9;
	width: 100%;
	bottom: 0;
	padding: 0 1.25rem;
	height: 1.25rem;
	background: rgba(0, 0, 0, .3);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center
}

.pro_apply .swiper-pagination .swiper-pagination-bullet {
	width: 1.25rem;
	height: .375rem;
	border-radius: 6px;
	opacity: .5;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 6.5px !important;
	opacity: 1
}

.pro_apply .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff
}

.news_xq_con {
	display: flex;
	align-items: flex-start
}

.news_xq_con .left_con {
	flex-grow: 1;
	padding-right: 3.75rem;
	position: relative;
	z-index: 1
}

.news_xq_con .right_con {
	width: 21.25rem;
	flex-shrink: 0;
	padding-left: 3.4375rem;
	position: sticky;
	top: 8rem
}

.news_xq_con .left_con:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #e6e5ec;
	position: absolute;
	right: 0;
	top: 0
}

.news_xq_con .left_con:after {
	content: "";
	display: block;
	width: 2px;
	height: 58px;
	background: #2659FF;
	position: absolute;
	right: 0;
	top: 0
}

.ar_title {
	padding-bottom: 1.875rem;
	border-bottom: 2px solid #e6e5ec;
	margin-bottom: 2rem
}

.ar_title span {
	font-size: 1.875rem;
	color: #2659FF;
	font-family: sans-serif
}

.ar_title h3 {
	font-size: 1.75rem;
	line-height: 2.25rem;
	color: #353637;
	font-weight: bold;
	margin: .875rem 0
}

.ar_title p {
	font-size: .875rem;
	color: #949698
}

.ar_fot {
	margin-top: 3rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.ar_fot a {
	max-width: 47%;
	line-height: 1.7;
	font-size: .875rem;
	color: #3b3b3b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.ar_fot a:hover {
	color: #2659FF
}

.news_right .tt {
	margin-bottom: 3.125rem
}

.news_right .tt h3 {
	font-size: 1.25rem;
	color: #515151;
	font-weight: bold;
	margin-bottom: .625rem
}

.news_right .tt span {
	font-size: 1.625rem;
	color: #dadada;
	text-transform: uppercase;
	font-family: sans-serif
}

.news_right ul li {
	margin-bottom: 1.25rem
}

.news_right ul li a {
	display: flex;
	align-items: center
}

.news_right ul li .time {
	transition: .5s;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-right: 1rem;
	flex-shrink: 0;
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center
}

.news_right ul li .time:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	transition: .5s;
	background: #2659FF;
	left: 0;
	bottom: 0;
	z-index: -1
}

.news_right ul li .time span {
	transition: .5s;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	color: #7a7a7a
}

.news_right ul li .time p {
	transition: .5s;
	font-family: sans-serif;
	font-size: .875rem;
	color: #7a7a7a
}

.news_right ul li h4 {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #444546
}

.news_right ul li a:hover .time:before {
	height: 100%;
	top: 0;
	bottom: auto
}

.news_right ul li a:hover .time span {
	color: #fff
}

.news_right ul li a:hover .time p {
	color: #fff
}

.n_lianxi .bd ul li span {
	font-size: .9rem;
	line-height: 1.6rem;
}

.n_lianxi .bd ul li {
	justify-content: flex-start;
}

.n_lianxi .bd ul {
	padding: 0 0 1.875rem 3.625rem;
}

.s_project_slide .hd ul li {
	flex-grow: 1;
}

.n_download ul li .box .item {
	padding-top: 10px;
	padding-bottom: 10px !important;
}

.n_download ul li .box .item:last-child {
	margin-bottom: 1rem;
}

.n_download ul li .box .txt2 {
	display: block;
}

/* .s_project_slide .hd ul li+li{ margin-top: 6px;}  */
section#yewu_banner.n_banner.gg_banner {
	height: 25rem;
}

section#yewu_banner.n_banner.gg_banner h4 {
	font-size: 1.5rem;
	color: rgba(255, 255, 255, .5);
}

.s_coop ul li .box .pic {
	padding: .5rem;
}

.n_zizhi .n_tt {
	border-bottom: 1px solid #eceef2;
	padding-bottom: 2.25rem;
	margin-bottom: 2.75rem;
}

.n_fazhan .bd ul li .img {
	height: 18.75rem;
}

.tc_box01 .bot a {
	font-size: .875rem;
	color: rgba(61, 61, 61, 0.5);
	transition: .5s;
}

.n_banner h4 {
	margin-top: 3px;
}

.pro_liucheng ul li .box {
	transition: .5s;
}

.pro_liucheng ul li.on .box {
	box-shadow: 4px 4px 12px 0px rgba(38, 89, 255, 0.25);
}

.pro_apply .txt .tt h4 {
	font-weight: bold;
}

.n_nav {
	top: 0;
}

.project_fanwei,
.newcase {
	padding-top: 2.75rem;
}

.project_fanwei .n_hd,
.newcase .n_hd {
	margin-bottom: 2.5rem;
}

.n_about,
.n_huanjing,
.n_lianxi,
.project_capacity {
	padding-top: 6rem;
}

.n_pro_ys {
	padding-top: 4.75rem;
}

.project_lc ul li .box {
	height: 18.75rem;
}

.project_lc ul li {
	width: 20%;
}

.project_ys ul li .box {
	height: 10.1875rem;
}

.s_project_slide .bd .txt p {
	max-width: 950px;
}

#foot .foot_seeall {
	margin-bottom: 7.125rem;
}

.pro_jilu dl dt .time {
	font-size: 1.125rem;
}

.pro_jilu dl dd h4 {
	font-size: 1.125rem;
}

.pro_jilu dl dd .con {
	height: 3.5rem;
}

.s_project_slide .bd .txt .con1 {
	max-width: 1300px;
}

.pro_guanli .bd .right ul li p {
	line-height: 25px;
	font-size: .875rem;
}

#yewu_banner.n_banner p {
	color: rgba(255, 255, 255, .5);
}

.pro_apply .left .arr {
	padding: 1rem;
	overflow: hidden;
}

html {
	text-align: justify;
}

.pro_mobile_gongneng .arr {
	background: rgba(0, 0, 0, 0.1);
	z-index: 99;
	transition: .5s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.75rem;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.pro_mobile_gongneng .arr_left {
	left: 1rem;
}

.pro_mobile_gongneng .arr_right {
	right: 1rem;
}

.n_solution_add {
	width: 100%;
	overflow: hidden;
}

.n_solution_add ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.n_solution_add ul li {}

.n_solution_add ul li .box {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.n_solution_add ul li .ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.255rem;
	height: 5.25rem;
}

.n_solution_add ul li .ico img {}

.n_solution_add ul li .txt {
	max-width: 280px;
}

.n_solution_add ul li .txt h4 {
	font-size: 1.25rem;
	margin: 1.5rem 0 .5rem;
	color: #3D3D3D;
	font-weight: bold;
}

.n_solution_add ul li .txt p {
	font-size: .875rem;
	line-height: 1.5;
	color: #3D3D3D;
	opacity: .6;
}

.n_licheng .swiper {
	overflow: hidden !important;
}

/* .n_licheng .bd ul li .inner{ transition: .5s ease; opacity: 0; transform: translateX(50px);}
.licheng_slide1 .bd ul li.swiper-slide-active .inner{ opacity: 1;  transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li .inner{  opacity: 1;  transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li+li .inner{ opacity: 1; transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li .inner{ opacity: 1; transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li+li .inner{ opacity: 1; transform: translateX(0px);} */

.accordion ul li {
	position: relative;
}

.accordion ul li .box {
	position: relative;
}

.accordion ul li .box .mask {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.accordion ul li .box .mask .txt {
	text-align: center;
	color: #fff;
	transition: .5s;
	width: 17.5rem;
	height: 5.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.accordion ul li .box .mask .txt:after {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background: linear-gradient(91deg, #53D7E5 0%, #2659FF 99%);
	opacity: 0;
	visibility: hidden;
	transform: scaleX(1);
	transition: .5s;
}

.accordion ul li .box .mask .txt h3 {
	font-size: 1rem;
	opacity: .8;
	line-height: 2rem;
	transition: .5s;
}

.accordion ul li .box .mask .txt p {
	font-size: 12px;
	opacity: .5;
	line-height: 1.8;
}

.accordion ul li.on .box .mask .txt {
	background: rgba(0, 0, 0, 0.5);
}

.accordion ul li.on .box .mask .txt h3 {
	opacity: 1;
	font-size: 1.25rem;
	font-weight: bold;
}

.accordion ul li.on .box .mask .txt:after {
	opacity: 1;
	visibility: visible;
	transform: scaleX(1);
}

#hxgn_mobile .pro_mobile_txt .txt h6 {
	color: #3D3D3D;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
}

#hxgn_mobile .pro_mobile_txt .txt p {
	color: #3D3D3D;
	opacity: .5;
	font-size: .875rem;
	line-height: 1.125rem;
}

#hxgn_mobile .pro_mobile_txt .box {
	margin-top: 3rem
}

.s_news .bd .box .txt {
	height: 16.25rem;
}

.s_project_slide .bd .txt p {
	opacity: .8;
}

.s_project_slide .hd ul li span {
	text-align: left;
}

@keyframes chevron_down {
	0% {
		opacity: 1
	}

	90% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate3d(0, 1.36vw, 0)
	}
}

.chevron-down {
	position: absolute;
	bottom: 1.275vw;
	left: 50%;
	margin-left: -1.02vw;
	z-index: 99;
	scale: .8;
	width: 2.04vw;
	height: 2.04vw;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAwUlEQVR4Ae3S0Q2DMAyEYY/UjZpNGLUjdAQ3qES6BwghJI6D7pP6WPyfQISIiIiInktVXzLI7dvxAYv+vcXYenO7vUgNiFfrERCvVSPWV6f7uo/YiU+ufU7xD8F6RCY+SA3LEc3j4cHdR3SLhwPdRnSPh0PNR5jFw8FmI8zj4fDtEcPiIaB6xPB4CLk8wk08BBWPcBcPYacj3MYnuRHu45PMCP/xSeGIIJ6djAgyg4MRQWayjfjE33e6eCIiIiKiIj/xm48kjE1GCgAAAABJRU5ErkJggg==);
	background-size: contain;
	animation: chevron_down 2s infinite
}

.dotbox {
	bottom: 3.875rem !important;
}

/* 数字化矿山*/
.szks_nr img {
	border-radius: 10px;
}

.szks_nr {
	display: flex;
	margin-top: 20px;
}

.szks_nr .pd15 {
	padding: 0 15px;
}

@media (max-width: 767px) {
	.szks_nr {
		display: flex;
		margin-top: 20px;
		flex-direction: column;
	}

}

/* 智慧监督平台*/
.m2znc3swiper li {
	padding: 58px 25px 15px;
	width: 33.33%;
	float: left;
}

.m2znc3item {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
	background: url(../image/m2zn_c3bg.png) no-repeat center bottom;
	padding: 48px 30px 0px;
	height: 360px;
	position: relative;
	transition: all 0.5s ease;
}

.m2znc3st {
	line-height: 50px;
	background: url(../image/m2zn_c2tbg.png) no-repeat center center;
	height: 50px;
	width: 230px;
	font-size: 21px;
	color: #FFF;
	letter-spacing: 2px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -115px;
}

.m3znc3des {
	font-size: 17px;
	line-height: 30px;
	height: 280px;
	text-align: justify;
}

.scrollbox {
	padding-right: 15px;
	margin-right: -15px;
	overflow-y: auto;
}

@media (max-width: 767px) {
	.m2znc3swiper li {
		width: 100%;
		margin-bottom: 5px;
	}

}

/* 智慧公交*/
.m2pub_tab2 a {
	margin-bottom: 20px;
	min-width: 205px;
	padding: 0 15px;
}

.m2pub_tab a {
	text-align: center;
	display: inline-block;
	height: 52px;
	width: 185px;
	position: relative;
	margin: 0px 15px;
	border-radius: 2em;
	overflow: hidden;
	box-shadow: 0 0 12px rgba(15, 83, 208, 0.2);
	font-size: 16px;
	color: #1b255e;
	letter-spacing: 1px;
	line-height: 52px;
	cursor: pointer;
	background: linear-gradient(to bottom, #2659FF 0%, #6b8aef 100%);
	color: #ffffff;
	margin-bottom: 10px;
}

.zhgj li {
	padding: 58px 25px 15px;
	width: 50%;
	float: left;
}

.zhgjitem {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
	background: url(../image/m2zn_c3bg.png) no-repeat center bottom;
	padding: 30px;
	height: 400px;
	position: relative;
	transition: all 0.5s ease;
}

.zhgjitem p {
	line-height: 38px;
	padding-left: 30px;
	font-size: 16px;
	background: url(../image/gg-xj.jpg) center left no-repeat;
}

@media (max-width: 767px) {
	.zhgj li {
		width: 100%;
		margin-bottom: 5px;
	}

}

/* 能管平台*/
.zhngitem {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);

	padding: 30px;
	height: 450px;
	position: relative;
	transition: all 0.5s ease;
}

.zhng3st {
	line-height: 50px;
	background: url(../image/m2zn2.png) no-repeat center center;
	height: 50px;
	width: 300px;
	font-size: 21px;
	color: #FFF;
	letter-spacing: 2px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -115px;
}
@media (max-width: 767px) {
	.zhngitem {
		box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
		padding: 30px;
		height: 100%;
		position: relative;
		transition: all 0.5s ease;
	}
.zhng3st {
	line-height: 40px;
	background: url(../image/m2zn2.png) no-repeat center center;
	height: 40px;
	font-size: 1.2rem;
	width: 18.5rem;
	color: #FFF;
	letter-spacing: 2px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -115px;
}	
	
	
	}


/* 低代码平台*/
.ddmitem {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
	background: url(../image/m2zn_c3bg.png) no-repeat center bottom;
	padding: 48px 30px 0px;
	height: 200px;
	position: relative;
	transition: all 0.5s ease;
}
/* 物联网平台*/
.wlwitem {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
	background: url(../image/m2zn_c3bg.png) no-repeat center bottom;
	padding: 48px 30px 0px;
	height: 260px;
	position: relative;
	transition: all 0.5s ease;
}

.dsjitem {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
	background: url(../image/m2zn_c3bg.png) no-repeat right bottom;
	padding: 30px;
	height: 300px;
	position: relative;
	transition: all 0.5s ease;
}

.dsjitem p {
	line-height: 38px;
	padding-left: 30px;
	font-size: 16px;
	background: url(../image/gg-xj.jpg) center left no-repeat;
}

.dsjitem span{
	font-weight: bold; font-size: 18px; line-height: 38px;
}
/* 微电网*/
.wdwitem {
	box-shadow: 0 0 15px rgba(15, 83, 208, 0.1);
	background: url(../image/m2zn_c3bg.png) no-repeat center bottom;
	padding: 48px 30px 0px;
	height: 180px;
	position: relative;
	transition: all 0.5s ease;
}