@charset "utf-8";



.wrap {

	width: 1600px;

	margin: 0 auto
}



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

	.wrap {

		width: 90%
	}

}

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

	.wrap {

		width: 94%
	}

}

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

	.wrap {

		width: 92%
	}

}

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

	.wrap {

		width: 90%
	}

}



:root {

	--i_color: #1B61D5;

	/* 全局颜色 */

	--i_color2: #F08514;

	/* 副颜色 */

	--i_color3: #23428A;

	/* 选中颜色 */

	--header_height: .8rem;

	/* 头部高度 */

	--border_color: rgba(0, 0, 0, .1);

	/* 默认边框颜色 */

	--f_menu_height: 50px;

	/* 移动端底部菜单 */

}

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

	:root {

		--header_height: .6rem;

	}

}

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

	:root {

		--border_color: rgba(0, 0, 0, .06)
	}

}





/* header */

header {

	margin-bottom: calc(-1 * var(--header_height));

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 50;

}

header::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: #FFF;

}

header::after {

	opacity: 0;

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: #DDD;

	-webkit-transition: all 0 ease;

	transition: all 0 ease
}

.TopHeader::before {

	height: 100%;

}

.TopHeader::after {

	opacity: 1;

	-webkit-transition: all 3s ease;

	transition: all 3s ease
}



header,

header::before {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.top {

	height: var(--header_height);

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



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

	header {

		background: #FFF !important;

	}

}

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

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





.logo {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.logo img {

	max-height: 74%;

}

.logo1 {}

.logo2 {

	display: none;

}

.TopHeader .logo1 {

	display: none;

}

.TopHeader .logo2 {

	display: block;

}

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

	.logo img {

		max-height: 46%;

	}

}

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

	.logo1 {

		display: none !important;

	}

	.logo2 {

		display: block !important;

	}

}

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

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







@media screen and (min-width:1025px) {

	nav {

		margin-left: auto;

	}

	nav ul {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	nav li {

		margin: 0 .34rem;

	}

	nav li a {

		display: block;

		font-size: 0.16rem;

		color: #FFF;

		line-height: var(--header_height);

	}

	.TopHeader nav li a {

		color: #333
	}

	.TopHeader nav .current-menu-item>a,

	.TopHeader nav .current-category-ancestor>a,

	.TopHeader nav .current-post-ancestor>a,

	.TopHeader nav .current-menu-ancestor>a,

	.TopHeader nav .current-menu-parent>a,

	.TopHeader nav .current-menu-parent>a,

	.TopHeader nav .current_page_parent>a,

	.TopHeader nav .current_page_ancestor>a,

	.TopHeader nav li:hover>a,

	.TopHeader nav .curr>a {

		color: var(--i_color) !important
	}



	nav li .sub-menu {

		display: none;

	}

}

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

	nav li {

		margin: 0 .24rem;

	}

	nav li a {

		font-size: 0.15rem;

	}

}

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

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

	nav {

		display: none;

		position: fixed;

		top: var(--header_height);

		left: 0;

		width: 100%;

		width: 100vw;

		max-height: calc(100vh - var(--header_height));

		box-sizing: border-box;

		border-top: 1px solid var(--border_color);

		background: #FFF;

		overflow-y: auto;

		z-index: 2
	}

	/*滚动条*/

	nav::-webkit-scrollbar {

		width: 3px;

		height: 8px
	}

	nav::-webkit-scrollbar-thumb {

		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

		background: #555
	}

	nav::-webkit-scrollbar-track {

		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

		border-radius: 0;

		background: #F1F1F1
	}

	nav>ul>li {

		margin: 0 0 !important;

		border-bottom: 1px solid var(--border_color);

		position: relative
	}

	nav>ul>.menu-item-has-children span {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: .4rem;

		height: .4rem;

		box-sizing: border-box;

		background: rgb(0 0 0 / 3%) url(../images/arrow_d_b.svg) no-repeat center;

		background-size: .18rem;

	}



	nav>ul>.menu-item-has-children span.on {

		background: rgb(0 0 0 / 3%) url(../images/arrow_u_b.svg) no-repeat center;

		background-size: .18rem;

	}



	nav>ul>li>a {

		padding: 0 .2rem;

		font-size: .14rem;

		color: #222;

		line-height: .4rem;

		text-transform: uppercase;

	}



	nav>ul>li>.sub-menu {

		display: none
	}

	nav>ul>li>.sub-menu li {

		position: relative;

	}

	nav .sub-menu a {

		padding: 0 .2rem;

		font-size: .14rem;

		color: #555;

		line-height: .4rem;

		position: relative
	}

	nav .sub-menu li:not(:last-child) {

		border-bottom: 1px solid var(--border_color)
	}



	nav>ul>li>.sub-menu b {

		position: absolute;

		top: 0;

		right: 0;

		width: .4rem;

		height: .4rem;

		background: url(../images/arrow_down_hollow_hei.svg) no-repeat center;

		background-size: .16rem;

	}

	nav>ul>li>.sub-menu b.on {

		background: url(../images/arrow_up_hollow_hei.svg) no-repeat center;

		background-size: .16rem;

	}



	nav .sub-menu .sub-menu {

		display: none;

	}



	nav .sub-menu .sub-menu a {

		padding: 0 .6rem;

		font-size: .13rem;

		color: #888;

		line-height: .36rem;

		position: relative;

	}



	nav a {

		display: block;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis
	}

}

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

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











/* Mobile nav button */

.nav_menu {

	position: absolute;

	width: 22px;

	height: 16px;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	display: none;

	cursor: pointer
}

.nav_menu i {

	display: block;

	width: 100%;

	height: 3px;

	position: absolute;

	top: 50%;

	margin-top: -2px;

	background: var(--i_color);

	border-radius: .1rem;

	transition: 0.5s
}

.nav_menu::before,

.nav_menu::after {

	content: "";

	width: 100%;

	height: 3px;

	background: var(--i_color);

	position: absolute;

	left: 0;

	border-radius: .1rem;

	transition: 0.5s
}

.nav_menu::before {

	top: 0;

}

.nav_menu::after {

	bottom: 0;

}





.nav_menu.on i {

	opacity: 0
}



.nav_menu.on::before {

	transform: rotate(45deg);

	top: 50%;

	margin-top: -2px
}



.nav_menu.on::after {

	transform: rotate(-45deg);

	top: 50%;

	margin-top: -2px
}



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

	.nav_menu {

		display: block !important
	}

}













/* PC nav menu */

.nav_submeum {

	display: none;

	position: fixed;

	top: var(--header_height);

	left: 0;

	width: 100%;

	background: #FFF;

	z-index: 999;

}



.nav_submeum ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.nav_submeum li {

	margin: 0 .24rem;

}

.nav_submeum a {

	padding: .2rem 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	position: relative;

}

.nav_submeum a::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translate(-50%, 0);

	width: 0;

	height: 2px;

	background: var(--i_color);

}

.nav_submeum img {

	margin-right: 0.08rem;

	height: 0.2rem;

}

.nav_submeum i {

	font-size: 0.14rem;

	color: #666;

}

.nav_submeum_curr a::before,

.nav_submeum a:hover::before {

	width: 100%;

}

.nav_submeum_curr i,

.nav_submeum a:hover i {

	color: var(--i_color);

}

.nav_submeum a::before {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

















.top_r {

	--size: .4rem
}

.top_r {

	margin-left: auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.top_tel {

	margin-right: 0.2rem;

	padding-right: 0.2rem;

	position: relative;

}

/*.top_tel::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	width: 1px;

	height: 70%;

	background: #FFF;

}*/

.TopHeader .top_tel::before {

	background: #888;

}



.top_tel a {

	padding-left: 0.26rem;

	font-size: 0.18rem;

	color: #FFF;

	background: url(../images/tel.svg) no-repeat left center;

	background-size: .2rem;

}

.TopHeader .top_tel a {

	color: #333;

	background: url(../images/tel_b.svg) no-repeat left center;

	background-size: .2rem;

}

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

	.top_tel a {

		color: #333;

		background: url(../images/tel_b.svg) no-repeat left center;

		background-size: .2rem;

	}

}



/* 搜索 */

.top_search {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	height: var(--size);

	box-sizing: border-box;

	position: relative;

	z-index: 2015;

}

.top_search form {

	width: var(--size);

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	position: relative;

}

.top_search_ipt {

	opacity: 0;

	position: absolute;

	top: 0;

	right: 0;

	width: var(--size);

	height: var(--size);

	box-sizing: border-box;

	padding: 0 var(--size) 0 0;

	line-height: var(--size);

	box-sizing: border-box;

	font-size: .14rem;

	color: #555;

	z-index: 3;

	cursor: pointer;

	-webkit-border-radius: 6px 0 0 6px;

	-moz-border-radius: 6px 0 0 6px;

	border-radius: 6px 0 0 6px;

}

.top_search.on .top_search_ipt {

	opacity: 1;

	padding-left: 10px;

	width: 2.6rem;

	background: #FFF;

	border: 1px solid var(--border_color);

	z-index: 1;

	-webkit-border-radius: .06rem;

	border-radius: .06rem;

}

.top_search_btn {

	font-size: 0;

	width: var(--size);

	height: var(--size);

	background: url(../images/search_w1.svg) no-repeat center;

	background-size: .24rem;

	-webkit-border-radius: 6px 0 0 6px;

	-moz-border-radius: 6px 0 0 6px;

	border-radius: 6px 0 0 6px;

	cursor: pointer;

	position: relative;

	z-index: 2;

}

.TopHeader .top_search_btn {

	background: url(../images/search_b1.svg) no-repeat center;

	background-size: .24rem;

}

.top_search.on .top_search_btn {

	background: url(../images/search_b1.svg) no-repeat center;

	background-size: .24rem;

}

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

	.top_search_btn {

		background: url(../images/search_b1.svg) no-repeat center;

		background-size: .24rem;

	}

}



.top_search {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease
}

.top_search_ipt,

.top_search_btn {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}









.top_language {



	display: none !important;



	margin-left: 0.06rem;

	width: var(--size);

	position: relative;

	-webkit-border-radius: 0 6px 6px 0;

	-moz-border-radius: 0 6px 6px 0;

	border-radius: 0 6px 6px 0
}

.top_language i {

	display: block;

	width: var(--size);

	height: var(--size);

	background: url(../images/language_w3.svg) no-repeat center;

	background-size: .22rem;

	cursor: pointer;

}

.TopHeader .top_language i {

	background: url(../images/language_b3.svg) no-repeat center;

	background-size: .22rem;

}

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

	.top_language i {

		background: url(language_b3.svg) no-repeat center;

		background-size: .22rem;

	}

}



.top_language_list {

	display: none;

	position: absolute;

	right: 0;

	top: 52px;

	z-index: 2;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none;

}

.top_language_list::before {

	content: '';

	position: absolute;

	top: -.1rem;

	right: .12rem;

	width: 0;

	height: 0;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	border-bottom: 10px solid #FFF
}

.top_language.on .top_language_list {

	display: block !important;

}

.top_language_list ul {

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

}



.top_language_list li {

	background: #FFF;

}

.top_language_list a>span {

	display: block;

	padding: 0 14px;

	min-width: 100px;

	overflow: hidden
}

.top_language_list img,

.top_language_list .trp-ls-language-name {

	display: inline-block;

	vertical-align: middle
}

.top_language_list .trp-ls-language-name {

	margin-left: 8px;

	font-size: .13rem;

	color: #606060;

	line-height: 32px
}

.top_language:hover>i,

.top_language.on>i {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.top_language_list li:hover {

	background: #DDD
}

.top_language,

.top_language>i {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}



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

	.top_tel a {

		font-size: 0.16rem;

	}

}

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

	.top_r {

		margin-right: 0.4rem;

	}

}

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

	.top_tel a {

		font-size: 0;

	}

}

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











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

	#luxy {

		margin-top: var(--header_height);

	}

}





.banner {

	width: 100%;

	overflow: hidden;

}

.banner .swiper-container {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1;

}

.banner .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1
}

.banner .swiper-slide {

	height: 0;

	padding-bottom: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	overflow: hidden
}

.banner .swiper-slide>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100%;

	object-fit: cover
}



.banner-button-prev,

.banner-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: .5rem;

	height: .5rem;

	z-index: 999;

	outline: none;

	cursor: pointer;

	-webkit-user-select: none;

	user-select: none;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .3s ease;

	transition: all .3s ease
}

.banner-button-prev {

	left: -.6rem;

	background: rgb(0 0 0 / 30%) url(../images/arrow_l_w2.svg) no-repeat center;

	background-size: .22rem
}

.banner-button-next {

	right: -.6rem;

	background: rgb(0 0 0 / 30%) url(../images/arrow_r_w2.svg) no-repeat center;

	background-size: .22rem
}

.banner:hover .banner-button-prev {

	left: .3rem
}

.banner:hover .banner-button-next {

	right: .3rem
}

.banner-button-prev:hover,

.banner-button-next:hover {

	background-color: var(--i_color)
}



.banner_pagination_box {

	position: absolute;

	left: 0;

	bottom: 10%;

	width: 100%;

	z-index: 10
}



.banner-pagination {

	width: auto;

	cursor: pointer;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.banner-pagination .swiper-pagination-bullet {

	display: block;

	width: .7rem;

	height: 1px;

	margin: 0;

	background: rgb(255 255 255 / 20%);

	position: relative;

	outline: none
}

.banner-pagination .swiper-pagination-bullet-active::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #FFF;

}

.banner-pagination .swiper-pagination-bullet-active::before {

	-webkit-animation: w100 5800ms 1;

	animation: w100 5800ms 1;

}

@keyframes w100 {

	0% {

		width: 0%;

	}



	100% {

		width: 100%;

	}

}



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

	.banner .swiper-slide {

		padding-bottom: 60%;

	}

}

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

	.banner_pagination_box {

		bottom: 8%;

	}

	.banner-pagination {

		justify-content: center;

	}

	.banner-pagination .swiper-pagination-bullet {

		margin: 0 .05rem;

		width: 0.5rem;

	}

}

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

	.banner-pagination .swiper-pagination-bullet {

		width: 0.3rem;

	}

}





.banner_cont {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: var(--i_color);

}

.banner_cont .wrap {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	position: relative;

}



.b1 {

	background: -webkit-linear-gradient(top, #0e3795, #163171);

	background: linear-gradient(to bottom, #0e3795, #163171);

}

.b1_cont {

	position: relative;

	z-index: 3;

}

.b1_cont h2 {

	margin: .14rem 0 .26rem;

	font-size: 0.58rem;

	color: #FFF;

}

.b1_cont p {

	margin-bottom: 0.6rem;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: 100;

}



.b1_pic {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	margin-top: 0.4rem;

	height: 664px;

	max-height: 80%;

}

.b1_pic picture {
	display: block;

	height: 100%;

	position: relative;

	z-index: 2;

}
.b1_pic picture img{height: 100%;}



.b1_pic i::before,

.b1_pic i::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	border: 3px solid rgb(255 255 255 / 20%);

	border-radius: 50%;

	opacity: 0;

}



.o_line1:before {

	width: 60%;

	height: 60%;

	animation: serv_one_border 2s 0s ease infinite;

}

.o_line1:after {

	width: 70%;

	height: 70%;

	animation: serv_one_border 2.4s 0s ease infinite;

}

.o_line2:before {

	width: 55%;

	height: 55%;

	animation: serv_one_border 2.6s 0s ease infinite;

}

.o_line2:after {

	width: 65%;

	height: 65%;

	animation: serv_one_border 2.8s 0s ease infinite;

}



@keyframes serv_one_border {

	0% {

		opacity: 0
	}

	5% {

		opacity: 1
	}

	80% {

		opacity: 0
	}

	100% {

		opacity: 0;

		transform: translate(-50%, -50%) scale(1.5);

		-ms-transform: translate(-50%, -50%) scale(1.5);

		-o-transform: translate(-50%, -50%) scale(1.5);

		-webkit-transform: translate(-50%, -50%) scale(1.5);

		-moz-transform: translate(-50%, -50%) scale(1.5)
	}

}



.b2 {

	background: -webkit-linear-gradient(-45deg, var(--i_color) 55%, #e98e2f 100%);

	background: linear-gradient(-45deg, var(--i_color) 55%, #e98e2f 100%);

}

.b2_cont {

	position: relative;

	top: .4rem;

	z-index: 3;

}

.b2_cont h2 {

	font-size: 0.48rem;

	color: #FFF;

}

.b2_cont p {

	margin: .34rem 0 2rem 0;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: 100;

}



.b2_pic {

	position: absolute;

	right: 0;

	top: 60%;

	transform: translate(0, -50%);

	max-width: 68%;

}

.b2_pic img,.b2_pic picture {

	max-width: 100%;

}



/* .b3>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

} */

.b3 {

	background: -webkit-linear-gradient(top, #0c47a8, #abc2e9, #003da3);

	background: linear-gradient(to bottom, #0c47a8, #abc2e9, #003da3);

}

.b3_pic {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

}

.b3_pic picture {

	position: relative;

	width: 100%;

	z-index: 2;

}
.b3_pic picture img{width: 100%;}

.b3_pic .wrap {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	justify-content: right;

	align-items: flex-end;

	height: auto;

	-webkit-transition: all 2s ease;

	transition: all 2s ease
}

.b3_pic .wrap img {

	max-width: 70%;

}



.swiper-slide-active .movetop {

	bottom: 100%;

	-webkit-transition: all 1.5s ease;

	transition: all 1.5s ease
}



.banner_cont .i_more2 {

	border-color: #FFF;

}

.banner_cont .i_more2 i {

	color: #FFF !important;

}

.banner_cont .i_more2:hover {

	border-color: var(--i_color);

}



.b4 {

	background: -webkit-linear-gradient(top, #00479d 45%, #e9f3fe 110%);

	background: linear-gradient(to bottom, #00479d 45%, #e9f3fe 110%);

}

.b4 picture {
	opacity: .25;

	position: absolute;

	top: 52%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 92.5%;

}
.b4 picture img{width: 100%;}

.b4_cont {

	position: absolute;

	top: 44.5%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	text-align: center;

}

.b4_cont h2 {

	font-size: 0.48rem;

	color: #FFF;

}

.b4_cont p {

	margin: .34rem 0 .5rem 0;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: 100;

}

.b4_cont .i_more2 {

	margin: 0 auto;

}



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

	.b1_cont img {

		height: .6rem;

	}

	.b1_cont h2 {

		font-size: 0.5rem;

	}



	.b2_cont h2 {

		font-size: 0.44rem;

	}



	.b4_cont h2 {

		font-size: 0.44rem;

	}

}

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

	.b1_cont img {

		height: .5rem;

	}

	.b1_cont h2 {

		font-size: 0.44rem;

	}

	.b1_cont p {

		font-size: 0.18rem;

	}



	.b2_cont {

		top: .2rem;

	}

	.b2_cont h2 {

		font-size: .42rem;

	}

	.b2_cont p {

		margin: .34rem 0 1.7rem 0;

		font-size: 0.18rem;

	}



	.b4_cont h2 {

		font-size: 0.42rem;

	}

	.b4_cont p {

		font-size: 0.18rem;

	}

}

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

	.b1_cont img {

		height: .46rem;

	}

	.b1_cont h2 {

		font-size: 0.4rem;

	}



	.b2_cont h2 {

		font-size: .38rem;

	}



	.b3_pic .wrap img {

		max-width: 60%;

	}



	.b4_cont h2 {

		font-size: 0.38rem;

	}

}

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

	.b1_cont {

		top: -.18rem;

	}

	.b1_cont img {

		height: 0.36rem;

	}

	.b1_cont h2 {

		font-size: 0.32rem;

	}

	.b1_cont p {

		font-weight: normal;

	}

	.b1_pic {

		margin-top: 0;

	}



	.b2_cont {

		top: -.18rem;

	}

	.b2_cont h2 {

		font-size: .32rem;

	}

	.b2_cont p {

		margin: .26rem 0 .9rem 0;

		font-size: 0.17rem;

	}



	.b4_cont h2 {

		font-size: 0.32rem;

	}

	.b4_cont p {

		font-size: 0.17rem;

	}

}

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

	.b1_cont img {

		height: 0.3rem;

	}

	.b1_cont h2 {

		margin: .1rem 0 .16rem;

		font-size: 0.24rem;

	}

	.b1_cont p {

		margin-bottom: 0.34rem;

		font-size: 0.16rem;

	}



	.b2_cont h2 {

		font-size: .28rem;

	}

	.b2_cont p {

		margin: .22rem 0 .6rem 0;

		font-size: 0.16rem;

		font-weight: normal;

	}



	.b4_cont h2 {

		font-size: 0.26rem;

		line-height: 0.26rem;

	}

	.b4_cont p {

		margin: 0.2rem 0 0.4rem 0;

		font-size: 0.16rem;

		font-weight: normal;

	}

}

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

	.b1_cont {

		top: -.1rem;

	}

	.b1_cont img {

		height: 0.24rem;

	}

	.b1_cont h2 {

		margin: .08rem 0 .12rem;

		font-size: 0.2rem;

	}

	.b1_cont p {

		margin-bottom: 0.2rem;

		font-size: 0.14rem;

	}

	.b1_pic {

		opacity: .4;

	}



	.b2_cont {

		top: -.1rem;

	}

	.b2_cont h2 {

		font-size: .2rem;

	}

	.b2_cont p {

		margin: .14rem 0 .36rem 0;

		font-size: 0.14rem;

	}

	.b2_pic {

		opacity: .5;

		max-width: 80%;

	}



	.b4_cont h2 {

		font-size: .18rem;

		line-height: 0.18rem;

	}

	.b4_cont p {

		margin: 0.14rem 0 0.3rem 0;

		font-size: 0.14rem;

		line-height: 0.14rem;

	}

}



















.i_main {

	background: #FFF;

	position: relative;

	z-index: 3;

	overflow: hidden;

}



.shrink_b {

	margin-bottom: -1rem;

}





/* BOX - margin and padding */

.box_mg {

	margin: 1.2rem auto
}

.box_pd {

	padding: 1.2rem 0
}

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

	.box_mg {

		margin: .8rem auto;

	}

	.box_pd {

		padding: .8rem 0;

	}

}

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

	.box_mg {

		margin: .7rem auto;

	}

	.box_pd {

		padding: .7rem 0;

	}

}

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

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

	.box_mg {

		margin: .6rem auto;

	}

	.box_pd {

		padding: .6rem 0;

	}

}

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

	.box_mg {

		margin: .4rem auto;

	}

	.box_pd {

		padding: .4rem 0;

	}

}













.i_tit {

	margin-bottom: 0.6rem;

	font-size: 0.36rem;

	color: #333;

}

.i_tit i {

	color: var(--i_color);

	font-weight: bold;

}

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

	.i_tit {

		font-size: 0.34rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.5rem;

		font-size: 0.3rem;

	}

}

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

	.i_tit {

		font-size: 0.26rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.4rem;

		font-size: 0.22rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.3rem;

		font-size: 0.2rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.24rem;

		font-size: 0.18rem;

	}

}









.i_more {

	display: table;

	-webkit-border-radius: .08rem;

	border-radius: .08rem;

	box-shadow: 0 14px 24px rgb(27 97 213 / 60%);

	overflow: hidden;

}

.i_more i {

	display: block;

	padding: .12rem .56rem;

	font-size: .15rem;

	color: #FFF;

	background: var(--i_color);

}



.i_more2 {

	box-sizing: border-box;

	border: 1px solid #CCC;

	box-shadow: none;

}

.i_more2 i {

	color: #AAA;

	background: none;

}

.i_more2:hover {

	border-color: var(--i_color);

	box-shadow: 0 14px 24px rgb(27 97 213 / 60%)
}

.i_more2:hover i {

	color: #FFF;

	background: var(--i_color);

}



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

	.i_more i {

		padding: .1rem .52rem;

		font-size: 0.14rem;

	}

}

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

	.i_more i {

		font-size: 0.13rem;

	}

}

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

	.i_more i {

		padding: .08rem .34rem;

		font-size: 0.12rem;

	}

}











.i_about {}



.i_about_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.i_about_t {

	width: 48%;

}

.i_about_t article {

	margin: .46rem 0;

	font-size: 0.18rem;

	color: #333;

	line-height: 0.32rem;

	font-weight: 100;

}



.i_about_p {

	margin-left: auto;

	width: 50%;

}

.i_about_p picture {
	display: block;
	float: right;

	max-width: 100%;

}
.i_about_p picture img{width: 100%;}


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

	.i_about_t article {

		font-size: 0.17rem;

	}

}

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

	.i_about_t article {

		font-size: 0.16rem;

	}

}

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

	.i_about_t article {

		font-size: 0.15rem;

		color: #888;

		font-weight: normal;

	}

}

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

	.i_about_t {

		width: 100%;

	}

	.i_about_t article {

		margin: .3rem 0;

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

	.i_about_p {

		margin: .3rem 0 0 0;

		width: 100%;

	}

	.i_about_p picture {

		float: none;

		width: 84%;

		max-width: 3.6rem;

	}

}

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

	.i_about_t article {

		margin: .24rem 0;

		font-size: 0.13rem;

		line-height: 0.24rem;

	}

}













.i_service {

	position: relative;

	overflow: hidden;

}

.i_service::before,

.i_service::after {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-filter: blur(80px);

	filter: blur(80px);

	z-index: -1;

}

.i_service::before {

	width: 7rem;

	height: 7rem;

	opacity: .6;

	bottom: 1.6rem;

	left: 0;

	background: linear-gradient(0deg, #9dc0e9 0%, #c6d9f4 100%);

}

.i_service::after {

	width: 7rem;

	height: 7rem;

	opacity: .8;

	bottom: 1.4rem;

	right: 2rem;

	background: linear-gradient(40deg, #ffedc9 0%, #ffdfe2 100%);

}



.i_ser_cont {

	--box_gap: .24rem
}

.i_ser_cont {

	width: 100%;

	position: relative;

}

.i_ser_cont::before {

	content: '';

	display: block;

	padding-bottom: 38.875%;

}



.i_ser_cont dt,

.i_ser_cont dd {

	position: absolute;

	top: 0;

	height: 100%;

}

.i_ser_A {

	left: 0;

	width: 24%;

	background: #FFF;

}

.i_ser_A a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	height: 100%;

}

.i_ser_A img {

	display: block;

	max-width: 80%;

	margin: 1.3rem auto 0;

}



.i_ser_B {

	right: 0;

	width: calc(100% - 24% - var(--box_gap));

}

.i_ser_B ul {

	width: 100%;

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.i_ser_B li {

	width: calc((100% - var(--box_gap) * 2) / 3);

	height: calc((100% - var(--box_gap)) / 2);

	margin: 0 var(--box_gap) var(--box_gap) 0;

	background: #FFF;

	position: relative;

}

.i_ser_B li:nth-child(3n) {

	margin-right: 0;

}

.i_ser_B li::before {

	opacity: 0;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/i_ser_b_bg.webp) no-repeat center;

	background-size: cover;

}

.i_ser_B li::after {

	opacity: 0;

	content: '';

	position: absolute;

	right: 0;

	bottom: -1.2rem;

	width: 50%;

	height: 30%;

	background: url(../images/i_ser_b_bg3.webp) no-repeat right top;

	background-size: contain;

}



.i_ser_B a {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	position: relative;

	z-index: 3;

}

.i_ser_B a::before {

	opacity: 0;

	content: '';

	position: absolute;

	top: -1.2rem;

	left: 0;

	width: 50%;

	height: 34%;

	background: url(../images/i_ser_b_bg1.webp) no-repeat left bottom;

	background-size: contain;

}

.i_ser_B a::after {

	opacity: 0;

	content: '';

	position: absolute;

	top: 0;

	right: -1.16rem;

	width: 30%;

	height: 50%;

	background: url(../images/i_ser_b_bg2.webp) no-repeat bottom right;

	background-size: contain;

}



.i_ser_B li:hover::before {

	opacity: 1;

}

.i_ser_B li:hover::after {

	opacity: 1;

	bottom: 0;

}

.i_ser_B li:hover a::before {

	opacity: 1;

	top: 0;

}

.i_ser_B li:hover a::after {

	opacity: 1;

	right: 0;

}



.i_ser_B li::before {

	-webkit-transition: all .7s ease;

	transition: all .7s ease
}

.i_ser_B li::after {

	-webkit-transition: all 1.4s ease;

	transition: all 1.4s ease
}

.i_ser_B a::before {

	-webkit-transition: all 1.2s ease;

	transition: all 1.2s ease
}

.i_ser_B a::after {

	-webkit-transition: all .9s ease;

	transition: all .9s ease
}



.i_ser_A,

.i_ser_B li {

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	overflow: hidden;

}



.i_ser_cont h4 {

	margin-bottom: 0.16rem;

	font-size: 0.24rem;

	color: #333;

	text-transform: uppercase;

}

.i_ser_cont p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.3rem;

}

.i_ser_cont h4,

.i_ser_cont p {

	text-align: center;

	padding: 0 .3rem;

}



.i_service .i_more {

	margin: .6rem auto 0;

}



.i_ser_B li:hover h4,

.i_ser_B li:hover p {

	color: #FFF;

}

.i_ser_cont h4,

.i_ser_cont p {

	-webkit-transition: all .7s ease;

	transition: all .7s ease
}



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

	.i_ser_A img {

		margin: 1rem auto 0;

	}

	.i_ser_cont h4 {

		font-size: 0.22rem;

	}

	.i_ser_cont p {

		font-size: 0.17rem;

	}

}

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

	.i_service::before {

		width: 6rem;

		height: 6rem;

	}

	.i_ser_A img {

		margin: .8rem auto 0;

	}

	.i_ser_cont h4 {

		font-size: 0.2rem;

	}

	.i_ser_cont p {

		font-size: 0.16rem;

		line-height: 0.26rem;

	}

	.i_ser_B a::before {

		width: 46%;

		height: 28%;

	}

	.i_ser_B a::after {

		width: 20%;

		height: 40%;

	}

}

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

	.i_service::before {

		bottom: initial;

		top: 1.5rem;

		width: 100%;

		height: 50%;

	}

	.i_service::after {

		right: 0;

		width: 100%;

		height: 50%;

	}

	.i_ser_cont::before {

		display: none;

	}

	.i_ser_cont dt,

	.i_ser_cont dd {

		position: relative;

	}

	.i_ser_A {

		width: 100%;

		justify-content: flex-start;

	}

	.i_ser_A a {

		box-sizing: border-box;

		padding: .2rem .3rem;

	}

	.i_ser_A span {

		width: 100%;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.i_ser_A span i {

		width: 70%;

	}

	.i_ser_A span h4,

	.i_ser_A span p {

		padding: 0 0;

		text-align: left !important
	}

	.i_ser_A picture{margin-left: auto;}
	.i_ser_A img {

		width: 1.2rem;

		margin: 0 0;

	}



	.i_ser_B {

		width: 100%;

		margin: var(--box_gap) 0 0 0;

	}

	.i_ser_B li {

		height: auto !important;

	}

	.i_ser_B span {

		padding: .3rem 0;

	}



	.i_ser_cont h4 {

		font-size: 0.17rem;

	}

	.i_ser_cont p {

		font-size: 0.13rem;

		line-height: 0.22rem;

		color: #888;

		font-weight: normal;

	}



	.i_service .i_more {

		margin: 0.2rem auto 0;

	}

}

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

	.i_ser_cont {

		--box_gap: .16rem
	}

	.i_ser_A a {

		padding: .14rem .2rem;

	}

	.i_ser_B span {

		padding: .24rem 0;

	}

	.i_ser_cont h4 {

		font-size: 0.16rem;

	}

	.i_ser_cont h4,

	.i_ser_cont p {

		padding: 0 .2rem;

	}

}

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

	.i_ser_A,

	.i_ser_B li {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.i_ser_A img {

		width: 0.76rem;

	}

	.i_ser_B li {

		width: calc((100% - var(--box_gap)) / 2);

	}

	.i_ser_B li:nth-child(3n) {

		margin-right: var(--box_gap);

	}

	.i_ser_B li:nth-child(2n) {

		margin-right: 0;

	}

	.i_ser_cont h4 {

		margin-bottom: 0.1rem;

		font-size: 0.15rem;

	}

	.i_ser_cont p {

		line-height: 0.2rem;

	}

}













.i_choose {

	-webkit-border-radius: 0 0 .5rem .5rem;

	border-radius: 0 0 .5rem .5rem;

	position: relative;

	background: #FFF;

	z-index: 2;

}



.i_choose_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.i_choose_t {

	width: 48%;

}

.i_choose_t article {

	margin: .46rem 0;

	font-size: 0.18rem;

	color: #333;

	line-height: 0.32rem;

	font-weight: 100;

}



.i_choose_num {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.i_choose_num dt {

	width: 50%;

	margin: .2rem 0;

	box-sizing: border-box;

}

.i_choose_num dt:nth-child(odd) {

	padding-right: 0.3rem;

}

.i_choose_num dt:nth-child(even) {

	padding-left: 0.3rem;

}

.i_choose_num i {

	font-size: 0.6rem;

	color: #333;

	font-weight: bold;

}

.i_choose_num b {

	font-size: 0.6rem;

	color: #333;

	font-weight: bold;

}

.i_choose_num p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

}

.i_choose_num dt:hover i,

.i_choose_num dt:hover b {

	color: var(--i_color);

}



.i_choose_p {

	margin-left: auto;

	width: 50%;

}

.i_choose_p picture {
	display: block;
	float: right;

	margin-bottom: 0.6rem;

	max-width: 100%;

}
.i_choose_p picture img{width: 100%;}


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

	.i_choose_num b,

	.i_choose_num i {

		font-size: 0.48rem;

	}

}

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

	.i_choose_num b,

	.i_choose_num i {

		font-size: 0.36rem;

	}

	.i_choose_num p {

		font-size: 0.16rem;

	}

}

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

	.i_choose_num b,

	.i_choose_num i {

		font-size: 0.32rem;

	}

}

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

	.i_choose_t article {

		margin: .34rem 0;

		font-size: 0.15rem;

		color: #888;

		line-height: 0.28rem;

		font-weight: normal;

	}

	.i_choose_num b,

	.i_choose_num i {

		font-size: 0.28rem;

	}

	.i_choose_num p {

		font-size: 0.13rem;

		font-weight: normal;

		color: #888;

	}

	.i_choose_p {

		width: 48%;

	}

}

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

	.i_choose_t {

		width: 100%;

	}

	.i_choose_t article {

		margin: 0.3rem 0;

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

	.i_choose_num dt {

		margin: .16rem 0;

	}

	.i_choose_num b,

	.i_choose_num i {

		font-size: 0.24rem;

	}

	.i_choose_num p {

		margin-top: 0.08rem;

	}

	.i_choose_p {

		margin: .3rem 0 0 0;

		width: 100%;

	}

	.i_choose_p picture {

		float: none;

		margin-bottom: 0.4rem;

		width: 84%;

		max-width: 3.6rem;

	}

}

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

	.i_choose {

		-webkit-border-radius: 0 0 .2rem .2rem;

		border-radius: 0 0 .2rem .2rem;

	}

	.i_choose_t article {

		margin: .22rem 0 .16rem;

	}

	.i_choose_num b,

	.i_choose_num i {

		font-size: 0.2rem;

	}

}













.i_cases {

	padding: 2rem 0 1rem;

	margin-top: -1rem;

	width: 100%;

	background: -webkit-linear-gradient(left, #daebff, #f4f8fe, #eff3fd, #fbfbf1, #fffbc4);

	background: linear-gradient(left, #daebff, #f4f8fe, #eff3fd, #fbfbf1, #fffbc4);

}

.i_cases_t {

	margin-bottom: 0.4rem;

	text-align: center;

}

.i_cases_t h2 {

	font-size: 0.38rem;

	color: #333;

}

.i_cases_t h5 {

	margin: .2rem auto .3rem;

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

}

.i_cases_t .i_more {

	margin: 0 auto;

}





.i_cases_list {

	position: relative;

}

.i_cases_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.i_cases_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	-webkit-border-radius: .4rem;

	border-radius: .4rem;

	overflow: hidden;

	transition-duration: 0.4s !important;

	transition-timing-function: cubic-bezier(0.28, 0.44, 0.49, 1) !important;

}

.i_cases_list .swiper-slide a {

	display: block;

	background: #FFF;

}



.c_logo {

	padding: .3rem .3rem .2rem;

}

.c_logo img {

	max-width: 60%;

	max-height: 0.4rem;

	object-fit: contain;

}

.c_cont {

	box-sizing: border-box;

	padding: .4rem .3rem;

	background: #26458c;

	-webkit-border-radius: .4rem;

	border-radius: .4rem;

	overflow: hidden;

}

.c_cont h2 {

	margin-bottom: 0.3rem;

	padding-bottom: 0.3rem;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: bold;

	border-bottom: 1px solid rgb(255 255 255 / 20%);

}

.c_cont p {

	margin-bottom: 0.6rem;

	font-size: 0.14rem;

	color: #FFF;

	line-height: 0.32rem;

	font-weight: 100;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5
}

.c_cont i {

	display: block;

	width: 0.16rem;

	height: 0.16rem;

	background: url(../images/arrow_r_w.svg) no-repeat center;

	background-size: contain;

}



.cases-pagination {

	display: none;

	margin-top: 0.2rem;

	text-align: center
}

.cases-pagination .swiper-pagination-bullet {

	width: .06rem;

	height: .06rem;

	display: inline-block;

	margin: 0 5px;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.cases-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}



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

	.c_cont h2 {

		margin-bottom: 0.2rem;

		padding-bottom: 0.2rem;

		font-size: 0.18rem;

	}

}

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

	.i_cases {

		padding: 1.7rem 0 0.9rem;

	}

	.i_cases_t h2 {

		font-size: 0.3rem;

	}

	.i_cases_t h5 {

		font-size: 0.16rem;

	}

	.c_cont h2 {

		font-size: 0.17rem;

	}

	.c_cont p {

		margin-bottom: 0.4rem;

		line-height: 0.28rem;

	}

}

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

	.i_cases_t h2 {

		font-size: 0.26rem;

	}

}

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

	.i_cases {

		padding: 1.7rem 0 0.7rem;

	}

	.i_cases_t {

		margin-bottom: 0.4rem;

	}

	.i_cases_t h2 {

		font-size: 0.24rem;

	}

	.i_cases_t h5 {

		font-size: 0.15rem;

		color: #888;

		font-weight: normal;

	}

	.i_cases_list {

		width: 94%;

		margin: 0 auto;

		overflow: hidden;

	}

	.i_cases_list dt {

		width: 100%;

	}

	.c_logo {

		padding: 0.2rem 0.3rem .12rem;

	}

	.c_logo img {

		max-width: 1.2rem;

		height: .4rem;

	}

	.c_cont {

		padding: .3rem .3rem;

	}

	.c_cont h2 {

		margin-bottom: 0.14rem;

		padding-bottom: 0.14rem;

		font-size: 0.16rem;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.c_cont p {

		font-size: 0.13rem;

		line-height: 0.26rem;

		font-weight: normal;

		height: calc(3 * .26rem);

		-webkit-line-clamp: 3
	}

}

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

	.i_cases {

		padding: 1.5rem 0 0.6rem;

	}

	.i_cases_t {

		margin-bottom: 0.5rem;

	}

	.i_cases_t h2 {

		font-size: 0.2rem;

	}

	.i_cases_t h5 {

		margin: .1rem auto .3rem;

		font-size: 0.14rem;

	}

	.c_logo img {

		max-width: 1rem;

		height: 0.3rem;

	}

	.c_cont h2 {

		font-size: 0.15rem;

	}

	.c_cont p {

		margin-bottom: 0.3rem;

	}

	.c_cont i {

		width: 0.12rem;

		height: 0.12rem;

	}

}

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

	.i_cases_list .swiper-slide,

	.c_cont {

		-webkit-border-radius: .24rem;

		border-radius: .24rem;

	}

	.c_cont {

		padding: 0.2rem .3rem;

	}



	.cases-pagination {

		display: block;

	}

}













.i_partner {}



.i_partner_tit {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.i_partner .i_tit {

	margin-bottom: 0.22rem;

}

.i_partner_t {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

}

.i_partner_tit a {

	margin-left: auto;

	height: 100%;

}



.i_pt_box {

	margin-top: 0.7rem;

	position: relative;

	overflow: hidden
}

.i_pt_box::before {

	content: '';

	display: block;

	padding-bottom: 13.3125%;

}



.i_pt_list {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	box-sizing: border-box;

	padding: 0 1px;

}



.i_pt_list .swiper-wrapper {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	flex-direction: column;

	position: relative;

}

.i_pt_list .swiper-slide {

	height: calc((100% - 30px) / 2);

	flex-shrink: 0;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: .15rem;

	border-radius: .15rem;

	display: -webkit-flex;

	display: flex;

	position: relative;

	overflow: hidden;

}

.i_pt_list img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	max-width: 100%;

	max-height: 100%;
}

.i_pt_list li:hover {

	border-color: #DDD;

}

.i_pt_list li:hover img {

	opacity: 1;

	-webkit-filter: none;

	filter: none
}

.i_pt_list li,

.i_pt_list img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.ipt-pagination {

	display: block;

	margin-top: 0.2rem;

	text-align: center
}

.ipt-pagination .swiper-pagination-bullet {

	width: .08rem;

	height: .08rem;

	display: inline-block;

	margin: 0 6px;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.ipt-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}

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

	.i_pt_box::before {

		padding-bottom: 15%;

	}

}

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

	.i_partner_tit span {

		width: 70%;

	}

	.i_partner_t {

		font-size: 0.15rem;

		font-weight: normal;

		color: #888;

	}

	.i_pt_box {

		margin-top: 0.5rem;

	}

	.i_pt_box::before {

		padding-bottom: 18%;

	}

	.i_pt_list img {

		opacity: 1;

		-webkit-filter: none;

		filter: none;

	}

}

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

	.i_partner_tit span {

		width: 100%;

		text-align: center;

	}

	.i_partner_tit a {

		margin: .22rem auto 0;

	}

	.i_pt_box::before {

		padding-bottom: 25%;

	}

	.i_pt_list .swiper-slide {

		border: 1px solid var(--border_color);

	}

	.ipt-pagination {

		margin-top: 0.3rem;

	}

}

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

	.i_partner_t {

		font-size: 0.14rem;

	}

	.i_pt_box {

		margin-top: 0.32rem;

	}

	.i_pt_box::before {

		padding-bottom: 50%;

	}

	.i_pt_list img {

		opacity: 1;

		max-width: 90%;

		max-height: 90%;

		-webkit-filter: none;

		filter: none;

	}

	.ipt-pagination {

		margin-top: 0.1rem;

	}

	.ipt-pagination .swiper-pagination-bullet {

		width: 0.06rem;

		height: 0.06rem;

		margin: 0 5px;

	}

}





















.i_news {

	padding-bottom: 1.8rem;

	background: -webkit-linear-gradient(left, #ebf2fb, #e6f0f8 10%, #fefefd, #fff9ee);

	background: linear-gradient(left, #ebf2fb, #e6f0f8 10%, #fefefd, #fff9ee);

}



.i_news_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.i_news .i_tit {

	display: inline-block;

}



.i_news_l {

	width: 60%;

}



.i_news_list {}

.i_news_list li {

	border-bottom: 1px solid var(--border_color);

}

.i_news_list a {

	padding: .22rem 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.i_news_list p {

	max-width: 88%;

	font-size: 0.16rem;

	color: #333;

	font-weight: 100;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.i_news_list i {

	margin-left: auto;

	font-size: 0.14rem;

	color: #666;

	font-weight: 100;

}



.i_news_l .i_more {

	margin-top: 0.4rem;

}



.i_news_list a:hover p,

.i_news_list a:hover i {

	color: var(--i_color);

}



.i_news_r {

	margin-left: auto;

	width: 35%;

}

.i_college_news {}

.i_college_news li {}



.i_college_news .img {

	width: 100%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden
}

.i_college_news .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.i_college_news .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}

.i_college_news .txt {

	margin-top: 0.16rem;

}

.i_college_news .txt p {

	font-size: 0.18rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.i_college_news li:hover img {

	width: 115%;

	height: 115%;

}

.i_college_news li:hover p {

	color: var(--i_color);

}

.i_college_news img {

	-webkit-transition: all .8s ease;

	transition: all .8s ease
}



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

	.i_news_list a {

		padding: .16rem 0;

	}

	.i_news_list p {

		font-size: 0.15rem;

	}

}

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

	.i_news_l {

		width: 100%;

	}

	.i_news_r {

		margin: .5rem 0 0 0;

		width: 100%;

	}

	.i_news .i_tit {

		margin-bottom: 0.2rem;

	}

	.i_news_list p,

	.i_news_list i {

		font-weight: normal;

	}

	.i_college_news .txt p {

		font-size: 0.16rem;

	}

}

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

	.i_news_list a {

		padding: .14rem 0;

	}

	.i_news_list p {

		width: 100%;

		max-width: 100%;

		white-space: initial;

	}

	.i_news_list i {

		margin: .06rem 0 0 0;

		font-size: 0.13rem;

	}

	.i_news_l .i_more {

		margin-top: 0.3rem;

	}

}

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

	.i_news_list a {

		padding: .1rem 0;

	}

	.i_news_list i {

		color: #888;

	}

	.i_news_l .i_more {

		margin-top: 0.2rem;

	}

	.i_college_news .img {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.i_college_news .txt p {

		font-size: 0.15rem;

	}

}















.f_banner {

	position: relative;

	padding-top: 0.6rem;

	background: #264ca4;

	background: -webkit-linear-gradient(left, #294fa7, #002373);

	background: linear-gradient(to right, #294fa7, #002373);

	-webkit-border-radius: .6rem .6rem 0 0;

	border-radius: .6rem .6rem 0 0;

	overflow: hidden;

	z-index: 3;

}



.f_banner_cont {}



.f_b_t {

	padding-bottom: 0.6rem;

	position: relative;

	z-index: 3;

}

.f_b_t h2 {

	font-size: 0.36rem;

	color: #FFF;

}

.f_b_t p {

	margin: .14rem 0 .34rem;

	font-size: 0.18rem;

	color: #FFF;

	font-weight: 100;

}

.f_b_t a {

	display: table;

	-webkit-border-radius: .06rem;

	border-radius: .06rem;

	background: var(--i_color2);

	overflow: hidden;

}

.f_b_t a i {

	display: block;

	padding: .1rem .46rem;

	font-size: 0.14rem;

	color: #FFF;

}

.f_b_t a:hover {

	background: var(--i_color);

}



.i_earth {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 7rem;

	text-align: center;

}

.i_earth>img {

	margin-bottom: -3px;

	max-width: 100%;

	padding-top: 0.5rem;

}



.i_round {

	position: absolute;

	top: 0;

	right: 0;

	width: 7rem;

	height: 7rem;

	box-sizing: border-box;

	border: 1px solid rgb(255 255 255 / 20%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: 2;

}

.i_round ul {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.i_star1 {

	animation: round 38s linear infinite;

	-webkit-animation: round 38s linear infinite;

}

.i_star2 {

	animation: round2 47s linear infinite;

	-webkit-animation: round2 47s linear infinite;

}



.i_round li {

	position: absolute;

	width: 0.14rem;

	height: 0.14rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.i_round .st1 {

	left: 50%;

	transform: translate(-50%, 0);

	top: -.07rem;



}

.i_round .st2 {

	right: -.07rem;

	top: 50%;

	transform: translate(0, -50%);

}

.i_round .st3 {

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -.07rem;

}

.i_round .st4 {

	left: -.07rem;

	top: 50%;

	transform: translate(0, -50%);

}



.i_star1 .st1 {

	background: #fecb36;

}

.i_star1 .st2 {

	background: #e72e2e;

}

.i_star1 .st3 {

	background: #22d66e;

}

.i_star1 .st4 {

	background: #4ea1ff;

}

.i_star2 .st1 {

	background: #947bee;

}

.i_star2 .st2 {

	background: #4ef4cb;

}

.i_star2 .st3 {

	background: #fd8b38;

}

.i_star2 .st4 {

	background: #6451f5;

}



@-webkit-keyframes round {

	from {

		transform: rotateZ(0deg);

	}

	to {

		transform: rotateZ(360deg);

	}

}

@keyframes round {

	from {

		transform: rotateZ(0deg);

	}

	to {

		transform: rotateZ(360deg);

	}

}

@-webkit-keyframes round2 {

	from {

		transform: rotateZ(360deg);

	}

	to {

		transform: rotateZ(0deg);

	}

}

@keyframes round2 {

	from {

		transform: rotateZ(360deg);

	}

	to {

		transform: rotateZ(0deg);

	}

}



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

	.f_banner {

		padding-top: 0.5rem;

	}

	.f_b_t {

		padding-bottom: 0.46rem;

	}

	.f_b_t h2 {

		font-size: 0.32rem;

	}

	.i_earth {

		top: 0;

		width: 6rem;

	}

	.i_earth>img {

		box-sizing: border-box;

		padding: .5rem .5rem 0;

	}

	.i_round {

		width: 6rem;

		height: 6rem;

	}

}

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

	.f_b_t h2 {

		font-size: 0.26rem;

	}

	.f_b_t p {

		font-size: 0.17rem;

	}

	.i_earth {

		width: 5rem;

	}

	.i_earth>img {

		box-sizing: border-box;

		padding: .3rem .3rem 0;

	}

	.i_round {

		width: 5rem;

		height: 5rem;

	}

}

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

	.f_b_t h2 {

		font-size: 0.24rem;

	}

}

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

	.f_banner {

		padding-top: 0.4rem;

	}

	.f_b_t {

		padding-bottom: 0.4rem;

	}

	.f_b_t h2 {

		font-size: 0.22rem;

	}

	.f_b_t p {

		font-size: 0.15rem;

		font-weight: normal;

	}

	.i_earth {

		top: initial;

		bottom: 0;

		width: 3.6rem;

	}

	.i_earth>img {

		box-sizing: border-box;

		padding: .3rem .3rem 0;

	}

	.i_round {

		width: 3.6rem;

		height: 3.6rem;

	}

}

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

	.f_b_t h2 {

		font-size: 0.18rem;

	}

	.f_b_t p {

		margin: .14rem 0 .24rem;

		font-size: 0.14rem;

	}

}

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

	.f_banner {

		padding-top: 0.3rem;

		-webkit-border-radius: .2rem .2rem 0 0;

		border-radius: .2rem .2rem 0 0;

	}

	.f_b_t {

		padding-bottom: 0.3rem;

	}

	.f_b_t h2 {

		font-size: 0.17rem;

	}

	.f_b_t p {

		font-size: 0.13rem;

	}

	.f_b_t a i {

		font-size: 0.13rem;

		padding: 0.08rem 0.3rem;

	}

	.i_earth {

		opacity: .3;

	}

}













/* Footer */

footer {

	padding: .9rem 0 .4rem;

	background: #FFF;

	position: relative;

	z-index: 3;

}



.f_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.f_l {

	width: 54%;

}



.f_logo {}



.f_nav {

	margin: .6rem 0 .8rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

/* .f_nav dl {}

.f_nav dl:not(:last-child) {

	margin-right: 1rem;

} */

.f_nav dt {

	margin-bottom: 0.2rem;

}

.f_nav dt a {

	font-size: 0.16rem;

	color: #333;

	font-weight: bold;

}

.f_nav dd a {

	display: block;

	padding: .06rem 0;

	font-size: 0.14rem;

	color: #333;

	font-weight: 100;

}



.f_nav a:hover {

	color: var(--i_color);

}



.f_copy,

.f_copy a {

	font-size: 0.14rem;

	color: #333;

	font-weight: 100;

}

.f_copy a:hover {

	color: var(--i_color);

}



.f_r {

	margin-left: auto;

}

.f_tit {

	-webkit-border-radius: 1rem;

	border-radius: 1rem;

	background: #FFF;

	text-align: center;

	box-shadow: 0 0 .1rem rgb(27 97 213 / 30%);

}

.f_tit i {

	display: block;

	padding: .12rem .38rem;

	font-size: 0.26rem;

	color: var(--i_color3);

	letter-spacing: 1px;

}



.f_contact {

	margin: .5rem 0;

}

.f_tel {

	display: block;

	margin-bottom: 0.2rem;

	font-size: 0.2rem;

	color: var(--i_color3);

	font-weight: bold;

}

.f_contact p {

	margin: .1rem 0;

}

.f_contact p,

.f_contact p a {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.2rem;

}

.f_add {

	padding-left: 0.24rem;

	background: url(../images/f_add.svg) no-repeat left center;

	background-size: .18rem;

}



.f_contact a:hover {

	color: var(--i_color3);

}



.f_menu {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-end;

}



.f_qr img {

	padding: .08rem;

	height: 1.3rem;

	background: var(--i_color3);

}

.f_qr p {

	margin-top: 0.14rem;

	font-size: 0.14rem;

	color: #333;

}



.f_menu_r {

	margin-left: auto;

}

.f_media {

	margin-bottom: 0.1rem;

	padding-top: 0.1rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.f_media li:not(:last-child) {

	margin-right: 0.2rem;

}

.f_media img {

	height: 0.36rem;

}

.f_media li:hover {

	-webkit-transform: translate(0, -.08rem);

	transform: translate(0, -.08rem)
}

.f_media li {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.f_link {

	position: relative;

}

.f_link_btn {

	border-bottom: 1px solid var(--border_color);

	cursor: pointer;

}

.f_link_btn p {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.4rem;

	position: relative;

}

.f_link_btn p::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	width: 0;

	height: 0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #C0C0C0
}



.f_link_list {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	bottom: 0;

	width: 100%;

	background: #EEE;

	z-index: 4;

	box-sizing: border-box;

	padding: .1rem .16rem;

}

.f_link_list li {}

.f_link_list a {

	display: block;

	font-size: 0.13rem;

	color: #444;

	line-height: 0.24rem;

}



.f_link.curr .f_link_list {

	opacity: 1;

	visibility: visible;

	bottom: 100%;

}

.f_link_list {

	-webkit-transition: all .3s ease;

	transition: all .3s ease
}



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

	.f_logo img {

		height: 0.48rem;

	}

}

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

	.f_tit i {

		font-size: 0.24rem;

	}

	.f_qr img {

		height: 1.2rem;

	}

}

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

	.f_tit i {

		font-size: 0.22rem;

	}

}

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

	footer {

		padding: 0.7rem 0 0.4rem;

	}

	.f_l {

		width: 100%;

	}

	.f_logo img {

		height: 0.4rem;

	}

	.f_nav {

		display: none;

	}

	.f_r {

		width: 100%;

		margin: .3rem 0 .2rem 0;

	}

	.f_tit {

		display: inline-block;

	}

	.f_tit i {

		padding: .1rem .3rem;

		font-size: 0.2rem;

	}

	.f_contact {

		margin: .3rem 0;

	}

	.f_qr p {

		font-size: 0.13rem;

	}

}

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

	footer {

		padding: 0.6rem 0 0.3rem;

	}

	.f_logo img {

		height: 0.3rem;

	}

	.f_tit i {

		font-size: 0.18rem;

	}

	.f_contact {

		margin: 0.2rem 0 .28rem;

	}

	.f_tel {

		font-size: 0.18rem;

	}

	.f_menu {

		display: block;

	}

	.f_menu_r {}

	.f_media {

		margin-top: 0.18rem;

		justify-content: flex-start;

	}

	.f_copy,

	.f_copy a {

		font-size: 0.13rem;

	}

}

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

	footer {

		padding: 0.5rem 0 0.3rem;

	}

	.f_tit i {

		padding: .1rem .2rem;

		font-size: 0.16rem;

	}

	.f_contact p,

	.f_contact p a {

		font-size: 0.13rem;

	}

	.f_qr img {

		height: .8rem;

	}

	.f_qr p {

		font-size: 0.12rem;

	}

	.f_media img {

		height: 0.3rem;

	}

	.f_copy,

	.f_copy a {

		font-weight: normal;

		color: #888;

	}

}















/* ----------------------- Inside Page ----------------------- */



.in_main {

	background: #FFF;

	position: relative;

	z-index: 3;

	overflow: hidden;

}



.fw100 {

	font-weight: 100;

}

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

	.fw100 {

		font-weight: normal;

	}

}





/* Inside Banner */

.in_banner {

	width: 100%;

	height: 0;

	padding-bottom: 100vh;

	background: var(--i_color);

	position: relative;

	overflow: hidden;

}

.in_banner picture img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	max-height: 90%;

}

.in_b_cont {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.in_b_cont .wrap {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}





.in_banner_about picture img {

	max-height: 100%;

}

.in_banner_cases picture img {

	max-height: 100%;

}

.in_banner_news picture img {

	right: 9%;

	max-height: 64%;

}

.in_banner_contact picture img {

	right: 6%;

}

.in_banner_sem_ad picture img {

	top: 54%;

	right: 9%;

}

.in_banner_seo picture img {

	top: initial;

	bottom: 0;

	transform: none;

}

.in_banner_b2b picture img {

	top: initial;

	bottom: 0;

	transform: none;

}

.in_banner_school picture img {

	top: initial;

	bottom: 0;

	transform: none;

	width: 100%;

}



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

	.in_banner_contact picture img {

		max-height: 70%;

	}

	.in_banner_seo picture img {

		width: 80%;

	}

	.in_banner_b2b picture img {

		width: 90%;

	}

}

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

	.in_banner_news picture img {

		right: 5%;

	}

	.in_banner_sem_ad picture img {

		max-height: 74%;

	}

}

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

	.in_banner_news picture img {

		right: 2%;

	}

}

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

	.in_banner {

		padding-bottom: 54%;

	}



	.in_banner_news picture img {

		right: 6%;

	}

}

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

	.in_banner_b2b picture img {

		width: 80%;

	}

}

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

	.in_banner picture img {

		opacity: .4;

	}

	.in_banner_news picture img {

		max-height: 80%;

	}

}







.in_b_t {}

.in_b_t h2 {

	font-size: 0.56rem;

	color: #FFF;

}

.in_b_t p {

	margin: .22rem 0 .7rem 0;

	font-size: 0.2rem;

	color: #FFF;

	line-height: 0.34rem;

}

.in_b_t img {

	height: 0.7rem;

}



.i_more3 {

	margin-top: 1.3rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

}

.i_more3 i {

	color: #FFF;

	background: none;

}

.i_more3:hover {

	box-shadow: 0 14px 24px rgb(35 66 138 / 50%)
}

.i_more3:hover i {

	color: #FFF;

	background: var(--i_color);

}



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

	.in_b_t h2 {

		font-size: 0.44rem;

	}

	.in_b_t img {

		height: 0.6rem;

	}

}

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

	.in_b_t h2 {

		font-size: 0.38rem;

	}

}

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

	.in_b_t h2 {

		font-size: 0.34rem;

	}

	.in_b_t p {

		font-size: 0.18rem;

	}

	.in_b_t img {

		height: 0.5rem;

	}

	.i_more3 {

		margin-top: 1rem;

	}

}

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

	.in_b_t h2 {

		font-size: 0.28rem;

	}

	.in_b_t p {

		margin: .2rem 0 .46rem 0;

		font-size: 0.16rem;

		line-height: 0.3rem;

	}

	.in_b_t img {

		height: 0.44rem;

	}

	.i_more3 {

		margin-top: .6rem;

	}

}

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

	.in_b_t h2 {

		font-size: 0.23rem;

	}

	.in_b_t p {

		margin: .14rem 0 .38rem 0;

		font-size: 0.15rem;

		line-height: 0.26rem;

	}

	.in_b_t img {

		height: 0.36rem;

	}

	.i_more3 {

		margin-top: .36rem;

	}

}

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

	.in_b_t h2 {

		font-size: 0.18rem;

	}

	.in_b_t p {

		margin: .1rem 0 .2rem 0;

		font-size: 0.13rem;

		line-height: 0.2rem;

	}

	.in_b_t img {

		height: 0.28rem;

	}

	.i_more3 {

		margin-top: 0;

	}

}















.in_about {}



.in_about .tit {

	margin-bottom: 0.54rem;

	text-align: center;

}

.in_about .tit,

.in_about .tit span {

	font-size: 0.4rem;

	color: #333;

	line-height: 0.7rem;

}

.in_about .tit span {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.in_about .tit img {

	margin-right: 0.16rem;

	height: 0.54rem;

}

.in_about .tit i {

	color: var(--i_color);

}



.in_about article {

	width: 70%;

	margin: 0 auto;

}

.in_about article,

.in_about article * {

	font-size: 0.18rem;

	color: #333;

	letter-spacing: 1px;

	line-height: 0.32rem;

}

.in_about article i {

	color: var(--i_color);

	font-weight: bold;

}



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

	.in_about .tit img {

		height: 0.5rem;

	}

	.in_about .tit,

	.in_about .tit span {

		font-size: 0.34rem;

		line-height: 0.6rem;

	}

}

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

	.in_about .tit img {

		height: 0.46rem;

	}

	.in_about .tit,

	.in_about .tit span {

		font-size: 0.3rem;

		line-height: 0.5rem;

	}

	.in_about article {

		width: 80%;

	}

	.in_about article,

	.in_about article * {

		font-size: 0.17rem;

	}

}

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

	.in_about .tit {

		margin-bottom: 0.4rem;

	}

	.in_about .tit img {

		height: 0.4rem;

	}

	.in_about .tit,

	.in_about .tit span {

		font-size: 0.28rem;

		line-height: 0.46rem;

	}

}

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

	.in_about .tit {

		margin-bottom: 0.3rem;

	}

	.in_about .tit img {

		margin-right: .1rem;

		height: 0.3rem;

	}

	.in_about .tit,

	.in_about .tit span {

		font-size: 0.22rem;

		line-height: 0.36rem;

	}

	.in_about article {

		width: 100%;

	}

	.in_about article,

	.in_about article * {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}

}

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

	.in_about .tit {

		margin-bottom: 0.3rem;

	}

	.in_about .tit img {

		margin-right: .04rem;

		height: 0.3rem;

	}

	.in_about .tit,

	.in_about .tit span {

		font-size: 0.2rem;

	}

	.in_about article,

	.in_about article * {

		font-size: 0.15rem;

		line-height: 0.26rem;

		color: #555;

	}

}

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

	.in_about .tit {

		margin-bottom: 0.2rem;

	}

	.in_about .tit img {

		margin-right: 0.08rem;

		height: 0.24rem;

	}

	.in_about .tit,

	.in_about .tit span {

		font-size: 0.18rem;

		line-height: 0.3rem;

	}

	.in_about article,

	.in_about article * {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

}













.in_tit {

	margin-bottom: 0.5rem;

	text-align: center;

}

.in_tit h2 {

	font-size: 0.36rem;

	color: #333;

}

.in_tit h6 {

	margin: .3rem auto 0;

	font-size: 0.18rem;

	color: #333;

	line-height: 0.32rem;

}

.in_tit h6 a {

	color: var(--i_color3);

	font-weight: bold;

}

.in_tit h6 a:hover {

	text-decoration: underline;

}



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

	.in_tit h2 {

		font-size: 0.34rem;

	}

}

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

	.in_tit h2 {

		font-size: 0.3rem;

	}

	.in_tit h6 {

		margin: .2rem auto 0;

		font-size: 0.17rem;

		line-height: 0.3rem;

	}

}

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

	.in_tit {

		margin-bottom: 0.4rem;

	}

	.in_tit h2 {

		font-size: 0.24rem;

	}

	.in_tit h6 {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}

}

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

	.in_tit {

		margin-bottom: 0.34rem;

	}

	.in_tit h2 {

		font-size: 0.22rem;

	}

	.in_tit h6 {

		margin: .14rem auto 0;

		font-size: 0.15rem;

		line-height: 0.24rem;

		color: #888;

	}

}

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

	.in_tit {

		margin-bottom: 0.24rem;

	}

	.in_tit h2 {

		font-size: 0.2rem;

	}

	.in_tit h6 {

		font-size: 0.13rem;

		line-height: 0.2rem;

	}

}











.culture {

	position: relative;

}

.culture::before,

.culture::after {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-filter: blur(80px);

	filter: blur(80px);

	z-index: -1;

}

.culture::before {

	width: 7rem;

	height: 7rem;

	opacity: .8;

	bottom: .2rem;

	left: 1rem;

	background: linear-gradient(40deg, #ffedc9 0%, #ffdfe2 100%);

}

.culture::after {

	width: 7rem;

	height: 7rem;

	opacity: .6;

	bottom: .2rem;

	right: 1rem;

	background: linear-gradient(0deg, #9dc0e9 0%, #c6d9f4 100%);

}



.culture_list {

	width: 88%;

	margin: 0 auto;

	overflow: hidden;

}

.culture_list dt {

	float: left;

	width: 31%;

	height: 4.4rem;

	overflow: hidden;

}

.culture_list dt:not(:last-child) {

	margin-right: 3.5%;

}



.culture_cont {

	height: calc(100% - 1rem);

	background: #FFF;

	box-sizing: border-box;

	padding: .4rem;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

}

.culture_cont::before {

	content: '';

	position: absolute;

	right: -1.8rem;

	bottom: -.3rem;

	width: 1.64rem;

	height: 1.64rem;

	background: rgb(27 97 213 / 10%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	-webkit-filter: blur(10px);

	filter: blur(10px);

	border: 1px solid rgb(0 0 0 / 30%);

}



.culture_list .ico {

	padding-left: 0.06rem;

	position: relative;

}

.culture_list .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .46rem;

	height: .46rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.culture_list .ico img {

	height: 0.6rem;

}



.culture_list h5 {

	margin: .2rem 0 .24rem;

	font-size: 0.22rem;

	color: #333;

}

.culture_list .txt p {

	margin: .1rem 0;

	padding-left: 0.2rem;

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	position: relative;

}

.culture_list .txt p::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 0.04rem;

	height: 0.04rem;

	background: var(--i_color);

	-webkit-border-radius: 50%;

	border-radius: 50%;

}



.culture_list .ico2 {

	position: absolute;

	right: .1rem;

	bottom: -1.8rem;

}

.culture_list .ico2 img {

	width: 1.64rem;

	position: relative;

}



.culture_list dt i {

	display: block;

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -5rem;

	width: 80%;

	background: rgb(27 97 213 / 5%);

	backdrop-filter: blur(3px);

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.culture_list dt i::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}



.culture_list dt:hover .culture_cont {

	height: 100%;

}

.culture_list dt:hover .culture_cont::before {

	right: -.4rem;

}

.culture_list dt:hover .ico2 {

	bottom: -.58rem;

}

.culture_list dt:hover i {

	bottom: -2.2rem;

}

.culture_cont,

.culture_cont::before,

.culture_list .ico2,

.culture_list dt i {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.culture_list {

		width: 92%;

	}

}

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

	.culture_list {

		width: 96%;

	}

	.culture_list .ico img {

		height: 0.5rem;

	}

	.culture_list .ico::before {

		width: 0.36rem;

		height: 0.36rem;

	}

	.culture_list h5 {

		font-size: 0.2rem;

	}

	.culture_list .txt p {

		font-size: 0.16rem;

	}

}

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

	.culture_list {

		width: 100%;

	}

}

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

	.culture_cont {

		padding: .3rem;

	}

	.culture_cont span {

		margin-bottom: 0.14rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.culture_list {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	.culture_list dt,

	.culture_cont {

		height: initial;

	}

	.culture_list dt {

		width: 31.66%;

		background: #FFF;

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.culture_list dt:not(:last-child) {

		margin-right: 2.5%;

	}

	.culture_cont {

		background: none;

		-webkit-border-radius: 0;

		border-radius: 0;

	}

	.culture_list .ico img {

		height: 0.4rem;

	}

	.culture_list .ico::before {

		width: 0.3rem;

		height: 0.3rem;

	}

	.culture_list h5 {

		margin: 0 0 0 .1rem;

		font-size: 0.18rem;

	}

	.culture_list .txt p {

		padding-left: 0.14rem;

		font-size: 0.14rem;

	}

	.culture_list .ico2,

	.culture_list dt i,

	.culture_cont::before {

		display: none;

	}

}

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

	.culture_cont {

		padding: .2rem .2rem;

	}

	.culture_list dt {

		width: 100%;

		margin: 0 0 .16rem 0 !important;

	}

	.culture_list .ico img {

		height: 0.3rem;

	}

	.culture_list .ico::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.culture_list .txt p {

		font-weight: normal;

		color: #888;

	}

}

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

	.culture_list h5 {

		font-size: 0.17rem;

	}

	.culture_list .txt p {

		margin: .06rem 0;

		font-size: 0.13rem;

	}

}













.team {

	width: 100%;

}

.team_cont {

	position: relative;

}

.team_i {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 28%;

	background: rgb(27 96 212 / 30%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	-webkit-filter: blur(100px);

	filter: blur(100px);

	z-index: 1;

}

.team_i::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}



.team_tit {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

	z-index: 4;

}

.team_tit img {

	height: .8rem;

}



.team_list {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

}

.team_list li {

	position: absolute;

	width: 5%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #FFF;

	overflow: hidden;

}

.team_list li::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.team_list li:nth-child(1) {

	top: 15%;

	left: 12%;

}

.team_list li:nth-child(2) {

	bottom: 29%;

	left: 11%;

}

.team_list li:nth-child(3) {

	top: 29%;

	transform: translate(0, -50%);

	left: 19%;

}

.team_list li:nth-child(4) {

	bottom: 22%;

	left: 19.5%;

}

.team_list li:nth-child(5) {
	width: 6.5%;
	top: 8%;

	left: 28%;

}

.team_list li:nth-child(6) {

	bottom: 36%;

	left: 26.2%;

}

.team_list li:nth-child(7) {

	top: 6%;

	right: 28%;
	width:6.8%


}

.team_list li:nth-child(8) {

	top: 44%;

	right: 26%;

}

.team_list li:nth-child(9) {

	top: 26%;

	right: 19%;

}

.team_list li:nth-child(10) {
	bottom: 28%;
	right: 18.8%;
}
.team_list li:nth-child(11) {
	top: 8%;
	right: 12.3%;
}
.team_list li:nth-child(12) {
	bottom: 30%;
	right: 11%;
}
.team_list li:nth-child(13) {
	bottom: 5%;
	right: 29%;
	width: 4.5%;
}


/* 新增6个人 */
.team_list li:nth-child(14) {bottom: 0;left: 22%;width: 3.6%;}
.team_list li:nth-child(15) {bottom: 8%;left: 29.1%;width: 4.2%;}
.team_list li:nth-child(16) {bottom: 7%;right: 21.2%;width: 3.6%;}
.team_list li:nth-child(17) {bottom: 0;right: 13.3%;width: 3.6%;}

.team_list li:nth-child(18) {bottom: 0;left: 13.2%;width: 4.4%;}

@media screen and (min-width:1025px) {

	.udmove4s {

		animation: bounceIn-infinite2 4s linear infinite;

		-webkit-animation: bounceIn-infinite2 4s linear infinite;

		-moz-animation: bounceIn-infinite2 4s linear infinite;

		-o-animation: bounceIn-infinite2 4s linear infinite;

		-ms-animation: bounceIn-infinite2 4s linear infinite;

	}

	.udmove5s {

		animation: bounceIn-infinite2 5s linear infinite;

		-webkit-animation: bounceIn-infinite2 5s linear infinite;

		-moz-animation: bounceIn-infinite2 5s linear infinite;

		-o-animation: bounceIn-infinite2 5s linear infinite;

		-ms-animation: bounceIn-infinite2 5s linear infinite;

	}

	.udmove6s {

		animation: bounceIn-infinite2 6s linear infinite;

		-webkit-animation: bounceIn-infinite2 6s linear infinite;

		-moz-animation: bounceIn-infinite2 6s linear infinite;

		-o-animation: bounceIn-infinite2 6s linear infinite;

		-ms-animation: bounceIn-infinite2 6s linear infinite;

	}

}

@-webkit-keyframes bounceIn-infinite2 {

	0% {

		-webkit-transform: translate(0, 0);

	}

	20% {

		-webkit-transform: translate(0, 12px);

	}

	50% {

		-webkit-transform: translate(0, 0);

	}

	70% {

		-webkit-transform: translate(0, -12px);

	}

	100% {

		-webkit-transform: translate(0, 0);

	}

}

@keyframes bounceIn-infinite2 {

	0% {

		transform: translate(0, 0);

	}

	20% {

		transform: translate(0, 12px);

	}

	50% {

		transform: translate(0, 0);

	}

	70% {

		transform: translate(0, -12px);

	}

	100% {

		transform: translate(0, 0);

	}

}



.team_list li img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: calc(100% - 6px);

	height: calc(100% - 6px);

	object-fit: cover;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}




.team_bg {

	width: 100vw;

}



.team .i_more {

	margin: 0 auto;

}



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

	.team_tit img {

		height: 0.7rem;

	}

}

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

	.team_tit img {

		height: 0.6rem;

	}

}

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

	.team_tit img {

		height: 0.5rem;

	}

}

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

	.team_tit {

		position: relative;

		top: initial;

		left: initial;

		transform: none;

	}

	.team_tit img {

		height: .36rem;

	}

	.team_list_box {

		position: relative;

	}

	.team_list {

		position: relative;

		width: 94%;

		margin: .4rem auto .3rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		justify-content: center;

	}

	.team_list li {

		position: relative;

		top: initial !important;

		left: initial !important;

		bottom: initial !important;

		right: initial !important;

		transform: none !important;

		width: 12% !important;

		margin: 0 4% .3rem 4%;

	}

	.team_bg {

		display: none;

	}

}

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

	.team_tit img {

		height: .3rem;

	}

	.team_list li {

		width: 16% !important;

		margin: 0 2% .3rem 2%;

	}

}

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

	.team_tit img {

		height: .24rem;

	}

	.team_list {

		margin-bottom: 0.1rem;

	}

	.team_list li {

		width: 25% !important;

		margin: 0 4% .2rem 4%;

	}

}

















.companypic {}



.companypic_list {

	position: relative;

	overflow: hidden
}

.companypic_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.companypic_list li {

	flex-shrink: 0;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	cursor: pointer;

	overflow: hidden;

}

.companypic_list li::before {

	content: '';

	display: block;

	padding-bottom: 63.15%;

}

.companypic_list li>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
	object-fit: cover;
}

.companypic_list .tit {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background: rgb(0 0 0 / 30%);

	background: -webkit-linear-gradient(top, transparent, rgb(0 0 0 / 75%));

	background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 75%));

}

.companypic_list .tit p {

	padding: 0 .4rem;

	font-size: 0.18rem;

	color: #FFF;

	line-height: 1rem;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}





.companypic-pagination {

	display: block;

	margin-top: 0.3rem;

	text-align: center
}

.companypic-pagination .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 6px;

	box-sizing: border-box;

	border: 1px solid #999;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.companypic-pagination .swiper-pagination-bullet-active {

	border-color: var(--i_color3);

	background: var(--i_color3)
}



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

	.companypic_list li {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.companypic_list .tit p {

		padding: 0 .3rem;

		font-size: 0.16rem;

		line-height: 0.6rem;

	}

}

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

	.companypic_list .tit p {

		padding: 0 .2rem;

		font-size: 0.15rem;

		line-height: 0.5rem;

	}

	.companypic-pagination .swiper-pagination-bullet {

		width: 0.08rem;

		height: 0.08rem;

		margin: 0 4px;

	}

}

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

	.companypic_list li {

		-webkit-border-radius: .06rem;

		border-radius: .06rem;

	}

	.companypic_list .tit p {

		font-size: 0.13rem;

		line-height: 0.4rem;

	}

	.companypic-pagination {

		margin-top: 0.2rem;

	}

}













.in_cases_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.in_cases_list li {

	width: 45%;

	margin: 1rem 0 0 0;

}

.in_cases_list li a {
	cursor: initial;
}

.in_cases_list .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.in_cases_list .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.in_cases_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}



.in_cases_list .txt {

	padding-bottom: 0.26rem;

	position: relative;

}

.in_cases_list .txt::before,

.in_cases_list .txt::after {

	content: '';

	position: absolute;

	bottom: 0;

	height: 1px;

}

.in_cases_list .txt::before {

	left: 0;

	width: 100%;

	background: #D2D2D2;

}

.in_cases_list .txt::after {

	right: 0;

	width: 0;

	background: var(--i_color);

}



.in_cases_list .txt h4 {

	margin: .3rem 0 .3rem;

	font-size: 0.24rem;

	color: #333;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.in_cases_list .txt h6 {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.34rem;

	font-weight: 100;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 99;

}



.in_cases_list li:hover .txt::after {

	right: initial;

	left: 0;

	width: 100%;

}

.in_cases_list li:hover h4 {

	color: var(--i_color);

}

.in_cases_list li:hover .img {

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

}

.in_cases_list .txt::after,

.in_cases_list .img {

	-webkit-transition: all .7s ease;

	transition: all .7s ease
}



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

	.in_cases_list li {

		margin-top: 0.8rem;

	}

	.in_cases_list .txt h4 {

		font-size: 0.22rem;

	}

	.in_cases_list .txt h6 {

		font-size: 0.15rem;

		line-height: 0.3rem;

	}

}

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

	.in_cases_list .txt h4 {

		margin: 0.26rem 0 0.16rem;

		font-size: 0.2rem;

	}

}

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

	.in_cases_list li {

		margin-top: 0.6rem;

		width: 47%;

	}

	.in_cases_list .txt h4 {

		font-size: 0.18rem;

	}

	.in_cases_list .txt h6 {

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

}

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

	.in_cases_list li {

		margin-top: 0.4rem;

		width: 48%;

	}

	.in_cases_list .txt {

		padding-bottom: 0.2rem;

	}

	.in_cases_list .txt h4 {

		margin: 0.2rem 0 0.12rem;

		font-size: 0.16rem;

	}

	.in_cases_list .txt h6 {

		font-size: 0.13rem;

		line-height: 0.2rem;

		color: #888;

		font-weight: normal;

	}

}

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

	.in_cases_list li {

		margin-top: 0.3rem;

		width: 48%;

	}

	.in_cases_list .txt h4 {

		font-size: 0.15rem;

	}

}



















/* Number of pages */

.in_page_box {

	text-align: center;

	margin: .8rem auto 1rem;

	overflow: hidden
}

.in_page {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

}

.in_page li {

	width: 0.4rem;

	height: 0.4rem;

	margin: 0 .06rem;

}

.in_page a,

.in_page span {

	display: block;

	line-height: .4rem;

	font-size: .16rem;

	color: #555;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

}

.in_page>i {

	margin-left: 0.1rem;

	font-size: 0.15rem;

	color: #888;

}



.in_page a:hover,

.in_page .active_page a,

.in_page .active_page span {

	background: var(--i_color);

	font-size: 0.18rem;

	color: #FFF !important;

	font-weight: bold;

}

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

	.in_page_box {

		margin: 0.5rem auto 0.7rem;

	}

}

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

	.in_page li {

		width: 0.34rem;

		height: 0.34rem;

	}

	.in_page a,

	.in_page span {

		font-size: 0.15rem;

		line-height: 0.34rem;

	}

	.in_page a:hover,

	.in_page .active_page a,

	.in_page .active_page span {

		font-size: 0.16rem;

	}

}

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

	.in_page_box {

		margin: 0.3rem auto 0.5rem;

	}

}

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

	.in_page li {

		width: 0.3rem;

		height: 0.3rem;

		margin: 0 .04rem;

	}

	.in_page a,

	.in_page span {

		font-size: 0.14rem;

		line-height: 0.3rem;

	}

}















.in_news {

	margin-top: 1rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.in_news .in_tit {

	text-align: left;

}



.in_news_cont {

	width: 68%;

}

.in_news_cont .in_page {

	justify-content: flex-start;

}



.in_news_list {}

.in_news_list li {

	margin-bottom: 0.36rem;

	padding-bottom: 0.36rem;

	position: relative;

}

.in_news_list li::before,

.in_news_list li::after {

	content: '';

	position: absolute;

	bottom: 0;

	height: 1px;

}

.in_news_list li::before {

	left: 0;

	width: 100%;

	background: #D2D2D2;

}

.in_news_list li::after {

	right: 0;

	width: 0;

	background: var(--i_color);

}



.in_news_list a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



.in_news_list .img {

	width: 24.5%;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	position: relative;

	overflow: hidden
}

.in_news_list .img::before {

	content: "";

	display: block;

	padding-bottom: 75%
}

.in_news_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}



.in_news_list .txt {

	margin-left: auto;

	width: 71%;

}

.in_news_list .txt h5 {

	font-size: 0.18rem;

	color: #333;

	line-height: 0.28rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_news_list .txt h6,

.in_news_list .txt i {

	font-size: 0.14rem;

	color: #333;

	font-weight: 100;

}

.in_news_list .txt h6 {

	margin: 0.16rem 0 0.36rem;

	line-height: 0.26rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_news_list .txt i {

	float: right;

}



.in_news_list li:hover::after {

	right: initial;

	left: 0;

	width: 100%;

}

.in_news_list li:hover img {

	width: 115%;

	height: 115%;

}

.in_news_list li:hover h5 {

	color: var(--i_color);

}

.in_news_list li::after,

.in_news_list .img img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.in_news_list .img {

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

	.in_news_list .txt h6 {

		margin: 0.1rem 0 0.24rem;

	}

}

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

	.in_news_cont {

		width: 64%;

	}

	.in_news_list .txt h5 {

		font-size: 0.16rem;

	}

}

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

	.in_news_cont .in_page {

		justify-content: center
	}

	.in_news {

		margin-top: 0.6rem;

	}

	.in_news .in_tit {

		display: none;

	}

	.in_news_cont {

		width: 100%;

	}

	.in_news_list .img {

		width: 2rem;

	}

	.in_news_list .txt {

		width: calc(100% - 2rem - .3rem);

	}

	.in_news_list .txt h5 {

		font-size: 0.15rem;

		line-height: 0.22rem;

	}

	.in_news_list .txt h6,

	.in_news_list .txt i {

		font-size: 0.13rem;

	}

	.in_news_list .txt h6 {

		line-height: 0.2rem;

	}

}

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

	.in_news_list .txt h6,

	.in_news_list .txt i {

		font-weight: normal;

		color: #888;

	}

}

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

	.in_news {

		margin-top: 0.38rem;

	}

	.in_news_list li {

		padding-bottom: 0.2rem;

		margin-bottom: 0.3rem;

	}

	.in_news_list .img {

		width: 100%;

	}

	.in_news_list .txt {

		margin: .16rem 0 0 0;

		width: 100%;

	}

}









.in_news_aside {

	width: 27%;

	margin-left: auto;

}



.aside_news_list {}

.aside_news_list li {

	padding-bottom: 0.24rem;

	margin-bottom: 0.24rem;

	border-bottom: 1px solid var(--border_color);

}



.aside_news_list .img {

	width: 100%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden
}

.aside_news_list .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.aside_news_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}

.aside_news_list li:not(:first-child) .img {

	display: none
}



.aside_news_list .txt {

	margin-top: 0.16rem;

}

.aside_news_list .txt p {

	font-size: 0.18rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.aside_news_list li:hover img {

	width: 115%;

	height: 115%;

}

.aside_news_list li:hover p {

	color: var(--i_color);

}

.aside_news_list img {

	-webkit-transition: all .8s ease;

	transition: all .8s ease
}



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

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

	.aside_news_list .img {

		-webkit-border-radius: .16rem;

		border-radius: .16rem;

	}

	.aside_news_list .txt p {

		font-size: 0.16rem;

	}

}

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

	.in_news_aside {

		width: 31%;

	}

}

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

	.in_news_aside {

		display: none;

	}

}















.in_news_art {

	box-sizing: border-box;

	padding: 0 6%;

}



.in_news_art_tit {

	border-bottom: 1px solid #DDD;

	margin-bottom: .4rem;

	text-align: center
}

.in_news_art_tit h1 {

	font-size: .28rem;

	color: #222;

	line-height: .36rem;

	font-weight: bold
}

.in_news_art_tit h6 {

	text-align: center;

	margin: .1rem 0 .08rem;

	font-size: .13rem;

	color: #666;

	line-height: .28rem
}




.nnn_article .scrollbar{display: block;margin-left: auto;margin-right: auto; max-height: 75vh;overflow-y: auto;}
.nnn_article .scrollbar::-webkit-scrollbar{width:3px}

.in_news_art .wp-video{margin: 20px auto;}
.in_news_art article video{display: block;margin: 20px auto;}

.in_news_art article img {

	display: block;

	margin: .2rem auto;

	max-width: 100% !important;

	height: initial !important
}

.in_news_art article .aligncenter{margin-left: auto;margin-right: auto;}


.in_news_art article{}
.in_news_art article,
.in_news_art article * {
	font-family: "Microsoft Yahei", 微软雅黑, tahoma, Srial, helvetica, sans-serif !important;
	margin: revert;
	padding: revert;
	list-style: revert;
}
.in_news_art article strong,.in_news_art article strong p,.in_news_art article strong b,.in_news_art article strong i,.in_news_art article strong span,.in_news_art article b {
	font-weight: bold;
}
.in_news_art article a {
	text-decoration: underline;
}
.in_news_art article figure {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-column figure img {
	width: 100%;
}
.in_news_art article img {
	/* margin-top: 0.3rem;
	margin-bottom: 0.3rem; */
	max-width: 100% !important;
	height: initial !important
}
.in_news_art article h1,
.in_news_art article h2,
.in_news_art article h3,
.in_news_art article h4,
.in_news_art article h5,
.in_news_art article h6 {
	font-weight: bold;
}
.has-text-align-center {
	text-align: center;
}
/* .in_news_art article ul,.in_news_art article li,.in_news_art article ol{list-style: revert;} */
/* .in_news_art article ul,.in_news_art article ol{padding-left: 0.22rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}
.in_news_art article li{margin-top: .1rem;margin-bottom: 0.1rem;} */

.in_news_art article .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.in_news_art article .wp-caption {
	max-width: 100% !important;
}



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

	.in_news_art {

		padding: 0 0;

	}

	.in_news_art_tit h1 {

		font-size: .24rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: .22rem;

	}

}

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

	.in_news_art_tit {

		margin-bottom: 0.24rem;

	}

	.in_news_art_tit h1 {

		font-size: .18rem;

		line-height: .24rem;

	}

	.in_news_art article,

	.in_news_art article * {

		font-size: .15rem;

		line-height: .22rem
	}

}



.ar_fot {

	min-height: .4rem;

	border-bottom: 1px solid #CCC;

	margin-top: 0.8rem;

	padding-bottom: 0.4rem;

	position: relative;

}

.ar_fot ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.ar_fot li {

	width: 40%;

}

.ar_fot a {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.ar_fot li:nth-child(2) a {

	justify-content: flex-end;

}



.ar_fot a i {

	display: block;

	width: 0.46rem;

	height: 0.46rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.ar_fot li:nth-child(1) i {

	margin-right: 0.2rem;

	background: rgb(8 52 114 / 10%) url(../images/arrow_l_b2.svg) no-repeat center;

	background-size: .22rem;

}

.ar_fot li:nth-child(2) i {

	margin-left: 0.2rem;

	background: rgb(8 52 114 / 10%) url(../images/arrow_r_b2.svg) no-repeat center;

	background-size: .22rem;

}



.ar_fot a span {

	width: calc(100% - .46rem - .2rem);

}

.ar_fot li:nth-child(2) span {

	text-align: right;

}

.ar_fot a p {

	font-size: 0.17rem;

	color: #555;

	margin-bottom: 0.06rem;

}

.ar_fot a h6 {

	font-size: 0.15rem;

	color: #666;

}

.ar_fot li:hover h6 {

	color: var(--i_color);

}



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

	.ar_fot {

		margin-top: 0.6rem;

	}

}

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

	.ar_fot {

		padding-bottom: .3rem;

	}

	.ar_fot a i {

		width: 0.4rem;

		height: 0.4rem;

		background-size: .18rem !important;

	}

	.ar_fot a p {

		font-size: 0.16rem;

	}

	.ar_fot a h6 {

		font-size: 0.15rem;

	}

}

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

	.ar_fot li {

		width: 48%;

	}

}

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

	.ar_fot {

		margin-top: 0.4rem;

		padding-bottom: 0.2rem;

	}

	.ar_fot ul {

		flex-wrap: wrap;

	}

	.ar_fot li {

		margin-top: 0.2rem;

		width: 100%;

	}

	.ar_fot li a {

		justify-content: flex-start !important;

	}

	.ar_fot li span {

		text-align: left !important;

		float: none;

	}

	.ar_fot a i {

		display: none !important;

	}

	.ar_fot a span {

		width: 100%;

	}

	.ar_fot a p {

		font-size: 0.14rem;

	}

	.ar_fot a h6 {

		font-size: 0.13rem;

	}

}

















.sem_t {}

.sem_t_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.sem_t_list dt,

.sem_t_list dd {

	width: 46%;

	box-sizing: border-box;

	padding: .9rem .7rem 0;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

}

.sem_t_list dt {

	box-shadow: 0 1px .1rem rgb(27 97 213 / 10%);

}

.sem_t_list dt::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 30%;

	background: -webkit-linear-gradient(top, transparent, rgb(27 97 213 / 20%));

	background: linear-gradient(to bottom, transparent, rgb(27 97 213 / 20%));

}

.sem_t_list dd {

	background: var(--i_color);

	background: -webkit-linear-gradient(top, #1b61d5, #26458c);

	background: linear-gradient(to bottom, #1b61d5, #26458c);

}

.sem_t_list dd::before {

	content: '';

	position: absolute;

	left: -1rem;

	bottom: -1rem;

	width: 3rem;

	height: 3rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(240 133 20 / 50%);

	-webkit-filter: blur(80px);

	filter: blur(80px);

}



.sem_t_tit {}

.sem_t_tit h3 {

	font-size: 0.3rem;

	height: .92rem;

	line-height: 0.46rem;

}

.sem_t_tit h6 {

	margin-top: 0.2rem;

	font-size: 0.18rem;

	line-height: 0.36rem;

}

.sem_t_list dt .sem_t_tit h3,

.sem_t_list dt .sem_t_tit h6 {

	color: #333;

}

.sem_t_list dd .sem_t_tit h3,

.sem_t_list dd .sem_t_tit h6 {

	color: #FFF;

}

.sem_t_tit h3 i {

	color: var(--i_color);

}



.sem_t_list .img {

	margin-top: 1rem;

	text-align: center;

	position: relative;

	z-index: 2;

}

.sem_t_list .img img {

	max-width: 100%;

	object-fit: contain;

}



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

	.sem_t_tit h3 {

		font-size: 0.26rem;

	}

}

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

	.sem_t_list dt,

	.sem_t_list dd {

		padding: .8rem .6rem 0;

	}

	.sem_t_tit h3 {

		height: 0.8rem;

		line-height: 0.4rem;

		font-size: 0.24rem;

	}

	.sem_t_tit h6 {

		font-size: 0.16rem;

	}

	.sem_t_list .img {

		margin-top: 0.7rem;

	}

}

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

	.sem_t_list dt,

	.sem_t_list dd {

		width: 48%;

		padding: 0.5rem 0.4rem 0;

	}

	.sem_t_tit h3 {

		height: 0.6rem;

		line-height: 0.3rem;

		font-size: 0.2rem;

	}

	.sem_t_tit h6 {

		font-size: 0.15rem;

		line-height: 0.28rem;

	}

	.sem_t_list .img {

		margin-top: 0.54rem;

	}

}

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

	.sem_t_list dt,

	.sem_t_list dd {

		width: 100%;

		padding: 0.36rem 0.3rem .36rem;

	}

	.sem_t_list dt {

		margin-bottom: 0.24rem;

	}

	.sem_t_list dd::before {

		left: -0.6rem;

		bottom: -0.6rem;

		width: 2rem;

		height: 2rem;

	}

	.sem_t_tit {

		position: relative;

		z-index: 2;

	}

	.sem_t_tit h3 {

		height: auto;

		font-size: 0.18rem;

	}

	.sem_t_tit h6 {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

	.sem_t_list dt .sem_t_tit h6 {

		color: #555;

	}

	.sem_t_list .img {

		opacity: .15;

		position: absolute;

		right: 8%;

		bottom: 0;

		width: 30%;

		max-height: 80%;

	}

	.sem_t_list .img img {

		max-height: 100%;

	}

}

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

	.sem_t_list dt,

	.sem_t_list dd {

		padding: 0.2rem 0.2rem .3rem;

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

	.sem_t_list dt {

		margin-bottom: 0.18rem;

	}

	.sem_t_tit h3 {

		font-size: 0.17rem;

		line-height: 0.26rem;

	}

	.sem_t_tit h6 {

		font-size: 0.13rem;

		line-height: 0.22rem;

	}

}











.ads_six {

	background: #f2f8ff;

}

.ads_six .in_tit {

	margin-bottom: 0 !important;

	text-align: left;

}



.ads_six_cont {

	padding: .8rem 0;

	position: relative;

}



.ads_six_show {

	width: 34%;

	position: relative;

	overflow: hidden
}

.ads_six_show .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.ads_six_show .swiper-slide {

	flex-shrink: 0;

	background: #f2f8ff;

	position: relative
}

.ads_six_show .swiper-slide-active {

	z-index: 3;

}

.ads_six_show .swiper-slide h4 {

	font-size: 0.24rem;

	color: #333;

}

.ads_six_show .swiper-slide h6 {

	margin-top: 0.2rem;

	height: calc(0.34rem * 9);

	font-size: 0.16rem;

	color: #333;

	line-height: 0.34rem;

}

.ads_six_show dl {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.ads_six_show dt {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.34rem;

}

.ads_six_show dt::after {

	content: '/';

	margin: 0 4px;

}



.ads_six_list {

	margin-left: auto;

	width: 58%;

	position: absolute;

	top: 50%;

	right: .2rem;

	transform: translate(0, -50%);

	overflow: hidden;

}

.ads_six_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.ads_six_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	-webkit-border-radius: .24rem;

	border-radius: .24rem;

	overflow: hidden;

}

.ads_six_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 164.0625%;

}



.ads_six_list span {

	position: absolute;

	left: 0;

	top: 8%;

	width: 100%;

	box-sizing: border-box;

	padding: 0 .3rem;

	z-index: 2;

}

.ads_six_list .ico {

	width: 1rem;

	height: 1rem;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	background: #FFF;

	position: relative;

}

.ads_six_list .ico img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	height: 0.5rem;

}

.ads_six_list span p {

	margin-top: 0.18rem;

	font-size: 0.16rem;

	color: #FFF;

	font-weight: bold;

	text-transform: capitalize;

}

.ads_six_list .swiper-slide>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.six_btn {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.six-prev,

.six-next {

	width: .66rem;

	height: .66rem;

	box-sizing: border-box;

	border: 1px solid #898989;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none;

	position: relative;

}

.six-prev {

	margin-right: -.1rem;

}

.six-next {

	background-color: #f2f8ff
}

.six-prev::before,

.six-next::before {

	opacity: .5;

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 0.26rem;

	height: 0.26rem;

}

.six-prev::before {

	background: url(../images/arrow_l_b3.svg) no-repeat center;

	background-size: contain;

}

.six-next::before {

	background: url(../images/arrow_r_b3.svg) no-repeat center;

	background-size: contain;

}

.six-next,

.six-prev:hover,

.six-next:hover {

	border-color: var(--i_color);

	background: var(--i_color);

}

.six-prev:hover::before {

	opacity: 1;

	background: url(../images/arrow_l_w3.svg) no-repeat center;

	background-size: contain;

}

.six-next::before,

.six-next:hover::before {

	opacity: 1;

	background: url(../images/arrow_r_w3.svg) no-repeat center;

	background-size: contain;

}



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

	.ads_six_list .ico {

		width: 0.8rem;

		height: 0.8rem;

	}

	.ads_six_list .ico img {

		height: 0.44rem;

	}

}

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

	.ads_six_cont {

		padding: .6rem 0;

	}

}

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

	.ads_six_cont {

		padding: .4rem 0;

	}

	.ads_six_list {

		position: relative;

		top: initial;

		right: initial;

		transform: none;

		margin: 0 0 .2rem 3%;

		width: 3rem;

	}

	.ads_six_list .swiper-slide {

		box-sizing: border-box;

		border: 1px solid var(--border_color);

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

	.ads_six_list .swiper-slide::before {

		padding-bottom: 100%;

	}

	.ads_six_list .swiper-slide-active {

		border-color: var(--i_color);

	}



	.ads_six_list span {

		top: 0;

		height: 100%;

		padding: 0 0;

	}

	.ads_six_list .ico {

		width: 100%;

		height: 100%;

		-webkit-border-radius: 0;

		border-radius: 0;

		background: none;

	}

	.ads_six_list .ico img {

		height: 60%;

	}

	.ads_six_list span p {

		display: none;

	}

	.ads_six_list .swiper-slide>img {

		opacity: .1;

	}



	.ads_six_show {

		width: 100%;

	}

	.ads_six_show .swiper-slide h4 {

		font-size: 0.2rem;

	}

	.ads_six_show .swiper-slide h6 {

		margin-bottom: 0.1rem;

		height: auto;

		line-height: 0.28rem;

	}

	.ads_six_show .swiper-slide h6 {

		font-size: 0.15rem;

	}

	.ads_six_show dt {

		font-size: 0.14rem;

		color: #999;

		line-height: 0.24rem;

	}



	.six-prev,

	.six-next {

		width: 0.5rem;

		height: 0.5rem;

	}

}

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

	.ads_six_cont {

		padding: .4rem 0 .2rem;

	}

	.ads_six_list {

		margin: 0 0 .2rem 4%;

		width: 2.6rem;

	}

	.ads_six_show .swiper-slide h4 {

		font-size: 0.18rem;

	}

	.ads_six_show .swiper-slide h6,

	.ads_six_show dt {

		font-size: 0.14rem;

	}

}

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

	.ads_six_cont {

		padding: .3rem 0 .2rem;

	}

	.ads_six_list {

		margin: 0 0 .2rem 4%;

		width: 2.2rem;

	}

	.ads_six_show .swiper-slide h4 {

		font-size: 0.17rem;

	}

	.six-prev,

	.six-next {

		width: 0.44rem;

		height: 0.44rem;

	}

	.six-prev {

		margin-right: -.06rem;

	}

	.six-prev::before,

	.six-next::before {

		width: 0.22rem;

		height: 0.22rem;

	}

}













.sem_adv {}



.sem_adv .in_tit {

	position: absolute;

	top: 0;

	left: 0;

	text-align: left;

	z-index: 2;

}



.sem_adv_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.sem_adv_list li {

	width: 29.66%;

	margin: 0 5.5% .3rem 0;

	padding-bottom: 0.8rem;

	margin-bottom: 0.8rem;

	position: relative;

}

.sem_adv_list li::before,

.sem_adv_list li::after {

	content: '';

	position: absolute;

	bottom: 0;

	height: 1px;

}

.sem_adv_list li::before {

	left: 0;

	width: 100%;

	background: var(--border_color);

}

.sem_adv_list li::after {

	right: 0;

	width: 0;

	background: var(--i_color);

}

.sem_adv_list li:nth-child(3n) {

	margin-right: 0;

}

.sem_adv_list .blank::before,

.sem_adv_list .blank::after {

	display: none !important;

}



.sem_adv_list .ico {

	padding-left: 0.06rem;

	position: relative;

}

.sem_adv_list .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .36rem;

	height: .36rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.sem_adv_list .ico img {

	height: 0.46rem;

}



.sem_adv_list h5 {

	margin: .4rem 0 .16rem;

	font-size: 0.22rem;

	color: #333;

}

.sem_adv_list p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.3rem;

}



.sem_adv_list li:hover::after {

	right: initial;

	left: 0;

	width: 100%;

}

.sem_adv_list li::after {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.sem_adv_list li {

		padding-bottom: 0.6rem;

		margin-bottom: 0.6rem;

	}

	.sem_adv_list h5 {

		font-size: 0.2rem;

	}

	.sem_adv_list p {

		font-size: 0.17rem;

	}

}

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

	.sem_adv .in_tit {

		position: relative;

	}

	.sem_adv_list .blank {

		display: none;

	}

	.sem_adv_list li {

		padding-bottom: 0.2rem;

		margin-bottom: 0.38rem;

	}

	.sem_adv_list h5 {

		font-size: 0.16rem;

	}

	.sem_adv_list p {

		font-size: 0.14rem;

		line-height: 0.26rem;

	}

}

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

	.sem_adv_list li {

		width: 47%;

		margin: 0 6% .3rem 0;

	}

	.sem_adv_list li:nth-child(3n) {

		margin-right: 6%;

	}

	.sem_adv_list li:nth-child(2n) {

		margin-right: 0;

	}

	.sem_adv_list .ico::before {

		width: 0.28rem;

		height: 0.28rem;

	}

	.sem_adv_list .ico img {

		height: 0.36rem;

	}

	.sem_adv_list h5 {

		margin: 0.2rem 0 .1rem;

	}

	.sem_adv_list p {

		font-weight: normal;

		color: #666;

	}

}

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

	.sem_adv_list p {

		font-size: 0.13rem;

		line-height: 0.24rem;

	}

}

















.sem_logo {}

.sem_logo_tit {

	margin-bottom: 0.6rem;

	position: relative;

}

.sem_logo_tit>p {

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.46rem;

}

.sem_logo_tit a {

	position: absolute;

	top: 0;

	right: 0;

}



.semlogo_list {

	position: relative;

	overflow: hidden
}

.semlogo_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.semlogo_list .swiper-slide {

	flex-shrink: 0;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: .15rem;

	border-radius: .15rem;

	position: relative
}

.semlogo_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 47.6%;

}

.semlogo_list img {

	opacity: .5;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	max-width: 100%;

	max-height: 100%;

	-webkit-filter: grayscale(1);

	filter: grayscale(1)
}

.semlogo_list li:hover {

	border-color: #DDD;

}

.semlogo_list li:hover img {

	opacity: 1;

	-webkit-filter: none;

	filter: none
}

.semlogo_list li,

.semlogo_list img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



.semlogo-pagination {

	display: block;

	margin-top: 0.3rem;

	text-align: center
}

.semlogo-pagination .swiper-pagination-bullet {

	width: .08rem;

	height: .08rem;

	display: inline-block;

	margin: 0 6px;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.semlogo-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}



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

	.sem_logo_tit>p {

		font-size: 0.16rem;

	}

	.semlogo_list img {

		opacity: 1;

		-webkit-filter: none;

		filter: none;

	}

}

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

	.semlogo_list .swiper-slide {

		border-color: #DDD;

	}

	.sem_logo_tit {

		margin-bottom: 0.4rem;

	}

	.sem_logo_tit>p {

		margin-bottom: 0.16rem;

		font-size: 0.15rem;

		line-height: 0.26rem;

		font-weight: normal;

	}

	.sem_logo_tit a {

		position: relative;

	}

}

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

	.sem_logo_tit>p {

		font-size: 0.14rem;

	}

}













/* SEO */

.seo {}

.seo_cont {

	width: 90%;

	margin: 0 auto;

}

.seo_cont>img {

	width: 100%;

}



.seo_ct {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.seo_pic {

	width: 2.7rem;

	height: 2.7rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #FFF;

	position: relative;

	z-index: 3;

}

.seo_pic span {

	position: absolute;

	top: 54%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 60%;

	text-align: center;

}

.seo_pic img {

	max-width: 100%;

	max-height: .46rem;

}

.seo_pic h2 {

	margin-top: 0.04rem;

	font-size: 0.46rem;

	color: var(--i_color);

	font-weight: 900;

}



.seo_ct .bg {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 160%;

	height: 160%;

	background: rgb(113 110 221 / 26%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: -1;

	-webkit-filter: blur(100px);

	filter: blur(100px)
}

.seo_ct i {}

.seo_ct i:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgb(255 255 255 / 80%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	opacity: 0;

	animation: undulate 2s 0s ease infinite;

}

.seo_ct i:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgb(255 255 255 / 80%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	opacity: 0;

	animation: undulate 2.5s 0s ease infinite;

}

@keyframes undulate {

	0% {

		opacity: 0
	}

	5% {

		opacity: 1
	}

	80% {

		opacity: 0
	}

	100% {

		opacity: 0;

		transform: scale(1.4);

		-ms-transform: scale(1.4);

		-o-transform: scale(1.4);

		-webkit-transform: scale(1.4);

		-moz-transform: scale(1.4)
	}

}



.seo_t_list {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.seo_t_list li {

	position: absolute;

	display: inline-block;

	-webkit-border-radius: 2rem;

	border-radius: 2rem;

	background: #FFF;

	box-shadow: 0 2px .06rem rgb(27 96 212 / 20%);

	cursor: pointer;

}

.seo_t_list li:nth-child(1) {

	top: 14%;

	left: 6%;

}

.seo_t_list li:nth-child(2) {

	left: 13%;

	top: 44%;

	/* transform: translate(0, -50%); */

}

.seo_t_list li:nth-child(3) {

	left: 17%;

	bottom: 14%;

}

.seo_t_list li:nth-child(4) {

	top: 4%;

	right: 21%;

}

.seo_t_list li:nth-child(5) {

	right: 6%;

	top: 44%;

	/* transform: translate(0, -50%); */

}

.seo_t_list li:nth-child(6) {

	right: 19%;

	bottom: 7%;

}

.seo_t_list p {

	padding: .2rem .4rem;

	font-size: 0.24rem;

	color: #333;

}



.seo_t_list li:hover {

	background: var(--i_color);

}

.seo_t_list li:hover p {

	color: #FFF;

}



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

	.seo_t_list p {

		padding: .14rem .3rem;

		font-size: 0.22rem;

	}

}

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

	.seo_ct .bg {

		width: 140%;

		height: 140%;

	}

	.seo_t_list p {

		padding: .1rem .3rem;

		font-size: 0.18rem;

	}

}

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

	.seo_t_list {

		position: relative;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	.seo_t_list li {

		width: 30.33%;

		margin: 0 1.5% .2rem;

		position: initial;

		transform: none !important;

	}

	.seo_t_list p {

		padding: .1rem .2rem;

		text-align: center;

		font-size: 0.16rem;

	}



	.seo_ct {

		margin-top: 0.6rem;

		position: relative;

		top: initial;

		left: 50%;

		transform: translate(-50%, 0);

		display: inline-block;

	}

	.seo_pic {

		width: 2rem;

		height: 2rem;

	}

	.seo_cont>img {

		display: none;

	}

}

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

	.seo_t_list li {

		width: 48%;

		margin: 0 4% .2rem 0;

	}

	.seo_t_list li:nth-child(2n) {

		margin-right: 0;

	}

	.seo_t_list p {

		padding: .1rem .06rem;

		font-size: 0.15rem;

	}

	.seo_ct {

		margin-top: 0.4rem;

	}

	.seo_pic {

		width: 1.6rem;

		height: 1.6rem;

	}

}

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

	.seo {

		padding-bottom: 0.2rem;

	}

	.seo_t_list p {

		font-size: 0.14rem;

		color: #666;

	}

	.seo_ct {

		margin-top: 0.3rem;

	}

}













.seo_six {

	background: #FAFAFA;

	position: relative;

}

.seo_six::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 30%;

	background: -webkit-linear-gradient(top, transparent, rgb(27 97 213 / 10%));

	background: linear-gradient(to bottom, transparent, rgb(27 97 213 / 10%));

}

.seo_six_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.seo_six_l {

	width: 40%;

}

.seo_six_l .in_tit {

	text-align: left
}

.seo_six_l picture img {

	max-width: 100%;

}



.seo_six_r {

	margin-left: auto;

	width: 50%;

}



.seo_six_item {

	padding-left: 0.9rem;

	margin-bottom: 0.6rem;

	position: relative;

}

.seo_six_item .ico {

	position: absolute;

	top: 0;

	left: 0;

	padding-left: 0.06rem;

}

.seo_six_item .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .4rem;

	height: .4rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.seo_six_item .ico::before {

	width: 0.3rem;

	height: 0.3rem;

}

.seo_six_item .ico img {

	height: 0.4rem;

}



.seo_six_item h5 {

	display: inline-block;

	font-size: 0.24rem;

	color: #333;

}

.seo_six_item p {

	margin-top: 0.16rem;

	font-size: 0.18rem;

	color: #333;

	font-weight: 100;

	line-height: 0.28rem;

}



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

	.seo_six_item h5 {

		font-size: 0.22rem;

	}

}

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

	.seo_six_item h5 {

		font-size: 0.2rem;

	}

	.seo_six_item p {

		font-size: 0.17rem;

	}

}

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

	.seo_six_l {

		width: 100%;

	}

	.seo_six_r {

		margin-left: 0;

		width: 100%;

	}

	.seo_six_l picture img {

		opacity: .1;

		position: absolute;

		bottom: 0;

		left: 0;

		width: 60%;

	}

	.seo_six_item {

		margin-bottom: 0.34rem;

		padding-left: 0.7rem;

	}

	.seo_six_item h5 {

		font-size: 0.18rem;

	}

	.seo_six_item p {

		margin-top: 0.1rem;

		font-size: 0.16rem;

	}

}

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

	.seo_six_item h5 {

		font-size: 0.17rem;

	}

	.seo_six_item p {

		font-size: 0.14rem;

		color: #888;

		font-weight: normal;

		line-height: 0.22rem;

	}

}

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

	.seo_six_item {

		margin-bottom: 0.3rem;

		padding-left: 0.5rem;

	}

	.seo_six_item .ico::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.seo_six_item .ico img {

		height: 0.3rem;

	}

	.seo_six_item h5 {

		font-size: 0.16rem;

	}

	.seo_six_item p {

		font-size: 0.13rem;

	}

}











.seo_step {

	margin-bottom: .2rem !important;

}



.seo_step_cont {

	--li_w: calc(100% / 8)
}

.seo_step_cont {

	position: relative;

}

.seo_step_cont::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	height: 1px;

	background: var(--border_color);

}



.seo_step_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

}

.seo_step_list li {

	width: 50%;

	text-align: center;

	position: relative;

}

.seo_step_list li:nth-child(odd) {

	padding-bottom: 0.4rem;

}

.seo_step_list li:nth-child(even) {

	padding-top: 0.4rem;

	margin-top: 2rem;

}



.seo_step_list .ico {

	display: inline-block;

	padding-left: 0.06rem;

	position: relative;

}

.seo_step_list .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .4rem;

	height: .4rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.seo_step_list .ico img {

	height: 0.5rem;

}



.seo_step_list h5 {

	margin: .1rem 0;

	font-size: 0.18rem;

	color: #333;

}

.seo_step_list p {

	font-size: 0.13rem;

	color: #333;

	font-weight: 100;

	line-height: 0.22rem;

}



.stepProcess {

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -1px;

	width: 0;

	height: 3px;

	background: var(--i_color);

	z-index: 3;

	-webkit-transition: all 1s ease;

	transition: all 1s ease
}

.seo_step_list li:nth-child(1).curr~.stepProcess {

	width: var(--li_w);

}

.seo_step_list li:nth-child(2).curr~.stepProcess {

	width: calc(var(--li_w) * 2);

}

.seo_step_list li:nth-child(3).curr~.stepProcess {

	width: calc(var(--li_w) * 3);

}

.seo_step_list li:nth-child(4).curr~.stepProcess {

	width: calc(var(--li_w) * 4);

}

.seo_step_list li:nth-child(5).curr~.stepProcess {

	width: calc(var(--li_w) * 5);

}

.seo_step_list li:nth-child(6).curr~.stepProcess {

	width: calc(var(--li_w) * 6);

}

.seo_step_list li:nth-child(7).curr~.stepProcess {

	width: calc(var(--li_w) * 7);

}

.seo_step_list li:nth-child(8).curr~.stepProcess {

	width: calc(var(--li_w) * 8);

}

.seo_step_list li:nth-child(9).curr~.stepProcess {

	width: calc(var(--li_w) * 9);

}

.seo_step_list li:nth-child(10).curr~.stepProcess {

	width: calc(var(--li_w) * 10);

}



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

	.seo_step_cont::before {

		display: none;

	}

	.seo_step_list {

		flex-wrap: wrap;

	}

	.seo_step_list li {

		width: 25%;

		padding: 0 .14rem !important;

		margin: 0 0 .36rem 0 !important;

		box-sizing: border-box;

	}

	.seo_step_list h5 {

		font-size: 0.16rem;

	}


}

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

	.seo_step_list li {

		width: 50%;

	}

	.seo_step_list p {

		font-weight: normal;

		color: #888;

	}

}

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

	.seo_step_list .ico::before {

		width: 0.28rem;

		height: 0.28rem;

	}

	.seo_step_list .ico img {

		height: 0.36rem;

	}

}













.seo_price {

	padding-bottom: 0.3rem;

	position: relative;

}

.seo_price::before,

.seo_price::after {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-filter: blur(80px);

	filter: blur(80px);

	z-index: -1;

}

.seo_price::before {

	width: 7rem;

	height: 7rem;

	opacity: .6;

	bottom: 0;

	left: 0;

	background: linear-gradient(90deg, #aec3ef 0%, #bfd9eb 100%);

}

.seo_price::after {

	width: 7rem;

	height: 7rem;

	opacity: .8;

	bottom: 0;

	right: 2rem;

	background: linear-gradient(40deg, #feeeb9 0%, #fee2dd 100%);

}



.seo_price_list {

	padding-top: 0.3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.seo_price_list dt {

	width: 27%;

	margin-right: 2%;

	background: #FFF;

}

.seo_price_list dd {

	width: 42%;

	background: var(--i_color);

	background: -webkit-linear-gradient(top, var(--i_color), var(--i_color3));

	background: linear-gradient(to bottom, var(--i_color), var(--i_color3));

}

.seo_price_list dt,

.seo_price_list dd {

	box-sizing: border-box;

	padding: .6rem .6rem .7rem;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

.seo_price_list dt::before {

	content: '';

	position: absolute;

	right: 0;

	bottom: 0;

	width: 1rem;

	height: 1rem;

	background: var(--i_color);

	-webkit-filter: blur(60px);

	filter: blur(60px)
}

.seo_price_list dt:nth-child(2)::after {

	content: '';

	position: absolute;

	right: -20%;

	bottom: -20%;

	width: 2rem;

	height: 2rem;

	box-sizing: border-box;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	border: 1px solid rgb(255 255 255 / 50%);

	background: rgb(27 97 213 / 3%);

	backdrop-filter: blur(3px);

	z-index: 3;

}



.seo_price_list dt i {

	display: block;

	position: absolute;

	bottom: -1.5rem;

	width: 60%;

	background: rgb(27 97 213 / 3%);

	backdrop-filter: blur(3px);

	box-sizing: border-box;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	z-index: 4;

}

.seo_price_list dt i::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.seo_price_list dt:nth-child(1) i {

	left: 50%;

	transform: translate(-50%, 0);

}

.seo_price_list dt:nth-child(2) i {

	left: -.6rem;

}



.seo_price_list .ico {

	position: absolute;

	right: .5rem;

	bottom: .5rem;

}

.seo_price_list dt:nth-child(1) .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 140%;

	height: 140%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: -webkit-linear-gradient(top, transparent, rgb(255 255 255 / 30%));

	background: linear-gradient(to bottom, transparent, rgb(255 255 255 / 30%));

}





.seo_price_list .ico img {

	height: 1rem;

	position: relative;

	z-index: 2;

}

.seo_price_list dd .ico {

	display: none;

}



.seo_price_list h4 {

	margin-bottom: 0.32rem;

	font-size: 0.3rem;

}

.seo_price_list li {

	margin: .12rem 0;

	padding-left: 0.2rem;

	font-size: 0.18rem;

	font-weight: 100;

	position: relative;

}

.seo_price_list dt h4,

.seo_price_list dt li {

	color: #333;

}

.seo_price_list dd h4,

.seo_price_list dd li {

	color: #FFF;

}



.seo_price_list li:not(:last-child)::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 0.04rem;

	height: 0.04rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.seo_price_list dt li::before {

	background: var(--i_color);

}

.seo_price_list dd li::before {

	background: #FFF;

}



.seo_price_list dd>img {

	position: absolute;

	right: 0;

	bottom: 0;

	max-width: 46%;

	max-height: 80%;

}



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

	.seo_price_list h4 {

		font-size: 0.24rem;

	}

}

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

	.seo_price_list dt,

	.seo_price_list dd {

		padding: 0.5rem 0.5rem .7rem;

	}

	.seo_price_list .ico {

		bottom: 0.4rem;

	}

	.seo_price_list .ico img {

		height: 0.7rem;

	}

	.seo_price_list dt:nth-child(2)::after {

		right: -27%;

		bottom: -22%;

	}



	.seo_price_list h4 {

		font-size: 0.22rem;

	}

}

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

	.seo_price_list li {

		font-size: 0.16rem;

	}

	.seo_price_list h4 {

		font-size: 0.2rem;

	}

}

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

	.seo_price_list dt,

	.seo_price_list dd {

		padding: 0.4rem 0.3rem .7rem;

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.seo_price_list dt:nth-child(2)::after {

		display: none;

	}

	.seo_price_list dt:nth-child(1) .ico::before {

		display: none;

	}

	.seo_price_list dt i {

		display: none;

	}

	.seo_price_list h4 {

		margin-bottom: 0.2rem;

		font-size: 0.18rem;

	}

	.seo_price_list li {

		margin: .08rem 0;

		font-size: 0.15rem;

	}

	.seo_price_list .ico img {

		height: 0.5rem;

	}

}

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

	.seo_price_list dt,

	.seo_price_list dd {

		padding: 0.3rem 0.3rem 0.4rem;

		width: 100%;

		box-shadow: 0 0 .1rem rgb(27 97 213 / 20%);

	}

	.seo_price_list dt {

		margin: 0 0 .2rem 0;

	}

	.seo_price_list dt span,

	.seo_price_list dd span {

		margin-bottom: 0.2rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.seo_price_list .ico {

		position: initial;

	}

	.seo_price_list dd .ico {

		display: block;

	}

	.seo_price_list .ico img {

		height: 0.3rem;

	}

	.seo_price_list h4 {

		margin: 0 0 0 .16rem;

		font-size: 0.17rem;

	}

	.seo_price_list li {

		font-size: 0.14rem;

		font-weight: normal;

	}

	.seo_price_list dt li {

		color: #777 !important;

	}

}

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

	.seo_price_list dt,

	.seo_price_list dd {

		padding: 0.2rem 0.3rem 0.2rem;

	}

	.seo_price_list li {

		margin: .05rem 0;

	}

	.seo_price_list .ico img {

		height: 0.22rem;

	}

	.seo_price_list h4 {

		font-size: 0.16rem;

	}

	.seo_price_list dd>img {

		opacity: .6;

		max-width: 42%;

	}

}











.b2b {}

.b2b .in_tit h6 {

	max-width: 50%;

}



.b2b_list {

	padding-top: 0.2rem;

	margin: 0 auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.b2b_list li {

	text-align: center;

	margin: 0 .5rem;

	position: relative;

}

.b2b_list .ico {

	width: 1.2rem;

	height: 1.2rem;

	margin: 0 auto;

	box-sizing: border-box;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	background: #f5f9ff;

	position: relative;

}

.b2b_list .ico i {

	display: block;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	padding-left: 0.06rem;

}

.b2b_list .ico i::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .38rem;

	height: .38rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.b2b_list .ico i img {

	height: 0.44rem;

}

.b2b_list li p {

	margin-top: 0.2rem;

	font-size: 0.18rem;

	color: #333;

}



.b2b_list li:hover {

	-webkit-transform: translate(0, -.2rem);

	transform: translate(0, -.2rem);

}

.b2b_list li:hover .ico {

	box-shadow: 2px 2px .14rem rgb(27 97 213 / 20%);

}

.b2b_list li {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.b2b .in_tit h6 {

		max-width: 60%;

	}

}

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

	.b2b_list li {

		margin: 0 .4rem;

	}

	.b2b_list li p {

		font-size: 0.18rem;

	}

}

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

	.b2b .in_tit h6 {

		max-width: 70%;

	}

	.b2b_list li {

		margin: 0 .34rem;

	}

	.b2b_list li p {

		font-size: 0.17rem;

	}

}

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

	.b2b .in_tit h6 {

		max-width: 80%;

	}

	.b2b_list li {

		margin: 0 .2rem;

	}

	.b2b_list .ico {

		width: .74rem;

		height: .74rem;

	}

	.b2b_list .ico i::before {

		width: 0.34rem;

		height: 0.34rem;

	}

	.b2b_list .ico i img {

		height: 0.38rem;

	}

	.b2b_list li p {

		font-size: 0.15rem;

	}

}

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

	.b2b .in_tit h6 {

		max-width: 100%;

	}

	.b2b_list li {

		width: 20%;

		margin: 0 0;

	}

	.b2b_list .ico {

		width: 0.6rem;

		height: 0.6rem;

		-webkit-border-radius: .12rem;

		border-radius: .12rem;

	}

	.b2b_list .ico i::before {

		width: 0.26rem;

		height: 0.26rem;

	}

	.b2b_list .ico i img {

		height: 0.34rem;

	}

	.b2b_list li p {

		margin-top: 0.16rem;

		font-size: 0.14rem;

	}

}

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

	.b2b_list li {

		width: 32%;

		margin-bottom: 0.3rem;

	}

	.b2b_list .ico i::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.b2b_list .ico i img {

		height: 0.3rem;

	}

}











.b2b_lg {}



.b2b_lg_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.b2b_lg_cont dt {

	width: 48.5%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden;

}

.b2b_lg_cont dt::before {

	content: '';

	display: block;

	padding-bottom: 109%;

}



.b2b_lg_pic {

	background: -webkit-linear-gradient(140deg, var(--i_color) 16%, transparent 100%);

	background: linear-gradient(140deg, var(--i_color) 16%, transparent 100%);

}

.b2b_lg_pic span {

	position: absolute;

	top: 10%;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 0 .4rem;

}

.b2b_lg_pic span h2 {

	font-size: 0.32rem;

	color: #FFF;

}

.b2b_lg_pic span p {

	margin-top: 0.2rem;

	font-size: 0.18rem;

	color: #FFF;

	line-height: 0.32rem;

}

.b2b_lg_pic>img {

	position: absolute;

	right: 0;

	bottom: 0;

	max-width: 80%;

}



.b2b_lg_txt {

	box-shadow: 1px 3px .1rem rgb(27 96 212 / 30%);

}

.b2b_lg_txt ul {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 84%;

	height: 80%;

	box-sizing: border-box;

	padding-right: 0.3rem;

	overflow-y: auto;

}

.b2b_lg_txt ul::-webkit-scrollbar {

	width: 1px;

	height: 8px
}

.b2b_lg_txt ul::-webkit-scrollbar-thumb {

	background: var(--i_color)
}

.b2b_lg_txt ul::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

	background: #FFF
}

.b2b_lg_txt li {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

}

.b2b_lg_txt li:not(:last-child) {

	margin-bottom: 0.8rem;

}

.b2b_lg_txt .ico {

	padding-left: 0.06rem;

	position: relative;

}

.b2b_lg_txt .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .34rem;

	height: .34rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.b2b_lg_txt .ico img {

	height: 0.4rem;

}

.b2b_lg_txt span {

	margin-left: auto;

	width: calc(100% - .8rem);

}

.b2b_lg_txt span h5 {

	margin-bottom: 0.2rem;

	font-size: 0.22rem;

	color: #333;

}

.b2b_lg_txt span p {

	font-size: 0.18rem;

	color: #333;

	line-height: 0.3rem;

	font-weight: 100;

}



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

	.b2b_lg_pic span h2 {

		font-size: 0.3rem;

	}

}

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

	.b2b_lg_pic span h2 {

		font-size: 0.26rem;

	}

}

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

	.b2b_lg_txt ul {

		width: 88%;

		height: 84%;

	}

	.b2b_lg_txt li:not(:last-child) {

		margin-bottom: 0.66rem;

	}

	.b2b_lg_txt span h5 {

		font-size: 0.2rem;

	}

	.b2b_lg_txt span p {

		font-size: 0.16rem;

	}

}

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

	.b2b_lg_pic span h2 {

		font-size: 0.22rem;

	}

	.b2b_lg_pic span p {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}



	.b2b_lg_txt .ico::before {

		width: 0.24rem;

		height: 0.24rem;

	}

	.b2b_lg_txt .ico img {

		height: 0.32rem;

	}

	.b2b_lg_txt li:not(:last-child) {

		margin-bottom: 0.5rem;

	}

	.b2b_lg_txt span {

		width: calc(100% - 0.62rem);

	}

	.b2b_lg_txt span h5 {

		font-size: 0.18rem;

	}

	.b2b_lg_txt span p {

		font-size: 0.15rem;

		line-height: 0.28rem;

	}



}

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

	.b2b_lg_cont dt {

		width: 100%;

	}

	.b2b_lg_cont dt::before {

		padding-bottom: 80%;

	}

	.b2b_lg_txt {

		margin-top: 0.3rem;

	}

	.b2b_lg_txt::before {

		display: none !important;

	}

	.b2b_lg_txt ul {

		position: relative;

		top: initial;

		left: initial;

		transform: none;

		width: 100%;

		height: auto;

		padding: .4rem .3rem;

	}

	.b2b_lg_txt li:not(:last-child) {

		margin-bottom: 0.28rem;

	}

	.b2b_lg_txt span h5 {

		margin-bottom: 0.1rem;

		font-size: 0.16rem;

	}

	.b2b_lg_txt span p {

		font-size: 0.14rem;

		color: #888;

		font-weight: normal;

		line-height: 0.22rem;

	}

}

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

	.b2b_lg_pic span {

		padding: 0 .3rem;

	}

	.b2b_lg_pic span h2 {

		font-size: 0.18rem;

	}

	.b2b_lg_pic span p {

		font-size: 0.14rem;

		line-height: 0.22rem;

	}

	.b2b_lg_pic>img {

		max-height: 70%;

	}



	.b2b_lg_txt {

		margin-top: 0.2rem;

	}

	.b2b_lg_txt ul {

		padding: .3rem .26rem;

	}

	.b2b_lg_txt span p {

		font-size: 0.13rem;

	}

}















.b2b_step {}



.b2b_step_list {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.b2b_step_list dt {}

.b2b_step_list dt:not(:last-child) {

	margin-right: .5%;

}



.b2b_step_list dt {

	width: 14%;

	height: 1.2rem;

	box-sizing: border-box;

	padding: 0 .2rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: center;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	border: 1px solid var(--border_color);

	cursor: pointer;

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

.b2b_step_list .curr {

	width: 27.5%;

	background: var(--i_color3);

}



.b2b_step_list span {

	flex-shrink: 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.b2b_step_list .ico {

	padding-left: 0.1rem;

	position: relative;

}

.b2b_step_list .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .36rem;

	height: .36rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(255 255 255 / 10%);

	backdrop-filter: blur(2px);

}

.b2b_step_list .ico img {

	height: 0.4rem;

}

.b2b_step_list h6 {

	margin-left: 0.14rem;

	font-size: 0.18rem;

	color: #333;

}

.b2b_step_list .curr h6 {

	color: #FFF;

}

.b2b_step_list p {

	display: none;

	margin-left: 0.3rem;

	font-size: 0.14rem;

	color: #FFF;

	font-weight: 100;

	line-height: 0.2rem;

	overflow: hidden;

	flex-wrap: wrap;

	align-items: center;

}

.b2b_step_list .curr p {

	display: -webkit-flex;

	display: flex;

}



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

	.b2b_step_list {

		flex-wrap: wrap;

		justify-content: space-between;

	}

	.b2b_step_list dt {

		width: 48.5%;

		height: auto;

		padding: .16rem .2rem;

		margin: 0 0 .2rem 0 !important;

		justify-content: flex-start;

	}

	.b2b_step_list h6 {

		font-size: 0.15rem;

	}

	.b2b_step_list p {

		display: block;

		height: auto;

		margin-left: 0.2rem;

		color: #333;

	}

}

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

	.b2b_step_list dt {

		display: block;

	}

	.b2b_step_list .ico::before {

		width: 0.3rem;

		height: 0.3rem;

	}

	.b2b_step_list .ico img {

		height: 0.34rem;

	}

	.b2b_step_list h6 br {

		display: none;

	}

	.b2b_step_list p {

		margin: .1rem 0 0 0;

		font-weight: normal;

		color: #777;

	}

}

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











.brand {

	padding: 1rem 0 2rem;

	background: #eceff5;

	overflow: hidden;

}

.brand .i_more {

	float: right;

	margin-top: -.3rem;
	position: relative;
	z-index: 3;

}



.brand_list {

	position: relative;

}

.brand_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.brand_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	overflow: hidden;

}

.brand_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 63%;

}

.brand_list .brand_p_head {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 13%;

	background: -webkit-linear-gradient(top, #FFF 10%, #d6d8db 90%);

	background: linear-gradient(to bottom, #FFF 10%, #d6d8db 90%);

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.brand_list .brand_p_head i:nth-child(1) {

	margin-left: 0.44rem;

}

.brand_list .brand_p_head i {

	display: inline-block;

	margin-right: 0.12rem;

	width: 0.1rem;

	height: 0.1rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #FFF;

}

.brand_list .swiper-slide>img {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: calc(100% - 13%);

	object-fit: cover;

}



.brand-pagination {

	display: block;

	margin-top: 0.7rem;

}

.brand-pagination .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 6px;

	box-sizing: border-box;

	border: 1px solid #999;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none
}

.brand-pagination .swiper-pagination-bullet-active {

	border-color: var(--i_color3);

	background: var(--i_color3)
}

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

	.brand_list {

		overflow: hidden;

	}

}

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

	.brand {

		padding-top: 0.8rem;

	}

}

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

	.brand-pagination {

		margin-top: 0.5rem;

	}

}

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

	.brand {

		padding-top: 0.6rem;

	}

	.brand_list .swiper-slide {

		-webkit-border-radius: .16rem;

		border-radius: .16rem;

	}

	.brand_p_head {

		display: none !important;

	}

	.brand_list .swiper-slide>img {

		height: 100%;

	}

}

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

	.brand {

		padding-top: 0.4rem;

		padding-bottom: 1.6rem;

	}

}






.honor_list{margin: .8rem auto 1rem; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .7rem 3%;}
.honor_list li{width: 22.75%;cursor: pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}

.honor_list .img{width:100%; position:relative; overflow:hidden}
.honor_list .img::before{content:""; display:block; padding-bottom:80%}
.honor_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:contain}

.honor_list .txt{text-align: center;margin-top: 10px;}
.honor_list .txt p{font-size: 16px;}

.honor_list li:hover{-webkit-transform:translate(0,-8px); transform:translate(0,-8px);}
.honor_list li:hover p{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.honor_list{margin: .6rem auto .8rem;}
	.honor_list .txt p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.honor_list{margin: .4rem auto .8rem; gap: .4rem 4%;}
	.honor_list li{width: 48%;}
}
@media screen and (max-width:560px) {
	.honor_list .txt p{font-size: 14px;}
}








.school_list {}



.school_t_pic {

	margin-top: 0.3rem;

	text-align: center;

}

.school_t_pic img {

	max-width: 100%;

}



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

	.school_t_pic img {

		max-width: 70%;

	}

}

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

	.school_list li {

		width: 30% !important;

		box-sizing: border-box;

		padding: 0 2%;

		margin-bottom: 0.26rem;

	}

	.school_t_pic {

		margin-top: 0.1rem;

	}

}

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











.school_sv {

	padding-bottom: 0 !important;

	position: relative;

}

.school_sv::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 5rem;

	background: -webkit-linear-gradient(top, #edf4fd, transparent);

	background: linear-gradient(to bottom, #edf4fd, transparent);

	z-index: -1;

}

.school_sv .i_more {

	margin: 0 auto;

}



.school_sv_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.school_sv_list li {

	width: 31.33%;

	margin: 0 3% .5rem 0;

	padding-bottom: 0.3rem;

	border-bottom: 1px solid var(--border_color);

}

.school_sv_list li:nth-child(3n) {

	margin-right: 0;

}



.school_sv_list .img {

	width: 100%;

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	position: relative;

	overflow: hidden
}

.school_sv_list .img::before {

	content: "";

	display: block;

	padding-bottom: 54%
}

.school_sv_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}



.school_sv_list .txt {

	margin-top: 0.2rem;

}

.school_sv_list .txt p {

	font-size: 0.18rem;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.school_sv_list li:hover img {

	width: 115%;

	height: 115%;

}

.school_sv_list li:hover p {

	color: var(--i_color);

}

.school_sv_list img {

	-webkit-transition: all .8s ease;

	transition: all .8s ease
}



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

	.school_sv_list li {

		margin-bottom: 0.4rem;

	}

	.school_sv_list .txt p {

		font-size: 0.16rem;

	}

}

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

	.school_sv_list li {

		width: 48%;

		margin: 0 4% .3rem 0;

	}

	.school_sv_list li:nth-child(3n) {

		margin-right: 4%;

	}

	.school_sv_list li:nth-child(2n) {

		margin-right: 0;

	}

	.school_sv_list .img {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.school_sv_list .txt p {

		font-size: 0.15rem;

	}

}

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

	.school_sv_list li {

		width: 100%;

		margin: 0 0 .2rem 0;

	}

}







.school_pic {}























.in_contact {

	margin: 1rem auto;

}



.in_contact_t {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.in_contact_t dt {

	padding-bottom: 0.3rem;

	width: 46%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	border-bottom: 1px solid var(--border_color);

}

.in_contact_t .ico {

	padding-left: 0.06rem;

	position: relative;

}

.in_contact_t .ico::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: .24rem;

	height: .24rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

}

.in_contact_t .ico img {

	height: 0.32rem;

}



.in_contact_t span {

	max-width: calc(100% - .4rem - .3rem);

	margin-left: 0.3rem;

}

.in_contact_t span p {

	margin: .1rem 0;

}

.in_contact_t span p,

.in_contact_t span a {

	font-size: 0.16rem;

	color: #333;

}

.in_contact_t span a:hover {

	color: var(--i_color);

}



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

	.in_contact {

		margin: 0.6rem auto .7rem;

	}

	.in_contact_t span p,

	.in_contact_t span a {

		font-size: 0.15rem;

	}

}

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

	.in_contact_t dt {

		padding-bottom: 0.2rem;

		margin-bottom: 0.2rem;

		width: 100%;

	}

}

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

	.in_contact {

		margin: 0.36rem auto .5rem;

	}

	.in_contact_t .ico::before {

		width: 0.2rem;

		height: 0.2rem;

	}

	.in_contact_t .ico img {

		height: 0.26rem;

	}

	.in_contact_t span {

		margin-left: 0.2rem;

	}

	.in_contact_t span p {

		margin: 0 0 .06rem;

	}

	.in_contact_t span p,

	.in_contact_t span a {

		font-size: 0.14rem;

	}

}







.c_link {

	margin-top: 0.6rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.c_link li {

	margin: 0 .24rem;

}



.i_more4 {

	box-shadow: none;

}

.i_more4 i {

	background: #F2F2F2;

	color: #333;

}

.i_more4:hover {

	box-shadow: 0 14px 24px rgb(27 97 213 / 60%);

}

.i_more4:hover i {

	background: var(--i_color);

	color: #FFF;

}



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

	.c_link {

		margin-top: 0.4rem;

	}

}

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

	.c_link {

		margin-top: 0.2rem;

	}

	.c_link li {

		margin: 0 .18rem;

	}

}

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

	.c_link {

		margin-top: 0;

	}

}








.c_map {

	width: 100%;

	box-sizing: border-box;

	border-left: 4px solid var(--i_color);

	position: relative;

	overflow: hidden;

}

.c_map::before {

	content: '';

	display: block;

	padding-bottom: 31.25%;

}



.c_map #simpleMap,

.c_map .fluid-width-video-wrapper,

.c_map iframe {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100% !important
}



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

	.c_map::before {

		padding-bottom: 40%;

	}

}

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

	.c_map::before {

		padding-bottom: 54%;

	}

}

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

	.c_map::before {

		padding-bottom: 70%;

	}

}









.recruit {}

.recruit .in_tit {

	text-align: left;

}



.c_recruit_ico {

	position: absolute;

	top: .1rem;

	right: 0;

	width: 1.1rem;

	height: 1.1rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	background: #eff5ff;

	box-shadow: 1px 1px 6px rgb(209 221 242 / 100%);

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

}

.c_recruit_ico::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 34%;

	transform: translate(-50%, -50%);

	width: .4rem;

	height: .4rem;

	box-sizing: border-box;

	border: 1px solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: rgb(27 97 213 / 10%);

	backdrop-filter: blur(2px);

	z-index: 2;

}

.c_recruit_ico img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	height: 0.52rem;

}







.rec_list {}

.rec_list li {

	position: relative;

}

.rec_list li.curr {

	border-bottom: 1px solid var(--border_color);

}



.rec_header {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	border-bottom: 1px solid var(--border_color);

}

.rec_list li:nth-child(1) .rec_header {

	border-top: 1px solid var(--border_color);

}

.rec_tit {

	width: 35%;

	box-sizing: border-box;

	padding-left: 0.3rem;

}

.rec_department {

	width: 20%;

}

.rec_add {

	width: 20%;

}

.rec_number {

	width: 15%;

}



.rec_header dt {

	padding-top: .3rem;

	padding-bottom: .3rem;

	font-size: 0.16rem;

	color: #333;

}

.rec_switch {

	display: block;

	position: absolute;

	top: .2rem;

	right: 0;

	margin: 0 .3rem 0 auto;

	width: 0.42rem;

	height: 0.42rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: var(--i_color);

	cursor: pointer;

}

.rec_switch::before,

.rec_switch::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	background: #FFF;

}

.rec_switch::before {

	transform: translate(-50%, 0);

	margin-top: -.01rem;

	width: 0.15rem;

	height: .03rem;

}

.rec_switch::after {

	transform: translate(0, -50%);

	margin-left: -.01rem;

	width: 0.03rem;

	height: 0.15rem;

}

.rec_list .curr .rec_switch::after {

	display: none !important;

}



.rec_cont {

	display: none;

	padding: .3rem;

}



.rec_text {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.rec_duty,

.rec_req {

	width: 46%;

}

.rec_text div>p {

	margin-bottom: 0.14rem;

	font-size: 0.15rem;

	color: #333;

}

.rec_text article,

.rec_text article * {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.26rem;

	font-weight: 100;

}

.rec_cont>h6 {

	margin-top: 0.3rem;

	font-size: 0.14rem;

	color: var(--i_color3);

	font-weight: bold;

}



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

	.c_recruit_ico {

		width: 0.8rem;

		height: 0.8rem;

	}

	.c_recruit_ico img {

		height: 0.4rem;

	}

	.c_recruit_ico::before {

		width: 0.3rem;

		height: 0.3rem;

	}

	.rec_header dt {

		font-size: 0.15rem;

	}

	.rec_tit {

		padding-left: 0.2rem;

	}

	.rec_switch {

		margin: 0 0.2rem 0 auto;

	}

	.rec_cont {

		padding: .3rem .2rem;

	}

}

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

	.c_recruit_ico {

		display: none;

	}

	.rec_tit {

		width: 40%;

		padding-left: 0;

	}

	.rec_department {

		width: 30%;

	}

	.rec_add {

		width: 10%;

	}

	.rec_number {

		width: 10%;

	}

	.rec_switch {

		top: 0.24rem;

		margin: 0 0 0 auto;

		width: 0.3rem;

		height: 0.3rem;

	}

	.rec_cont {

		padding: .3rem 0;

	}

	.rec_duty,

	.rec_req {

		width: 100%;

	}

	.rec_duty {

		margin-bottom: 0.2rem;

	}

	.rec_text article,

	.rec_text article * {

		font-weight: normal;

		color: #666;

	}

}

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

	.rec_header dt {

		font-size: 0.14rem;

	}

	.rec_text div>p {

		margin-bottom: 0.1rem;

		font-size: 0.14rem;

	}

	.rec_text article,

	.rec_text article * {

		font-size: 0.13rem;

	}

}















.rec_link {}

.rec_link>p {

	margin-bottom: 0.3rem;

	font-size: 0.18rem;

	color: #333;

}



.rec_link_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.rec_link_list li {

	width: 22%;

	margin: 0 4% .4rem 0;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	box-sizing: border-box;

	border: 1px solid var(--border_color);

	overflow: hidden;

}

.rec_link_list li:nth-child(4n) {

	margin-right: 0;

}

.rec_link_list a {

	display: block;

	position: relative;

	overflow: hidden;

}

.rec_link_list a::before {

	content: '';

	display: block;

	padding-bottom: 32.35%;

}

.rec_link_list img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover;

}



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

	.rec_link>p {

		font-size: 0.16rem;

	}

	.rec_link_list li {

		-webkit-border-radius: .1rem;

		border-radius: .1rem;

	}

}

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

	.rec_link_list li {

		margin-bottom: 0.2rem;

	}

}

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

	.rec_link_list li {

		width: 47%;

		margin: 0 6% .2rem 0;

	}

	.rec_link_list li:nth-child(2n) {

		margin-right: 0;

	}

}













.aside_main {
	position: fixed;
	top: 20%;
	right: -1.2rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	z-index: 99999;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.aside_main.on {
	right: 0;
}

.google_partner {
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background: #FFF;
	box-sizing: border-box;
	border: 6px solid #e94235;
	border-right: none;
	position: relative;
	-webkit-border-radius: .2rem 0 0 .2rem;
	border-radius: .2rem 0 0 .2rem;
}
.google_partner img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	object-fit: contain;
}
@media screen and (max-width:1366px) {
	.google_partner {
		width: 1rem;
		height: 1rem;
	}
}
@media screen and (max-width:1024px) {
	.google_partner {
		width: .76rem;
		height: .76rem;
	}
}
@media screen and (max-width:768px) {
	.google_partner {
		width: .56rem;
		height: .56rem;
		border-width: 4px;
		-webkit-border-radius: .1rem 0 0 .1rem;
		border-radius: .1rem 0 0 .1rem;
	}
	.google_partner img {
		width: 90%;
		height: 90%;
	}
}



/* aside */

/* .aside_right {

	--ico_size: .5rem
}

.aside_right {

	opacity: 0;

	position: fixed;

	right: 0;

	bottom: 18%;

	z-index: 999999
}

.aside_right.on {

	opacity: 1;

}

.aside_right ul {}

.aside_right li {

	background: #666;

	position: relative;

	cursor: pointer
}

.aside_right li>a {

	display: block;

	width: var(--ico_size);

	height: var(--ico_size);

	box-sizing: border-box;

	border-bottom: 1px solid rgb(255 255 255 / 20%);

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	z-index: 3
}

.aside_right li>a img {

	display: block;

	margin: 0 auto;

	width: .18rem;

	height: .18rem;

	object-fit: contain
}



.aside_t {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: -3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	max-width: 3rem;

	min-height: 100%;

	box-sizing: border-box;

	padding: .1rem .2rem;

	background: #FFF;

	box-shadow: -1px 2px 6px rgb(0 0 0 / 20%);

	z-index: -1;

}

.aside_t a,

.aside_t p {

	display: block;

	font-size: 0.15rem;

	color: #666;

	line-height: 0.24rem;

	white-space: nowrap;

}

.aside_t img {

	height: 0.8rem;

}



.aside_right li:hover>a {

	background: var(--i_color2)
}

.aside_right li:hover .aside_t {

	right: var(--ico_size);

}

.aside_t a:hover {

	color: var(--i_color2);

}

.aside_right,

.aside_t {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.aside_right {

		--ico_size: .4rem
	}

	.aside_right li>a img {

		width: 0.16rem;

		height: 0.16rem;

	}

	.aside_t a,

	.aside_t p {

		font-size: 0.13rem;

		line-height: 0.2rem;

	}

}

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

	.aside_right {

		--ico_size: .32rem
	}

	.aside_right li>a img {

		width: 0.14rem;

		height: 0.14rem;

	}

} */







.back_top {
	opacity: 0;
	position: fixed;
	right: .4rem;
	bottom: .5rem;
	width: 0.6rem;
	height: 0.6rem;
	background: #FFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 2px 2px .1rem rgb(27 96 212 / 30%);
	z-index: 2013;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.back_top.show {
	opacity: 1;
}
.back_top i {
	opacity: .9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.26rem;
	height: 0.26rem;
	background: url(../images/back_top_ico.svg) no-repeat center;
	background-size: contain;
}
@media screen and (max-width:1024px) {
	.back_top {
		width: 0.5rem;
		height: 0.5rem;
	}
}
@media screen and (max-width:768px) {
	.back_top {
		width: 0.4rem;
		height: 0.4rem;
		right: 0.2rem;
		bottom: 0.2rem;
	}
	.back_top i {
		width: 0.2rem;
		height: 0.2rem;
	}
}





#aside_mask_bg {

	display: none;

	position: fixed;

	top: 50%;

	transform: translate(0, -50%);

	left: 0%;

	width: 100%;

	height: 100%;

	background: rgb(0 0 0 / 70%);

	z-index: 9999999999998;

}

#aside_sc_from {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 800px;

	box-sizing: border-box;

	padding: 30px 30px 40px;

	background: rgb(255 255 255 / 100%);

	z-index: 9999999999999;

	overflow: auto
}

#aside_sc_from .tit {

	margin-bottom: .2rem
}

#aside_sc_from .tit p {

	text-align: center;

	font-size: .26rem;

	color: var(--i_color);

	font-weight: bold;

	line-height: .3rem
}

.aside_close {

	position: absolute;

	top: .3rem;

	right: .3rem;

	display: block;

	width: .3rem;

	height: .3rem;

	background: url(close_b1.svg) no-repeat center;

	background-size: 30px;

	cursor: pointer
}

.aside_close:hover {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.aside_close {

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease
}



#wpforms-68 {

	--input_font_color: rgb(0 0 0 / 50%);

	--input_font_size: 14px;

	--input_height: 42px
}

#wpforms-68 {

	width: 100%;

	margin: 0 auto;

	padding: 0
}

#wpforms-form-68 {

	width: 100%;

	overflow: hidden
}

#wpforms-68 input,

#wpforms-68 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-68 .wpforms-field {

	padding: 0;

	margin: 0
}

#wpforms-68 .wpforms-error-container {

	line-height: 16px
}

#wpforms-68 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden
}

#wpforms-68 .wpforms-submit-container {

	padding: 0 !important;

	margin: 0 auto;

	width: 170px;

	background: var(--i_color);

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	position: relative
}

#wpforms-68 .wpforms-field-label {

	font-size: 0
}

#wpforms-68 .wpforms-required-label {

	position: absolute;

	top: 16px;

	left: 5px;

	font-size: 16px;

	color: #F00
}

#wpforms-68 .wpforms-field {

	width: 100%;

	margin-bottom: 0;

	padding-bottom: .18rem;

	background: transparent;

	position: relative;

	overflow: hidden
}

#wpforms-68 input {

	height: var(--input_height)
}

#wpforms-68 textarea {

	min-height: 100px
}

#wpforms-68 input,

#wpforms-68 textarea {

	width: 100%;

	max-width: 100% !important;

	font-size: var(--input_font_size);

	color: #333;

	box-sizing: border-box;

	border: 1px solid rgb(0 0 0 / 30%);

	line-height: var(--input_height);

	padding: 0 16px
}

#wpforms-68 input::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 input::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 textarea::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-68 #wpforms-68-field_1-error,

#wpforms-68 #wpforms-68-field_2-error,

#wpforms-68 #wpforms-68-field_3-error,

#wpforms-68 #wpforms-68-field_5-error {

	position: absolute;

	font-size: 13px
}

#wpforms-68 .wpforms-submit-container button {

	width: 100%;

	height: 38px;

	font-size: 14px;

	color: #FFF;

	line-height: 38px;

	cursor: pointer;

	text-transform: uppercase;

	position: relative;

	z-index: 2
}

#wpforms-68 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}

#wpforms-68 .wpforms-submit-container:hover {

	background: var(--i_color2);

}



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

	.aside_right li>a {

		width: 0.4rem;

		height: 0.4rem;

	}

	.aside_right li img {

		width: 0.18rem;

		height: 0.18rem;

	}

}



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

	#aside_sc_from {

		width: 94%;

	}

}

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

	.aside_right li>a {

		width: 0.34rem;

		height: 0.34rem;

	}

	.aside_right li img {

		width: 0.16rem;

		height: 0.16rem;

	}

}

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

	#aside_sc_from {

		padding: 20px 20px 30px
	}

	#aside_sc_from .tit {

		margin-bottom: 0.18rem;

	}

	#wpforms-68 {

		--input_font_size: 13px;

		--input_height: 38px
	}

	#wpforms-68 .wpforms-submit-container {

		height: 34px;

	}

	#wpforms-68 .wpforms-submit-container button {

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.aside_close {

		top: 0.1rem;

		right: 0.1rem;

	}

}

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

	#aside_sc_from .tit p {

		font-size: 0.17rem;

	}

}