* {
	box-sizing: border-box;
}

body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, 'Microsoft YaHei';
	background: #fff;
	position: relative;
}

html {
	/* font-size: 100px; */
	font-size: 5.3vw;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

@media screen and (max-width: 1600px) {
	html {
		font-size: 6vw;
	}
}

@media screen and (max-width: 1400px) {
	html {
		font-size: 7vw;
	}
}

@media screen and (max-width: 750px) {
	html {
		font-size: 65px;
	}

}

::-webkit-scrollbar {
	width: 0.04rem;
	height: 0.04rem
}

::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 0.05rem
}

::-webkit-scrollbar-thumb {
	background: #0D76E2;
	border-radius: 0.05rem
}

[class^=embed] div,
[class^=embed] span,
[class^=embed] applet,
[class^=embed] object,
[class^=embed] iframe,
[class^=embed] h1,
[class^=embed] h2,
[class^=embed] h3,
[class^=embed] h4,
[class^=embed] h5,
[class^=embed] h6,
[class^=embed] p,
[class^=embed] pre,
[class^=embed] a,
[class^=embed] em,
[class^=embed] font,
[class^=embed] img,
[class^=embed] strong,
[class^=embed] sub,
[class^=embed] sup,
[class^=embed] dl,
[class^=embed] dt,
[class^=embed] dd,
[class^=embed] ol,
[class^=embed] ul,
[class^=embed] li,
[class^=embed] fieldset,
[class^=embed] form,
[class^=embed] label,
[class^=embed] legend,
[class^=embed] table,
[class^=embed] caption,
[class^=embed] tbody,
[class^=embed] tfoot,
[class^=embed] thead,
[class^=embed] tr,
[class^=embed] th,
[class^=embed] td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
	font-family: Arial, Helvetica, Microsoft YaHei, sans-serif;
	overflow: initial;
	line-height: 1.2
}

div[class^=embed] {
	overflow: initial
}

.line-height-100 {
	line-height: 100%;
}

.line-height-150 {
	line-height: 150%;
}

.line-height-175 {
	line-height: 175%;
}

.rounded-20 {
	border-radius: 1.25rem;
}

.newsh2 {
	margin-bottom: 0;
	font-family: PingFang;
	font-weight: 600;
	font-size: 0.36rem;
	color: #333333;
	line-height: 0.5rem;
	letter-spacing: 0.01rem;
}

.news {
	border: 0.01rem solid #E2E2E2;
	border-radius: .2rem;
}

.news .embed-responsive {
	transition: .3s;
	background-size: 100%;
}

.news:hover .embed-responsive {
	background-size: 120%;
}

.news .newsItem {
	padding: .25rem;
}

.newsItem-date {
	font-size: .18rem;
	line-height: 1.5;
}

.newsItem-title {
	font-size: .2rem;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.6;
}

#nav-tab {
	margin: 0 -0.15rem;
}

.nav-tabs .nav-link {
	width: unset;
	padding: 0 0.15rem 0.15rem 0.15rem;
	margin: 0;
	border: 0;
	font-size: .24rem;
	color: #000000;
	line-height: 1;
	position: relative;
	border: none !important;
}

.nav-tabs .nav-link::after {
	content: '';
	width: calc(100% - 0.3rem);
	height: 0.02rem;
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.nav-tabs .nav-link.active {
	color: #006dff;
	font-weight: 700;
}

.nav-tabs .nav-link.active::after {
	background: #006dff;
}

.pagination {
	align-items: center;
}

.page-prev,
.page-next {
	width: 2.5rem;
	height: 2.5rem;
	border: 0.02rem solid #000000;
	background-color: #000000;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-prev a,
.page-next a {
	color: #FFFFFF;
	line-height: 1;
	font-size: 0;
}

.page-item.disabled {
	background-color: #FFFFFF;
	opacity: .2;
}

.page-item.disabled a {
	color: #000000;
}

.page-item {
	margin: 0 0.75rem;
}

.page-prev {
	margin-right: 1.125rem;
}

.page-next {
	margin-left: 1.125rem;
}

.page-item.active a {
	color: #006dff;
}

.qiyezixun {
	width: 4rem
}

@media (any-hover) {


	.news:hover {
		box-shadow: 0rem 0.1rem 0.2rem rgba(0, 40, 182, 0.08);
		text-decoration: unset;
	}

	.nav-tabs .nav-link:hover {
		color: #006dff;
	}
}

@media (max-width:991px) {}

@media (max-width:768px) {
	.display-3 {
		font-size: 2.5rem;
	}

	#nav-tab {
		margin: 0;
		justify-content: space-between;
		/* padding: 0 .25rem; */
	}

	.nav-tabs .nav-link {
		/* padding: 0 0 0.2rem 0; */
	}

	.newsh2 {
		display: none;
		margin-bottom: .35rem;
	}

	.nav-tabs .nav-link::after {
		width: 100%;
	}

	.qiyezixun {
		width: 2.8rem
	}
}

a:hover {
	text-decoration: unset;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
figure {
	list-style: none;
	padding: 0;
	margin: 0;
}

a,
a:hover {
	text-decoration: none;
}

.font-blue {
	color: #005bac !important;
}

.font-green {
	color: #00b050 !important;
}

.font-red {
	color: #124EFE !important;
}

.linearBg {
	background-image: linear-gradient(to right, #26cfff, #124EFE);
}

.linearBgW {
	background-image: linear-gradient(to right, #fff, #f0f3f9);
}

.linearBgGray {
	background-image: linear-gradient(to right, #fafafa, #f0f3f9);
}

.bg-blue {
	background-color: #005bac !important;
}

.bg-red {
	background-color: #124EFE !important;
}

.textCenter {
	text-align: center !important;
}

.marginTop20 {
	margin-top: 0.2rem !important;
}

.marginTop30 {
	margin-top: 0.3rem !important;
}

.marginTop40 {
	margin-top: 0.4rem !important;
}

.marginTop60 {
	margin-top: 0.6rem !important;
}

.marginTop80 {
	margin-top: 0.8rem !important;
}

.marginTop100 {
	margin-top: 1rem !important;
}

.marginTop120 {
	margin-top: 1.2rem !important;
}

.marginB10 {
	margin-bottom: 0.1rem !important;
}

.marginB20 {
	margin-bottom: 0.2rem !important;
}

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

.marginB40 {
	margin-bottom: 0.4rem !important;
}

.marginB60 {
	margin-bottom: 0.6rem !important;
}

.marginB-20 {
	margin-bottom: -0.2rem !important;
}

.marginB-40 {
	margin-bottom: -0.4rem !important;
}

.marginB-60 {
	margin-bottom: -0.6rem !important;
}

.tiAlgin {
	line-height: 1.2em;
	height: 2em;
}

.borderRadius-30 {
	border-radius: 0.3rem;
}

.width1200 {
	width: 12rem;
}

.slide-tips {
	display: none;
}

.textcolorGray {
	color: #777;
}

.textcolorBlue {
	color: #005bac !important;
}

.norpadBox {
	padding: 0.5rem;
	border-radius: 0.2rem;
	margin-top: 0.6rem;
}


@media screen and (min-width: 769px) {
	::-webkit-scrollbar {
		width: 0.1rem;
	}

	::-webkit-scrollbar-track {
		background-color: #ddd;
		-webkit-box-shadow: inset 0 0 0.03rem rgba(0, 0, 0, 0.1);
		border-radius: 0.05rem;
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 0.05rem;
	}

	/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
	::-webkit-scrollbar-button {
		background-color: #eee;
		display: none;
	}

	/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
	::-webkit-scrollbar-corner {
		background-color: black;
	}

}

#newBridge #nb_icon_wrap {
	display: none
}

.tellLink {
	line-height: 0;
}

/*
    container
*/
.container {
	width: 15.4rem;
	padding: 0;
	max-width: 15.4rem;
}

.mainbox {
	padding: 0.5rem 0 0;
	overflow: hidden;
}

.mainbox>div {
	margin: 0 auto;
	width: 100%;
	max-width: 14.25rem;
}

.mainbox.mainboxGray {
	background: #f6f6f6;
}

.mainbox.mainboxBlue {
	background: #005bac;
}

.mainbox.mianboxPicture {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center 0;
}

.template-ti {
	font-size: 0.36rem;
	color: #747474;
	text-align: center;
	position: relative;
}

.mainbox.mianboxPicture.mianboxPictureOpacity::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(229, 230, 236, 0.3);
	z-index: 0;
}

.template-ti.borderBottom {
	padding-bottom: 0.2rem;
}

.template-ti.borderBottom::after {
	/* content: ''; */
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1rem;
	height: 0.05rem;
	background: #124EFE;
	transform: translateX(-50%);
}

.template-ti-b {
	font-size: 0.3rem;
	color: #747474;
	text-align: center;
}

.template-sti {
	font-size: 0.18rem;
	color: #777;
	text-align: center;
	margin: 0.25rem 0 0;
	line-height: 1.8em;
}

.tem-more {
	min-width: 1.44rem;
	line-height: 0.44rem;
	background: #005bac;
	border-radius: 0.05rem;
	text-decoration: none;
	font-size: 0.14rem;
	color: #fff;
	display: table;
	transition: all .5s;
	text-align: center;
	margin-top: 0.3rem;
	padding: 0 0.2rem;
}

.tem-more:hover {
	background: #005bac;
	color: #fff;
	transform: scale(1.2);
}

.tem-more.center {
	margin: 0.3rem auto 0;
}

.tem-more.red {
	background: #124EFE;
}

.index-more {
	margin: 0.46rem auto 0 !important;
	position: relative;
}

.index-more::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.1rem;
	background: rgba(0, 91, 172, .35);
	z-index: 0;
	opacity: 0;
	;
	transform: translateY(0);
	filter: blur(0.1rem);
	border-radius: 50%;
	transition: all .3s;
}

.index-more:hover::after {
	transform: translateY(250%);
	opacity: 1;
}

.index-more .iconfont {
	position: relative;
	font-weight: bold;
	padding: 0 0.01rem;
	margin-left: 0.02rem;
}

.index-more .iconfont::after {
	content: '';
	width: 1.0.05rem;
	height: 77%;
	position: absolute;
	left: 0;
	top: 10%;
	background: #005bac;
	transition: all .3s;
}

.tem-more.red .iconfont::after {
	background: #fff;
}

.index-more:hover .iconfont::after {
	background: #fff;
	transform: translate(0.16rem, 0);
}

.inPageTi {
	font-size: 0.42rem;
	color: #363030;
	text-align: center;
	letter-spacing: 0.02rem;
	word-spacing: 0.3em;
}

.inPageBti {
	font-size: 0.28rem;
	margin-top: 0.2rem;
	text-align: center;
}

.inPageMti {
	font-size: 0.24rem;
	margin-top: 0.2rem;
	text-align: center;
}

.inPageSti {
	font-size: 0.18rem;
	color: #888;
	text-align: center;
	margin-top: 0.2rem;
}

.inPageBti.left,
.inPageMti.left,
.inPageSti.left {
	text-align: left !important;
}

.linearBlueBgfont {
	background-image: linear-gradient(to right, #26cfff, #124EFE);
	color: #fff;
	padding: .5em 1em;
	display: table;
	margin: 0 auto !important;
	border-radius: 0.1rem;
}

.fontRed {
	color: #124EFE;
}

.mainbox .intro p {
	color: #777;
	text-align: justify;
}

.mainbox .intro.center {
	text-align: center;
}

.mainbox.mainboxBlue .inPageTi {
	color: #fff;
}

.mainbox.mainboxBlue .intro p {
	color: #fff;
}

.mainbox.mainboxMini {
	padding: 0.5rem 0;
}

p.textCenter {
	text-align: center;
}

/* header */
.headWhite {
	width: 100%;
	background-color: #fff;
	border-bottom: 0.01rem solid #e0e0e0;
}

.header {
	/* position: fixed; */
	top: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	max-width: 14.25rem;
	margin: 0 auto;
	justify-content: space-between;
	padding: 0;
	background-color: #fff;
	z-index: 999;
	display: flex;
	align-items: center;
	position: relative;
}

.header .logo img {
	display: block;
	width: 1.85rem;
}

.header>.menu {
	display: flex;
	margin-bottom: 0;
	/* margin: 0 1.5rem 0 1.6rem; */
}

.header>.menu>li {
	padding: .15rem 0.3rem;
	position: relative;
	z-index: 901;
}

.header>.menu>li>a {
	display: block;
	line-height: 0.4rem;
	font-size: 0.2rem;
	color: #333;
	font-weight: 600;
	position: relative;
	z-index: 901;
}

.header>.menu>li>a.dsB1024 {
	display: none;
}

.header>.menu>li>a.dsN1024 {
	display: block;
}

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

	.header>.menu>li>a.dsB1024 {
		display: block;
	}

	.header>.menu>li>a.dsN1024 {
		display: none;
	}
}

.header>.menu>li>a::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #124EFE;
	width: 0;
	height: 0.03rem;
	transform: translateX(-50%);
	opacity: 0;
	transition: all .2s;
}

.header>.menu>li>a.active {
	color: #124EFE;
	opacity: 1;
}

.header>.menu>li>a.active::before {
	opacity: 1;
	width: 0.2rem;
}

.header>.menu>li>a .iconArrow {
	font-size: 0.12rem;
	display: inline-block;
	transition: all .3s;
}

.header .menu .submenu {
	z-index: -1;
}

.header .menu .submenu .ti {
	font-size: 0.24rem;
	border-bottom: 0.01rem solid #ddd;
	padding-bottom: 0.2rem;
}

.header .menu .submenu .sti {
	font-size: 0.2rem;
	margin-right: 0.3rem;
}

.header .menu .submenu {
	position: absolute;
	top: 0.6rem;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: ease .2s;
	background: #f6f6f6;
	box-shadow: 0 0.02rem 0.06rem rgba(45, 48, 53, 0.2);
}

.header .menu .submenu.aboutSub {
	width: 9rem;
	left: 50%;
	top: 0.7rem;
	transform: translate(-50%, -0.1rem);
	padding: 0.5rem 0.9rem;
	display: flex;
	justify-content: space-between;
}

/* .header .menu .submenu.aboutSub .menuList{width: inherit; padding: 0 0.2rem;} */
.header .menu .submenu.aboutSub.short {
	width: unset;
	min-width: unset;
	padding: 0.35rem .5rem;
	align-items: baseline;
	justify-content: center;
	width: max-content;
	text-align: center;
}

.header .menu .submenu.aboutSub.short.large1 {
	width: max-content;
	text-align: left;
	padding: .2rem 0;
}

.header .menu .submenu.aboutSub.short.large1 ul {
	margin: 0 .3rem;
}

.header .menu .submenu.aboutSub li {
	margin-bottom: 0.2rem;
}

.header .menu .submenu.aboutSub li:last-child {
	margin-bottom: 0;
}

.header .menu .submenu.aboutSub a {
	display: block;
	font-size: 0.18rem;
	color: #666666;
}

.header .menu .submenu.aboutSub a.ti {
	font-size: 0.24rem;
	color: #000;
	line-height: 1.3em;
}

.header .menu .submenu.aboutSub .ygzb {
	width: 3.8rem;
}

.header .menu .submenu.aboutSub .ygzb img {
	width: 3.8rem;
}

.header .menu .submenu.groupSub {
	width: 11.6rem;
	left: 0;
	top: 0.9rem;
	transform: translate(-20%, -0.1rem);
	padding: 0.8rem 0.8rem;
	display: flex;
	justify-content: space-between;
}

.header .menu .submenu.groupSub .menuList {
	flex: 0 0 28%;
}

.header .menu .submenu.groupSub .cloud {
	flex: 0 0 66%;
}

.header .menu .submenu.groupSub .dap {
	width: 2.12rem;
	display: block;
	margin-bottom: 0.15rem;
	transition: all .2s;
}

.header .menu .submenu.groupSub li {
	border-bottom: 0.01rem solid #d9d9d9;
}

.header .menu .submenu.groupSub li:last-child {
	border-bottom: none;
}

.header .menu .submenu.groupSub .menuList a {
	display: block;
	padding: 0.2rem 0.3rem;
	font-size: 0.18rem;
	color: #666;
}

.header .menu .submenu.groupSub.flexfull {
	flex-wrap: wrap;
}

.header .menu .submenu.groupSub.flexfull .SDmenu {
	flex: 1 1 100%;
}

.header .menu .submenu.groupSub.flexfull .SDmenu:nth-child(1) {
	margin-bottom: 0.4rem;
}

.header .menu .submenu.groupSub.flexfull .SDmenu:nth-child(2) {
	flex: 0 0 50%;
}

.header .menu .submenu.groupSub.flexfull .SDmenu:nth-child(3) {
	flex: 0 0 50%;
}

.header .menu .submenu.groupSub .SDmenu {
	padding-right: 0.4rem;
}

.header .menu .submenu.groupSub .SDmenu .ti {
	margin-bottom: 0.2rem;
}

.header .menu .submenu.groupSub .SDmenu ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.15rem -0.4rem;
}

.header .menu .submenu.groupSub .SDmenu li {
	border: none;
	margin-bottom: 0.4rem;
	padding: 0 0.15rem;
}

.header .menu .submenu.groupSub .SDmenu:nth-child(1) li {
	flex: 0 0 14.28%;
}

.header .menu .submenu.groupSub .SDmenu a {
	display: block;
	text-align: center;
	color: #666;
}

.header .menu .submenu.groupSub .SDmenu a.ti {
	text-align: left;
}

.header .menu .submenu.groupSub .SDmenu a.ygbrain span {
	font-size: 0.12rem;
}

.header .menu .submenu.groupSub .SDmenu a.ygbrain span i {
	transform: scale(1);
}

.header .menu .submenu.groupSub .SDmenu img {
	background: #fff;
	padding: 0.1rem;
	max-width: 100%;
	height: 1rem;
	display: table;
	border-radius: 0.1rem;
	margin: 0 auto 0.1rem;
	object-fit: contain;
	transition: all .3s;
}

.header .menu .submenu.groupSub .SDmenu:nth-child(2) img {
	height: 1.2rem;
}

.header .menu .submenu.groupSub .SDmenu:nth-child(3) img {
	height: 1.2rem;
}

.header .menu .submenu.groupSub .cloud {
	border-left: solid 0.01rem #d9d9d9;
	padding-left: 0.6rem;
}

.header .menu .submenu.groupSub .title {
	font-size: 0.24rem;
	color: #666666;
	border-bottom: 0.01rem solid #d9d9d9;
	display: block;
	padding-bottom: 0.1rem;
	margin-bottom: 0.2rem;
}

.header .menu .submenu.groupSub .li {
	display: flex;
	margin-bottom: 0.2rem;
	border-bottom: 0.01rem dashed #d9d9d9;
}

.header .menu .submenu.groupSub .li:last-child {
	border: none;
}

.header .menu .submenu.groupSub .li .ti {
	flex: 0 0 25%;
	font-size: 0.18rem;
	color: #1758a7;
}

.header .menu .submenu.groupSub .SDmenu a.ti img {
	background: none;
	height: unset;
	display: inline-block;
	margin-bottom: 0;
}

.header .menu .submenu.groupSub .cloudMenu {
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 75%;
}

.header .menu .submenu.groupSub .cloudMenu li {
	border: none;
	flex: 0 0 20%;
	margin-bottom: 0.3rem;
}

.header .menu .submenu.groupSub .cloudMenu img {
	display: block;
	margin-right: 0;
	transition: all .2s;
	margin: 0 auto 0.1rem;
}

.header .menu .submenu.groupSub .cloudMenu a {
	font-size: 0.16rem;
	color: #666;
	display: block;
	text-align: center;
}

.header .menu .submenu.normalMenu {
	width: 7.2rem;
	transform: translate(-20%, -0.1rem);
	padding: 0.3rem 0.5rem;
}

/* .header .menu .submenu.normalMenu{width: 8rem;} */
.header .menu .submenu.normalMenu .menuList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.2rem;
}

.header .menu .submenu.normalMenu .menuList li {
	flex: 0 0 50%;
	padding: 0 0.2rem;
}

.header .menu .submenu.normalMenu .menuList a {
	display: block;
	padding: 0.15rem 0;
	font-size: 0.18rem;
	color: #666;
}

.header .menu .submenu.normalMenu .menuList a.ti {
	font-size: 0.24rem;
	padding-top: 0;
	color: #000;
}

.header .menu .submenu.normalMenu .menuList a.sti {
	font-size: 0.14rem;
}

.header .menu .submenu.normalMenu .menuList a:hover {
	color: #124EFE;
}

.header .menu .submenu.normalMenuB {
	width: 6rem;
	background: #f6f6f6;
	transform: translate(-20%, -0.3rem);
	padding: 0.4rem 0.6rem 0.6rem;
}

.header .menu .submenu.normalMenuB .ti {
	font-size: 0.24rem;
	color: #666;
	padding: 0.2rem 0;
}

.header .menu .submenu.normalMenuB li {
	display: flex;
	gap: 0.6rem;
	border-bottom: 0.01rem solid #d9d9d9;
}

.header .menu .submenu.normalMenuB li:last-child {
	border: none;
}

.header .menu .submenu.normalMenuB li a {
	display: block;
	;
	padding: 0.2rem 0;
	color: #666;
	font-size: 0.18rem;
}

.header .menu .submenu.normalMenuB.SC {
	width: 7.5rem;
	left: unset;
	right: 0;
	transform: translate(20%, -0.1rem);
}

.header .menu .submenu.normalMenu.Join {
	width: 6rem;
	left: unset;
	right: 0;
	transform: translate(40%, -0.1rem);
}

.searchBtn,
#pc_icon--contact {
	cursor: pointer;
}


.header .searchBox {
	text-align: right;
}

.header .searchBox input {
	width: 2.6rem;
	height: 100%;
	float: left;
	border: none;
	background: #f5f5f5;
	border-radius: 0.05rem 0 0 0.05rem;
	padding: 0 0.15rem;
	font-size: 0.14rem;
	outline: none;
}

.header .searchBox .search-button {
	width: 0.75rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #0061ae;
	color: #fff;
	border-radius: 0 0.05rem 0.05rem 0;
	cursor: pointer;
}

.header .searchBox .lang {
	margin-bottom: 0.05rem;
}

.header .searchBox .lang span {
	font-size: 0.14rem;
	color: #666;
	padding: 0 0.02rem;
}

.header .searchBox .lang .langBt {
	cursor: pointer;
}

.header .searchBox .lang .langBt.active {
	color: #0061ae;
	font-weight: bold;
}

@media screen and (min-width: 1023px) {
	.header .menu .submenu.aboutSub a:hover {
		color: #124EFE;
	}

	.header .menu .submenu.groupSub .title:hover {
		color: #124EFE;
	}

	.header>.menu>li:hover>a .iconArrow {
		transform: rotate(-180deg);
	}

	.header>.menu>li.on>a {
		color: #124EFE;
		text-decoration: unset;
	}

	.header>.menu>li.on>a:hover::before {
		width: 50%;
		opacity: 1;
	}

	.header>.menu>li:hover>a {
		color: #124EFE;
		text-decoration: unset;
	}

	.header>.menu>li>a:hover::before {
		width: 50%;
		opacity: 1;
	}

	.header>.menu>li:hover .submenu {
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, 0);
		z-index: 90;
	}

	.header>.menu>li:hover .submenu.normalMenuB.SC {
		transform: translate(20%, 0);
		z-index: 90;
	}

	.header>.menu>li:hover .submenu.normalMenu.Join {
		transform: translate(40%, 0);
		z-index: 90;
	}

	.header .menu .submenu.normalMenuB li a:hover {
		color: #124EFE;
	}

	.header .menu .submenu.groupSub .cloudMenu a:hover {
		color: #124EFE;
	}

	.header .menu .submenu.groupSub .cloudMenu a:hover img {
		transform: translateY(-0.05rem);
	}

	.header .menu .submenu.groupSub .li .ti:hover {
		color: #124EFE;
	}

	.header .menu .submenu.normalMenuB a.ti:hover {
		color: #124EFE;
	}

	.header .menu .submenu.groupSub .SDmenu a:hover {
		color: #124EFE;
	}

	.header .menu .submenu.groupSub .SDmenu a:hover img {
		transform: translateY(-0.05rem);
	}

	.header .menu .submenu.groupSub .menuList a:hover {
		color: #124EFE;
	}

	.header .menu .submenu.groupSub .menuList a:hover .dap {
		transform: translateY(-0.05rem);
	}

	.moblieMenuBt {
		display: none;
	}

	.mask {
		display: none;
	}
}

/* index-banner */
.index-banner {
	position: relative;
	z-index: 10;
}

.index-banner .swiper-container {
	width: 100%;
	height: 6rem;
	/* padding-top: 0.8rem; */
}

.index-banner img {
	width: 100%;
	height: 6rem;
	object-fit: cover;
}

.index-banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.96);
}

/* 添加视频容器样式 */
.index-banner .video-container {
	position: relative;
	width: 100%;
	height: 6rem;
	overflow: hidden;
}

.index-banner .banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	width: 80%;
	z-index: 2;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.index-banner .banner-title {
	font-size: 0.6rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
	opacity: 0;
	transform: translateY(-50px);
	transition: all 0.8s ease;
}

.index-banner .banner-subtitle {
	font-size: 0.32rem;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.8s ease 0.3s;
}

/* 为视频添加暗色覆盖层，使文字更清晰 */
.index-banner .video-container:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.4); */
	background: none;
	z-index: 1;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
	background: rgba(246, 246, 246, 0.5);
	width: 0.45rem;
	height: 0.6rem;
	line-height: 0.75rem;
	text-align: center;
	opacity: 0;
	transition: all .3s;
	box-shadow: 0 0.02rem 0.06rem rgba(45, 48, 53, 0.2);
}

.index-banner .swiper-button-next img,
.index-banner .swiper-button-prev img {
	width: .32rem;
	height: .32rem;
}

.index-banner .swiper-button-next:hover,
.index-banner .swiper-button-prev:hover {
	background: rgba(255, 255, 255, 1);
}

.index-banner .swiper-button-next {
	right: 0;
	border-radius: 0.1rem 0 0 0.1rem;
}

.index-banner .swiper-button-prev {
	left: 0;
	border-radius: 0 0.1rem 0.1rem 0;
}

.index-banner .iconfont {
	font-size: 0.22rem;
	font-weight: 700;
	opacity: .5;
	transition: all .3s;
	color: #0061ae;
}

.index-banner .swiper-button-next:hover .iconfont,
.index-banner .swiper-button-prev:hover .iconfont {
	opacity: 1;
	color: #0061ae;
}

.index-banner .swiper-pagination-bullets {
	bottom: 0.2rem;
}

.index-banner .swiper-pagination-bullet {
	background: #fff;
	width: 0.08rem;
	height: 0.08rem;
	opacity: .5;
	outline: #0061ae;
}

.index-banner .swiper-pagination-bullet-active {
	width: 0.32rem;
	border-radius: 0.08rem;
	opacity: 1;
}

.index-banner:hover .swiper-button-next,
.index-banner:hover .swiper-button-prev {
	opacity: 1;
}

.index-banner .swiper-button-next:focus,
.index-banner .swiper-button-prev:focus {
	border: none;
	outline: none;
}

.index-banner .swiper-button-next:after,
.index-banner .swiper-button-prev:after {
	display: none;
}


/* index-solution */
.index-solution .srow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
}

.index-solution .srow a {
	margin-right: 0.16rem;
	border: 0.01rem solid #888888;
	border-radius: 0.4rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-top: 0.05rem;
	padding-bottom: 0.05rem;
	font-size: 0.23rem;
	margin-bottom: 0.25rem;
	color: black;
}

.index-solution .srow a:nth-child(1) {
	border: 0.01rem solid white;
	padding-left: 0rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.index-solution .srow a:nth-child(1) img {
	padding-left: 0.2rem;
}

.index-solution .srow a:nth-child(n+2):hover {
	cursor: pointer;
	color: white;
	background-color: #005bac
}

.index-solution .sbanner {
	padding-top: 0.15rem
}

.index-solution .sbanner div a img:hover {
	transform: scale(1.2);
	transition: .3s
}

.index-solution .sbanner div a {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 0.2rem;
	margin-top: 0.05rem;
}

@media screen and (min-width:600px) {
	.index-solution .sbanner div a {
		height: 2.9rem;
	}

	.index-solution .sbanner div a img {
		height: 100%;
	}
}

.index-solution .sbanner div a:hover {
	box-shadow: 0rem 0.1rem 0.2rem rgba(190, 190, 190, .7);
}

.index-solution .sbanner div a img {
	width: 100%;
	transition: all 1s
}


/* 列表页4 */
.slideTxtBox .hd {
	position: relative
}

.slideTxtBox .hd ul li {
	font-size: .24rem;
	line-height: 2;
	margin-right: .2rem;
	cursor: pointer
}

.slideTxtBox .hd ul li.on {
	border-bottom: 4px solid #004299;
	font-weight: 700
}

.n_zizhi ul li {
	transition: all ease .3s;
	-webkit-transition: all ease .3s
}

.n_zizhi ul li .bg {
	background: #eff1f5;
	position: relative
}

.n_zizhi ul li a {
	position: relative;
	display: block;
	z-index: 99;
}

.n_zizhi .ryzz_category{
	padding: 0;
    text-align: center;
    font-size: .48rem;
    margin-bottom: .4rem;
}

.n_zizhi ul li .bg::after,
.n_zizhi ul li .bg::before {
	position: absolute;
	content: '';
	opacity: 0;
	transition: all .5s
}

.n_zizhi ul li .bg::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: 3px solid #144ea1;
	border-bottom: 3px solid #144ea1;
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.n_zizhi ul li .bg::after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-right: 3px solid #144ea1;
	border-left: 3px solid #144ea1;
	transform: scale(1, 0);
	transform-origin: 100% 0
}

.n_zizhi ul li:hover .bg::after,
.n_zizhi ul li:hover .bg::before {
	opacity: 1;
	transform: scale(1);
	transition: all .5s
}

.n_zizhi ul li .img_box {
	height: 200px;
	position: relative;
	transition: all ease .3s;
	-webkit-transition: all ease .3s
}

.n_zizhi ul li img {
	max-width: 90%;
	max-height: 90%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%)
}

.n_zizhi ul li:hover .bg {
	background: #fff;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .1)
}

.n_zizhi ul li p {
	text-align: center;
	margin-top: .15rem;
	font-size: .18rem;
	color: #646566;
	padding: 0 10px;
	line-height: 2
}

.n_zizhi ul li p:hover {
	color: #333
}


/* index-about */
.index-about {
	text-align: center;
	padding: 1.2rem 0;
	background: url(/images/index/bg0909.jpg) no-repeat;
	background-size: 100% 100%;
}

.index-about .template-ti {
	font-size: 0.5rem;
	font-weight: bold;
}

.index-about .template-sti {
	font-size: 0.22rem;
	color: #666;
	margin: 0.4rem 0 0;
}

.index-about .index-more {
	margin: 0.6rem auto 0 !important;
}

.index-about .row {
	margin-top: 0.6rem
}

.index-about .number {
	font-size: 0.95rem;
	color: #005bac
}

.index-about .sub {
	font-size: 0.23rem;
	color: #666666
}

.index-data1 {
	transform: translateY(-30vh);
	opacity: 0;
	transition: all 1s
}

.index-data2 {
	transform: translateY(-30vh);
	opacity: 0;
	transition: all 1s
}

.index-data3 {
	transform: translateY(-30vh);
	opacity: 0;
	transition: all 1s
}

.row1 .active {
	transform: translateY(0);
	opacity: 1;
}

.index-data2 {
	border-left: 0.01rem solid #ccc;
	border-right: 0.01rem solid #ccc;
}

/* 
    index-Recommend
*/
.index-Recommend .container {
	width: 15.4rem;
}

.index-Recommend .box {
	box-shadow: 0 0 0.15rem rgb(195 204 220 / 50%);
	border-radius: 0.15rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

.index-Recommend .row .box {
	position: relative;
	padding-bottom: 0.9rem;
	background: #fff;
}

.index-Recommend .img {
	transition: all .2s;
	overflow: hidden;
}

.index-Recommend .img img {
	width: 100%;
	border-radius: 0.15rem 0.15rem 0 0;
	transition: all .3s;
}

.index-Recommend .row {
	margin: 0.8rem -0.5rem 0;
}

.index-Recommend .col-lg-6 {
	padding: 0 0.5rem;
}

.index-Recommend .con {
	padding: 0.5rem;
	text-align: left;
	background: #fff;
	border-radius: 0 0 0.15rem 0.15rem;
}

.index-Recommend .con h5 {
	font-size: 0.3rem;
	color: #585858;
	margin-bottom: 0.3rem;
	font-weight: bold;
	transition: all .3s;
}

.index-Recommend .con p {
	font-size: 0.16rem;
	color: #999;
	line-height: 1.8em;
	text-align: justify;
}

.index-Recommend .box .tem-more {
	position: absolute;
	left: 50%;
	bottom: 0.5rem;
	transform: translateX(-50%);
}

.index-Recommend .col-lg-6:hover .img {
	transform: translate(0, -0.08rem);
	box-shadow: 0 0.08rem #005bac;
}

.index-Recommend .col-lg-6:hover .img img {
	transform: scale(1.03);
}

.index-Recommend .col-lg-6:hover h5 {
	color: #124EFE;
}

.ZTPD {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 2fr 2fr;
	grid-column-gap: 0.4rem;
	grid-row-gap: 0.4rem;
	margin-top: 1rem;
}

.ZTPD .box {
	width: 100%;
	height: 100%;
	background-size: cover;
	border-radius: 0.1rem;
	position: relative;
}

.ZTPD .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.1rem;
	transition: all .3s;
}

.ZTPD .boxA {
	grid-area: 1 / 1 / 3 / 2;
	background: #111;
}

.ZTPD .boxB {
	grid-area: 1 / 2 / 2 / 3;
	background: #333;
}

.ZTPD .boxC {
	grid-area: 1 / 3 / 2 / 5;
	background: #666;
}

.ZTPD .boxD {
	grid-area: 2 / 2 / 3 / 4;
	background: #999;
}

.ZTPD .boxE {
	grid-area: 2 / 4 / 3 / 5;
	background: #CCC;
}

.ZTPD .more {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 91, 172, 0.75);
	width: 100%;
	height: 100%;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	border-radius: 0.1rem;
}

.ZTPD .more .bt {
	border: solid 0.01rem #e6e6e6;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -35%);
	padding: 0.05rem 0.15rem;
	border-radius: 0.1rem;
	color: #fff;
	font-size: 0.18rem;
	transition: all .2s;
	transition-delay: .1s;
	opacity: 0;
	background: none;
}

.ZTPD .more .bt:hover {
	background: #fff;
	color: #005bac;
}

.ZTPD .more .bt:hover::before {
	background: #005bac;
}

.ZTPD .more .bt .iconfont::after {
	background: #fff;
}

.ZTPD .more .bt:hover .iconfont::after {
	background: #005bac;
}

.ZTPD .box:hover .more {
	visibility: visible;
	opacity: 1;
}

.ZTPD .box:hover .more .bt {
	transform: translate(-50%, -100%);
	opacity: 1;
}

.ZTPD .box:hover img {
	transform: scale(1.03);
}

/* index-products */
.index-products {
	padding-bottom: 0;
}

.index-products .content {
	padding: 1rem 0;
	margin-top: 0.6rem;
	position: relative;
}

.index-products .content .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.index-products .imgBg {
	position: relative;
	z-index: 2;
}

.index-products .nav-pills {
	margin-right: 2.5rem !important;
	position: relative;
	z-index: 1;
}

.index-products .nav-pills .nav-link {
	display: flex;
	width: 3rem;
	height: 1rem;
	justify-content: center;
	align-items: center;
	gap: 0.2rem;
	background: rgba(255, 255, 255, 0.4);
	margin-bottom: 0.3rem;
	border-radius: 0.1rem;
	transition: all .3s;
	position: relative;
	border: none;
	outline: none;
}

.index-products .nav-pills .nav-link:last-child {
	margin-bottom: 0;
}

.index-products .nav-pills .nav-link p {
	font-size: 0.36rem;
	font-weight: bold;
	color: #fff;
	text-shadow: rgba(188, 188, 188, 0.5);
}

.index-products .nav-pills .nav-link img {
	filter: grayscale(100%) brightness(1000%);
}

.index-products .nav-pills .nav-link.active {
	background: rgba(255, 255, 255, 1);
	width: 3.4rem;
}

.index-products .nav-pills .nav-link.active p {
	color: #0061ae;
}

.index-products .nav-pills .nav-link.active img {
	filter: grayscale(0) brightness(100%);
}

.index-products .nav-pills .nav-link::after {
	content: '';
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0.02rem rgba(255, 255, 255, 0.85);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: inherit;
	opacity: 0;
	transition: all .3s;
}

.index-products .nav-pills .nav-link:hover {
	background: rgba(255, 255, 255, 0.5);
}

.index-products .nav-pills .nav-link:hover::after {
	opacity: 1;
}

.index-products .nav-pills .nav-link.active:hover {
	background: rgba(255, 255, 255, 1);
}

.index-products .con {
	text-align: left;
}

.index-products .con h5 {
	font-size: 0.6rem;
	font-weight: bold;
	color: #fff;
}

.index-products .con p {
	font-size: 0.18rem;
	color: #fff;
	margin: 0.3rem 0;
	line-height: 1.8em;
}

.index-products .con .index-more {
	margin: 0.4rem 0 0 !important;
	background: rgba(255, 255, 255, 0);
	border: solid 0.01rem #fff;
}

.index-products .con .index-more:hover {
	background: rgba(255, 255, 255, 1);
	color: #0061ae;
	transform: none;
}

.index-products .index-more .iconfont::after {
	background: #fff;
}

.index-products .con .index-more:hover .iconfont::after {
	background: #0061ae;
}

.index-products .pdtext {
	margin-top: 0.4rem;
	display: flex;
	flex-wrap: wrap;
}

.index-products .pdtext .li {
	padding-right: 0.3rem;
	border-right: solid 0.01rem #fff;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
}

.index-products .pdtext h6 {
	font-size: 0.3rem;
	color: #fff;
	font-weight: bold;
}

.index-products .pdtext .pddt {
	margin-top: 0.2rem;
}

.index-products .pdtext .pddt li {
	font-size: 0.16rem;
	color: #fff;
	line-height: 2em;
}

/* index-news */
.index-news .content {
	overflow: hidden;
	display: flex;
	column-gap: 0.6rem;
}

.index-news .container {
	width: 16.8rem;
	max-width: 16.8rem;
}

.index-news .borderBottom {
	margin-bottom: 0.6rem;
}

.index-news .left {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.15rem;
	width: 11rem;
}

.index-news .left .con {
	padding: 0 0.15rem;
	flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 0.3rem;
}

.index-news .left .con .img {
	overflow: hidden;
	border-radius: 0.1rem;
	position: relative;
	padding-bottom: 43%;
}

.index-news .left .con img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	border-radius: 0.1rem;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center;
}

.index-news .left .con .title {
	font-size: 0.2rem;
	color: #585858;
	line-height: 1.5em;
	height: 3em;
	margin-top: 0.15rem;
	transition: all .3s;
}

.index-news .left .con:hover img {
	transform: scale(1.05);
}

.index-news .left .con:hover .title {
	color: #124EFE;
}

.index-news .right {
	max-width: 5.8rem;
}

.index-news .right .list {
	border-top: 0.01rem solid #e0e0e0;
}

.index-news .right .list a {
	padding: 0.05rem 0;
	display: block;
}

.index-news .right .list .time {
	font-size: 0.14rem;
	color: #999999;
}

.index-news .right .list .title {
	font-size: 0.2rem;
	color: #585858;
	line-height: 1.5em;
	height: 3em;
	margin-top: 0.05rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/*这里设置几行*/
	overflow: hidden;
}

.index-news .right .list:hover {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 0.4) 100%);
}

.index-news .right .list:hover .title {
	color: #124EFE;
}

/* customers */
.customers {
	position: relative;
	background: url('../images/index/cusbg.jpg') no-repeat;
	width: 100%;
	background-size: cover;
	overflow: hidden;
	background-attachment: fixed;
}

.customers .template-ti {
	margin-bottom: 0.7rem;
	color: #000;
	position: relative;
	z-index: 3;
}

.customers .logoArea {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
	margin: 0 -0.2rem -0.4rem;
	border-left: 0.01rem solid #E5E5E4;
	border-top: 0.01rem solid #E5E5E4;
}

.customers .logoArea .li {
	flex: 0 0 20%;
	max-width: 20%;
	padding: 0 0.2rem;
}

.customers .logoArea .box {
	transition: all .3s;
}

.customers .logoArea .box:hover {
	/* transform: translateY(-0.1rem); */
	transform: scale(1.2);
}

.customers .logoArea .img {
	margin: 0;
	padding: 0;
}

.customers .logoArea img {
	width: 100%;
	opacity: .80;
	border-radius: 0.1rem 0.1rem 0 0;
	transition: all .3s;
}

.customers .logoArea .name {
	background: #fff;
	text-align: center;
	line-height: 0.4rem;
	border-radius: 0 0 0.1rem 0.1rem;
	margin: 0;
	transition: all .3s;
}

.customers .logoArea .box:hover img {
	opacity: 1;
}

.customers .tem-more {
	position: relative;
	z-index: 3;
}

.customers #canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.3);
}

/* 解决方案 */
#s_mian {
	position: relative;
	margin-top: 100vh;
	background: #fff;
	box-shadow: 0 0.1rem 0.3rem 0.1rem rgb(0 0 0 / 30%);
	z-index: 9999
}

.container-fluid {
	max-width: 16rem;
	height: 100%
}

.services {
	background: #f7f7f7;
	padding: .5rem 0;
}

.services ul li {
	padding: 0 0.08rem
}

.services ul li .box {
	display: block;
	background: #fff
}

.services ul li .img img {
	transition: 1s;
	width: 100%;
}

.services ul li:hover .img img {
	transform: scale(1.1)
}

.services ul li .txt {
	border: 0.01rem solid #e8e9eb;
	padding: .35rem .25rem .5rem;
	text-align: center;
	height: 2.25rem;
}

.services ul li .txt h5 {
	font-size: .22rem;
	color: #212121;
	font-weight: 700;
	margin-bottom: .25rem
}

.services ul li .txt p {
	font-size: .14rem;
	height: .4rem;
	color: #747272;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.services ul li .txt .btn_more {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: block;
	width: 1.45rem;
	height: .45rem;
	line-height: .45rem;
	font-size: .18rem;
	color: #525252;
	margin: 0 auto;
	border: 0.01rem solid #c5c5c7;
	border-radius: .35rem;
	margin-top: .2rem;
	transition: .5s
}

.services ul li .txt .btn_more:hover {
	color: #fff
}

.services .btn_more:before {
	content: "";
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	transform-origin: center;
	transform: scale(0);
	background: #0869ac;
	position: absolute;
	z-index: -1;
	top: 50%;
	margin-top: -1rem;
	right: 50%;
	margin-right: -1rem;
	transition: .5s
}

.services .btn_more:hover:before {
	transform: scale(1)
}

.tit {
	margin-bottom: .25rem;
	overflow: hidden;
	color: #333;
	width: 100%;
	max-width: 16rem;
	margin: 0 auto;
}

.tit .s_pro_slide {
	width: 100%;
	max-width: 15rem;
	margin: 0 auto;
}

.tit h3 {
	font-size: .26rem;
	color: #333;
	font-weight: 700;
	float: left;
	line-height: .5rem
}

.tit h3 span {
	font-size: .32rem;
	margin-right: 0.1rem
}

.tit .btn_r {
	float: right;
	width: 1.55rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	display: block;
	font-size: .18rem;
	color: #fff;
	background: #01439b;
	border-radius: 0.03rem;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.tit .btn_r i {
	margin-left: 1rem
}

.tit .btn_r:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: #2e5d9d;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}

.tit .btn_r:hover:before {
	left: 0;
	right: auto;
	width: 100%
}

/* 伸缩导航 */
.menufix {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	display: flex;
	padding: 2rem 0;
	width: 100vw;
	height: 100vh;
	background-color: #273b4f;
	transition: .3s;
	transform: translateX(100%);
	justify-content: center;
}

.menufix .close {
	position: absolute;
	top: .5rem;
	right: .5rem;
	color: #fff;
	font-size: .32rem;
	cursor: pointer;
}

.menufix .close:hover {
	color: #fff;
}

.menufix .left .img {
	display: block;
	margin-bottom: .5rem;
	/* background-color: #fff; */
	width: 2.75rem;
	height: .85rem;
	padding: .1rem;
}

.menufix .left .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.menufix .left ul li {
	margin-bottom: .3rem;
}

.menufix .left ul li a {
	display: flex;
	color: #fff;
	font-size: .2rem;
	line-height: .3rem;
	align-items: center;
}

.menufix .left ul li a::before {
	display: block;
	margin-right: .1rem;
	width: 0;
	border-bottom: 1px solid #fff;
	content: '';
	transition: .3s;
}

.menufix .left ul li a:hover::before {
	width: .5rem;
	transition: .3s;
}

.menufix .left ul li:last-child {
	margin-bottom: 0;
}

.menufix .right {
	margin-left: 4rem;
}

.menufix .right .pannal {
	padding: 0 .3rem;
	border-radius: .05rem;
}

.menufix .right .pannal .li {
	display: flex;
	padding-bottom: .3rem;
}

.menufix .right .pannal .li i {
	color: #fff;
	font-size: .38rem;
}

.menufix .right .pannal .li .right {
	margin-left: .3rem;
}

.menufix .right .pannal .li .right h5 {
	color: #fff;
	font-weight: 400;
	font-size: .16rem;
}

.menufix .right .pannal .li .right h6 {
	width: 2.6rem;
	color: #fff;
	font-weight: 400;
	font-size: .14rem;
}

.menufix .right .pannal .li .right p {
	color: #fff;
	font-size: .24rem;
}

.menufix .right .pannal .li .right p img {
	margin-top: .1rem;
	width: 1.11rem;
	height: 1.11rem;
}

.menufix .right2 {
	display: none;
}

.menufixShow {
	transition: .3s;
	transform: translateX(0);
}

@media screen and (max-width:768px) {
	.nav-tabs .nav-link {
		font-size: .4rem;
		line-height: 1.6;
	}

	.menufix {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		display: flex;
		padding: .6rem 0;
		padding-left: 1rem;
		width: 100vw;
		height: 100vh;
		background-color: #030303;
		transition: .3s;
		transform: translateX(100%);
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: unset;
	}

	.menufix .close {
		position: absolute;
		top: .6rem;
		right: .6rem;
		color: #fff;
		font-size: .48rem;
		cursor: pointer;
	}

	.menufix .left .img {
		margin-bottom: 1rem;
		padding-bottom: .6rem;
		border-bottom: 1px solid transparent;
	}

	.menufix .left .img img {
		display: block;
		width: 2.82rem;
		height: .48rem;
	}

	.menufix .left ul li {
		margin-bottom: .6rem;
	}

	.menufix .left ul li a {
		display: flex;
		color: #fff;
		font-size: .4rem;
		line-height: .6rem;
		align-items: center;
	}

	.menufix .left ul li a::before {
		display: block;
		margin-right: .2rem;
		width: 0;
		border-bottom: 1px solid #fff;
		content: '';
		transition: .3s;
	}

	.menufix .left ul li a:hover::before {
		width: 1rem;
		transition: .3s;
	}

	.menufix .left ul li:last-child {
		margin-bottom: 0;
	}

	.menufix .right {
		display: none;
		margin-left: 1rem;
	}

	.menufix .right .pannal {
		padding: 0 .6rem;
		border-radius: .1rem;
	}

	.menufix .right .pannal .li {
		display: flex;
		padding-bottom: .6rem;
	}

	.menufix .right .pannal .li i {
		color: #fff;
		font-size: .76rem;
	}

	.menufix .right .pannal .li .right {
		margin-left: .6rem;
	}

	.menufix .right .pannal .li .right h5 {
		color: #fff;
		font-weight: 400;
		font-size: .32rem;
	}

	.menufix .right .pannal .li .right h6 {
		width: 5.2rem;
		color: #fff;
		font-weight: 400;
		font-size: .28rem;
	}

	.menufix .right .pannal .li .right p {
		color: #fff;
		font-size: .48rem;
	}

	.menufix .right .pannal .li .right p img {
		margin-top: .2rem;
		width: 2.22rem;
		height: 2.22rem;
	}

	.menufix .right2 {
		position: absolute;
		bottom: 1rem;
		left: 1.2rem;
		display: block;
	}

	.menufix .right2 p {
		display: flex;
		margin-top: .4rem;
		margin-bottom: .4rem;
		align-items: center;
	}

	.menufix .right2 p i {
		display: flex;
		width: .6rem;
		height: .6rem;
		border: 1px solid #fff;
		border-radius: 50%;
		color: #fff;
		font-size: .36rem;
		justify-content: center;
		align-items: center;
	}

	.menufix .right2 p strong {
		margin-left: .2rem;
		color: #fff;
		font-size: .4rem;
	}

	.menufix .right2 a {
		display: flex;
		width: 4rem;
		height: .8rem;
		background-color: #fff;
		color: #333;
		line-height: .25rem;
	}

	.menufix .right2 a .call {
		position: relative;
	}

	.menufix .right2 a .call em {
		padding-left: .4rem;
		color: #333;
		font-style: normal;
		font-size: .32rem;
	}

	.menufix .right2 a .call i {
		position: absolute;
		left: 3.4rem;
		top: 50%;
		transform: translateY(-50%);
		/* height: .12rem; */
		border-color: #333;
		font-size: .36rem;
		transition: .4s;
	}

	.menufixShow {
		transition: .3s;
		transform: translateX(0);
	}

}

@media screen and (max-width:500px) {
	.nav-tabs .nav-link {
		font-size: .36rem;
	}
}

@media screen and (max-width:430px) {
	.nav-tabs .nav-link {
		font-size: .32rem;
	}
}

@media screen and (max-width:400px) {
	.nav-tabs .nav-link {
		font-size: .3rem;
	}
}

@media screen and (max-width:380px) {
	.nav-tabs .nav-link {
		font-size: .24rem;
	}
}

/* 右侧固定定位 */
.layer3 {
	position: fixed;
	right: 0;
	bottom: 2.5rem;
	z-index: 20;
	opacity: 1;
	transition: .3s;
	transition: .3s;
	display: none;
}

.layer3 .off,
.layer3 .out {
	position: absolute;
	top: 50%;
	left: -.3rem;
	width: .3rem;
	height: .6rem;
	cursor: pointer;
	transform: translateY(-50%);
}

.layer3 .hide {
	display: none;
}

.layer3 .item {
	cursor: pointer;
}

.layer3 .item .icon {
	display: flex;
	width: .6rem;
	height: .6rem;
	background-color: rgba(0, 93, 222, .9);
	color: #fff;
	font-size: .24rem;
	transition: .3s;
	align-items: center;
	justify-content: center;
	transition: .3s;
}

.layer3.contentPageLayer{
	display: block !important;
	opacity: 1 !important;
}

.contentPageLayer.layer3 .item .icon{
	background-color: #fff;
    box-shadow: 0rem 0.1rem 0.2rem rgba(0, 40, 182, 0.08);
    color: #333;
	font-size: .18rem;
	font-weight: 600;
}

.contentPageLayer .item .icon img{
	width: .24rem;
	transition: .3s;
}

.contentPageLayer.layer3 .item .icon:hover {
	background-color: unset;
}

.contentPageLayer.layer3 .item .icon.prevItem:hover img{
	transform: translateX(-.1rem);
}

.contentPageLayer.layer3 .item .icon.nextItem:hover img{
	transform: translateX(.1rem);
}

.layer3 .item .icon:hover {
	background-color: #005dde;
	transition: .3s;
}

.layer3 .item:last-child {
	border-bottom: none;
}

.layer3 .item.menus .icon {
	border-top-right-radius: .05rem;
	border-top-left-radius: .05rem;
}

.layer3 .item:last-child .icon {
	border-bottom-right-radius: .05rem;
	border-bottom-left-radius: .05rem;
}

.layer3 .cur .icon {
	background-color: #005dde;
	transition: .3s;
}

.layer3 .pannal {
	position: absolute;
	right: 1rem;
	bottom: 0;
	display: none;
	padding: 0 .3rem;
	border-radius: .05rem;
	background-color: #fff;
	box-shadow: 0 0 .15rem 1px #ccc;
}

.layer3 .pannal .li {
	display: flex;
	padding: .3rem 0;
	border-bottom: 1px solid #eee;
}

.layer3 .pannal .li i {
	color: #005dde;
	font-size: .32rem;
}

.layer3 .pannal .li .right {
	margin-left: .2rem;
	padding-top: .07rem;
}

.layer3 .pannal .li .right h5 {
	color: #333;
	font-size: .16rem;
}

.layer3 .pannal .li .right h6 {
	margin-top: .05rem;
	width: 2.6rem;
	color: #999;
	font-weight: 400;
	font-size: .14rem;
}

.layer3 .pannal .li .right p {
	margin-top: .15rem;
	color: #333;
	font-size: .18rem;
}

.layer3 .pannal .li:last-child {
	border-bottom: none;
}

.layer3 .qq .li .right p {
	width: 1.5rem;
}

.layer3 .show {
	display: block;
}

.layer3.fadehide {
	transition: .3s;
	transform: translateX(1.2rem);
	right: .6rem;
}

.layer3.hide {
	opacity: 0;
	transition: .3s;
}

@media screen and (max-width:768px) {
	.layer3 {
		position: fixed;
		top: 50%;
		right: 0;
		z-index: 99;
		display: none;
		/* transform: translateY(-50%); */
	}

	.layer3.fadehide {
		right: 0;
	}

	.layer3 .item {
		position: relative;
		border-bottom: 1px solid #e6e6e6;
	}

	.layer3 .off,
	.layer3 .out {
		display: none;
		width: .7rem;
		height: 1rem;
		left: -.7rem;
	}

	.layer3 .item .icon {
		display: flex;
		width: .7rem;
		height: .7rem;
		/* background-color: #b3b3b3; */
		color: #fff;
		font-size: .32rem;
		transition: .3s;
		align-items: center;
		justify-content: center;
	}

	.layer3 .item .icon:hover {
		background-color: #005dde;
		transition: .3s;
	}

	.layer3 .item:last-child {
		border-bottom: none;
	}

	.layer3 .item:first-child .icon {
		border-top-right-radius: .1rem;
		border-top-left-radius: .1rem;
	}

	.layer3 .item:last-child .icon {
		border-bottom-right-radius: .1rem;
		border-bottom-left-radius: .1rem;
	}

	.layer3 .cur .icon {
		background-color: #005dde;
		transition: .3s;
	}

	.layer3 .pannal {
		position: absolute;
		top: 0;
		right: 1.4rem;
		display: none;
		padding: 0 .6rem;
		border-radius: .1rem;
		background-color: #fff;
	}

	.layer3 .pannal .li {
		display: flex;
		padding: .6rem 0;
		border-bottom: 1px solid #eee;
	}

	.layer3 .pannal .li i {
		color: #005dde;
		font-size: .64rem;
	}

	.layer3 .pannal .li .right {
		margin-left: .4rem;
		padding-top: .14rem;
	}

	.layer3 .pannal .li .right h5 {
		color: #333;
		font-size: .32rem;
	}

	.layer3 .pannal .li .right h6 {
		margin-top: .1rem;
		width: 5.2rem;
		color: #999;
		font-weight: 400;
		font-size: .28rem;
	}

	.layer3 .pannal .li .right p {
		margin-top: .3rem;
		color: #333;
		font-size: .36rem;
	}

	.layer3 .pannal .li:last-child {
		border-bottom: none;
	}

	.layer3 .qq .li .right p {
		width: 3rem;
	}

	.layer3 .show {
		display: block;
	}
}

/* 搜索弹出层 */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	opacity: 0;
}

.overlay .searchClose {
	position: absolute;
	top: .5rem;
	right: .5rem;
	color: #fff;
	font-size: .32rem;
	cursor: pointer;
	z-index: 99999;
}

.overlay .modal {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .5);
	transform: translate(-50%, -50%);
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.overlay .modal .logo {
	position: absolute;
	top: -1rem;
	left: 50%;
	display: block;
	width: 1.97rem;
	height: .32rem;
	transform: translateX(-50%);
}

.overlay .search-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.overlay .search-box em {
	position: absolute;
	left: .3rem;
	color: #aaa;
	font-size: .24rem;
}

.overlay .search-box input {
	padding-right: .1rem;
	padding-left: .72rem;
	width: 6.1rem;
	height: .6rem;
	border: none;
	border-bottom-left-radius: .3rem;
	border-top-left-radius: .3rem;
	background-color: #fff;
	color: #ccc;
	font-size: .14rem;
	font-size: .18rem;
	line-height: .6rem;
}

.overlay .search-box button {
	padding: .1rem;
	width: .9rem;
	height: .6rem;
	border: none;
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem;
	background-color: #007bff;
	color: #fff;
	font-weight: 700;
	font-size: .18rem;
	cursor: pointer;
}

.overlay.show {
	display: block;
	animation: overlay-show .5s forwards;
}

.overlay.hide {
	animation: overlay-hide .5s forwards;
}

.overlay .modal.hide {
	animation: modal-hide .5s forwards;
}

@-webkit-keyframes overlay-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes overlay-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes modal-show {
	from {
		opacity: 0;
		transform: translate(-50%, -60%);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

@-webkit-keyframes modal-show {
	from {
		opacity: 0;
		transform: translate(-50%, -60%);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

@keyframes overlay-hide {
	from {
		opacity: 1;
	}

	to {
		display: none;
		opacity: 0;
	}
}

@-webkit-keyframes overlay-hide {
	from {
		opacity: 1;
	}

	to {
		display: none;
		opacity: 0;
	}
}

@media screen and (max-width:768px) {
	.overlay .searchClose {
		top: 1.4rem;
		right: .4rem;
		font-size: .64rem;
	}

	.overlay .modal {
		width: 90%;
		box-shadow: 0 0 .2rem rgba(0, 0, 0, .5);
	}

	.overlay .modal .logo {
		position: absolute;
		top: -2rem;
		left: 50%;
		display: block;
		width: 3.94rem;
		height: .64rem;
		transform: translateX(-50%);
	}

	.overlay .search-box {
		padding: 0 .32rem;
		width: 100%;
	}

	.overlay .search-box em {
		left: .6rem;
		font-size: .48rem;
	}

	.overlay .search-box input {
		padding-right: .2rem;
		padding-left: .85rem;
		width: 70%;
		height: 1rem;
		outline: 0;
		border: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: .6rem;
		border-top-left-radius: .6rem;
		font-size: .32rem;
		line-height: 1.2rem;
	}

	.overlay .search-box button {
		padding: .2rem;
		width: 30%;
		height: 1rem;
		border: none;
		border-top-right-radius: .6rem;
		border-bottom-right-radius: .6rem;
		font-size: .32rem;
	}

}


/* 合作伙伴 */
.indexCooperate {
	margin: 0.4rem auto 0.8rem;
}


.indexCooperate.indexCompany {
	margin: 0 auto;
	padding: 0.55rem 0 0.8rem;
	/* background-color: rgba(61, 61, 61, .1); */
}

.indexCooperate .title {
	text-align: center;
	margin-bottom: 0.2rem;
}

.indexCooperate .title h5 {
	font-family: PingFang;
	font-weight: 600;
	font-size: 0.36rem;
	color: #333333;
	line-height: 0.5rem;
	letter-spacing: 0.01rem;
	margin-bottom: 0.1rem;
}

.indexCooperate .listBox {
	width: 100%;
	max-width: 14.25rem;
	margin: 0 auto;
	position: relative;
}

.indexCooperate .listBox .swiper-button-next,
.indexCooperate .listBox .swiper-button-prev {
	color: #aaaaaa;
}

.indexCooperate .listBox .swiper-button-next {
	right: -1rem;
}

.indexCooperate .listBox .swiper-button-prev {
	left: -1rem;
}

.indexCooperate .list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	padding: 0.15rem;
}

.indexCompany.indexCooperate .list {}

.indexCompany.indexCooperate .list a {
	width: 19.9%;
	height: 1.5rem;
}

.indexCompany.indexCooperate .list .li {
	width: 100%;
	height: 100%;
	border: .01rem solid #ccc;
	position: relative;
}

.indexCompany.indexCooperate .list .li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: .035rem;
	background-color: #005dde;
	transition: .35s;
}

.indexCompany.indexCooperate .list .li:hover::after {
	width: 100%;
}

.indexCompany.indexCooperate .list .li:hover {
	transform: scale(1.1);
	z-index: 999;
}

.indexCooperate .list .li {
	margin-bottom: 0.2rem;
	/* border-radius: 0.1rem; */
	background-color: #fff;
	text-align: center;
	margin-right: 0.08rem;
	overflow: hidden;
}

.indexCooperate .list .li img {
	width: 100%;
	height: 100%;
	transition: 0.3s;
	object-fit: contain;
	display: block;
}

.indexCooperate .list .li:nth-child(5n) {
	margin-right: 0;
}

.indexCooperate .list .li:hover {
	box-shadow: 0 0 0.15rem 0.01rem rgba(0, 0, 0, 0.15);
	transition: 0.3s;
}

.indexCooperate .list .li:hover img {
	/* transform: scale(1.05); */
	transition: 0.3s;
}



/* 新闻列表页 */
.banner_ny_text {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 2;
}

.banner_ny_text h3 {
	font-size: 0.46rem;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0.25rem;
}

.banner_ny_text p {
	font-size: 0.3rem;
	color: #FFFFFF;
	/* text-transform: uppercase; */
}

.banner_ny_text .ban_text {
	/* padding-left: 0.44rem; */
	position: relative;
	text-align: center;
}

.banner_ny_text .ban_text::before {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	height: 89%;
	content: '';
	width: 0.03rem;
	background-color: #fff;
	transform: translateY(-50%);
}

.warp_a {
	width: 100%;
	max-width: 12.5rem;
	margin: 0 auto;
}

.banner_ny {
	position: relative;
	width: 100%;
	height: 4rem;
}

.banner_ny::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0));
}

.banner_ny video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner_ny img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Bread_crumbs {
	width: 100%;
	border-bottom: 0.01rem solid #E0E0E0;
	box-shadow: 0rem 0rem 0.08rem 0rem rgba(26, 26, 26, 0.1);
}

.brea_li {
	width: 100%;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.submenu {
	/* width: 60%; */
	align-items: center;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
}

.submenu .swiper-container {
	width: 100%;
	overflow: hidden;
}

.submenu .swiper-slide {
	width: auto;
	display: inline-block;
}

.submenu .swiper-slide {
	text-align: center;
}

.submenu .swiper-slide a {
	font-size: 0.18rem;
	color: #333333;
	margin: 0 0.25rem;
	transition: all .4s;
	line-height: 0.8rem;
	display: inline-block;
	position: relative;
}

.submenu .swiper-slide a::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.02rem;
	background: rgba(0, 0, 0, 0);
	content: "";
	transition: all .4s;
}

.submenu .swiper-slide a:hover {
	color: #00134C;
}

.submenu .swiper-slide a:hover::before {
	background: #00134C;
}

.submenu .swiper-slide.cur03 a {
	color: rgba(0, 19, 76, 1);
}

.submenu .swiper-slide.cur03 a::before {
	background: #00134C;
}

.submenu .swiper-slide:first-child a {
	margin-left: 0;
}

.submenu .swiper-slide:last-child a {
	margin-right: 0;
}

.brea_right{
	display: none;
}

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

.brea_right ul li {
	float: left;
}

.brea_right ul a {
	font-size: 0.16rem;
	color: #888888;
	display: flex;
	align-items: center;
	transition: all .4s;
	line-height: .8rem;
}

.brea_right ul span {
	margin: 0 0.06rem;
	display: flex;
}

.brea_right ul a img {
	margin-right: 0.15rem;
}

.D1_News_list {
	width: 100%;
	overflow: hidden;
	padding: 0.5rem 0;
}

.brea_right ul a:hover {
	color: #00134C;
}

.d1_news_ui {
	width: 100%;
	margin-bottom: 0.5rem;
}

.d1_news_ui ul li {
	width: 100%;
	margin-top: 0.3rem;
	background: #F9F9F9;
	border-radius: 0rem 0rem 0.3rem 0rem;
	overflow: hidden;
	border: 0.02rem solid rgba(0, 0, 0, 0);
	transition: all .4s;
}

.d1_news_ui ul li:first-child {
	margin-top: 0;
}

.d1_news_ui ul li a {
	width: 100%;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.d1_news_ui ul li a .d1_text {
	width: calc(100% - 1.75rem);
	display: flex;
	align-items: center;
}

.d1_news_ui ul li a .d1_text .img {
	width: 3.4rem;
	height: 100%;
	overflow: hidden;
	float: left;
}

.d1_news_ui ul li a .d1_text .img img {
	width: 100%;
	height: 100%;
	max-height: 2.5rem;
	transition: all .4s;
	object-fit: contain;
	display: block;
}

.d1_news_ui ul li a .d1_text .text {
	width: calc(100% - 3.4rem);
	float: left;
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	border-right: 0.01rem solid #ddd;
}

.d1_news_ui ul li a .d1_text .text h3 {
	font-size: 0.26rem;
	font-weight: bold;
	color: #333333;
	line-height: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .4s;
	margin-bottom: 0.2rem;
}

.d1_news_ui ul li a .d1_text .text p {
	font-size: 0.18rem;
	color: #666666;
	line-height: 0.36rem;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 0.72rem;
	margin-bottom: 0;
}

.d1_news_ui ul li a .d1_year {
	width: 1.75rem;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.d1_news_ui ul li a .d1_year p {
	color: rgba(153, 153, 153, 1);
	font-size: 0.16rem;
	line-height: 0.24rem;
	margin-bottom: 0;
}

.d1_news_ui ul li a .d1_year h3 {
	color: rgba(153, 153, 153, 1);
	font-size: 0.26rem;
	line-height: 0.36rem;
	margin-bottom: 0;
	margin-left: 0;
}

.d1_news_ui ul li a .d1_year .yse_der {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.d1_news_ui ul li:hover a .img img {
	transform: scale(1.15);
}

.d1_news_ui ul li:hover a .text h3 {
	color: rgba(0, 19, 76, 1);
}

.d1_news_ui ul li:hover {
	border-color: rgba(0, 19, 76, 1);
}

/* 分页 */
.pages {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pages ul li {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pages ul li a {
	color: #333;
	font-size: 0.18rem;
	width: 0.36rem;
	height: 0.36rem;
	border: 0.01rem solid rgba(0, 0, 0, 0);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.1rem;
}

.b1_pro_ui {
	width: 100%;
	margin-bottom: 0.65rem;
}

.pages ul li.act a {
	font-size: 0.22rem;
	font-weight: bold;
}

.pages ul li.pages_prev a,
.pages ul li.pages_next a {
	border: 0.01rem solid #666666;
	margin: 0 0.3rem;
}

.pages ul li.pages_prev a i {
	transition: all .4s;
	width: 0.08rem;
	height: 0.13rem;
	display: inline-block;
	background: url(../images/idx_app_l.png) no-repeat center center/100%;
}

.pages ul li.pages_next a i {
	transition: all .4s;
	width: 0.07rem;
    height: 0.18rem;
	display: inline-block;
	background: url(../images/idx_app_rr.png) no-repeat center center/100%;
}

.Bread_crumbs .warp_a {
    max-width: 14.25rem;
}


@media screen and (max-width: 1024px) {
	.banner_ny {
		margin-top: 1.25rem;
	}

	.warp_a {
		/* width: 10.24rem; */
	}

	.pages ul li.act a{
		font-size: .32rem;
	}

	.pages ul li a{
		font-size: .28rem;
    	width: 0.48rem;
    	height: 0.48rem;
	}

	.pages ul li.pages_next a i {
    	width: 0.1rem;
    	height: 0.18rem;
	}
	
	.overlay .searchClose{
		top: 1.5rem;
	}
}


@media screen and (max-width: 1200px) {
	.warp_a {
		width: 90%;
	}

	.Bread_crumbs .warp_a {
    	width: 95%;
	}

	.Bread_crumbs {
		height: 0.8rem;
	}

	.submenu {
		height: 0.8rem;
	}

	.submenu .swiper-slide a {
		line-height: 0.8rem;
	}

	.d1_news_ui ul li a .d1_text .img {
		width: 2.5rem;
	}

	.d1_news_ui ul li a .d1_text .img {
		width: 2.5rem;
	}

	.d1_news_ui ul li a .d1_text .text {
		width: calc(100% - 2.5rem);
		padding: 0 0.3rem;
	}

	.d1_news_ui ul li a .d1_year h3 {
		font-size: 0.2rem;
	}

	.d1_news_ui ul li a .d1_text .text h3 {
		margin-bottom: 0.1rem;
		font-size: .3rem;
	}

	.d1_news_ui ul li a .d1_text .text p {
		font-size: .2rem;
	}
}


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

	.services ul li .img img {
		height: 3rem;
	}

	.services ul li .txt h5 {
		font-size: .26rem;
	}

	.services ul li .txt p {
		font-size: .18rem;
		height: .6rem;
	}

	.services ul li .txt {
		height: 2.5rem;
	}

	.d1_news_ui ul li a .d1_text .img {
		width: 2.05rem;
	}

	.d1_news_ui ul li a .d1_year {
		width: 1.2rem;
	}

	.d1_news_ui ul li a .d1_text {
		width: calc(100% - 1.2rem);
	}

	.d1_news_ui ul li a .d1_text .img {
		width: 2.08rem;
	}

	.d1_news_ui ul li a .d1_text .text {
		width: calc(100% - 2.08rem);
	}

	.d1_news_ui ul li {
		margin-top: 0.24rem;
	}

	.d1_news_ui ul li a .d1_year h3 {
		font-size: 0.18rem;
	}
}


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

	.banner_ny_text .ban_text::before {
		width: 0.01rem;
	}

	.submenu .swiper-slide a {
		font-size: 0.24rem;
	}

	.brea_right ul li a {
		font-size: .24rem;
	}

	.submenu .swiper-slide a {}

	.d1_news_ui ul li a .d1_text .img {
		width: 100%;
	}

	.d1_news_ui ul li a .d1_text {
		width: 100%;
	}

	.d1_news_ui ul li a .d1_text .img {
		width: 100%;
	}

	.d1_news_ui ul li a .d1_text {
		flex-direction: column;
	}

	.d1_news_ui ul li a .d1_text .text {
		width: 100%;
		padding: 0.1rem;
	}

	.d1_news_ui ul li a .d1_text .text h3 {
		font-size: 0.32rem;
		line-height: 1.6;
	}

	.d1_news_ui ul li a .d1_text .text p {
		font-size: 0.22rem;
		line-height: 1.6;
		height: auto;
	}

	.d1_news_ui ul li a .d1_year {
		width: 100%;
	}

	.d1_news_ui ul li a .d1_year .yse_der {
		width: 100%;
		align-items: center;
		flex-direction: initial;
		padding-left: 0.1rem;
		padding-bottom: .15rem;
	}

	.d1_news_ui ul li a .d1_year p,
	.d1_news_ui ul li a .d1_year h3 {
		font-size: 0.22rem;
	}

	.d1_news_ui ul li a .d1_year h3 {
		margin-left: 0.1rem;
	}

	.d1_news_ui ul li {
		margin-top: 0.2rem;
	}

	.d1_news_ui {
		margin-bottom: 0.3rem;
	}

	.pages ul li {
		display: none;
	}

	.pages ul li.act {
		display: block;
	}

	.pages ul li.pages_prev,
	.pages ul li.pages_next {
		display: block;
	}

	.b1_pro_ui {
		margin-bottom: 0.3rem;
	}

	.pages ul li.act a {
		/* font-size: 0.16rem; */
	}

	.pages ul li.pages_prev a,
	.pages ul li.pages_next a {
		margin: 0 0.08rem;
	}
}

/* 
    footer
*/
.footer {
	padding: 0.6rem 0.2rem 0.3rem;
	background-color: #273b4f;
	overflow: hidden;
}

.footer .main {
	margin: 0 auto;
	max-width: 12rem;
	width: 100%;
}

.footer .main .top {
	display: flex;
}

.footer .main .top div {
	flex: 1;
}

.footer .main .top .left .logo {
	display: block;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
	width: 2rem;
	height: 0.32rem;
	object-fit: contain;
}

.footer .main .top .left p {
	display: flex;
	margin-bottom: 0.2rem;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.16rem;
	line-height: 0.23rem;
	align-items: center;
}

.footer .main .top .left p img {
	width: 0.2rem;
	height: 0.2rem;
}

.footer .main .top .left p i {
	margin-right: 0.15rem;
	margin-left: 0.05rem;
	font-style: normal;
}

.footer .main .top .center {
	flex: 1;
}

.footer .main .top .center h6 {
	margin-bottom: 0.2rem;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 0.24rem;
	line-height: 0.35rem;
}

.footer .main .top .center .zixunPhone {
	display: flex;
	margin-bottom: 0.2rem;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.footer .main .top .center .zixunPhone span {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.18rem;
	line-height: 0.31rem;
}

.footer .main .top .center .zixunPhone i {
	position: relative;
	bottom: 0.02rem;
	margin: 0 0.1rem;
	color: #a1a5a9;
	font-style: normal;
	font-size: 0.18rem;
	line-height: 0.3rem;
}

.footer .main .top .center .zixunPhone em {
	color: #fff;
	font-style: normal;
	font-size: 0.24rem;
	font-family: MiSans, MI Lan Pro, serif;
	line-height: 0.31rem;
}

.footer .main .top .center .a {
	display: block;
	margin: 0 auto;
	padding: 0 0.1rem;
	height: 0.4rem;
	max-width: 1.4rem;
	min-width: 1.04rem;
	border: 0.01rem solid #fff;
	border-radius: 0.4rem;
	color: #fff;
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.4rem;
	transition: 0.3s;
}

.footer .main .top .center .a:hover {
	border-color: #005dde;
	background-color: #005dde;
	color: #fff;
	transition: 0.3s;
}

.footer .main .top .right {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	align-items: center;
}

.footer .main .top .right .imgBox {
	margin-left: 0.4rem;
	height: 1.83rem;
	border-radius: 0.1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer .main .top .right .imgBox img {
	margin-bottom: 0.1rem;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 0.1rem;
}

.footer .main .top .right .imgBox p {
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.23rem;
}

.footer .main .down {
	color: #666;
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.2rem;
}

.footer .main .down .links {
	display: flex;
	margin-bottom: 0.3rem;
	padding: 0.3rem 0;
	border-top: 0.01rem solid rgba(255, 255, 255, 0.05);
	border-bottom: 0.01rem solid rgba(255, 255, 255, 0.05);
	justify-content: center;
	align-items: center;
}

.footer .main .down .links a {
	margin-right: 0.2rem;
	color: rgba(255, 255, 255, 0.5);
}

.footer .main .down .links a:last-child {
	margin-right: 0;
}

.footer .main .down .links i {
	margin: 0 0.3rem;
	font-style: normal;
}

.footer .main .down .text {
	color: rgba(255, 255, 255, 0.8);
}

.footer .main .down .text a {
	color: #0D76E2;
}

.footer .main .down .text a:hover{
	text-decoration: underline;
}

@media (max-width: 1023px) {
	.footer {
		margin-top: 0;
		padding: 0.32rem;
		background-color: #3c4047;
	}

	.footer .main {
		margin: 0 auto;
		width: 100%;
	}

	.footer .main .top {
		display: flex;
		flex-wrap: wrap;
	}

	.footer .main .top .left {
		overflow: hidden;
		padding-bottom: 0.2rem;
		width: 100%;
		flex: unset;
	}

	.footer .main .top .left .logo {
		display: block;
		margin: 0 auto;
		margin-top: 0.2rem;
		margin-bottom: 0.4rem;
		width: auto;
		height: 0.5rem;
	}

	.footer .main .top .left p {
		display: flex;
		margin-bottom: 0.2rem;
		font-size: 0.32rem;
		line-height: 0.46rem;
		align-items: center;
		justify-content: center;
	}

	.footer .main .top .left p a,
	.footer .main .top .left p span {
		color: rgba(255, 255, 255, 0.5);
		text-decoration: none;
	}

	.footer .main .top .left p img {
		display: block;
		margin-right: 0.2rem;
		width: 0.4rem;
		height: 0.4rem;
	}

	.footer .main .top .left p i {
		display: none;
		margin-right: 0.3rem;
		margin-left: 0.1rem;
		font-style: normal;
	}

	.footer .main .top .center {
		padding-bottom: 0.4rem;
		width: 100%;
		flex: unset;
	}

	.footer .main .top .center h6 {
		margin-bottom: 0.2rem;
		text-align: center;
		font-weight: 400;
		font-size: 0.4rem;
		line-height: 0.7rem;
	}

	.footer .main .top .center .zixunPhone {
		display: flex;
		margin-bottom: 0.4rem;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.footer .main .top .center .zixunPhone span {
		font-size: 0.32rem;
		line-height: 0.62rem;
	}

	.footer .main .top .center .zixunPhone i {
		position: relative;
		bottom: 0.04rem;
		margin: 0 0.2rem;
		font-style: normal;
		font-size: 0.36rem;
		line-height: 0.6rem;
	}

	.footer .main .top .center .zixunPhone a,
	.footer .main .top .center .zixunPhone em {
		color: #fff;
		text-decoration: none;
		font-style: normal;
		font-size: 0.32rem;
		font-family: MiSans, MI Lan Pro, serif;
		line-height: 0.62rem;
	}

	.footer .main .top .center .a {
		display: block;
		margin: 0 auto;
		height: 0.6rem;
		max-width: 1.6rem;
		min-width: 1.4rem;
		border-radius: 0.6rem;
		text-align: center;
		font-size: 0.26rem;
		line-height: 0.6rem;
	}

	.footer .main .top .center .a:hover {
		transition: 0.3s;
	}

	.footer .main .top .right {
		display: flex;
		width: 100%;
		flex: unset;
		justify-content: center;
		align-items: center;
	}

	.footer .main .top .right .imgBox {
		margin-left: 0.8rem;
		height: 3.2rem;
		border-radius: 0.2rem;
	}

	.footer .main .top .right .imgBox img {
		margin-bottom: 0.2rem;
		width: 2.2rem;
		height: 2.2rem;
		border-radius: 0.2rem;
	}

	.footer .main .top .right .imgBox p {
		text-align: center;
		font-size: 0.26rem;
		line-height: 0.46rem;
	}

	.footer .main .top .right .imgBox:first-child {
		margin-left: 0;
	}

	.footer .main .down {
		text-align: center;
		font-size: 0.26rem;
		line-height: 0.32rem;
	}

	.footer .main .down .links {
		display: flex;
		padding: 0.3rem 0;
		border-top: 0.01rem solid #424b53;
		border-bottom: 0.01rem solid #424b53;
		justify-content: center;
		align-items: center;
	}

	.footer .main .down .links a {
		margin-right: 0.3rem;
	}

	.footer .main .down .links a:last-child {
		margin-right: 0;
	}

	.footer .main .down .links i {
		margin: 0 0.6rem;
		font-style: normal;
	}
}


/* abouts */
.pageBanner {
	width: 100%;
	background-repeat: no-repeat;
	margin-top: 0.8rem;
	background-size: cover;
	background-position: center;
}

.pageBanner.abouts {
	height: 4.8rem;
}

.pageBanner .title {
	font-size: 0.48rem;
	color: #fff;
	font-weight: bold;
	padding-top: 1.2rem;
	text-align: center;
	letter-spacing: 0.3em;
	text-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, 0.2);
}

.pageBanner .intro {
	width: 12.8rem;
	display: table;
	margin: 0.3rem auto 0;
	background: rgba(0, 0, 0, 0.3);
	padding: 0.2rem;
	border-radius: 0.1rem;
	backdrop-filter: blur(0.1rem);
	max-width: 100%;
}

.pageBanner .intro p {
	color: #fff;
	line-height: 2em;
}

.pageBanner h6 {
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	margin-top: 0.2rem;
}

.aboutMenu {
	background: #f6f6f6;
	position: sticky;
	top: 0.9rem;
	z-index: 99;
	border-bottom: 0.01rem solid #ddd;
}

.aboutMenu .menu {}

.aboutMenu .menu a {
	line-height: 0.6rem;
	display: inline-block;
	font-size: 0.18rem;
	color: #888;
	position: relative;
	padding: 0 0.2rem;
}

.aboutMenu .menu a.active {
	color: #000;
}

.aboutMenu .menu a::after {
	content: '';
	width: 0.8rem;
	height: 0.03rem;
	background: #005bac;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: none;
}

.aboutMenu .menu a.active::after {
	display: block;
}

.aboutMenu .menu a:hover {
	background: #e6e6e6;
}

.aboutMenu.dropMenu .menu {
	display: flex;
	flex-wrap: nowrap;
}

.aboutMenu.dropMenu .li {
	position: relative;
	width: auto;
	display: flex;
}

.aboutMenu.dropMenu .li .drop {
	position: absolute;
	left: 0;
	top: 100%;
	width: 2.4rem;
	background: #e6e6e6;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-0.1rem);
	transition: all .3s;
}

.aboutMenu.dropMenu .li .drop a {
	display: block;
	font-size: 0.14rem;
	line-height: 1.5em;
	padding: 0.15rem 0.2rem;
}

.aboutMenu.dropMenu .li .drop a:hover {
	background: #005bac;
	color: #fff;
}

.aboutMenu.dropMenu .iconDown {
	font-size: 0.1rem;
	margin-left: 0.1rem;
}

.aboutMenu.dropMenu .li:hover .drop {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

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

	.pc_icon--sousuo {
		display: none;
	}
}

.pc_icon--sousuo,
.pc_icon--tell {
	width: .25rem;
	height: .25rem;
	margin: 0 .1rem;
	cursor: pointer;
}

.icon_flex {
	display: flex;
	/* align-items: center; */
}


/* aboutPage */
.aboutPage {
	text-align: center;
	overflow: hidden;
}

.aboutPage .video {
	width: 11.6rem;
	border: solid 0.1rem #ffffff;
	box-shadow: 0.1rem 0.1rem 0.3rem rgba(110, 112, 145, 0.5);
	display: inline-block;
	margin-bottom: 1.2rem;
}

.aboutPage .video video {
	width: 100%;
}

.aboutPage .intro {
	width: 9.4rem;
	display: inline-block;
	text-align: left;
	margin-top: 0.5rem;
}

.aboutPage .intro p {
	font-size: 0.18rem;
	color: #777;
	line-height: 1.8em;
	margin-bottom: 0.3rem;
}

.aboutPage.company {
	background: url('../images/about/companybG.jpg') no-repeat;
	width: 100%;
	background-size: cover;
	background-attachment: fixed;
}

.aboutPage.company .row {
	margin: 0.6rem -0.2rem -0.2rem;
}

.aboutPage.company .col-lg-3 {
	padding: 0 0.2rem;
}

.aboutPage.company .col-12 {
	margin-bottom: 0.3rem;
}

.aboutPage.company .box {
	background: #fff;
	text-align: center;
	position: relative;
	box-shadow: 0 0 0.02rem #e5edf6;
	transition: all .3s;
	height: 100%;
	padding: 0.5rem 0.2rem;
	border-radius: 0.2rem;
	transition: all .3s;
}

.aboutPage.company .box:hover {
	background: #fff;
	box-shadow: 0 0 0.2rem #e5edf6;
}

.aboutPage.company .box:hover::before {
	width: 0.6rem;
	opacity: 1;
}

.aboutPage.company .box .logo {
	margin: 0 auto 0.2rem;
}

.aboutPage.company .box .logo img {
	max-height: 0.5rem;
	max-width: 100%;
}

.aboutPage.company .box h5 {
	font-size: 0.16rem;
	color: #35456f;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 0.15rem;
	transition: all .3s;
}

.aboutPage.company .box p {
	font-size: 0.14rem;
	color: #666;
	text-align: left;
}

.aboutPage.company .box .more {
	width: 1.2rem;
	line-height: 0.3rem;
	background: #1758a7;
	color: #fff;
	display: inline-block;
	border-radius: 0.1rem;
	margin-top: 0.2rem;
}

.aboutPage.company .box:hover {
	transform: translateY(-0.1rem);
}

.aboutPage .leader {
	display: flex;
	margin: 0.8rem -0.3rem 0.6rem;
}

.aboutPage .leader .pic {
	flex: 0 0 50%;
	position: relative;
}

.aboutPage .leader .pic img {
	width: 6.6rem;
	position: relative;
	border-radius: 0.2rem;
}

.aboutPage .leader .con {
	flex: 0 0 50%;
	padding: 0 0.3rem;
}

.aboutPage .leader .con p {
	font-size: 0.18rem;
	color: #777;
	line-height: 1.8em;
	text-align: justify;
	margin-bottom: 0.3rem;
}

.honorPage {
	padding: 1rem 0.8rem;
}

.honorPage .cardRow {
	margin: 0.8rem -0.4rem -0.6rem;
}

.honorPage .cardRow .col-12 {
	padding: 0 0.4rem;
	margin-bottom: 0.8rem;
}

.honorPage .card {
	cursor: pointer;
	width: 100%;
	height: 3.5rem;
	background: none;
	border: none;
}

.honorPage .front,
.honorPage .back {
	width: 100%;
	height: 100%;
	overflow: hidden;
	backface-visibility: hidden;
	position: absolute;
	transition: transform .6s linear;
	text-align: center;
	border-radius: 0.2rem;
	background: linear-gradient(145deg, #f1f4f9, #ffffff);
	box-shadow: inset 0.1rem 0.1rem 0.25rem #e8ebf1, -0.1rem -0.1rem 0.3rem #ffffff;
	padding: 0.4rem 0.4rem 0;
	height: 100%;
	;
}

.honorPage .front .DSbox {}

.honorPage .front .DSbox h5 {
	margin-top: 0.4rem;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.5em;
}

.honorPage .front .img {
	margin: 0 auto;
}

.honorPage .front img {
	max-width: 100%;
	max-height: 2.1rem;
	/* mix-blend-mode: multiply; */
}

.honorPage .front {
	transform: perspective(6rem) rotateY(0deg);
}

.honorPage .sm {
	margin: 0.2rem 0;
}

.honorPage .sm a {
	display: inline-flex;
	width: 0.4rem;
	height: 0.4rem;
	justify-content: center;
	align-items: center;
	color: #2c3e50;
	font-size: 0.18rem;
	transition: 0.4s;
	border-radius: 50%;
}

.honorPage .sm a:hover {
	font-size: 0.25rem;
	background: #2c3e50;
	color: white;
}


.customer-page {
	background: none;
}

.customer-page .logoArea .img {
	background: #fafafb;
	border-radius: 0.1rem 0.1rem 0 0;
}

.customer-page .logoArea img {
	opacity: 1;
	mix-blend-mode: multiply;
	border-radius: 0.1rem 0.1rem 0 0;
}

.customer-page .logoArea .name {
	background: #e8e8e8;
	font-size: 0.14rem;
	line-height: 1.5em;
	padding: 1em .5em;
}

.customer-page .template-text {
	width: 10rem;
	display: table;
	margin: 0 auto 0.6rem;
}

.customer-page .template-text p {
	font-size: 0.18rem;
	color: #777;
	line-height: 1.8em;
}

.customer-page .nav {
	justify-content: center;
	margin-bottom: 0.6rem !important;
}

.customer-page .nav .nav-link {
	padding: .8em 2em;
	border-radius: 0.1rem;
	background: #f6f6f6;
	color: #000;
	font-size: 0.18rem;
	margin: 0 0.03rem;
}

.customer-page .nav .nav-link img {
	max-width: 0.2rem;
	max-height: 0.2rem;
	object-fit: cover;
	transform: translateY(-0.02rem);
	margin-right: 0.05rem;
}

.customer-page .nav .nav-link.active {
	background: #0061ae;
	color: #fff;
}

.customer-page .nav .nav-link.active img {
	filter: brightness(10000) !important;
}

/* newsMenu */
.allNews>div {
	margin: 0 auto;
	width: 100%;
	max-width: 14.25rem;
}


.newsMenu {
	background: #fff;
	padding: 0.3rem 0;
}

.newsMenu ul {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}

.newsMenu ul li {
	margin: 0 0.2rem;
	color: #000;
}

.newsMenu ul a {
	display: block;
	line-height: 0.5rem;
	color: #666;
	position: relative;
}

.newsMenu ul a::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0.2rem;
	height: 0.05rem;
	border-radius: 0.05rem;
	background: #005bac;
	display: none;
}

.newsMenu ul a.active {
	color: #005bac;
}

.newsMenu ul a.active::before {
	display: block;
}

.newsArea {}

.newsArea .top {
	margin-bottom: 0.6rem;
}

.newsArea .top a {
	display: block;
	padding: 0.3rem;
	background: #f6f6f6;
	display: flex;
	border-radius: 0.2rem;
	transition: all .3s;
}

.newsArea .top .pic {
	max-width: 50%;
	flex: 0 0 50%;
	overflow: hidden;
	border-radius: 0.2rem;
}

.newsArea .top .pic img {
	width: 100%;
	transition: all .3s;
}

.newsArea .top .con {
	max-width: 50%;
	flex: 0 0 50%;
	padding: 0.3rem;
	position: relative;
}

.newsArea .top .con .ti {
	font-size: 0.24rem;
	color: #000;
	margin-bottom: 0.4rem;
	transition: all .3s;
}

.newsArea .top .con p {
	font-size: 0.18rem;
	color: #888;
	overflow: hidden;
	line-height: 1.8em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.newsArea .top .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.3rem 0.3rem 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
}

.newsArea .top .bottom .date {
	font-size: 0.14rem;
	color: #888;
}

.newsArea .top .bottom .nt {
	font-size: 0.14rem;
	color: #fff;
	background: #124EFE;
	padding: 0.1rem 0.3rem;
	border-radius: 0.2rem;
}

.newsArea .top a:hover .ti {
	color: #124EFE;
}

.newsArea .top a:hover img {
	transform: scale(1.05);
}

.newsList {
	display: flex;
	margin: 0 -0.3rem -0.6rem;
	flex-wrap: wrap;
}

.newsList .li {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
	max-width: 33.333333%;
	flex: 0 0 33.333333%;
}

.newsList a {
	display: block;
	height: 100%;
	background: #f6f6f6;
	border-radius: 0.2rem;
	transition: all .3s;
}

.newsList .pic {
	width: 100%;
	overflow: hidden;
	border-radius: 0.2rem 0.2rem 0 0;
	position: relative;
	padding-bottom: 43%;
}

.newsList .pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s;
	object-fit: cover;
	object-position: center;
}

.newsList .con {
	padding: 0.4rem 0.3rem;
}

.newsList h5 {
	font-size: 0.2rem;
	color: #000;
	margin-bottom: 0.2rem;
	transition: all .3s;
}

.newsList p {
	font-size: 0.16rem;
	line-height: 1.8em;
	;
	color: #888;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.newsList a:hover {
	transform: translateY(-0.05rem);
}

.newsList a:hover img {
	transform: scale(1.05);
}

.newsList a:hover h5 {
	color: #124EFE;
}

.newsDetail {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.6rem;
}

.newsDetail .menuCon {
	flex: 1 1 20%;
}

.newsDetail .menuCon .menu {
	background: #fff;
	padding: 0.2rem;
	border-radius: 0.2rem;
	margin-bottom: 0.2rem;
}

.newsDetail .menuCon .ti {
	font-size: 0.2rem;
	padding: 0.1rem;
	border-radius: 0.1rem;
	color: #000;
	font-weight: bold;
}

.newsDetail .menuCon .menu a {
	display: block;
	padding: 0.1rem;
	margin-top: 0.2rem;
	border-bottom: 0.01rem solid #e6e6e6;
	color: #666;
}

.newsDetail .menuCon .menu a.active {
	background: #f6f6f6;
	border-radius: 0.1rem;
	color: #fff;
	background: #005bac;
}

.newsDetail .newsList {
	margin: 0;
	display: block;
	padding: 0.2rem;
	background: #fff;
	border-radius: 0.2rem;
}

.newsDetail .newsList .li {
	padding: 0;
	max-width: unset;
	margin: 0.2rem 0 0;
}

.newsDetail .newsList .li a {
	background: none;
}

.newsDetail .newsList .con {
	padding: 0.2rem 0;
}

.newsDetail .newsList h5 {
	margin-bottom: 0;
	font-size: 0.16rem;
}

.newsDetail .newsList .pic img {
	border-radius: 0.1rem;
}

.newsDetail .content {
	flex: 1 1 80%;
	background: #fff;
	border-radius: 0.2rem;
	padding: 0.6rem;
}

.newsDetail .content .top {
	padding-bottom: 0.2rem;
	border-bottom: solid 0.01rem #e6e6e6;
	margin-bottom: 0.4rem;
}

.newsDetail .content .top .title {
	font-size: 0.3rem;
	line-height: 1.5em;
	font-weight: 500;
	padding-bottom: 0.15rem;
	text-align: center;
}

.newsDetail .content .top .info {
	display: flex;
	justify-content: center;
}

.newsDetail .content .top .info li {
	font-size: 0.14rem;
	color: #888;
	margin-right: 2em;
}

.newsDetail .content .pic {
	margin: 0.5rem auto;
	display: table;
}

.newsDetail .content .pic img {
	max-width: 100%;
	border-radius: 0.2rem;
}

.newsDetail .content .PointTi {
	font-size: 0.2rem;
	display: table;
	margin: 0 auto 0.3rem;
	color: #005bac;
	position: relative;
	padding: 0 0.2rem;
	font-weight: bold;
}

.newsDetail .content .PointTi::before,
.newsDetail .content .PointTi::after {
	content: '';
	width: 0.08rem;
	height: 0.08rem;
	background: #005bac;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.newsDetail .content .PointTi::before {
	left: 0;
}

.newsDetail .content .PointTi::after {
	right: 0;
}

.newsDetail .content .normalTi {
	font-size: 0.2rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.newsDetail .content .normalTi.center {
	text-align: center;
}

.newsDetail .content p {
	line-height: 1.8em;
	margin-bottom: 1em;
	text-indent: 2em;
	color: #666;
}

.newsDetail .content p.focus {
	background: #005bac;
	color: #fff;
	padding: 0.2rem;
	border-radius: 0.2rem;
}

.newsDetail .content p img {
	display: block;
	margin: 0 auto;
}

.newsDetail .content .prevNext {
	margin: 0.6rem 0 0;
	border-top: solid 0.01rem #ddd;
	padding-top: 0.2rem;
}

.newsDetail .content .prevNext a {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.16rem;
	line-height: 2em;
	color: #888;
	margin-top: 0.1rem;
}

.newsDetail .content .prevNext a:hover {
	color: #124EFE;
}

.newsDetail .content .prevNext a.prev::before {
	content: '上一篇：';
}

.newsDetail .content .prevNext a.next::before {
	content: '下一篇：';
}


.SearchPageArea {
	width: 50vw;
	margin: 0.6rem auto;
}

.search-area {
	width: 100%;
	position: relative;
	border-radius: 0.2rem;
	overflow: hidden;
}

.search-area .input {
	width: 100%;
	height: 0.6rem;
	outline: none;
	padding-left: 0.6rem;
	border: none;
	background: #f6f6f6;
	padding-right: 2.2rem;
}

.search-area .iconfont {
	width: 0.6rem;
	line-height: 0.6rem;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0.3rem;
	color: #005bac;
	display: block;
	text-align: center;
}

.search-area .button {
	width: 2rem;
	height: 0.6rem;
	position: absolute;
	right: 0;
	top: 0;
}

.search-area button {
	width: 100%;
	height: 100%;
	background: #005bac;
	color: #fff;
	border: none;
	outline: none;
}


/* 
    pagiGroup
*/
.pagiGroup {
	display: table;
	margin: 0 auto 0;
}

.pagiGroup.left {
	margin: 0.3rem 0 0;
}

.pagiGroup li {
	display: inline-block;
	margin: 0 0.05rem;
}

.pagiGroup li a {
	width: 0.36rem;
	line-height: 0.36rem;
	background: #e0e4ef;
	color: #8f9dc1;
	border-radius: 50%;
	display: block;
	text-align: center;
	transition: all .3s;
}

.pagiGroup li a:hover {
	background: #e4ecff;
}

.pagiGroup li .active {
	background: #005bac;
	color: #fff;
}

.pagiGroup li .active:hover {
	-webkit-filter: brightness(1.2);
	background: #005bac;
}

/* 
    responsibility-page
*/
.responsibility-page {}

.responsibility-page .row {
	margin: 0.8rem -0.3rem -0.4rem;
	justify-content: center;
}

.responsibility-page .col-lg-6 {
	padding: 0 0.3rem;
}

.responsibility-page .col-lg-3 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.responsibility-page .col-lg-4 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.responsibility-page .box {
	background: #f6f6f6;
	height: 100%;
	border-radius: 0.2rem;
	transition: all .3s;
}

.responsibility-page .img {
	margin-bottom: 0;
	border-radius: 0.2rem 0.2rem 0 0;
}

.responsibility-page .img img {
	width: 100%;
	border-radius: 0.2rem 0.2rem 0 0;
}

.responsibility-page .box p {
	font-size: 0.18rem;
	color: #666;
	line-height: 1.8em;
	text-align: justify;
	padding: 0.2rem;
}

.responsibility-page .col-lg-3 p {
	font-size: 0.16rem;
}

.responsibility-page.mainboxGray .box {
	background: #fff;
}

.responsibility-page .box:hover {
	transform: translateY(-0.1rem);
}

.investor {}

.investor .form {
	margin-top: 0.6rem;
}

.investor .form {
	display: flex;
	flex-wrap: wrap;
	margin: 0.6rem -0.3rem 0;
}

.investor .form .ul {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	font-size: 0.16rem;
	color: #666;
	padding: 0 0.3rem;
	margin-bottom: 0.3rem;
}

.investor .form li {
	margin-bottom: 0.2rem;
}

.investor .form p {
	position: relative;
	background: #f6f6f6;
	line-height: 0.6rem;
	border-radius: 0.1rem;
	text-align: left;
	padding-left: 1.7rem;
}

.investor .form .red {
	background: #da242b;
	color: #fff;
	width: 1.5rem;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0.1rem 0 0 0.1rem;
	padding: 0 0 0 0.2rem;
}

.investor .shares {
	display: flex;
	margin: 0.6rem -0.4rem 0;
}

.investor .shares .shares-li {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 0.4rem;
	border-radius: 0.2rem;
}

.investor .shares h5 {
	background: #da242b;
	color: #fff;
	text-align: center;
	line-height: 0.72rem;
	border-radius: 0.2rem 0.2rem 0 0;
	font-size: 0.24rem;
}

.investor .shares .img {
	padding: 0.6rem 0.4rem;
	background: #fff;
	border-radius: 0 0 0.2rem 0.2rem;
}

.investor .shares img {
	width: 100%;
}

.investor .one-pic {
	width: auto;
	display: table;
	margin: 0.6rem auto 0;
}

.investor .one-pic img {
	max-width: 100%;
}

.investor .record-sheet {}

.investor .record-sheet .row {
	margin: 0.6rem -0.3rem 0;
}

.investor .record-sheet .col-xl-4 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.investor .record-sheet .con {
	display: block;
	height: 100%;
}

.investor .record-sheet .time {
	background: #da242b;
	display: inline-block;
	padding: 0.1rem 0.2rem;
	color: #fff;
	border-radius: 0.1rem 0.1rem 0 0;
}

.investor .record-sheet .ti {
	background: #fff;
	padding: 0.2rem;
}

.investor .record-sheet .ti h5 {
	color: #000;
	font-size: 0.16rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.8em;
}

.investor .notice {}

.investor .notice .row {
	margin: 0 -0.3rem 0;
}

.investor .notice .col-lg-6 {
	padding: 0 0.3rem;
	margin-bottom: 0.4rem;
}

.investor .notice .template-ti {
	font-size: 0.3rem;
	margin-bottom: 0.6rem;
}

.investor .notice-list {}

.investor .notice-list li {
	width: 100%;
	margin-bottom: 0.2rem;
	line-height: 0.6rem;
}

.investor .notice-list a {
	position: relative;
	display: block;
	padding: 0 0.2rem;
	background: #f6f6f6;
	font-size: 0.14rem;
	border-radius: 0.15rem;
}

.investor .notice-list p {
	color: #23252a;
	position: relative;
	padding: 0 0.9rem 0 0.2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 0.6rem;
}

.investor .notice-list p::after {
	content: '';
	width: 0.05rem;
	height: 0.05rem;
	background: #da242b;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.investor .notice-list .time {
	position: absolute;
	right: 0.2rem;
	top: 0;
	color: #888;
}

.investor .notice-list a:hover {
	background: #da242b;
}

.investor .notice-list a:hover p::after {
	background: #fff;
}

.investor .notice-list a:hover p,
.investor .notice-list a:hover .time {
	color: #fff;
}

.investorInpage .notice {}

.investorInpage .notice .row {
	margin: 0 -0.15rem 0;
}

.investorInpage .notice .col-xl-6 {
	padding: 0 0.15rem;
	margin-bottom: 0.3rem;
}

.investorInpage .notice .template-ti {
	font-size: 0.3rem;
	margin-bottom: 0.6rem;
}

.investorInpage .notice-list {}

.investorInpage .notice-list li {
	width: 100%;
	margin-bottom: 0.2rem;
	line-height: 0.6rem;
	border-radius: 0.1rem;
	overflow: hidden;
}

.investorInpage .notice-list a {
	position: relative;
	display: block;
	padding: 0 0.2rem;
	background: #f6f6f6;
	font-size: 0.14rem;
}

.investorInpage .notice-list p {
	color: #23252a;
	position: relative;
	padding: 0 0.9rem 0 0.2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 0.6rem;
}

.investorInpage .notice-list p::after {
	content: '';
	width: 0.05rem;
	height: 0.05rem;
	background: #da242b;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.investorInpage .notice-list .time {
	position: absolute;
	right: 0.2rem;
	top: 0;
	color: #888;
}

.investorInpage .notice-list a:hover {
	background: #da242b;
}

.investorInpage .notice-list a:hover p::after {
	background: #fff;
}

.investorInpage .notice-list a:hover p,
.investorInpage .notice-list a:hover .time {
	color: #fff;
}

.investorInpage .Inpage-area {
	display: flex;
}

.investorInpage .Inpage-area .left-area {
	flex: 0 0 75%;
	max-width: 75%;
}

.investorInpage .Inpage-area .top-item {
	overflow: hidden;
	margin-bottom: 0.3rem;
	border-bottom: 0.02rem dashed #e6e6e6;
}

.investorInpage .Inpage-area .top-item li {
	float: left;
}

.investorInpage .Inpage-area .top-item .link {
	display: block;
	width: 1.2rem;
	line-height: 0.5rem;
	background: #f6f6f6;
	text-align: center;
	color: #333;
	box-shadow: 0 0 0.05rem rgba(0, 13, 27, .1);
	transition: all .3s;
}

.investorInpage .Inpage-area .top-item .link:hover {
	color: #124EFE;
}

.investorInpage .Inpage-area .top-item .link.active {
	background: #124EFE;
	color: #fff;
	border-radius: 0.1rem 0.1rem 0 0;
}

.investorInpage .Inpage-area .top-item .ti {
	line-height: 0.5rem;
	font-size: 0.18rem;
}

.investorInpage .Inpage-area .left-area .text {
	margin-bottom: 0.3rem;
	overflow: hidden;
}

.investorInpage .Inpage-area .left-area .text p {
	line-height: 1.8em;
	text-indent: 2em;
	color: #666;
	margin-bottom: 0.1rem;
}

.investorInpage .Inpage-area .left-area .text strong {
	line-height: 1.8em;
	margin-bottom: 0.1rem;
	display: block;
}

.investorInpage .Inpage-area .left-area .text .PDF {
	float: right;
}

.investorInpage .Inpage-area .left-area .text .PDF img {
	width: 0.24rem;
	margin-right: 0.1rem;
}

.investorInpage .Inpage-area .left-area .table {
	text-align: left;
	margin-top: 0;
	border-radius: 0.1rem;
	overflow: hidden;
}

.investorInpage .Inpage-area .w140 {
	width: 1.4rem;
}

.investorInpage .Inpage-area .left-area .table th {
	background: #005bac;
	color: #fff;
}

.investorInpage .Inpage-area .left-area .table td {
	font-size: 0.14rem;
}

.investorInpage .Inpage-area .notice-list li {
	box-shadow: 0 0 0.05rem rgba(0, 13, 27, .08);
}

.investorInpage .Inpage-area .right-area {
	margin-left: 0.6rem;
	flex: 0 0 25%;
	min-width: 25%;
}

.investorInpage .Inpage-area .right-area .nav {
	margin-bottom: 0.3rem;
	background: #f6f6f6;
	padding: 0.1rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

.investorInpage .Inpage-area .right-area .nav li {
	display: block;
	width: 100%;
}

.investorInpage .Inpage-area .right-area .nav a {
	display: block;
	padding: 0.12rem 0.1rem 0.12rem 0.2rem;
	color: #000;
	position: relative;
	color: #333;
	border-radius: 0.1rem;
}

.investorInpage .Inpage-area .right-area .nav a::after {
	content: '';
	width: 0.05rem;
	height: 0.05rem;
	border-radius: 50%;
	position: absolute;
	left: 0.08rem;
	top: 45%;
	background: #999;
}

.investorInpage .Inpage-area .right-area .nav a:hover {
	background: #124EFE;
	color: #fff;
}

.investorInpage .Inpage-area .right-area .nav a:hover::after {
	background-color: #fff;
}

.investorInpage .Inpage-area .right-area .ques {
	line-height: 1.8em;
	margin-bottom: 0.3rem;
	color: #666;
	text-align: justify;
}

.investorInpage .Inpage-area .right-area .top-item li {
	float: none;
	display: block;
	line-height: 3em;
}

.investorInpage .Inpage-area .right-area .top-item li .iconfont {
	display: inline-block;
	margin-right: 0.1rem;
	width: 0.25rem;
	color: #da242b;
}

.investorInpage .Inpage-area .right-area .top-item li p {
	display: inline-block;
	color: #000;
}

.investorInpage .pagiGroup li .active {
	background: #da242b;
}

/* historyPage */
.historyPage {}

.historyPage .container {
	width: 13.6rem;
	max-width: 13.6rem;
}

.historyPage .hisList {
	margin-top: 0.4rem;
}

.historyPage .hisList .box {
	padding: 0.7rem 0 0.2rem 2.2rem;
	position: relative;
}

.historyPage .hisList .box::before {
	content: '';
	position: absolute;
	left: 0.89rem;
	top: 0;
	background: #ededed;
	width: 0.02rem;
	height: 100%;
}

.historyPage .hisList .box::after {
	content: '';
	position: absolute;
	left: 0.89rem;
	top: 50%;
	background: #124EFE;
	width: 0.2rem;
	height: 0.2rem;
	transform: translate(-50%, 80%);
	border-radius: 50%;
	border: solid 0.05rem #e6e6e6;
	transition: all .3s;
}

.historyPage .hisList .year {
	position: absolute;
	left: 0.2rem;
	top: 0;
	width: 1.4rem;
	line-height: 0.5rem;
	background: #005bac;
	color: #fff;
	text-align: center;
	font-size: 0.26rem;
	border-radius: 0.1rem;
	transition: all .3s;
}

.historyPage .hisList .con {
	background: #f6f6f6;
	display: flex;
	padding: 0.3rem;
	border-radius: 0.1rem;
	gap: 0.4rem;
	position: relative;
	transition: all .3s;
}

.historyPage .hisList .con::before {
	content: '';
	width: 0.8rem;
	height: 0.02rem;
	background: #ededed;
	position: absolute;
	left: -1rem;
	top: 50%;
}

.historyPage .hisList .img {}

.historyPage .hisList .img img {
	width: 2.4rem;
	height: 1.5rem;
	object-fit: cover;
	border-radius: 0.1rem;
}

.historyPage .hisList .text {
	padding: 0.1rem 0.2rem 0;
}

.historyPage .hisList .text .title {
	border-left: solid 0.06rem #005bac;
	line-height: 0.4rem;
	font-size: 0.26rem;
	color: #23252a;
	font-weight: bold;
	padding-left: 0.2rem;
	margin-bottom: 0.2rem;
	letter-spacing: 0.03rem;
}

.historyPage .hisList .text p {
	font-size: 0.16rem;
	color: #666;
	line-height: 1.8em;
	text-align: justify;
}

.historyPage.mainboxGray .con {
	background: #fff;
}

.historyPage.mainboxGray .hisList .box::before {
	background: #e6e6e6;
}

.historyPage.mainboxGray .hisList .box::after {
	border: solid 0.05rem #e6e6e6;
}

.historyPage.mainboxGray .hisList .con::before {
	background: #e6e6e6;
}

.historyPage .hisList .box:hover .con {
	box-shadow: 0.05rem 0.05rem 0.15rem #e6ebf3;
	transform: scale(1.03);
}

.historyPage .hisList .box:hover .year {
	background: #da242b;
}

.historyPage .hisList .box:hover::after {
	transform: translate(-50%, 80%) scale(1.5);
}

/* contactsPage */
.contactsPage {}

.contactsPage .ygZH {
	display: flex;
	background: #f6f6f6;
	height: 3.44rem;
	border-radius: 0.15rem;
}

.contactsPage .ygZH .img {}

.contactsPage .ygZH .img img {
	width: 5rem;
	height: 3.44rem;
	border-radius: 0.15rem 0 0 0.15rem;
}

.contactsPage .ygZH .con {
	padding: 0.5rem 0.7rem;
}

.contactsPage .ygZH h5 {
	font-size: 0.26rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	letter-spacing: 0.01rem;
}

.contactsPage .ygZH ul {
	display: flex;
	flex-wrap: wrap;
}

.contactsPage .ygZH ul li {
	flex: 0 0 50%;
	font-size: 0.16rem;
	color: #777;
	margin-bottom: 0.25rem;
}

.contactsPage .ygZH .icon {
	width: 0.16rem;
	margin-right: 0.1rem;
}

.contactsPage .ygSc {
	display: flex;
	justify-content: space-between;
	margin: 0.8rem -0.3rem 0;
}

.contactsPage .ygSc .li {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	padding: 0 0.3rem;
	height: 100%;
}

.contactsPage .ygSc h5 {
	font-size: 0.24rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.contactsPage .ygSc .img img {
	width: 100%;
	border-radius: 0.15rem 0.15rem 0 0;
}

.contactsPage .ygSc .con {
	padding: 0.3rem;
	background: #f6f6f6;
	height: 4.34rem;
	border-radius: 0 0 0.15rem 0.15rem;
}

.contactsPage .ygSc ul {}

.contactsPage .ygSc ul li {
	font-size: 0.16rem;
	color: #777;
	margin-bottom: 0.25rem;
	text-indent: -0.29rem;
	padding-left: 0.29rem;
}

.contactsPage .ygSc .icon {
	width: 0.16rem;
	margin-right: 0.1rem;
}

.contactsBri {
	margin: 0 -0.7rem;
	justify-content: space-between;
	align-items: flex-end;
}

.contactsBri .col-lg-4 {
	padding: 0 0.7rem;
}

.contactsBri .box {
	background: rgba(255, 255, 255, 0.85);
	border-radius: 0.15rem;
	text-align: center;
	padding: 0.5rem;
}

.contactsBri .img {
	width: 1.2rem;
	height: 1.2rem;
	display: flex;
	background: #124EFE;
	border: solid 0.04rem #dfe2e8;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.4rem;
}

.contactsBri .con {}

.contactsBri .con h5 {
	font-size: 0.2rem;
	color: #363844;
	font-weight: bold;
}

.contactsBri .con p {
	font-size: 0.16rem;
	color: #666666;
	margin: 0.1rem 0 0.2rem;
}

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

.coArea .con {
	width: 4.8rem;
	margin-left: 1rem;
}

.coArea .con .inPageTi {
	text-align: left;
}

.coArea .con .intro {
	font-size: 0.16rem;
	color: #777;
	margin: 0.3rem 0 0.4rem;
}

.coArea img {
	border-radius: 0.2rem;
}

.coArea .tem-more {
	margin: 0 !important;
}

.contact-page .company {
	overflow: hidden;
}

.contact-page .company .box {
	width: 50%;
	float: left;
	margin-bottom: 0.6rem;
	position: relative;
}

.contact-page .company .box:nth-child(n+3) {
	margin-bottom: 0;
}

.contact-page .company .box .img {
	position: absolute;
	left: 0;
	top: 0;
}

.contact-page .company .box .con {
	padding: 0 0.3rem 0 2.7rem;
}

.contact-page .company .box .con:nth-child(even) {
	padding-right: 0;
}

.contact-page .company .box .con h5 {
	font-size: 0.2rem;
	color: #363844;
	margin-bottom: 0.15rem;
	font-weight: 600;
}

.contact-page .company .box .con ul {}

.contact-page .company .box .con li {
	font-size: 0.14rem;
	color: #666;
	line-height: 2em;
	margin-bottom: 0.05rem;
}

.contact-page .company .box .con a {
	margin-right: 0.05rem;
}

.contact-page .rowA {
	margin: 0.8rem -0.15rem 0;
}

.contact-page .col-lg-4 {
	padding: 0 0.15rem;
}

.contact-page .rowA a {
	color: #888;
	margin-bottom: 0.2rem;
	display: block;
}

.contact-page .rowA a:hover {
	color: #005bac;
}

.contact-page .contact-co {
	background: url('../images/contact-co02.jpg') no-repeat;
	width: 100%;
	height: 2.8rem;
	display: block;
	margin: 0 auto;
	padding: 0.7rem 4rem;
	text-align: center;
}

.contact-page .contact-co h5 {
	font-size: 0.42rem;
	color: #fff;
	padding-bottom: 0.2rem;
	margin-bottom: 0.2rem;
	position: relative;
}

.contact-page .contact-co h5::after {
	content: '';
	width: 0.6rem;
	height: 0.05rem;
	background: #005bac;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
}

.contact-page .contact-co p {
	font-size: 0.16rem;
	color: #fff;
	letter-spacing: 0.01rem;
	line-height: 1.8em;
}

.contact-page .map {
	margin-top: 0.6rem;
}

.contact-page .map .nav {
	border-top: solid 0.01rem #ddd;
	background: #f0f0f0;
	justify-content: space-between;
	border-radius: 0.15rem;
	margin-bottom: 0.4rem !important;
}

.contact-page .map .nav-item {
	width: 16.666666%;
	text-align: center;
}

.contact-page .map .nav-link {
	text-align: center;
	line-height: 0.8rem;
	padding: 0;
	font-size: 0.18rem;
	color: #888;
	position: relative;
	transition: all .3s;
	display: inline-block;
}

.contact-page .map .nav-link:hover {
	color: #000;
}

.contact-page .map .nav-link.active {
	background: none;
	color: #000;
	font-weight: bold;
}

.contact-page .map .nav-link.active::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	width: 0.48rem;
	height: 0.05rem;
	background: #005bac;
}

.contact-page .map .row {
	margin: 0 -0.25rem -0.5rem;
}

.contact-page .map .col-lg-4 {
	padding: 0 0.25rem;
	margin-bottom: 0.5rem;
}

.contact-page .map .box {
	background: #fff;
	padding: 0.3rem;
	box-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 13, 27, .05);
	height: 100% !important;
	border-radius: 0.15rem;
}

.contact-page .map .box h5 {
	font-size: 0.2rem;
	color: #005bac;
	font-weight: 600;
	margin-bottom: 0.2rem;
}

.contact-page .map .box ul {}

.contact-page .map .box li {
	line-height: 2.2em;
	font-size: 0.14rem;
	color: #888;
	text-indent: -3em;
	margin-left: 3em;
}

.contact-page .map .box a {
	color: #005bac;
}

.contact-page .map .tab-content:focus {
	outline: none !important;
}

.contact-page .map .tab-pane:focus {
	outline: none !important;
}

/* componets */

/* 企业场景 */
.scene {
	padding-top: 0.88rem;
	width: 100%;
	height: 9rem;
	background: url('../images/scene-bg.png') no-repeat;
	background-size: 100% 100%;
}

.scene .title {
	margin-bottom: 0.54rem;
	font-family: PingFang;
	font-weight: 600;
	font-size: 0.36rem;
	color: #333333;
	line-height: 0.5rem;
	letter-spacing: 0.01rem;
	text-align: center;
}

.scene .scene-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 12rem;
	width: 100%;
	margin: 0 auto;
}

.scene .scene-content>div {
	padding: 0.4rem 0 0 0.34rem;
	position: relative;
	background: linear-gradient(316deg, #FFFFFF 0%, #FFFFFF 76%, #EFF3FF 100%);
	box-shadow: 0.02rem 0.06rem 0.16rem 0rem rgba(194, 209, 235, 0.42);
	border-radius: 0.2rem;
	border: 0.02rem solid #FFFFFF;
}

.scene .scene-content>div:hover {
	background: #FFFFFF;
	box-shadow: inset 0rem 0rem 0.12rem 0rem rgba(181, 186, 198, 0.57);
	border-radius: 0.2rem;
	border: 0.02rem solid #FFFFFF;
}

.scene .scene-content>div:nth-child(1) {
	width: 5.85rem;
	height: 2.64rem;
}

.scene .scene-content>div:nth-child(2) {
	width: 5.85rem;
	height: 2.64rem;
}

.scene .scene-content>div:nth-child(3),
.scene .scene-content>div:nth-child(4),
.scene .scene-content>div:nth-child(5),
.scene .scene-content>div:nth-child(6) {
	margin-top: 0.28rem;
	padding: 0.28rem 0 0 0.28rem;
	width: 2.78rem;
	height: 3.78rem;
}

.scene .scene-content>div:nth-child(1) .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 3.53rem;
	height: 2.64rem;
}

.scene .scene-content>div:nth-child(2) .bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 3.53rem;
	height: 2.64rem;
}

.scene .scene-content>div:nth-child(3) .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2.97rem;
}

.scene .scene-content>div:nth-child(4) .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2.97rem;
}

.scene .scene-content>div:nth-child(5) .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2.97rem;
}

.scene .scene-content>div:nth-child(6) .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2.97rem;
}

.scene .scene-content .text p:first-of-type img {
	margin-right: 0.12rem;
	width: 0.29rem;
	height: 0.22rem;
}

.scene .scene-content .text p:first-of-type span {
	font-family: PingFang;
	font-weight: bold;
	font-size: 0.21rem;
	color: #222222;
	line-height: 0.37rem;
}

.scene .scene-content .text p:first-of-type {
	display: flex;
	align-items: center;
}

.scene .scene-content .text p:last-of-type {
	margin-top: 0.12rem;
	font-family: PingFang;
	font-weight: 400;
	font-size: 0.16rem;
	color: #656B83;
	line-height: 0.28rem;
}

.doPage {
	font-size: .2rem;
}

.doPage a {
	color: #000;
}

@media screen and (max-width: 1500px) {
	@media screen and (max-width: 767px) {
		.scene-h5 {
			padding-top: 0.42rem;
			width: 100%;
			background: url('../imageNew-h5/scene-bg.png') no-repeat;
			background-size: 100% 100%;
		}

		.scene-h5 .title {
			margin-bottom: 0.4rem;
			font-family: PingFang;
			font-weight: 600;
			font-size: 0.42rem;
			color: #333333;
			line-height: 1.6;
			text-align: center;
		}

		.scene-h5 .scene-content {
			display: flex;
			flex-wrap: nowrap;
			width: 100%;
			overflow: hidden;
		}

		.scene-h5 .scene-content .swiper-slide {
			width: 7.5rem;
			height: 4.25rem;
			padding: 0.23rem 0 0 0.24rem;
			position: relative;
			background: linear-gradient(316deg, #FFFFFF 0%, #FFFFFF 76%, #EFF3FF 100%);
			/* box-shadow: 0.02rem 0.06rem 0.16rem 0rem rgba(194,209,235,0.42); */
			box-shadow: 0.02rem 0.08rem 0.12rem 0rem rgba(104, 125, 148, 0.08);
			border-radius: 0.2rem;
			border: 0.02rem solid #FFFFFF;
			transition: margin-top .3s ease;
		}

		.scene-h5 .scene-content .swiper-slide-active {
			margin-top: -0.08rem;
		}

		.scene-h5 .scene-content .swiper-slide:hover {
			/* background: #FFFFFF;
  box-shadow: inset 0rem 0rem 0.12rem 0rem rgba(181,186,198,0.57);
  border-radius: 0.2rem;
  border: 0.02rem solid #FFFFFF; */
		}

		.scene-h5 .scene-content .swiper-slide:nth-child(1) {
			width: 7.5rem;
			height: 4.25rem;
		}

		.scene-h5 .scene-content .swiper-slide:nth-child(2) {
			width: 7.5rem;
			height: 4.25rem;
		}

		.scene-h5 .scene-content .swiper-slide:nth-child(3),
		.scene-h5 .scene-content .swiper-slide:nth-child(4),
		.scene-h5 .scene-content .swiper-slide:nth-child(5),
		.scene-h5 .scene-content .swiper-slide:nth-child(6) {
			/* margin-top:0.28rem; */
			padding: 0.23rem 0 0 0.24rem;
			width: 7.5rem;
			height: 4.25rem;
		}

		.scene-h5 .scene-content .swiper-slide .bg {
			position: absolute;
			right: -0.16rem;
			bottom: -0.15rem;
			width: 3.8rem;
			height: 3.99rem;
		}

		.scene-h5 .scene-content .text p:first-of-type img {
			margin-right: 0.25rem;
			width: 0.4rem;
			height: 0.28rem;
		}

		.scene-h5 .scene-content .text p:first-of-type span {
			font-family: PingFang;
			font-weight: bold;
			font-size: 0.26rem;
			color: #222222;
			line-height: 0.24rem;
		}

		.scene-h5 .scene-content .text p:first-of-type {
			display: flex;
			align-items: center;
			margin-bottom: .25rem;
		}

		.scene-h5 .scene-content .text p:last-of-type {
			margin-top: 0.12rem;
			font-family: PingFang;
			font-weight: 400;
			font-size: 0.22rem;
			color: #656B83;
			line-height: 1.6;
		}
	}
}


/* temFlex */
.temFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.temFlex.noMargin {
	margin: unset 0;
}

.temFlex.noMargin .li {
	padding: 0;
	flex: 0 0 33.33333%;
}

.temFlex .col-2 {
	flex: 0 0 16.666667%;
}

.temFlex .col-2.colFive {
	flex: 0 0 20%;
}

.PDbox {
	border-radius: 0.3rem;
	overflow: hidden;
	margin-top: 0.6rem;
	justify-content: center;
}

.PDbox .box {
	padding: 0.6rem;
	height: 100%;
	transition: all .3s;
}

.PDbox .li:nth-child(1) .box {
	background: #f6f6f6;
}

.PDbox .li:nth-child(2) .box {
	background: #e6e6e6;
}

.PDbox .li:nth-child(3) .box {
	background: #d6d6d6;
}

.PDbox .box .ti {
	text-align: center;
	font-size: 0.24rem;
}

.PDbox .box .img {
	margin: 0.6rem 0 0.3rem;
	text-align: center;
}

.PDbox .box .img img {
	max-width: 100%;
	max-height: 100%;
	transition: all .3s;
}

.PDbox .box p {
	font-size: 0.16rem;
	color: #333;
	text-align: justify;
	line-height: 1.8em;
}

.PDbox .box:hover {
	filter: brightness(1.02);
}

.PDbox .box:hover img {
	transform: scale(1.05);
}

.temFlex .onePic {
	background: #f6f6f6;
	border-radius: 0.3rem;
}

.temFlex .onePic img {
	max-width: 100%;
}

.temFlex .svg {
	padding: 0.2rem;
}


.temFlex.margin40 {
	margin: unset -0.2rem;
}

.temFlex.margin40 .li {
	padding: 0 0.2rem;
}

.temFlex.margin40 .col-2 {
	padding: 0 0.2rem;
	margin-bottom: 0.4rem;
}

.temFlex.margin40 .col-3 {
	padding: 0 0.2rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin40 .col-4 {
	padding: 0 0.2rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin40 .col-6 {
	padding: 0 0.2rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin40 .col-8 {
	padding: 0 0.2rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin40 .col-12 {
	padding: 0 0.2rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin30 {
	margin: unset -0.15rem;
}

.temFlex.margin30 .li {
	padding: 0 0.15rem;
}

.temFlex.margin30 .col-2 {
	padding: 0 0.15rem;
	margin-bottom: 0.3rem;
}

.temFlex.margin30 .col-3 {
	padding: 0 0.15rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin30 .col-4 {
	padding: 0 0.15rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin30 .col-6 {
	padding: 0 0.15rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin30 .col-8 {
	padding: 0 0.15rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin30 .col-12 {
	padding: 0 0.15rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin60 {
	margin: unset -0.3rem;
}

.temFlex.margin60 .li {
	padding: 0 0.3rem;
}

.temFlex.margin60 .col-2 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin60 .col-3 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin60 .col-4 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin60 .col-6 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin60 .col-8 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin60 .col-12 {
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin90 {
	margin: unset -0.45rem;
}

.temFlex.margin90 .li {
	padding: 0 0.45rem;
}

.temFlex.margin90 .col-2 {
	padding: 0 0.45rem;
}

.temFlex.margin90 .col-3 {
	padding: 0 0.45rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin90 .col-4 {
	padding: 0 0.45rem;
	margin-bottom: 0.6rem;
}

.temFlex.margin90 .col-6 {
	padding: 0 0.45rem;
	margin-bottom: 0.9rem;
}

.temFlex.margin90 .col-8 {
	padding: 0 0.45rem;
	margin-bottom: 0.9rem;
}

.temFlex.margin90 .col-12 {
	padding: 0 0.45rem;
	margin-bottom: 0.9rem;
}

.point p {
	padding-left: 1em;
	position: relative;
	margin-bottom: 1em;
}

.point p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.7em;
	background: #005bac;
	width: 0.05rem;
	height: 0.05rem;
	border-radius: 50%;
}

.temFlex.innner {
	text-align: center;
}

.temFlex.innner .box {
	border-radius: 0.15rem;
	overflow: hidden;
	background: #f6f6f6;
	height: 100%;
	box-shadow: 0.15rem 0.15rem 0.25rem #d9e2ed;
	transition: all .3s;
}

.temFlex.innner .box .icon {
	text-align: center;
	padding: 0.4rem 0;
}

.temFlex.innner .box .icon figure {
	background: linear-gradient(180deg, rgba(1, 176, 241, 1) 0%, rgba(0, 94, 173, 1) 100%);
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	transition: all .3s;
	box-shadow: 0 0.05rem 0.1rem rgba(0, 94, 173, .5);
}

.temFlex.innner .box:hover .icon figure {
	transform: translateY(-0.05rem);
}

.temFlex.innner .box:hover {
	transform: translateY(-0.05rem);
}

.temFlex.innner .box .img {
	border-radius: 0.2rem;
	overflow: hidden;
	padding: 0.2rem 0.2rem 0;
}

.temFlex.innner .box .img img {
	border-radius: 0.2rem;
	max-width: 100%;
}

.mainbox .temFlex.innner .box .icon {
	background: #fbfbfb;
}

.mainboxGray .temFlex.innner .box .icon {
	background: #fff;
}

.temFlex.innner .text {
	padding: 0.35rem;
}

.temFlex.innner .text h5 {
	font-size: 0.18rem;
}

.temFlex.innner .text h5.sinPageTim {
	font-size: 0.16rem;
}

.temFlex.innner .text p {
	font-size: 0.16rem;
	color: #777;
	line-height: 1.8em;
}

.mainbox .temFlex.innner .box .text {
	background: #f6f6f6;
}

.temFlex.innner .text.justify p {
	text-align: justify;
}

.temText {
	display: table;
	margin: 0 auto;
}

.temText p {
	color: #777;
	line-height: 1.8em;
	margin-bottom: 0.2rem;
}

.textIndent {
	text-indent: 2em;
}

.temFlex.innner .svg {
	background: #fff;
	padding: 0;
}

.temFlex.innner .svg img {
	transform: scale(0.8);
}

.temFlex.linearBox {
	justify-content: left;
	margin-bottom: -1rem;
}

.temFlex.linearBox .col-2,
.temFlex.linearBox .col-3,
.temFlex.linearBox .col-4,
.temFlex.linearBox .col-6,
.temFlex.linearBox .col-8,
.temFlex.linearBox .col-12 {
	margin-bottom: 1.2rem;
}

.temFlex.linearBox .box {
	background: linear-gradient(to top, #fff, #e3e7ef);
	padding: 0.8rem 0.5rem 0.5rem;
	border-radius: 0.3rem;
	position: relative;
	height: 100%;
	box-shadow: 0.05rem 0.05rem 0.25rem #e5e9f0;
	display: block;
	transition: all .3s;
}

.temFlex.linearBox .box::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 1rem;
	height: 0.12rem;
	border-radius: 0.06rem;
	background: #3abce9;
}

.temFlex.linearBox .box .icon {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	width: 1.2rem;
	height: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-image: url('../images/join/linearC.png');
	background-repeat: no-repeat;
}

.temFlex.linearBox .box .icon.green {
	background-image: url('../images/icons/linearCB.png');
}

.temFlex.linearBox .box .icon img {
	transition: all .3s;
}

.temFlex.linearBox .box .text h5 {
	text-align: center;
	color: #111;
	margin-bottom: 1em;
	font-weight: bold;
}

.temFlex.linearBox .box .text p {
	line-height: 2em;
	text-align: justify;
}

.temFlex.linearBox .box:hover {
	transform: translateY(-0.1rem);
}

.temFlex.linearBox .box:hover img {
	transform: scale(1.1);
}

.temFlex.linearBox a {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	z-index: 99;
}

.temFlex.linearBox a.box {
	position: static;
	left: 0;
	bottom: 0;
	transform: translate(0, 0);
	z-index: 0;
}

.temFlex.JCcenter {
	justify-content: center;
}

.fontBold {
	font-weight: bold;
}

.temFlex.CascadeBox {}

.temFlex.CascadeBox .box {
	background: #f6f6f6;
	height: 100%;
	border-radius: 0.3rem;
	overflow: hidden;
	transition: all .3s;
}

.temFlex.CascadeBox .box:hover {
	transform: translateY(-0.1rem);
}

.temFlex.CascadeBox .box .pic {
	position: relative;
	z-index: 0;
}

.temFlex.CascadeBox .box .pic img {
	max-width: 100%;
	object-fit: cover;
}

.temFlex.CascadeBox .box .text {
	padding: 0.4rem 0.5rem;
	border-radius: 0.3rem;
	transform: translateY(-0.5rem);
	position: relative;
	z-index: 1;
	background: #f6f6f6;
	margin-bottom: -0.5rem;
}

.mainboxGray .temFlex.CascadeBox .box {
	background: #fff;
}

.mainboxGray .temFlex.CascadeBox .box .text {
	background: #fff;
}

.temFlex.CascadeBox .box .text h5 {
	font-size: 0.24rem;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 1em;
	text-align: justify;
}

.temFlex.CascadeBox .box .text p {
	font-size: 0.16rem;
	line-height: 1.8em;
	margin-bottom: .8em;
	text-align: justify;
	color: #666;
}

.temFlex.normalCard {}

.temFlex.normalCard .box {
	background-image: linear-gradient(to right, #fafafa, #f0f3f9);
	border-radius: 0.2rem;
	padding: 0.5rem;
	height: 100%;
	transition: all .3s;
}

.temFlex.normalCard .box .icon {
	margin: 0 auto 0.2rem;
	display: table;
}

.temFlex.normalCard .box h5 {
	text-align: center;
	margin-bottom: 1em;
}

.temFlex.normalCard .box p {
	text-align: justify;
	line-height: 1.8em;
	color: #888;
}

.mainboxGray .temFlex.normalCard .box {
	background: #fff;
}

.temFlex.normalCard .box:hover {
	transform: translateY(-0.05rem);
	box-shadow: 0.05rem 0.05rem 0.15rem #d3dcee;
}

.temFlex.normalCard .box:hover .icon img {
	animation: floatUD 2s linear infinite normal;
}

.temFlex.logoWall .col-2 {
	margin-bottom: 0.4rem;
	transition: all .3s;
}

.temFlex.logoWall .col-2:hover {
	transform: translateY(-0.1rem);
}

.temFlex.logoWall .box {
	background: #fff;
	text-align: center;
	padding: 0.2rem;
	border-radius: 0.2rem;
}

.temFlex.logoWall .box .text {
	margin-top: 0.1rem;
}

.temFlex.logoWall .box .text p {
	font-size: 0.16rem;
	color: #888;
}

.temFlex.logoWall .box img {
	max-width: 100%;
}

/* .mainbox .temFlex.logoWall .box{background: #f6f6f6;} */

.temFlex.imgNbox {}

.temFlex.imgNbox .box {
	border-radius: 0.2rem;
	overflow: hidden;
	background: #f6f6f6;
}

.temFlex.imgNbox .pic img {
	width: 100%;
}

.temFlex.imgNbox .text {
	padding: 0.3rem;
}

.temFlex.imgNbox .text h5 {
	text-align: center;
}

.temFlex.imgNbox .text p {
	text-align: justify;
	font-size: 0.16rem;
	line-height: 1.8em;
	color: #777;
	margin-top: 1em;
}

.mainboxGray .temFlex.imgNbox .box {
	background: #fff;
}

.temFlex.normalFlex {}

.temFlex.normalFlex .box {
	background: #fff;
	border-radius: 0.2rem;
	padding: 0.2rem 0.4rem;
	height: 100%;
	transition: all .3s;
}

.temFlex.normalFlex .box .img {
	display: flex;
	margin: 0 auto 0.3rem;
	width: 1rem;
	height: 1rem;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.temFlex.normalFlex .box .con {}

.temFlex.normalFlex .box .con h5 {
	text-align: center;
}

.temFlex.normalFlex .box .con p {
	text-align: justify;
	color: #777;
	line-height: 1.8em;
}

.temFlex.normalFlex .box:hover {
	box-shadow: inset 0 0 0.08rem #e0e8f7;
}

.temFlex.normalFlex .box:hover .img {
	animation: floatUD 2s linear infinite normal;
}

.temFlex .pdPic {
	margin: 0;
}

.flexAccordion {
	display: flex;
	gap: 0.1rem;
	justify-content: space-between;
}

.flexAccordion .li {
	flex: 1 1 auto;
	transition: all .3s;
}

.flexAccordion .li .box {
	background: #000;
	width: 100%;
	overflow: hidden;
	border-radius: 0.15rem;
	position: relative;
}

.flexAccordion .li .box .img {
	background-repeat: no-repeat;
	width: 100%;
	height: 5.4rem;
	background-position: center;
	filter: brightness(0.4);
	transition: all .3s;
	background-size: cover;
}

.flexAccordion .li .box .ti {
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(1, 176, 241, .4) 0%, rgba(0, 94, 173, .4) 100%);
	color: #fff;
	line-height: 0.4rem;
	width: 100%;
	text-align: center;
}

.flexAccordion .li.active {
	flex: 5 1 auto;
}

.flexAccordion .li.active .box .img {
	filter: brightness(1);
}

.flexAccordion .li.active .box .ti {
	text-align: left;
	padding-left: 0.5rem;
	background: linear-gradient(180deg, rgba(1, 176, 241, .85) 0%, rgba(0, 94, 173, .85) 100%);
	border-radius: 0.1rem;
}

.flexAccordion .li.active .box .ti::before {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 0.24rem;
	top: 50%;
	transform: translateY(-50%);
}

.AIpage .intro {
	width: 10rem;
	margin: 0.4rem auto 0.6rem;
	color: #777;
	line-height: 1.8em;
}

.centerPic {
	display: table;
	margin: 0.6rem auto 0;
}

/* impressionPage */
.impressionPage>.nav {
	justify-content: center;
	margin-bottom: 0 !important;
}

.impressionPage>.nav .nav-link {
	padding: .8em 2em;
	border-radius: 0.1rem;
	background: #f6f6f6;
	color: #000;
	font-size: 0.18rem;
	margin: 0 0.03rem;
}

.impressionPage>.nav .nav-link img {
	max-width: 0.2rem;
	max-height: 0.2rem;
	object-fit: cover;
	transform: translateY(-0.02rem);
	margin-right: 0.05rem;
}

.impressionPage>.nav .nav-link.active {
	background: #0061ae;
	color: #fff;
}

.impressionPage>.nav .nav-link.active img {
	filter: brightness(10000) !important;
}

.impressionPage .trainPicArea {
	padding: 0 0.5rem;
}

.impressionPage .train-pic {
	margin: 0.6rem -0.25rem 0;
}

.impressionPage .train-pic .col-4 {
	padding: 0 0.25rem;
	margin-bottom: 0.5rem;
}

.impressionPage .train-pic .col-4:nth-last-child(1) {
	margin-bottom: 0;
}

.impressionPage .train-pic .col-4:nth-last-child(2) {
	margin-bottom: 0;
}

.impressionPage .train-pic .box {
	position: relative;
	width: 100%;
	height: 3.2rem;
	overflow: hidden;
	border-radius: 0.2rem;
}

.impressionPage .train-pic .img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
}

.impressionPage .train-pic .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.impressionPage .train-pic .con {
	background: linear-gradient(180deg, rgba(1, 176, 241, .85) 0%, rgba(0, 94, 173, .85) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.6rem;
	transition: all .5s;
}

.impressionPage .train-pic .con h5 {
	text-align: center;
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.6rem;
}

.impressionPage .train-pic .con p {
	display: none;
	opacity: 0;
	font-size: 0.18rem;
	color: #fff;
	line-height: 2em;
	width: 70%;
	display: table;
	margin: 0 auto;
	transition: all .8s;
}

.impressionPage .train-pic .box:hover .con {
	height: 100%;
	padding: 0.6rem 0;
}

.impressionPage .train-pic .box:hover .con p {
	display: block;
	opacity: 1;
}

.impressionPage .PostConversion {
	padding: 0 0.9rem;
}

.impressionPage .PostConversion img {
	transition: all .3s;
}

.impressionPage .PostConversion .box:hover img {
	transform: scale(.9);
}

.work-story {
	margin: 0.6rem 0 0;
}

.work-story .li {
	margin-bottom: 0.6rem;
}

.work-story .box {
	box-shadow: 0 0.05rem 0.15rem #d9e2ed;
	border-radius: 0.2rem;
	overflow: hidden;
	padding: 0.3rem 1rem;
	vertical-align: middle;
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	align-items: center;
}

.work-story .li:nth-child(odd) .box {
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(227, 231, 239, 1) 100%);
}

.work-story .li:nth-child(even) .box {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(227, 231, 239, 1) 100%);
}

.work-story .li:nth-child(odd) .box {
	flex-direction: row;
}

.work-story .li:nth-child(even) .box {
	flex-direction: row-reverse;
}

.work-story .con p {
	color: #777;
	line-height: 2.5em;
}

.work-story .font-blue {
	width: 10rem;
	display: table;
	margin: 0.4rem auto 0.2rem;
	line-height: 2em;
	font-size: 0.14rem;
}

.work-story .bottom-li {
	margin: 0.8rem 0 0;
}

.work-story .bottom-li .template-text {
	text-align: center;
}

.work-story .bottom-li .img {
	display: table;
	margin: 0.6rem auto 0;
	border-radius: 0.2rem;
	overflow: hidden;
}

.work-story .box img {
	transition: all .3s;
}

.work-story .box:hover img {
	transform: scale(1.05);
}

/* .bg-efefef{background: #efefef !important;} */
.biggerIcon.innner .box .icon figure {
	width: 1rem;
	height: 1rem;
}

.biggerIcon.innner .box .icon figure img {
	width: 0.56rem;
	height: 0.56rem;
}

.imagesFlex {
	display: flex;
	gap: 0.6rem;
}

.imagesFlex.row-reverse {
	flex-direction: row-reverse;
}

.imagesFlex .nav {
	flex: 1 1 10%;
}

.imagesFlex .nav .nav-link {
	padding: 0;
	position: relative;
	border-radius: 0.1rem;
	overflow: hidden;
	margin-bottom: 0.2rem;
}

.imagesFlex .nav .nav-link p {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 0.4rem;
	color: #fff;
	background: linear-gradient(180deg, rgba(1, 176, 241, 1) 0%, rgba(0, 94, 173, 1) 100%);
	width: 100%;
	border-radius: 0.1rem;
}

.imagesFlex .nav .nav-link img {
	filter: brightness(0.4);
	transition: all .3s;
	height: 1.54rem;
}

.imagesFlex .nav .nav-link.active img {
	filter: brightness(1);
}

.imagesFlex .nav .nav-link:hover img {
	transform: scale(1.05);
}

.imagesFlex .tab-content {
	flex: 1 1 90%;
}

.impressionPage .flexAccordionD {
	margin: 0.4rem auto 0;
	width: 12rem;
}

.impressionPage .flexAccordionE {
	margin: 0.4rem auto 0;
	width: 13.6rem;
}

/* 
    societyJob
*/
.societyJob {
	overflow: hidden;
}

.societyJob.page-banner {
	position: relative;
}

.societyJob.page-banner .search-area {
	position: absolute;
	left: 50%;
	bottom: 0.4rem;
	transform: translate(-50%, 0);
	width: 14.6rem;
	height: 0.6rem;
}

.societyJob.page-banner .search-area .input {
	width: 100%;
	height: 0.6rem;
	outline: none;
	padding-left: 0.6rem;
	border: none;
}

.societyJob.page-banner .search-area .iconfont {
	width: 0.6rem;
	line-height: 0.6rem;
	position: inherit;
	left: 0;
	top: 0;
	font-size: 0.3rem;
	color: #0061ae;
	display: block;
	text-align: center;
}

.societyJob.page-banner .search-area .button {
	width: 2rem;
	height: 0.6rem;
	position: inherit;
	right: 0;
	top: 0;
}

.societyJob.page-banner .search-area button {
	width: 100%;
	height: 100%;
	background: #0061ae;
	color: #fff;
	border: none;
	outline: none;
}

.societyJob .ti {
	font-size: 0.24rem;
	color: #363844;
	margin-bottom: 0.3rem;
}

.societyJob .left-menu {
	width: 20%;
	float: left;
}

.societyJob .left-menu .box {
	background: #fff;
	box-shadow: 0 0 0.12rem rgba(218, 228, 245, .6);
	padding: 0.25rem;
}

.societyJob .left-menu .menu-list {
	border-bottom: 0.01rem solid #ddd;
	margin-bottom: 0.2rem;
}

.societyJob .left-menu .menu-list:last-child {
	border: none;
	margin-bottom: 0;
}

.societyJob .left-menu .type-ti {
	font-size: 0.2rem;
	color: #363844;
	width: 100%;
	cursor: pointer;
	padding-bottom: 0.2rem;
	line-height: 1em;
}

.societyJob .left-menu .type-ti .iconfont {
	float: right;
	transform: translate(0, 0.02rem);
	font-size: 0.2rem;
	transform: rotate(0);
	transition: all .3s;
}

.societyJob .left-menu .type-ti.ro .iconfont {
	transform: rotate(180deg);
}

.societyJob .left-menu .checkbox-group {
	margin-top: 0.1rem;
	display: none;
}

.societyJob .left-menu .checkbox-group li {
	margin-bottom: 0.1rem;
}

.societyJob .left-menu .checkbox-group label {
	cursor: pointer;
	width: 100%;
}

.societyJob .left-menu .checkbox-group label:hover {
	color: #0061ae;
}

.societyJob .left-menu .checkbox-group input[type="checkbox"] {
	width: 0.2rem;
	height: 0.2rem;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 0.18rem;
	margin-right: 0.1rem;
	position: relative;
}

.societyJob .left-menu .checkbox-group input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #f2f2f2;
	width: 100%;
	height: 100%;
	border: solid 0.01rem #e2e2e2;
}

.societyJob .left-menu .checkbox-group input[type="checkbox"]:checked::before {
	content: "\e643";
	background-color: #0061ae;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: none;
	color: #fff;
	font-size: 0.12rem;
	font-family: iconfont;
}

.societyJob .job-area {
	position: relative;
	margin-top: 0.6rem;
}

.societyJob .job-area .search-count {
	position: absolute;
	right: 0;
	top: 0;
	color: #888;
}

.societyJob .label-wrapper {
	width: 100%;
	position: relative;
}

.societyJob .label-wrapper .label {
	margin-bottom: 0.2rem;
}

.societyJob .label-wrapper .label-item {
	display: inline-block;
	margin-right: 0.2rem;
	position: relative;
	margin-bottom: 0.2rem;
}

.societyJob .label-wrapper .label-link {
	display: inline-block;
	line-height: 0.5rem;
	padding: 0 0.5rem 0 0.2rem;
	background: #fff;
	box-shadow: 0 0 0.12rem rgba(218, 228, 245, .6);
	border: solid 0.01rem #fff;
	transition: all .3s;
}

.societyJob .label-wrapper .label-link:hover {
	background: #fbfbfb;
	border: solid 0.01rem #ddd;
}

.societyJob .label-wrapper .label-link a {
	font-size: 0.2rem;
	color: #363844;
	display: block;
}

.societyJob .label-wrapper .close {
	position: absolute;
	right: 0.1rem;
	top: 50%;
	transform: translate(0, -50%);
	cursor: pointer;
}

.societyJob .label-wrapper .clear {
	color: #0061ae;
	line-height: 0.5rem;
	position: absolute;
	top: 0;
	right: 0;
}

.societyJob .job-list {
	background: #f6f6f6;
	box-shadow: 0 0.1rem 0.1rem rgba(228, 231, 235, .6);
	padding: 0.6rem;
	margin-bottom: 0.5rem;
	position: relative;
	border-radius: 0.2rem;
	width: 100%;
	transition: all .3s;
}

.societyJob .job-list h5 {
	font-size: 0.24rem;
	color: #0061ae;
	margin-bottom: 0.2rem;
	font-weight: bold;
	transition: all .3s;
}

.societyJob .job-list:hover {
	background: #fafafa;
	box-shadow: 0 0.15rem 0.1rem rgba(228, 231, 235, 1);
}

.societyJob .job-list .job-tips {
	margin-bottom: 0.3rem;
}

.societyJob .job-list .job-tips span {
	display: inline-block;
	padding-right: 0.3rem;
	margin-right: 0.3rem;
	border-right: solid 0.01rem #888;
	line-height: 1em;
	color: #888;
}

.societyJob .job-list .job-text {
	font-size: 0.16rem;
	color: #333;
	line-height: 2em;
	text-align: justify;
}

.societyJob .job-list .apply {
	position: absolute;
	top: 0.3rem;
	right: 0.3rem;
	padding: 0.1rem 0.15rem;
	border: solid 0.01rem #0061ae;
	color: #0061ae;
	transition: all .3s;
	font-size: 0.14rem;
	border-radius: 0.1rem;
}

.societyJob .job-list .apply:hover {
	background: #0061ae;
	color: #fff;
}

.societyJob .pagiGroup {
	margin: 0.4rem 0 0;
}

.societyJob .job-detail {
	background: #f6f6f6;
	padding: 0.6rem;
	border-radius: 0.2rem;
	position: relative;
}

.societyJob .job-detail .content {
	position: relative;
	border-bottom: 0.01rem solid #ddd;
	padding-bottom: 0.2rem;
	margin-bottom: 0.5rem;
}

.societyJob .job-detail .job-title {
	font-size: 0.42rem;
	font-weight: 600;
	color: #363844;
	margin-bottom: 0.35rem;
}

.societyJob .job-detail .job-tips {
	margin-bottom: 0.2rem;
}

.societyJob .job-detail .job-tips span {
	display: inline-block;
	width: 2.4rem;
	color: #363844;
}

.societyJob .job-detail .apply {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	padding: 0.12rem 0.3rem;
	border-radius: 0.1rem;
	border: solid 0.01rem #0061ae;
	color: #0061ae;
	transition: all .3s;
	font-size: 0.24rem;
}

.societyJob .job-detail .apply:hover {
	background: #0061ae;
	color: #fff;
}

.societyJob .job-detail .duty {
	margin-bottom: 0.4rem;
}

.societyJob .job-detail .duty h5 {
	font-size: 0.3rem;
	color: #363844;
	margin-bottom: 0.2rem;
}

.societyJob .job-detail .duty p {
	font-size: 0.16rem;
	color: #363844;
	line-height: 2em;
}

.societyJob .job-rec {
	font-size: 0.3rem;
	color: #363844;
	margin: 0.8rem 0 0.4rem;
	line-height: 0.3rem;
	border-left: 0.3rem solid #0061ae;
	padding-left: 0.15rem;
}

.societyJobArea {
	display: flex;
	gap: 0.6rem;
	flex-direction: row-reverse;
}

.societyJobArea .job-area {
	margin-top: 0;
	flex: 1 1 80%;
}

.societyJobArea .leftMenu {
	flex: 1 1 20%;
	align-self: flex-start;
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
}

.societyJobArea .leftMenu .box {
	background: #fff;
}

.societyJobArea .leftMenu .search {
	position: relative;
	background: #f6f6f6;
	border-radius: 0.2rem;
}

.societyJobArea .leftMenu .search input {
	width: 2.6rem;
	height: 0.36rem;
	border: none;
	background: #f6f6f6;
	border-radius: 0.2rem;
	padding: 0 0.15rem;
	font-size: 0.14rem;
	outline: none;
}

.societyJobArea .leftMenu .search .search-button {
	width: 0.36rem;
	line-height: 0.36rem;
	text-align: center;
	background: #0061ae;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

.societyJobArea .leftMenu .menuList {
	margin-top: 0.3rem;
	border-bottom: 0.01rem solid #ddd;
	padding-bottom: 0.15rem;
}

.societyJobArea .leftMenu .menuList .ti {
	font-size: 0.18rem;
	margin-bottom: 0.1rem;
}

.societyJobArea .leftMenu .menuList a {
	font-size: 0.14rem;
	color: #777;
	display: inline-block;
}

.societyJobArea .leftMenu .menuList a::after {
	content: '、';
}

.societyJobArea .leftMenu .menuList a:last-child::after {
	content: '';
}

.societyJobArea .leftMenu .menuList a:hover {
	color: #0061ae;
}

.societyJobArea .pagiGroup {
	margin: 0 auto;
}

.schoolJob .jobSearch {
	margin: 0 auto 0.4rem;
	display: table;
	position: relative;
}

.schoolJob .jobSearch input {
	border-radius: 0.1rem;
	width: 4rem;
	outline: none;
	height: 0.4rem;
	padding: 0 0.1rem;
	background: #e6e6e6;
	border: solid 0.02rem #ddd;
	color: #000;
	transition: all .3s;
}

.schoolJob .jobSearch input:focus {
	background: #fff;
	border: solid 0.02rem #0061ae;
}

.schoolJob .jobSearch a {
	background: #0061ae;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 0.4rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.1rem;
}

.schoolJob .jobSearch #btnSchoolJob {
	background: #0061ae;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 0.8rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.1rem;
}


/* 
    schoolJob
*/
.schoolJob .nav {
	justify-content: center;
	margin-bottom: 0 !important;
}

.schoolJob .nav .nav-link {
	padding: .8em 2.5em;
	border-radius: 0.1rem;
	background: #f6f6f6;
	color: #000;
	font-size: 0.18rem;
}

.schoolJob .nav .nav-link img {
	max-width: 0.3rem;
	max-height: 0.3rem;
	object-fit: cover;
	transform: translateY(-0.02rem);
	margin-right: 0.1rem;
}

.schoolJob .nav .nav-link.active {
	background: #0061ae;
	color: #fff;
}

.schoolJob .nav .nav-link.active img {
	filter: brightness(10000) !important;
}

.schoolJob .job-area {
	width: 100%;
	gap: 0.8rem;
	display: flex;
}

.schoolJob .job-area .col-3 {
	flex: 1 1 10%;
	max-width: 20%;
	width: unset;
}

.schoolJob .job-area .col-9 {
	flex: 1 1 90%;
	max-width: 80%;
	width: unset;
}

.schoolJob .job-area .nav-item {
	width: 100%;
}

.schoolJob .job-area .nav {
	background: #fff;
	box-shadow: 0 0 0.12rem rgba(218, 228, 245, .6);
}

.schoolJob .job-area .nav-link {
	padding: 0 0.4rem 0 0.3rem;
	line-height: 0.72rem;
	background: #f6f6f6;
	position: relative;
	color: #363844;
	font-size: 0.2rem;
	width: 100%;
	border-radius: 0.15rem;
	text-align: left;
}

.schoolJob .job-area .nav-link.active {
	background-image: linear-gradient(to bottom, #01b0f1, #005ead);
	color: #0061ae;
	color: #fff;
}

.schoolJob .job-area .nav-link img {
	max-width: 0.3rem;
	max-height: 0.3rem;
	margin-right: 1em;
}

.schoolJob table {
	margin-top: 0.6rem;
	background: #fff;
	box-shadow: 0 0 0.12rem rgba(218, 228, 245, .6);
	border-radius: 0.2rem;
	overflow: hidden;
}

.schoolJob table th {
	background: #363844;
	line-height: 3em;
	color: #fff;
	background-image: linear-gradient(to right, #01b5f5, #005fae);
}

.schoolJob table th,
.schoolJob table td {
	padding: 0.15rem 0.3rem;
}

.schoolJob table td {
	vertical-align: middle;
	font-size: 0.16rem;
}

.schoolJob table .td-bold {
	font-size: 0.16rem;
	line-height: 2em;
	font-weight: bold;
	border-bottom: solid 0.01rem #ddd;
	background: #f6f6f6;
}

.schoolJob table .td-normal {
	line-height: 2em;
	border: solid 0.01rem #ddd;
	border-top: none;
	color: #666;
}

.schoolJob table .td-bold:hover,
.schoolJob table .td-normal:hover {
	background: #f6f6f6;
}

.schoolJob .one-pic {
	display: table;
	margin: 0 auto;
	box-shadow: 0 0 0.12rem rgba(218, 228, 245, .6);
}

.schoolJob .quesiton-area {
	display: table;
	margin: 0.6rem auto -0.6rem;
	width: 15.6rem;
	padding: 0;
}

.schoolJob .quesiton-list {
	margin-bottom: 0.6rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

.schoolJob .quesiton-list .ti {
	line-height: 0.56rem;
	font-size: 0.2rem;
	transition: all .3s;
	padding: 0 0.6rem;
	background-image: linear-gradient(to bottom, #01b0f1, #005ead);
	position: relative;
	color: #fff;
	font-weight: 600;
}

.schoolJob .quesiton-list .ti::before {
	content: '';
	position: absolute;
	left: 0.2rem;
	top: 50%;
	transform: translateY(-50%);
	background: url('../images/join/navIcon9.png') no-repeat;
	width: 0.3rem;
	height: 0.3rem;
	background-size: cover;
	filter: brightness(100);
}

.schoolJob .quesiton-list .text {
	background: #f6f6f6;
	padding: 0.3rem;
}

.schoolJob .quesiton-list .text p {
	color: #666;
	line-height: 2em;
	margin-bottom: 0.3rem;
}

.schoolJob .quesiton-list .text p:last-child {
	margin-bottom: 0;
}

.schoolJob .tips {
	font-size: 0.24rem;
	text-align: center;
	display: none;
	background: #f6f6f6;
	padding: 0.4rem 0;
}

.schoolJob.false .jobSearch {
	display: none;
}

.schoolJob.false .job-area {
	display: none;
}

.schoolJob.false .tips {
	display: block;
}

.commerce-page .process {
	display: flex;
	margin: 0.6rem 0 0;
	flex-wrap: nowrap;
	justify-content: space-around;
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgb(240, 245, 255) 50%, rgba(255, 255, 255, 1) 100%);
	padding: 0.5rem;
	border-radius: 1rem;
}

.commerce-page .process .list {
	flex: 1 1 20%;
	max-width: unset;
	text-align: center;
	position: relative;
}

.commerce-page .process .icon {
	width: 1.6rem;
	height: 1.6rem;
	text-align: center;
	background-image: linear-gradient(to right, #fff, #e3e7ef);
	border-radius: 50%;
	display: inline-block;
	line-height: 1.6rem;
	margin-bottom: 0.3rem;
	position: relative;
}

.commerce-page .process .list::after {
	content: '';
	width: 1rem;
	height: 0.02rem;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(50%, -0.25rem);
}

.commerce-page .process .list::before {
	content: '\e602';
	width: 0.2rem;
	line-height: 0.2rem;
	background-image: linear-gradient(to bottom, #01b0f1, #005ead);
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(50%, -0.33rem);
	font-family: iconfont;
	z-index: 999;
	color: #fff;
}

.commerce-page .process .list:last-child::before,
.commerce-page .process .list:last-child::after {
	display: none;
}

.commerce-page .process p {
	font-size: 0.18rem;
	color: #23252a;
}

.recommendCode {
	background-image: linear-gradient(to bottom, #01b0f1, #005ead);
	width: auto;
	display: table;
	margin: 0.4rem auto 0;
	padding: 0.8rem 0.6rem;
	border-radius: 0.5rem;
	text-align: center;
}

.recommendCode h5 {
	font-size: 0.24rem;
	font-weight: bold;
	color: #fff;
}

.recommendCode p {
	font-size: 0.16rem;
	color: #fff;
	margin: 0.2rem 0 0.2rem;
	text-align: left;
	line-height: 2em;
}

.recommendCode a {
	color: #91e5ff;
}

.recommendCode a:hover {
	/* text-decoration: underline; */
}

.pdPic {
	margin: 0.4rem auto;
	display: table;
	background: #fff;
	padding: 0.05rem;
	border-radius: 0.2rem;
	position: relative;
}

.pdPic img {
	border-radius: 0.2rem;
	max-width: 100%;
	margin-bottom: 0;
}

.pdPic .intro {
	text-align: center;
	background: #f0f0f0;
	padding: 0.1rem 0.2rem;
	border-radius: 0.15rem;
	position: absolute;
	right: 0.1rem;
	bottom: 0.1rem;
}

.CloudTem {}

.CloudTem .intro {
	width: 12rem;
	margin: 0.4rem auto;
}

.CloudTem .intro p {
	font-size: 0.16rem;
	color: #888;
	line-height: 2em;
}

.conPicFlex {}

.conPicFlex .list {
	display: flex;
	flex-wrap: nowrap;
	background: #fff;
	padding: 0.8rem 1.2rem;
	border-radius: 0.2rem;
	margin-top: 0.6rem;
	transition: all .3s;
	justify-content: space-around;
	gap: 0.5rem;
}

.conPicFlex .list:nth-child(odd) {
	flex-direction: row-reverse;
}

.conPicFlex .list:nth-child(even) {
	flex-direction: row;
}

.conPicFlex .list .pic {
	flex: 1 1 50%;
}

.conPicFlex .list .pic img {
	transition: all .3s;
	max-width: 100%;
}

.conPicFlex .list .con {
	flex: 1 1 50%;
}

.conPicFlex .list:nth-child(odd) .pic {
	text-align: right;
}

.conPicFlex .list:nth-child(evenodd) .pic {
	text-align: left;
}

.conPicFlex .list:hover {
	box-shadow: 0.05rem 0.05rem 0.15rem #d3dcee;
}

.conPicFlex .list:hover .pic img {
	transform: scale(1.05);
}

.knowledgeCloud .con .li {
	margin: 0 0 0.2rem 0.2rem;
}

.knowledgeCloud .con h4 {}

.knowledgeCloud .con h4 {
	font-size: 0.3rem;
	color: #565862;
}

.knowledgeCloud .con h5 {
	font-size: 0.22rem;
	color: #0061ae;
	padding-left: 0.1rem;
	border-left: solid 0.08rem #0061ae;
	margin: 0.25rem 0;
	line-height: 0.36rem;
}

.knowledgeCloud .con h6 {
	font-size: 0.18rem;
	color: #666872;
	position: relative;
	line-height: 0.16rem;
}

.knowledgeCloud .con h6::after {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	background: #cbd4df;
	border-radius: 50%;
	position: absolute;
	left: -0.2rem;
	top: 0.02rem;
}

.knowledgeCloud .con p {
	font-size: 0.16rem;
	color: #9ea1af;
	line-height: 2em;
	margin-top: 0.15rem;
}


.cloudBanner {
	position: relative;
	color: #FFF;
	background-size: cover;
	margin-top: 0.9rem;
	height: unset;
	padding: 0.9rem 0 0;
	background-repeat: no-repeat;
}

.cloudBanner .ti {
	text-align: center;
	font-size: 0.3rem;
	font-weight: bold;
	margin-bottom: 0.15rem;
}

.cloudBanner .text {
	color: #fff;
	width: 8rem;
	text-align: justify;
	display: block;
	margin: 0 auto 0.1rem;
	line-height: 2em;
	text-indent: 2em;
}

/* .cloudBanner .img{position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);} */
.cloudBanner .img {
	display: table;
	margin: 0.5rem auto 0;
}

.cloudBg {
	background-size: cover;
}

.cloudBg .inPageTi {
	color: #fff;
}

.cloudBg .intro p {
	color: #fff;
	margin: 0.4rem auto;
	width: 12rem;
}

.onePic {
	display: table;
	margin: 0.4rem auto;
}

.onePic img {
	max-width: 100%;
	border-radius: 0.2rem;
}

.normalPic {}

.normalPic .list {
	padding: 0 0.8rem 0.6rem;
	border-bottom: #ddd solid 0.01rem;
	align-items: center;
}

.normalPic .con {}

.normalPic .img {
	text-align: center;
	flex: 1 1 50%;
}

.normalPic img {
	max-width: 80%;
	transition: all .3s;
	box-shadow: #cee7fd 0 0.05rem 0.1rem;
	border-radius: 0.05rem;
}

/* .normalPic .img.phonePic{margin-bottom: 0.6rem;} */
.normalPic .img.phonePic img {
	max-height: 60vh;
	box-shadow: none;
	border: solid 0.1rem #000;
	border-radius: 0.3rem;
}

.mainboxGray .normalPic .list {
	background: none;
}

.normalPic .list:hover {
	box-shadow: none;
}

.normalPic .list:hover img {
	transform: scale(1.05);
}

.phonePic .list {
	background: none;
	padding: 0 0.8rem;
	border: none;
	align-items: center;
	margin-top: 0;
}

.phonePic .con {
	margin-top: 0;
	padding: 0 0.6rem;
	transform: translateY(-40%);
}

.phonePic .con img {
	transition: all .3s;
}

.phonePic .list:hover img {
	transform: translateY(-0.1rem);
}

.onePicli {
	display: table;
	margin: 0 auto -0.5rem;
	width: 12rem;
}

.onePicli .list {
	padding: 0.5rem;
	border-radius: 0.2rem;
	margin-bottom: 0.5rem;
	box-shadow: 0.02rem 0.02rem 0.1rem rgb(229, 234, 241);
}

.onePicli .list .ti {
	text-align: center;
	font-size: 0.24rem;
	font-weight: bold;
	color: #0061ae;
	margin-bottom: 0.4rem;
}

.onePicli .list p {
	text-align: justify;
	text-indent: 2em;
	line-height: 1.8em;
	color: #777;
	margin-bottom: 0.4rem;
}

.onePicli .list .img {
	display: table;
	margin: 0 auto;
}

.onePicli .list img {
	border-radius: 0.2rem;
	max-width: 100%;
}

.fullpic {}

.fullpic .list {
	padding: 0.4rem 0.8rem 0;
	align-items: center;
	margin-top: 0;
	gap: 0.8rem;
}

.fullpic .list:nth-child(odd) {
	background-image: linear-gradient(to right, #fff, #f0f3f9);
}

.fullpic .list:nth-child(even) {
	background-image: linear-gradient(to left, #fff, #f0f3f9);
}

.fullpic .img {
	max-width: 100%;
}

.fullpic .img img {
	max-width: 100%;
}

.fullpic .con {
	display: flex;
	justify-content: center;
}

.fullpic .con .conP {}

.fullpic .con h5 {
	font-size: 0.24rem;
}

.fullpic .con h6 {
	font-size: 0.2rem;
	color: #0061ae;
	margin-top: 1em;
}

.fullpic .con p {
	font-size: 0.16rem;
	color: #777;
	margin-top: 1em;
	position: relative;
	padding-left: 1em;
}

.fullpic .con p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.45em;
	background: #005bac;
	width: 0.06rem;
	height: 0.06rem;
	border-radius: 50%;
}

.flexBanner {
	padding: 0.6rem 2rem 0.4rem;
}

.flexBanner .flex {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.flexBanner .lia {
	flex: 1 1 3%;
}

.flexBanner .lib {
	flex: 1 1 30%;
}

.flexBanner .con {
	text-align: left;
	transform: translateY(-30%);
}

.flexBanner .con .ti {
	text-align: left;
}

.flexBanner .con p {
	text-align: left;
}

.servicePage .inPageTi {
	color: #0061ae;
	font-weight: bold;
}

.servicePage .intro p {
	font-size: 0.2rem;
	text-align: center;
}

.servicePage .parent {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0.8rem;
	grid-row-gap: 0.6rem;
}

.servicePage .div1 {
	grid-area: 1 / 1 / 2 / 2;
}

.servicePage .div2 {
	grid-area: 2 / 1 / 3 / 2;
}

.servicePage .div3 {
	grid-area: 1 / 2 / 3 / 3;
}

.servicePage .left .box {
	display: flex;
	overflow: hidden;
	border-radius: 0.2rem;
	align-items: center;
}

.servicePage .left .box .con {
	padding: 0 0.6rem;
}

.servicePage .box .con h6 {
	font-size: 0.24rem;
	font-weight: bold;
	color: #0061ae;
	margin-bottom: 0.3rem;
}

.servicePage .box ul li {
	font-size: 0.16rem;
	color: #666;
	padding-left: 0.2rem;
	position: relative;
	margin-bottom: 0.12rem;
}

.servicePage .box ul li::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0.06rem;
	height: 0.06rem;
	background: #0061ae;
	transform: translate(0, -50%);
	border-radius: 50%;
}

.servicePage .box ul li:last-child {
	padding-left: 0;
}

.servicePage .box ul li:last-child:after {
	display: none;
}

.servicePage .left .index-more {
	margin: 0.25rem 0 0 !important;
}

.servicePage .right .box {
	border-radius: 0.2rem;
	overflow: hidden;
}

.servicePage .right .box img {
	width: 100%;
}

.servicePage .right .box h6 {
	text-align: center;
}

.servicePage .right .box .con {
	padding: 0.4rem 1rem;
}

.servicePage .right .box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.servicePage .right .box li {
	flex: 1 1 33.3333%;
}

.servicePage .right .index-more {
	margin: 0.25rem auto 0 !important;
}

.serviceSlider {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	display: none;
	transform: translateY(100%);
	transition: all .3s;
}

.serviceSlider.mainbox-gray {
	background: #f6f6f6;
}

.serviceSlider .container {
	width: 12rem;
}

.serviceSlider h5 {
	font-size: 0.32rem;
	font-weight: bold;
	color: #0061ae;
	text-align: center;
	margin-bottom: 0.4rem;
	letter-spacing: .2em;
}

.serviceSlider .row {
	margin: 0 -0.4rem;
	justify-content: center;
}

.serviceSlider .row .col-12 {
	padding: 0 0.4rem;
	border-right: solid 0.01rem #e7edf7;
	overflow: hidden;
}

.serviceSlider .row .col-12:last-child {
	border: none;
}

.serviceSlider .img {
	float: left;
}

.serviceSlider .con {
	width: 2.3rem;
	float: right;
}

.serviceSlider .con h6 {
	font-size: 0.24rem;
	margin-bottom: 0.1rem;
}

.serviceSlider .con p {
	font-size: 0.18rem;
	line-height: 1.8em;
	color: #888;
	text-align: justify;
}

.serviceSlider .Servicesbt {
	margin: 0.3rem auto 0;
	display: table;
	background: #e1e9ee;
	border: none;
	outline: none;
	width: 2rem;
	line-height: 0.42rem;
	border-radius: 0.1rem;
	transition: all .2s;
}

.serviceSlider .Servicesbt:hover {
	background: #005bac;
	color: #fff;
}

.serviceCon .list {
	padding: 0.6rem 1.2rem;
	align-items: center;
}

.serviceCon img {
	border-radius: 0.2rem;
}

.serviceCon .con h5 {
	font-size: 0.3rem;
}

.serviceCon .con p {
	font-size: 0.18rem;
}

.Strategy {
	width: 100%;
	background-size: cover;
	position: relative;
	background-position: center;
	margin-top: 0.9rem;
	padding: 1.5rem 0;
	text-align: center;
	background-repeat: no-repeat;
}

.Strategy .con {
	position: relative;
}

.Strategy .con h5 {
	font-size: 0.36rem;
	color: #fff;
	font-weight: bold;
	padding-bottom: 0.5rem;
	position: relative;
}

.Strategy .con h5::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1rem;
	height: 0.04rem;
	background: #fff;
	transform: translate(-50%, -0.2rem);
}

.Strategy .con h6 {
	font-size: 0.2rem;
	color: #fff;
	margin-bottom: 0.4rem;
}

.Strategy .con a {
	width: 1.8rem;
	line-height: 0.54rem;
	background: #005bac;
	color: #fff;
	border-radius: 0.05rem;
	display: inline-block;
	text-decoration: none;
	transition: all .3s;
}

.Strategy .con a:hover {
	border-radius: 0.3rem;
}

.StrategyPage .CascadeBox h5 {
	text-align: center !important;
}

.StrategyPage .CascadeBox img {
	width: 100%;
}

.StrategyPage .coArea .intro .inPageMti {
	text-align: left;
	color: #333;
}

.StrategyPage .coArea .intro p {
	margin-bottom: 1em;
}



/* 智能物联平台 */
.platFunction {
	margin: 1.3rem auto 0;
	display: table;
}

.SDPlatform .platFunction .box {
	width: 4.3rem;
	height: 4.3rem;
	border-radius: 50%;
	background-image: linear-gradient(to top, #fafafa, #f0f3f9);
	position: relative;
	margin-bottom: 0.9rem;
	border: solid 0.01rem #ddd;
}

.SDPlatform .platFunction .con {
	position: absolute;
	background-image: linear-gradient(to top, #26cfff, #005bac);
	border: solid 0.05rem #d9e8ff;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	overflow: hidden;
	transition: all .3s;
}

.SDPlatform .platFunction .con:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 2rem;
	height: 2rem;
	background-image: linear-gradient(to top, #fff, #f0f3f9);
	border: solid 0.06rem #005bac;
}

.SDPlatform .platFunction .con:nth-child(1) h5 {
	color: #005bac;
	font-weight: bold;
}

.SDPlatform .platFunction .con:nth-child(2) {
	left: 50%;
	top: 0;
	transform: scale(1) translate(-50%, -50%);
}

.SDPlatform .platFunction .con:nth-child(3) {
	right: 0;
	top: 0.75rem;
	transform: translate(50%, 0);
}

.SDPlatform .platFunction .con:nth-child(4) {
	right: 0;
	bottom: 0.75rem;
	transform: translate(50%, 0);
}

.SDPlatform .platFunction .con:nth-child(5) {
	right: 50%;
	bottom: 0;
	transform: translate(50%, 50%);
}

.SDPlatform .platFunction .con:nth-child(6) {
	left: 0;
	bottom: 0.75rem;
	transform: translate(-50%, 0);
}

.SDPlatform .platFunction .con:nth-child(7) {
	left: 0;
	top: 0.75rem;
	transform: translate(-50%, 0);
}

.SDPlatform .platFunction .con h5 {
	font-size: 0.18rem;
	color: #fff;
	position: inherit;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	line-height: 1.5em;
}

.SDPlatform .platFunction .con:nth-child(1) h5 {
	font-size: 0.3rem;
}

.SDPlatform .platFunction .con p {
	background: #1371c4;
	color: #fff;
	width: 2.4rem;
	height: auto;
	padding: 0.2rem;
	font-size: 0.13rem;
	line-height: 1.8em;
	position: inherit;
	border-radius: 0.1rem;
	opacity: 0;
	transition: all .3s;
	text-align: justify;
}

.SDPlatform .platFunction .con strong {
	display: none;
}

.SDPlatform .platFunction .con p::after {
	content: '';
	right: 99%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: inherit;
	pointer-events: none;
	border-color: rgba(18, 134, 237, 0);
	border-right-color: #1371c4;
	border-width: 0.14rem;
	margin-top: -0.14rem;
}

.SDPlatform .platFunction .con:nth-child(2) p {
	left: 0;
	top: 50%;
	transform: translate(-110%, -50%);
}

.SDPlatform .platFunction .con:nth-child(3) p {
	right: 0;
	top: 50%;
	transform: translate(110%, -50%);
}

.SDPlatform .platFunction .con:nth-child(4) p {
	right: 0;
	top: 50%;
	transform: translate(110%, -50%);
}

.SDPlatform .platFunction .con:nth-child(5) p {
	right: 0;
	top: 50%;
	transform: translate(110%, -50%);
}

.SDPlatform .platFunction .con:nth-child(6) p {
	left: 0;
	top: 50%;
	transform: translate(-110%, -50%);
}

.SDPlatform .platFunction .con:nth-child(7) p {
	left: 0;
	top: 50%;
	transform: translate(-110%, -50%);
}

.SDPlatform .platFunction .con:nth-child(2) p::after,
.SDPlatform .platFunction .con:nth-child(6) p::after,
.SDPlatform .platFunction .con:nth-child(7) p::after {
	left: 99%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(18, 134, 237, 0);
	border-left-color: #1371c4;
	border-width: 0.14rem;
	margin-top: -0.14rem;
}

.SDPlatform .platFunction .con:hover {
	overflow: unset;
	cursor: pointer;
	box-shadow: 0.05rem 0.05rem 0.2rem rgba(38, 142, 227, 0.47);
}

.SDPlatform .platFunction .con:nth-child(2).con:hover {
	left: 50%;
	top: 0;
	transform: scale(1.05) translate(-50%, -50%);
}

.SDPlatform .platFunction .con:nth-child(3).con:hover {
	right: 0;
	top: 0.75rem;
	transform: scale(1.05) translate(50%, 0);
}

.SDPlatform .platFunction .con:nth-child(4).con:hover {
	right: 0;
	bottom: 0.75rem;
	transform: scale(1.05) translate(50%, 0);
}

.SDPlatform .platFunction .con:nth-child(5).con:hover {
	right: 50%;
	bottom: 0;
	transform: scale(1.05) translate(50%, 50%);
}

.SDPlatform .platFunction .con:nth-child(6).con:hover {
	left: 0;
	bottom: 0.75rem;
	transform: scale(1.05) translate(-50%, 0);
}

.SDPlatform .platFunction .con:nth-child(7).con:hover {
	left: 0;
	top: 0.75rem;
	transform: scale(1.05) translate(-50%, 0);
}

.SDPlatform .platFunction .con:hover p {
	opacity: 1;
}

.SDPlatform .platFunction .tips {
	text-align: center;
	font-size: 0.14rem;
	color: #9aa0c1;
}

.SDPlatform .platFunction .tips:first-child {
	visibility: unset;
}

.SDPlatform .platFunction .tips:last-child {
	visibility: hidden;
}

.SDPlatform .nav {
	text-align: center;
	justify-content: center;
	margin-top: 0.2rem;
}

.SDPlatform .nav .nav-link {
	padding: 0.2rem 0.5rem;
	color: #000;
	font-size: 0.22rem;
	background: #f6f6f6;
}

.SDPlatform .nav .nav-link.active {
	background-image: linear-gradient(to top, #26cfff, #005bac);
	color: #fff;
	position: relative;
}

.SDPlatform .nav .iconfont {
	display: none;
}

.SDPlatform .tab-pane .topCon {
	width: 12rem;
	margin: 0.8rem auto;
	display: flex;
	justify-content: space-around;
	padding: 0.1rem;
	gap: 0.6rem;
}

.SDPlatform .tab-pane .topCon p {
	font-size: 0.18rem;
	line-height: 2em;
	color: #888;
	text-indent: 2em;
	padding: 1em 0;
	text-align: justify;
}

.SDPlatform .tab-pane .pic img {
	border-radius: 0.1rem;
}

.SDPlatform .tab-pane .content .ti {
	font-size: 0.2rem;
	text-align: center;
	margin-bottom: 0.3rem;
}

.SDPlatform .tab-pane .content .row {
	margin: 0 -0.2rem 60PX;
	padding: 0 0.8rem;
	justify-content: center;
}

.SDPlatform .tab-pane .content .col-lg-4 {
	padding: 0 0.2rem;
	margin-bottom: 0.4rem;
}

.SDPlatform .tab-pane .content .col-lg-3 {
	padding: 0 0.2rem;
	margin-top: 0.4rem;
}

.SDPlatform .tab-pane .content .box {
	background-image: linear-gradient(to right, #fafafa, #f0f3f9);
	position: relative;
	padding: 0.3rem 0.4rem;
	height: 100%;
	border-radius: 0.2rem;
}

.SDPlatform .tab-pane .content .box span {
	position: absolute;
	left: 0;
	top: 0;
	width: 0.3rem;
	line-height: 0.3rem;
	background: #005bac;
	border-radius: 0.1rem 0 0.1rem 0;
	color: #fff;
	text-align: center;
}

.SDPlatform .tab-pane .content .box p {
	font-size: 0.16rem;
	line-height: 1.6em;
	text-align: justify;
	color: #8396a6;
}

.SDPlatform .tab-pane .content .proButton {
	background: #005bac;
	color: #fff;
	display: table;
	margin: 0.3rem auto 0;
	min-width: 2rem;
	line-height: 0.5rem;
	text-align: center;
	border-radius: 0.1rem;
	box-shadow: 0.07rem 0.07rem 0.2rem rgba(109, 143, 255, .45);
	transition: all .3s;
	padding: 0 1.8em;
}

.SDPlatform .tab-pane .content .proButton:hover {
	background: #077ce2;
}

.SDPlatform .tab-paneCon {
	display: none;
}

.SDPlatform .contacts {
	display: flex;
}

.SDPlatform .contacts .li {
	flex: 1 1 50%;
	display: flex;
	gap: 0.5rem;
	justify-content: center;
}

.SDPlatform .contacts .li:first-child {
	border-right: 0.01rem solid #ddd;
}

.SDPlatform .contacts .icon {
	width: 1rem;
	height: 1rem;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.SDPlatform .contacts .icon img {
	width: 0.48rem;
}

.SDPlatform .contacts .con h5 {
	font-size: 0.18rem;
	font-weight: bold;
	margin: 0.15rem 0;
}

.SmartEnergy {}

.SmartEnergy .SmartEnergyPD {}

.SmartEnergy .SmartEnergyPD .box {
	padding: 0.4rem 0.3rem;
	border-radius: 0.2rem;
	height: 100%;
	position: relative;
	background-image: linear-gradient(to bottom, #fff, #d9e1f0);
	box-shadow: 0 0.02rem 0.05rem rgba(0, 91, 172, 0.15);
}

.SmartEnergy .SmartEnergyPD .box .tiAlgin {
	text-align: center;
	color: #077ce2;
}

.SmartEnergy .SmartEnergyPD .box .menu {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.15rem;
	justify-content: left;
	position: relative;
	z-index: 2;
}

.SmartEnergy .SmartEnergyPD .box .menu li {
	flex: 0 0 50%;
	padding: 0 0.15rem;
	margin-bottom: 0.3rem;
}

.SmartEnergy .SmartEnergyPD .box .menu a {
	display: block;
	line-height: 0.5rem;
	text-align: center;
	background: rgb(195 204 220 / 50%);
	border-radius: 0.1rem;
	font-size: 0.14rem;
	color: #000;
	backdrop-filter: blur(0.04rem);
	transition: all .3s;
	font-weight: bold;
}

.SmartEnergy .SmartEnergyPD .box .menu a:hover {
	background: #077ce2;
	color: #fff;
}

.SmartEnergy .SmartEnergyPD .box .img {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 0;
}

.SmartEnergy .CascadeBox h5 {
	font-size: 0.2rem !important;
	text-align: center !important;
}

.SmartEnergy .CascadeBox .tem-more {
	margin: 0.3rem auto 0 !important;
}

.SmartEnergy .CascadeBox .box .pic img {
	height: 3rem !important;
	width: 100%;
}

.SmartEnergy .innner img {
	width: 100%;
	max-height: 2rem;
	object-fit: cover;
}

/* 企业文化 */
.CulturePage {}

.CulturePage #culturePoster {
	position: relative;
}

/* .CulturePage #culturePoster::before{content: ''; position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; border: solid 0.3rem; border-image: linear-gradient(to right, #0061ae , #fe2929) 1;} */
.CulturePage #culturePoster .swiper-slide {
	padding: 0 1rem 0.8rem;
}

.CulturePage #culturePoster .box {
	position: relative;
}

.CulturePage #culturePoster .box img {
	border-radius: 0.2rem;
	box-shadow: 0.1rem 0.1rem 0.3rem rgba(110, 122, 145, .3);
	width: 100%;
}

.CulturePage #culturePoster .box .con {
	position: absolute;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(0.3rem);
	padding: 0.3rem 0.5rem;
	border-radius: 0.15rem;
	width: 50%;
	box-shadow: 0rem 0.05rem 0.05rem rgba(0, 0, 0, 0.05);
}

/* .CulturePage #culturePoster .box .con::after{content: ''; position: absolute; right: 0; top: 0; width: 2rem; height: 2rem; background: #fe212f; z-index: -2; transform: translate(50%,-50%);} */
.CulturePage #culturePoster .box .con .ti {
	font-size: 0.3rem;
	font-weight: 500;
	margin-bottom: .6em;
	word-spacing: 0.1em;
	display: inline-block;
	border-radius: 0.1rem;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/* .CulturePage #culturePoster .box .con .ti{font-size: 0.3rem; font-weight: 500; margin-bottom: .6em; word-spacing: 0.1em; background: linear-gradient(to right, #ffa9a9, #ff2d2d); display: inline-block; padding: 0.05rem 0.1rem; border-radius: 0.1rem; color: #fff; letter-spacing: 0.1em;} */
.CulturePage #culturePoster .box .con .text {
	font-size: 0.24rem;
	color: #333;
	line-height: 1.8em;
	text-align: justify;
}

.CulturePage #culturePoster .swiper-slide:nth-child(2) .box .con {
	right: 1rem;
	top: 1.5rem;
}

.CulturePage #culturePoster .swiper-slide:nth-child(2) .box .con .ti {
	color: #333;
}

.CulturePage #culturePoster .swiper-slide:nth-child(3) .box .con {
	left: 0.5rem;
	top: 2rem;
}

.CulturePage #culturePoster .swiper-slide:nth-child(4) .box .con {
	right: 0.5rem;
	top: 1.5rem;
}

.CulturePage #culturePoster .swiper-slide:nth-child(5) .box .con {
	right: 0.5rem;
	top: 0.6rem;
}

.CulturePage #culturePoster .swiper-slide:nth-child(6) .box .con {
	right: 0.5rem;
	top: 0.6rem;
}

.CulturePage #culturePoster .swiper-slide:nth-child(3) .box .con .text,
.CulturePage #culturePoster .swiper-slide:nth-child(4) .box .con .text,
.CulturePage #culturePoster .swiper-slide:nth-child(5) .box .con .text {
	color: #fff;
	word-spacing: 1em;
}

.CulturePage #culturePoster .swiper-slide:nth-child(6) .box .con .text {
	color: #fff;
	word-spacing: 1em;
}

.CulturePage #culturePoster .swiper-pagination-bullet {
	width: 0.3rem;
	height: 0.3rem;
	text-align: center;
	line-height: 0.3rem;
	font-size: 0.12rem;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
	outline: none;
}

.CulturePage #culturePoster .swiper-pagination-bullet-active {
	color: #fff;
	background: #fe212f;
}

.CulturePage #culturePoster .swiper-pagination {
	bottom: 0;
	width: auto;
	display: table;
	left: 50%;
	transform: translateX(-50%);
}

.culturalActivity {
	position: relative;
	width: 100%;
}

.culturalActivity .inPageTi {
	color: #fff;
	position: relative;
	z-index: 88;
}

.culturalActivity #culturalActivity {
	overflow: hidden;
	position: relative;
	padding: 0.6rem 0 1rem;
	z-index: 88;
}

.culturalActivity #culturalActivity .swiper-wrapper {
	display: flex;
	align-items: center;
}

.culturalActivity #culturalActivity .swiper-slide {
	text-align: center;
	font-size: 0.18rem;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.8);
}

.culturalActivity #culturalActivity .swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1.15);
}

.culturalActivity #culturalActivity .swiper-slide {
	border-radius: 0.2rem;
	overflow: hidden;
}

.culturalActivity #culturalActivity .box .img {
	border: solid 0.05rem #fff;
	border-radius: 0.2rem 0.2rem 0 0;
	overflow: hidden;
}

.culturalActivity #culturalActivity .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .25s;
}

.culturalActivity #culturalActivity .box:hover img {
	transform: scale(1.1);
}

.culturalActivity #culturalActivity .box .ti {
	padding: 0.15rem 0.2rem 0.2rem;
	background: #fff;
	color: #333;
	transition: all .24s;
}

.culturalActivity #culturalActivity .box:hover .ti {
	color: #fe2929;
}

.culturalActivity #culturalActivity .swiper-button-prev:after,
.culturalActivity #culturalActivity .swiper-button-next:after {
	color: #fff;
	outline: none;
}

.culturalActivity #culturalActivity .swiper-button-prev,
.culturalActivity #culturalActivity .swiper-button-next {
	color: #fff;
	outline: none;
}

.culturalActivity #culturalActivity .swiper-pagination-bullet {
	background: #fff;
}

.culturalActivity #culturalActivityBg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.culturalActivity #culturalActivityBg .swiper-slide {
	background: #000;
	width: 100%;
	height: 100%;
}

.culturalActivity #culturalActivityBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.3;
}

.culturalActivity #culturalActivityBg .swiper-slide-active img {
	animation: imgScale infinite 15s;
}

@keyframes imgScale {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.3);
	}
}

.tableTips {
	display: none;
}

.temFlex.cultureCard .box {
	background: #f6f6f6;
	border-radius: 0.2rem;
	overflow: hidden;
	transition: all .3s;
	height: 100%;
}

.temFlex.cultureCard .box img {
	width: 100%;
	height: 2.6rem;
	object-fit: cover;
}

.temFlex.cultureCard .box video {
	width: 100%;
	height: 2.6rem;
	object-fit: cover;
}

.temFlex.cultureCard .box .con {
	padding: 0.3rem;
}

.temFlex.cultureCard .box .con h5 {
	font-size: 0.24rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.temFlex.cultureCard .box .con h6 {
	font-size: 0.18rem;
	color: #888;
	line-height: 1.8em;
}

.temFlex.cultureCard .box .con p {
	font-size: 0.16rem;
	color: #888;
	line-height: 1.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.temFlex.cultureCard .box .tem-more {
	background: #fe212f;
	margin: 0.3rem 0 !important;
}

.temFlex.cultureCard .box .index-more .iconfont::after {
	background: #fff;
}

.mainboxGray .temFlex.cultureCard .box {
	background: #fff;
}

.CulturePage.aboutMenu .menu a::after {
	background: #fe212f;
}

.CulturePage.aboutMenu.dropMenu .li .drop a:hover {
	background: #fe212f;
}

.temFlex.cultureCard .box .tem-more:hover {
	transform: none;
}

.temFlex.cultureCard .box .tem-more:hover::after {
	background: rgba(254, 33, 47, .3);
}

.temFlex.cultureCard .box:hover {
	transform: scale(1.05);
}

.temFlex.cultureCard .box:hover .con h5 {
	color: #fe212f;
}

.cultureIp .phonePic .list {
	padding: 0 0;
}

.cultureIp .phonePic .con {
	transform: none;
}

.cultureIp .phonePic .index-more {
	margin: 0.46rem 0 0 !important;
	background: #fe212f;
}

.cultureIp .phonePic .index-more .iconfont::after {
	background: #fff;
}

.cultureIp .phonePic .index-more:hover::after {
	background: rgba(254, 33, 47, .3);
}

.cultureIp .normalPic img {
	border-radius: 0.15rem;
	max-width: 90%;
}

.CulturePage .conPicFlex {}

.CulturePage .conPicFlex img {
	max-height: 50vh;
	border-radius: 0.2rem;
}

.CulturePage .knowledgeCloud .con h5 {
	color: #fe212f;
	border-left: solid 0.1rem #fe212f;
	font-size: 0.3rem;
}

.CulturePage .knowledgeCloud .con p {
	font-size: 0.18rem;
}

.CulturePage .actArea {
	display: flex;
	gap: 1rem;
}

.CulturePage .actArea .img {
	flex: 1 1 40%;
}

.CulturePage .actArea .img img {
	width: 100%;
	border-radius: 0.2rem;
}

.CulturePage .actArea .con {
	flex: 1 1 60%;
	position: relative;
}

.CulturePage .actArea .con h5 {
	font-size: 0.3rem;
	margin-bottom: 1em;
}

.CulturePage .actDetail {
	padding: 0.6rem;
	background: #f6f6f6;
	margin-top: 0.6rem;
	border-radius: 0.2rem;
}

.CulturePage .actDetail .ti {
	font-size: 0.24rem;
	border-left: 0.04rem solid #fe212f;
	padding-left: 1em;
	margin-bottom: 1em;
}

.CulturePage .actDetail p {
	font-size: 0.16rem;
	color: #888;
	line-height: 1.8em;
	margin-bottom: 0.2rem;
	text-indent: 2em;
}

.CulturePage .actDetail p:last-child {
	margin-bottom: 0;
}

.CulturePage .actArea .con p {
	font-size: 0.16rem;
	color: #888;
	margin-bottom: 1em;
	line-height: 1.8em;
}

.CulturePage .actArea .con .actTips {
	background: #fe212f;
	padding: .8em 1.2em;
	color: #fff;
	border-radius: 0.3rem;
	margin-top: 2em;
	display: table;
}

.CulturePage .actArea .con .actTips.disabled {
	background: #ddd;
	color: #888;
}

.CultureSFGbg {
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	margin: 0.1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background-position: center;
	background-attachment: fixed;
}

.CultureSFGbg .inPageTi {
	color: #fff;
	position: relative;
	z-index: 99;
}

.CultureSFGbg .CultureSFG {
	overflow: hidden;
	position: relative;
	padding: 0.6rem 0 1rem;
	z-index: 88;
}

.CultureSFGbg .CultureSFG .swiper-wrapper {
	display: flex;
	align-items: center;
}

.CultureSFGbg .CultureSFG .swiper-slide {
	text-align: center;
	font-size: 0.18rem;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.8);
}

.CultureSFGbg::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 0;
}

.CultureSFGbg .CultureSFG .swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1.15);
}

.CultureSFGbg .CultureSFG .swiper-slide {
	border-radius: 0.2rem;
	overflow: hidden;
}

.CultureSFGbg .CultureSFG .box {
	position: relative;
}

.CultureSFGbg .CultureSFG .box .img {
	border: solid 0.05rem #fff;
	border-radius: 0.2rem 0.2rem 0 0;
	overflow: hidden;
	position: relative;
}

.CultureSFGbg .CultureSFG .box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .25s;
	position: relative;
}

.CultureSFGbg .CultureSFG .box .img .videoPlay {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 88;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	width: 0.5rem;
	height: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.2rem;
}

.CultureSFGbg .CultureSFG .box .img .videoPlay.hide {
	display: none;
}

.CultureSFGbg .CultureSFG .box .ti {
	padding: 0.1rem 0.2rem 0.2rem;
	background: #fff;
	color: #333;
	transition: all .24s;
}

.CultureSFGbg .CultureSFG .box:hover .ti {
	color: #fe2929;
}

.CultureSFGbg .CultureSFG .swiper-button-prev:after,
.CultureSFGbg .CultureSFG .swiper-button-next:after {
	color: #fff;
	outline: none;
}

.CultureSFGbg .CultureSFG .swiper-button-prev,
.CultureSFGbg .CultureSFG .swiper-button-next {
	color: #fff;
	outline: none;
}

.CultureSFGbg .CultureSFG .swiper-pagination-bullet {
	background: #fff;
}

.CultureSFGbg .videoArea {
	display: flex;
	width: 10.8rem;
	margin: 0.5rem auto 0;
	position: relative;
	z-index: 9;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 2.5vw;
}

.CultureSFGbg .videoArea .list {
	flex: 0 0 31%;
}

.CultureSFGbg .videoArea .video {
	padding: 0.2rem;
	border-radius: 0.15rem;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(0.05rem);
}

.CultureSFGbg .videoArea video {
	max-width: 100%;
	border-radius: 0.15rem;
	outline: none;
	object-fit: cover;
}

.CultureSFGbg .videoArea .video p {
	text-align: center;
	margin-top: .5em;
	font-weight: bold;
}



.swiperPhotos {
	background: rgba(255, 255, 255, 0.5);
	width: 10.8rem;
	padding: 0.3rem;
	margin: 0 auto;
	border-radius: 0.2rem;
	position: relative;
	z-index: 3;
	box-shadow: 0.05rem 0.05rem 0.2rem rgba(0, 50, 90, 0.15);
	backdrop-filter: blur(0.05rem);
}

.mianboxPictureOpacity .inPageTi {
	position: relative;
	z-index: 999;
	background: rgba(255, 255, 255, 0.6);
	display: table;
	padding: 0.1rem 0.2rem;
	border-radius: 0.1rem;
	backdrop-filter: blur(0.05rem);
	margin-left: auto;
	margin-right: auto;
}

.swiperPhotosTop {
	height: 55vh;
	width: 100%;
	margin-bottom: 0.1rem;
}

.swiperPhotosTop .swiper-slide {
	position: relative;
}

.swiperPhotosTop .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0.1rem;
}

.swiperPhotoBottom {
	width: 100%;
	height: 1.5rem;
	margin-left: auto;
	margin-right: auto;
}

.swiperPhotoBottom .swiper-slide {
	background-size: cover;
	background-position: center;
	border-radius: 0.1rem;
	overflow: hidden;
	cursor: pointer;
}

.swiperPhotoBottom .swiper-slide img {
	max-width: 100%;
	min-height: 100%;
	object-fit: cover;
	filter: brightness(.3);
}

.swiperPhotosTop .swiper-slide .intro {
	position: absolute;
	right: 0.02rem;
	bottom: 0.03rem;
	background: rgba(255, 255, 255, 0.8);
	padding: 0.1rem 0.2rem;
	border-radius: 0.1rem;
	font-weight: bold;
	backdrop-filter: blur(0.03rem);
}

.swiperPhotoBottom .swiper-slide-thumb-active img {
	filter: brightness(1);
}

.cultureTalentShow {}

.cultureTalentShow #culturePoster {
	padding-bottom: 0.6rem;
}

.cultureTalentShow #culturePoster .box {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.2rem;
	height: 60vh;
}

.cultureTalentShow #culturePoster .talentCon {
	flex: 1 1 25%;
	background-image: linear-gradient(to right, #fafafa, #f0f3f9);
	border-radius: 0.2rem;
	padding: 0.5rem 0.4rem;
}

.cultureTalentShow #culturePoster .talentCon h5 {
	font-size: 0.3rem;
	border-left: 0.05rem solid #fe2929;
	padding-left: .5em;
	font-weight: bold;
	margin-bottom: 0.2rem;
	color: #fe2929;
}

.cultureTalentShow #culturePoster .talentCon h6 {
	font-size: 0.2rem;
	margin-bottom: 0.2rem;
	font-weight: bold;
}

.cultureTalentShow #culturePoster .talentCon .text {}

.cultureTalentShow #culturePoster .talentCon .text p {
	font-size: 0.16rem;
	line-height: 1.8em;
	margin-bottom: 1em;
	color: #666;
}

.cultureTalentShow #culturePoster .poster {
	flex: 1 55%;
	position: relative;
}

.cultureTalentShow #culturePoster .poster .img {
	height: 100%;
}

.cultureTalentShow #culturePoster .poster img {
	width: 100%;
	border-radius: 0.2rem;
	height: 100%;
	object-fit: cover;
	transition: all.3s;
}

.cultureTalentShow #culturePoster .poster span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fe2929;
	color: #fff;
	padding: 1em 1.5em;
	border-radius: 0.1rem;
	opacity: 0;
	transition: all .3s;
}

.cultureTalentShow #culturePoster .poster:hover img {
	filter: brightness(.8);
}

.cultureTalentShow #culturePoster .poster:hover span {
	opacity: 1;
}

.cultureTalentShow #culturePoster .actPic {
	flex: 1 1 20%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 0.2rem;
}

.cultureTalentShow #culturePoster .actPic .pic {
	width: 100%;
	flex: 1 1 100%;
}

.cultureTalentShow #culturePoster .actPic img {
	width: 100%;
	border-radius: 0.2rem;
	height: 100%;
	object-fit: cover;
}

.cultureTalentShow #culturePoster .swiper-pagination-bullet {
	width: 0.3rem;
	height: 0.3rem;
	text-align: center;
	line-height: 0.3rem;
	font-size: 0.12rem;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
	outline: none;
}

.cultureTalentShow #culturePoster .swiper-pagination-bullet-active {
	color: #fff;
	background: #fe212f;
}

.cultureTalentShow #culturePoster .swiper-pagination {
	bottom: 0rem;
}

.cultrueWechat {
	margin-top: 0.6rem;
	position: relative;
}

.cultrueWechat .selectArea {}

.cultrueWechat .page {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.3rem;
	height: 2rem;
	overflow: auto;
}

.cultrueWechat .page::-webkit-scrollbar {
	width: 0.07rem;
	height: 0.07rem;
	background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
.cultrueWechat .page::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
	border-radius: 0.1rem;
	background-color: #f6f6f6;
}

/*定义滑块 内阴影+圆角*/
.cultrueWechat .page::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.1);
	background-color: #0061ae;
}

.cultrueWechat .page li {
	flex: 0 0 33.33333%;
	margin-top: 0.3rem;
	padding: 0 0.3rem;
	display: none;
	position: relative;
}

.cultrueWechat .page li.show {
	display: block;
}

.cultrueWechat .page a {
	padding: 0.2rem 0.1rem;
	display: block;
	background: #f6f6f6;
	border-radius: 0.1rem;
	color: #222;
}

.cultrueWechat .page h5 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.16rem;
}

.cultrueWechat .page a:hover {
	background: #da242b;
	color: #fff;
}

.cultrueWechat .selectArea {
	position: absolute;
	right: 0;
	top: 0;
}

.cultrueWechat .selectArea {
	display: flex;
}

.cultrueWechat .selectArea .yearSelect {
	margin-left: 0.1rem;
}

.rightFixed {
	position: fixed;
	right: 0;
	bottom: 0.1rem;
	z-index: 999;
}

.rightFixed .list {
	position: relative;
	margin-bottom: 0.05rem;
	display: block;
}

.rightFixed .list .icon {
	background: linear-gradient(180deg, rgba(1, 176, 241, 1) 0%, rgba(0, 94, 173, 1) 100%);
	padding: 0.06rem;
	border-radius: 0.05rem;
	width: 0.48rem;
	height: 0.48rem;
}

.rightFixed .list .con {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translate(0, -50%);
	width: 1.3rem;
	height: 0.5rem;
	display: none;
	align-items: center;
	justify-content: center;
	padding-right: 0.05rem;
}

.rightFixed .list .con p {
	color: #fff;
	background: linear-gradient(180deg, rgba(1, 176, 241, 1) 0%, rgba(0, 94, 173, 1) 100%);
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 0.05rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rightFixed .list .icon.top {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rightFixed .list .icon.top span {
	color: #fff;
	font-size: 0.2rem;
	font-weight: bold;
	position: relative;
}

.rightFixed .list .icon.top span::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0.05rem;
	width: 100%;
	height: 0.02rem;
	background: #fff;
}

.rightFixed .list .icon.top span {
	animation: floatUD2 2s linear infinite normal;
	;
}

.rightFixed .list:hover .con {
	display: flex;
}

.rightFixed .list img {
	max-width: 100%;
	max-height: 100%;
}

.IPflex .gifArea {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
	margin: 0 -0.3rem -0.4rem;
}

.IPflex .gifArea .li {
	flex: 0 0 16.6666667%;
	padding: 0 0.3rem;
	margin-bottom: 0.6rem;
}

.IPflex .gifArea .box {
	transition: all .3s;
	position: relative;
	height: 100%;
	padding-bottom: 0.25rem;
	border: solid 0.01rem #e6e6e6;
	border-radius: 0.15rem;
	overflow: hidden;
}

.IPflex .gifArea .box:hover {
	transform: translateY(-0.1rem);
}

.IPflex .gifArea .img {
	margin: 0;
	padding: 0.2rem;
	display: flex;
	align-items: center;
	height: 100%;
}

.IPflex .gifArea img {
	max-width: 100%;
	max-height: 100%;
	;
	opacity: .80;
	border-radius: 0.1rem 0.1rem 0 0;
	transition: all .3s;
}

.IPflex .gifArea .name {
	background: #f6f6f6;
	text-align: center;
	line-height: 0.4rem;
	margin: 0;
	transition: all .3s;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.IPflex.mainboxGray .gifArea .name {
	background: #fff;
}

.IPflex .gifArea .box:hover img {
	opacity: 1;
}

.IPShow .list {
	margin-bottom: 0.2rem;
	background-image: none !important;
	border-bottom: dashed 0.02rem #ddd;
	padding-bottom: 0.6rem;
}

.IPShow .list:hover {
	box-shadow: none !important;
}

.IPShow .list .img {
	border-radius: 0.15rem;
}

.IPShow .list:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.IPShow .list:nth-child(1) .img {
	border: dashed 0.05rem #10159e;
}

.IPShow .list:nth-child(2) .img {
	border: dashed 0.05rem #c12d27;
}

.IPShow .list:nth-child(3) .img {
	border: dashed 0.05rem #2cb8ff;
}

.IPShow h5 {
	font-weight: bold;
}

.IPShow .list:nth-child(1) h5 {
	color: #10159e;
}

.IPShow .list:nth-child(1) .con p::before {
	background: #10159e;
}

.IPShow .list:nth-child(2) h5 {
	color: #c12d27;
}

.IPShow .list:nth-child(2) .con p::before {
	background: #c12d27;
}

.IPShow .list:nth-child(3) h5 {
	color: #2cb8ff;
}

.IPShow .list:nth-child(3) .con p::before {
	background: #2cb8ff;
}

.IPShow .con h6 {
	color: #232;
}


.wallPage .pdPic {
	position: relative;
	transition: all .3s;
}

.wallPage .pdPic::after {
	content: '1';
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	font-size: 0.14rem;
	color: #999;
	transform: translate(-50%, 0.1rem);
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
}

.wallPage .pdPic:hover {
	transform: scale(1.02);
}

.wallPage .pdPic:hover::after {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0);
}

.law {
	padding: 1.6rem 1.2rem 1.2rem;
	background: #f6f6f6;
}

.law .bodyerRightBoxs {
	background: #fff;
	padding: 0.8rem;
	border-radius: 0.2rem;
}

.law h5 {
	font-size: 0.2rem;
	color: #005bac;
	margin-bottom: 0.1rem;
	font-weight: bold;
}

.law p {
	font-size: 0.16rem;
	color: #777;
	line-height: 2em;
	margin-bottom: 0.6rem;
}

.law p:last-child {
	margin-bottom: 0;
}

.law p.sp {
	margin-bottom: 0.1rem;
	font-size: 0.12rem;
}

.law img {
	margin-top: 0.2rem;
}

.webmap {
	padding: 0.4rem 0 0.8rem;
}

.webmap .top {
	height: 0.6rem;
	line-height: 0.6rem;
}

.webmap .top .logo {
	display: inline-block;
}

.webmap .top h5 {
	display: inline-block;
	line-height: 1em;
	position: relative;
	top: 0.12rem;
	border-left: solid 0.01rem #ddd;
	padding-left: 0.1rem;
	margin-left: 0.1rem;
}

.webmap .top .home {
	float: right;
	color: #666;
	position: relative;
	top: 0.12rem;
	transition: all .3s;
}

.webmap .top .home:hover {
	color: #005bac;
}

.webmap .menuBox {
	margin-top: 0.4rem;
	border-radius: 0.1rem;
}

.webmap .menuBox .title {
	font-size: 0.2rem;
	background: #005bac;
	padding: 0.2rem;
	font-weight: bold;
	color: #fff;
	border-radius: 0.1rem 0.1rem 0 0;
}

.webmap .menuBox>ul {
	padding: 0.1rem;
	background-image: linear-gradient(to right, #fafafa, #f0f3f9);
	border-radius: 0 0 0.1rem 0.1rem;
}

.webmap .menuBox ul>li {
	display: inline-block;
	position: relative;
	padding: 0.1rem 0;
}

.webmap .menuBox ul>li>a {
	padding: 0 0.15rem;
	display: block;
	font-size: 0.14rem;
	color: #666;
	border-right: solid 0.01rem #ddd;
}

.webmap .menuBox ul>li:last-child a {
	border-right: none;
}

.webmap .menuBox ul>li>a:hover {
	color: #124EFE;
	text-decoration: none;
}

.webmap .menuBox ul>li>ul {
	display: none;
	position: absolute;
	left: 0;
	top: 0.4rem;
	width: auto;
	background: #ddd;
	z-index: 99;
	border: solid 0.01rem #e6e6e6;
	border-radius: 0.1rem;
}

.webmap .menuBox ul>li>ul>li {
	display: block;
	padding: 0;
}

.webmap .menuBox ul>li>ul>li>a {
	display: block;
	line-height: 3em;
	border-right: none;
	font-size: 0.14rem;
	white-space: nowrap;
	padding-right: 0.3rem;
}

.webmap .menuBox ul>li:hover>ul {
	display: block;
}

.webmap .menuBox ul>li>ul>li>ul {
	display: none;
	left: calc(100% + 0.01rem);
	top: 0.02rem;
}

.webmap .menuBox ul>li>ul>li>ul>li {
	position: relative;
}

.webmap .menuBox ul>li>ul>li:hover ul {
	display: block;
}

.webmap .menuBox .icon-jiantou_you {
	font-size: 0.1rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-0.1rem, -50%);
}

.Avant-garde {
	padding: 0 0.3rem;
	display: flex;
}

.Avant-garde .img {
	flex: 0 0 50%;
}

.Avant-garde img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 0.15rem;
}

.Avant-garde .con {
	flex: 0 0 50%;
	padding: 0.6rem;
	border-radius: 0.15rem;
}

.Avant-garde .con h5 {
	font-size: 0.36rem;
	font-weight: bold;
}

.Avant-garde .con p {
	font-size: 0.16rem;
	color: #888;
	margin: 0.2rem 0;
	line-height: 2em;
}

.Avant-garde .con .tem-more {
	background: #fe212f;
	margin: 0.46rem 0 0 !important;
}

.Avant-garde .con .tem-more:hover::after {
	background: rgba(254, 33, 47, .3);
}

.Avant-garde .con .tem-more .iconfont::after {
	background: #fff;
}

/* 
    管见
*/
.thought-book .top-title {
	font-size: 0.36rem;
	color: #333;
	font-weight: bold;
	margin: 0 auto;
	display: table;
	position: relative;
}

.thought-book .top-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-4.2rem, -50%);
	width: 4rem;
	height: 0.06rem;
	background: #000;
}

.thought-book .top-title::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(4.2rem, -50%);
	width: 4rem;
	height: 0.06rem;
	background: #000;
}

.thought-book .top-title.thought-title::before {
	background: linear-gradient(to right, #fff, #a7e7ff);
}

.thought-book .top-title.thought-title::after {
	background: linear-gradient(to left, #fff, #a7e7ff);
}

.thought-book .top-title.book-title::before {
	background: linear-gradient(to right, #fff, #ffc770);
}

.thought-book .top-title.book-title::after {
	background: linear-gradient(to left, #fff, #ffc770);
}

.thought-book .index-row {
	margin: 0.6rem -0.5rem -0.6rem;
}

.thought-book .col-lg-6 {
	padding: 0 0.5rem;
	margin-bottom: 0.8rem;
}

.thought-book .index-row .box {
	background: #f6f6f6;
	border-radius: 0.2rem;
	height: 2rem;
	position: relative;
	display: block;
	transition: all .3s;
	display: flex;
	align-items: center;
}

.thought-book .mainboxGray .index-row .box {
	background: #fff;
}

.thought-book .index-row .box .img {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transform: scale(1.1);
}

.thought-book .index-row .box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.2rem;
}

.thought-book .index-row .box .con {
	position: relative;
	z-index: 1;
	padding: 0 0.4rem 0 2.4rem;
}

.thought-book .index-row .box .con .ti {
	font-size: 0.2rem;
	font-weight: bold;
	color: #111;
	transition: all .3s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.thought-book .index-row .box .con .stages {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.14rem;
	color: #aaa;
	transition: all .3s;
}

.thought-book .index-row .box .con .text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 0.14rem;
	color: #777;
	line-height: 0.24rem;
	margin: 0.15rem 0;
	text-align: justify;
	transition: all .3s;
}

.thought-book .index-row .box .con .author {
	font-size: 0.16rem;
	color: #333;
	font-weight: bold;
	transition: all .3s;
}

/* .thought-book .thought .index-row .box{box-shadow: 0.05rem 0.05rem 0.2rem rgba(201, 228, 255, .4);} */
.thought-book .thought .index-row .box .img img {
	border: solid 0.04rem #5dd7ff;
}

/* .thought-book .book .index-row .box{box-shadow: 0.05rem 0.05rem 0.2rem rgba(249, 143, 48, .15);} */
.thought-book .book .index-row .box .img img {
	border: solid 0.04rem #ffc770;
}

.thought-book .thought .box:hover {
	transform: translateY(-0.05rem);
	box-shadow: 0.05rem 0.05rem 0.2rem rgba(201, 228, 255, .75);
}

.thought-book .thought .box::after {
	background: #26b4ef;
}

.thought-book .thought .box:hover::after {
	transform: translateX(5%);
}

.thought-book .thought .box:hover .ti,
.thought-book .thought .box:hover .stages,
.thought-book .thought .box:hover .text,
.thought-book .thought .box:hover .author {
	color: #0061ae;
}

.thought-book .book .box:hover {
	transform: translateY(-0.05rem);
	box-shadow: 0.05rem 0.05rem 0.2rem rgba(249, 143, 48, .3);
}

.thought-book .book .box::after {
	background: #f98f30;
}

.thought-book .book .box:hover::after {
	transform: translateX(5%);
}

.thought-book .book .box:hover .ti,
.thought-book .book .box:hover .stages,
.thought-book .book .box:hover .text,
.thought-book .book .box:hover .author {
	color: #da242b;
}

.thought-book .pagiGroup {
	margin-top: 0.6rem;
}

.thought-book .thought .pagiGroup li .active {
	background: #20b1e0;
}

.thought-book .book .pagiGroup li .active {
	background: #f98f30;
}

.historyComp {
	display: flex;
	border-top: solid 0.01rem #ddd;
	margin-top: 1.8rem;
}

.historyComp .li {
	flex: 1;
	position: relative;
	padding-top: 0.4rem;
}

.historyComp .li::after {
	content: '';
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	border: solid 0.01rem #005bac;
}

.historyComp .li::before {
	content: '';
	background: #005bac;
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
}

.historyComp .li .year {
	text-align: center;
	font-size: 0.24rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.historyComp .li p {
	text-align: center;
	font-size: 0.16rem;
	color: #888;
	padding: 0 0.1rem;
}

.historyComp .li:nth-child(even) .year {
	transform: translateY(-1rem);
}

.historyComp .li:nth-child(even) p {
	transform: translateY(-2.2rem);
}


/* li[data-years="2021"]{display: none;} */

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

	.brea_right {
		display: none;
	}

	.index-banner img {
		height: 100%;
	}



	.indexCompany.indexCooperate .list a {
		width: 33%;
		height: 2rem;
	}

	.indexCompany {
		display: none;
	}

	.allNews {
		padding: 0 .2rem;
	}

	.picNewsList.allNews {
		padding: 0;
	}

	.news-list>div {
		flex: 0 0 95%;
		max-width: 95%;
	}

	.newsItem-date {
		font-size: .24rem;
		margin-bottom: .15rem;
	}

	.newsItem-title {
		font-size: .32rem;
	}

	.news-list {
		justify-content: center;
	}

	.indexAllNews .news-list>div {
		flex: 0 0 95%;
		max-width: 95%;
	}

	.indexAllNews .newsItem-date {
		font-size: .24rem;
		margin-bottom: .15rem;
	}

	.indexAllNews .newsItem-title {
		font-size: .32rem;
	}

	.indexAllNews .embed-responsive-16by9::before {
		/* padding-top: 60%; */
	}


	.marginTop20 {
		margin-top: 0.2rem;
	}

	.marginTop30 {
		margin-top: 0.3rem;
	}

	.marginTop40 {
		margin-top: 0.4rem;
	}

	.marginTop60 {
		margin-top: 0.4rem;
	}

	.marginTop80 {
		margin-top: 0.6rem;
	}

	.marginTop100 {
		margin-top: 0.8rem;
	}

	.marginTop120 {
		margin-top: 1rem;
	}

	.marginB10 {
		margin-bottom: 0.1rem;
	}

	.marginB20 {
		margin-bottom: 0.2rem;
	}

	.marginB30 {
		margin-bottom: 0.3rem;
	}

	.marginB40 {
		margin-bottom: 0.4rem;
	}

	.marginB60 {
		margin-bottom: 0.4rem;
	}

	.marginB-20 {
		margin-bottom: -0.2rem;
	}

	.marginB-40 {
		margin-bottom: -0.4rem;
	}

	.marginB-60 {
		margin-bottom: -0.6rem;
	}

	/* body{overflow: hidden;} */
	.header {
		display: block;
	}

	.container {
		width: 100%;
		max-width: 100%;
		padding: 0 0.15rem;
	}

	.mainbox {
		display: none;
		padding: 0.6rem 0;
	}

	.mainbox>div>.row {
		width: 100%;
		margin: 0 auto;
	}

	.template-ti {
		font-size: 0.3rem;
	}

	.index-Recommend .row {
		margin: 0.5rem 0 0;
		gap: 0.5rem;
	}

	.index-Recommend .col-lg-6 {
		padding: 0 0;
		flex: 1 1 100%;
	}

	.index-Recommend .con {
		padding: 0.3rem;
	}

	.index-Recommend .con h5 {
		font-size: 0.2rem;
	}

	.index-about .template-ti {
		font-size: 0.24rem;
	}

	.index-about .template-sti {
		font-size: 0.18rem;
	}

	.ZTPD {
		display: none;
	}

	.index-products {
		padding-bottom: 0;
	}

	.index-products .align-items-start {
		flex-wrap: wrap;
	}

	.index-products .nav-pills {
		margin: 0 0 0.4rem !important;
		flex: 1 1 100%;
		display: flex;
		flex-direction: row !important;
		gap: 0.2rem;
		flex-wrap: wrap;
	}

	.index-products .nav-pills .nav-link {
		width: unset;
		flex: 1 1 auto;
		height: 0.6rem;
		gap: 0.1rem;
		margin-bottom: 0;
	}

	.index-products .nav-pills .nav-link.active {
		width: unset;
	}

	.index-products .nav-pills .nav-link p {
		font-size: 0.18rem;
	}

	.index-products .nav-pills .nav-link img {
		width: 0.3rem;
	}

	.index-products .content {
		padding: 0.8rem 0;
	}

	.index-products .content .bg {
		object-fit: cover;
	}

	.index-products .pdtext {
		display: none;
	}

	.index-products .con h5 {
		font-size: 0.3rem;
		text-align: center;
	}

	.index-products .con .index-more {
		margin: 0.4rem auto 0 !important;
	}

	.index-banner .swiper-container {
		height: auto;
	}

	.index-news .container {
		width: 100%;
		max-width: 100%;
	}

	.index-news .left {
		float: none;
		width: 100%;
		margin: 0;
	}

	.index-news .right {
		float: none;
		width: 100%;
		display: none;
	}

	.index-news .left .con {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}



	.customers .logoArea {
		margin: 0;
		gap: 0.2rem;
		justify-content: space-between;
	}

	.customers .logoArea .li {
		flex: 0 0 50%;
		max-width: 46%;
		padding: 0;
		margin-bottom: 0;
	}

	.customers.index .logoArea .li:nth-child(n+7) {
		display: none;
	}

	.aboutMenu {
		display: none;
	}

	.pageBanner {
		background-position: center;
	}

	.pageBanner.abouts {
		min-height: 2rem;
		height: auto;
	}

	.pageBanner .title {
		font-size: 0.3rem;
		padding-top: 0.6rem;
	}

	.aboutPage .video {
		width: 100%;
	}

	.aboutPage .intro {
		width: 100%;
		margin-top: 0.4rem;
	}

	.aboutPage.company .row {
		margin: 0.6rem 0 -0.4rem;
	}

	.aboutPage.company .col-lg-3 {
		padding: 0;
	}

	.contactsPage .ygZH {
		height: auto;
		display: block;
	}

	.contactsPage .ygZH .img img {
		width: 100%;
		height: auto;
		border-radius: 0.15rem 0.15rem 0 0;
	}

	.contactsPage .ygZH .con {
		padding: 0.3rem;
	}

	.contactsPage .ygZH h5 {
		font-size: 0.2rem;
		margin-bottom: 0.3rem;
	}

	.contactsPage .ygZH ul li {
		flex: 1 1 auto;
		margin-bottom: 0.15rem;
	}

	.contactsPage .ygSc {
		margin: 0.6rem 0 0;
		flex-wrap: wrap;
	}

	.contactsPage .ygSc .li {
		flex: 1 1 auto;
		max-width: unset;
		padding: 0;
		margin-bottom: 0.2rem;
	}

	.contactsPage .ygSc .con {
		height: auto;
	}

	.contactsBri {
		margin: 0;
	}

	.contactsBri .col-lg-4 {
		padding: 0;
		margin-bottom: 0.2rem;
	}

	.contactsBri .box {
		padding: 0.3rem;
	}

	.contactsBri .img {
		width: 0.72rem;
		height: 0.72rem;
		margin: 0 auto 0.25rem;
	}

	.contactsBri .img img {
		width: 0.36rem;
	}

	.inPageTi {
		font-size: 0.3rem;
	}

	.coArea {
		display: block;
	}

	.coArea img {
		width: 100%;
	}

	.coArea .con {
		width: 100%;
		margin: 0.3rem 0 0;
	}

	.contact-page .map .nav-item {
		flex: 1 1 33.333%;
		width: unset;
	}

	.CulturePage #culturePoster::before {
		display: none;
	}

	.CulturePage #culturePoster .box .con::after {
		display: none;
	}

	.CulturePage #culturePoster .swiper-slide {
		padding: 0;
	}

	.CulturePage #culturePoster .box {
		display: block;
		padding: 0;
	}

	.CulturePage #culturePoster .box img {
		max-height: unset;
		max-width: 100%;
	}

	.CulturePage #culturePoster .box .con::before {
		display: none;
	}

	.CulturePage #culturePoster .box .con {
		padding: 0.3rem 0.2rem 0.3rem;
		min-height: unset;
		position: static;
		width: 100%;
		transform: translateY(-0.4rem);
	}

	.CulturePage #culturePoster .box .con .ti {
		font-size: 0.18rem;
	}

	.CulturePage #culturePoster .box .con .text {
		font-size: 0.14rem;
		color: #000 !important;
	}

	.CulturePage #culturePoster .swiper-pagination {
		right: unset;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.culturalActivity #culturalActivity {
		padding: 0.3rem 0.7rem 0.6rem;
	}

	.culturalActivity #culturalActivity .box .ti {
		font-size: 0.16rem;
	}

	.temFlex .col-2 {
		flex: 0 0 100%;
	}

	.col-3 {
		flex: 0 0 100%;
	}

	.col-4 {
		flex: 0 0 100%;
	}

	.col-6 {
		flex: 0 0 100%;
	}

	.col-8 {
		flex: 0 0 100%;
	}

	.col-12 {
		flex: 0 0 100%;
	}

	.temFlex.margin40 {
		margin: unset 0;
	}

	.temFlex.margin40 .li {
		padding: 0 0;
	}

	.temFlex.margin40 .col-2 {
		padding: 0 0;
		margin-bottom: 0.4rem;
	}

	.temFlex.margin40 .col-3 {
		padding: 0 0;
		margin-bottom: 0.4rem;
	}

	.temFlex.margin40 .col-4 {
		padding: 0 0;
		margin-bottom: 0.4rem;
	}

	.temFlex.margin40 .col-6 {
		padding: 0 0;
		margin-bottom: 0.4rem;
	}

	.temFlex.margin40 .col-8 {
		padding: 0 0;
		margin-bottom: 0.4rem;
	}

	.temFlex.margin40 .col-12 {
		padding: 0 0;
		margin-bottom: 0.4rem;
	}

	.temFlex.margin30 {
		margin: unset 0;
	}

	.temFlex.margin30 .li {
		padding: 0 0;
	}

	.temFlex.margin30 .col-2 {
		padding: 0 0;
		margin-bottom: 0.3rem;
	}

	.temFlex.margin30 .col-3 {
		padding: 0 0;
		margin-bottom: 0.3rem;
	}

	.temFlex.margin30 .col-4 {
		padding: 0 0;
		margin-bottom: 0.3rem;
	}

	.temFlex.margin30 .col-6 {
		padding: 0 0;
		margin-bottom: 0.3rem;
	}

	.temFlex.margin30 .col-8 {
		padding: 0 0;
		margin-bottom: 0.3rem;
	}

	.temFlex.margin30 .col-12 {
		padding: 0 0;
		margin-bottom: 0.3rem;
	}

	.temFlex.margin60 {
		margin: unset 0;
	}

	.temFlex.margin60 .li {
		padding: 0 0;
	}

	.temFlex.margin60 .col-2 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin60 .col-3 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin60 .col-4 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin60 .col-6 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin60 .col-8 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin60 .col-12 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin90 {
		margin: unset 0;
	}

	.temFlex.margin90 .li {
		padding: 0 0;
	}

	.temFlex.margin90 .col-2 {
		padding: 0 0;
	}

	.temFlex.margin90 .col-3 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin90 .col-4 {
		padding: 0 0;
		margin-bottom: 0.6rem;
	}

	.temFlex.margin90 .col-6 {
		padding: 0 0;
		margin-bottom: 0.9rem;
	}

	.temFlex.margin90 .col-8 {
		padding: 0 0;
		margin-bottom: 0.9rem;
	}

	.temFlex.margin90 .col-12 {
		padding: 0 0;
		margin-bottom: 0.9rem;
	}

	.temFlex .col-2.colFive {
		flex: 1 1 100%;
	}

	.temFlex.linearBox .col-2.colFive {
		margin-bottom: 1rem;
	}

	.CulturePage .actArea {
		gap: 0.5rem;
		flex-wrap: wrap;
	}

	.CulturePage .actArea .img {
		flex: 1 1 100%;
	}

	.CulturePage .actArea .con {
		flex: 1 1 100%;
	}

	.CulturePage .actDetail {
		padding: 0.4rem;
	}

	.cultrueWechat .page {
		margin: 0.3rem 0;
		gap: 0.2rem;
		height: 40vh;
	}

	.cultrueWechat .page li {
		flex: 1 1 100%;
		padding: 0 0.1rem;
		margin-top: 0;
	}

	.swiperPhotos {
		width: 100%;
	}

	.swiperPhotosTop {
		height: auto;
	}

	.phonePic .list {
		padding: 0;
		flex-wrap: wrap;
		margin-bottom: 0.4rem;
	}

	.conPicFlex .list:nth-child(odd) {
		flex-direction: row;
	}

	.normalPic .img {
		flex: 1 1 100%;
	}

	.conPicFlex .list .con {
		flex: 1 1 100%;
		transform: none;
		padding: 0 0.4rem;
	}

	.CulturePage .conPicFlex img {
		max-height: unset;
		max-width: 100%;
	}

	.cultureTalentShow #culturePoster .box {
		flex-wrap: wrap;
		height: auto;
	}

	.cultureTalentShow #culturePoster .talentCon {
		flex: 1 1 100%;
	}

	.cultureTalentShow #culturePoster .poster {
		flex: 1 1 100%;
	}

	.cultureTalentShow #culturePoster .actPic {
		gap: 0.2rem;
	}

	.cultureTalentShow #culturePoster .actPic .pic {
		flex: 0 0 46%;
	}

	.customer-page .template-text {
		width: 100%;
	}

	.customer-page .nav {
		margin-bottom: 0.4rem !important;
	}

	.customer-page .nav .nav-item {
		margin: 0;
		flex: 1 1 auto;
		margin-bottom: 0.1rem;
	}

	.historyPage .container {
		width: 100%;
	}

	.historyPage .hisList .box {
		padding: 0.8rem 0 0.8rem 0.3rem;
	}

	.historyPage .hisList .con {
		flex-wrap: wrap;
		width: 100%;
	}

	.historyPage .hisList .year {
		left: 0.3rem;
	}

	.historyPage .hisList .box::before {
		left: 0;
	}

	.historyPage .hisList .box::after {
		left: 0;
	}

	.historyPage .hisList .con::before {
		display: none;
	}

	.investor .form {
		margin: 0.6rem 0 0;
	}

	.investor .form .ul {
		flex: 1 1 100%;
		max-width: unset;
		padding: 0;
		margin-bottom: 0;
	}

	.investor .form .red {
		font-size: 0.14rem;
	}

	.investor .form p {
		font-size: 0.14rem;
		display: block;
	}

	.investor .shares {
		margin: 0.6rem 0 0;
		flex-wrap: wrap;
		gap: 0.3rem;
	}

	.investor .shares .shares-li {
		flex: 1 1 100%;
		max-width: unset;
		padding: 0;
	}

	.investor .one-pic img {
		max-width: 100%;
	}

	.investor .record-sheet .row {
		margin-bottom: -0.6rem;
	}

	.honorPage .front .DSbox h5 {
		font-size: 0.18rem;
	}

	.investorInpage .Inpage-area {
		flex-wrap: wrap;
	}

	.investorInpage .Inpage-area .left-area {
		flex: 1 1 100%;
		max-width: unset;
	}

	.investorInpage .Inpage-area .right-area {
		flex: 1 1 100%;
		min-width: unset;
		margin-left: 0;
		margin-top: 0.4rem;
	}

	.newsArea .top a {
		flex-wrap: wrap;
		padding: 0.2rem 0.2rem 0rem;
	}

	.newsArea .top .pic {
		flex: 1 1 100%;
		max-width: 100%;
	}

	.newsArea .top .con {
		flex: 1 1 100%;
		max-width: 100%;
		padding: 0.3rem 0;
	}

	.newsArea .top .bottom {
		display: none;
	}

	.newsArea .top .con .ti {
		font-size: 0.2rem;
		margin-bottom: 1em;
	}

	.newsArea .top .con p {
		font-size: 0.16rem;
	}

	.newsMenu ul {
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.newsMenu ul li:nth-child(1) {
		flex: 1 1 100%;
		padding-left: 1em;
	}

	.newsMenu ul li {
		margin: 0;
	}

	.newsList {
		margin: 0 0 -0.6rem;
	}

	.newsList .li {
		padding: 0;
		flex: 1 1 100%;
		max-width: unset;
	}

	.SearchPageArea {
		width: 90vw;
	}

	.search-area .input {
		padding-right: 1.4rem;
	}

	.search-area .button {
		width: 1.2rem;
	}

	.newsDetail {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.newsDetail .content p img {
		max-width: 100%;
	}

	.newsDetail .menuCon {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.newsDetail .content {
		padding: 0.2rem;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.newsDetail .content .top .title {
		font-size: 0.24rem;
	}

	.responsibility-page .row {
		margin: 0.6rem 0 -0.4rem;
	}

	.responsibility-page .col-lg-3 {
		padding: 0;
	}

	.aboutPage .leader {
		margin: 0.6rem 0 0;
		flex-wrap: wrap;
	}

	.aboutPage .leader .pic {
		flex: 1 1 100%;
		margin-bottom: 0.3rem;
	}

	.aboutPage .leader .pic::before {
		display: none;
	}

	.aboutPage .leader .con {
		flex: 1 1 100%;
	}

	.aboutPage .leader .pic img {
		max-width: 100%;
	}

	.AIpage .intro {
		width: 100%;
	}

	.temFlex.noMargin .li {
		flex: 1 1 100%;
	}

	.PDbox .box {
		padding: 0.3rem;
	}

	.temFlex.linearBox .col-3 {
		margin-bottom: 1.2rem;
	}

	.cloudBanner .img {
		max-width: 100%;
	}

	.cloudBanner .img img {
		max-width: 100%;
	}

	.cloudBanner .text {
		width: 100%;
	}

	.fullpic .list {
		flex-wrap: wrap;
		padding: 0.4rem 0.2rem;
		margin-bottom: 0.2rem;
	}

	.fullpic .img img {
		max-width: 100%;
	}

	.conPicFlex .list .con {
		padding: 0;
	}

	.cloudBg .intro p {
		width: 100%;
	}

	.normalPic .list {
		padding: 0 0.2rem 0.2rem;
		flex-wrap: wrap;
	}

	.normalPic .list:last-child {
		margin-bottom: 0;
	}

	.temFlex.normalCard {
		margin-bottom: -0.6rem;
	}

	.honorPage .cardRow {
		margin: 0.8rem 0 -0.6rem;
	}

	.honorPage .cardRow .col-12 {
		padding: 0 0.2rem;
	}

	.CloudTem .intro {
		width: 100%;
	}

	.conPicFlex .list {
		flex-wrap: wrap;
		padding: 0.6rem 0.2rem;
	}

	.conPicFlex .list .pic {
		flex: 1 1 100%;
		margin-bottom: 0.6rem;
	}

	.conPicFlex .list .pic img {
		width: 100%;
	}

	.flexBanner {
		padding: 0.6rem 0;
	}

	.flexBanner .con {
		transform: none;
	}

	.flexBanner .con .ti {
		text-align: center;
	}

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

	.flexBanner .lia {
		flex: 1 1 100%;
	}

	.flexBanner .lib {
		flex: 1 1 100%;
	}

	.flexBanner .lib img {
		max-width: 100%;
	}

	.onePicli {
		width: 100%;
	}

	.onePicli .list .img img {
		max-width: 100%;
	}

	.pageBanner.wlxmb {
		background-position: 20% 0;
	}

	.schoolJob .nav {
		flex-wrap: wrap;
		gap: 0.1rem;
	}

	.schoolJob .nav .nav-item {
		flex: 1 1 48%;
	}

	.schoolJob .nav .nav-link {
		width: 100%;
		padding: .8em 1em;
	}

	.schoolJob .nav .nav-link img {
		max-width: 0.24rem;
		max-height: 0.24rem;
		object-fit: cover;
	}

	.schoolJob .job-area {
		flex-wrap: wrap;
	}

	.schoolJob .job-area .col-3 {
		flex: 1 1 100%;
		max-width: unset;
	}

	.schoolJob .job-area .col-9 {
		flex: 1 1 100%;
		max-width: unset;
	}

	.societyJob .job-list {
		padding: 0.3rem;
	}

	.societyJob .job-list .job-tips span {
		border-right: none;
		line-height: 1.8em;
	}

	.societyJob .job-list .apply {
		position: static;
		margin: 0.3rem auto 0;
		display: table;
	}

	.schoolJob .job-area .nav-item {
		flex: 1 1 100%;
	}

	.schoolJob .job-area .nav-link {
		line-height: 0.5rem;
	}

	.schoolJob .table {
		width: auto;
		overflow: auto;
	}

	.schoolJob table {
		width: auto;
		margin-top: 0.2rem;
	}

	.schoolJob table th,
	.schoolJob table td {
		white-space: nowrap;
		padding: 0.12rem 0.2rem;
		font-size: 0.14rem;
	}

	.schoolJob table th {
		font-size: 0.18rem;
	}

	.tableTips {
		display: block;
		text-align: center;
	}

	.commerce-page .process {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.commerce-page .process .list {
		flex: 1 1 100%;
		max-width: unset;
	}

	.commerce-page .process .list::before {
		top: unset;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 250%) rotate(90deg);
		width: 0.22rem;
		line-height: 0.22rem;
	}

	.commerce-page .process .list::after {
		display: none;
	}

	/* .schoolJob .one-pic img{max-width: 100%;} */
	.schoolJob .quesiton-area {
		width: 100%;
	}

	.schoolJob .quesiton-list .ti {
		line-height: 1.8em;
		padding: 0.1rem 0.2rem;
	}

	.schoolJob .quesiton-list .ti {
		line-height: 1.8em;
		padding: 0.1rem 0.2rem;
	}

	.schoolJob .quesiton-list .ti::before {
		top: 0.12rem;
		transform: none;
	}

	.impressionPage .nav {
		flex-wrap: wrap;
		gap: 0.1rem;
		padding: 0 0.15rem;
	}

	.impressionPage .nav .nav-item {
		flex: 1 1 48%;
	}

	.impressionPage .nav .nav-link {
		width: 100%;
		padding: .8em 1em;
	}

	.impressionPage .nav .nav-link img {
		max-width: 0.24rem;
		max-height: 0.24rem;
		object-fit: cover;
	}

	.centerPic {
		padding: 0 0.15rem;
	}

	.centerPic img {
		max-width: 100%;
	}

	.impressionPage .train-pic {
		margin: 0.6rem 0 0;
	}

	.impressionPage .train-pic .col-4 {
		padding: 0;
	}

	.impressionPage .train-pic .col-4:nth-last-child(2) {
		margin-bottom: 0.6rem;
	}

	.impressionPage .train-pic .col-4:nth-last-child(1) {
		margin-bottom: 0;
	}

	.impressionPage .train-pic .img {
		position: static;
	}

	.impressionPage .train-pic .box {
		height: 100%;
	}

	.impressionPage .train-pic .box:hover .con {
		padding: 0.2rem 0;
	}

	.impressionPage .train-pic .con p {
		width: 100%;
		font-size: 0.16rem;
		padding: 0 0.15rem;
	}

	.width1000 {
		width: 100%;
	}

	.width1200 {
		width: 100%;
	}

	.impressionPage .PostConversion {
		padding: 0 0;
	}

	.temFlex.innner .svg img {
		max-width: 100%;
	}

	.work-story .box {
		flex-wrap: wrap;
		gap: 0.4rem;
		padding: 0.3rem;
	}

	.work-story .box img {
		max-width: 100%;
	}

	.work-story .font-blue {
		width: 100%;
	}

	.work-story .bottom-li .img img {
		max-width: 100%;
	}

	.imagesFlex {
		gap: 0.4rem;
		flex-wrap: wrap;
	}

	.imagesFlex .nav {
		flex: 1 1 100%;
	}

	.flexAccordion .li .box .img {
		height: 50vw;
		background-size: cover;
	}

	.impressionPage .nav .nav-link {
		margin-bottom: 0;
	}

	.flexAccordion {
		flex-wrap: wrap;
	}

	.flexAccordion .li {
		flex: 1 1 100%;
	}

	.flexAccordion .li.active {
		flex: 1 5 100%;
	}

	.flexAccordion .li .box .img {
		filter: brightness(1);
	}

	.flexAccordion .li .box .ti {
		background: linear-gradient(180deg, rgba(1, 176, 241, 1) 0%, rgba(0, 94, 173, 1) 100%);
	}

	.impressionPage .hjnav {
		display: flex;
		flex-direction: row !important;
		padding: 0;
	}

	.impressionPage .hjnav .nav-link {
		flex: 0 0 31%;
		width: unset;
		max-width: unset;
		padding: 0 !important;
	}

	.impressionPage .hjnav .nav-link img {
		max-width: 100%;
		max-height: unset;
		width: 100%;
		height: 25vw;
	}

	.imagesFlex .nav .nav-link p {
		line-height: 0.3rem;
	}

	.impressionPage .flexAccordionD {
		width: 100%;
	}

	.impressionPage .flexAccordionE {
		width: 100%;
	}

	.temFlex.CascadeBox .box .text {
		padding: 0.2rem;
		border-radius: 0.2rem;
		transform: translateY(-0.3rem);
	}

	.temFlex.CascadeBox .box .pic img {
		height: 60vw;
		width: 100%;
	}

	.recommendCode {
		padding: 0.6rem 0.3rem;
	}

	.recommendCode img {
		max-width: 100%;
	}

	.societyJobArea {
		flex-wrap: wrap;
	}

	.societyJobArea .leftMenu {
		flex: 1 1 100%;
	}

	.societyJob .job-detail {
		padding: 0.3rem;
		margin-bottom: 1.2rem;
	}

	.societyJob .job-detail .job-title {
		font-size: 0.24rem;
	}

	.societyJob .job-detail .apply {
		position: static;
		margin: 0.3rem auto 0.15rem;
		display: table;
		font-size: 0.16rem;
	}

	.platFunction {
		width: 100%;
		margin: 0.6rem 0 0;
	}

	.SDPlatform .platFunction .box {
		width: unset;
		height: unset;
		border: none;
		margin-bottom: -0.2rem;
	}

	.SDPlatform .platFunction .con {
		position: static;
		width: unset !important;
		height: unset !important;
		border-radius: 0.2rem;
		transform: none !important;
		padding: 0.3rem 0.2rem;
		margin-bottom: 0.2rem;
	}

	.SDPlatform .platFunction .con:nth-child(1) {
		width: 50vw !important;
		border-radius: 0.2rem;
		margin: 0 auto 0.3rem;
	}

	.SDPlatform .platFunction .con h5 {
		position: static;
		transform: none;
		font-size: 0.2rem;
	}

	.SDPlatform .platFunction .con p {
		display: block;
		position: static;
		transform: none !important;
		width: unset;
		opacity: 1;
		margin-top: 1em;
	}

	.SDPlatform .platFunction .con p::after {
		display: none;
	}

	.SDPlatform .tab-pane .topCon {
		width: 100%;
		flex-wrap: wrap;
	}

	.SDPlatform .platFunction .tips {
		display: none;
	}

	.SDPlatform .tab-pane .content .row {
		margin: 0 0 0.6rem;
		padding: 0;
	}

	.SDPlatform .nav {
		gap: 0.1rem;
	}

	.SDPlatform .nav .nav-item {
		flex: 1 1 48%;
	}

	.SDPlatform .nav .nav-link {
		padding: 0.2rem 0;
		width: 100%;
		font-size: 0.16rem;
	}

	.SDPlatform .tab-pane .topCon {
		margin: 0.5rem 0;
	}

	.SDPlatform .tab-pane .content .col-lg-4 {
		padding: 0;
	}

	.SDPlatform .tab-pane .pic img {
		max-width: 100%;
	}

	.SDPlatform .contacts {
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.SDPlatform .contacts .li {
		flex: 1 1 100%;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		gap: 0.3rem;
		border: none !important;
	}

	.SDPlatform .contacts .icon {
		margin: 0 auto;
	}

	.temFlex.normalCard .box {
		padding: 0.3rem;
	}

	.IPflex .gifArea {
		margin: 0 0 -0.4rem;
	}

	.IPflex .gifArea .li {
		flex: 0 0 50%;
		padding: 0 0.15rem;
	}

	.law {
		padding: 1.2rem 0;
		background: #f6f6f6;
	}

	.law .bodyerRightBoxs {
		padding: 0.4rem 0.3rem;
	}

	.Avant-garde {
		padding: 0;
		flex-wrap: wrap;
	}

	.Avant-garde .img {
		flex: 0 0 100%;
	}

	.Avant-garde .con {
		flex: 0 0 100%;
		padding: 0.2rem;
	}

	.thought-book .container {
		width: 100%;
		max-width: 100%;
	}

	.thought-book .top-title {
		font-size: 0.3rem;
	}

	.thought-book .top-title::before {
		width: 1rem;
		transform: translate(-1.2rem, -50%);
	}

	.thought-book .top-title::after {
		width: 1rem;
		transform: translate(1.2rem, -50%);
	}

	.thought-book .index-row {
		margin: 0.4rem 0 -0.4rem;
	}

	.thought-book .col-lg-6 {
		padding: 0;
		margin-bottom: 0.4rem;
	}

	.thought-book .index-row .box {
		height: auto;
		padding: 0.3rem 0.15rem;
		border-radius: 0.3rem;
		display: block;
	}

	.thought-book .index-row .box .img {
		position: static;
		display: table;
		margin: 0 auto 0.2rem;
		transform: scale(1);
	}

	.thought-book .index-row .box .con {
		width: 100%;
		margin: 0;
		padding: 0.2rem;
	}

	.thought-book .index-row .box::after {
		display: none;
	}

	.thought-book .index-row .box .con .stages {
		position: static;
		margin-top: 0.1rem;
		display: block;
	}

	.thought-book .thought .box:hover .ti,
	.thought-book .thought .box:hover .stages,
	.thought-book .thought .box:hover .text,
	.thought-book .thought .box:hover .author {
		color: #26b4ef;
	}

	.thought-book .book .box:hover .ti,
	.thought-book .book .box:hover .stages,
	.thought-book .book .box:hover .text,
	.thought-book .book .box:hover .author {
		color: #f98f30;
	}

}


@media screen and (max-width: 1024px) {
	.header {
		display: flex;
		padding: 0 0.15rem;
		height: 1.25rem;
	}

	.header .logo img {
		width: 2.5rem;
	}

	.header .menu {
		position: fixed;
		left: 0;
		top: 1.25rem;
		background: #fff;
		flex-wrap: wrap;
		height: 100vh;
		width: 65vw;
		z-index: 999;
		align-content: flex-start;
		padding: 0.2rem 0;
		transform: translateX(-100%);
		transition: all .2s;
	}

	.header .menu.show {
		transform: translateX(0);
	}

	.header .menu>li {
		flex: 0 0 100%;
		z-index: 99;
		position: relative;
		border-bottom: 0.01rem solid #e6e6e6;
		z-index: auto;
		padding: 0 .2rem;
	}

	.header .menu>li>a {
		line-height: 3.2em;
		position: relative;
		z-index: auto;
		font-size: .32rem;
	}

	.header>.menu>li>a .iconArrow {
		transform: translateY(-50%) rotate(-90deg);
		position: absolute;
		right: 0;
		top: 50%;
		font-size: .24rem;
	}

	.header>.menu>li>a::before {
		left: 0.1rem;
	}

	/* .header .menu .submenu{display: none;} */

	.header .menu .submenu {
		position: fixed;
		left: 0;
		top: 0;
		width: 65vw;
		height: 100vh;
		;
		transform: translate(-100%, 0) !important;
		visibility: hidden;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		z-index: 1000;
		opacity: 0;
		align-content: baseline;
		transition: all .2s;
	}

	.header .menu .submenu.aboutSub {
		width: 65vw;
		padding: 0.2rem 0;
		top: 0;
		background: #fff;
		transition: all .2s;
	}

	.header .menu .submenu.groupSub {
		width: 65vw;
		top: 0;
		padding: 0.2rem 0;
		background: #fff;
		flex-wrap: wrap;
	}

	.header .menu .submenu.groupSub .SDmenu {
		padding-right: 0;
		z-index: 999;
		border: none;
	}

	.header .menu .submenu.groupSub .SDmenu ul {
		margin: 0 0.1rem;
		padding: 0.1rem 0.05rem 0.1rem 0;
		background: #f6f6f6;
		max-height: 40vh;
		overflow-y: scroll;
	}

	.header .menu .submenu.groupSub .SDmenu li {
		flex: 1 1 50% !important;
		background: #f6f6f6;
		padding: 0 0.1rem;
		margin-bottom: 0.2rem !important;
	}

	/* .header .menu .submenu.groupSub .SDmenu img{ background: #f6f6f6; height: 0.6rem;} */
	.header .menu .submenu.groupSub .SDmenu a {
		font-size: 0.14rem;
	}

	.header .menu .submenu.groupSub .menuList {
		flex: 1 1 100%;
		margin-top: 0.2rem;
		padding: 0.1rem;
	}

	.header .menu .submenu.groupSub .menuList li a {
		line-height: 1.8em;
		padding: 0.15rem;
		font-size: 0.16rem;
	}

	.header .menu .submenu.groupSub .SDmenu:nth-child(2) img {
		height: unset;
	}

	.header .menu .submenu.groupSub .SDmenu:nth-child(3) img {
		height: unset;
	}

	.header .menu .submenu.show {
		visibility: visible;
		transform: translate(0, 0) !important;
		opacity: 1;
	}

	.header .menu .submenu.hide {
		visibility: hidden;
		transform: translate(-100%, 0) !important;
		opacity: 0;
	}

	.header .menu>li>.submenu li {
		margin-bottom: 0 !important;
		border: none !important;
		background: #fff;
	}

	.header .menu .submenu.groupSub .dap {
		max-width: 100%;
	}

	.header .menu .submenu .ti {
		margin: 0 0.1rem 0 !important;
		font-size: 0.32rem;
		background: #f6f6f6;
		padding: 0.1rem;
	}

	.header .menu .submenu.normalMenu {
		width: 65vw;
		padding: 0.2rem 0;
		flex-wrap: wrap;
	}

	.header .menu .submenu.normalMenu .menuList {
		margin: 0 0;
	}

	.header .menu .submenu.normalMenu .menuList li {
		flex: 1 1 100%;
		padding: 0;
		margin-bottom: 0.1rem !important;
	}

	.header .menu .submenu.normalMenu .menuList a {
		font-size: 0.16rem;
		padding: 0 0.2rem;
	}

	.header .menu .submenu .menuList {
		display: flex;
		flex-wrap: wrap;
		flex: 1 1 100%;
		background: #fff;
		position: relative;
		z-index: 1002;
		margin-bottom: 0.2rem;
	}

	.header .menu .submenu .menuList li {
		flex: 1 1 100%;
		z-index: 999;
		position: relative;
		border-bottom: 0.01rem solid #e6e6e6;
	}

	.header .menu .submenu .menuList li a {
		line-height: 2;
		padding: 0.1rem 0.2rem !important;
		font-size: 0.3rem;
	}

	.header .menu .submenu.normalMenu.Join {
		width: 65vw;
		right: unset;
		left: 0;
	}

	/* .header .menu .submenu .menuList li a::after{content: 'â–¶'; font-size: 0.12rem; position: absolute; right: 0.15rem; top: 50%; transform: translate(0,-50%); color: #999;} */
	.header .menu .submenu .ygzb {
		display: none;
	}

	.header .menu .submenu .menuList li a.noarrow::after {
		display: none;
	}

	.header .menu .submenu.aboutSub.short {
		width: 65vw;
		padding: 0.2rem 0 0.6rem;
		overflow: auto;
	}

	.header .menu>li>.submenu .subMask {
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.3);
		width: 100vw;
		height: 100vh;
		z-index: 0;
	}

	.header .menu>li>.submenu .subMenuBg {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.header>.mask {
		position: absolute;
		left: 0;
		top: 1.25rem;
		width: 0;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);
		z-index: 20;
		visibility: hidden;
		opacity: 0;
		transition: all .2s;
	}

	.header>.mask.show {
		width: 100vw;
		visibility: visible;
		opacity: 1;
		display: block;
	}

	.header .menu .submenu.aboutSub.short.large1 {
		/* width: unset; */
		width: 65vw;
		left: 0;
		padding: .1rem 0 1.5rem;
	}

	.header .menu .submenu .ti {
		margin: 0 !important;
		padding: .2rem;
	}

	.header .menu .submenu.aboutSub.short.large1 ul {
		margin: 0;
	}

	.header .submenu>.mask {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);
		z-index: 9;
		visibility: hidden;
		opacity: 0;
		transition: all .2s;
	}

	.header .submenu>.mask.show {
		width: 100vw;
		visibility: visible;
		opacity: 1;
	}

	.moblieMenuBt {
		display: flex;
		gap: 0.2rem
	}

	.moblieMenuBt i {
		width: 0.75rem;
		line-height: 0.75rem;
		background: #f6f6f6;
		text-align: center;
		border-radius: 50%;
		font-size: 0.26rem;
		font-weight: bold;
	}

	.moblieMenuBt .icon-guanbi {
		display: none;
	}

	.header .searchBox {
		position: absolute;
		left: 0;
		top: 0.9rem;
		width: 100%;
		z-index: 99999;
		background: #fff;
		padding: 0.3rem 0.2rem;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-0.2rem);
		transition: all .2s;
	}

	.header .searchBox.show {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}

	.header .searchBox .mask {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);
		z-index: -1;
	}

	.header .searchBox .maskW {
		width: 100%;
		height: 1.5rem;
		background: #fff;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.header .searchBox input {
		width: 100%;
		font-size: 0.22rem;
	}

	.header .searchBox .lang {
		margin-bottom: 0.2rem;
		text-align: center;
	}

	.header .searchBox .search {
		position: relative;
		height: .75rem;
	}

	.header .searchBox .search-button {
		position: absolute;
		right: 0;
		top: 0;
	}

	.rightFixed {
		display: none;
	}
}


@media screen and (max-width: 500px) {
	.indexCompany.indexCooperate .list a {
		width: 33%;
		height: 1.5rem;
	}
}


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

	.indexCooperate .listBox .swiper-button-prev,
	.indexCooperate .listBox .swiper-button-next {
		display: none;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.container {
		width: 100%;
		padding: 0 0.5rem;
		max-width: 100%;
	}

	.index-about .template-ti {
		font-size: 0.54rem;
	}

	.index-about .template-sti {
		font-size: 0.18rem;
	}

	.mainbox {
		/* padding: 0.8rem 0; */
	}

	.index-Recommend .container {
		width: 100%;
	}

	.index-Recommend .row {
		margin: 0.8rem -0.2rem 0;
	}

	.index-Recommend .col-lg-6 {
		flex: 0 0 50%;
		padding: 0 0.2rem;
	}

	.index-Recommend .con {
		padding: 0.4rem;
	}

	.index-Recommend .box {
		height: 100%;
		background: #fff;
		border-radius: 0.2rem;
		overflow: hidden;
	}

	.index-Recommend .con h5 {
		font-size: 0.24rem;
	}

	.ZTPD {
		grid-column-gap: 0.2rem;
		grid-row-gap: 0.2rem
	}

	.ZTPD .more .bt {
		padding: 0.05rem;
	}

	.index-products .nav-pills {
		margin-right: 0.5rem !important;
	}

	.index-products .nav-pills .nav-link {
		width: 1.6rem;
		gap: 0.1rem;
		height: 0.72rem;
	}

	.index-products .nav-pills .nav-link.active {
		width: 2rem;
	}

	.index-products .nav-pills .nav-link p {
		font-size: 0.2rem;
	}

	.index-products .nav-pills .nav-link img {
		width: 0.3rem;
	}

	.index-products .con h5 {
		font-size: 0.48rem;
	}

	.index-products .pdtext h6 {
		font-size: 0.24rem;
	}

	.index-products {
		padding-bottom: 0;
	}

	.index-news .container {
		width: 100%;
	}

	.index-news .content {
		flex-wrap: wrap;
		gap: 0.4rem;
	}

	.index-news .right {
		flex: 1 1 100%;
	}

	.customers .logoArea .li {
		flex: 0 0 20%;
		max-width: unset;
	}

	.aboutPage .video {
		width: 100%;
	}

	.aboutPage .intro {
		width: 100%;
	}

	.aboutPage.company .col-lg-3 {
		flex: 0 0 50%;
	}

	.contactsPage .ygZH {
		height: unset;
		flex-wrap: wrap;
	}

	.contactsPage .ygZH .img {
		flex: 0 0 100%;
	}

	.contactsPage .ygZH .img img {
		width: 100%;
		object-fit: cover;
		height: unset;
		border-radius: 0.15rem;
	}

	.contactsPage .ygZH .con {
		padding: 0.3rem;
	}

	.contactsPage .ygZH ul {
		gap: 0.4rem;
	}

	.contactsPage .ygZH ul li {
		flex: 0 0 auto;
	}

	.contactsPage .ygSc {
		margin: 0.6rem -0.2rem 0;
	}

	.contactsPage .ygSc .li {
		padding: 0 0.2rem;
	}

	.contactsPage .ygSc .con {
		height: unset;
		height: 100%;
	}

	.contactsBri {
		margin: 0;
		gap: 0.4rem;
	}

	.contactsBri .col-lg-4 {
		padding: 0;
		flex: 1 1 33.3333%;
	}

	.coArea {
		flex-wrap: wrap;
	}

	.coArea img {
		max-width: 100%;
	}

	.coArea .con {
		margin-left: 0;
		padding: 0.4rem 0 0;
	}

	.contact-page .col-lg-4 {
		flex: 1 1 50%;
	}

	.CulturePage #culturePoster::before {
		display: none;
	}

	.CulturePage #culturePoster .box .con::after {
		display: none;
	}

	.CulturePage #culturePoster .swiper-slide {
		padding: 0 0.3rem 0.8rem;
	}

	.CulturePage #culturePoster .box {
		padding-right: 0;
	}

	.CulturePage #culturePoster .box .con .ti {
		font-size: 0.2rem;
	}

	.CulturePage #culturePoster .box .con .text {
		font-size: 0.16rem;
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(1) .box .con {
		right: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(2) .box .con {
		left: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(3) .box .con {
		right: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(4) .box .con {
		bottom: 20%;
		transform: translateY(20%);
	}

	/* .CulturePage #culturePoster .box img{height: 60vw;} */
	.CulturePage #culturePoster .swiper-pagination {
		right: 0.2rem;
	}

	.temFlex.margin60 .col-4 {
		width: unset;
		flex: 1 1 100%;
	}

	.temFlex.cultureCard .box img {
		height: unset;
	}

	.CulturePage .actArea {
		gap: 0.5rem;
	}

	.swiperPhotos {
		width: 100%;
	}

	.cultrueWechat .page {
		margin: 0;
		column-gap: 0.3rem;
		padding-right: 0.2rem;
	}

	.cultrueWechat .page li {
		padding: 0;
		flex: 1 1 30%;
	}

	.phonePic .list {
		padding: 0;
	}

	.CulturePage .conPicFlex {
		display: flex;
		flex-wrap: wrap;
		gap: 0.6rem;
	}

	.temFlex.margin60 .col-4 {
		flex: 1 1 50%;
	}

	.temFlex.cultureCard .box {
		height: 100%;
	}

	.temFlex.cultureCard .box img {
		height: 2.4rem;
	}

	.temFlex.cultureCard .box video {
		height: 2.4rem;
	}

	.cultureTalentShow #culturePoster {
		padding-bottom: 1rem;
	}

	.cultureTalentShow #culturePoster .box {
		flex-wrap: wrap;
	}

	.cultureTalentShow #culturePoster .talentCon {
		flex: 1 1 100%;
	}

	.customer-page .nav {
		gap: 0.2rem;
	}

	.customer-page .nav .nav-item {
		flex: 1 1 auto;
	}

	.customer-page .nav .nav-link {
		margin: 0;
		width: 100%;
	}

	.historyPage .container {
		width: 100%;
	}

	.honorPage .cardRow {
		margin: 0.6rem 0 -0.6rem;
	}

	.honorPage .cardRow .col-12 {
		flex: 1 1 50%;
	}

	.investor .form .ul {
		flex: 1 1 100%;
		max-width: unset;
	}

	.investor .shares {
		margin: 0.6rem -0.2rem 0;
	}

	.investor .shares .shares-li {
		padding: 0 0.2rem;
	}

	.investor .one-pic img {
		max-width: 100%;
	}

	.investor .record-sheet .row {
		margin: 0.6rem 0 -0.6rem;
	}

	.investor .notice .row {
		margin: 0 0;
	}

	.investorInpage .Inpage-area .left-area {
		flex: 1 1 100%;
	}

	.newsList {
		margin: 0 0 -0.2rem;
		gap: 0.4rem;
		flex-wrap: wrap;
	}

	.newsList .li {
		max-width: unset;
		flex: 1 1 46%;
		padding: 0;
		margin-bottom: 0;
	}

	.newsArea .top a {
		flex-wrap: wrap;
	}

	.newsArea .top .pic {
		max-width: unset;
		flex: 1 1 100%;
	}

	.newsArea .top .con {
		max-width: unset;
		flex: 1 1 100%;
	}


	.responsibility-page .row {
		margin: 0.6rem 0 -0.3rem;
		gap: 0.6rem;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.responsibility-page .col-lg-3 {
		padding: 0;
		flex: 0 0 46%;
		margin-bottom: 0;
	}

	.responsibility-page .col-lg-6 {
		padding: 0;
		flex: 0 0 46%;
		margin-bottom: 0;
	}

	.aboutPage .leader {
		margin: 0.6rem 0 0;
		flex-wrap: wrap;
		gap: 0.6rem;
	}

	.aboutPage .leader .pic::before {
		display: none;
	}

	.aboutPage .leader .pic {
		flex: 0 0 100%;
	}

	.aboutPage .leader .pic img {
		max-width: 100%;
	}

	.aboutPage .leader .con {
		flex: 0 0 100%;
	}

	.AIpage .intro {
		width: 100%;
	}

	.temFlex .col-2 {
		flex: 1 1 50%;
		width: unset;
	}

	.temFlex .col-3 {
		flex: 1 1 50%;
		width: unset;
	}

	.temFlex .col-4 {
		flex: 1 1 50%;
		width: unset;
	}

	.temFlex .col-6 {
		flex: 1 1 100%;
		width: unset;
	}

	.temFlex .col-8 {
		flex: 1 1 100%;
		width: unset;
	}

	.cloudBanner .text {
		width: 100%;
	}

	.fullpic .list {
		flex-wrap: wrap;
		padding: 0.4rem 0.2rem;
		margin-bottom: 0.2rem;
		justify-content: center;
	}

	.fullpic .img img {
		max-width: 100%;
	}

	.conPicFlex .list .con {
		padding: 0;
	}

	.cloudBg .intro p {
		width: 100%;
	}

	.cloudBanner .img {
		max-width: 100%;
	}

	.cloudBanner .img img {
		max-width: 100%;
	}

	.CloudTem .intro {
		width: 100%;
	}

	.CloudTem .intro {
		width: 100%;
	}

	.conPicFlex .list {
		flex-wrap: wrap;
		padding: 0.6rem 0.2rem;
	}

	.conPicFlex .list .pic {
		flex: 1 1 100%;
		margin-bottom: 0.6rem;
		justify-content: center;
		display: flex;
	}

	.conPicFlex .list .pic img {
		max-width: 100%;
	}

	.conPicFlex .list:nth-child(odd) {
		flex-direction: row;
	}

	.flexBanner {
		padding: 0.6rem 0;
	}

	.flexBanner .con {
		transform: none;
	}

	.flexBanner .con .ti {
		text-align: center;
	}

	.flexBanner .flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.4rem;
	}

	.flexBanner .lia {
		flex: 1 1 100%;
	}

	.flexBanner .lib {
		flex: 1 1 100%;
		justify-content: center;
		display: flex;
	}

	.flexBanner .lib img {
		max-width: 100%;
	}

	.temFlex.logoWall .col-2 {
		flex: 1 1 33.33333%;
	}

	.onePicli {
		width: 100%;
	}

	.schoolJob .job-area {
		gap: 0.4rem;
	}

	.schoolJob .nav {
		gap: 0.2rem;
	}

	.schoolJob .nav .nav-item {
		flex: 1 1 auto;
	}

	.schoolJob .nav .nav-link {
		margin: 0;
		width: 100%;
	}

	.schoolJob .job-area .nav-link {
		padding: 0.1rem;
		line-height: 2em;
		text-align: center;
	}

	.schoolJob .job-area .nav-link img {
		display: table;
		margin: 0 auto;
	}

	.schoolJob .job-area .col-3 {
		flex: 1 1 20%;
		max-width: unset;
	}

	.societyJob .job-list {
		padding: 0.4rem;
	}

	.commerce-page .process {
		flex-wrap: wrap;
		gap: 0rem;
	}

	.commerce-page .process .icon {
		width: 0.8rem;
		height: 0.8rem;
		line-height: 0.8rem;
	}

	.commerce-page .process .icon img {
		width: 0.48rem;
	}

	.commerce-page .process .list {
		flex: 1 1 20%;
		max-width: unset;
	}

	.commerce-page .process .list::before {
		width: 0.16rem;
		line-height: 0.16rem;
	}

	.commerce-page .process .list::after {
		display: none;
	}

	.tableTips {
		display: none;
	}

	.schoolJob .one-pic img {
		max-width: 100%;
	}

	.schoolJob .quesiton-area {
		width: 100%;
	}

	.impressionPage>.nav {
		gap: 0.2rem;
		padding: 0 0.1rem;
	}

	.impressionPage>.nav .nav-item {
		margin: 0;
		flex: 1 1 20%;
	}

	.impressionPage>.nav .nav-link {
		margin: 0;
		padding: .8em .5em;
		width: 100%;
	}

	.centerPic {
		padding: 0 0.2rem;
	}

	.centerPic img {
		max-width: 100%;
	}

	.impressionPage .train-pic {
		margin: 0.6rem 0 0;
	}

	.societyJobArea {
		flex-wrap: wrap;
	}

	.societyJobArea .leftMenu {
		flex: 1 1 100%;
	}

	.societyJob .job-detail {
		padding: 0.3rem;
		margin-bottom: 1.2rem;
	}

	.societyJob .job-detail .job-title {
		font-size: 0.24rem;
	}

	.societyJob .job-detail .apply {
		position: static;
		margin: 0.3rem auto 0.15rem;
		display: table;
		font-size: 0.16rem;
	}

	.platFunction {
		transform: scale(.8);
	}

	.SDPlatform .platFunction .con p {
		width: 1.5rem;
	}

	.SDPlatform .nav {
		gap: 0.2rem;
	}

	.SDPlatform .nav .nav-item {
		flex: 1 1 46%;
	}

	.SDPlatform .nav .nav-link {
		width: 100%;
	}

	.SDPlatform .tab-pane .topCon {
		width: 100%;
	}

	.SDPlatform .tab-pane .content .col-lg-3 {
		flex: 1 1 50%;
	}

	.SDPlatform .tab-pane .topCon p {
		flex: 1 1 50%;
	}

	.SDPlatform .tab-pane .topCon .pic {
		flex: 1 1 50%;
	}

	.SDPlatform .tab-pane .pic img {
		max-width: 100%;
	}

	.aboutMenu .menu a {
		font-size: 0.14rem;
		padding: 0 0.12rem;
	}

	.aboutMenu.dropMenu .li .drop a {
		font-size: 0.12rem;
	}

	.SmartEnergy .SmartEnergyPD .box .menu a {
		font-size: 0.12rem;
	}

	.temFlex .col-2.colFive {
		flex: 1 1 50%;
	}

	.work-story .box {
		flex-wrap: wrap;
	}

	.work-story .font-blue {
		width: 100%;
	}

	.width1000 {
		width: 100%;
	}

	.width1200 {
		width: 100%;
	}

	.imagesFlex {
		gap: 0.3rem;
	}

	.imagesFlex .nav .nav-link img {
		height: 10vw;
	}

	.flexAccordion .li .box .img {
		height: 40vw;
	}

	.impressionPage .flexAccordionD {
		width: 100%;
	}

	.impressionPage .flexAccordionE {
		width: 100%;
	}

	.flexAccordion .li .box .ti {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.Avant-garde .con {
		padding: 0.2rem 0.5rem;
	}
}

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

	.header {
		padding: 0 0.15rem;
	}

	.header>.logo {
		/* width: 1rem; */
	}

	.header>.menu>li {
		/* padding: 0 0.1rem; */
	}

	.header>.menu>li>a {
		/* font-size: 0.1rem; */
	}

	.header .searchBox .lang span {
		font-size: 0.12rem;
	}

	.header .searchBox input {
		max-width: 100%;
		width: 1.4rem;
	}

	.header .menu .submenu.aboutSub {
		width: 85vw;
		padding: 0.6rem 0.8rem;
		justify-content: space-between;
	}

	.header>.menu>li:hover .submenu {
		transform: translate(-10%, 0);
		padding: 0.4rem;
	}

	.header .menu .submenu.aboutSub a {
		font-size: 0.14rem;
	}

	.header .menu .submenu.groupSub {
		width: 80vw;
		transform: translate(-20%, 0) !important;
	}

	.header .menu .submenu.aboutSub.short {
		width: 80vw;
		transform: translate(-50%, 0) !important;
	}

	.header .menu .submenu.normalMenu {
		transform: translate(-50%, 0) !important;
		width: 60vw;
	}

	.header .menu .submenu.normalMenu.Join {
		transform: translate(30%, 0) !important;
	}

	.header .menu .submenu.normalMenu.Join .menuList li {
		flex: 0 0 100%;
	}

	.header .menu .submenu.aboutSub .ygzb {
		width: unset;
	}

	.header .menu .submenu.aboutSub .ygzb img {
		width: 2.6rem;
	}

	.header .menu .submenu .ti {
		font-size: 0.2rem;
	}

	.header .menu .submenu.groupSub .menuList a {
		font-size: 0.14rem;
	}

	.header .menu .submenu.groupSub .cloudMenu li {
		flex: 0 0 25%;
	}

	.header .menu .submenu.groupSub .SDmenu a {
		font-size: 0.14rem;
	}

	.header .menu .submenu.groupSub .SDmenu a.ti {
		font-size: 0.2rem;
		color: #000;
	}

	.header .menu .submenu.groupSub .cloudMenu a {
		font-size: 0.14rem;
	}

	.header .menu .submenu.normalMenu .menuList a {
		font-size: 0.14rem;
	}

	.container {
		width: 100%;
		padding: 0 0.5rem;
		max-width: 100%;
	}

	.index-about .template-ti {
		font-size: 0.54rem;
	}

	.index-about .template-sti {
		font-size: 0.24rem;
	}

	.mainbox {
		padding: 0.8rem 0;
	}

	.index-Recommend .container {
		width: 100%;
	}

	.index-Recommend .row {
		margin: 0.8rem -0.2rem 0;
	}

	.index-Recommend .col-lg-6 {
		flex: 0 0 50%;
		padding: 0 0.2rem;
	}

	.index-Recommend .con {
		padding: 0.4rem;
	}

	.index-Recommend .box {
		height: 100%;
		background: #fff;
		border-radius: 0.2rem;
		overflow: hidden;
	}

	.index-Recommend .con h5 {
		font-size: 0.24rem;
	}

	.ZTPD {
		grid-column-gap: 0.2rem;
		grid-row-gap: 0.2rem
	}

	.ZTPD .more .bt {
		padding: 0.05rem;
	}

	.index-products .nav-pills {
		margin-right: 0.5rem !important;
	}

	.index-products .nav-pills .nav-link {
		width: 1.6rem;
		gap: 0.1rem;
		height: 0.72rem;
	}

	.index-products .nav-pills .nav-link.active {
		width: 2rem;
	}

	.index-products .nav-pills .nav-link p {
		font-size: 0.2rem;
	}

	.index-products .nav-pills .nav-link img {
		width: 0.3rem;
	}

	.index-products .con h5 {
		font-size: 0.48rem;
	}

	.index-products .pdtext h6 {
		font-size: 0.24rem;
	}

	.index-news .container {
		width: 100%;
		max-width: 100%;
	}

	.index-news .content {
		flex-wrap: nowrap;
		gap: 0.4rem;
	}

	.index-news .left {
		flex: 0 0 75%;
		width: unset;
	}

	.index-news .right {
		flex: 0 0 25%;
		width: unset;
	}

	.customers .logoArea .li {
		flex: 0 0 20%;
		max-width: unset;
	}

	.index-news .left .con {
		flex: 1 1 50%;
		max-width: unset;
	}

	.index-news .right .list a {
		padding: 0.15rem 0;
	}

	.index-news .right .list .title {
		font-size: 0.18rem;
		padding-right: .5em;
	}

	.aboutPage .video {
		width: 100%;
	}

	.aboutPage .intro {
		width: 100%;
	}

	.contactsBri {
		margin: 0;
	}

	.contactsBri .col-lg-4 {
		padding: 0 0.3rem;
	}

	.coArea img {
		max-width: 100%;
	}

	.CulturePage #culturePoster .box {
		padding-right: 0;
	}

	.CulturePage #culturePoster .box .con .ti {
		font-size: 0.22rem;
	}

	.CulturePage #culturePoster .box .con .text {
		font-size: 0.16rem;
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(1) .box .con {
		right: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(2) .box .con {
		left: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(3) .box .con {
		right: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.CulturePage #culturePoster .swiper-slide:nth-child(4) .box .con {
		bottom: 20%;
		transform: translateY(20%);
	}

	/* .CulturePage #culturePoster .box img{max-height: 50vw;} */

	.swiperPhotos {
		max-width: 100%;
	}

	.cultrueWechat .page {
		margin: 0 0 0 -0.3rem;
	}

	.cultrueWechat .page {
		padding-right: 0.2rem;
	}

	.customer-page .nav {
		gap: 0.2rem;
	}

	.customer-page .nav .nav-item {
		flex: 1 1 auto;
	}

	.customer-page .nav .nav-link {
		margin: 0;
		width: 100%;
	}

	.customers .logoArea .li {
		flex: 0 0 20%;
	}

	.customers .logoArea .name {
		font-size: 0.13rem;
	}

	.historyPage .container {
		width: 100%;
		max-width: 100%;
	}

	.investor .form .ul {
		flex: 1 1 50%;
		max-width: unset;
	}

	.investor .shares {
		margin: 0.6rem 0 0rem;
	}

	.investor .record-sheet .col-xl-4 {
		flex: 0 0 50%;
	}

	.investorInpage .Inpage-area .left-area {
		flex: 1 1 100%;
	}

	.newsArea .top .con {
		padding: 0.3rem 0.3rem 0.6rem;
	}

	.aboutMenu .menu a {
		font-size: 0.14rem;
		padding: 0 0.15rem;
	}

	.responsibility-page .row {
		margin: 0.6rem -0.2rem -0.4rem;
	}

	.responsibility-page .col-lg-3 {
		padding: 0 0.2rem;
	}

	.aboutPage .leader {
		margin: 0.6rem 0 0;
		flex-wrap: nowrap;
		gap: 0.5rem;
	}

	.aboutPage .leader .pic::before {
		display: none;
	}

	.aboutPage .leader .pic {
		flex: 0 0 48%;
	}

	.aboutPage .leader .pic img {
		max-width: 100%;
	}

	.aboutPage .leader .con {
		flex: 0 0 48%;
		padding: 0;
	}

	.commerce-page .process .icon {
		width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem;
	}

	.commerce-page .process .icon img {
		width: 0.6rem;
	}

	.commerce-page .process .list {
		flex: 1 1 20%;
		max-width: unset;
	}

	.commerce-page .process .list::before {
		width: 0.2rem;
		line-height: 0.2rem;
	}

	.commerce-page .process .list::after {
		width: 0.4rem;
	}

	.flexBanner {
		padding: 0.6rem;
	}

	.flexBanner .flex {
		gap: 0.4rem;
	}

	.flexBanner .lia {
		flex: 1 1 50%;
	}

	.flexBanner .lib {
		flex: 1 1 50%;
	}

	.flexBanner .lib img {
		max-width: 100%;
	}

	.cloudBanner .text {
		width: 100%;
	}

	.temFlex.normalCard .col-3 {
		width: unset;
		flex: 1 1 25%;
	}

	.temFlex .col-2 {
		flex: 0 0 33.3333%;
	}

	.onePicli {
		width: 100%;
	}

	.schoolJob .job-area {
		gap: 0.4rem;
	}

	.schoolJob .nav {
		gap: 0.2rem;
	}

	.schoolJob .nav .nav-item {
		flex: 1 1 auto;
	}

	.schoolJob .nav .nav-link {
		margin: 0;
		width: 100%;
	}

	.schoolJob .job-area .nav-link {
		padding: 0.1rem;
		line-height: 2em;
		text-align: center;
	}

	.schoolJob .job-area .col-3 {
		flex: 1 1 20%;
		max-width: unset;
	}

	.societyJob .job-list {
		padding: 0.4rem;
	}

	.schoolJob .quesiton-area {
		width: 100%;
	}

	.schoolJob .one-pic img {
		max-width: 100%;
	}

	.commerce-page .process .icon::after {
		display: none;
	}

	.commerce-page .process .icon::before {
		right: 0;
		transform: translate(150%, -40%);
	}

	img {
		max-width: 100%;
	}

	.imagesFlex {
		gap: 0.4rem;
	}

	.impressionPage .flexAccordion {
		width: 100%;
	}

	.imagesFlex .nav .nav-link img {
		height: 10vw;
	}

	.SDPlatform .platFunction .con p {
		width: 1.8rem;
	}

	.AIpage .intro {
		width: 100%;
	}

	.SDPlatform .tab-pane .topCon {
		width: 100%;
	}

	.SDPlatform .tab-pane .topCon p {
		flex: 1 1 60%;
	}

	.temFlex .col-2.colFive {
		flex: 1 1 50%;
	}

	.temFlex.normalCard .col-3 {
		flex: 1 1 50%;
	}

	.temFlex.margin60 {
		margin: unset -0.2rem;
	}

	.temFlex.margin60 .col-4 {
		padding: 0 0.2rem;
	}

	.SmartEnergy .SmartEnergyPD .box {
		padding: 0.2rem;
	}

	.SmartEnergy .SmartEnergyPD .box .menu a {
		font-size: 0.12rem;
	}

	.index-products {
		padding-bottom: 0;
	}

	.normalPic .img.phonePic img {
		transform: scale(0.8);
	}

	.Avant-garde .con {
		padding: 0.2rem 0.5rem;
	}
}

@media screen and (min-width: 1367px) and (max-width: 1600px) {

	.header {
		padding: 0 0.15rem;
	}

	.header>.menu>li {
		/* padding: 0 0.12rem; */
	}

	.header>.menu>li>a {
		/* font-size: 0.15rem; */
	}

	.header .searchBox input {
		max-width: 100%;
		width: 2rem;
	}

	.header .menu .submenu.aboutSub {
		width: 85vw;
		padding: 0.8rem 1rem;
		justify-content: space-between;
	}

	.header>.menu>li:hover .submenu {
		transform: translate(-50%, 0);
	}

	.header .menu .submenu.groupSub {
		width: 80vw;
		transform: translate(-20%, 0) !important;
	}

	.header .menu .submenu.aboutSub.short {

		/* width: unset;*/
		/* min-width: 3.5rem;*/
		/* width: 60vw; */
		transform: translate(-50%, 0) !important;
	}

	.header .menu .submenu.normalMenu {
		transform: translate(-40%, 0) !important;
	}

	.header .menu .submenu.normalMenu.Join {
		transform: translate(40%, 0) !important;
	}


	.container {
		width: 100%;
		padding: 0 0.5rem;
		max-width: 100%;
	}

	.index-about .template-ti {
		font-size: 0.54rem;
	}

	.index-about .template-sti {
		font-size: 0.24rem;
	}

	.mainbox {
		padding: 0.5rem 0 .25rem;
	}

	.index-Recommend .container {
		width: 100%;
	}

	.index-Recommend .row {
		margin: 0.8rem -0.2rem 0;
	}

	.index-Recommend .col-lg-6 {
		flex: 0 0 50%;
		padding: 0 0.2rem;
	}

	.index-Recommend .con {
		padding: 0.4rem;
	}

	.index-Recommend .box {
		height: 100%;
		background: #fff;
		border-radius: 0.2rem;
		overflow: hidden;
	}

	.index-Recommend .con h5 {
		font-size: 0.24rem;
	}

	.ZTPD {
		grid-column-gap: 0.2rem;
		grid-row-gap: 0.2rem
	}

	.ZTPD .more .bt {
		padding: 0.05rem;
	}

	.index-products .nav-pills {
		margin-right: 0.5rem !important;
	}

	.index-products .nav-pills .nav-link {
		width: 2rem;
		gap: 0.1rem;
		height: 0.72rem;
	}

	.index-products .nav-pills .nav-link.active {
		width: 2.4rem;
	}

	.index-products .nav-pills .nav-link p {
		font-size: 0.2rem;
	}

	.index-products .nav-pills .nav-link img {
		width: 0.3rem;
	}

	.index-products .con h5 {
		font-size: 0.48rem;
	}

	.index-products .pdtext h6 {
		font-size: 0.24rem;
	}

	.index-products {
		padding-bottom: 0;
	}

	.index-news .container {
		width: 100%;
		max-width: 100%;
	}

	.index-news .content {
		flex-wrap: nowrap;
		gap: 0.4rem;
	}

	.index-news .left {
		flex: 0 0 75%;
		width: unset;
	}

	.index-news .right {
		flex: 0 0 25%;
		width: unset;
	}

	.customers .logoArea .li {
		flex: 0 0 20%;
		max-width: unset;
	}

	.index-news .left .con {
		flex: 1 1 50%;
		max-width: unset;
	}

	.index-news .right .list a {
		padding: 0.1rem 0;
	}

	.index-news .right .list .title {
		font-size: 0.18rem;
		padding-right: .5em;
	}

	.aboutPage .video {
		width: 100%;
	}

	.aboutPage .intro {
		width: 100%;
	}

	.contactsBri {
		margin: 0;
	}

	.contactsBri .col-lg-4 {
		padding: 0 0.3rem;
	}

	.coArea img {
		max-width: 100%;
	}

	.CulturePage #culturePoster .box {
		padding-right: 0;
	}

	.CulturePage #culturePoster .box .con .ti {
		font-size: 0.24rem;
	}

	.CulturePage #culturePoster .box .con .text {
		font-size: 0.18rem;
	}

	/* .CulturePage #culturePoster .box img{max-height: 50vw;} */

	.swiperPhotos {
		max-width: 100%;
	}

	.cultrueWechat .page {
		margin: 0 0 0 -0.3rem;
	}

	.cultrueWechat .page {
		padding-right: 0.2rem;
	}

	.customer-page .nav {
		gap: 0.2rem;
	}

	.customer-page .nav .nav-item {
		flex: 1 1 auto;
	}

	.customer-page .nav .nav-link {
		margin: 0;
		width: 100%;
	}

	.customers .logoArea .li {
		flex: 0 0 20%;
	}

	.CulturePage #culturePoster .swiper-pagination {
		right: 1rem;
	}

	.historyPage .container {
		width: 100%;
		max-width: 100%;
	}

	.investor .form .ul {
		flex: 1 1 33.3333%;
		max-width: unset;
	}

	.investor .shares {
		margin: 0.6rem 0 0rem;
	}

	.investor .record-sheet .col-xl-4 {
		flex: 0 0 50%;
	}

	.investorInpage .Inpage-area .left-area {
		flex: 1 1 100%;
	}

	.newsArea .top .con {
		padding: 0.3rem 0.3rem 0.6rem;
	}

	.aboutMenu .menu a {
		font-size: 0.14rem;
		padding: 0 0.15rem;
	}

	.responsibility-page .row {
		margin: 0.6rem -0.2rem -0.4rem;
	}

	.responsibility-page .col-lg-3 {
		padding: 0 0.2rem;
	}

	.aboutPage .leader {
		margin: 0.6rem 0 0;
		flex-wrap: nowrap;
		gap: 0.5rem;
	}

	.aboutPage .leader .pic::before {
		display: none;
	}

	.aboutPage .leader .pic {
		flex: 0 0 48%;
	}

	.aboutPage .leader .pic img {
		max-width: 100%;
	}

	.aboutPage .leader .con {
		flex: 0 0 48%;
		padding: 0;
	}

	.flexBanner {
		padding: 0.6rem;
	}

	.flexBanner .flex {
		gap: 0.4rem;
	}

	.flexBanner .lia {
		flex: 1 1 50%;
	}

	.flexBanner .lib {
		flex: 1 1 50%;
	}

	.flexBanner .lib img {
		max-width: 100%;
	}

	.cloudBanner .text {
		width: 100%;
	}

	.temFlex.normalCard .col-3 {
		width: unset;
		flex: 1 1 25%;
	}

	.onePicli {
		width: 100%;
	}

	.schoolJob .job-area {
		gap: 0.4rem;
	}

	.schoolJob .nav {
		gap: 0.2rem;
	}

	.schoolJob .nav .nav-item {
		flex: 1 1 auto;
	}

	.schoolJob .nav .nav-link {
		margin: 0;
		width: 100%;
	}

	.schoolJob .job-area .nav-link {
		padding: 0.1rem;
		line-height: 2em;
		text-align: center;
	}

	.schoolJob .job-area .col-3 {
		flex: 1 1 20%;
		max-width: unset;
	}

	.societyJob .job-list {
		padding: 0.4rem;
	}

	.schoolJob .quesiton-area {
		width: 100%;
	}

	.schoolJob .one-pic img {
		max-width: 100%;
	}

	.commerce-page .process .icon::after {
		display: none;
	}

	.commerce-page .process .icon::before {
		right: 0;
		transform: translate(200%, -40%);
	}

	img {
		max-width: 100%;
	}

	.imagesFlex {
		gap: 0.4rem;
	}

	.impressionPage .flexAccordion {
		width: 100%;
	}

	.imagesFlex .nav .nav-link img {
		height: 10vw;
	}

	.SDPlatform .platFunction .con p {
		width: 1.8rem;
	}

	.AIpage .intro {
		width: 100%;
	}

	.SDPlatform .tab-pane .topCon {
		width: 100%;
	}

	.SDPlatform .tab-pane .topCon p {
		flex: 1 1 60%;
	}

	.temFlex .col-2.colFive {
		flex: 1 1 25%;
	}

	.temFlex.normalCard .col-3 {
		flex: 1 1 25%;
	}

	.Avant-garde .con {
		padding: 0.2rem 0.5rem;
	}
}

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

	.header .searchBox input {
		width: 2rem;
	}

	.index-products {
		padding-bottom: 0;
	}
}

@media screen and (min-width: 1600px) and (max-width: 1740px) {

	.header>.menu>li {
		padding: 0 0.15rem;
	}

	.header>.menu>li>a {
		font-size: 0.16rem;
	}

	.container {
		width: 100%;
		max-width: 100%;
		padding: 0 0.6rem;
	}

	.index-news .container {
		width: 100%;
		max-width: 100%;
	}

	.index-news .right .list a {
		padding: 0.1rem 0;
	}

	.imagesFlex .nav .nav-link img {
		height: 8vw;
	}

	.SDPlatform .platFunction .con p {
		width: 2.4rem;
	}

	.temFlex .col-2.colFive {
		flex: 1 1 20%;
	}

	.index-products {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 750px) {
	.s_pro_slide {
		padding: 0 .25rem;
	}
}

@media screen and (max-width:540px) {
	.scene-h5 .scene-content .swiper-slide {
		width: 96%;
		max-width: 6.5rem;
	}

	.scene-h5 .scene-content .swiper-slide .bg {
		width: 2.85rem;
		height: 3rem;
	}
}

@media screen and (max-width:425px) {
	.moblieMenuBt i {
		width: .75rem;
		height: .75rem;
		line-height: .75rem;
		font-size: .32rem;
	}

	.header .logo img {
		width: 2.5rem;
	}

	.footer .main .top .right {
		flex-direction: column;
	}

	.footer .main .top .right .imgBox {
		margin-left: 0;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
	.impressionPage .train-pic .col-4 {
		flex: 0 0 50%;
	}
}


@media screen and (max-width: 1024px) {
	.header .menu .submenu.aboutSub a.ti{
		font-size: .42rem;
	}
	
	#s_mian {
		margin-top: 0
	}

	.header>.menu {
		margin: 0;
	}

	.header {
		position: fixed;
		justify-content: space-between;
		z-index: 999999;
	}

	.index-banner {
		padding-top: 1.25rem;
	}

	.indexCooperate .listBox .swiper-button-next,
	.indexCooperate .listBox .swiper-button-prev {
		display: none;
	}
}


@media screen and (min-width: 1024px) {
	.header .menu .submenu.aboutSub.short {
		height: unset;
	}

	.header .logo {
		transform: translateX(-30%);
		opacity: 0;
		transition: all 1s;
		/* box-shadow: 0rem 0.1rem 0.2rem rgba(190, 190, 190, .7); */
		padding: .1rem .15rem;
	}

	.header .logo:hover {
		/* border: .01rem solid #ddd; */
	}

	.header .searchBox {
		height: .3rem;
		transform: translateX(30%);
		opacity: 0;
		transition: all 1s;
	}

	.header .searchBox .search {
		height: 100%;
	}

	.header .menu {
		opacity: 0;
		transition: all .5s;
	}

	.header.animate .logo {
		transform: translateX(0);
		opacity: 1;
	}

	.header.animate .searchBox {
		transform: translateX(0);
		opacity: 1;
		transition: .1s;
		position: absolute;
		right: 1.5rem;
		top: 0;
		padding: .1rem;
		background: #fff;
		border-radius: 0 0 .1rem .1rem;
		box-sizing: content-box;
		display: none;
	}

	.header.animate .searchBox.show {
		top: 100%;
		display: block;
	}

	.header.animate .menu {
		opacity: 1;
	}

	.header .subMask {
		display: none;
	}

	.header .subMenuBg {
		display: none;
	}

}

.index-about .template-ti {
	transform: translateY(-30vh);
	opacity: 0;
	transition: all 1s;
}

.index-about .template-ti.active {
	transform: translateY(0);
	opacity: 1;
}

.index-about .template-sti {
	position: relative;
}

.index-about .template-sti::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	transition: all 1.5s;
	transition-delay: .2s;
}

.index-about .template-sti.active::after {
	width: 0;
}

.index-about .tem-more {
	transform: translateY(0.3rem);
	opacity: 0;
	transition: all 1s;
}

.index-about .tem-more.active {
	transform: translateY(0);
	opacity: 1;
}

.index-Recommend .template-ti {
	transform: translateY(0.3rem);
	opacity: 0;
	transition: all 1s;
}

.index-Recommend .template-ti.borderBottom::after {
	width: 0;
	transition: all 1s;
	transition-delay: .5s;
}

.index-Recommend .template-ti.active {
	transform: translateY(0);
	opacity: 1;
}

.index-Recommend .template-ti.active::after {
	width: 1rem;
}

.index-Recommend .row .col-12 {
	transform: translateY(30%);
	opacity: 0;
	transition: all 1s;
}

.index-Recommend .row .col-12:nth-child(2) {
	transition-delay: .2s;
}

.index-Recommend .row.active .col-12 {
	transform: translateY(0);
	opacity: 1;
}

.ZTPD .boxA,
.ZTPD .boxB,
.ZTPD .boxC,
.ZTPD .boxD,
.ZTPD .boxE {
	transform: translateY(30%);
	opacity: 0;
	transition: all 1s;
}

.ZTPD.active .boxA {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}

.ZTPD.active .boxB {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .6s;
}

.ZTPD.active .boxC {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .9s;
}

.ZTPD.active .boxD {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1.2s;
}

.ZTPD.active .boxE {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1.5s;
}

.index-products .template-ti {
	transform: translateY(0.3rem);
	opacity: 0;
	transition: all 1s;
}

.index-products .template-ti.borderBottom::after {
	width: 0;
	transition: all 1s;
	transition-delay: .5s;
}

.index-products .content .bg {
	transform: translateY(30%);
	opacity: 0;
	transition: all .5s;
}

.index-products .content .nav-pills {
	transform: translateX(-30%);
	opacity: 0;
	transition: .5s;
	transition-delay: .5s;
}

.index-products .content .text {
	transform: translateX(-30%);
	opacity: 0;
	transition: .5s;
	transition-delay: 1s;
}

.index-products .template-ti.active {
	transform: translateY(0);
	opacity: 1;
}

.index-products .template-ti.active::after {
	width: 1rem;
}

.index-products .content.active .bg {
	transform: translateY(0);
	opacity: 1;
}

.index-products .content.active .nav-pills {
	transform: translateX(0);
	opacity: 1;
}

.index-products .content.active .text {
	transform: translateX(0);
	opacity: 1;
}

.index-news .template-ti {
	transform: translateY(0.3rem);
	opacity: 0;
	transition: all 1s;
}

.index-news .template-ti.borderBottom::after {
	width: 0;
	transition: all 1s;
	transition-delay: .5s;
}

.index-news .content .left {
	transform: translateX(-30%);
	opacity: 0;
	transition: all 1s;
}

.index-news .content .right {
	transform: translateX(30%);
	opacity: 0;
	transition: all 1s;
}

.index-news .template-ti.active {
	transform: translateY(0);
	opacity: 1;
}

.index-news .template-ti.active::after {
	width: 1rem;
}

.index-news .content.active .left {
	transform: translateY(0);
	opacity: 1;
}

.index-news .content.active .right {
	transform: translateY(0);
	opacity: 1;
}

.customers.index .template-ti {
	transform: translateY(0.3rem);
	opacity: 0;
	transition: all 1s;
}

.customers.index {
	transform: translateY(0.5rem);
	opacity: 0;
	transition: all 1s;
}

.customers.index .logoArea .li {
	background-color: #fff;
	transform: translateY(30%);
	opacity: 0;
	transition: all .5s;
	border-right: 0.01rem solid #E5E5E4;
	border-bottom: 0.01rem solid #E5E5E4;
}

.customers.index .template-ti.active {
	transform: translateY(0);
	opacity: 1;
}

.customers.index.active {
	transform: translateY(0);
	opacity: 1;
}

.customers.index .logoArea.active .li {
	transform: translateY(0);
	opacity: 1;
}

.customers.index .logoArea.active .li:nth-child(2) {
	transition-delay: .1s;
}

.customers.index .logoArea.active .li:nth-child(3) {
	transition-delay: .2s;
}

.customers.index .logoArea.active .li:nth-child(4) {
	transition-delay: .3s;
}

.customers.index .logoArea.active .li:nth-child(5) {
	transition-delay: .4s;
}

.customers.index .logoArea.active .li:nth-child(6) {
	transition-delay: .5s;
}

.customers.index .logoArea.active .li:nth-child(7) {
	transition-delay: .6s;
}

.customers.index .logoArea.active .li:nth-child(8) {
	transition-delay: .7s;
}

.customers.index .logoArea.active .li:nth-child(9) {
	transition-delay: .8s;
}

.customers.index .logoArea.active .li:nth-child(10) {
	transition-delay: .9s;
}

.customers.index .logoArea.active .li:nth-child(11) {
	transition-delay: 1s;
}

.customers.index .logoArea.active .li:nth-child(12) {
	transition-delay: 1.1s;
}

.customers.index .logoArea.active .li:nth-child(13) {
	transition-delay: 1.2s;
}

.customers.index .logoArea.active .li:nth-child(14) {
	transition-delay: 1.3s;
}

.customers.index .logoArea.active .li:nth-child(15) {
	transition-delay: 1.4s;
}

.customers.index .logoArea.active .li:nth-child(16) {
	transition-delay: 1.5s;
}

.customers.index .logoArea.active .li:nth-child(17) {
	transition-delay: 1.6s;
}

.customers.index .logoArea.active .li:nth-child(18) {
	transition-delay: 1.7s;
}

.customers.index .logoArea.active .li:nth-child(19) {
	transition-delay: 1.8s;
}

.customers.index .logoArea.active .li:nth-child(20) {
	transition-delay: 1.9s;
}

.customers.index .logoArea.active .li:nth-child(21) {
	transition-delay: 2s;
}

.customers.index .logoArea.active .li:nth-child(22) {
	transition-delay: 2.1s;
}

.customers.index .logoArea.active .li:nth-child(23) {
	transition-delay: 2.2s;
}

.customers.index .logoArea.active .li:nth-child(24) {
	transition-delay: 2.3s;
}

#SearchCustomPage li a {
	cursor: pointer;
}


/* ---------------------动画库 ---------------------*/

/* 上下浮动 */
@keyframes floatUD {

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

	25% {
		transform: translateY(-0.08rem);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(0.08rem);
	}
}

@keyframes floatUD2 {

	0%,
	50%,
	100% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-0.03rem);
	}

	75% {
		transform: translateY(0.03rem);
	}
}

@keyframes floatUD3 {

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

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

.embed-icon {
	display: none;
}

.dwn-container {
	padding-top: 0.2rem;
	display: flex;
}

.dwn {
	border: 0.01rem solid #888888;
	border-radius: 0.4rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-top: 0.07rem;
	padding-bottom: 0.07rem;
	font-size: 1vw;
	margin-bottom: 0.08rem;
	color: white;
	margin-right: 0.2rem;
}

.dwn:hover {
	color: orange;
	cursor: pointer;
	border: 0.01rem solid orange;
}


/* 图片列表页 */
.c1_pro_ui {
	width: 100%;
	margin-bottom: 0.6rem;
}

.c1_pro_ui ul {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
}

.c1_pro_ui ul li {
	width: 31.66%;
	float: left;
	margin-right: 2.5%;
	background: #F9F9F9;
	border: 1px solid #EEEEEE;
	border-radius: 0rem 0rem 0.3rem 0rem;
	overflow: hidden;
	border-top: 0.02rem solid rgba(0, 19, 76, 1);
	margin-top: 0.4rem;
}

.c1_pro_ui ul li:nth-child(1),
.c1_pro_ui ul li:nth-child(2),
.c1_pro_ui ul li:nth-child(3) {
	margin-top: 0;
}

.c1_pro_ui ul li:nth-child(3n) {
	margin-right: 0;
}

.c1_pro_ui ul li a {
	display: inline-block;
	width: 100%;
	padding: 0.22rem 0.2rem;
}

.c1_pro_ui ul li .img {
	width: 100%;
	overflow: hidden;
}

.c1_pro_ui ul li .img img {
	width: 100%;
	transition: .3s;
}

.c1_pro_ui ul li .text {
	width: 100%;
	padding: 0.34rem 0 0.1rem 0;
}

.c1_pro_ui ul li .text h3 {
	font-size: 0.24rem;
	color: #333333;
	line-height: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.1rem;
	transition: all .3s;
}

.c1_pro_ui ul li .text p {
	font-size: 0.18rem;
	color: #666666;
	line-height: 0.26rem;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.1rem;
	height: 0.52rem;
}

.c1_pro_ui ul li .text .more {
	display: flex;
	width: 100%;
	align-items: center;
	font-size: 0.18rem;
	color: #00134C;
	line-height: 0.3rem;
}

.c1_pro_ui ul li .text .more img {
	margin-left: 0.1rem;
}

.c1_pro_ui ul li .text h3 {
	font-size: 0.22rem;
}

.c1_pro_ui ul li .text .more {
	font-size: 0.16rem;
}

.c1_pro_ui ul li .text p {
	font-size: 0.16rem;
}

.c1_pro_ui ul li:hover {
	box-shadow: 0rem 0.1rem 0.2rem rgba(190, 190, 190, .7);
}

.c1_pro_ui ul li:hover .img img {
	transform: scale(1.2);
}

.c1_pro_ui ul li:hover .text h3 {
	color: #00134C;
	font-weight: bold;
}

.c1_bir_bott {
	width: 100%;
	border-radius: 0.3rem 0rem 0.3rem 0rem;
	margin-top: 0.6rem;
	overflow: hidden;
	padding: 0.6rem 1rem 0.65rem 1rem;
}

.c1_bir_bott .c1_bir_lsft {
	width: calc(100% - 2.6rem);
	float: left;
	padding-right: 0.8rem;
	border-right: 1px solid rgba(255, 255, 255, .2);
}

.c1_bir_bott .c1_bir_lsft h3 {
	font-size: 0.26rem;
	color: #FFFFFF;
	line-height: 0.3rem;
	position: relative;
	padding-bottom: 0.24rem;
	margin-bottom: 0.28rem;
}

.c1_bir_bott .c1_bir_lsft h3::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 0.35rem;
	height: 2px;
	background: #FFFFFF;
}

.c1_bir_bott .c1_bir_lsft p {
	font-size: 0.17rem;
	color: #FFFFFF;
	line-height: 0.36rem;
}

.c1_bir_bott .c1_bir_right {
	width: 2.6rem;
	float: left;
	padding-left: 0.85rem;
}

.c1_bir_bott .c1_bir_right h3 {
	font-size: 0.18rem;
	color: #fff;
	line-height: 0.32rem;
}

.c1_bir_bott .c1_bir_right h4 {
	font-size: 0.24rem;
	color: #fff;
	line-height: 0.36rem;
}

.c1_bir_bott .c1_bir_right .c1_zxzx {
	width: 100%;
	margin-top: 0.34rem;
}

.c1_bir_bott .c1_bir_right .c1_zxzx a {
	width: 1.75rem;
	height: 0.5rem;
	background: #FFFFFF;
	border-radius: 0.25rem;
	font-size: 0.18rem;
	color: #00134C;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s;
}

@media screen and (max-width:1200px) {
	.c1_pro_ui ul li:hover .img img {
		transform: scale(1.1);
	}

	.c1_pro_ui ul li:hover .text h3 {
		color: #00134C;
		font-weight: bold;
	}

	.c1_bir_bott .c1_bir_right .c1_zxzx a:hover {
		background: #00134C;
		color: #fff;
	}

	.c1_bir_bott {
		padding: 0.6rem 0.7rem 0.6rem 0.7rem;
	}
}

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

	.c1_pro_ui ul li a {
		padding: 0.12rem;
	}

	.c1_pro_ui {
		margin-bottom: 0.5rem;
	}

	.c1_bir_bott {
		margin-top: 0.5rem;
	}

	.c1_bir_bott .c1_bir_right h4 {
		font-size: 0.2rem;
	}

	.c1_bir_bott .c1_bir_right .c1_zxzx {
		margin-top: 0.3rem;
	}

	.c1_bir_bott {
		padding: 0.4rem;
	}

	.c1_bir_bott .c1_bir_lsft {
		padding-right: 0.3rem;
	}

	.c1_bir_bott .c1_bir_right {
		padding-left: 0.3rem;
	}

	.c1_bir_bott .c1_bir_right {
		width: 2.06rem;
	}

	.c1_bir_bott .c1_bir_lsft {
		width: calc(100% - 2.06rem);
	}
}

@media screen and (max-width:768px) {
	.c1_pro_ui ul li {
		width: 49%;
		margin-right: 2%;
		margin-top: 0.1rem !important;
	}

	.c1_pro_ui ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.c1_pro_ui ul li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.c1_pro_ui ul li .text h3 {
		font-size: 0.2rem;
		line-height: 0.24rem;
	}

	.c1_pro_ui ul li .text {
		padding-top: 0.1rem;
	}

	.c1_pro_ui {
		margin-bottom: 0.3rem;
	}
}

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

	.pages ul li.pages_prev a,
	.pages ul li.pages_next a {
		margin: 0 0.08rem;
	}

	.c1_bir_bott .c1_bir_lsft {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		padding-bottom: 0.2rem;
		margin-bottom: 0.2rem;
	}

	.c1_bir_bott {
		padding: 0.4rem 0.2rem;
	}

	.c1_bir_bott .c1_bir_lsft {
		padding-right: 0;
	}

	.c1_bir_bott .c1_bir_lsft h3 {
		font-size: 0.22rem;
		line-height: 0.24rem;
		padding-bottom: 0.2rem;
		margin-bottom: 0.2rem;
	}

	.c1_bir_bott .c1_bir_lsft p {
		font-size: 0.18rem;
		line-height: 0.22rem;
	}

	.c1_bir_bott .c1_bir_right {
		width: 100%;
		padding-left: 0;
	}

	.c1_bir_bott .c1_bir_right h4 {
		font-size: 0.18rem;
	}

	.c1_bir_bott .c1_bir_right h3 {
		font-size: 0.22rem;
		margin-bottom: 0;
	}

	.c1_bir_bott .c1_bir_right .c1_zxzx a {
		font-size: 0.14rem;
	}

	.c1_bir_bott .c1_bir_right .c1_zxzx a {
		width: 1.3rem;
		height: 0.38rem;
	}
}

@media screen and (max-width:500px) {
	.c1_pro_ui ul {
		justify-content: center;
	}

	.c1_pro_ui ul li {
		width: 95%;
		margin-right: 0 !important;
		margin-bottom: .25rem;
	}

	.c1_pro_ui ul li .text h3 {
		font-size: 0.32rem;
		line-height: 1.6;
	}

	.c1_pro_ui ul li .text p {
		font-size: .24rem;
		line-height: 1.6;
		height: auto;
	}

	.c1_pro_ui ul li .text .more {
		font-size: .26rem;
	}
}

/* 图片列表页 4y30 */
.case-partner {
	padding-top: 0.35rem;
	background: #F4F8FC;
	position: relative;
}

.case-partner .title {
	font-family: PingFang;
	font-weight: 600;
	font-size: 0.36rem;
	color: #333333;
	line-height: 0.5rem;
	letter-spacing: 0.01rem;
	text-align: center;
}

.case-partner .ftitle {
	padding-top: 0.18rem;
	font-family: PingFang;
	font-weight: 400;
	font-size: 0.18rem;
	color: #656B83;
	line-height: 0.24rem;
	text-align: center;
}

.case-partner .list-type {
	border-bottom: 0.01rem solid #ECECEC;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	margin-top: 0.1rem;
	/* padding:0.36rem 0.4rem 0rem 0.4rem; */
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	overflow-x: auto;
	text-wrap: nowrap;
}

.case-partner .list-type::-webkit-scrollbar {
	display: none;
}

.case-partner .list-type div {
	display: inline-block;
	margin-right: .5rem;
	padding-bottom: 0.12rem;
	/* width:20%; */
	/* font-family: PingFang; */
	font-weight: 400;
	font-size: 0.24rem;
	color: #939AB6;
	line-height: 1.6;
	text-align: center;
	cursor: pointer;

}

.case-partner .list-type div:last-of-type {
	margin: 0;
}

.case-partner .list-type div::after {
	content: "";
	display: inline-block;
	opacity: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0%;
	height: 0.02rem;
	margin-left: -15.0.05rem;
	transition: all 0.3s ease;
	background-color: #2956FF;
}

.case-partner .list-type div:hover {
	color: #2956FF;
}

.case-partner .list-type .active {
	font-weight: bold;
	font-size: 0.26rem;
	color: #2648EF;
	/* line-height: 0.28rem; */
	text-align: center;
	position: relative;
}

.case-partner .list-type .active::after {
	opacity: 1;
	width: 0.36rem;
	height: 0.04rem;
	border-radius: 0.02rem;
}


.case-partner .list {
	display: none;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	transition: all .3s ease;
}


.case-partner .list.active {
	display: flex;
}

.case-partner .list-slide {
	display: inline-block;
	margin-right: 0.2rem;
	margin-bottom: 0.26rem;
	width: 2.8rem;
	height: 3.86rem;
	border-radius: 0.08rem;
	padding: 0.24rem 0.24rem 0 0.22rem;
}

.case-partner .list-slide:hover {
	scale: 1.02;
}

.case-partner .list-slide:nth-child(4n) {
	margin-right: 0;
}

.case-partner .list-slide>p {
	margin-bottom: 2.29rem;
	display: flex;
	align-items: center;
	/* font-family: PingFang; */
	font-weight: bold;
	font-size: 0.18rem;
	color: #FFFFFF;
	line-height: 0.25rem;
}

.case-partner .list-slide>p span {
	margin-right: 0.12rem;
	display: inline-block;
	width: 0.08rem;
	height: 0.08rem;
	background: #FFFFFF;
	border-radius: 50%;
}

.case-partner .list-slide>div p:first-of-type {
	/* font-family: PingFang; */
	font-weight: bold;
	font-size: 0.18rem;
	color: #FFFFFF;
	line-height: 0.25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case-partner .list-slide>div p:last-of-type {
	margin-top: 0.17rem;
	/* font-family: PingFang; */
	font-weight: 400;
	font-size: 0.14rem;
	color: rgba(255, 255, 255, 0.8);
	line-height: 0.24rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case-partner .case-button a {
	display: block;
	width: 1.1rem;
	height: 0.4rem;
	margin: 0 auto;
	margin-top: 0.22rem;
	border-radius: 0.2rem;
	border: 1px solid #A7B9FF;
	font-family: PingFang;
	font-weight: bold;
	font-size: 0.15rem;
	color: #2956FF;
	line-height: 0.4rem;
	letter-spacing: 1px;
	text-align: center;
}

.layui-laypage {
	margin-top: 0.31rem !important;
}

.layui-laypage a {
	margin-right: 0.12rem !important;
	width: 0.42rem;
	height: 0.42rem !important;
	padding: 0 !important;
	background: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	line-height: 0.42rem !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	border-radius: 50%;
	background-color: #222222 !important;
}

.layui-laypage>a:first-child,
.layui-laypage>a:first-child em,
.layui-laypage>a:last-child,
.layui-laypage>a:last-child em {
	width: auto !important;
	padding: 0 0.15rem !important;
	border-radius: 0.2rem !important;
}

.layui-laypage-spr {
	margin-right: 0.12rem !important;
	border-radius: 0.2rem !important;
}

.layui-laypage .layui-laypage-curr {
	margin-right: 0.12rem !important;
	width: 0.42rem;
	height: 0.42rem;
	background: #222222;
	border-radius: 50%;
	padding: 0;
	line-height: 0.42rem;
}

@media screen and (max-width:768px) {
	.index-solution .srow {
		display: none;
	}

	.case-partner {
		padding-top: 0;
		/* height:7.98rem; */
		position: relative;
	}

	.case-partner .title {
		font-family: PingFang;
		font-weight: 600;
		font-size: 0.36rem;
		color: #333333;
		line-height: 0.5rem;
		letter-spacing: 0.01rem;
		text-align: center;
	}

	.case-partner .ftitle {
		padding-top: 0.18rem;
		font-family: PingFang;
		font-weight: 400;
		font-size: 0.18rem;
		color: #656B83;
		line-height: 0.24rem;
		text-align: center;
	}

	.case-partner .list-type {
		border-bottom: 0.01rem solid #ECECEC;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0.5rem;
		margin-top: 0.6rem;
		/* padding:0.36rem 0.4rem 0rem 0.4rem; */
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: center; */
		overflow-x: auto;
		text-wrap: nowrap;
	}

	.case-partner .list-type div {
		display: inline-block;
		margin-right: .35rem;
		padding-bottom: 0.12rem;
		/* width:20%; */
		/* font-family: PingFang; */
		font-weight: 400;
		font-size: 0.32rem;
		color: #939AB6;
		line-height: 1.6;
		text-align: center;
		cursor: pointer;

	}

	.case-partner .list-type div:last-of-type {
		margin: 0;
	}

	.case-partner .list-type div::after {
		content: "";
		display: inline-block;
		opacity: 0;
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 0%;
		height: 0.02rem;
		margin-left: -15.0.05rem;
		transition: all 0.3s ease;
		background-color: #2956FF;
	}

	.case-partner .list-type div:hover {
		color: #2956FF;
	}

	.case-partner .list-type .active {
		font-weight: bold;
		font-size: 0.34rem;
		color: #2648EF;
		line-height: 1.6;
		text-align: center;
		position: relative;
	}

	.case-partner .list-type .active::after {
		opacity: 1;
		width: 0.31rem;
		height: 0.04rem;
		border-radius: 0.02rem;
	}


	.case-partner .list {
		width: 100%;
		margin: 0 auto;
		transition: all .3s ease;
	}

	.case-partner .list-slide {
		display: inline-block;
		margin-right: 0.2rem;
		margin-bottom: 0.26rem;
		width: 2.8rem;
		height: 3.86rem;
		border-radius: 0.08rem;
		padding: 0.24rem 0.24rem 0 0.22rem;
	}

	.case-partner .list-slide:hover {
		scale: 1.02;
	}

	.case-partner .list-slide:nth-child(4n) {
		margin-right: 0;
	}

	.case-partner .list-slide>p {
		margin-bottom: 2.29rem;
		display: flex;
		align-items: center;
		/* font-family: PingFang; */
		font-weight: bold;
		font-size: 0.18rem;
		color: #FFFFFF;
		line-height: 0.25rem;
	}

	.case-partner .list-slide>p span {
		margin-right: 0.12rem;
		display: inline-block;
		width: 0.08rem;
		height: 0.08rem;
		background: #FFFFFF;
		border-radius: 50%;
	}

	.case-partner .list-slide>div p:first-of-type {
		/* font-family: PingFang; */
		font-weight: bold;
		font-size: 0.18rem;
		color: #FFFFFF;
		line-height: 0.25rem;
	}

	.case-partner .list-slide>div p:last-of-type {
		margin-top: 0.17rem;
		/* font-family: PingFang; */
		font-weight: 400;
		font-size: 0.14rem;
		color: rgba(255, 255, 255, 0.8);
		line-height: 0.24rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.case-partner .case-button a {
		display: block;
		width: 1.1rem;
		height: 0.4rem;
		margin: 0 auto;
		margin-top: 0.22rem;
		border-radius: 0.2rem;
		border: 1px solid #A7B9FF;
		font-family: PingFang;
		font-weight: bold;
		font-size: 0.15rem;
		color: #2956FF;
		line-height: 0.4rem;
		letter-spacing: 1px;
		text-align: center;
	}
}

@media screen and (max-width:750px) {
	.case-partner .list-slide {
		width: 3rem;
	}

	.case-partner .list a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
	}
}



@media screen and (max-width: 500px) {
	.case-partner .list {
		flex-direction: column;
	}

	.case-partner .list-slide {
		width: 100%;
		height: 6.5rem;
	}

	.case-partner .list-slide>div p:first-of-type {
		font-size: .36rem;
		line-height: 1.6;
	}

	.case-partner .list-slide>div p:last-of-type {
		font-size: 0.32rem;
		line-height: 1.6;
	}

	.case-partner .list-slide>p {
		font-size: 0.38rem;
		line-height: 1.6;
		margin-bottom: 3.5rem;
	}
}

.indexAllNews {
	overflow: hidden;
}

/* 图片列表页4y30 END */


.container-solution {
	max-width: 14.25rem;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.solution_item a {
	border-radius: .2rem;
	overflow: hidden;
}

.solution_item a:hover {
	box-shadow: 0rem 0.1rem 0.2rem rgba(190, 190, 190, .7);
}


.part4-box .content {
	padding: .5rem .25rem .3rem;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #FFFFFF;
	background: linear-gradient(0, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%);
}

.part4-box .learn-more {
	opacity: 0;
	transition: all .2s ease-in-out;
}

.part4-box:hover img {
	transition: .3s;
	transform: scale(1.2);
}

.part4-box:hover .learn-more {
	opacity: 1;
}

.solution .title {
	margin-bottom: 0.54rem;
	font-family: PingFang;
	font-weight: 600;
	font-size: 0.36rem;
	color: #333333;
	line-height: 0.5rem;
	letter-spacing: 0.01rem;
	text-align: center;
}

.solutionList img {
	width: 100%;
}

.solution_title {
	font-size: .25rem;
	margin-bottom: .1rem;
	font-weight: 600;
}

.solution_content {
	font-size: .2rem;
}

.solution_more {
	font-size: .22rem;
}


@media (max-width:1279.98px) {
	.part4-box .learn-more {
		opacity: 1;
	}

	.container-solution {
		padding: 0 15px;
	}
}

@media screen and (max-width:1024px) {
	.part4-box .content {
		padding: 0 .25rem;
		bottom: 50%;
		transform: translateY(50%);
		background: unset;
	}

	.part4-box .content .align-items-end {
		flex-direction: column;
		text-align: center;
		justify-content: center !important;
		align-items: center !important;
	}

	.solution_title {
		font-size: .64rem;
	}

	.solution_content {
		font-size: .32rem;
	}

	.solution_item a {
		position: relative;
	}

	.part4-box .learn-more {
		position: absolute;
		font-size: .26rem;
		bottom: -.8rem;
	}
}

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

	.solution_title {
		font-size: .54rem;
	}

	.solution_content {
		font-size: .28rem;
		white-space: nowrap;
	}

	.part4-box .learn-more {
		font-size: .22rem;
		bottom: -.45rem;
	}
}

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

	.solution_title {
		font-size: .56rem;
	}

	.solution_content {
		font-size: .28rem;
	}

	.part4-box .learn-more {
		font-size: .24rem;
		bottom: -.65rem;
	}
}

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

	.solution_title {
		font-size: .48rem;
	}

	.solution_content {
		font-size: .26rem;
	}

	.part4-box .learn-more {
		font-size: .22rem;
		bottom: -.55rem;
	}
}

/* 内容页 */
.tag {
	border-radius: 0.1rem;
	margin-right: 0.1rem;
	font-size: .18rem;
	padding: .05rem .1rem;
}

.content_date {
	font-size: .19rem;
	font-weight: 600;
}

article p {
	color: #444444;
	line-height: 175%;
	margin-bottom: .1rem;
	font-size: .18rem;
}

article img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

article video {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	width: 100%;
}

article p img:only-child {
	border-radius: 10px;
	margin: .35rem 0;
}

article~hr {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.text-prev:hover,
.text-next:hover {
	font-weight: 700;
	text-decoration: underline !important;
}

.text-prev,
.text-next {
	line-height: 1.6;
	font-size: .2rem;
}

.content_page h1 {
	font-size: .38rem;
}


@media (max-width:1024px) {
	.content_mt {
		margin-top: 1rem;
	}
}

@media (max-width:576px) {

	main,
	.font-size-small,
	.font-size-tiny {
		font-size: 14px;
	}

	article p {
		font-size: 16px;
	}
}

/* 新列表页 */
.listBody .main {
	display: flex
}

.listBody .main .left {
	width: 2rem;
	margin-right: .6rem
}

.listBody .main .left dl {
	position: relative;
	border-left: .03rem solid #3065bc
}

.listBody .main .left dl dt {
	width: 100%;
	height: .7rem;
	line-height: .7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ce703d
}

.listBody .main .left dl dt span {
	font-size: .2rem;
	margin-right: .1rem;
	color: #fff
}

.listBody .main .left dl dt img {
	width: .2rem;
	height: .2rem;
	position: relative
}

.listBody .main .left dl dd {
	position: relative
}

.listBody .main .left dl dd a {
	width: 1.97rem;
	height: .66rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: .2rem;
	padding-right: .2rem;
	font-size: .18rem;
	color: #555;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	transition: .3s
}

.listBody .main .left dl dd a i {
	border-color: #ccc;
	transition: .3s
}

.listBody .main .left dl dd .cur,
.listBody .main .left dl dd a:hover {
	border-right-color: #fff;
	color: #3065bc;
	background: linear-gradient(to right, #fff7f2, #fff);
	transition: .3s
}

.listBody .main .left dl dd .cur i,
.listBody .main .left dl dd a:hover i {
	border-color: #3065bc;
	transition: .3s
}

.listBody .main .left dl dd .cur span,
.listBody .main .left dl dd a:hover span {
	font-weight: 700
}

.listBody .main .right {
	flex: 1;
	overflow: hidden
}

.listBody .main .right dl {
	margin-bottom: .5rem
}

.listBody .main .right dl dt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e0e0e0
}

.listBody .main .right dl dt h3 {
	border-bottom: 2px solid #3065bc;
	font-size: .42rem;
}

.listBody .main .right dl dt h3 img {
	width: .32rem;
	height: .32rem;
	margin-right: .05rem
}

.listBody .main .right dl dt h3 span {
	font-size: .28rem;
	line-height: .32rem;
	position: relative;
}

.listBody .main .right dl dt a {
	display: flex;
	align-items: center;
	font-size: .16rem;
	color: #999;
	line-height: .32rem
}

.listBody .main .right dl dt a i {
	color: #999;
	margin-left: .05rem;
	position: relative;
	bottom: 1px
}

.listBody .main .right dl .words {
	padding-top: .2rem
}

.listBody .main .right dl .words li {
	margin-bottom: .2rem
}

.listBody .main .right dl .words li:last-child {
	margin-bottom: 0
}

.listBody .main .right dl .words a {
	display: flex;
	align-items: center;
	padding: .2rem .6rem .2rem .2rem;
	color: #333;
	border: 1px solid #f0f0f0;
	border-radius: .05rem;
	background-color: #fff;
	transition: .3s;
	position: relative
}

.listBody .main .right dl .words a .l {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.2rem;
	height: .36rem;
	border-radius: .05rem;
	background-color: #f0f0f0;
	margin-right: .5rem;
	transition: .3s
}

.listBody .main .right dl .words a .l strong {
	font-size: .2rem;
	color: #333;
	font-weight: 400;
	transition: .3s
}

.listBody .main .right dl .words a .l span {
	color: #999;
	font-size: .14rem;
	transition: .3s
}

.listBody .main .right dl .words a .l span::before {
	content: '/';
	margin: 0 .05rem;
	font-size: .2rem;
	color: #999;
	transition: .3s
}

.listBody .main .right dl .words a .r {
	display: block;
	flex: 1;
	transition: .3s;
	width: 100%;
	overflow: hidden
}

.listBody .main .right dl .words a .r h3 {
	color: #333;
	font-size: .2rem;
	line-height: .36rem;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .3s;
	margin-bottom: 0;
}

.listBody .main .right dl .words a .img {
	position: absolute;
	top: 50%;
	right: .3rem;
	transform: translateY(-50%);
	width: .24rem;
	height: .24rem
}

.listBody .main .right dl .words a .img img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s
}

.listBody .main .right dl .words a .img .icon1 {
	opacity: 1
}

.listBody .main .right dl .words a .img .icon2 {
	opacity: 0
}

.listBody .main .right dl .words a:hover {
	background-color: #fffdfc;
	border-color: #3065bc;
	transition: .3s;
	padding-left: .3rem
}

.listBody .main .right dl .words a:hover .l {
	background-color: #3065bc
}

.listBody .main .right dl .words a:hover .l strong {
	color: #fff
}

.listBody .main .right dl .words a:hover .l span {
	color: #fff;
}

.listBody .main .right dl .words a:hover .l span::before {
	color: #ccc
}

.listBody .main .right dl .words a:hover .r h3 {
	color: #3065bc
}

.listBody .main .right dl .words a:hover .img .icon1 {
	opacity: 0
}

.listBody .main .right dl .words a:hover .img .icon2 {
	opacity: 1
}

.listBody .main .right dl .pics {
	padding-top: .2rem
}

.listBody .main .right dl .pics a {
	display: flex;
	padding: .2rem .1rem;
	color: #333;
	border: 1px solid transparent;
	border-bottom: 1px solid #e8e8e8;
	background-color: #fff;
	transition: .3s
}

.listBody .main .right dl .pics a .l {
	width: 2.4rem;
	height: 1.5rem;
	border-radius: .05rem;
	overflow: hidden
}

.listBody .main .right dl .pics a .l img {
	width: 100%;
	height: 100%;
	display: block;
	transition: .4s
}

.listBody .main .right dl .pics a .line {
	margin: 0 .1rem
}

.listBody .main .right dl .pics a .r {
	display: block;
	flex: 1;
	transition: .3s
}

.listBody .main .right dl .pics a .r h3 {
	width: 98%;
	color: #333;
	font-size: .2rem;
	height: .22rem;
	line-height: .2rem;
	margin-bottom: .1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.listBody .main .right dl .pics a .r p {
	width: 98%;
	font-size: .14rem;
	line-height: .2rem;
	color: #666;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.listBody .main .right dl .pics a .r .date {
	font-size: .14rem;
	line-height: .2rem;
	color: #3065bc;
	margin-top: .3rem
}

.listBody .main .right dl .pics a:hover {
	background-color: #fffdfc;
	border-color: #3065bc;
	transition: .3s
}

.listBody .main .right dl .pics a:hover .l span,
.listBody .main .right dl .pics a:hover .l strong {
	color: #3065bc;
	transition: .3s
}

.listBody .main .right dl .pics a:hover .l img {
	transform: scale(1.1)
}

.listBody .main .right dl .pics a:hover .r h3 {
	color: #3065bc;
	transition: .3s
}

.listBody .main .right dl .pics .nobor {
	border-bottom-color: transparent
}

.listBody .main .right dl .cam {
	padding-top: .4rem;
	display: flex;
	flex-wrap: wrap
}

.listBody .main .right dl .cam li {
	width: 3.6rem;
	margin-right: .3rem;
	margin-top: .5rem
}

.listBody .main .right dl .cam li:nth-child(3n) {
	margin-right: 0
}

.listBody .main .right dl .cam li:nth-child(1),
.listBody .main .right dl .cam li:nth-child(2),
.listBody .main .right dl .cam li:nth-child(3) {
	margin-top: 0
}

.listBody .main .right dl .cam a {
	display: block;
	color: #333;
	background-color: #fff
}

.listBody .main .right dl .cam a .img {
	width: 100%;
	height: 2.2rem;
	position: relative;
	border-radius: .05rem;
	overflow: hidden
}

.listBody .main .right dl .cam a .img img {
	display: block;
	width: 100%;
	height: 100%;
	transition: .4s
}

.listBody .main .right dl .cam a .img .play-icon {
	opacity: .7;
	width: .36rem;
	height: .4rem;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .4s
}

.listBody .main .right dl .cam a h3 {
	width: 100%;
	color: #333;
	font-size: .18rem;
	height: .18rem;
	line-height: .18rem;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: .15rem;
	transition: .3s
}

.listBody .main .right dl .cam a p {
	margin-top: .1rem;
	font-size: .14rem;
	line-height: .17rem;
	color: #999;
	margin-bottom: .3rem
}

.listBody .main .right dl .cam a i {
	display: block;
	width: .4rem;
	border-bottom: 1px solid #3065bc;
	transition: .3s
}

.listBody .main .right dl .cam a:hover .img img:nth-child(1) {
	transform: scale(1.1)
}

.listBody .main .right dl .cam a:hover .img img:nth-child(2) {
	opacity: 1
}

.listBody .main .right dl .cam a:hover h3 {
	color: #3065bc;
	transition: .3s
}

.listBody .main .right dl .cam a:hover i {
	width: 100%;
	transition: .3s
}

.listBody .main .right dl .newspaper {
	padding-top: .2rem;
	display: flex;
	flex-wrap: wrap
}

.listBody .main .right dl .newspaper li {
	width: 2.04rem;
	margin-right: .3rem;
	margin-top: .3rem
}

.listBody .main .right dl .newspaper li:nth-child(5n) {
	margin-right: 0
}

.listBody .main .right dl .newspaper li:nth-child(1),
.listBody .main .right dl .newspaper li:nth-child(2),
.listBody .main .right dl .newspaper li:nth-child(3),
.listBody .main .right dl .newspaper li:nth-child(4),
.listBody .main .right dl .newspaper li:nth-child(5) {
	margin-top: 0
}

.listBody .main .right dl .newspaper a {
	display: block;
	color: #333;
	background-color: #fff
}

.listBody .main .right dl .newspaper a .img {
	width: 100%;
	height: 2.9rem;
	background-color: #e8a14d;
	position: relative
}

.listBody .main .right dl .newspaper a .img img {
	width: 100%;
	height: 2.9rem;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s
}

.listBody .main .right dl .newspaper a h3 {
	width: 100%;
	color: #555;
	font-size: .16rem;
	height: .43rem;
	line-height: .43rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: .1rem;
	margin-bottom: .3rem;
	transition: .3s
}

.listBody .main .right dl .newspaper a:hover h3 {
	color: #3065bc;
	transition: .3s
}

.listBody .main .right dl .newspaper a:hover .img img {
	left: .05rem;
	bottom: .05rem;
	transition: .3s
}

/*page*/
.pagediv {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666;
	font-size: 16px;
	text-align: center;
}

.pagediv a {
	color: #666;
}

.pagediv .pagination_index_last * {
	vertical-align: middle\9;
}

.pagediv .arrow {
	margin: 0 2px;
}

.pagediv .arrow a,
.pagediv .index_num {
	display: inline-block;
	padding: 0 10px;
	line-height: 35px;
	border: #b5b5b5 1px solid;
	border-radius: 5px;
}

.pagediv .index_num {
	border: #b5b5b5 1px solid;
	background: #fdfdfd;
	box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2) inset;
}

.pagediv .arrow a:hover {
	background: #fff;
	text-decoration: none;
}

.pagination_index_last {
	padding-left: 10px;
}

.pagination_index_last a {
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	border: #b5b5b5 1px solid;
	border-radius: 4px;
}

#pagination_input {
	width: 40px;
	margin: -4px 8px 0 2px;
	height: 28px;
	border: #b5b5b5 1px solid;
	background: #fff;
	border-radius: 4px;
	text-align: center;
}

.u-arrow {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a
}

.u-arrow-up {
	transform: rotate(-45deg)
}

.u-arrow-down {
	transform: rotate(135deg)
}

.u-arrow-left {
	transform: rotate(-135deg)
}

.u-arrow-right {
	transform: rotate(45deg)
}

.listBody .main .left dl dd a i {
	border-color: #ccc;
	transition: .3s
}

.listBody .main .left dl dd .cur i,
.listBody .main .left dl dd a:hover i {
	border-color: #3065bc;
	transition: .3s
}

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

	.listBody .main {
		padding: 0
	}

	.listBody .main .left {
		display: none
	}

	.listBody .main .right dl {
		margin-bottom: .32rem
	}

	.listBody .main .right dl dt {
		align-items: flex-start
	}

	.listBody .main .right dl dt h3 {
		padding-bottom: .3rem
	}

	.listBody .main .right dl dt h3 img {
		width: .48rem;
		height: .48rem
	}

	.listBody .main .right dl dt h3 span {
		font-size: .4rem
	}

	.listBody .main .right dl dt a {
		padding-top: .08rem;
		font-size: .26rem
	}

	.listBody .main .right dl dt a i {
		bottom: 1px;
		margin-right: .04rem
	}

	.listBody .main .right dl .words a {
		display: flex;
		flex-direction: column;
		align-items: unset;
		height: auto;
		color: #333;
		border-bottom: 1px solid #e8e8e8;
		margin-top: 0;
		padding-bottom: .32rem;
		transition: .3s
	}

	.listBody .main .right dl .words {
		padding-top: 0;
	}

	.listBody .main .right dl .words a .l {
		display: block;
		width: 2rem;
		height: .48rem;
		font-size: .26rem;
		line-height: .48rem;
		text-align: center;
		margin-right: 0;
		margin-bottom: .16rem;
		color: #666;
		background-color: #f0f0f0;
		font-style: normal;
		transition: .3s
	}

	.listBody .main .right dl .words a .l span,
	.listBody .main .right dl .words a .l strong {
		font-size: .26rem
	}

	.listBody .main .right dl .words a .r h3 {
		display: block;
		max-width: 100%;
		flex: 1;
		font-size: .32rem;
		line-height: .46rem;
		white-space: unset;
		text-overflow: unset;
		transition: .3s;
		word-break: break-all;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}

	.listBody .main .right dl .words a:hover {
		border-bottom: 1px solid #3065bc;
		transition: .3s
	}

	.listBody .main .right dl .words a:hover i {
		color: #fff;
		background-color: #3065bc;
		transition: .3s
	}

	.listBody .main .right dl .words a:hover span {
		color: #3065bc;
		transition: .3s
	}

	.listBody .main .right dl .cam li {
		width: 100%;
		margin-right: 0;
		padding-bottom: .4rem
	}

	.listBody .main .right dl .cam a h3 {
		font-size: .28rem;
		line-height: 1.5;
		word-break: break-all;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: auto;
		white-space: unset
	}

	.listBody .main .right dl .cam a p {
		font-size: .24rem;
		line-height: 1.5;
		margin: .1rem 0
	}

	.listBody .main .right dl .cam a .img {
		width: 100%;
		height: 4.5rem;
		position: relative;
		border-radius: .05rem;
		overflow: hidden
	}
}

/* 关于我们 */
.company .briefly {
	display: flex;
	margin-top: .2rem;
}

.company .briefly .left {
	margin-right: .5rem;
}

.company .briefly .left img {
	display: block;
	width: 4rem;
	height: 3.2rem;
	border: 1px solid #eee;
}

.company .briefly .right {
	flex: 1;
}

.company .briefly .right p {
	font-size: .18rem;
	line-height: .4rem;
}

.company .briefly .right .bottom {
	margin-bottom: .3rem;
}

.company .credentials {
	margin: .5rem 0;
	text-align: center;
}

.company .credentials h3 {
	margin-bottom: .1rem;
	color: #333;
	font-size: .36rem;
	line-height: .52rem;
}

.company .credentials p {
	color: #666;
	font-size: .16rem;
	line-height: .23rem;
}

.company .credentials .box {
	display: flex;
	margin: 0 auto 0;
	width: 8rem;
	justify-content: space-between;
}

.company .credentials .box .item .img {
	margin: 0 auto;
	width: .9rem;
	height: .9rem;
}

.company .credentials .box .item .img img {
	width: 100%;
	height: 100%;
	display: block;
}

.company .credentials .box .item p {
	margin-top: .2rem;
	color: #333;
	font-size: .16rem;
	line-height: .23rem;
}

.company .indexCooperate {
	margin: .6rem auto .8rem;
}

.company .indexCooperate .title {
	margin-bottom: .4rem;
	text-align: center;
}

.company .indexCooperate .title h3 {
	color: #333;
	font-size: .36rem;
	line-height: .52rem;
}

.company .indexCooperate .title p {
	margin-top: .1rem;
	color: #666;
	font-size: .16rem;
	line-height: .23rem;
}

.company .indexCooperate .listBox {
	position: relative;
	margin: 0 auto;
	width: 12.5rem;
}

.company .indexCooperate .listBox .swiper-button-next,
.company .indexCooperate .listBox .swiper-button-prev {
	color: #aaa;
}

.company .indexCooperate .listBox .swiper-button-next {
	right: -1rem;
}

.company .indexCooperate .listBox .swiper-button-prev {
	left: -1rem;
}

.company .indexCooperate .list {
	display: flex;
	padding: .1rem;
	width: 100%;
	flex-wrap: wrap;
}

.company .indexCooperate .list .li {
	position: relative;
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: -1px;
	margin-left: -1px;
	width: 20%;
	height: 1.36rem;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
	transition: .5s;
	margin-right: 0;
	border-radius: 0;
	margin-bottom: 0;
}

.company .indexCooperate .list .li:nth-child(1),
.company .indexCooperate .list .li:nth-child(2),
.company .indexCooperate .list .li:nth-child(3),
.company .indexCooperate .list .li:nth-child(4),
.company .indexCooperate .list .li:nth-child(5) {
	margin-top: 0;
}

.company .indexCooperate .list .li:nth-child(1),
.company .indexCooperate .list .li:nth-child(11),
.company .indexCooperate .list .li:nth-child(6) {
	margin-left: 0;
}

.company .indexCooperate .list .li::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background-color: rgba(0, 0, 0, 0);
	content: '';
	transition: .5s;
}

.company .indexCooperate .list .li::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .03rem;
	background: #005dde;
	content: '';
	transition: all .5s;
	transform: scaleX(0);
	transform-origin: 0 50%;
}

.company .indexCooperate .list .li img {
	width: 100%;
	height: 100%;
	transition: .5s;
	display: block;
}

.company .indexCooperate .list .li:hover {
	z-index: 20;
	border: 1px solid #ccc;
	box-shadow: 0 0 .15rem rgba(0, 0, 0, .2);
	transition: .5s;
	transform: scale(1.1);
}

.company .indexCooperate .list .li:hover::after {
	transform: scaleX(1);
}

.map {
	overflow: hidden;
	margin: .8rem auto .8rem;
	width: 100%;
}

.map .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.map .list .item {
	margin-bottom: .2rem;
	padding: .3rem;
	width: 4rem;
	height: 2rem;
	border-radius: .05rem;
	background-color: #f3f3f3;
}

.map .list .item .left .icon {
	color: #8a8a8a;
	font-size: .38rem;
	transition: .4s;
}

.map .list .item .left .icon.qrCodeFlex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.map .list .item .left h6 {
	margin-top: .25rem;
	color: #222;
	font-size: .2rem;
	margin-bottom: 0;
	font-weight: 600;
}

.map .list .item .left p {
	margin-top: .1rem;
	color: #222;
	font-size: .18rem;
}

.map .list .item .right {
	display: flex;
	padding-bottom: .05rem;
	justify-content: space-between;
	align-items: flex-end;
}

.map .list .item .right img {
	width: .55rem;
	height: .55rem;
	margin: 0 .1rem;
}

.map .list .item:hover {
	background-color: #f0f0f0;
}

.map .list .item:hover .left .icon {
	color: #c01820;
	transition: .4s;
}

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

.map .wrap .left {
	flex: 1;
}

.map .wrap .right {
	/* flex: 1; */
}

.map .qq_map {
	width: 100%;
	height: 7rem;
}

.map .conts {
	margin-top: .5rem;
	color: #222;
	font-size: .16rem;
}

.map .diy-infowindow-box {
	color: #000;
	text-align: left;
	white-space: nowrap;
	font-size: .18rem;
}

.newsItem-title.newsItem-body{
	display: none;
}

@media screen and (max-width:768px) {
	.embed-responsive-16by9::before {
		padding-top: 50% !important;
	}

	.newsItem-title.newsItem-body{
		display: -webkit-box;
		color: #999;
    	font-size: .26rem;
    	font-weight: 500;
	}

	.submenu {
		width: unset;
		height: 1rem;
	}

	.Bread_crumbs {
		height: 1rem;
	}

	.submenu .swiper-slide a {
		line-height: 1rem;
	}

	.submenu .swiper-slide a {
		font-size: .32rem;
	}

	.company {}

	.company .briefly {
		display: flex;
		flex-wrap: wrap;
	}

	.company .briefly .left {
		margin-right: 0;
		width: 100%;
	}

	.company .briefly .left img {
		display: block;
		margin: 0 auto .2rem;
		width: 70%;
		height: 100%;
		border: 1px solid #eee;
	}

	.company .briefly .right {
		flex: 1;
	}

	.company .briefly .right p {
		font-size: .32rem;
		line-height: .64rem;
	}

	.company .briefly .right p:first-child {
		margin-bottom: .6rem;
	}

	.company .credentials {
		margin: .8rem 0;
		text-align: center;
	}

	.company .credentials h3 {
		margin-bottom: .2rem;
		color: #333;
		font-size: .72rem;
		line-height: 1.04rem;
	}

	.company .credentials p {
		color: #666;
		font-size: .32rem;
		line-height: .46rem;
	}

	.company .credentials .box {
		display: flex;
		margin: .6rem auto 0;
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.company .credentials .box .item {
		margin-bottom: 5%;
		width: 49%;
	}

	.company .credentials .box .item .img {
		display: flex;
		margin: 0 auto;
		width: 1.5rem;
		height: 1.5rem;
		align-items: center;
		justify-content: center;
	}

	.company .credentials .box .item .img img {
		object-fit: fill;
	}

	.company .credentials .box .item p {
		margin-top: 0;
		color: #333;
		font-size: .32rem;
		line-height: .46rem;
	}

	.company .indexCooperate {
		margin: .8rem auto .8rem;
	}

	.company .indexCooperate .title {
		margin-bottom: .4rem;
		text-align: center;
	}

	.company .indexCooperate .title h3 {
		color: #333;
		font-size: .44rem;
		line-height: 1.04rem;
	}

	.company .indexCooperate .title p {
		margin-top: .2rem;
		color: #666;
		font-size: .32rem;
		line-height: .46rem;
	}

	.company .indexCooperate .listBox {
		position: relative;
		margin: 0 auto;
		width: 100%;
	}

	.company .indexCooperate .listBox .swiper-button-next,
	.company .indexCooperate .listBox .swiper-button-prev {
		color: #aaa;
	}

	.company .indexCooperate .listBox .swiper-button-next {
		right: -2rem;
	}

	.company .indexCooperate .listBox .swiper-button-prev {
		left: -2rem;
	}

	.company .indexCooperate .list {
		display: flex;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.company .indexCooperate .list .li {
		position: relative;
		position: relative;
		overflow: hidden;
		margin-top: 0;
		margin-bottom: .2rem;
		margin-left: 0;
		width: 49%;
		height: 1.9rem;
		border: 1px solid #ccc;
		background-color: #fff;
		text-align: center;
	}

	.company .indexCooperate .list .li:nth-child(1),
	.company .indexCooperate .list .li:nth-child(2),
	.company .indexCooperate .list .li:nth-child(3),
	.company .indexCooperate .list .li:nth-child(4),
	.company .indexCooperate .list .li:nth-child(5) {
		margin-top: 0;
	}

	.company .indexCooperate .list .li:nth-child(1),
	.company .indexCooperate .list .li:nth-child(11),
	.company .indexCooperate .list .li:nth-child(6) {
		margin-left: 0;
	}

	.company .indexCooperate .list .li::before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		background-color: rgba(0, 0, 0, 0);
		content: '';
		transition: .3s;
	}

	.company .indexCooperate .list .li img {
		width: 100%;
		height: 100%;
		transition: .3s;
	}

	.company .indexCooperate .list .li:hover::before {
		background-color: rgba(0, 0, 0, .1);
		transition: .3s;
	}

	.map {
		overflow: hidden;
		margin: .6rem auto 0;
		padding: 0;
		width: 100%;
	}

	.map .list {
		display: flex;
		margin-bottom: .6rem;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.map .list .item {
		margin-bottom: .4rem;
		padding: .6rem .4rem;
		width: 100%;
		height: auto;
		background-color: #f3f3f3;
		text-align: center;
	}

	.map .list .item .left .icon {
		color: #8a8a8a;
		font-size: 1rem;
		transition: .4s;
	}

	.map .list .item .left .icon.qrCodeFlex {
		flex-direction: column;
	}

	.map .list .item .left h6 {
		margin-top: .5rem;
		color: #222;
		font-size: .48rem;
	}

	.map .list .item .left p {
		margin-top: .2rem;
		color: #222;
		font-size: .42rem;
	}

	.map .list .item .right {
		display: flex;
		padding-bottom: .1rem;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: .25rem;
	}

	.map .list .item .right img {
		width: 2.25rem;
		height: 2.25rem;
	}

	.map .list .item:hover {
		background-color: #f0f0f0;
	}

	.map .list .item:hover .left .icon {
		color: #c01820;
		transition: .4s;
	}

	.map .list .item:last-child {
		margin-bottom: 0;
	}

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

	.map .wrap .left {
		/* flex: 1; */
		width: 100%;
		flex: unset;
	}

	.map .wrap .right {
		flex: 1;
	}

	.map .qq_map {
		width: 100%;
		height: 4rem;
	}

	.map .conts {
		margin-top: 1rem;
		color: #222;
		font-size: .32rem;
	}

	.map .diy-infowindow-box {
		color: #000;
		text-align: left;
		white-space: nowrap;
		font-size: .36rem;
	}
}

@media screen and (max-width:425px) {
	.map .list .item .right img {
		width: 1.5rem;
		height: 1.5rem;
	}

	.submenu .swiper-slide a {
		font-size: .26rem;
	}
}

@media screen and (max-width: 1400px) {
	.indexCooperate .list .li {
		width: 2.7rem;
		height: 1.75rem;
	}

	.brea_li{
		padding: 0 .2rem;
	}
}

@media screen and (max-width: 750px) {
	.footer .main .top .left p img.addressIcon{
		display: none;
	}
	
	.indexCooperate .list .li {
		width: 2.1rem;
		height: 1.35rem;
	}
}


#galleryOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100000;
	background-color: #222;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden;
	display: none;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease
}

#galleryOverlay.visible {
	opacity: 1
}

#gallerySlider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	-moz-transition: left .4s ease;
	-webkit-transition: left .4s ease;
	transition: left .4s ease
}

#gallerySlider .placeholder {
	opacity: 1;
	background: url(../images/preloader.gif) no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width: 100%;
	display: inline-block;
	cursor: unset;
}

#gallerySlider .placeholder:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#gallerySlider .placeholder img {
	display: inline-block;
	/* max-height: 100%; */
	max-width: 100%;
	width: 5.5rem;
	vertical-align: middle
}

#gallerySlider.rightSpring {
	-moz-animation: rightSpring .3s;
	-webkit-animation: rightSpring .3s
}

#gallerySlider.leftSpring {
	-moz-animation: leftSpring .3s;
	-webkit-animation: leftSpring .3s
}

@-moz-keyframes rightSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-moz-keyframes leftSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes rightSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes leftSpring {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

#nextArrow,
#prevArrow {
	border: none;
	text-decoration: none;
	opacity: .5;
	cursor: pointer;
	position: absolute;
	background-size: 100% 100%;
	width: 43px;
	height: 65px;
	top: 50%;
	margin-top: -29px;
	-moz-transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease
}

#nextArrow:hover,
#prevArrow:hover {
	opacity: 1
}

#prevArrow {
	background-image: url("../images/arrowsLeft.png");
	left: .5rem;
}

#nextArrow {
	background-image: url("../images/arrowsRight.png");
	right: .5rem;
}