/**鍐呴〉banner**/
.nybanner {
	float: left;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.nybanner .img,
.nybanner .img img {
	width: 100%;
	float: left;
}

.nybanner .img img {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	object-fit: cover;
}

.nybanner .text {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translate(-50%, 0);
	overflow: hidden;
}

.nybanner .text .box {
	width: 32.5rem;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.nybanner .text .left {
	text-align: left;
	left: 0;
}

.nybanner .text .center {
	width: 100%;
	text-align: center;
	left: 0;
}

.nybanner .text .right {
	text-align: right;
	right: 0;
}

.nybanner .text .white,
.nybanner .text .white a {
	color: #fff;
}

.nybanner .text .white .desc {
	color: #fefefe;
}

.nybanner .text .black,
.nybanner .text .black a {
	color: #000;
}

.nybanner .text .title {
	color: #007AC1;
}

.nybanner .text .black .desc {
	color: #495770;
}

.nybanner .text>div {
	width: 100%;
	float: left;
}

.nybanner .text .name {
	font-size: 2.5rem;
	line-height: 3.5rem;
}

.nybanner .text .title {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 2rem;
}

.nybanner .text .desc {
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 2rem;
}

.nybanner .text .link {
	margin-top: 4rem;
}

.nybanner .text .link a {
	display: inline-block;
	background: #007AC1;
	line-height: 2rem;
	color: #fff;
	font-size: 0.875rem;
	padding: 0.5rem 1.5rem;
	border-radius: 0.25rem;
}

.nybanner .text .link a font {
	padding-left: 0.25rem;
}

.nybanner .text .link a:hover {
	background: #006ABA
}

.nybanner .wjj {
	width: 1.2rem;
	height: 1.2rem;
	float: left;
	margin-top: 0.4rem;
	background: #fff;
	border-radius: 0.15rem;
	position: relative;
	margin-right: 0.25rem;
}

.nybanner .wjj:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #007AC1;
	top: 35%;
	left: 0;
}

.nybanner .wjj:after {
	position: absolute;
	content: '';
	width: 60%;
	height: 20%;
	right: 0;
	top: 0;
	background: #007AC1;
}

.nybanner .r360 {
	width: 60%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	cursor: pointer;
	overflow: hidden;
}

.nybanner .r360 .r360-start {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../images/360.png) center no-repeat;
}


.pagenullpos {
	position: relative;
}

.pagenull {
	position: absolute;
	top: -6rem;
}

/**鍐呴〉pos瀹氫綅**/
.nypos {
	float: left;
	border-bottom: #E6E6E6 1px solid;
}

.nypos .box,
.nymenu .box {
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 0.875rem;
}

.nypos .box i {
	display: inline-block;
	float: left;
	color: #f00;
}

.nypos .box a {
	display: inline-block;
	float: left;
	color: #b3b3b3;
	position: relative;
	padding: 0 0.5rem;
}

.nypos .box a:before {
	position: absolute;
	content: '/';
	left: -0.2rem;
	top: 0%;
}

.nypos .box a:nth-child(1) {
	padding-left: 0;
}

.nypos .box a:nth-child(1):before,
.nypos .box a:nth-child(2):before {
	display: none;
}

.nymenu .box .submenu {
	display: none;
}

/*鏃犲唴瀹规彁绀?/
.nomore {
	min-height: 20rem;
	line-height: 20rem;
	text-align: center;
	font-size: 2rem;
	color: #ccc;
}

/*鎼滅储缁撴灉椤?/
.search-main {}

.search-main .search-top {
	float: left;
	margin: 3rem 0;
	text-align: center;
	font-size: 2.25rem;
	line-height: 3rem;
	text-transform: uppercase;
	color: #666;
}

.search-main .search-top font {
	color: #e62129;
}

.search-main .search-box {
	float: left;
	margin-bottom: 3rem;
}

.search-main .search-box ul,
.search-box li {
	width: 100%;
	float: left;
}

.search-main .search-box ul {
	margin-bottom: 1rem;
}

.search-main .search-box li {
	display: flex;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	border-bottom: #ccc 1px dashed;
}

.search-main .search-box li .img {
	width: 16rem;
	height: 12rem;
	float: left;
	overflow: hidden;
	position: relative;
}

.search-main .search-box li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.search-main .search-box li .text {
	flex: 1;
	position: relative;
}

.search-main .search-box li .text .text-box {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
	padding: 0 2rem;
	transform: translate(0%, -50%);
}

.search-main .search-box li .text .text-box .name {
	width: 100%;
	float: left;
	overflow: hidden;
	font-size: 1.875rem;
	line-height: 2.5rem;
	height: 5rem;
}

.search-main .search-box li .text .text-box .date {
	width: 100%;
	float: left;
	margin-top: 0.5rem;
	font-size: 1.375rem;
	line-height: 2.5rem;
}

.search-main .search-box li .text .text-box .link {
	width: 100%;
	float: left;
	margin-top: 0.5rem;
}

.search-main .search-box li .text .text-box .link a {
	position: relative;
	padding-right: 3.625rem;
}

.search-main .search-box li .text .text-box .link a:before,
.search-main .search-box li .text .text-box .link a:after {
	position: absolute;
	content: '';
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.search-main .search-box li .text .text-box .link a:before {
	right: 2%;
	top: 48%;
	transform: translate(0, -50%);
	width: 2rem;
	height: 1px;
	background: #e62129;
}

.search-main .search-box li .text .text-box .link a:after {
	right: 0;
	top: 43%;
	width: 0;
	height: 0;
	border-right: 1px solid #e62129;
	border-top: 1px solid #e62129;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(deg);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.search-main .search-box li.nopic {
	display: inline-block;
}

.search-main .search-box li.nopic .left {
	float: left;
}

.search-main .search-box li.nopic .right {
	float: right;
}

.search-main .search-box li:hover .text .text-box .name a,
.search-main .search-box li:hover .text .text-box .link a {
	color: #e62129;
}



/**line妯潯**/
.nymenu {
	padding: 0;
	position: sticky;
	top: 5rem;
	clear: both;
	background: #fff;
	z-index: 99;
}

.nymenu.menuH .posh {



	background: #fff;
	z-index: 99;
	border-bottom: #E7E7E7 1px solid;
}

.nymenu ul {
	width: 100%;
	position: relative;
}

.nymenu li {
	margin-left: 2rem;
}

.nymenu li a {
	display: inline-block;
	width: 100%;
	float: left;
	font-size: 0.875rem;
}

.nymenu li:nth-child(1) {
	margin-left: 0;
}

.nymenu .line {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: auto;
	height: 2px;
	background: #007AC1;
}

.nymenu li.active a {
	color: #007AC1;
	font-weight: bold;
}

.nymenu .w1400 {
	position: relative;
}

.nymenu .news-xyears {
	width: 15rem;
	height: 3.75rem;
	line-height: 3.75rem;
	position: absolute;
	right: 0;
	top: 0;
	border-left: #E7E7E7 1px solid;
}

.nymenu .news-xyears form {
	width: 100%;
	height: 100%;
	float: right;
}

.nymenu .news-xyears .text {
	width: 100%;
	height: 100%;
	float: left;
	padding: 0 1rem;
	position: relative;
	cursor: pointer;
}

.nymenu .news-xyears .text:before {
	position: absolute;
	content: '';
	right: 2%;
	top: 48%;
	width: 0;
	height: 0;
	border-right: 1px solid #4F4F4F;
	border-top: 1px solid #4F4F4F;
	height: 0.3rem;
	width: 0.3rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.nymenu .news-xyears ul {
	overflow: initial;
	position: absolute;
	top: 100%;
	width: 100%;
	float: left;
	background: #F5F7FA;
	padding: 1rem 0;
	z-index: 3;
}

.nymenu .news-xyears ul li {
	width: 100%;
	float: left;
	margin-left: 0;
	padding: 0 1rem;
	line-height: 2rem;
	font-size: 1rem;
}

.nymenu .news-xyears ul li:hover {
	background: #E3EDFB;
}

.nymenu .news-xyears .text.on {
	background: #F5F7FA;
}

.nymenu .news-xyears .text.on:before {
	transform: rotate(135deg) translate(0%, 50%);
	-webkit-transform: rotate(135deg) translate(0%, 50%);
	-moz-transform: rotate(135deg) translate(0%, 50%);
	-ms-transform: rotate(135deg) translate(0%, 50%);
	-o-transform: rotate(135deg) translate(0%, 50%);
}


/**鍐呴〉鍩虹**/
.nyinfo {
	padding-bottom: 8rem;
}

.nytitle {
	width: 100%;
	float: left;
	font-size: 2.25rem;
	line-height: 4rem;
	color: #16181a;
	text-align: center;
}

.triangle {
	position: relative;
	float: left;
}

.trianglebg {
	position: absolute;
	content: '';
	right: 0;
	z-index: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 20rem solid transparent;
	border-left: 20rem solid transparent;
	border-right: 40rem solid #E8ECF0;
}

.triangle .w1400 {
	position: relative;
	z-index: 1;
	float: left;
	left: 50%;
	transform: translate(-50%, 0);
}

/**鍐呴〉鍒嗛〉**/
.page {
	width: 100%;
	float: left;
}

.page.center .page-box {
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.page a,
.page li {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	margin: 0.25rem 0.25rem 0.25rem 0;
	text-align: center;
	line-height: 3rem;
	border: #dcdcdc 1px solid;
	border-radius: 0.25rem;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 1rem;
}

.page .pagebtn,
.page .prev,
.page .next {
	font-family: '瀹嬩綋';
}

.page a:hover,
.page li:hover,
.page a.on,
.page .pageItemActive {
	background: #D70008;
	color: #fff;
	cursor: pointer;
}

.page li.pageItemDisable {
	cursor: initial;
}

.page .select,
.page .f-right {
	display: none;
}



/**浜у搧**/

.product {
	width: 100%;
	float: left;
}

.product-main {
	width: 100%;
	float: left;
}

.product-card {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
	background: #F5F7FA;
}

.product-card:nth-child(2n) {
	background: #fff;
}

.product-card .w1400 {}

.product-card .product-tab {
	width: 40%;
	float: left;
	position: relative;
}

.product-card .pro_tab_menu {
	display: none;
}

.product-card h3 {
	display: inline-block;
	width: 100%;
	float: left;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #16181a;
	font-weight: bold;
	margin-bottom: 3rem;
}

.product-tab ul,
.product-tab li {
	width: 100%;
}

.product-tab ul {
	height: 37.5rem;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 5px;
	position: relative;
}

.product-tab ul::-webkit-scrollbar {
	width: 5px;
}

.product-tab ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}

.product-tab ul::-webkit-scrollbar-thumb {
	background: #007AC1;
	-webkit-box-shadow: inset 0 0 6px #007AC1;
	opacity: 1
}

.product-tab ul::-webkit-scrollbar-thumb:window-inactive {
	background: #D4D9E0;
}

.product-tab li {
	height: 6.25rem;
	position: relative;
	z-index: 1;
}

.product-tab li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1.125rem 0;
	float: left;
}

.product-tab li a>div {
	width: 100%;
	float: left;
	padding: 0 3rem;
	color: #16181a;
	overflow: hidden;
}

.product-tab li .name {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 2rem;
	height: 2rem;
	position: relative;
}

.product-tab li .name:before {
	position: absolute;
	content: '';
	left: 2rem;
	top: 48%;
	content: '';
	width: 0;
	height: 0;
	border-right: 2px solid #D70008;
	border-top: 2px solid #D70008;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(deg);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.product-tab li .sort {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	font-weight: 400;
	overflow: hidden;
}

.product-tab li.active {
	background: #e8eff8 url(../images/product-list-bg.jpg);
	background-size: cover;
}

.product-tab .line {
	width: 100%;
	height: 6.25rem;
	background: #e8eff8 url(../images/product-list-bg.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}


.product-card .tabCon {
	width: 56%;
	float: right;
	position: relative;
}

.tabCon .content,
.tabCon .title,
.tabCon .name,
..tabCon .desc,
..tabCon .info,
..tabCon .img {
	width: 100%;
	float: left;
}

.tabCon .content {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}


.tabCon .title {
	width: 100%;
	float: left;
}

.tabCon .title .name {
	width: 100%;
	float: left;
	font-size: 1.875rem;
	line-height: 4rem;
	color: #16181a;
}

.tabCon .title .name font {
	display: inline-block;
	float: left;
	font-weight: bold;
}

.tabCon .title .name span {
	display: inline-block;
	float: left;
	padding-left: 1.8rem;
	position: relative;
}

.tabCon .title .name span:before {
	position: absolute;
	content: '';
	left: 0.9rem;
	top: 22%;
	width: 1px;
	height: 60%;
	background: #DCDCDC;
}

.tabCon .title .desc {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 2rem;
	max-height: 8rem;
	overflow: hidden;
	color: #666;
	font-weight: 300;
	-webkit-line-clamp: 4;
}

.tabCon .info {
	width: 100%;
	float: left;
	margin-top: 1rem;
	height: 0;
	padding-bottom: 63.8%;
	position: relative;
}

.tabCon .info .img {
	width: 100%;
	height: 100%;
	background: #fff;
	float: left;
	position: absolute;
	bottom: 0;
	box-shadow: 0 0 1rem 0.25rem rgb(198 200 204 / 30%);
	border: #fff 2px solid;
}

.tabCon .info .img img {
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}

.tabCon .info .link {
	position: absolute;
	left: 3.125rem;
	bottom: 3.125rem;
}

.tabCon .info .link a {
	display: inline-block;
	background: #0079BF;
	color: #fff;
	font-size: 0.875rem;
	padding: 0.875rem 1.7rem;
	border-radius: 0.25rem;

}


.tabCon .content.active {
	z-index: 1;
	position: initial;
}


.product-pics {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}

.product-pics .title {
	width: 100%;
	float: left;
	color: #16181a;
	font-size: 2.25rem;
	line-height: 3rem;
	text-align: center;
}

.product-pics ul {
	width: 100%;
	float: left;
	margin-top: 3rem;
}

.product-pics li {
	width: 23%;
	margin-left: 2.6667%;
	text-align: center;
}

.product-pics li:nth-child(1) {
	margin-left: 0;
}

.product-pics li a,
.product-pics li .img,
.product-pics li .img img,
.product-pics li .name {
	width: 100%;
	float: left;
}

.product-pics li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.product-pics li .img,
.product-pics li .img img {
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	overflow: hidden;
}

.product-pics li .name {
	width: 100%;
	float: left;
	position: absolute;
	bottom: 2rem;
	left: 0;
	color: #fff;
	font-size: 1.875rem;

}

.product-pics li:hover {
	box-shadow: 0.5rem 0.25rem 1rem 0.25rem rgb(0 0 0 / 20%);
}

.product-pics li:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}





.product .filter {
	float: left;
}

.product .filter .w1400 {
	padding: 2rem 0 4rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	border-bottom: #DCDCDC 1px solid;
}

.product .filter .form-item {
	width: 31.3333%;
	float: left;
	margin-left: 2.6666%;
}

.product .filter .form-item:nth-child(1) {
	margin-left: 0;
}

.product .filter .form-item>div {
	width: 100%;
	float: left;
}

.product .filter .box {
	height: 2.5rem;
	line-height: 2.5rem;
	overflow: hidden;
	font-size: 1.125rem;
	font-weight: bold;
	color: #16181a;
}

.product .filter .form-item .box .btn {
	float: right;
	background: #e62129;
	color: #fff;
	font-weight: initial;
	padding: 0 1.5rem;
	font-size: 1rem;
	text-align: center;
	height: 2rem;
	margin-top: 0.25rem;
	border-radius: 0.25rem;
	line-height: 2rem;
	cursor: pointer;
}

.product .filter .form-item .box .btn:hover {
	background: #d52027;
}

.product .filter .pro-form1,
.product .filter .pro-form2 {
	width: 100%;
	height: 3rem;
	float: left;
	padding: 0 1rem;
	border: none;
	background: #F5F7FA;
	color: #9F9F9F;
	position: relative;
}

.product .filter .pro-form1 input {
	width: calc(100% - 3rem);
	height: 100%;
	float: left;
	line-height: 100%;
	font-size: 1rem;
	color: #9F9F9F;
}

.product .filter .pro-form1 button {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%);
	cursor: pointer;
}

.product .filter :before,
.product .filter :after {
	position: absolute;
	content: '';
}

.product .filter .pro-form1 button:before {
	width: 60%;
	height: 60%;
	top: 10%;
	left: 10%;
	border: #505050 2px solid;
	border-radius: 100%;
}

.product .filter .pro-form1 button:after {
	width: 0.5rem;
	height: 2px;
	left: 70%;
	bottom: 6px;
	background: #505050;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.product .filter .pro-form2 {
	padding: 0;
}

.product .filter .pro-form2 .text {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	line-height: 3rem;
	float: left;
	overflow: hidden;
	color: #333;
	position: relative;
	cursor: pointer;
}

.product .filter .pro-form2 ul {
	display: none;
	width: 100%;
	float: left;
	padding: 1rem 0;
	border-top: #e3edfb 1px solid;
	background: #F5F7FA;
	/** #e3edfb**/
}

.product .filter .pro-form2 li {
	width: 100%;
	float: left;
}

.product .filter .pro-form2 li a {
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 2rem;
	padding: 0 1rem;
}


.product .filter .pro-form2 i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}

.product .filter .pro-form2 i:before {
	left: 40%;
	top: 48%;
	content: '';
	width: 0;
	height: 0;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-moz-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-o-transform: rotate(45deg) translate(-50%, -50%);
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
}

.product .filter .pro-form2 .text.on {
	background: #E3EDFB;
}

.product .filter .pro-form2 li:hover {
	background: #E3EDFB;
}

.product .filter .demo-slider {
	width: 100%;
	height: 1.5rem;
	padding: 0 0.625rem;
	float: left;
}

.product .filter .demo-slider .layui-slider {
	width: 100%;
	height: 4px;
	float: left;
	top: 50%;
	transform: translate(0, -50%);
}

.product .filter .demo-slider .layui-slider .layui-slider-wrap {
	width: 1.25rem;
	height: 1.25rem;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}

.product .filter .demo-slider .layui-slider .layui-slider-wrap-btn {
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	border: #E6E6E6 2px solid !important;
}

.product .filter .num {
	width: 100%;
	float: left;
	height: 1rem;
	margin-top: 0.5rem;
	color: #8B8B8B;
}

.product .filter .num font {
	color: #007AC1;
	font-weight: bold;
}

.product .filter .num>div {
	width: 50%;
}

.product .filter .num .left {
	float: left;
}

.product .filter .num .right {
	float: right;
	text-align: right;
}



.product .list {
	width: 100%;
	float: left;
}

.product .list ul {
	width: 100%;
	float: left;
	margin: 2rem 0;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.product .list li {
	width: 31.3333%;
	float: left;
	margin: 2rem 0;
	margin-left: 3%;
}

.product .list li .box,
.product .list li .box>div {
	width: 100%;
	float: left;
}

.product .list li:nth-child(3n-2) {
	margin-left: 0;
}

.product .list li .box {
	height: 100%;
}

.product .list li .name {
	font-size: 1.5rem;
	line-height: 4rem;
	overflow: hidden;
}

.product .list li .name a {
	color: #3E4041;
}

.product .list li .img a {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.product .list li .img img {
	width: 100%;
	float: left;
}

.product .list li .desc>div {
	width: 100%;
	height: 3rem;
	line-height: 1.75rem;
	padding: 0.625rem 0;
	color: #495770;
	font-size: 1rem;
	float: left;
	margin-top: 0.5rem;
	background: url(../images/product-list-bg.jpg);
	background-size: cover;
	cursor: pointer;
	position: relative;
}

.product .list li .desc>div i {
	display: inline-block;
	width: 1.75rem;
	height: 1.75rem;
	float: left;
	margin-left: 0.625rem;
	margin-right: 0.625rem;
	border-radius: 100%;
	overflow: hidden;
	background: #fff url(../images/productli-ico.png);
}

.product .list li .desc>div.text1 i {
	background-position: 0 0;
}

.product .list li .desc>div.text2 i {
	background-position: 0 -1.75rem;
}

.product .list li .desc>div.text3 i {
	background-position: 0 -3.5rem;
}

.product .list li .desc>div font {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	float: left;
	overflow: hidden;
	padding: 0.625rem 0.625rem 0.625rem 3rem;
}

.product .list li .desc>div font span {
	min-width: 0.1rem;
}

.product .list li:hover .name a,
.product .list li:hover .desc>div {
	color: #007AC1;
}

/*.product .list li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}*/
.product .list li .desc>div:hover i {
	background: #007AC1 url(../images/productli-ico.png);
}

.product .list li .desc>div.text1:hover i {
	background-position: -1.75rem 0;
}

.product .list li .desc>div.text2:hover i {
	background-position: -1.75rem -1.75rem;
}

.product .list li .desc>div.text3:hover i {
	background-position: -1.75rem -3.5rem;
}

.product .qrcode {
	float: left;
	margin-top: 3rem;
	text-align: center;
}

.product .qrcode .img {
	width: 100%;
	float: left;
	margin-top: 1rem;
}

.product .qrcode .img img {
	display: initial;
	width: 10rem;
	height: initial;
	float: initial;
}

.product .qrcode .text {
	width: 100%;
	float: left;
	color: #16181a;
	font-size: 2.25rem;
	margin: 4rem 0;
}





/**浜у搧璇︽儏****/
.productview {
	float: left;
}

.productview>div {
	float: left;
	padding: 6.25rem 0;
}


.pro-ico {}

.pro-ico ul {
	width: 100%;
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.pro-ico li {
	width: 18%;
	margin-bottom: 2rem;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.pro-ico li .img {
	width: 6.25rem;
	height: 6.25rem;
	overflow: hidden;
	float: left;
	border-radius: 0.5rem;
	border: #B6B9BF 2px solid;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.pro-ico li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

.pro-ico li .name {
	width: 100%;
	float: left;
	font-size: 1.125rem;
	height: 3rem;
	line-height: 1.5rem;
	margin: 1rem 0;
	color: #16181a;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro-ico li .desc {
	width: 100%;
	overflow: hidden;
	float: left;
	text-align: left;
	color: #495770;
	font-size: 0.875rem;
	line-height: 1.875rem;
	height: 7.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}





.productview .provvideo {
	padding: 0;
	background: #F3F6F9;
}

.provvideo .w1400 {
	display: flex;
	padding: 6.25rem 0;
}

.provvideo .text {
	flex: 1;
	overflow: hidden;
}

.provvideo .text .box .nytitle {
	text-align: left;
}

.provvideo .desc {
	width: 100%;
	float: left;
	margin-top: 1rem;
	position: relative;
	line-height: 1.875rem;
	font-size: 1.125rem;
	color: #495770;
}


.provvideo .video {
	width: 50%;
	height: 25rem;
	overflow: hidden;
	float: right;
	margin-left: 5%;
	position: relative;
}

.provvideo .video video,
.provvideo .video video source {
	width: 100%;
	float: left;
	border: inherit;
	object-fit: contain;
}

.provvideo .video .ico {
	position: absolute;
	content: '';
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
}

.provvideo .video .ico img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	z-index: 1;
}

.provvideo .video .ico i {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 5.625rem;
	height: 5.625rem;
	border-radius: 5.625rem;
	background: #ED1C24;
	cursor: pointer;
	position: relative;
	border: #ED1C24 1px solid;
}

.provvideo .video .ico i:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 0.6rem solid transparent;
	border-bottom: 0.6rem solid transparent;
	border-left: 1rem solid #fff;
}

.provvideo .video .ico i:after {
	position: absolute;
	content: '';
	width: 200%;
	height: 200%;
	left: -50%;
	top: -50%;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	animation: provvideo 2s linear 0.5s infinite;
}

.provvideo .video .ico i:hover::after {
	animation-play-state: paused;
}

@keyframes provvideo {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	50% {
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
		opacity: 0.3;
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

.provvideo .video .ico.active {
	opacity: 0;
	z-index: -1;
}






.productview .provspec {}

.productview .provspec .nytitle {
	text-align: left;
}

.productview .provspec .box {
	margin-top: 2rem;
	width: 100%;
	float: left;
	display: flex;
	border-bottom: #E6E6E6 1px solid;
}

.productview .provspec #cpggswiper {
	width: 100%;
	position: relative;
	height: 4rem;
	overflow: hidden;
	margin-right: 2%;
}

.productview .provspec .swiper-slide {
	font-size: 1.5rem;
	line-height: 4rem;
	cursor: pointer;
	width: initial;
}

.productview .provspec .swiper-slide.on {
	color: #007AC1;
	border-bottom: #007AC1 2px solid;
}

.productview .provspec .swiper-slide:nth-child(1) {
	margin-left: 0;
}

.productview .provspec .boxbtn {
	float: right;
	width: 7rem;
	height: 3rem;
	margin-top: 0.5rem;
}

.productview .provspec .btn {
	width: 3rem;
	height: 3rem;
	font-family: '瀹嬩綋';
	font-size: 1.5rem;
	line-height: 2.8rem;
	text-align: center;
	float: left;
	background: #fff;
	border: #007AC1 2px solid;
	color: #007AC1;
	border-radius: 0.25rem;
	cursor: pointer;
}

.productview .provspec .btn:nth-child(2) {
	float: right;
}

.productview .provspec .btn.swiper-button-disabled {
	color: #ccc;
	border: #ccc 2px solid;
}

.productview .provspec .toggle {
	width: 100%;
	float: left;
	padding: 2rem 0;
}

.productview .provspec .cont {
	width: 100%;
	float: left;
	min-height: 10rem;
	display: none;
	line-height: 1.875rem;
	font-size: 1rem;
}

.productview .provspec .cont img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	object-fit: cover;
}

.productview .provspec .cont.active {
	display: inline-block;
}




.productview .provtrait {
	background: #182030;
}

.productview .provtrait .nytitle {
	text-align: left;
	color: #fff;
}

.productview .provtrait .desc {
	width: 100%;
	float: left;
	margin-top: 2rem;
	color: #fff;
	font-size: 1rem !important;
	line-height: 2 !important;
}

.productview .provtrait .desc p,
.productview .provtrait .desc div,
.productview .provtrait .desc span,
.productview .provtrait .desc font {
	color: #fff !important;
	font-size: 1rem !important;
	line-height: 2 !important;
}

.provvideo .desc,
.provvideo .desc p,
.provvideo .desc div,
.provvideo .desc span,
.provvideo .desc font {

	line-height: 2 !important;
}


.productview .provdown {
	background: #F5F7FA;
}

.productview .provdown .nytitle {
	text-align: left;
}

.productview .provdown ul {
	width: 100%;
	margin-top: 2rem;
}

.productview .provdown li {
	width: 48%;
	margin-left: 4%;
	margin-bottom: 3%;
	background: #fff;
	box-shadow: 0 0 0.125rem 0.125rem rgb(198 200 204 / 10%);
	border: #E5E8ED 1px solid;
}

.productview .provdown li:nth-child(2n-1) {
	margin-left: 0;
}

.productview .provdown li a {
	display: inline-block;
	width: 100%;
	float: left;
	padding: 2rem;
	color: #16181a;
	font-size: 1.125rem;
	position: relative;
}

.productview .provdown li i {
	position: absolute;
	top: 2rem;
	left: 2rem;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	float: left;
	background: url(../images/down.png);
	background-size: cover;
}

.productview .provdown li p {
	display: inline-block;
	width: 100%;
	float: left;
	padding-left: 3rem;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden;
}

.productview .provdown li:hover {
	box-shadow: 0 0 0.5rem 0.25rem rgb(198 200 204 / 30%);
}

.productview .provdown li:hover p {
	color: #007AC1
}






/**绉戠爺鍔涢噺*************/

.research {
	float: left;
}

.research .member {
	float: left;
	background: #F5F7FA;
}

.teams .w1400 {
	padding: 6.25rem 0;
}

.teams .num-list li .name {
	height: 5rem;
}

.teams .num-list li .name .num2 {
	display: none;
}

.teams .num-list li .name .num1:before {
	display: none;
}

.teams .num-list li .name .num3 {
	line-height: 6.5rem;
}

.teams .cont {
	width: 100%;
	float: left;
	font-size: 1rem;
	color: #495770;
	line-height: 2rem;
	margin: 3rem 0 2.5rem 0;
}

.teams .box {
	width: 100%;
	float: left;
	color: #fff;
	margin-top: 3rem;
	position: relative;
}

.teams .img,
.teams .img img {
	width: 100%;
	float: left;
	object-fit: cover;
}

.num-list {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 100%;
}

.num-list ul {
	width: 100%;
}

.num-list li {
	width: 25%;
}

.num-list li>div {
	width: 100%;
	float: left;
	text-align: center;
}

.num-list li .name .num {
	font-size: 3.75rem;
	line-height: 5rem;

}

.num-list li .name .num3 {
	font-size: 1.5rem;
}

.num-list li .desc {
	font-size: 1.5rem;
	line-height: 2rem;
}



.backbone {
	float: left;
	padding: 6.25rem 0;
}

.backbone ul {
	width: 100%;
}

.backbone li {
	width: 47%;
	margin-left: 6%;
	position: relative;
	margin-top: 5rem;
	margin-bottom: 12rem;

}

.backbone li .img,
.backbone li .img img {
	width: 100%;
	float: left;
}

.backbone li .img {
	overflow: hidden;
}

.backbone li .img img {
	height: 100%;
	object-fit: cover;
}

.backbone li .text {
	position: absolute;
	left: 50%;
	z-index: 2;
	top: 80%;
	width: 90%;
	float: left;
	padding: 2rem;
	background: #fff;
	transform: translate(-50%, 0);
	box-shadow: 0 0 1rem 0.5rem rgb(73 87 112 / 20%);
}

.backbone li .text>div {
	width: 100%;
	float: left;
	background: #fff;
}

.backbone li .text .name {
	overflow: hidden;
	color: #16181a;
	font-size: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}

.backbone li .text .desc {
	font-size: 1rem;
	line-height: 1.5rem;
	max-height: 3rem;
	overflow: hidden;
	margin: 1rem 0;
}

.backbone li .text .exp {
	font-size: 0.875rem;
	color: #495770;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;

}

.backbone li .text .link {
	margin-top: 1rem;
}

.backbone li .text .link a {
	display: inline-block;
	float: left;
	background: #007AC1;
	font-size: 0.875rem;
	color: #fff;
	border-radius: 0.25rem;
	padding: 0.625rem 1.5rem;
}

.backbone li .text .link a font:nth-child(2) {
	display: none;
}

.backbone li:nth-child(2n-1) {
	margin-left: 0;
}

.backbone li:hover .text {
	box-shadow: 0 0 1rem 0.5rem rgb(73 87 112 / 40%);
}

.backbone li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.backbone li:hover .name {
	color: #016ead;
}

.backbone li .text .link:hover a {
	background: #016ead;
}

.backbone li.active .exp {
	height: 9rem;
	transition: all 0.5s;
}

.backbone li.active .link a font {
	display: none
}

.backbone li.active .text .link a font:nth-child(2) {
	display: inline-block;
}



.system {
	float: left;
}

.system .system-top {
	background: #F5F7FA;
	float: left;
}

.system .system-top ul {
	width: 100%;
	line-height: 5rem;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.system .system-top li {
	margin-left: 3%;
	cursor: pointer;
}

.system .system-top li:nth-child(1) {
	margin-left: 0;
}

.system .system-top li.active {
	font-weight: bold;
	color: #1380C3;
}

.system .system-top .line {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #1380C3;
}


.system .system-info,
.system .cont,
.system .continfo,
.cont-list,
.cont-list ul,
.cont-list li {
	width: 100%;
	float: left;
}

.system .system-info {
	margin-bottom: 6.25rem;
}

.system .cont {
	display: none;
}

.system .cont.active {
	display: inline-block;
}

.system .nytitle {
	text-align: left;
	margin-bottom: 2rem;
}

.cont-textpic {
	width: 100%;
	float: left;
	margin-top: 6.25rem;
	display: flex;
}

.cont-textpic .nytitle {
	text-align: left;
}

.cont-textpic .box {
	width: 55%;
	position: relative;
}

.cont-textpic .box .text {
	width: 100%;
	float: left;
	padding-right: 10%;
	position: relative;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.cont-textpic .box .text .name {
	width: 100%;
	float: left;
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #007ac1;
}

.cont-textpic .box .text .desc {
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
	width: 100%;
	float: left;
	margin-top: 1rem;
}

.cont-textpic .toggle {
	flex: 1;
	float: left;
}

.cont-textpic .toggle .img {
	width: 100%;
	float: right;
}

.cont-textpic .toggle .img img {
	width: 100%;
}

.cont-list {
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}

.cont-list ul {
	width: 100%;
	float: left;
	border-top: #007AC1 1px solid;
}

.cont-list li {
	height: 5rem;
	font-size: 1rem;
	color: #495770;
	border-bottom: #E9E9E9 1px solid;
	position: relative;
}

.cont-list li>div {
	padding: 0 2.5rem;
}

.cont-list li .box {
	width: 20rem;
	line-height: 1.5rem;
	height: auto;
	float: left;
	overflow: hidden;
	text-overflow: initial;
	white-space: initial;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 1;
}

.cont-list li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 20rem;
	height: 100%;
	background: #EEF0F4;
	z-index: 0;
}

.cont-list li .toggle {
	overflow: hidden;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	text-overflow: initial;
	white-space: initial;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cont-list li:nth-child(1) {
	background: #F9F9F9;
	color: #0f1823;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.25rem;
	font-weight: bold;
}

.cont-list li:nth-child(1):before {
	background: #F9F9F9;
}


.cont-pics {
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}

.cont-pics>div {
	width: 100%;
	float: left;
}

.cont-pics .toggle {
	text-align: center;
}

.cont-pics .toggle img {
	max-width: 100%;
	object-fit: cover;
}


.cont-imglist {
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}

.cont-imglist>div {
	width: 100%;
	float: left;
}

.cont-imglist .toggle {}

.cont-imglist .toggle ul {
	width: 100%;
	float: left;
}

.cont-imglist .toggle li {
	width: 48%;
	float: left;
	margin-bottom: 2rem;
	margin-left: 4%;
}

.cont-imglist .toggle li:nth-child(2n-1) {
	margin-left: 0;
}

.cont-imglist .toggle>div {
	width: 100%;
	float: left;
}

.cont-imglist .toggle img {
	width: 100%;
	object-fit: cover;
}

.cont-imglist .toggle .text {
	margin-top: 2.5rem;
	color: #495770;
	font-size: 1rem;
	line-height: 1.875rem;
	height: 15rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}


.cont-imgs {
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}

.cont-imgs>div {
	width: 100%;
	float: left;
}

.cont-imgs .toggle ul {
	width: 100%;
	float: left;
}

.cont-imgs .toggle li {
	width: 23%;
	float: left;
	border: #F2F2F2 1px solid;
	margin-bottom: 2rem;
	margin-left: 2.6666%;
}

.cont-imgs .toggle li:nth-child(4n-3) {
	margin-left: 0;
}

.cont-imgs .toggle>div {
	width: 100%;
	float: left;
}

.cont-imgs .toggle img {
	width: 100%;
	object-fit: cover;
}

.cont-list-four {
	padding-top: 6.25rem;
}

.cont-list-four ul {
	width: 100%;
	border-top: #007AC1 1px solid;
}

.cont-list-four li {
	width: 100%;
	// height: 4rem;
	// line-height: 4rem;
	line-height: 1.6;
	font-size: 1rem;
	color: #495770;
	border-bottom: #E9E9E9 1px solid;

	display: flex;
	// align-items: center;
}

.cont-list-four li>div {
	float: left;
	// padding: 0 2.5rem;
	padding: 18px 2rem;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.cont-list-four .box-one,
.cont-list-four .box-two {
	width: 10rem;
	float: left;
	background: #EEF0F4;
	border-bottom: #e9e9e9 1px solid;
}

.cont-list-four .box-three {
	width: calc(50% - 20rem);
}

.cont-list-four .box-four {
	width: 50%;
}

.cont-list-four li>div {
	border-left: #e9e9e9 1px solid;
}

.cont-list-four li:nth-child(1) {
	background: #F9F9F9;
	color: #0f1823;
	// height: 4rem;
	// line-height: 4rem;
	font-size: 1.25rem;
	font-weight: bold;
}



/*瑙ｅ喅鏂规*/

.center-slide {
	width: 188%;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.center-slide .swiper-container {
	overflow: initial;
}

.center-slide .swiper-container {
	width: 100%;
}

.center-slide .swiper-slide {
	text-align: center;
	font-size: 1.125rem;
	background: #fff;

	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);
}

.center-slide .swiper-slide-active,
.center-slide .swiper-slide-duplicate-active {
	transform: scale(1);
}

.center-slide .swiper-pagination {
	bottom: -2rem;
}

.center-slide .swiper-pagination-bullet {
	width: 0.625rem;
	height: 0.625rem;
}

.center-slide .swiper-pagination-bullet-active {
	background: #D70008;
	width: 2rem;
	border-radius: 0.625rem;
}



.solution {
	padding: 6.25rem 0 12.5rem 0;
	background-size: auto 100%;
}

.soluindex .swiper-slide {
	width: 100%;
	height: 100%;
}

.soluindex .box {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.soluindex .box .img {
	width: 73%;
	float: left;
	overflow: hidden;
}

.soluindex .box .img img {
	width: 100%;
	float: left;
	object-fit: cover;
}

.soluindex .toggle {
	width: 27%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.soluindex .text,
.soluindex .text>div {
	width: 100%;
	float: left;
}

.soluindex .text {
	height: 100%;
	padding: 3rem;
	text-align: left;
}

.soluindex .name {
	font-size: 2.25rem;
	line-height: 3rem;
	max-height: 12rem;
	overflow: hidden;
	color: #16181A;
}

.soluindex .desc {
	font-size: 1rem;
	line-height: 1.5rem;
	height: 9rem;
	overflow: hidden;
	color: #495770;
	margin: 10% 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.soluindex .link {
	margin-top: 5%;
}

.soluindex .link a {
	display: inline-block;
	background: #0079BF;
	color: #fff;
	font-size: 0.875rem;
	padding: 0.875rem 1.7rem;
	border-radius: 0.25rem;
}


.solutionlist>div {
	width: 100%;
	float: left;
}

.solist-0,
.solist-3 {
	background: #F5F7FA;
}

.solist-0 {
	padding-bottom: 6.25rem;
}

.solist-1,
.solist-2,
.solist-3,
.solist-4 {
	padding: 6.25rem 0;
}

.soauto-0 {
	background: initial;
}

.soauto-1 {
	background: #007AC1;
}

.soauto-1 .nytitle {
	color: #fff;
}

.soauto-1 .three-pictext .slidepage span.swiper-pagination-current {
	color: #fff;
}

.soauto-1 .three-pictext .btn {
	border: #fff 3px solid;
}

.soauto-1 .three-pictext .btn.prev:before {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.soauto-1 .three-pictext .btn.next:before {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
}

.soauto-1 .three-pictext .btn::after {
	background: #fff;
}

.solist-2 {
	background: #208FD4;
	color: #fff;
}

.soauto-2 {
	background: initial;
	color: #16181A;
}

.soauto-2 .nytitle {
	color: #16181A;
}



.cont-two-txtpic {
	width: 100%;
	float: left;
}

.cont-two-txtpic .toggle,
.cont-two-txtpic .toggle ul {
	width: 100%;
	float: left;
}

.cont-two-txtpic .toggle {
	margin-top: 2rem;
}

.cont-two-txtpic li {
	width: 48%;
	margin-left: 4%;
}

.cont-two-txtpic li:nth-child(2n-1) {
	margin-left: 0;
}

.cont-two-txtpic li>div {
	width: 100%;
	float: left;
}

.cont-two-txtpic .name {
	background: #F5F7FA;
	color: #007AC1;
	font-size: 1.875rem;
	height: 6.25rem;
	line-height: 6.25rem;
	padding: 0 2.5rem;
}

.cont-two-txtpic .desc {
	border: #E6E6E6 1px solid;
	border-top: none;
	padding: 2.5rem;
	height: 22rem;
	overflow: hidden;
	font-size: 1rem;
	color: #495770 !important;
	line-height: 2.125rem;
}

.cont-two-txtpic .desc p,
.cont-two-txtpic .desc span,
.cont-two-txtpic .desc font {
	color: #495770 !important;
}

.cont-two-txtpic .pics {
	width: 100%;
	padding: 0 8%;
	margin-top: 2rem;
	position: relative;
}

.cont-two-txtpic .swiper {
	width: 100%;
	overflow: hidden;
}

.cont-two-txtpic .swiper .img {
	border: #E6E6E6 1px solid;
	padding: 0.125rem;
	width: 84%;
	margin: 8%;
	float: left;
}

.cont-two-txtpic .btn {
	width: 10%;
	height: 5rem;
	float: left;
	position: absolute;
	top: calc(50% - 2.5rem);
	cursor: pointer;
}

.cont-two-txtpic .btn.swiper-button-disabled {
	opacity: 0.4;
}

.cont-two-txtpic .btn.next {
	position: absolute;
	content: '';
	left: initial;
	bottom: initial;
	right: 2%;
	top: 43%;
	width: 0;
	height: 0;
	border-right: 3px solid #007AC1;
	border-top: 3px solid #007AC1;
	height: 2rem;
	width: 2rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.cont-two-txtpic .btn.prev {
	position: absolute;
	content: '';
	left: initial;
	bottom: initial;
	left: 2%;
	top: 43%;
	width: 0;
	height: 0;
	border-left: 3px solid #007AC1;
	border-bottom: 3px solid #007AC1;
	height: 2rem;
	width: 2rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}



.night-ico {
	width: 100%;
	float: left;
}

.night-ico .nytitle {
	color: #fff;
}

.night-ico .toggle,
.night-ico ul {
	width: 100%;
	float: left;
}

.night-ico ul {
	margin-top: 2rem;
}

.night-ico li {
	width: 10.1111%;
	margin-left: 1.11%;
	position: relative;
	cursor: pointer;
}

.night-ico li:nth-child(1) {
	margin-left: 0;
}

.night-ico li .img,
.night-ico li .img img {
	width: 100%;
	float: left;
}

.night-ico li .name {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	line-height: 5rem;
	font-size: 1.125rem;
}



.three-pictext {
	width: 100%;
	float: left;
}

.three-pictext .box {
	width: 100%;
	float: left;
}

.three-pictext .nytitle {
	text-align: left;
}

.three-pictext .toggle {
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}

.three-pictext .pics {
	width: 100%;
	float: left;
	overflow: hidden;
}

.three-pictext .swiper-wrapper {
	width: 100%;
	float: left;
}

.three-pictext .img {
	width: 90%;
	margin: 0 5%;
	float: left;
	cursor: pointer;
}

.three-pictext .img img {
	width: 100%;
	float: left;
}

.three-pictext .text {
	width: 90%;
	float: left;
	margin: 0 5%;
	background: #fff;
	border: #D8D8D8 1px solid;
	border-top: none;
	padding: 2.5rem;
}

.three-pictext .text>div {
	width: 100%;
	float: left;
}

.three-pictext .name {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	color: #16181a;
}

.three-pictext .name2 {
	width: 90%;
	margin: 0 5%;
	float: left;
	margin-top: 1.5rem;
	font-size: 1rem;
	line-height: 2rem;
	color: #16181a;
	text-align: center;
	overflow: hidden;
}

.three-pictext .desc {
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 9rem;
	color: #495770;
	margin: 1rem 0;
	padding-right: 0.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.three-pictext .desc p {
	line-height: 1.5rem !important;
}

.three-pictext .more a {
	float: left;
	font-weight: bold;
	color: #007AC1;
	font-size: 0.875rem;
	line-height: 1rem;
}

.three-pictext .desc::-webkit-scrollbar {
	width: 5px;
}

.three-pictext .desc::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}

.three-pictext .desc::-webkit-scrollbar-thumb {
	background: #007AC1;
	-webkit-box-shadow: inset 0 0 6px #007AC1;
	opacity: 1
}

.three-pictext .desc::-webkit-scrollbar-thumb:window-inactive {
	background: #D4D9E0;
}



.three-pictext .btn {
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top: calc(50% - 1.5625rem);
	cursor: pointer;
	border: #007AC1 3px solid;
	border-radius: 100%;
	position: absolute;
	right: -4%;
}

.three-pictext .btn.prev {
	right: initial;
	left: -4%;
}

.three-pictext .btn.swiper-button-disabled {
	opacity: 0.8;
	border: #CED0D2 3px solid;
}

.three-pictext .btn.prev.swiper-button-disabled:before {
	border-left: 3px solid #CED0D2;
	border-bottom: 3px solid #CED0D2;
}

.three-pictext .btn.next.swiper-button-disabled:before {
	border-right: 2px solid #CED0D2;
	border-top: 2px solid #CED0D2;
}

.three-pictext .btn.swiper-button-disabled:after {
	background: #D6D7DA;
}

.three-pictext .btn.next:before {
	position: absolute;
	content: '';
	left: initial;
	bottom: initial;
	right: 25%;
	top: 38%;
	width: 0;
	height: 0;
	border-right: 2px solid #007AC1;
	border-top: 2px solid #007AC1;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.three-pictext .btn:after {
	position: absolute;
	content: '';
	width: 50%;
	height: 2px;
	background: #007AC1;
	top: calc(50% - 1px);
	left: calc(50% - 25%);
}

.three-pictext .btn.prev:before {
	position: absolute;
	content: '';
	left: initial;
	bottom: initial;
	left: 25%;
	top: 38%;
	width: 0;
	height: 0;
	border-left: 2px solid #007AC1;
	border-bottom: 2px solid #007AC1;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}

.three-pictext .slidepage {
	width: 5rem;
	height: 2rem;
	left: initial;
	position: absolute;
	right: 0;
	top: -5rem;
	color: #AFAFAF;
	font-size: 1rem;
	text-align: right;
}

.three-pictext .slidepage span {
	font-size: 1.875rem;
	line-height: 2rem;
}

.three-pictext .slidepage span.swiper-pagination-current {
	color: #007ac1;
}


.sovideo {
	position: relative;
}

.sovideo,
.sovideo>div {
	width: 100%;
	float: left;
	overflow: hidden;
}

.sovideo .img,
.sovideo .img img {
	width: 100%;
	float: left;
}

.sovideo .box {
	position: relative;
	opacity: 1;
	z-index: 2;
}

.sovideo .img {
	position: relative;
	z-index: 1;
}

.sovideo .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -30%);
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 6rem;
	z-index: 2;
}

.sovideo .text i {
	display: inline-block;
	width: 100%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	cursor: pointer;
}

.sovideo .text i:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	border-left: 0.8rem solid #007AC1;
}

.sovideo .text i:after {
	position: absolute;
	content: '';
	width: 200%;
	height: 200%;
	left: -50%;
	top: -50%;
	background: rgba(255, 255, 255, 1.0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	animation: changes 2s linear 0.5s infinite;
}

.sovideo .text i:hover::after {
	animation-play-state: paused;
}

@keyframes changes {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	50% {
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

.sovideo .text p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;

}

.sovideo video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
	z-index: 0;
}

.sovideo .box.active {
	opacity: 0;
	z-index: -1;
}




.sopartner {
	width: 100%;
	float: left;
}

.sopartner .nytitle {
	text-align: left;
}

.sopartner .info {
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 2rem;
	display: flex;

	position: relative;
}

.sopartner .box {
	flex: 1;
	float: left;
}

.sopartner ul {
	width: 100%;
	height: 100%;
	float: left;
	padding-right: 1.3333%;
}

.sopartner li {
	width: 24%;
	height: 31.8%;
	margin-left: 1.3333%;
	margin-bottom: 0;
	float: left;
	overflow: hidden;
	padding: 2%;
	border: #E6E6E6 1px solid;
	border-radius: initial;
	background: initial;
	opacity: 1;
	position: relative;
}

.sopartner li:nth-child(-n + 8) {
	margin-bottom: 1.3333%;
}

.sopartner li:nth-child(4n-3) {
	margin-left: 0;
}

.sopartner li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: #fff 1px solid;
	z-index: 1;
}

.sopartner li .img {
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sopartner li .img img {
	width: 100%;
	float: left;
	margin-top: 66.6666%;
}

.sopartner li:hover,
.sopartner li.swiper-pagination-bullet-active,
.sopartner li.swiper-pagination-bullet-active:before {
	border: #007AC1 1px solid;
}

.sopartner .toggle {
	width: 43%;
	height: 100%;
	float: right;
	overflow: hidden;
}

.sopartner .swiper-wrapper {
	width: 100%;
	height: 100%;
	float: left;
}

.sopartner .swiper-slide,
.sopartner .swiper-slide .img,
.sopartner .swiper-slide img {
	width: 100%;
	height: 100%;
	float: left;
}

.sopartner .swiper-slide .img {
	overflow: hidden;
}

.sopartner .swiper-slide:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.sopartner .swiper-slide {
	cursor: pointer;
	position: relative;
}

.sopartner .swiper-slide .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.875rem;
	line-height: 3.875rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	background: rgba(0, 122, 193, 0.8);
	padding: 0 5%;
	overflow: hidden;
}


.sopartner .btn {
	position: absolute;
	top: -60px;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	border: #007AC1 2px solid;
	border-radius: 0.25rem;
	cursor: pointer;
	z-index: 2;
}

.sopartner .btn.next:before {
	position: absolute;
	content: '';
	right: 45%;
	top: 35%;
	width: 0;
	height: 0;
	border-right: 1px solid #007AC1;
	border-top: 1px solid #007AC1;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.sopartner .btn.prev:before {
	position: absolute;
	content: '';
	left: 45%;
	top: 35%;
	width: 0;
	height: 0;
	border-left: 1px solid #007AC1;
	border-bottom: 1px solid #007AC1;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}

.sopartner .btn.prev {
	right: 50px;
}

.sopartner .btn.swiper-button-disabled {
	border: #ccc 2px solid;
}

.sopartner .btn.swiper-button-disabled.prev:before {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.sopartner .btn.swiper-button-disabled.next:before {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}






.lsnico {
	width: 100%;
	float: left;
}

.lsnico .nytitle {
	text-align: left;
}

.lsnico .info {
	width: 100%;
	float: left;
	margin-top: 2rem;
}

.lsnico .box {
	width: 19.5%;
	float: left;
	padding-right: 0.3125rem;
}

.lsnico .box ul,
.lsnico .box li {
	width: 100%;
	float: left;
}

.lsnico .box ul {
	height: 100%;
	position: relative;
}

.lsnico .box li {
	line-height: 3.75rem;
	position: relative;
}

.lsnico .box li .name {
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 1.125rem;
	padding: 0 1.5rem;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-bottom: #DCDCDC 1px solid;
	cursor: pointer;
}

.lsnico .box li .name:before {
	position: absolute;
	content: '';
	left: 0.5rem;
	top: 50%;
	width: 0;
	height: 0;
	border-right: 1px solid #D70008;
	border-top: 1px solid #D70008;
	height: 0.3rem;
	width: 0.3rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.lsnico .box li .subname {
	width: 100%;
	float: left;
	background: #FAFAFA;
	padding: 1rem 1.5rem;
	display: none;
}

.lsnico .box li .subname p {
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 1.25rem;
	margin: 0.25rem 0;
	color: #495770;
	position: relative;
	z-index: 1;
}

.lsnico .box .line {
	position: absolute;
	height: 3.75rem;
	background: url(../images/product-list-bg.jpg);
	background-size: 100% 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.lsnico .box li.active,
.lsnico .box li:hover {
	background: url(../images/product-list-bg.jpg);
	background-size: 100% 100%;
}

.lsnico .box li.active .name {
	font-weight: bold;
}

.lsnico .box li:hover .name {
	color: #000;
}

.lsnico .box li .subname p.on a {
	font-weight: bold;
	color: #007AC1;
}

.lsnico .box li .subname p:hover a {
	color: #007AC1;
}

.lsnico .box li:nth-child(1) .subname {
	display: inline-block;
}


.lsnico .toggle {
	width: 77%;
	float: right;
	position: relative;
	height: initial;
}

.lsnico .rinfo {
	width: 100%;
	float: left;
	display: none;
}

.lsnico .rinfo>div {
	width: 31.3333%;
	float: left;
	margin-left: 3%;
	border: #ECECEC 1px solid;
	margin-bottom: 3%;
}

.lsnico .rinfo>div a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1rem 2rem;
	float: left;
	background-position: center;
	background-size: cover;
}

.lsnico .rinfo>div .box {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.lsnico .rinfo>div .num {
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 5rem;
	color: #E7E8EB;
	float: left;
	padding-right: 1rem;
	overflow: hidden;
	opacity: 0;
}

.lsnico .rinfo>div .rico {
	position: absolute;
	right: 0;
	top: 0;
	width: 1rem;
	height: 1rem;
	border: #0F82C5 1px solid;
}

.lsnico .rinfo>div .rico:before,
.lsnico .rinfo>div .rico:after {
	position: absolute;
	content: '';
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.lsnico .rinfo>div .rico:before {
	width: 1px;
	height: 80%;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	background: #0F82C5;
}

.lsnico .rinfo>div .rico:after {
	width: 80%;
	height: 1px;
	top: 50%;
	left: 10%;
	transform: translate(0, -50%);
	background: #0F82C5;
}

.lsnico .rinfo>div .rico i {
	display: none;
}

.lsnico .rinfo>div .title {
	width: 100%;
	float: left;
	color: #16181a;
	color: #fff;
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	margin-top: 1rem;
	-webkit-line-clamp: 1;
	font-size: 1.125rem;
	font-weight: bold;
}


.lsnico .rinfo>div:nth-child(3n-2) {
	margin-left: 0;
}

.lsnico .rinfo.active {
	display: inline-block;
}

.lsnico .rinfo>div.on,
.lsnico .rinfo>div:hover {
	background: #F5F5F5;
}

.lsnico .rinfo>div.on .rico,
.lsnico .rinfo>div:hover .rico {
	background: #0F82C5;
}

.lsnico .rinfo>div.on .rico:before,
.lsnico .rinfo>div.on .rico:after,
.lsnico .rinfo>div:hover .rico:before,
.lsnico .rinfo>div:hover .rico:after {
	background: #fff;
}

.lsnico .rinfo>div.on .num,
.lsnico .rinfo>div:hover .num {
	color: #959ba8;
}




.soautoview {
	width: 100%;
	float: left;
}

.soautoview .soaview-0 .nytitle {
	text-align: left;
}

.lonertwo {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}

.lonertwo>div {
	width: 48%;
	float: left;
}

.lonertwo .box {
	margin-right: 2%;
}

.lonertwo .toggle {
	margin-left: 2%;
}

.lonertwo ul,
.lonertwo li,
.lonertwo li>div {
	width: 100%;
	float: left;
}

.lonertwo .toggle li {
	width: 50%;
	float: left;
}

.lonertwo .name {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #007ac1;
	font-weight: bold;
}

.lonertwo .desc {
	margin-top: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
}





.pics-nightlist {
	width: 100%;
	float: left;
	margin: 3rem 0 5rem 0;
}

.pics-nightlist ul {
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}

.pics-nightlist li {
	width: 31.3333%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
	border: #D8D8D8 1px solid;
}

.pics-nightlist li:nth-child(3n-2) {
	margin-left: 0;
}

.pics-nightlist .img {
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	overflow: hidden;
}

.pics-nightlist .img a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-bottom: 66.6666%;
	float: left;
}

.pics-nightlist .img img {
	object-fit: cover;
	width: 100%;
	float: left;
}

.pics-nightlist .text {
	width: 100%;
	float: left;
	background: #F5F8FC;
	border-top: #D8D8D8 1px solid;
	padding: 1.5rem;
}

.pics-nightlist .text>div {
	width: 100%;
	float: left;
}

.pics-nightlist .name {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	color: #16181a;
}

.pics-nightlist .desc {
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 6rem;
	overflow: hidden;
	color: #495770;
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.pics-nightlist .more a {
	float: left;
	font-weight: bold;
	color: #007AC1;
	font-size: 0.875rem;
	line-height: 1rem;
}

.pics-nightlist li:hover {
	box-shadow: 0 0 0.25rem 0.15rem rgb(73 87 112 / 10%);
}

.pics-nightlist li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.pics-nightlist li:hover .name a {
	color: #007AC1;
}

.pics-nightlist li:hover .text {
	background: #fff;
}





.socaseview {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}





.vtitle,
.vtitle>div {
	width: 100%;
	float: left;
}

.vtitle .name {
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: #16181a;
}

.vtitle .more {
	margin: 1rem 0 3rem 0;
	border-bottom: #DCDCDC 1px solid;
	line-height: 3.5rem;
	font-size: 1rem;
	color: #878787;
}

.vtitle .more>div {
	float: left;
	margin-right: 2rem;
}

.vtitle .more .share {
	float: right;
	margin-right: 0;
}

.vtitle .share {
	font-size: 0.875rem;
	line-height: 2rem;
	margin-top: 0.875rem;
}

.vtitle .share font {
	float: left;
}

.vtitle .share a.social-share-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	background: url(../images/comm/ico2.png);
	transition: inherit;
}

.vtitle .share a.social-share-icon:before {
	display: none;
}

.vtitle .share a.social-share-icon.icon-qq {
	background-position: 0 0;
}

.vtitle .share a.social-share-icon.icon-wechat {
	background-position: 0 -2rem;
}

.vtitle .share a.social-share-icon.icon-weibo {
	background-position: 0 -4rem;
}

.vtitle .share a.social-share-icon.icon-qq:hover {
	background-position: -2rem 0;
}

.vtitle .share a.social-share-icon.icon-wechat:hover {
	background-position: -2rem -2rem;
}

.vtitle .share a.social-share-icon.icon-weibo:hover {
	background-position: -2rem -4rem;
}




.videolist {
	width: 100%;
	float: left;
	height: 34.375rem;
	overflow: hidden;
}

.videolist .box {
	width: 70%;
	height: 100%;
	float: left;
}

.videolist .box .video,
.videolist .box .video .img,
.videolist .box .video video,
.videolist .box .video .img img {
	width: 100%;
	height: 100%;
	float: left;
}

.videolist .box .video .img img {
	position: relative;
	z-index: 1;
}

.videolist .box .video {
	position: relative;
}

.videolist .box .video video {
	position: absolute;
	left: 0;
	top: 0;
}



.videolist .toggle {
	width: 28.25%;
	float: right;
}

.videolist .toggle ul,
.videolist .toggle li {
	width: 100%;
}

.videolist .toggle ul {
	height: 34.375rem;
	overflow: hidden;
	overflow-y: auto;
}

.videolist .toggle ul::-webkit-scrollbar {
	width: 0.3125rem;
}

.videolist .toggle ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}

.videolist .toggle ul::-webkit-scrollbar-thumb {
	background: #007AC1;
	-webkit-box-shadow: inset 0 0 6px #007AC1;
	opacity: 1
}

.videolist .toggle ul::-webkit-scrollbar-thumb:window-inactive {
	background: #D4D9E0;
}

.videolist .toggle li {
	margin-bottom: 1rem;
	background: #F5F7FA;
	padding: 1rem;
	display: flex;
	cursor: pointer;
}

.videolist .toggle li:nth-last-child(1) {
	margin-bottom: 0;
}

.videolist .toggle li>div {
	float: left;
}

.videolist .toggle li .ico {
	width: 51%;
	height: 0;
	padding-bottom: 28.3%;
	float: left;
	overflow: hidden;
	position: relative;
}

.videolist .toggle li .ico img {
	width: 100%;
	float: left;
}

.videolist .toggle li .ico div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	background: #fff;
	border-radius: 100%;
}

.videolist .toggle li .ico div:before,
.videolist .toggle li .ico div:after {
	position: absolute;
	content: '';
}

.videolist .toggle li .ico div:before {
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
	width: 0;
	height: 0;
	border-top: 0.5rem solid transparent;
	border-left: 1rem solid #0079BF;
	border-bottom: 0.5rem solid transparent;
}

.videolist .toggle li .name {
	flex: 1;
	width: 49%;
	overflow: hidden;
	padding-left: 0.875rem;
	float: right;
	position: relative;
}

.videolist .toggle li .name p {
	display: inline-block;
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.5rem;
	height: 4.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.videolist .toggle li .name i {
	position: absolute;
	bottom: 0;
	left: 0.875rem;
	color: #007AC1;
	font-size: 1rem;
}

.videolist .toggle li:hover,
.videolist .toggle li.on {
	background: #0079BF;
	color: #fff;
}

.videolist .toggle li:hover .name i,
.videolist .toggle li.on .name i {
	color: #fff;
}

.videolist .toggle li:hover .ico img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.videolist .toggle li.active .ico div:before,
.videolist .toggle li.active .ico div:after {
	width: 0.3rem;
	height: 50%;
	border: initial;
	background: #0079BF;
}

.videolist .toggle li.active .ico div:before {
	left: 60%;
}

.videolist .toggle li.active .ico div:after {
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
}




.casepage,
.casepage>div {
	width: 100%;
	float: left;
}

.casediv-1 {
	background: #EBEFF4;
	padding: 3rem 0;
	position: relative;
	overflow: hidden;
}

.casediv-1:before {
	position: absolute;
	content: '';
	left: 45%;
	top: 50%;
	transform: rotate(30deg) translate(-50%, -50%);
	-webkit-transform: rotate(30deg) translate(-50%, -50%);
	-moz-transform: rotate(30deg) translate(-50%, -50%);
	-ms-transform: rotate(30deg) translate(-50%, -50%);
	-o-transform: rotate(30deg) translate(-50%, -50%);
	width: 6%;
	height: 400%;
	background: #F5F7FA;
}


.three-num,
.three-num ul {
	width: 100%;
	float: left;
}

.three-num ul {
	padding: 0 15%;
	position: relative;
	z-index: 1;
}

.three-num li {
	width: 33.3333%;
	float: left;
	text-align: center;
}

.three-num li>div {
	width: 100%;
	float: left;
}

.three-num li .num {
	font-size: 3.75rem;
	line-height: 4rem;
	color: #d70008;
}

.three-num li .num font {
	position: relative;
	padding-right: 2rem;
}

.three-num li .num font:before {
	position: absolute;
	content: '+';
	right: 0;
	top: 0;
	font-size: 2.5rem;
	font-weight: bold;
}

.three-num li .title {
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #333;
	font-weight: bold;
	margin-top: 0.5rem;
}



.casediv-2 {
	padding: 5.25rem 0 3rem 0;
}

.case-clickmore,
.case-clickmore ul,
.case-clickmore li {
	width: 100%;
	float: left;
}

.case-clickmore ul {
	margin-top: 3rem;
}

.case-clickmore li {
	padding: 2.5rem;
	display: flex;
}

.case-clickmore li:nth-child(1) {
	background: #E2E8EF;
}

.case-clickmore li .img {
	width: 21rem;
	height: 18.375rem;
	float: left;
	margin-right: 3.25rem;
	overflow: hidden;
}

.case-clickmore li .img img {
	width: 100%;
	height: 100%;
	float: left;
}

.case-clickmore li .text {
	flex: 1;
	width: 100%;
	float: left;
}

.case-clickmore li .text>div {
	width: 100%;
	float: left;
}

.case-clickmore .sort {
	font-size: 1rem;
	color: #007ac1;
	line-height: 1.25rem;
}

.case-clickmore .name {
	font-size: 1.875rem;
	color: #16181a;
	line-height: 2.5rem;
	margin: 0.25rem 0;
}

.case-clickmore .desc {
	font-size: 1rem;
	color: #495770;
	line-height: 1.625rem;
	margin: 2rem 0;
}

.case-clickmore .link {
	margin-top: 2rem;
}

.case-clickmore .link a {
	display: inline-block;
	background: #007AC1;
	color: #fff;
	width: 7.5rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	border-radius: 0.3125rem;
}

.case-clickmore .more {
	width: 100%;
	float: left;
	text-align: center;
	height: 4rem;
	line-height: 4rem;
	overflow: hidden;
	color: #D70008;
	font-size: 0.875rem;
	margin-top: 1rem;
}

.case-clickmore .more font {
	position: relative;
	padding-right: 1.5rem;
}

.case-clickmore .more font:before,
.case-clickmore .more font:after {
	position: absolute;
	content: '';
	right: 2%;
	top: 20%;
	width: 0;
	height: 0;
	border-right: 1px solid #D70008;
	border-bottom: 1px solid #D70008;
	height: 0.25rem;
	width: 0.25rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
	opacity: 1;
}

.case-clickmore .more font:after {
	top: 50%;
}

.case-clickmore li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.case-clickmore .link a:hover {
	background: #205996
}


.casediv-3 {
	width: 100%;
	float: left;
	background: url(../images/partlist.jpg);
	background-size: 100% 100%;
	padding: 6.25rem 0 10rem 0;
}

.partlist锛?partlist ul {
	width: 100%;
	float: left;
}

.partlist ul {
	margin-top: 3rem;
}

.partlist li {
	width: 14.6666%;
	float: left;
	margin-left: 2.4%;
	margin-bottom: 2.4%;
	cursor: pointer;
	border: #fff 1px solid;
}

.partlist li:nth-child(6n-5) {
	margin-left: 0;
}

.partlist li .img {
	width: 100%;
	height: 0;
	padding-bottom: 65%;
	float: left;
	overflow: hidden;
}

.partlist li .img img {
	position: relative;
	width: 100%;
	float: left;
	padding-top: 65%;
	top: 50%;
	transform: translate(0, -50%);
}

.partlist li:hover {
	border: #ccc 1px solid;
}

.partlist li:hover .img img {
	transform: scale(1.05) translate(0, -50%);
	-webkit-transform: scale(1.05) translate(0, -50%);
	-moz-transform: scale(1.05) translate(0, -50%);
	-ms-transform: scale(1.05) translate(0, -50%);
	-o-transform: scale(1.05) translate(0, -50%);
}




.socview {
	padding-top: 6.25rem;
}

.socview .vtitle .name {
	color: #007AC1;
	padding-top: 3.6rem;
}

.socasecont {
	border-bottom: #DCDCDC 1px solid;
	padding-bottom: 3rem;
}

.socasecont,
.socasecont>div {
	width: 100%;
	float: left;
}

.socasecont .name {
	font-size: 1.875rem;
	line-height: 2rem;
	color: #16181a;
}


.ltrv {
	width: 100%;
	float: left;
	display: flex;
	height: 25rem;
	overflow: hidden;
}

.ltrv>div {
	width: 47%;
	float: left;
	margin-left: 6%;
}

.ltrv>div:nth-child(1) {
	margin-left: 0;
}

.ltrv .text>div {
	width: 100%;
	float: left;
}

.ltrv .desc {
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
}

.ltrv .desc .i {
	width: 100%;
	float: left;
	margin: 1rem 0;
	color: #007AC1;
	font-weight: bold;
}

.ltrv .video {
	flex: 1;
	position: relative;
}

.ltrv .video .box {
	width: 100%;
	height: 100%;
	float: left;
}

.ltrv .video video {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.ltrv .video .img,
.ltrv .video .img img {
	width: 100%;
	float: left;
}

.ltrv .video .img img {
	width: initial;
	height: 100%;
	object-fit: cover;
}

.ltrv .video .box {
	position: relative;
}

.ltrv .video .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -30%);
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 6rem;
}

.ltrv .video .text i {
	display: inline-block;
	width: 100%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	cursor: pointer;
}

.ltrv .video .text i:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	border-left: 0.8rem solid #007AC1;
}

.ltrv .video .text i:after {
	position: absolute;
	content: '';
	width: 200%;
	height: 200%;
	left: -50%;
	top: -50%;
	background: rgba(255, 255, 255, 1.0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	animation: lchanges 2s linear 0.5s infinite;
}

.ltrv .video .text i:hover::after {
	animation-play-state: paused;
}

@keyframes lchanges {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	50% {
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

.ltrv .video .text p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;

}

.ltrv .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
	z-index: -1;

}

@media (min-aspect-ratio:16/9) {
	.ltrv .video video {
		width: auto;
		height: 100%;
	}
}

@media (max-aspect-ratio:16/9) {
	.ltrv .video video {
		width: 100%;
		height: auto;
	}
}


.ltjjfa {
	margin-top: 3rem;
}

.ltjjfa .desc {
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
}

.ltwopic {
	width: 100%;
	float: left;
	margin: 3rem 0;
}

.ltwopic>div {
	width: 49%;
	float: left;
	margin-left: 2%;
	height: 0;
	padding-bottom: 34%;
	overflow: hidden;
}

.ltwopic img {
	width: 100%;
	float: left;
}

.ltwopic>div:nth-child(1) {
	margin-left: 0;
}


.lsxjz {
	height: 25rem;
	overflow: hidden;
}

.lsxjz,
.lsxjz>div {
	width: 100%;
	float: left;
}

.lsxjz .toggle {
	display: flex;
}

.lsxjz .toggle .desc {
	width: 64%;
	float: left;
	margin-right: 4%;
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
}

.lsxjz .toggle .lpic {
	flex: 1;
}

.lsxjz .toggle .lpic img {
	width: 100%;
	height: 100%;
	float: left;

}


.spage {
	width: 100%;
	float: left;
	height: 4rem;
	margin: 2rem 0;
}

.spage .left {
	float: left;
}

.spage .left>div {
	width: 100%;
	float: left;
	line-height: 2rem;
	font-size: 1rem;
}

.spage .right {
	float: right;
}

.spage .right a {
	display: inline-block;
	width: 8rem;
	height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
	text-align: center;
	line-height: 3rem;
	margin-top: 0.5rem;
}






.service,
.service>div {
	width: 100%;
	float: left;
}

.service>div {
	padding: 6.25rem 0;
}

.service .title {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.service .title:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	width: 3rem;
	height: 3px;
	background: #2B75FF;
}

.service .title>div {
	width: 100%;
	float: left;
}

.service .title .name {
	font-size: 3rem;
	line-height: 5rem;
	color: #16181a;
}

.service .title .name img {
	height: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.service .title .desc {
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin: 3rem 0;
}

.service2 .link,
.service3 .link,
.service4 .link {
	width: 100%;
	float: left;
	margin-top: 3rem;
}

.service2 .link a,
.service3 .link a,
.service4 .link a {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border-radius: 0.25rem;
	border: #0072B5 1px solid;
	background: #0072B5;
	color: #fff;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}



.service1 {
	position: relative;
}

.service1:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 65%;
	left: 0;
	bottom: 0;
	background: #F5F7FA;
}

.service1 .w1400 {
	position: relative;
	z-index: 1;
}

.service3,
.service4 {
	color: #fff;
}

.service3 .title .desc,
.service4 .title .desc {
	color: #fff;
}

.service3 .link a,
.service4 .link a {
	border: #8C9CA8 1px solid;
	background: transparent;
}

.service4 .title:before {
	display: none;
}

.service3 .link a:hover,
.service4 .link a:hover {
	background: #fff;
	color: #333;
}



.lprt {
	width: 100%;
	float: left;
	display: flex;
}

.lprt .img {
	width: 56.9444%;
	float: left;
	overflow: hidden;
}

.lprt .text {
	width: 100%;
	float: left;
	background: #fff;
	flex: 1;
	box-shadow: 0 0 0.875rem 0.5rem rgb(73 87 112 / 20%);
	position: relative;
	overflow: hidden;
}

.lprt .text .box {
	width: 100%;
	float: left;
	padding: 5.625rem;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.lprt .box>div {
	width: 100%;
	float: left;
}

.lprt .ico {
	height: 3.75rem;
}

.lprt .ico img {
	height: 100%;
	float: left;
}

.lprt .name {
	font-size: 1.875rem;
	color: #16181a;
	line-height: 2.5rem;
	margin: 1rem 0;
}

.lprt .desc {
	font-size: 1rem;
	color: #666;
	line-height: 2rem;
	max-height: 4rem;
}

.lprt .link {
	margin-top: 3rem;
}

.lprt .link a {
	display: inline-block;
	background: #007AC1;
	color: #fff;
	padding: 0.875rem 1.5rem;
	border-radius: 0.25rem;
}

.lprt .link a:hover {
	background: #004FA0
}

.lprt:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}


.eightico,
.eightico ul {
	width: 100%;
	float: left;
}

.eightico {
	margin-top: 4.5rem;
}

.eightico li {
	width: 22%;
	float: left;
	margin-left: 4%;
	padding: 2rem 2rem;
	display: flex;
	cursor: pointer;
}

.eightico li:nth-child(4n-3) {
	margin-left: 0;
}

.eightico li:hover {
	background: #FFFFFF
}

.eightico .img {
	width: 3.75rem;
	height: 3.75rem;
	float: left;
	margin-right: 1rem;
	position: relative;
	overflow: hidden;
}

.eightico .img img {
	width: 100%;
	height: 100%;
}



.eightico .text {
	flex: 1;
}

.eightico .text>div {
	width: 100%;
	float: left;
}

.eightico .name {
	font-size: 1.25rem;
	line-height: 2rem;
	height: 2rem;
	color: #16181a;
	overflow: hidden;
}

.eightico .link {
	margin-top: 0.625rem;
}

.eightico .link a {
	position: relative;
	color: #007ac1;
	font-size: 0.875rem;
	padding-right: 0.75rem;
}

.eightico .link a:before {
	position: absolute;
	content: '>';
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	font-family: '瀹嬩綋';
	font-size: 0.75rem;
	line-height: 1rem;

}

.eightico .link a:hover {
	color: #0074C5
}

.eightico li:hover .name {
	color: #007AC1
}


.tnfi,
.tnfi ul {
	width: 100%;
	float: left;
}

.tnfi ul {
	margin-top: 3rem;
}

.tnfi li {
	width: 23.5%;
	margin-left: 2%;
	background: #EBEFF1;
	padding: 2.5rem;
	text-align: center;
	cursor: pointer;
}

.tnfi li:nth-child(4n-3) {
	margin-left: 0;
}

.tnfi li>div {
	float: left;
}

.tnfi li .img {
	width: 8.75rem;
	height: 8.75rem;
	border-radius: 100%;
	background: #BCD6E7;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.tnfi li .img img {
	width: 5rem;
	height: 5rem;
	float: left;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.tnfi li .name {
	width: 100%;
	font-size: 1.5rem;
	color: #16181a;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	margin-top: 2.25rem;
}

.tnfi li:hover {
	background: #BCD6E7;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	box-shadow: 0 0 0.5rem 0.25rem rgb(255 255 255 / 20%);
}

.tnfi li:hover .img {
	background: #EBEFF1;
}

.tnfi .link a:hover {
	background: #004FA0;
}


.tninfo,
.tninfo ul {
	width: 100%;
	float: left;
}

.tninfo .tnname {
	text-align: center;
	font-size: 1.875rem;
	line-height: 3rem;
	margin: 2rem 0;
}

.tninfo ul {
	margin-bottom: 5rem;
}

.tninfo li {
	width: 31.3333%;
	margin-left: 3%;
	border: #83808B 1px solid;
	padding: 2.5rem;
	background: rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.tninfo li:nth-child(3n-2) {
	margin-left: 0;
}

.tninfo li .box {
	width: 100%;
	float: left;
	display: flex;
}

.tninfo li .num {
	width: 6rem;
	font-size: 3rem;
	line-height: 4rem;
	float: left;
	color: #2b75ff;
	overflow: hidden;
}

.tninfo li .text {
	width: 100%;
	float: left;
}

.tninfo li .text>div {
	width: 100%;
	float: left;
}

.tninfo li .name {
	font-size: 1.5rem;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
}

.tninfo li .desc {
	font-size: 1rem;
	line-height: 1.875rem;
	height: 3.75rem;
	overflow: hidden;
}

.tninfo ul li:hover {
	background: rgba(0, 0, 0, 0.5);
}

.tninfo ul li:hover .num {
	opacity: 0;
	transform: translateX(-100%);
	width: 0;
}





.tnfthree {
	width: 100%;
	float: left;
	margin-bottom: 4rem;
}

.tnfthree ul {
	width: 100%;
	float: left;
}

.tnfthree ul li {
	width: 25.3333%;
	margin-left: 12%;
	height: 0;
	padding-bottom: 25.3333%;
	border: #626E76 1px solid;
	text-align: center;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.tnfthree ul li:nth-child(3n-2) {
	margin-left: 0;
}

.tnfthree ul li .box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	float: left;
	padding: 0 20%;
}

.tnfthree ul li .box>div {
	width: 100%;
	float: left;
}

.tnfthree ul li .box .img {
	width: 5.625rem;
	height: 5.625rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.tnfthree ul li .img img {
	width: 100%;
	height: 100%;
	float: left;
}

.tnfthree ul li .text {
	margin-top: 2rem;
}

.tnfthree ul li .name {
	font-size: 1.5rem;
	line-height: 2rem;
	border-bottom: #767D67 1px solid;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

.tnfthree ul li .desc {
	font-size: 1rem;
	line-height: 1.5rem;
	max-height: 6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.tnfthree ul li:hover {
	background: rgba(0, 0, 0, 0.5);
}

.tnfthree ul li:hover .img {
	opacity: 0;
	transform: translateY(100%) translate(-50%, 0);
	height: 0;
}

.tnfthree ul li:hover .text {
	margin-top: 0;
}




.sale,
.sale>div {
	width: 100%;
	float: left;
}

.sale>div {
	padding: 6.25rem 0;
}

.sale>div:nth-last-child(1) {
	padding: 6.25rem 0 15rem 0;
}

.sale>div.sale6 {
	padding-bottom: 0;
}

.sale0,
.sale11,
.sale4,
.sale7 {
	background: #F5F7FA;
}

.sale2 {
	background: #1D8DD3;
}

.sale6 {
	background: #182030;
}

.sale .title {
	color: #16181a;
}

.sale .title,
.sale .title>div {
	width: 100%;
	float: left;
}

.sale .title .name {
	font-size: 2.25rem;
	line-height: 3rem;
}

.sale .title .desc {
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin: 2rem 0;
}


.lsnum {
	width: 100%;
	float: left;
	display: flex;
}

.lsnum>div {
	width: 50%;
	float: left;
}

.lsnum .toggle .img,
.lsnum .toggle img {
	width: 100%;
	float: left;
}

.lsnum .box {
	padding-right: 5%;
}

.lsnum .toggle {
	flex: 1;
}

.lsnum .toggle .img {
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
}

.lsnum ul {
	width: 100%;
	margin-top: 3rem;
}

.lsnum li {
	width: 29.3333%;
	margin-left: 6%;
	margin-bottom: 10%;
}

.lsnum li:nth-child(3n-2) {
	margin-left: 0;
}

.lsnum li>div {
	width: 100%;
	float: left;
}

.lsnum .num {
	font-size: 3rem;
	line-height: 4rem;
	color: #2bbeff;
	height: 4rem;
	overflow: hidden;
}

.lsnum .num font {
	float: left;
}

.lsnum .num span {
	float: left;
	font-size: 2rem;
	line-height: 5rem;
	font-weight: bold;
	left: initial;
	transform: initial;
}

.lsnum.newClass20230307 .num {
	display: flex;
	align-items: flex-end;
}

.lsnum.newClass20230307 .num span {
	float: initial;
	font-size: 2rem;
	line-height: 1;
	font-weight: bold;
	left: initial;
	transform: initial;
}


.lsnum .num .before {
	float: left;
	font-size: 1rem;
	line-height: 5.8rem;
	font-weight: bold;
	left: initial;
	transform: initial;
	-webkit-transform: initial;
	-moz-transform: initial;
	-ms-transform: initial;
	-o-transform: initial;
}

.lsnum .num span.ti {
	font-size: 1.5rem;
	font-weight: initial;
}

.lsnum .num span::before {
	top: 50%;
	transform: translate(0, -50%);
}

.lsnum.newClass20230307 .num span::before {
	top: 0%;
	transform: translate(100%, -50%);
	-webkit-transform: translate(100%, -50%);
	-moz-transform: translate(100%, -50%);
	-ms-transform: translate(100%, -50%);
	-o-transform: translate(100%, -50%);
}

.lsnum li:nth-child(1) .num span,
.lsnum li:nth-child(2) .num span {
	padding-right: initial;
}

.lsnum li:nth-child(1) .num span::before,
.lsnum li:nth-child(2) .num span::before {
	display: none;
}

.lsnum .name {
	font-size: 1rem;
	line-height: 1.5rem;
	height: 4.5rem;
	color: #495770;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.tnfe {
	width: 100%;
	float: left;
}

.tnfe .title {
	text-align: center;
}

.tnfe ul {
	width: 100%;
}

.tnfe li {
	width: 22.75%;
	margin-left: 3%;
	margin-bottom: 3%;
	border: #DDECF7 2px dashed;
	overflow: hidden;
}

.tnfe li:nth-child(4n-3) {
	margin-left: 0;
}

.tnfe .box {
	width: 100%;
	float: left;
	text-align: center;
	height: 0;
	padding-bottom: 100%;
}

.tnfe .text {
	width: 100%;
	float: left;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	padding-top: 100%;
}

.tnfe .text>div {
	width: 100%;
	float: left;
}

.tnfe .text .img img {
	width: 7.5rem;
	height: 7.5rem;
}

.tnfe .text .name {
	font-size: 1.125rem;
	color: #495770;
	font-weight: bold;
	line-height: 2rem;
	margin: 2rem 0;
}

.tnfe .text .link a {
	color: #007ac1;
	font-size: 0.875rem;
	line-height: 1.5rem;
	position: relative;
	padding-right: 0.75rem;
	opacity: 0;
}

.tnfe .text .link a:before {
	position: absolute;
	content: ">";
	top: 50%;
	right: 0px;
	transform: translate(0px, -50%);
	font-family: 瀹嬩綋;
	font-size: 0.75rem;
	line-height: 1rem;
}


.tnfe li:hover {
	border: #007AC1 2px dashed;
}

.tnfe li:hover .link a {
	opacity: 1;
}



.croe,
.croe .box {
	width: 100%;
	float: left;
}

.croe .title {
	text-align: center;
}

.croe .box {
	margin-top: 2rem;
	position: relative;
}

.croe .bgico {
	width: 100%;
	float: left;
}

.croe .bgimg {
	width: 32.5rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.croe .bgimg img {
	width: 100%;
	float: left;
}

.croe .bgimg .text {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	float: left;
	color: #017AC1;
	font-size: 1.25rem;
	text-align: center;
	font-weight: bold;
}

.croe .bgimg .text:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -1rem;
	transform: translate(-50%, 0);
	width: 30%;
	height: 3px;
	background: #D92F35;
}

.croe .bgimg ul {
	position: absolute;
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
}

.croe .bgimg li {
	position: absolute;
	width: 7rem;
	height: 6rem;
	overflow: hidden;
	top: 25%;
	left: 0;
}

.croe .bgimg li .img {
	width: 4rem;
	height: 4rem;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0 1.5rem;
}

.croe .bgimg li .img img {
	width: 100%;
}

.croe .bgimg li .name {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.25rem;
	text-align: center;
}

.croe .bgimg li:nth-child(1) {
	left: 18%;
}

.croe .bgimg li:nth-child(2) {
	left: 63%;
}

.croe .bgimg li:nth-child(3) {
	top: 66%;
	left: 40%;
}

.croe .boxsix {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.croe .boxsixli {
	float: left;
	position: absolute;
	left: 0;
	width: 17.5rem;
	height: 7.5rem;
	background: #fff;
}

.croe .boxsixli .icob {
	width: 7.5rem;
	height: 7.5rem;
	float: right;
	background: #4CB3E1;
	overflow: hidden;
	border-radius: 100%;
	position: absolute;
	z-index: 1;
	right: 0;
	transform: translate(50%, 0);
	box-shadow: 0.35rem 0rem 0.35rem 0.15rem rgb(73 87 112 / 20%);
}

.croe .boxsixli .icob .ico {
	width: 76%;
	height: 76%;
	float: left;
	margin: 12%;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	box-shadow: 0.15rem 0.15rem 0.5rem 0.15rem rgb(73 87 112 / 50%);
}

.croe .boxsixli .icob .ico img {
	width: 5.625rem;
}

.croe .boxsixli .name {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	overflow: hidden;
	color: #495770;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
}



.croe .boxsixli:nth-child(2n) {
	left: initial;
	right: 0;
	padding-left: 4rem;
	padding-right: 1rem;
	background: linear-gradient(-45deg, transparent 2rem, #E0E2E4 0);
}

.croe .boxsixli:nth-child(2n) .icob {
	left: 0;
	transform: translate(-50%, 0);
	box-shadow: -0.35rem 0rem 0.35rem 0.15rem rgb(73 87 112 / 20%);
}

.croe .boxsixli:nth-child(2n-1) {
	padding-right: 4rem;
	padding-left: 1rem;
	background: linear-gradient(45deg, transparent 2rem, #E0E2E4 0);
}

.croe .boxsixli:nth-child(1),
.croe .boxsixli:nth-child(2) {
	top: 0;
}

.croe .boxsixli:nth-child(3),
.croe .boxsixli:nth-child(4) {
	top: 38%;
}

.croe .boxsixli:nth-child(5),
.croe .boxsixli:nth-child(6) {
	top: 78%;
}

.croe .boxsixli:nth-child(2) .icob,
.croe .boxsixli:nth-child(3) .icob,
.croe .boxsixli:nth-child(6) .icob {
	background: #057AC0;
}

.croe .box2 {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 2rem;
}



.fpcilist {
	width: 100%;
	float: left;
}

.fpcilist .title {
	text-align: center;
	color: #fff;
}

.fpcilist ul,
.fpcilist li>div,
.fpcilist li .text>div {
	width: 100%;
	float: left;
}

.fpcilist ul {
	margin-top: 3rem;
}

.fpcilist li {
	width: 23%;
	margin-left: 2.6666%;
	cursor: pointer;
}

.fpcilist li:nth-child(4n-3) {
	margin-left: 0;
}

.fpcilist li .img {
	width: 100%;
	height: 0;
	padding-bottom: 57%;
	overflow: hidden;
}

.fpcilist li .img img {
	width: 100%;
	float: left;
	object-fit: cover;
}

.fpcilist li .text {
	background: #fff;
	color: #16181a;
	padding: 1.5rem;
}

.fpcilist li .name {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
}

.fpcilist li .desc {
	font-size: 1rem;
	color: #495770;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	margin-top: 1rem;
}

.fpcilist li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.fpcilist li:hover .name {
	color: #1C8CD3;
}

.fpcilist li:hover .desc {
	color: #666;
}



.fwlist {
	width: 100%;
	float: left;
}

.fwlist .title {
	text-align: center;
}


.fwslide {
	width: 100%;
	float: left;
}

.fwslide .toggle {
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}

.fwslide .pics {
	width: 100%;
	float: left;
	overflow: hidden;
}

.fwslide .swiper-wrapper {
	width: 100%;
	float: left;
}

.fwslide .swiper-wrapper>div:nth-child(1) .fwnext,
.fwslide .swiper-wrapper>div:nth-child(5) .fwnext {
	opacity: 0;
}


.fwslide .text {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.fwslide .text>div {
	width: 100%;
	float: left;
}

.fwslide .text .img {
	width: 4.375rem;
	height: 4.375rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 100%;
	border: #409BD1 1px solid;
}

.fwslide .text .img img {
	width: 100%;
	float: left;
}

.fwslide .text .name {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #16181a;
	margin-top: 1rem;
}

.fwslide .text .desc {
	font-size: 1rem;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	color: #495770;
	margin-top: 3.5rem;
}

.fwslide .text .desc p {
	line-height: initial !important;
}

.fwslide .text .rbg {
	position: absolute;
	bottom: 3rem;
	height: 3.5rem;
}

.fwslide .text .rbg img {
	float: left;
	position: absolute;
	right: calc(50% - 0.875rem);
	top: 50%;
	transform: translate(0%, -50%);
}

.fwslide .text .rbg:before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	width: 100%;
	float: left;
	height: 1px;
	background: #D9D9D9;
}

.fwslide .text .fwnext {
	position: absolute;
	left: 0;
	top: 0;
	float: right;
	width: initial;
	transform: translate(-50%, 0);
}


.fwslide .btn {
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top: calc(65% - 1.5625rem);
	cursor: pointer;
	position: absolute;
	right: -4%;
}

.fwslide .btn.prev {
	right: initial;
	left: -4%;
}

.fwslide .btn.swiper-button-disabled {
	opacity: 0.5;
}

.fwslide .btn.next:before {
	position: absolute;
	content: '';
	right: 15%;
	top: 45%;
	width: 0;
	height: 0;
	border-right: 2px solid #7F8891;
	border-top: 2px solid #7F8891;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.fwslide .btn.prev:before {
	position: absolute;
	content: '';
	left: 55%;
	top: 43%;
	width: 0;
	height: 0;
	border-left: 2px solid #7F8891;
	border-bottom: 2px solid #7F8891;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}




.llrck {
	width: 100%;
	float: left;
}

.llrck .title {
	text-align: center;
}

.llinfo {
	width: 100%;
	float: left;
	margin-top: 3rem;
}

.llinfo>div {
	width: 100%;
	float: left;
}

.llinfo .box {
	width: 20%;
	float: right;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 0.3125rem;
}

.llinfo .box ul,
.llinfo .box li {
	width: 100%;
}

.llinfo .box ul {
	height: 100%;
	position: relative;
}

.llinfo .box li {
	line-height: 3.75rem;
	position: relative;
	z-index: 1;
}

.llinfo .box li .name {
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 1.125rem;
	padding: 0 1.5rem;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-bottom: #DCDCDC 1px solid;
	cursor: pointer;
}

.llinfo .box li .name:before {
	position: absolute;
	content: '';
	left: 0.5rem;
	top: 50%;
	width: 0;
	height: 0;
	border-right: 1px solid #D70008;
	border-top: 1px solid #D70008;
	height: 0.3rem;
	width: 0.3rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.llinfo .box li .subname {
	width: 100%;
	float: left;
	background: #FAFAFA;
	padding: 1rem 1.5rem;
	display: none;
}

.llinfo .box li .subname p {
	display: inline-block;
	width: 100%;
	float: left;
	height: 2rem;
	line-height: 2rem;
	color: #495770;
}

.llinfo .box .line {
	position: absolute;
	height: 3.75rem;
	background: url(../images/product-list-bg.jpg);
	background-size: 100% 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.llinfo .box li:hover .name,
.llinfo .box li.active .name {
	font-weight: bold;
}



.llinfo .toggle {
	float: left;
	width: 77.15%;
	margin-bottom: 2rem;
}

.llinfo .toggle ul {
	display: none;
	width: 100%;
	float: left;
}

.llinfo .toggle li {
	width: 100%;
	float: left;
	background: #fff;
}

.llinfo .toggle li>div {
	width: 100%;
	float: left;
}

.llinfo .toggle li .name {
	height: 3.75rem;
	line-height: 3.75rem;
	overflow: hidden;
	color: #495770;
	font-size: 1rem;
	padding: 0 1.875rem;
	border-bottom: #F5F7FA 1px solid;
	position: relative;
	cursor: pointer;
}

.llinfo .toggle li .name:before {
	position: absolute;
	content: '';
	right: 2%;
	top: 50%;
	width: 0;
	height: 0;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.llinfo .toggle li .desc {
	background: #E9ECF0;
	padding: 2rem 1.875rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
	display: none;
}

.llinfo .toggle li .desc p {
	line-height: initial !important;
}



.llinfo .toggle ul.on {
	display: inline-block;
}

.llinfo .toggle ul.on li.on .name {
	background: #007AC1;
	color: #fff;
}

.llinfo .toggle ul.on li.on .name:before {
	transform: rotate(135deg) translate(0%, 50%);
	-webkit-transform: rotate(135deg) translate(0%, 50%);
	-moz-transform: rotate(135deg) translate(0%, 50%);
	-ms-transform: rotate(135deg) translate(0%, 50%);
	-o-transform: rotate(135deg) translate(0%, 50%);
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.llpage {
	margin-top: 2rem;
}



.gzsearch .title {
	text-align: center;
}

.gzsearch,
.gzform {
	width: 100%;
	float: left;
}

.gzform {
	width: 50%;
	margin: 0 25%;
	margin-top: 1rem;
}

.gzform .input {
	width: 100%;
	height: 3.75rem;
	float: left;
	background: #F5F7FA;
	display: flex;
	color: #495770;
	font-size: 1rem;
	line-height: 3.75rem;
}

.gzform .input>input {
	height: 100%;
	float: left;
}

.gzform .gztext {
	flex: 1;
	padding: 0 1.5rem;
}

.gzform .gzgo {
	background: #007AC1;
	width: 8.25rem;
	color: #fff;
	cursor: pointer;
}

.gzform .gzinfo {
	margin-top: 4rem;
}

.gzform .gzinfo,
.gzform .gzname {
	width: 100%;
	float: left;
}

.gzform .gzname {
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #16181a;
	margin-bottom: 2rem;
}

.gzinfo .gzbe {
	width: 100%;
	float: left;
	display: flex;
	margin: 1rem 0;
	font-size: 1rem;
	color: #495770;
}

.gzinfo .gzbe .lico {
	width: 3rem;
	height: 2rem;
	float: left;
	margin-right: 1rem;
	color: #fff;
	background: linear-gradient(-60deg, transparent 1rem, #D10011 0);
	text-indent: 0.5rem;
	line-height: 2rem;
}

.gzinfo .gzbe .name {
	flex: 1;
	line-height: 2rem;
}

.gzinfo .gzf .lico {
	background: linear-gradient(-60deg, transparent 1rem, #282828 0);
}



.mhbx {
	width: 100%;
	float: left;
	color: #fff;
}

.mhbx .title {
	text-align: center;
	color: #fff;
}

.mhbx .box {
	width: 100%;
	float: left;
	margin-top: 3rem;
}

.mhbx .box .img {
	width: 54%;
	float: right;
}

.mhbx .box .text {
	width: 40%;
	float: left;
}

.mhbx .mhname,
.mhbx .mhname .img {
	width: 100%;
	float: left;
}

.mhbx .mhname {
	position: relative;
}

.mhbx .code {
	position: absolute;
	left: 3.25rem;
	top: 1rem;
	width: 8rem;
	height: 8rem;
	float: left;
	z-index: 1;
}

.mhbx .code .iname {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.mhbx .rtn {
	width: 100%;
	float: left;
	margin-top: 1rem;
	color: #52565F;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-align: right;
}

.mhbx .box {
	display: flex;
}

.mhbx ul,
.mhbx li {
	width: 100%;
}

.mhbx .text ul {
	height: 26.875rem;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 1rem;
	border-top: #28404F 1px solid;
}

.mhbx .text li {
	border-bottom: #28404F 1px solid;
	cursor: pointer;
}

.mhbx .text li>div {
	width: 100%;
	float: left;
	padding-left: 3rem;
}

.mhbx .text li .name {
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 1.5rem;
	position: relative;
}

.mhbx .text li .name font {
	position: absolute;
	left: 0;
	color: #143D60;
	font-size: 1.875rem;
	font-family: 'Arial';
	font-style: oblique;
	font-weight: bold;
}

.mhbx .text li .desc {
	width: 100%;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #A8A9AD;
	padding: 0rem 0 1.5rem 3rem;
	display: none;
}

.mhbx .text li.on {
	border-bottom: #057AC0 1px solid;
}

.mhbx .box>.img {
	flex: 1;
	position: relative;
	height: 38.5rem;
}

.mhbx .img ul {
	width: 100%;
	float: right;
	height: 100%;
	overflow: hidden;
}

.mhbx .img li {
	width: 90%;
	height: 100%;
	float: right;
	position: absolute;
	display: none;
	text-align: center;
}

.mhbx .img li.on img {
	height: 100%;
	object-fit: cover;
}

.mhbx .img li.on {
	display: inline-block;
	position: initial;
}



.tstj {
	width: 100%;
	float: left;
}

.tstj .title {
	text-align: center;
}

.tstj .box,
.tstj .box>div {
	width: 100%;
	float: left;
}

.tstj .tsname {
	font-size: 1.5rem;
	color: #16181a;
	line-height: 2rem;
}

.tstj .tsform {
	margin-top: 2rem;
}

.tstj .tsinput {
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 4%;
	position: relative;
}

.tstj .tsinput:nth-child(2n-1) {
	margin-left: 0;
}

.tstj .tsinput.area {
	width: 100%;
	margin-left: 0;
}

.tstj .tsinput .tsdiv,
.tstj .tsinput input,
.tstj .tsinput textarea {
	width: 100%;
	float: left;
	height: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	color: #6f7276;
	border-bottom: #DCDCDC 1px solid;
	padding: 0 1rem;
	outline: none;
	-webkit-appearance: none;
}

.tstj .tsinput.area textarea {
	height: 4rem;
	line-height: 2rem;
	resize: none;
}

.tstj .tsinput.area2 textarea {
	height: 4rem;
	line-height: 2rem;
	resize: none;
}


.tstj .tsinput .name {
	width: 100%;
	float: left;
	color: #6F7276;
	font-size: 1rem;
	line-height: 3rem;
	margin: 0 1rem;
	position: absolute;
}

.tstj .tsinput.area .name {
	position: initial;
}

.tstj .tsinput font {
	color: #D9252C;
}

.tstj .tsinput ul {
	display: none;
}

.tstj .tsdiv,
.tstj input {
	position: relative;
	padding: 0 1rem;
}

.tstj .tssort,
.tstj .tsinput .tsdiv {
	position: relative;
	cursor: pointer;
}

.tstj .tssort:before,
.tstj .tsinput .tsdiv:before {
	position: absolute;
	content: '';
	right: 1rem;
	top: 43%;
	width: 0;
	height: 0;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.tstj .tsxl.on .tssort,
.tstj .tsipt.on .tsdiv {
	border: #51A4D5 1px solid;
}

.tstj .tsxl.on .tssort:before,
.tstj .tsipt.on .tsdiv:before {
	transform: rotate(135deg) translate(0%, 50%);
	-webkit-transform: rotate(135deg) translate(0%, 50%);
	-moz-transform: rotate(135deg) translate(0%, 50%);
	-ms-transform: rotate(135deg) translate(0%, 50%);
	-o-transform: rotate(135deg) translate(0%, 50%);
}

.tstj .tsxl ul,
.tstj .tsipt ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	float: left;
	background: #51A4D5;
	color: #fff;
	z-index: 1;
	line-height: 3rem;
	font-size: 1rem;
}

.tstj .tsxl li,
.tstj .tsipt li {
	width: 100%;
	float: left;
	padding: 0 1rem;
	cursor: pointer;
}

.tstj .tsxl .s1 li {
	line-height: 2.5rem;
}

.tstj .tsxl .s2 li {
	line-height: 2rem;
}

.tstj .tsxl li:hover,
.tstj .tsipt li:hover {
	background: #75B7DD
}

.tstj .tsxl ul .s1,
.tstj .tsxl ul .s2 {
	width: 100%;
	float: left;
	padding: 0 1.25rem;
	display: none;
}

.tstj .tsxl ul .hide {
	display: flex;
}

.tstj .tsxl ul .hide span {
	flex: 1;
}

.tstj .tsxl ul .hide font {
	display: inline-block;
	width: 3rem;
	text-align: center;
	float: right;
	font-family: '瀹嬩綋';
	color: #fff;
	transform: rotate(0deg);
}

.tstj .tsxl ul .hide.on font {
	transform: rotate(90deg);
}

.tstj .tsxl ul .hide.nosub font {
	display: none;
}

.tstj .tsxl ul.cityh {
	max-height: 21rem;
	overflow-x: hidden;
	overflow-y: auto;
}

.tstj .tsxl ul.cityh li {
	line-height: 2.5rem;
}

.tstj .tsxl ul.cityh li span {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
}



.tstj .tsinput .tsipt {
	width: 48%;
	float: left;
	margin-left: 4%;
	position: relative;
}

.tstj .tsinput .tsipt:nth-child(2n-1) {
	margin-left: 0;
}


.tstj .childipt.active .name {
	opacity: 0;
}


.tssubmit {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 2rem;
}

.tssubmit input {
	color: #fff;
	width: 10rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.25rem;
	background: #007AC1;
	cursor: pointer;
}

.tssubmit input:hover {
	background: #006DA5;
}




.servicelist,
.servicelist>div {
	width: 100%;
	float: left;
}

.servicelist>div {
	padding: 6.25rem 0;
}

.servicelist .title {
	font-size: 2.25rem;
	color: #16181a;
	line-height: 3rem;
}

.serteam .img {
	width: 45%;
	float: right;
}

.serteam .img img {
	width: 100%;
	float: left;
	margin-top: 1.25rem;
}

.serteam .img img:nth-child(1) {
	margin-top: 0;
}

.serteam .text {
	width: 50%;
	float: left;
}

.serteam .info {
	width: 100%;
	float: left;
	margin-top: 2.5rem;
	line-height: 2rem;
}

.serteam .info>div {
	width: 100%;
	float: left;
}

.serteam .info .name {
	color: #afb4b6;
	font-size: 1rem;
	line-height: 2rem;
}

.serteam .info .desc {
	color: #495770;
	font-size: 1rem;
	line-height: 2rem;
}


.serhorno {
	width: 100%;
	float: left;
	background: #F5F7FA;
}

.shornoslide {
	width: 100%;
	float: left;
}

.shornoslide .toggle {
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}

.shornoslide .pics {
	width: 100%;
	float: left;
	overflow: hidden;
}

.shornoslide .swiper-wrapper {
	width: 100%;
	float: left;
}

.shornoslide .swiper-slide {
	float: left;
	padding: 0 1.5rem;
}

.shornoslide .img {
	width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	border: #E6E6E6 3px solid;
	overflow: hidden;
	cursor: pointer;
}

.shornoslide .img img {
	width: 100%;
	float: left;
}

.shornoslide .name {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin-top: 1rem;
	text-align: center;
}


.shornoslide .btn {
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top: calc(45% - 1.5625rem);
	cursor: pointer;
	position: absolute;
	right: -4%;
}

.shornoslide .btn.prev {
	right: initial;
	left: -4%;
}

.shornoslide .btn.swiper-button-disabled {
	opacity: 0.5;
}

.shornoslide .btn.next:before {
	position: absolute;
	content: '';
	right: 15%;
	top: 45%;
	width: 0;
	height: 0;
	border-right: 2px solid #7F8891;
	border-top: 2px solid #7F8891;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.shornoslide .btn.prev:before {
	position: absolute;
	content: '';
	left: 55%;
	top: 43%;
	width: 0;
	height: 0;
	border-left: 2px solid #7F8891;
	border-bottom: 2px solid #7F8891;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}

.shornoslide .swiper-slide:hover .img {
	border: #76B1D4 3px solid;
}

.shornoslide .swiper-slide:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.serbuy {
	width: 100%;
	float: left;
	background: url(../images/serbuy.jpg);
	background-size: 100% 100%;
}

.serbuy .link {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 6.25rem;
}

.serbuy .link a {
	display: inline-block;
	color: #fff;
	width: 10rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.25rem;
	background: #007AC1;
	cursor: pointer;
}

.serbuy .link a:hover {
	background: #006DA5;
}





.serito,
.serito>div,
.serito .title,
.serito .title>div {
	width: 100%;
	float: left;
}

.serito>div {
	padding: 6.25rem 0;
	position: relative;
}

.serito .title {
	text-align: center;
	color: #16181a;
}

.serito .title .name {
	font-size: 2.25rem;
	line-height: 4rem;
}

.serito .title .desc {
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin: 3rem 0;
}

.itoplan {
	background: #F5F7FA;
}

.tnfi.itoplan li {
	background: #fff;
}

.tnfi li:hover .img {
	background: #F5F7FA;
}

.serito .txl {
	padding: 0;
	position: relative;
}

.txl .img,
.txl .img img {
	width: 100%;
	float: left;
}

.txl .text {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	color: #fff;
	height: 100%;
	overflow: hidden;
}

.txl .box {
	width: 35%;
	float: left;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.txl .box>div {
	width: 100%;
	float: left;
}

.txl .title {
	text-align: left;
}

.txl .title .name {
	color: #fff;
}

.txl .txname {
	font-size: 1.875rem;
	line-height: 2.5rem;
	margin-top: 2rem;
}

.txl .txdesc {
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 1rem;
}

.txl .txlink {
	margin-top: 3rem;
}

.txl .txlink a {
	display: inline-block;
	padding: 0 1rem;
	height: 3.75rem;
	background: #fff;
	border-radius: 3.75rem;
	position: relative;
	color: #000;
	font-size: 1.25rem;
	line-height: 3.75rem;
	font-weight: bold;
}

.txl .txlink a img {
	height: 66%;
	float: left;
	margin-right: 0.5rem;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
}



.tmes .info {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 2rem;
}

.tmes .img {
	width: 50%;
	float: left;
	text-align: center;
}

.tmes .img img {
	float: left;
}

.tmes ul {
	width: 25%;
	float: left;
}

.tmes li {
	width: 100%;
	float: left;
	display: flex;
	margin-bottom: 2.5rem;
}

.tmes li .num {
	width: 1.875rem;
	height: 1.4375rem;
	float: left;
	background: url(../images/itonum.png);
	background-size: 100% 100%;
	text-indent: 0.5rem;
	line-height: 1.4375rem;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	margin-right: 1rem;
}

.tmes li .text {
	flex: 1;
}

.tmes li .text>div {
	width: 100%;
	float: left;
}

.tmes li .name {
	color: #16181a;
	font-size: 1.5rem;
	line-height: 2rem;
}

.tmes li .desc {
	margin-top: 1rem;
	color: #495770;
	font-size: 1rem;
	line-height: 1.5rem;
}


.fmcs {
	background: #238FD4;
	color: #fff;
}

.fmcs .title {
	color: #fff;
}

.fmcs .title .desc {
	color: #fff;
}

.fmcs ul {
	width: 100%;
	float: left;
	margin-top: 2rem;
}

.fmcs li {
	width: 16%;
	float: left;
	margin-left: 5%;
	cursor: pointer;
	margin-bottom: 0;
}

.fmcs li:nth-child(5n-4) {
	margin-left: 0;
}

.fmcs li:nth-child(-n+5) {
	margin-bottom: 5%;
}

.fmcs li .img {
	width: 7.5rem;
	height: 7.5rem;
	border: #fff 1px solid;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.fmcs li .img img {
	width: 100%;
	float: left;
}

.fmcs li .name {
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	height: 6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.fmcs li:hover .img {
	background: #6B97C0;
	transform: translate(-50%, 0) rotateY(180deg);
}

.serito .ems {
	padding: 6.25rem 0 15rem 0;
}

.ems .box {
	width: 50%;
	float: right;
}

.ems .box .img,
.ems .box .img img {
	width: 100%;
	float: left;
}

.ems .toggle {
	width: 45%;
	float: left;
}

.ems .title {
	text-align: left;
}




.about,
.about>div,
.about>.w1400>div {
	width: 100%;
	float: left;
}

.about>div {
	padding: 6.25rem 0;
}

.about .title {
	width: 100%;
	float: left;
	text-align: center;
}

.about .title>div {
	width: 100%;
	float: left;
}

.about .title .name {
	font-size: 2.25rem;
	line-height: 4rem;
	color: #16181a;
}

.about .title .desc {
	font-size: 1rem;
	line-height: 2rem;
	color: #fff;
}


.aboutview,
.aboutview .info {
	width: 100%;
	float: left;
}

.aboutview .info {
	margin-top: 3rem;
}

.aboutview .box {
	width: 42%;
	float: left;
}

.aboutview .box .img,
.aboutview .box .img img {
	width: 100%;
	float: left;
}

.aboutview .toggle {
	width: 53%;
	float: right;
}

.aboutview .box ul {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 2rem;
}

.aboutview .box li {
	width: 33.3333%;
	float: left;
}

.aboutview .box li>div {
	width: 100%;
	float: left;
}

.aboutview .box li .num {
	font-size: 3rem;
	line-height: 4rem;
	color: #d70008;
	text-align: center;
}

.aboutview .box li .num span {
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 2.5rem;
	height: 3.5rem;
}

.aboutview .box li .num font {
	position: relative;
	padding-right: 2rem;
}

.aboutview .box li .num font:before {
	position: absolute;
	content: '+';
	right: 0;
	top: 0;
	font-size: 2.5rem;
	font-weight: bold;
}

.aboutview .box li .name {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333;
	text-align: center;
}

.newClass20230307 .box li .num span {
	left: 0%;
	transform: translate(0%, 0);
}

.newClass20230307 .box li .num .before {
	line-height: 1;
	font-size: 1.25rem;
	margin-right: 6px;
	font-weight: 700;
}

.aboutview .toggle {
	color: #495770;
	font-size: 1rem;
	line-height: 1.875rem;
}



.about .sovideo {
	padding: 0;
}


.aboutculture {
	width: 100%;
	float: left;
}

.aboutculture .title {
	text-align: left;
}

.aboutculture .box {
	width: 34%;
	float: left;
}

.aboutculture ul,
.aboutculture li {
	width: 100%;
	float: left;
}

.aboutculture ul {
	margin-top: 3rem;
}

.aboutculture li {
	margin-bottom: 1rem;
	position: relative;
}

.aboutculture li .img {
	width: 6.25rem;
	height: 6.25rem;
	border: #E5E5E5 1px solid;
	overflow: hidden;
	background: #fff;
	border-radius: 100%;
	float: left;
}

.aboutculture li .title {
	top: 50%;
	right: 0;
	width: 100%;
	float: left;
	padding-left: 7.75rem;
	transform: translate(0, -50%);
	position: absolute;
}

.aboutculture li .title>div {
	width: 100%;
	float: left;
}

.aboutculture li .title .name {
	font-size: 1.125rem;
	line-height: 2rem;
	font-weight: bold;
	color: #16181a;
}

.aboutculture li .title .desc {
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
}

.aboutculture .toggle {
	width: 61%;
	float: right;
}


.about .about2 {
	position: relative;
	padding: 0;
	color: #fff;
	background-size: 100% 100% !important;
}

.about2 .title .name {
	color: #fff;
	text-align: left;
}

.aboutdepa {
	width: 100%;
	float: left;
	height: 100%;
	padding: 6.25rem 0;
}

.yearswiper {
	width: 100%;
	height: 17.5rem;
	float: left;
	margin-top: 4rem;
	overflow: hidden;
	border-left: #4579AD 1px solid;
}

.yearswiper .swiper-wrapper {
	width: 5rem;
	height: 100%;
	float: left;
}

.yearswiper .swiper-slide {
	width: 100%;
	float: left;
	height: 10%;
	line-height: 2.1875rem;
}

.yearswiper .swiper-slide .box {
	width: 100%;
	height: 2.1875rem;
	float: left;
	overflow: hidden;
	text-align: center;
	color: #4579AD;
	font-size: 1rem;
	cursor: pointer;
}


.yearswiper .yearsinfo {
	position: relative;
	width: calc(100% - 8rem);
	padding-right: 4%;
	float: right;
	height: 100%;
}

.yearswiper .toggle {
	width: 100%;
	display: none;
}

.yearswiper .toggle>div {
	max-width: 50%;
	float: left;
	margin-right: 3rem;
}

.yearswiper .toggle .img img {
	height: 100%;
	float: left;
	object-fit: cover;
}

.yearswiper .toggle .text {
	flex: 1;
	float: right;
}

.yearswiper .toggle .text>div {
	width: 100%;
	float: left;
}

.yearswiper .toggle .text .date {
	font-size: 2.5rem;
	line-height: 3rem;
}

.yearswiper .toggle .text .name {
	font-size: 1.5rem;
	line-height: 2rem;
	max-height: 4rem;
	overflow: hidden;
	margin-top: 0.5rem;
}

.yearswiper .toggle .text .desc {
	font-size: 1rem;
	line-height: 2rem;
	max-height: 11rem;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 1rem;
}

.yearswiper .toggle .text .desc::-webkit-scrollbar {
	width: 10px;
}

.yearswiper .toggle .text .desc::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #fff;
}

.yearswiper .toggle .text .desc::-webkit-scrollbar-thumb {
	background: #fff;
	-webkit-box-shadow: inset 0 0 6px #fff;
}

.yearswiper .toggle .text .desc::-webkit-scrollbar-thumb:window-inactive {
	background: #fff;
}


.yearswiper .swiper-slide.on .box {
	border-left: #fff 2px solid;
	color: #fff;
}

.yearswiper .yearsinfo .toggle.on {
	display: flex;
}




.abouthonor ul {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 2rem;
	border-bottom: #DCDCDC 1px solid;
	padding-bottom: 2rem;
}

.abouthonor li {
	width: 25%;
	float: left;
	text-align: center;
}

.abouthonor li>div {
	width: 100%;
	float: left;
}

.abouthonor li .num {
	font-size: 3rem;
	line-height: 4rem;
	color: #d70008;
}

.abouthonor li .num font {
	position: relative;
	padding-right: 2rem;
}

.abouthonor li .num font:before {
	position: absolute;
	content: '+';
	right: 0;
	top: 0;
	font-size: 2.5rem;
	font-weight: bold;
}

.abouthonor li .name {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333;
}

.abouthonor .toggle {
	color: #495770;
	font-size: 1rem;
	line-height: 1.875rem;
}







.abtslidelist {
	width: 100%;
	float: left;
}

.abtslidelist .toggle {
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}

.abtslidelist .pics {
	width: 100%;
	float: left;
	overflow: hidden;
}

.abtslidelist .swiper-wrapper {
	width: 100%;
	float: left;
}

.abtslidelist .swiper-slide {
	float: left;
	padding: 0 1.5rem;
}

.abtslidelist .img {
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	overflow: hidden;
	cursor: pointer;
}

.abtslidelist .img img {
	width: 100%;
	float: left;
	object-fit: cover;
}

.abtslidelist .name {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin-top: 1rem;
	text-align: center;
}


.abtslidelist .btn {
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top: calc(45% - 1.5625rem);
	cursor: pointer;
	position: absolute;
	right: -4%;
}

.abtslidelist .btn.prev {
	right: initial;
	left: -4%;
}

.abtslidelist .btn.swiper-button-disabled {
	opacity: 0.5;
}

.abtslidelist .btn.next:before {
	position: absolute;
	content: '';
	right: 15%;
	top: 45%;
	width: 0;
	height: 0;
	border-right: 2px solid #7F8891;
	border-top: 2px solid #7F8891;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.abtslidelist .btn.prev:before {
	position: absolute;
	content: '';
	left: 55%;
	top: 43%;
	width: 0;
	height: 0;
	border-left: 2px solid #7F8891;
	border-bottom: 2px solid #7F8891;
	height: 1.5rem;
	width: 1.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}


.abtslidelist .swiper-slide:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}




.about .about4 {
	background: #167BC0;
	background: linear-gradient(#3298D2, #167BC0);
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}

.about .about4:before {
	position: absolute;
	content: '';
	left: -20%;
	top: -80%;
	transform: rotate(-30deg);
	width: 0;
	height: 0;
	border-left: 20rem solid transparent;
	border-right: 20rem solid transparent;
	border-bottom: 200rem solid rgb(255, 255, 255, 0.05);
}

.about .about4:after {
	position: absolute;
	content: '';
	left: 10%;
	top: -80%;
	transform: rotate(-50deg);
	width: 0;
	height: 0;
	border-left: 20rem solid transparent;
	border-right: 20rem solid transparent;
	border-bottom: 200rem solid rgb(255, 255, 255, 0.05);
}

.aboutbase {
	width: 100%;
	float: left;
}

.aboutbase .title .name {
	color: #fff;
}

.aboutbase .abtbaseimg {
	width: 100%;
	float: left;
	text-align: center;
	margin: 3rem 0;
}

.abtb,
.abtb .swiper-wrapper,
.abtb .swiper-slide {
	width: 100%;
	float: left;
}

.abtb {
	overflow: hidden;
	position: relative;
}

.abtb .swiper-slide {
	background: #E4EAF0;
	cursor: pointer;
}

.abtb .toggle {
	float: right;
	width: 55%;
}

.abtb .toggle img {
	width: 100%;
	float: left;
}

.abtb .box {
	width: 45%;
	float: left;
	padding: 3rem;
}

.abtb .box>div {
	width: 100%;
	float: left;
}

.abtb .box .name {
	font-size: 1.875rem;
	line-height: 3rem;
	color: #16181a;
	margin-top: 2rem;
}

.abtb .box .desc {
	font-size: 1rem;
	line-height: 2rem;
	height: 14rem;
	overflow: hidden;
	color: #666;
	margin-top: 2rem;
}

.abtb .btn {
	position: absolute;
	left: 3rem;
	bottom: 3rem;
	width: 2.5rem;
	height: 2.5rem;
	border: #D5D7DA 1px solid;
	background: #fff;
	z-index: 1;
	border-radius: 0.25rem;
	cursor: pointer;
}

.abtb .btn.next {
	left: 6rem;
}

.abtb .btn:before {
	position: absolute;
	content: '';
	left: 55%;
	top: 45%;
	width: 0;
	height: 0;
	border-left: 2px solid #7F8891;
	border-bottom: 2px solid #7F8891;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}

.abtb .btn.next:before {
	left: 40%;
	border-right: 2px solid #7F8891;
	border-top: 2px solid #7F8891;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.abtb .btn:hover,
.abtb .btn.swiper-button-disabled {
	background: #ccc
}




.about .about5 {
	width: 100%;
	float: left;
}

.aboutnews .title .name {
	float: left;
	width: initial;
}

.aboutnews .title .more {
	float: right;
	width: initial;
	line-height: 4rem;
	font-size: 0.875rem;
}

.aboutnews .title .more a {
	color: #1482C5;
	position: relative;
	padding-right: 1rem;
}

.aboutnews .title .more a:before {
	position: absolute;
	content: '';
	right: 0;
	top: 45%;
	width: 0;
	height: 0;
	border-right: 2px solid #1482C5;
	border-top: 2px solid #1482C5;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.aboutnews .info {
	margin-top: 2rem;
}

.aboutnews .info,
.aboutnews ul {
	width: 100%;
	float: left;
}

.aboutnews li {
	width: 32.3333%;
	margin-left: 1.5%;
}

.aboutnews li:nth-child(3n-2) {
	margin-left: 0;
}

.aboutnews li>div,
.aboutnews li .img,
.aboutnews li .img img,
.aboutnews li .text>div {
	width: 100%;
	float: left;
}

.aboutnews li .img {
	cursor: pointer;
	overflow: hidden;
}

.aboutnews li .img {
	height: 0;
	padding-bottom: 66.6666%;
	position: relative;
}

.aboutnews li .img a {
	display: inline-block;
	width: 100%;
	float: left;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	height: 100%;
}

.aboutnews li .img img {
	height: 100%;
	min-width: 100%;
	width: auto;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.aboutnews li .text {
	background: #F5F7FA;
	padding: 1.625rem;
}

.aboutnews li .name {
	font-size: 1.125rem;
	color: #333;
	line-height: 1.5rem;
	height: 3rem;
	font-weight: bold;
	overflow: hidden;
}

.aboutnews li .time {
	font-size: 0.875rem;
	color: #969696;
	line-height: 1rem;
	height: 1rem;
	overflow: hidden;
	margin-top: 2rem;
}

.aboutnews li .time font {
	display: inline-block;
	float: left;
	position: relative;
	padding: 0 0.5rem;
}

.aboutnews li .time font:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 60%;
	top: 25%;
	left: 0;
	background: #969696;
}

.aboutnews li .time font:nth-child(1) {
	padding-left: 0;
}

.aboutnews li .time font:nth-child(1)::before {
	display: none;
}

.aboutnews li .time .sort {
	color: #E83F4A;
}

.aboutnews li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05) translate(-50%, 0);
	-moz-transform: scale(1.05) translate(-50%, 0);
	-ms-transform: scale(1.05) translate(-50%, 0);
	-o-transform: scale(1.05) translate(-50%, 0);
}


.about .about6 {
	padding-bottom: 15rem;
	background: #F6F7FB url(/phone/images/about9.jpg);
	background-position: right bottom;
	background-size: 100% 100%;
}

.about6 .title {
	text-align: left;
}

.aboutcoop,
.aboutcoop>div {
	width: 100%;
	float: left;
}

.aboutcoop .text {
	margin-top: 3rem;
	height: 28.875rem;
}

.aboutcoop .toggle {
	width: 43%;
	float: left;
	background: #fff;
	padding: 3rem;
}

.aboutcoop .toggle>div,
.aboutcoop .box>div {
	width: 100%;
	float: left;
}

.aboutcoop .toggle .name {
	font-size: 1.5rem;
	color: #007ac1;
	line-height: 3rem;
}

.aboutcoop .toggle .link {
	margin-top: 1rem;
}

.aboutcoop .toggle .link p {
	line-height: 2rem;
	margin: 0.5rem 0;
	color: #495770;
	display: flex;
}

.aboutcoop .toggle .link p img {
	width: 8rem;
	float: left;
	margin-left: 1rem;
}

.aboutcoop .toggle .link p font {
	width: 1rem;
	display: inline-block;
	float: left;
	color: #007AC1;
	line-height: 2rem;
	padding-right: 1rem;
}

.aboutcoop .toggle .link p span {
	flex: 1
}

.aboutcoop .box {
	width: 50%;
	float: right;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 2rem;
}

.aboutcoop .box .name {
	font-size: 1.875rem;
	color: #d70008;
	line-height: 2rem;
}

.aboutcoop .box .sname {
	font-size: 1.5rem;
	color: #16181a;
	line-height: 2rem;
	margin-top: 1rem;
	margin-bottom: 1.75rem;
}

.aboutcoop .box .desc {
	line-height: 1.875rem;
	color: #495770;
	font-size: 1rem;
}

.aboutcoop .box::-webkit-scrollbar {
	width: 5px;
}

.aboutcoop .box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}

.aboutcoop .box::-webkit-scrollbar-thumb {
	background: #007AC1;
	-webkit-box-shadow: inset 0 0 6px #007AC1;
	opacity: 1
}

.aboutcoop .box::-webkit-scrollbar-thumb:window-inactive {
	background: #D4D9E0;
}




.contact,
.contact>div {
	width: 100%;
	float: left;
}

.contact>div {
	padding: 6.25rem 0;
}

.contact .cont2 {
	padding-bottom: 0;
}

.contact .cont3 {
	background: #F5F7FA;
	padding-bottom: 0;
}

.contact .title,
.contact .title>div {
	width: 100%;
	float: left;
}

.contact .title .name {
	font-size: 2.25rem;
	line-height: 3rem;
	color: #16181a;
}

.contact .cont1 {
	padding-bottom: 0;
}

.lithree {
	margin-top: 3rem;
	width: 67%;
	float: left;
}

.lithree ul {
	width: 100%;
	float: left;
	display: flex;
}

.lithree li {
	flex: 1;
	width: 33.3333%;
	border-right: #DCDCDC 1px solid;
	line-height: 1.5rem;
	color: #495770;
	font-size: 1rem;
	padding: 0 1.875rem;
}

.lithree li p {
	margin: 0.5rem 0;
}


.contqrcode {
	margin-top: 3rem;
	width: 33%;
	float: left;
	padding: 0 3rem;
	line-height: 2.25rem;
	color: #495770;
	font-size: 1rem;
}

.contqrcode img {
	float: left;
	margin-top: 1rem;
	width: 7.5rem;
	height: 7.5rem;
}

.contmap {
	margin-top: 3rem;
}

.contmap,
.contmap>div {
	width: 100%;
	float: left;
}

.contmap #cmap {
	height: 21.875rem;
}

#cmap img {
	max-width: none;
}



.sixlicard,
.sixlicard ul {
	width: 100%;
	float: left;
}

.sixlicard {
	margin-top: 3rem;
}

.sixlicard.active {}

.sixlicard.active ul {
	height: 22.5rem;
}

.sixlicard li {
	width: 32.3333%;
	height: 10.625rem;
	background: #F5F7FA url(../images/contact1.jpg) right top no-repeat;
	margin-left: 1.5%;
	margin-top: 1rem;
}

.sixlicard li:nth-child(-n + 3) {
	margin-top: 0;
}

.sixlicard li:nth-child(3n-2) {
	margin-left: 0;
}

.sixlicard .text {
	padding: 1.875rem;
}

.sixlicard .text,
.sixlicard .text>div {
	width: 100%;
	float: left;
}

.sixlicard .name {
	font-size: 1.125rem;
	color: #333;
	font-weight: bold;
}

.sixlicard .desc {
	margin-top: 2rem;
	font-size: 1rem;
	color: #495770;
	line-height: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
}

.sixlicard .link,
.sixlicard .link a {
	width: 100%;
	float: left;
	text-align: center;
}

.sixlicard .link {
	margin-top: 2rem;
}

.sixlicard .link a {
	display: inline-block;
	height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
}

.sixlicard .link a font {
	display: inline-block;
	font-size: 1rem;
	line-height: 3rem;
}

.sixlicard .cclick {
	margin-top: 1.5rem;
	color: #007ac1;
	font-size: 0.875rem;
}

.sixlicard .cclick>font {
	cursor: pointer;
}

.sixlicard .cclick .cup {
	color: #495770;
	display: none;
}

.sixlicard li.on {
	position: relative;
	z-index: 2;
}

.sixlicard li.on .text {
	position: absolute;
	left: 0;
	top: 0;
	padding: 1.125rem 1.875rem;
	z-index: 1;
	background: #F5F7FA url(../images/contact1.jpg) right top no-repeat;
	box-shadow: 0 0.5rem 1rem 0.5rem rgb(73 87 112 / 20%);
}

.sixlicard li.on .cclick .cup {
	display: inline-block;
}

.sixlicard li.on .cclick .cdown {
	display: none;
}

.sixlicard li.on .desc {
	height: auto;
}

.sixlicard .sixlink {
	width: 100%;
	float: left;
	text-align: center;
	height: 11rem;
	line-height: 4rem;
	overflow: hidden;
	color: #D70008;
	font-size: 0.875rem;
	margin-top: 0.5rem;
	background: #fff;
}

.sixlicard .sixlink a {
	position: relative;
	padding-right: 1.5rem;
	color: #D70008;
}

.sixlicard .sixlink a .lname2 {
	display: none;
}

.sixlicard .sixlink a:before,
.sixlicard .sixlink a:after {
	position: absolute;
	content: '';
	right: 2%;
	top: 20%;
	width: 0;
	height: 0;
	border-right: 1px solid #D70008;
	border-bottom: 1px solid #D70008;
	height: 0.25rem;
	width: 0.25rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
	opacity: 1;
}

.sixlicard .sixlink a:after {
	top: 50%;
}

.sixlicard .sixlink a.on:before,
.sixlicard .sixlink a.on:after {
	position: absolute;
	content: '';
	right: 10%;
	top: 20%;
	width: 0;
	height: 0;
	border-right: 1px solid #D70008;
	border-bottom: 1px solid #D70008;
	height: 0.25rem;
	width: 0.25rem;
	transform: rotate(-135deg) translate(-50%, 0%);
	-webkit-transform: rotate(-135deg) translate(-50%, 0%);
	-moz-transform: rotate(-135deg) translate(-50%, 0%);
	-ms-transform: rotate(-135deg) translate(-50%, 0%);
	-o-transform: rotate(-135deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
	opacity: 1;
}

.sixlicard .sixlink a.on:after {
	top: 50%;
}



.cont3 .title>div {
	width: auto;
}

.cont3 .title .csort {
	float: right;
	font-size: 1.5rem;
	color: #16181a;
	line-height: 3rem;
}

.cont3 .title .csort font {
	margin-left: 2.5rem;
	cursor: pointer;
}

.cont3 .title .csort font.on {
	color: #007ac1;
}

.cont3 .title .csort font:nth-child(1) {
	margin-left: 0;
}

.fourpicslide {
	width: 100%;
	float: left;
	margin-top: 3rem;
}



.fourpicslide,
.fourpicslide .csslide {
	width: 100%;
	float: left;
}

.fourpicslide {
	position: relative;
	height: 20rem;
}

.fourpicslide .csslide {
	opacity: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
}

.myskin {
	background: initial !important;
	box-shadow: initial !important;
}


.csslide.on {
	opacity: 1;
	z-index: 1;
}

.fourpicslide .cspic {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.csslide .swiper-wrapper,
.csslide .box {
	width: 100%;
	float: left;
}

.csslide .swiper-slide {
	float: left;
	width: auto;
}

.csslide .swiper-slide .box,
.csslide .swiper-slide .sbox {
	width: 100%;
	height: 100%;
	float: left;
}

.csslide .swiper-slide:nth-child(2n-1) {
	width: 38%;
}

.csslide .swiper-slide:nth-child(2n-0) {
	width: 22%;
	margin: 0 1%;
}

.csslide .swiper-slide:nth-child(2n-0) .sbox {
	height: 9.5rem;
}

.csslide .swiper-slide:nth-child(2n-0) .sbox:nth-child(2) {
	margin-top: 1rem;
}

.csslide .sbox .img,
.csslide .sbox .img img {
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}

.csslide .sbox .img {
	position: relative;
	height: 100%;
	cursor: pointer;
}

.csslide .sbox.img1 {
	width: 42%;
	margin-left: 0;
}

.csslide .sbox.img2 {
	width: 21%;
}

.csslide .sbox.img2 .img {
	height: 9.5rem;
}

.csslide .sbox.img2 .img:nth-child(2) {
	margin-top: 1rem;
}

.csslide .sbox.img3 {
	width: 35%;
}

.csslide .sbox .img i {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
}

.csslide .sbox .img i:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 122, 193, 0.7);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.csslide .sbox .img:before {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	border: #fff 2px solid;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.csslide .sbox .img:after {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	content: '+';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -55%);
	font-size: 3rem;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.csslide .sbox .img:hover::after,
.csslide .sbox .img:hover::before,
.csslide .sbox .img:hover i:before {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}





.csslide .btn {
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top: calc(50% - 1.5625rem);
	cursor: pointer;
	border: #007AC1 3px solid;
	border-radius: 100%;
	position: absolute;
	right: -6%;
}

.csslide .btn.prev {
	right: initial;
	left: -6%;
}

.csslide .btn.swiper-button-disabled {
	opacity: 0.8;
	border: #CED0D2 3px solid;
}

.csslide .btn.prev.swiper-button-disabled:before {
	border-left: 3px solid #CED0D2;
	border-bottom: 3px solid #CED0D2;
}

.csslide .btn.next.swiper-button-disabled:before {
	border-right: 2px solid #CED0D2;
	border-top: 2px solid #CED0D2;
}

.csslide .btn.swiper-button-disabled:after {
	background: #D6D7DA;
}

.csslide .btn.next:before {
	position: absolute;
	content: '';
	left: initial;
	bottom: initial;
	right: 25%;
	top: 36%;
	width: 0;
	height: 0;
	border-right: 2px solid #007AC1;
	border-top: 2px solid #007AC1;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.csslide .btn:after {
	position: absolute;
	content: '';
	width: 50%;
	height: 2px;
	background: #007AC1;
	top: calc(50% - 1px);
	left: calc(50% - 25%);
}

.csslide .btn.prev:before {
	position: absolute;
	content: '';
	left: initial;
	bottom: initial;
	left: 25%;
	top: 36%;
	width: 0;
	height: 0;
	border-left: 2px solid #007AC1;
	border-bottom: 2px solid #007AC1;
	height: 0.5rem;
	width: 0.5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.5s;
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
}

.twolink {
	margin-top: 6.25rem;
}

.twolink,
.twolink ul {
	width: 100%;
	float: left;
}

.twolink li {
	width: 50%;
	float: left;
	height: 11.25rem;
	position: relative;
	background: url(../images/join1.jpg);
	background-size: 100% 100%;
	color: #fff;
}

.twolink li:nth-child(2) {
	background: url(../images/join2.jpg);
	background-size: 100% 100%;
}

.twolink li .box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.twolink li .box i {
	float: left;
	display: inline-block;
	width: 5.625rem;
	height: 5.625rem;
	background: url(../images/join3.png);
	background-size: 100% 100%;
}

.twolink li .box .text {
	float: left;
	font-size: 2.25rem;
	line-height: 3rem;
	margin-left: 2rem;
}

.twolink li .box .text .link {
	float: left;
}

.twolink li .box .text .link a {
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #fff;
	position: relative;
	padding-right: 1rem;
}

.twolink li .box .text .link a:before {
	position: absolute;
	content: '';
	right: 2%;
	top: 43%;
	width: 0;
	height: 0;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 0.3rem;
	width: 0.3rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.twolink li:nth-child(2) .box i {
	background: url(../images/join4.png);
	background-size: 100% 100%;
}

.twolink li .box .text .link a:hover {
	margin-left: 0.25rem;
}





.cform {
	width: 100%;
	float: left;
}

.cform .title {
	text-align: center;
}

.cform form {
	width: 100%;
	float: left;
	margin-top: 3rem;
}

.cform .cinput {
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 4%;
	height: 3rem;
	border: #DCDCDC 1px solid;
	line-height: 3rem;
	display: flex;
	padding: 0 1.5rem;
	color: #6F7276;
	overflow: hidden;
	position: relative;
}

.cform .cinput:nth-child(2n-1) {
	margin-left: 0;
}

.cform .cinput .name {
	position: absolute;
	float: left;
	margin-right: 1rem;
	z-index: 1;
}

.cform .cinput .name font {
	color: #f00;
}

.cform .cinput input {
	flex: 1;
	position: relative;
	z-index: 1;
}

.cform .cinput2 {
	width: 100%;
	height: 15rem;
}

.cform .cinput2 .name {
	width: 90%;
}

.cform .cinput2 textarea {
	width: 100%;
	float: left;
	margin-top: 3rem;
	height: 10rem;
	line-height: 2rem;
	resize: none;
}


.cform .cinput.on .name {
	opacity: 0;
	z-index: -1;
}

.cform .csubmit {
	width: 100%;
	float: left;
}

.cform .csubmit input {
	width: 10rem;
	height: 3rem;
	color: #fff;
	line-height: 3rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	background: #007AC1
}



.anmenu {
	/*border-top: #E7E7E7 1px solid;*/
	border-bottom: #E7E7E7 1px solid;
}

.newsslide {
	padding: 3rem 0;
	width: 165%;
	float: left;
}

.newsslide .box .img,
.newsslide .box .video {
	width: 60%;
	height: 0;
	padding-bottom: 40%;
}

.newsslide .box .video {
	position: relative;
	overflow: hidden;
}

.newsslide .box .video .img {
	width: 100%;
	padding-bottom: 66.6666%;
	position: relative;
}

.newsslide .box .video .img img {
	position: absolute;
	max-width: auto;
	min-width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;

}

.newsslide .box .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
	z-index: -1;

}

@media (min-aspect-ratio:16/9) {
	.newsslide .box .video video {
		width: auto;
		height: 100%;
	}
}

@media (max-aspect-ratio:16/9) {
	.newsslide .box .video video {
		width: 100%;
		height: auto;
	}
}

.newsslide .box .video .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -30%);
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 6rem;
	padding: 0;
	height: initial;
}

.newsslide .box .video:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.newsslide .box .video .text i {
	display: inline-block;
	width: 100%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	cursor: pointer;
}

.newsslide .box .video .text i:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	border-left: 0.8rem solid #007AC1;
}

.newsslide .box .video .text i:after {
	position: absolute;
	content: '';
	width: 200%;
	height: 200%;
	left: -50%;
	top: -50%;
	background: rgba(255, 255, 255, 1.0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	animation: nchanges 2s linear 0.5s infinite;
}

.newsslide .box .video .text i:hover::after {
	animation-play-state: paused;
}

@keyframes nchanges {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	50% {
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

.sovideo .text p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;

}

.newsslide .toggle {
	width: 40%;
	background: #F5F7FA;
}

.newsslide .swiper-pagination {
	display: none;
}

.newsslide .name {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
}

.newsslide .date {
	color: #D91B22;
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 1rem;
}

.newsslide .desc {
	margin: 5% 0;
}


.anews {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}

.anews .title,
.anews .anewsl,
.anews .title>div {
	width: 100%;
	float: left;
}

.anews .title {
	text-align: center;
}

.anews .title .name {
	font-size: 2.25rem;
	line-height: 3rem;
	color: #16181a;
}

.anewsl {
	width: 100%;
	float: left;
	margin: 3rem 0 5rem 0;
}

.anewsl ul {
	width: 100%;
	min-height: 15rem;
	float: left;
	margin: 2rem 0;
	position: relative;
}

.anewsl li {
	width: 31.3333%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}

.anewsl li:nth-child(3n-2) {
	margin-left: 0;
}

.anewsl .img {
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	overflow: hidden;
	border: #D8D8D8 1px solid;
}

.anewsl .img.videoimg {
	padding-bottom: 55%;
	position: relative;
}

.anewsl .img.videoimg i {
	display: inline-block;
	position: absolute;
	top: 50%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.anewsl .img.videoimg i:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	border-left: 0.8rem solid #007AC1;
}

.anewsl .img a {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
}

.anewsl .img img {
	width: 100%;
	float: left;
}

.anewsl .text {
	width: 100%;
	float: left;
	background: #F5F8FC;
	border: #D8D8D8 1px solid;
	border-top: none;
	padding: 1.5rem;
}

.anewsl .text>div {
	width: 100%;
	float: left;
}

.anewsl .name {
	font-size: 1.25rem;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	color: #16181a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 1rem;
}

.anewsl .desc {
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 6rem;
	overflow: hidden;
	color: #495770;
	margin-bottom: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: none;
}

.anewsl .more a {
	float: right;
	font-weight: bold;
	color: #007AC1;
	font-size: 0.875rem;
	line-height: 1rem;
	position: relative;
	padding-right: 1rem;
}

.anewsl .more a:before {
	position: absolute;
	content: '';
	right: 2%;
	top: 48%;
	width: 0;
	height: 0;
	border-right: 1px solid #007AC1;
	border-top: 1px solid #007AC1;
	height: 0.3rem;
	width: 0.3rem;
	transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transform: rotate(45deg) translate(-50%, 0%);
	-moz-transform: rotate(45deg) translate(-50%, 0%);
	-ms-transform: rotate(45deg) translate(-50%, 0%);
	-o-transform: rotate(45deg) translate(-50%, 0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.anewsl .more .date {
	float: left;
}

.anewsl li:hover .text {
	background: #007AC1;
	color: #fff;
}

.anewsl li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.anewsl li:hover .name,
.anewsl li:hover .name a,
.anewsl li:hover .desc,
.anewsl li:hover .more a {
	color: #fff;
}

.anewsl li:hover .more a:before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}


.newsview .left {
	width: 70%;
	float: left;
}

.newsview .right {
	width: 24%;
	float: right;
}

.newsview .w100 {
	width: 100%;
	float: left;
}

.newsview .ncontent {
	width: 100%;
	float: left;
	border-bottom: #F0F0F0 1px solid;
	padding-bottom: 3rem;
	min-height: 25rem;
	line-height: 2;
}

.newsview .ncontent video {
	width: 90%;
	margin: 0 5%;
}

.newsview .right .title {
	width: 100%;
	float: left;
	color: #16181a;
	font-size: 1.5rem;
	line-height: 2rem;
}

.newsview .right ul {
	width: 100%;
	float: left;
	margin-top: 2rem;
}

.newsview .right li {
	width: 100%;
	float: left;
	border-bottom: #DCDCDC 1px solid;
}

.newsview .right li .name,
.newsview .right li .img,
.newsview .right li .img img,
.newsview .right li .date {
	width: 100%;
	float: left;
}

.newsview .right li .img {
	position: relative;
}

.newsview .right li .img i {
	display: inline-block;
	position: absolute;
	top: 50%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.newsview .right li .img i:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	border-left: 0.8rem solid #007AC1;
}

.newsview .right li .date {
	margin: 1rem 0 0.5rem 0;
	color: #b4b4b4;
	font-size: 0.875rem;
	line-height: 1rem;
}

.newsview .right li .name {
	font-size: 1rem;
	color: #505050;
	line-height: 1.5rem;
	margin-bottom: 1rem;
}


.socaselist .pics-nightlist .desc {
	height: 3rem;
	-webkit-line-clamp: 2;
}


.branchlist {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}

.branchlist ul {
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}

.branchlist li {
	width: 49%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
}

.branchlist li:nth-child(2n-1) {
	margin-left: 0;
}

.branchlist .text {
	width: 100%;
	float: left;
	background: #F5F8FC;
	border: #D8D8D8 1px solid;
	padding: 1.5rem;
}

.branchlist .text>div {
	width: 100%;
	float: left;
}

.branchlist .name {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	color: #16181a;
}

.branchlist .desc {
	font-size: 0.875rem;
	line-height: 1.5rem;
	overflow: hidden;
	color: #495770;
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.branchlist .desc.bauto {
	display: initial;
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;
}

.branchlist .desc .bautolist {
	min-height: 8rem;
	float: left;
}

.branchlist .desc.bauto p:nth-child(4) {
	height: 3rem;
	overflow: hidden;
}

.branchlist li:hover {
	box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 10%);
}

.branchlist li:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.branchlist li:hover .name a {
	color: #007AC1;
}

.branchlist li:hover .text {
	background: #fff;
}

.branchlist li .link,
.branchlist li .link a {
	width: 100%;
	text-align: center;
}

.branchlist li .link {
	margin-top: 2rem;
}

.branchlist li .link a {
	display: inline-block;
	height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
}

.branchlist li .link a font {
	display: inline-block;
	font-size: 1rem;
	line-height: 3rem;
}


.branchview {
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}

.branchview .name,
.branchview .desc {
	width: 100%;
	float: left;
}

.branchview .name {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 3rem;
}

.branchview .desc {
	margin-top: 3rem;
	width: 50%;
	margin: 0 25%;
	line-height: 2.5rem;
	font-size: 1.125rem;

	text-align: center;
}

.branchview .back {
	width: 100%;
	float: left;
	margin: 2rem 0 4rem 0;
}

.branchview .back a {
	display: inline-block;
	width: 50%;
	float: left;
	margin: 0 25%;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
}

.contmap {
	margin-bottom: 2rem;
}


.recruitinglist {
	background: #F5F7FA;
}

#splist {
	margin-top: 2rem;
	width: 100%;
	float: left;
}

.tsdabt .left {
	width: 100%;
}


.applybox {
	width: 40rem !important;
}

#tojob {
	display: none;
	width: 100%;
	background: #fff;
	overflow: hidden;
	padding: 2rem 3rem;
}

#tojob .title {
	width: 100%;
	float: left;
	text-align: center;
	height: 3rem;
	overflow: hidden;
}

#tojob font {
	padding-left: 3rem;
	line-height: 3rem;
	font-size: 2rem;
}

#tojob font.layui-icon {
	position: absolute;
	font-size: 2.5rem;
	line-height: 3.25rem;
	padding-left: 0;
}

#tojob .appinput {
	width: 100%;
	float: left;
	height: 3rem;
	line-height: 3rem;
	border: #dcdcdc 1px solid;
	margin-top: 1.5rem;
	padding: 0 1rem;
	font-size: 1rem;
}

#tojob .appinput input[type='text'] {
	width: 100%;
}

#tojob .appinput.btn {
	border: initial;
}

#tojob .appinput.btn input {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	background: #007AC1;
	color: #fff;
	width: 50%;
	border-radius: 0.25rem;
	cursor: pointer;
}

@media(max-width:1440px) {
	.nybanner .text {
		left: initial;
		transform: initial;
	}

	.nybanner .text .box {
		width: 40%;
	}

	.nybanner .text .name {
		font-size: 2.3125rem;
		line-height: 3rem;
	}

	.nybanner .text .desc {
		margin-top: 1.875rem;
		line-height: 1.625rem;
	}

	.nybanner .text .link {
		margin-top: 3rem;
	}

	.nybanner .text .link a font {
		padding-left: 0;
	}

	.nypos .w1400 {
		width: 100%;
		margin: 0;
	}

	.nypos .box,
	.nymenu .box {
		height: 3.5rem;
		line-height: 3.5rem;
	}

	.product .filter .w1400 {
		padding: 1.875rem 0;
		margin: 0;
	}

	.product-card,
	.product-pics,
	.teams .w1400 {
		padding: 5rem 0;
		margin: 0 auto;
	}

	.product-card h3 {
		font-size: 2.3125rem;
		line-height: 3rem;
	}

	.product .list ul {
		margin: 1.875rem 0;
	}

	.product .list li {
		margin: 0;
		margin-left: 3%;
		margin-bottom: 3%;
	}

	.product .qrcode .text {
		margin: 3rem 0;
		font-size: 2rem;
		line-height: 2.5rem;
	}


	.productview>div,
	.provvideo .w1400 {
		padding: 5rem 0;
	}

	.provvideo .w1400 {
		margin: 0;
	}

	.nytitle {
		font-size: 2rem;
		line-height: 3rem;
	}

	.pro-ico ul {
		margin-top: 2rem;
	}

	.pro-ico li .name {
		font-size: 1.25rem;
		line-height: 2rem;
		height: 2rem;
		margin: 0.5rem 0;
	}

	.productview .provdown li {
		width: 49%;
		margin-left: 2%;
	}

	.nybanner .r360 {
		max-height: 100%;
	}

	.teams .cont {
		margin: 2.5rem 0 2rem 0;
	}

	.teams .box {
		margin-top: 3rem;
		padding-bottom: 0;
	}

	.backbone {
		padding: 5rem 0;
	}

	.backbone li {
		margin-top: 4rem;
	}

	.system .system-top ul {
		line-height: 4.5rem;
	}

	.cont-textpic {
		margin-top: 5rem;
	}

	.service>div {
		padding: 5rem 0;
	}

	.lprt .text .box {
		padding: 3rem 4rem;
	}

	.lprt .name {
		font-size: 1.5rem;
	}

	.lprt .desc {
		line-height: 1.5rem;
		max-height: 3rem;
	}

	.lprt .link {
		margin-top: 2rem;
	}

	.eightico li {
		width: 23%;
		margin-left: 2.6666%;
	}

	.service .title .name {
		font-size: 2.5rem;
		line-height: 4rem;
	}

	.service .title .name img {
		height: 4rem;
	}

	.service .title .desc {
		margin: 2rem 0;
	}

	.tnfi ul {
		margin-top: 2rem;
	}

	.tnfi li .name {
		line-height: 1.5rem;
		height: 3rem;
		margin-top: 1.5rem;
	}

	.tninfo ul,
	.tnfthree {
		margin-bottom: 0rem;
	}

	.tnfthree ul li .text {
		margin-top: 1rem;
	}

	.solution {
		padding: 5rem 0 10rem 0;
	}

	.soluindex .text {
		padding: 2rem;
	}

	.soluindex .name {
		font-size: 1.75rem;
		line-height: 2.5rem;
		max-height: 10rem;
	}

	.soluindex .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		margin: 2rem 0;
		height: 7.5rem;
	}

	.soluindex .link a {
		font-size: 0.75rem;
		padding: 0.625rem 1.25rem;
	}

	.fwslide {
		width: 96%;
		margin: 0 2%;
	}

	.servicelist>div {
		padding: 5rem 0;
	}

	.servicelist .title {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.shornoslide {
		width: 90%;
		margin: 0 5%;
	}

	.serteam .info {
		margin-top: 2rem;
		line-height: 2rem;
	}

	.serbuy .link {
		margin-bottom: 5rem;
	}


	.solist-0 {
		padding-bottom: 5rem;
	}

	.solist-1,
	.solist-2,
	.solist-3,
	.solist-4 {
		padding: 5rem 0;
	}

	.cont-two-txtpic .name {
		height: 5rem;
		line-height: 5rem;
		font-size: 1.625rem;
	}

	.cont-two-txtpic .desc {
		padding: 2rem;
		height: 21rem;
	}

	.three-pictext .toggle {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.three-pictext .img,
	.three-pictext .text {
		width: 94%;
		margin: 0 3%;
	}

	.three-pictext .text {
		padding: 2rem;
	}

	.three-pictext .btn {
		right: -3%;
		z-index: 1;
		/*background: #F5F7FA;*/
	}

	.three-pictext .btn.prev {
		left: -3%;
	}


	.sale>div {
		padding: 5rem 0;
	}

	.sale>div:nth-last-child(1) {
		padding: 5rem 0 12rem 0;
	}

	.sale .title .name {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.fpcilist li .name,
	.fwslide .text .name,
	.tstj .tsname {
		font-size: 1.3125rem;
		line-height: 1.875rem;
		height: 1.875rem;
	}

	.mhbx .text li .name {
		font-size: 1.3125rem;
	}

	.serito>div {
		padding: 5rem 0;
	}

	.sopartner .swiper-slide .name {
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.3125rem;
	}

	.serito .title .name {
		font-size: 2rem;
		line-height: 3rem;
	}

	.serito .title .desc {
		line-height: 1.5rem;
		margin: 2rem 0;
	}

	.tnfi ul {
		margin-top: 1rem;
	}

	.tnfi li {
		padding: 2rem;
	}

	.txl .txname {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 1.5rem;
	}

	.txl .txdesc {
		line-height: 1.5rem;
	}

	.txl .txlink {
		margin-top: 2rem;
	}

	.txl .txlink a {
		height: 3.5rem;
		font-size: 1.125rem;
		line-height: 3.5rem;
	}

	.txl .txlink a img {
		height: 60%;
	}

	.tmes .info {
		margin-top: 1rem;
	}

	.tmes li {
		margin-bottom: 2rem;
	}

	.tmes li .name {
		font-size: 1.3125rem;
		line-height: 1.5rem;
	}

	.fmcs ul {
		margin-top: 1rem;
	}

	.fmcs li:nth-child(-n+5) {
		margin-bottom: 2%;
	}

	.fmcs li .img {
		width: 7rem;
		height: 7rem;
	}

	.fmcs li .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 4.5rem;
	}

	.ems .toggle {
		width: 48%;
	}

	.serito .ems {
		padding: 5rem 0 10rem 0;
	}


	.pics-nightlist {
		margin: 2.5rem 0 4.5rem 0;
	}

	.socaseview {
		padding: 5rem 0;
	}

	.vtitle .name {
		font-size: 2rem;
		line-height: 2.25rem;
	}

	.vtitle .more {
		margin: 0.75rem 0 2rem 0;
	}


	.three-num li .num {
		font-size: 3.25rem;
	}

	.casediv-2 {
		padding: 5rem 0 2rem 0;
	}

	.case-clickmore ul {
		margin-top: 2.5rem;
	}

	.case-clickmore li {
		padding: 2.25rem;
	}

	.case-clickmore .link {
		margin-top: 2.25rem;
	}

	.case-clickmore .link a {
		width: 7rem;
		height: 2.75rem;
		line-height: 2.75rem;
	}

	.casediv-3 {
		padding: 5rem 0 8rem 0;
	}

	.socview {
		padding-top: 5rem;
	}

	.ltjjfa {
		margin-top: 2.5rem;
	}

	@media (min-aspect-ratio:16/9) {
		.ltrv .video video {
			width: 100%;
			height: auto;
		}
	}

	@media (max-aspect-ratio:16/9) {
		.ltrv .video video {
			width: auto;
			height: 100%;
		}
	}


	.about>div,
	.aboutdepa {
		padding: 5rem 0;
	}

	.about .title .name {
		font-size: 2rem;
		line-height: 3rem;
	}

	.aboutview .info {
		margin-top: 2rem;
	}

	.aboutview .box li .num {
		font-size: 2rem;
		line-height: 3rem;
	}

	.animateNum {
		font-size: 3rem;
		line-height: 3rem;
	}

	.abouthonor li .num {
		font-size: 3rem;
		line-height: 3rem;
	}

	.aboutview .toggle {
		line-height: 1.5rem;
	}

	.aboutculture li .img {
		width: 6rem;
		height: 6rem;
	}

	.aboutculture li .title {
		padding-left: 7rem;
	}

	.yearswiper {
		margin-top: 3rem;
	}

	.yearswiper .toggle .text .date {
		font-size: 2rem;
		line-height: 3rem;
	}

	.yearswiper .toggle .text .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
		max-height: 3.75rem;
	}

	.yearswiper .toggle .text .desc {
		line-height: 1.5rem;
		max-height: 10.5rem;
	}

	.abtslidelist {
		width: 96%;
		margin: 0 2%;
	}

	.abtb .box,
	.aboutcoop .toggle {
		padding: 2.5rem;
	}

	.abtb .btn {
		left: 2.5rem;
	}

	.abtb .btn.next {
		left: 5.5rem;
	}

	.aboutnews .title .more {
		line-height: 3rem;
	}

	.about .about6 {
		padding-bottom: 12rem;
	}

	.aboutcoop .box .name {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.aboutcoop .box .sname {
		font-size: 1.25rem;
		line-height: 1.5rem;
		margin: 0.75rem 0;
	}

	.aboutcoop .box .desc {
		line-height: 1.5rem;
	}

	.aboutcoop .toggle .name {
		font-size: 1.25rem;
		line-height: 2rem;
	}

	.newsslide {
		padding: 2.5rem;
	}

	.newsslide .name {
		font-size: 1.3125rem;
		line-height: 1.875rem;
		height: 3.75rem;
	}

	.newsslide .text {
		padding: 1.5rem;
	}

	.newsslide .desc {
		line-height: 1.5rem;
		height: 4.5rem;
		margin: 1rem 0;
	}

	.anews {
		padding: 5rem 0;
	}

	.anews .title .name {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.anewsl {
		margin: 2rem 0 4rem 0;
	}

	.anewsl ul {
		margin: 1rem 0;
	}

	.anewsl .text {
		padding: 1rem;
	}

	.anewsl .name {
		line-height: 1.5rem;
		font-size: 1.125rem;
		height: 3rem;
	}

	.newsview .ncontent {
		padding-bottom: 2rem;
	}

	.spage {
		margin: 1rem 0;
	}

	.spage .right a {
		width: 7rem;
		height: 2.75rem;
		line-height: 2.75rem;
	}

	.newsview .right .title {
		font-size: 1.3125rem;
		line-height: 2rem;
	}

	.newsview .right ul {
		margin-top: 1rem;
	}


	.contact>div {
		padding: 5rem 0;
	}

	.contact .title .name {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.cont3 .title .csort {
		font-size: 1.3125rem;
		line-height: 2.5rem;
	}

	.lithree,
	.contqrcode,
	.sixlicard,
	.fourpicslide,
	.cform form {
		margin-top: 2rem;
	}

	.cform .cinput {
		margin-bottom: 2%;
	}

	.twolink {
		margin-top: 5rem;
	}

	.twolink li {
		height: initial;
	}

	.twolink li .box {
		top: initial;
		padding: 2rem 0;
		float: left;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.sixlicard .sixlink {
		height: 9rem;
	}


	.branchlist,
	.branchview {
		padding: 5rem 0;
	}

	.branchview .name {
		font-size: 1.75rem;
		line-height: 2.5rem;
		margin-bottom: 2rem;
	}

	.contmap {
		margin-bottom: 2rem;
	}

	.nymenu .news-xyears {
		height: 3.5rem;
		line-height: 3.5rem;
	}

}

@media(max-width:1366px) {
	.nyinfo {
		margin: 0;
		padding: 0;
	}

	.lsnico .rinfo>div a {
		padding: 5% 10%;
	}

	.lsnico .rinfo>div .num {
		height: 4rem;
		line-height: 4rem;
		font-size: 4rem;
	}

	.lsnico .rinfo>div .title {
		font-size: 1.25rem;
		line-height: 1.75rem;
		height: 1.75rem;
	}

	.three-num li .num font {
		font-size: 3rem;
		line-height: 3rem;
		padding-right: 1.5rem;
	}

	.three-num li .num font:before {
		font-size: 1.5rem;
	}

	.branchview {
		padding: 5rem 0;
	}



}

@media(max-width:1279px) {

	.nybanner .text .name {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.nybanner .text .desc {
		margin-top: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.875rem;
	}

	.nybanner .text .link {
		margin-top: 2rem;
	}

	.nybanner .text .link a {
		padding: 0.3125rem 1rem;
		line-height: 1.875rem;
	}

	.nybanner .img {
		min-height: initial;
	}

	.nypos .box,
	.nymenu .box {
		height: 3rem;
		line-height: 3rem;
	}

	.nyinfo {
		min-height: 15rem;
		padding-bottom: 2rem;
	}

	.product .filter .w1400 {
		padding: 1.5rem 0;
	}

	.product .filter .box {
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
	}

	.product .filter .pro-form1,
	.product .filter .pro-form2 {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.product .filter .pro-form2 .text {
		line-height: 2.5rem;
	}

	.product .filter .pro-form1 button {
		right: 0;
	}

	.product .filter .pro-form2 i {
		width: 2.5rem;
		height: 2.5rem;
	}

	.product .filter .form-item .box .btn {
		margin-top: 0;
		padding: 0 1rem;
	}

	.product .filter .num {
		margin-top: 0;
	}

	.product-card,
	.product-pics {
		padding: 4rem 0;
	}

	.product-card .product-tab {
		width: 35%;
	}

	.product-card .tabCon {
		width: 61%;
	}

	.product-card h3 {
		margin-bottom: 2rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.product-tab ul {
		height: 38rem;
	}

	.product-tab li,
	.product-tab .line,
	.product-tab li a {
		height: 5rem;
	}

	.product-tab li a {
		padding: 0.5rem 0;
	}

	.product-tab li .name {
		font-size: 1rem;
		height: 2rem;
		line-height: 2rem;
		padding: 0 3rem;
	}

	.product-tab li .sort {
		font-size: 1.25rem;
		line-height: 2rem;
		line-height: 2rem;
	}

	.tabCon .title .name {
		font-size: 1.5rem;
		line-height: 3rem;
	}

	.tabCon .title .desc {
		line-height: 1.875rem;
		max-height: 7.5rem;
	}

	.product-pics .title {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.product-pics ul {
		margin-top: 2.5rem;
	}

	.product-pics li .name {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.product .list ul {
		margin: 1.5rem 0;
	}

	.product .list li .name {
		font-size: 1.3125rem;
		line-height: 3rem;
	}

	.product .qrcode .img img {
		width: 8rem;
	}

	.product .qrcode .text {
		font-size: 1.5rem;
		line-height: 2rem;
		margin: 2rem 0;
	}

	.product .filter .pro-form1 input {
		font-size: 0.875rem;
	}

	.productview>div,
	.provvideo .w1400 {
		padding: 4rem 0;
	}

	.nytitle {
		font-size: 1.875rem;
		line-height: 2.5rem;
	}

	.pro-ico ul {
		margin-top: 1.5rem;
	}

	.pro-ico li .name {
		font-size: 1.125rem;
		line-height: 1.875rem;
		height: 1.875rem;
		margin: 0.5rem 0;
	}

	.productview .provspec .box {
		margin-top: 1rem;
	}

	.productview .provspec #cpggswiper {
		height: 3rem;
	}

	.productview .provspec .swiper-slide {
		line-height: 3rem;
		font-size: 1.25rem;
	}

	.productview .provdown li {
		width: 49%;
		margin-left: 2%;
	}

	.productview .provspec ul {
		height: 3rem;
	}

	.productview .provspec .boxbtn {
		height: 3rem;
		width: 6rem;
		margin-top: 0;
	}

	.productview .provspec .btn {
		font-size: 1.25rem;
		line-height: 2.25rem;
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1.25rem;
	}

	.provvideo .desc {
		font-size: 1rem;
		margin-top: 0.5rem;
		line-height: 1.625rem;
	}

	.productview .provspec .toggle {
		padding: 1.5rem 0;
	}

	.productview .provspec .cont,
	.productview .provtrait .desc {
		font-size: 1rem;
		line-height: 1.625rem;
	}

	.productview .provdown li a {
		font-size: 1rem;
		padding: 1rem;
	}

	.productview .provdown li i {
		top: 1rem;
		left: 1rem;
	}

	.product-card,
	.product-pics,
	.teams .w1400,
	.backbone {
		padding: 4rem 0;
	}

	.teams .box {
		margin-top: 2.5rem;
	}

	.backbone li {
		width: 49%;
		margin-left: 2%;
	}

	.three-num li .num font {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	.service>div {
		padding: 4rem 0;
	}

	.lprt .text .box {
		padding: 2rem 3.5rem;
	}

	.lprt .ico,
	.lprt .ico img {
		height: 3.5rem;
	}

	.lprt .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin: 0.5rem 0;
	}

	.eightico {
		margin-top: 2rem;
	}

	.eightico li {
		padding: 1rem;
	}

	.eightico .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}

	.eightico .img {
		width: 3.5rem;
		height: 3.5rem;
	}

	.service .title .name {
		font-size: 2rem;
		line-height: 3.5rem;
	}

	.service .title .name img {
		height: 3.5rem;
	}

	.service .title .desc {
		margin: 1rem 0;
		line-height: 1.5rem;
	}

	.tninfo .tnname {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.tninfo li .num {
		width: 5rem;
		font-size: 2.5rem;
		line-height: 2.75rem;
	}

	.tninfo li .name {
		font-size: 1.25rem;
		line-height: 2rem;
		height: 2rem;
	}

	.tninfo li .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 2.5rem;
		margin-top: 0.5rem;
	}

	.tnfi li .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
		margin-top: 1rem;
	}

	.tnfthree ul {
		margin-top: 1rem;
	}

	.tnfthree ul li .box .img {
		width: 5rem;
		height: 5rem;
	}

	.tnfthree ul li .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
		padding-bottom: 0.875rem;
		margin-bottom: 0.875rem;
	}

	.service2 .link,
	.service3 .link,
	.service4 .link {
		margin-top: 2rem;
	}

	.cont-textpic {
		margin-top: 4rem;
	}

	.cont-textpic .box .text {
		padding-right: 8%;
	}

	.cont-textpic .box .text .name {
		font-size: 1.25rem
	}

	.cont-textpic .box .text .desc {
		line-height: 1.875rem;
	}

	.cont-list li>div {
		padding: 0 2rem;
	}

	.cont-list li {
		height: 4rem;
		line-height: 4rem;
		font-size: 0.875rem;
	}

	.cont-list-four li>div {
		// padding: 0 2rem;
		padding: 15px;
	}

	.cont-list-four li {
		// height: 4rem;
		// line-height: 4rem;
		font-size: 0.875rem;
	}

	.cont-list-four .box-three {
		width: calc(60% - 20rem)
	}

	.cont-list-four .box-four {
		width: 40%;
	}

	.aboutview .box li:nth-child(3) {
		text-align: right;
	}

	.solution {
		padding: 4rem 0 8rem 0;
	}

	.soluindex .name {
		font-size: 1.5rem;
		line-height: 2rem;
		max-height: 8rem;
	}

	.soluindex .desc {
		margin: 1.75rem 0;
	}


	.servicelist>div {
		padding: 4rem 0;
	}

	.servicelist .title {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.serteam .info {
		margin-top: 1.5rem;
		line-height: 1.5rem;
	}

	.serbuy .link {
		margin-bottom: 0rem;
	}

	.serbuy .link a {
		line-height: 2.5rem;
		height: 2.5rem;
		width: 8rem;
	}


	.solist-0 {
		padding-bottom: 4rem;
	}

	.solist-1,
	.solist-2,
	.solist-3,
	.solist-4 {
		padding: 4rem 0;
	}

	.cont-two-txtpic .name {
		height: 4rem;
		line-height: 4rem;
		font-size: 1.5rem;
	}

	.cont-two-txtpic .desc {
		padding: 1.5rem;
		height: 18rem;
		line-height: 1.875rem;
	}

	.night-ico li .name {
		height: 4.25rem;
		line-height: 4.25rem;
		overflow: hidden;
	}

	.three-pictext .slidepage {
		top: -4rem;
	}

	.three-pictext .toggle {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}

	.three-pictext .img,
	.three-pictext .text {
		width: 94%;
		margin: 0 3%;
	}

	.three-pictext .text {
		padding: 1.5rem;
	}

	.three-pictext .name {
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}

	.three-pictext .desc {
		margin: 0.875rem 0;
		line-height: 1.3125rem;
	}

	.three-pictext .btn {
		right: -4%;
		width: 2.5rem;
		height: 2.5rem;
	}

	.three-pictext .btn.next:before,
	.three-pictext .btn.prev:before {
		width: 0.45rem;
		height: 0.45rem;
		top: 35%;
	}

	.three-pictext .btn.prev:before {
		top: 33.5%;
	}

	.three-pictext .btn.prev {
		left: -4%;
	}


	.sopartner .btn.next:before,
	.sopartner .btn.prev:before {
		top: 35%;
	}

	.sopartner .swiper-slide .name {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.25rem;
	}


	.serito>div {
		padding: 4rem 0;
	}

	.sopartner .swiper-slide .name {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.25rem;
	}

	.serito .title .name {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.serito .title .desc {
		line-height: 1.125rem;
		font-size: 1rem;
		margin: 1rem 0;
	}

	.tnfi li {
		padding: 1.5rem;
	}

	.txl .txname {
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin-top: 1rem;
	}

	.txl .txdesc {
		line-height: 1.25rem;
		font-size: 0.875rem;
	}

	.txl .txlink {
		margin-top: 1.5rem;
	}

	.txl .txlink a {
		height: 3rem;
		line-height: 3rem;
		font-size: 1rem;
	}

	.tmes li {
		margin-bottom: 1rem;
	}

	.tmes li .name {
		font-size: 1.25rem;
		line-height: 1.3125rem;
	}

	.tmes li .desc {
		margin-top: 0.5rem;
	}

	.fmcs ul {
		margin-top: 1rem;
	}

	.fmcs li {
		width: 18%;
		margin-left: 2.5%;
	}

	.fmcs li:nth-child(-n+5) {
		margin-bottom: 2%;
	}

	.fmcs li .img {
		width: 7rem;
		height: 7rem;
	}

	.fmcs li .name {
		font-size: 1.125rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}

	.ems .toggle {
		width: 48%;
	}

	.serito .ems {
		padding: 4rem 0;
	}



	.sale>div {
		padding: 4rem 0;
	}

	.sale>div:nth-last-child(1) {
		padding: 4rem 0;
	}

	.sale .title .name {
		font-size: 1.875rem;
		line-height: 2.5rem;
	}

	.lsnum ul {
		margin-top: 2rem;
	}

	.lsnum li {
		margin-bottom: 3%;
	}

	.lsnum .name {
		height: 3rem;
	}

	.fpcilist li .name,
	.fwslide .text .name,
	.tstj .tsname {
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}

	.mhbx .text li .name {
		font-size: 1.25rem;
	}

	.tnfe .text .img img {
		width: 6rem;
		height: 6rem;
	}

	.tnfe .text .name {
		margin: 1.5rem 0;
		line-height: 1.5rem;
	}



	.lonertwo {
		padding: 4rem 0;
	}

	.lonertwo .name {
		font-size: 1.3125rem;
	}

	.lonertwo .desc {
		margin-top: 1.5rem;
		line-height: 1.875rem;
	}

	.llinfo .box {
		width: 25%;
	}

	.llinfo .toggle {
		width: 72%;
	}

	.tstj .tsxl ul .s1,
	.tstj .tsxl ul .s2 {
		padding: 0 1rem;
	}

	.tstj .tsxl ul,
	.tstj .tsipt ul {
		line-height: 2.5rem;
	}

	.tstj .tsxl .s1 li {
		line-height: 2rem;
	}

	.tssubmit input {
		height: 2.5rem;
		line-height: 2.5rem;
		width: 8rem;
	}


	.pics-nightlist {
		margin: 2rem 0 4rem 0;
	}

	.pics-nightlist .text {
		padding: 1.25rem;
	}

	.pics-nightlist .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
		height: 1.875rem;
	}

	.pics-nightlist .desc {
		line-height: 1.25rem;
		height: 5rem;
		margin: 0.625rem 0;
	}

	.socaselist .pics-nightlist .desc {
		height: 5rem;
		line-height: 1.25rem;
		-webkit-line-clamp: 4;
	}


	.socaseview {
		padding: 4rem 0;
	}

	.vtitle .name {
		font-size: 1.875rem;
		line-height: 2rem;
	}

	.vtitle .more {
		margin: 0.625rem 0 1.875rem 0;
		font-size: 0.875rem;
	}

	.vtitle .more>div {
		margin-right: 1.5rem;
	}

	.videolist,
	.videolist .toggle ul {
		height: 29rem;
	}

	.videolist .toggle li {
		padding: 0.625rem;
	}

	.videolist .toggle li .name p {
		font-size: 1rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}


	.casediv-1 {
		padding: 2.5rem 0;
	}

	.three-num li .num {
		font-size: 3rem;
		line-height: 3rem;
	}

	.casediv-2 {
		padding: 4rem 0 1.5rem 0;
	}

	.case-clickmore ul {
		margin-top: 2rem;
	}

	.case-clickmore li {
		padding: 2rem;
	}

	.case-clickmore li .img {
		width: 18rem;
		height: 15.75rem;
		margin-right: 2.5rem;
	}

	.case-clickmore .name {
		font-size: 1.625rem;
		line-height: 2rem;
	}

	.case-clickmore .desc {
		margin: 1.5rem 0;
	}

	.case-clickmore .link {
		margin-top: 1.325rem;
	}

	.case-clickmore .link a {
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.casediv-3 {
		padding: 4rem 0;
	}

	.partlist ul {
		margin-top: 2rem;
	}


	.socview {
		padding-top: 4rem;
	}

	.ltrv {
		height: 22rem;
	}

	.ltrv .desc {
		margin-top: 1.5rem;
		line-height: 1.75rem;
	}

	.ltrv .desc .i {
		margin: 0.625rem 0;
	}

	.ltrv>div {
		width: 48%;
		margin-left: 4%;
	}

	.lsxjz {
		height: 22rem;
	}


	.about>div,
	.aboutdepa {
		padding: 4rem 0;
	}

	.about .title .name {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}

	.aboutview .info {
		margin-top: 1rem;
	}

	.aboutview .box li .num {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.animateNum {
		font-size: 2rem;
		line-height: 2rem;
		padding-right: 1rem;
	}

	.animateNum::before {
		font-size: 1rem;
		line-height: 1rem;
	}

	.abouthonor li .num {
		font-size: 2rem;
		line-height: 2rem;
	}

	.aboutview .toggle {
		font-size: 1rem;
		line-height: 1.3125rem;
	}

	.aboutview .box {
		width: 45%;
	}

	.aboutview .box ul {
		margin-top: 1rem;
	}

	.aboutview .box li:nth-child(3) .num span {
		position: relative;
	}

	.aboutview .box li .num span {
		height: 2.5rem;
	}

	.aboutculture ul {
		margin-top: 2rem;
	}

	.aboutculture li .img {
		width: 5.5rem;
		height: 5.5rem;
	}

	.aboutculture li .title .desc {
		line-height: 1.5rem;
	}

	.aboutculture li .title {
		padding-left: 7rem;
	}

	.yearswiper {
		margin-top: 2rem;
	}

	.yearswiper .yearsinfo {
		width: calc(100% - 7rem);
	}

	.yearswiper .toggle .text .date {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.yearswiper .toggle .text .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		max-height: 3rem;
	}

	.yearswiper .toggle .text .desc {
		line-height: 1.5rem;
		font-size: 1rem;
		max-height: 11rem;
	}

	.yearswiper .toggle,
	.yearswiper .toggle>div,
	.yearswiper .toggle>div img {
		height: 100%;
		object-fit: cover;
	}

	.yearswiper .toggle .text {
		width: 48%;
	}

	.abtslidelist {
		width: 96%;
		margin: 0 2%;
	}

	.abtslidelist .name {
		margin-top: 0.5rem;
	}

	.abtslidelist .btn {
		width: 3rem;
		height: 3rem;
	}

	.abouthonor ul {
		padding-bottom: 1rem;
	}

	.abtb .box .name {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 1rem;
	}

	.abtb .box,
	.aboutcoop .toggle {
		padding: 2rem;
	}

	.abtb .btn {
		left: 2rem;
	}

	.abtb .btn.next {
		left: 5rem;
	}

	.aboutnews .title .more {
		line-height: 3rem;
	}

	.about .about6 {
		padding-bottom: 4rem;
	}

	.aboutcoop .box {
		padding-right: 1rem;
	}

	.aboutcoop .box .name {
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}

	.aboutcoop .box .sname {
		font-size: 1.125rem;
		line-height: 1.25rem;
		margin: 0.75rem 0;
	}

	.aboutcoop .box .desc {
		line-height: 1.5rem;
	}

	.aboutcoop .toggle {
		width: 48%;
	}

	.aboutcoop .toggle .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.aboutcoop .toggle .link {
		margin-top: 0.5rem;
	}



	.newsslide {
		padding: 2rem;
	}

	.newsslide .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 3rem;
	}

	.newsslide .text {
		padding: 1rem;
	}

	.newsslide .date {
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.newsslide .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 5rem;
		margin: 0.75rem 0;
	}

	.anews {
		padding: 3rem 0;
	}

	.anews .title .name {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.anewsl {
		margin: 1.5rem 0;
	}

	.anewsl ul {
		margin: 0.5rem 0;
	}

	.anewsl .text {
		padding: 1rem;
	}

	.anewsl .name {
		line-height: 1.25rem;
		font-size: 1rem;
		height: 2.5rem;
	}


	.newsview .ncontent {
		padding-bottom: 2rem;
	}

	.spage {
		margin: 1rem 0;
	}

	.spage .right a {
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.newsview .right .title {
		font-size: 1.25rem;
		line-height: 2rem;
	}

	.newsview .right ul {
		margin-top: 1rem;
	}

	.newsview .right {
		width: 28%;
	}


	.contact>div {
		padding: 4rem 0;
	}

	.contact .title .name {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.cont3 .title .csort {
		font-size: 1.25rem;
		line-height: 2rem;
	}

	.lithree,
	.contqrcode,
	.sixlicard,
	.fourpicslide,
	.cform form {
		margin-top: 1.5rem;
	}

	.cform .cinput {
		margin-bottom: 2%;
	}

	.twolink {
		margin-top: 4rem;
	}

	.twolink li {
		height: initial;
	}

	.twolink li .box {
		padding: 1.5rem 0;
	}

	.twolink li .box i {
		width: 4rem;
		height: 4rem;
	}

	.twolink li .box .text {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-left: 1.5rem;
	}

	.sixlicard .link a,
	.sixlicard .link a font {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.sixlicard .sixlink {
		height: 8rem;
	}

	.branchlist,
	.branchview {
		padding: 4rem 0;
	}

	.branchview .desc {
		width: 80%;
		margin: 0 10%;
	}

	.branchview .back {
		margin: 2rem 0;
	}

	.branchview .back a {
		font-size: 1rem;
	}

	.nymenu .news-xyears {
		height: 3rem;
		line-height: 3rem;
	}



}


@media(max-width:1024px) {

	.nybanner .text .name {
		font-size: 1.625rem;
		line-height: 2rem;
	}

	.nybanner .text .desc {
		margin-top: 1rem;
		line-height: 1.3125rem;
	}

	.nybanner .text .desc p {
		margin-bottom: 0.3125rem;
	}

	.nybanner .text .link {
		margin-top: 1.5rem;
	}

	.nybanner .text .link a {
		padding: 0.25rem 0.875rem;
		line-height: 1.625rem;
	}

	.product .filter .w1400 {
		padding: 1rem 0 2rem 0;
	}

	.product .filter .box {
		font-weight: initial;
		color: #000;
	}

	.product .filter .pro-form1,
	.product .filter .pro-form2 {
		height: 2.25rem;
		line-height: 2.25rem;
	}

	.product .filter .pro-form1 input {
		width: calc(100% - 1rem);
		font-size: 0.875rem;
	}

	.product .filter .pro-form1 button:before {
		width: 50%;
		height: 50%;
	}

	.product .filter .pro-form1 button:after {
		left: 60%;
		bottom: 8px;
	}

	.product .filter .pro-form2 .text {
		height: 2.25rem;
		line-height: 2.25rem;
		font-size: 0.875rem;
	}

	.product .filter .pro-form2 ul {
		padding: 0.875rem 0;
	}

	.product .filter .form-item .box .btn {
		font-size: 0.875rem;
		height: 1.625rem;
		line-height: 1.625rem;
		margin-top: 0.1875rem;
	}

	.product .filter .demo-slider {
		height: 1.25rem;
	}

	.product .filter .demo-slider .layui-slider {
		height: 2px;
	}

	.product .filter .demo-slider .layui-slider .layui-slider-wrap-btn {
		width: 1rem;
		height: 1rem;
	}

	.lsnico .box {
		width: 30%;
	}

	.lsnico .toggle {
		width: 68%;
	}

	.lsnico .rinfo>div {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 4%;
	}

	.lsnico .rinfo>div:nth-child(3n-2) {
		margin-left: 4%;
	}

	.lsnico .rinfo>div:nth-child(2n-1) {
		margin-left: 0;
	}

	.lsnico .rinfo>div .num {
		height: 3rem;
		line-height: 3rem;
		font-size: 3rem;
	}

	.lsnico .rinfo>div .title {
		margin-top: 0.5rem;
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 3rem;
	}



	.product-card,
	.product-pics {
		padding: 3rem 0;
	}

	.product-card .product-tab {
		width: 36%;
	}

	.product-card h3 {
		margin-bottom: 1.5rem;
		font-size: 1.875rem;
		line-height: 2rem;
	}

	.product-tab ul {
		height: 30rem;
	}

	.product-tab li,
	.product-tab .line,
	.product-tab li a {
		height: 4rem;
	}

	.product-tab li a {
		padding: 0.5rem 0;
	}

	.product-tab li .name {
		font-size: 0.875rem;
		height: 1.5rem;
		line-height: 1.5rem;
		padding: 0 2rem;
	}

	.product-tab li .name:before {
		left: 1rem;
	}

	.product-tab li .sort {
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
		padding: 0 2rem;
	}

	.product-card .tabCon {
		width: 60%;
		height: 100%;
		float: right;
	}

	.tabCon .title .name {
		font-size: 1.3125rem;
		line-height: 2.5rem;
	}

	.tabCon .title .desc {
		line-height: 1.5rem;
		max-height: 6rem;
	}

	.tabCon .info .link a {
		padding: 0.5rem 1.25rem;
	}

	.product-pics .title {
		font-size: 1.875rem;
		line-height: 2rem;
	}

	.product-pics ul {
		margin-top: 2rem;
	}

	.product-pics li .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.product .list ul {
		margin: 1rem 0;
	}

	.product .list li .name {
		font-size: 1.125rem;
		line-height: 2.5rem;
	}

	.product .list li .desc>div {
		font-size: 0.875rem;
		line-height: 1rem;
		padding: 0;
		height: 2rem;
	}

	.product .list li .desc>div i {
		margin-left: 0.4rem;
		margin-top: 0.125rem;
	}

	.product .list li .desc>div font {
		padding: 0.5rem 0.5rem 0.5rem 2.5rem;
	}

	.product .qrcode .text {
		margin: 1.875rem 0;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}


	.productview>div,
	.provvideo .w1400 {
		padding: 3rem 0;
	}

	.nytitle {
		font-size: 1.875rem;
		line-height: 2rem;
	}

	.pro-ico ul {
		margin-top: 1.5rem;
	}

	.pro-ico li {
		margin-bottom: 1rem;
	}

	.pro-ico li .img {
		width: 5rem;
		height: 5rem;
	}

	.pro-ico li .name {
		font-size: 1.125rem;
		line-height: 1.875rem;
		height: 1.875rem;
		margin: 0.5rem 0;
	}

	.provvideo .desc {
		font-size: 0.875rem;
		margin-top: 0.5rem;
		line-height: 1.5rem;
	}

	.provvideo .video {
		height: 20rem;
	}

	.productview .provdown li {
		width: 49%;
		margin-left: 2%;
	}

	.productview .provspec ul {
		height: 2.5rem;
	}

	.productview .provspec .boxbtn {
		height: 2.5rem;
		width: 6rem;
	}

	.productview .provspec .box {
		margin-top: 1rem;
	}

	.productview .provspec li {
		font-size: 1.125rem;
		line-height: 2.5rem;
	}

	.productview .provspec .btn>div {
		width: 2rem;
		height: 2rem;
		font-size: 1.25rem;
		line-height: 2rem;
	}

	.productview .provspec .cont,
	.productview .provtrait .desc {
		font-size: 0.875rem;
		line-height: 1.5rem;
		margin-top: 1rem;
	}

	.productview .provdown li {
		margin-bottom: 2%;
	}

	.productview .provdown li a {
		font-size: 0.875rem;
		padding: 0.875rem;
	}

	.productview .provdown li i {
		top: 0.875rem;
		left: 0.875rem;
	}

	.productview .provdown li p {
		padding-left: 2.875rem;
	}


	.product-card,
	.product-pics,
	.teams .w1400,
	.backbone {
		padding: 3rem 0;
	}

	.teams .num-list li .name {
		height: 3rem;
	}

	.teams .num-list li .name .num {
		padding-right: 1.5rem;
	}

	.teams .num-list li .name .num2 {
		display: none;
	}

	.teams .num-list li .name .num1:before {
		display: none;
	}

	.teams .num-list li .name .num3 {
		line-height: 4rem;
		font-size: 1.25rem;
	}


	.teams .box {
		margin-top: 2rem;
	}

	.num-list li .name .num {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.num-list li .desc {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.backbone li {
		margin-top: 3rem;
	}

	.backbone li .text .name {
		font-size: 1.3125rem;
		height: 1.3125rem;
		line-height: 1.3125rem;
	}

	.backbone li .text .desc {
		margin: 0.75rem 0;
	}

	.service>div {
		padding: 3rem 0;
	}

	.service .title .name {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}

	.service .title .name img {
		height: 2.5rem;
	}

	.service .title .desc {
		margin: 0.875rem 0;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.tnfi li {
		padding: 1.5rem;
	}

	.tnfi li .img {
		width: 8rem;
		height: 8rem;
	}

	.tnfi li .img img {
		width: 4rem;
		height: 4rem;
	}

	.tnfi li .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.tninfo li {
		padding: 1.5rem;
	}

	.tninfo li .num {
		width: 4rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.tninfo li .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}

	.tninfo li .desc {
		height: 3.75rem;
	}

	.lprt .text {
		box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 20%);
	}

	.lprt .text .box {
		padding: 1.5rem 3rem;
	}

	.lprt .ico,
	.lprt .ico img {
		height: 3rem;
	}

	.lprt .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 2.5rem;
	}

	.lprt .link {
		margin-top: 1rem;
	}

	.lprt .link a {
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
	}

	.tnfthree ul li .box .img {
		width: 4rem;
		height: 4rem;
	}

	.tnfthree ul li .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.tnfthree ul li .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		max-height: 5rem;
	}


	.system .system-top ul {
		line-height: 4rem;
		font-size: 1.25rem;
	}

	.cont-textpic {
		margin-top: 3rem;
	}

	.cont-textpic .box .text {
		padding-right: 5%;
	}

	.cont-textpic .box .text .name {
		font-size: 1.125rem;
		line-height: 1.625rem;
		margin-top: 0.875rem;
	}

	.cont-textpic .box .text .desc {
		line-height: 1.5rem;
		font-size: 0.875rem;
	}

	.system .nytitle {
		margin-bottom: 1.5rem;
	}

	.cont-list li,
	.cont-list li:nth-child(1) {
		height: 3rem;
		line-height: 3rem;
	}

	.cont-list li:nth-child(1) {
		font-size: 1.125rem;
	}

	.cont-list-four li,
	.cont-list-four li:nth-child(1) {
		// height: 3rem;
		// line-height: 3rem;
	}

	.cont-list-four li:nth-child(1) {
		font-size: 1.125rem;
	}

	.servicelist>div {
		padding: 3rem 0;
	}

	.serteam .text {
		width: 63%;
	}

	.serteam .img {
		width: 35%;
	}

	.servicelist .title {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.serteam .info {
		margin-top: 1.5rem;
		line-height: 1.5rem;
	}

	.shornoslide .swiper-slide {
		padding: 0 1rem;
	}

	.serbuy .link {
		margin-bottom: 0rem;
	}

	.serbuy .link a {
		line-height: 2.5rem;
		height: 2.5rem;
		width: 8rem;
	}


	.serito>div {
		padding: 3rem 0;
	}

	.serito .title .name {
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}

	.serito .title .desc {
		line-height: 1.25rem;
		font-size: 0.875rem;
		margin: 0.875rem 0;
	}

	.tnfi li {
		padding: 1rem;
	}

	.txl .txname {
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-top: 0.5rem;
	}

	.txl .txdesc {
		line-height: 1.25rem;
		font-size: 0.875rem;
	}

	.txl .txlink {
		margin-top: 1rem;
	}

	.txl .txlink a {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
		padding: 0 0.5rem;
	}

	.txl .txlink a img {
		margin-right: 0.5rem;
	}

	.tmes .info {
		position: relative;
	}

	.tmes ul {
		width: 100%;
	}

	.tmes li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 1rem;
	}

	.tmes li:nth-child(2n-1) {
		margin-left: 0;
	}

	.tmes li .name {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.tmes li .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		margin-top: 0.5rem;
	}

	.fmcs ul {
		margin-top: 1rem;
	}

	.fmcs li {
		width: 18%;
		margin-left: 2.5%;
	}

	.fmcs li:nth-child(-n+5) {
		margin-bottom: 2%;
	}

	.fmcs li .img {
		width: 7rem;
		height: 7rem;
	}

	.fmcs li .name {
		font-size: 1rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}

	.tmes .img {
		display: none;
	}

	.ems .toggle {
		width: 100%;
	}

	.ems .box {
		width: 80%;
		margin-right: 10%;
	}

	.serito .ems {
		padding: 3rem 0;
	}




	.solution {
		padding: 3rem 0 6rem 0;
	}

	.soluindex .text {
		padding: 1.5rem;
	}

	.soluindex .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
		max-height: 6rem;
	}

	.soluindex .desc {
		font-size: 0.75rem;
		line-height: 1.125rem;
		height: 6.75rem;
		margin: 1rem 0;
	}

	.soluindex .link {
		margin-top: 1rem;
	}


	.solist-0 {
		padding-bottom: 3rem;
	}

	.solist-1,
	.solist-2,
	.solist-3,
	.solist-4 {
		padding: 3rem 0;
	}

	.cont-two-txtpic .toggle,
	.night-ico ul,
	.three-pictext .toggle,
	.sopartner .info,
	.cont-two-txtpic .pics {
		margin-top: 1.5rem;
	}

	.cont-two-txtpic .name {
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.3125rem;
	}

	.cont-two-txtpic .desc {
		padding: 1rem;
		height: 15rem;
		line-height: 1.625rem;
	}

	.cont-two-txtpic .pics {
		padding: 0 5%;
	}

	.cont-two-txtpic .swiper .img {
		width: 92%;
		margin: 4%;
	}

	.cont-two-txtpic .btn.next {
		width: 1.5rem;
		height: 1.5rem;
		right: 1%;
		border-right: 2px solid #007AC1;
		border-top: 2px solid #007AC1;
	}

	.cont-two-txtpic .btn.prev {
		width: 1.5rem;
		height: 1.5rem;
		left: 1%;
		border-left: 2px solid #007AC1;
		border-bottom: 2px solid #007AC1;
	}

	.night-ico li .name {
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1rem;
		overflow: hidden;
	}

	.sale>div,
	.sale>div:nth-last-child(1) {
		padding: 3rem 0;
	}

	.sale .title .name {
		font-size: 1.875rem;
		line-height: 2rem;
	}

	.fwslide .btn {
		height: 3rem;
		width: 3rem;
		top: calc(65% - 1.625rem);
	}

	.lsnum .box {
		padding-right: 3%;
	}

	.lsnum .num {
		font-size: 2.5rem;
		line-height: 2.5rem;
		height: 2.5rem;
	}

	.lsnum.newClass20230307 .num {
		justify-content: center;
	}

	.lsnum ul {
		margin-top: 1rem;
	}

	.lsnum li {
		width: 32.3333%;
		margin-left: 1.5%;
		margin-bottom: 1.5%;
	}

	.lsnum .num span {
		font-size: 1.5rem;
		line-height: 3rem;
	}

	.lsnum .num span.ti {
		font-size: 1rem;
		line-height: 3.25rem;
	}

	.sale .title .desc {
		margin: 1rem 0;
	}

	.gzform {
		width: 80%;
		margin: 0 10%;
	}

	.animateNum {
		padding-right: 1rem;
	}

	.animateNum::before {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.lsnum .name {
		line-height: 1.25rem;
		height: 2.5rem;
	}

	.mhbx .box {
		margin-top: 2rem;
	}

	.llinfo .box li .name,
	.llinfo .box .line {
		height: 3rem;
		line-height: 3rem;
	}

	.llinfo .toggle {
		margin-bottom: 1rem;
	}

	.llpage {
		margin-top: 1rem;
	}

	.page a,
	.page li {
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
	}

	.tstj .tsinput {
		margin-bottom: 2%;
	}

	.tstj .tsform {
		margin-top: 1rem;
	}

	.tstj .tsxl ul.cityh li {
		line-height: 2rem;
		font-size: 0.875rem;
	}

	.tstj .tsinput .tsdiv,
	.tstj .tsinput input,
	.tstj .tsinput textarea {
		line-height: 2.5rem;
		height: 2.5rem;
	}

	.tnfe li {
		width: 24%;
		margin-left: 1.3333%;
		margin-bottom: 1.3333%;
	}

	.tnfe .text .name {
		margin: 1rem 0 0.5rem 0;
	}

	.fpcilist li .name,
	.fwslide .text .name,
	.tstj .tsname {
		font-size: 1.125rem;
		height: 1.25rem;
		line-height: 1.25rem;
	}

	.fpcilist li .desc {
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}

	.fpcilist li .text {
		padding: 1rem;
	}

	.mhbx .text li .name {
		font-size: 1.25rem;
		line-height: 3rem;
		height: 3rem;
	}

	.mhbx .rtn {
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 4rem;
	}

	.mhbx .text ul {
		height: 18.5rem;
	}

	.mhbx .box>.img {
		height: 31rem;
	}

	.gzform .input {
		height: 3rem;
		line-height: 3rem;
	}



	.three-pictext .slidepage {
		top: -3rem;
		font-size: 0.875rem;
	}

	.three-pictext .slidepage span {
		font-size: 1.5rem;
		line-height: 1.875rem;
	}

	.three-pictext .toggle {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}

	.three-pictext .img,
	.three-pictext .text {
		width: 94%;
		margin: 0 3%;
	}

	.three-pictext .text {
		padding: 1rem;
	}

	.three-pictext .name {
		font-size: 1.25rem;
		line-height: 1.625rem;
	}

	.three-pictext .desc {
		margin: 0.625rem 0;
		line-height: 1.3125rem;
	}

	.three-pictext .btn {
		right: -4%;
		width: 2.5rem;
		height: 2.5rem;
	}

	.three-pictext .btn.next:before,
	.three-pictext .btn.prev:before {
		width: 0.45rem;
		height: 0.45rem;
		top: 36%;
	}

	.three-pictext .btn.prev:before {
		top: 35%;
	}

	.three-pictext .btn.prev {
		left: -4%;
	}


	.sopartner .btn.next:before,
	.sopartner .btn.prev:before {
		top: 35%;
	}

	.sopartner .swiper-slide .name {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.25rem;
	}


	.lonertwo {
		padding: 3rem 0;
	}

	.lonertwo .name {
		font-size: 1.125rem;
		line-height: 1.625rem;
	}

	.lonertwo .desc {
		margin-top: 1rem;
		line-height: 1.5rem;
		font-size: 0.875rem;
	}


	.pics-nightlist {
		margin: 1rem 0 3rem 0;
	}

	.pics-nightlist li {
		width: 32%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.pics-nightlist .text {
		padding: 1.125rem;
	}

	.pics-nightlist .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}

	.pics-nightlist .desc {
		margin: 0.5rem 0;
	}



	.socaseview {
		padding: 3rem 0;
	}

	.vtitle .name {
		font-size: 1.5rem;
		line-height: 1.625rem;
	}

	.vtitle .more {
		margin: 0.5rem 0 1.5rem 0;
		font-size: 0.875rem;
		line-height: 3rem;
	}

	.vtitle .share {
		margin-top: 0.5rem;
	}

	.vtitle .more>div {
		margin-right: 1.25rem;
	}

	.videolist,
	.videolist .toggle ul {
		height: 25rem;
	}

	.videolist .toggle li {
		padding: 0.5rem;
	}

	.videolist .toggle li .ico div {
		width: 2rem;
		height: 2rem;
	}

	.videolist .toggle li .ico div:before {
		border-top: 0.25rem solid transparent;
		border-left: 0.5rem solid #0079BF;
		border-bottom: 0.25rem solid transparent;
	}

	.videolist .toggle li.active .ico div:before,
	.videolist .toggle li.active .ico div:after {
		width: 0.2rem;
		height: 35%;
	}

	.videolist .toggle li .name p {
		font-size: 1rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}


	.casediv-1 {
		padding: 2rem 0;
	}

	.three-num li .num {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	.three-num li .title {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.casediv-2 {
		padding: 3rem 0 1rem 0;
	}

	.case-clickmore li {
		padding: 1.875rem;
	}

	.case-clickmore li .img {
		width: 15rem;
		height: 13.125rem;
		margin-right: 2rem;
	}

	.case-clickmore .sort {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}

	.case-clickmore .name {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.case-clickmore .desc {
		margin: 1rem 0;
		font-size: 0.875rem;
		line-height: 1.3125rem;
		height: 3.9375rem;
		overflow: hidden;
	}

	.case-clickmore .link {
		margin-top: 1.5rem;
	}

	.case-clickmore .link a {
		width: 5.5rem;
		height: 2.25rem;
		line-height: 2.25rem;
		font-size: 0.875rem;
	}

	.case-clickmore .more {
		height: 3rem;
		line-height: 3rem;
	}

	.casediv-3 {
		padding: 3rem 0;
	}

	.partlist ul {
		margin-top: 1.5rem;
	}

	.partlist li {
		width: 18.8%;
		margin-left: 1.5%;
		margin-bottom: 1.5%;
	}

	.partlist li:nth-child(6n-5) {
		margin-left: 1.5%;
	}

	.partlist li:nth-child(5n-4) {
		margin-left: 0;
	}


	.socview {
		padding-top: 3rem;
	}

	.socasecont .name {
		font-size: 1.5rem;
		line-height: 1.625rem;
	}

	.ltrv {
		height: 18rem;
	}

	.ltrv>div:nth-child(1) {
		width: 54%;
	}

	.ltrv .video {
		width: 44%;
		margin-left: 2%;
	}

	.ltrv .desc,
	.ltjjfa .desc,
	.lsxjz .toggle .desc {
		font-size: 0.875rem;
		line-height: 1.5rem;
		margin-top: 1rem;
	}

	.ltrv .desc .i {
		margin: 0.3125rem 0;
	}

	.ltjjfa {
		margin-top: 2rem;
	}

	.ltjjfa .desc {
		margin-top: 1rem;
	}

	.ltwopic {
		margin: 2rem 0;
	}

	.lsxjz {
		height: 17rem;
	}

	.lsxjz .toggle .desc {
		width: 68%;
		margin-right: 2%;
	}

	.spage {
		margin-top: 1.5rem;
		height: 3.5rem;
	}

	.spage .left>div {
		line-height: 1.75rem;
		font-size: 0.875rem;
	}

	.spage .right a {
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.75rem;
	}


	.about>div,
	.aboutdepa {
		padding: 3rem 0;
	}

	.about .title .name {
		font-size: 1.5rem;
		line-height: 2rem;
		text-align: center;
	}

	.aboutview .info {
		margin-top: 1rem;
	}

	.aboutview .box li .num {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.animateNum {
		font-size: 2rem;
		line-height: 2rem;
		padding-right: 1rem;
	}

	.animateNum::before {
		font-size: 1rem;
		line-height: 1rem;
	}

	.abouthonor li .num {
		font-size: 2rem;
		line-height: 2rem;
	}

	.aboutview .toggle {
		font-size: 1rem;
		line-height: 1.3125rem;
	}

	.aboutview .box {
		width: 100%;
	}

	.aboutview .box ul {
		margin: 1.5rem 0 2rem 0;
	}

	.aboutview .toggle {
		width: 100%;
	}

	.aboutview .box li:nth-child(3) .num span {
		position: relative;
	}

	.aboutculture .title {
		text-align: center;
	}

	.aboutculture .box {
		width: 100%;
		margin-top: 1rem;
	}

	.aboutculture ul {
		margin-top: 0;
	}

	.aboutculture li {
		width: 49%;
		margin-left: 2%;
		margin-top: 2%;
	}

	.aboutculture li:nth-child(2n-1) {
		margin-left: 0;
	}

	.aboutculture li .img {
		width: 5rem;
		height: 5rem;
		position: absolute;
	}

	.aboutculture li .title {
		position: initial;
		transform: initial;
		top: initial;
		right: initial;
		height: 5rem;
		overflow: hidden;
	}

	.aboutculture li .title .name {
		text-align: left;
	}

	.aboutculture li .title .desc {
		text-align: left;
		line-height: 1.5rem;
	}

	.aboutculture li .title {
		padding-left: 7rem;
	}

	.aboutculture .toggle {
		display: none;
	}

	.yearswiper {
		margin-top: 2rem;
	}

	.yearswiper .yearsinfo {
		width: calc(100% - 7rem);
	}

	.yearswiper .toggle>div {
		margin-right: 1.5rem;
	}

	.yearswiper .toggle .text .date {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.yearswiper .toggle .text .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		max-height: 3rem;
	}

	.yearswiper .toggle .text .desc {
		line-height: 1.5rem;
		font-size: 1rem;
		max-height: 12rem;
	}

	.yearswiper .toggle,
	.yearswiper .toggle>div,
	.yearswiper .toggle>div img {
		height: 100%;
		object-fit: cover;
	}

	.yearswiper .toggle .text {
		width: 48%;
	}

	.abtslidelist {
		width: 96%;
		margin: 0 2%;
	}

	.abtslidelist .toggle {
		margin-top: 1rem;
	}

	.abtslidelist .name {
		margin-top: 0.5rem;
		line-height: 1.5rem;
	}

	.abtslidelist .btn {
		width: 3rem;
		height: 3rem;
	}

	.abouthonor ul {
		padding-bottom: 1rem;
	}

	.abtb .box .name {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 1rem;
	}

	.abtb .box .desc {
		line-height: 1.5rem;
		font-size: 0.875rem;
		height: 10.5rem;
		overflow: hidden;
	}

	.abtb .box,
	.aboutcoop .toggle {
		padding: 1.5rem;
	}

	.abtb .btn {
		bottom: 1rem;
		left: 2rem;
	}

	.abtb .btn.next {
		left: 5rem;
	}

	.aboutnews .info {
		margin-top: 1rem;
	}

	.aboutnews .title .more {
		line-height: 3rem;
	}

	.aboutnews li .text {
		padding: 1rem;
	}

	.aboutnews li .time {
		margin-top: 1rem;
	}

	.about .about6 {
		padding-bottom: 3rem;
	}

	.aboutcoop .text {
		margin-top: 2rem;
	}

	.aboutcoop .box {
		padding-right: 1rem;
	}

	.aboutcoop .box .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.aboutcoop .box .sname {
		font-size: 1rem;
		line-height: 1.25rem;
		margin: 0.75rem 0;
	}

	.aboutcoop .box .desc {
		line-height: 1.25rem;
		font-size: 0.875rem;
	}

	.aboutcoop .toggle {
		width: 48%;
	}

	.aboutcoop .toggle .name {
		font-size: 1.125rem;
		line-height: 1.25rem;
	}

	.aboutcoop .toggle .link {
		margin-top: 0.5rem;
	}



	.newsslide {
		padding: 1.5rem;
	}

	.newsslide .name {
		font-size: 1.125rem;
		line-height: 1.3125rem;
		height: 2.625rem;
	}

	.newsslide .text {
		padding: 0.75rem;
	}

	.newsslide .date {
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.newsslide .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 5rem;
		margin: 0.5rem 0;
	}

	.newsslide .link {
		margin-top: 0;
	}

	.newsslide .link a {
		padding: 0.5rem 1rem;
	}

	.anews {
		padding: 3rem 0;
	}

	.anews .title .name {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.anewsl {
		margin: 1.5rem 0;
	}

	.anewsl ul {
		margin: 0.5rem 0;
	}

	.anewsl .text {
		padding: 1rem;
	}

	.anewsl .name {
		line-height: 1.25rem;
		font-size: 1rem;
		height: 2.5rem;
	}


	.newsview .ncontent {
		padding-bottom: 1rem;
	}

	.spage {
		margin: 1.5rem 0;
	}

	.spage .right a {
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.newsview .left {
		width: 100%;
	}

	.newsview .right .title {
		font-size: 1.25rem;
		line-height: 2rem;
		margin-top: 1rem;
	}

	.newsview .right ul {
		margin-top: 1rem;
	}

	.newsview .right .img {
		display: none;
	}

	.newsview .right {
		width: 100%;
	}



	.contact>div {
		padding: 3rem 0;
	}

	.contact .title .name {
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}

	.cont3 .title .csort {
		font-size: 1.125rem;
		line-height: 1.875rem;
	}

	.lithree {
		width: 100%;
	}

	.lithree ul {
		width: 100%;
		display: inline-block;
		margin-bottom: 1rem;
	}

	.lithree li {
		flex: initial;
		width: 50%;
	}

	.lithree li:nth-child(2) {
		border-right: initial;
	}

	.contqrcode {
		width: 100%;
	}

	.contqrcode p {
		text-align: center;
	}

	.contqrcode img {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.lithree,
	.contqrcode,
	.sixlicard,
	.fourpicslide,
	.cform form {
		margin-top: 1rem;
	}

	.twolink {
		margin-top: 3rem;
	}

	.sixlicard li {
		width: 49%;
		margin-left: 2%;
	}

	.sixlicard li:nth-child(-n + 4) {
		margin-top: 2%;
	}

	.sixlicard li:nth-child(-n + 2) {
		margin-top: 0;
	}

	.sixlicard li:nth-child(3n-2) {
		margin-left: 2%;
	}

	.sixlicard li:nth-child(2n-1) {
		margin-left: 0;
	}

	.sixlicard .text,
	.sixlicard li.on .text {
		padding: 1rem;
	}

	.sixlicard .sixlink {
		height: 7rem;
		line-height: 5rem;
	}

	.cform .cinput {
		margin-bottom: 2%;
	}

	.twolink li {
		height: initial;
	}

	.twolink li .box {
		padding: 1.5rem 0;
	}

	.twolink li .box i {
		width: 4rem;
		height: 4rem;
	}

	.twolink li .box .text {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-left: 1.5rem;
	}

	.sixlicard .link a,
	.sixlicard .link a font {
		height: 2.5rem;
		line-height: 2.5rem;
	}



	.branchlist,
	.branchview {
		padding: 3rem 0;
	}

	.branchview .desc {
		width: 90%;
		margin: 0 5%;
	}

	.branchview .name {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 1.5rem;
	}

	.branchview .back {
		margin: 1rem 0;
	}

	.branchview .back a {
		font-size: 0.875rem;
	}


}




@media(max-width:768px) {

	.videolist .box .video {
		height: 55vw;
	}

	.videolist .box .video video {
		height: 55vw;
	}

	.nymenu {
		top: 4rem;
	}

	.recruitment-t-wrap.kk .recruitment-t-r {
		width: 49% !important
	}

	.nymenu .line {
		display: none;
	}

	.nymenu.menuH .posh {
		top: 4rem;
	}

	.product-card,
	.product-pics,
	.teams .w1400 {
		padding: 2rem 0;
	}

	.nybanner .img,
	.nybanner .img img {
		min-height: 12rem;
		object-fit: cover;
	}

	.nybanner .img img {
		max-width: initial;
	}

	.nybanner .text .box {
		width: 50%;
	}

	.nybanner .text .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.nybanner .text .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 2.5rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.nybanner .text .link {
		margin-top: 0.5rem;
	}

	.nybanner .wjj {
		width: 0.875rem;
		height: 0.875rem;
	}

	.nybanner .wjj:after {
		height: 10%;
	}

	.nybanner .wjj:before {
		top: 25%;
	}

	.nypos .box,
	.nymenu .box {
		width: 100%;
		float: left;
		height: 3rem;
		line-height: 3rem;
		overflow: hidden;
	}

	.nypos .box {
		width: 100%;
		white-space: nowrap;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.nymenu .box {
		overflow: initial;
		position: relative;
	}

	.nymenu .box ul {
		position: absolute;
		top: calc(100% + 1px);
		background: #fff;
		padding: 0.5rem 0;
		z-index: 999;
		width: 100vw;
		left: 50%;
		transform: translate(-50%, 0);
		display: none;
		box-shadow: 0 0.25rem 0.5rem 0px rgba(198, 200, 204, 0.4);
	}

	.nymenu .box ul li {
		width: 100%;
		line-height: 1.25rem;
		margin: 0;
		height: initial;
	}

	.nymenu .box ul li a {
		padding: 0.5rem 5%;
	}

	.nymenu li:nth-child(1) {
		margin-left: initial;
	}

	.nymenu .box .submenu {
		display: inline-block;
		width: 100%;
		float: left;
		border-bottom: #E7E7E7 1px solid;
		position: relative;
		padding: 0 1rem;
	}

	.nymenu .box .submenu:before {
		position: absolute;
		content: '';
		right: 2%;
		top: 48%;
		width: 0;
		height: 0;
		border-right: 1px solid #4F4F4F;
		border-top: 1px solid #4F4F4F;
		height: 0.3rem;
		width: 0.3rem;
		transform: rotate(45deg) translate(-50%, 0%);
		-webkit-transform: rotate(45deg) translate(-50%, 0%);
		-moz-transform: rotate(45deg) translate(-50%, 0%);
		-ms-transform: rotate(45deg) translate(-50%, 0%);
		-o-transform: rotate(45deg) translate(-50%, 0%);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-left: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}

	.nymenu .box.on .submenu:before {
		transform: rotate(135deg) translate(0%, 50%);
		-webkit-transform: rotate(135deg) translate(0%, 50%);
		-moz-transform: rotate(135deg) translate(0%, 50%);
		-ms-transform: rotate(135deg) translate(0%, 50%);
		-o-transform: rotate(135deg) translate(0%, 50%);
	}



	.nypos .box {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}

	.search-main .search-top {
		margin: 2rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.search-main .search-box {
		margin-bottom: 2rem;
	}

	.search-main .search-box li {
		padding: 0;
		display: inline-block;
		padding-bottom: 1rem;
	}

	.search-main .search-box li a {
		display: inline-block;
		width: 100%;
		float: left;
	}

	.search-main .search-box li .img {
		width: 100%;
		height: initial;
	}

	.search-main .search-box li .img img {
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		object-fit: initial;
	}

	.search-main .search-box li .text {
		flex: initial;
		width: 100%;
		float: left;
	}

	.search-main .search-box li .text .text-box {
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		float: left;
		padding: 0;
		margin-top: 1rem;
	}

	.search-main .search-box li .text .text-box .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: initial;
	}

	.search-main .search-box li .text .text-box .date {
		font-size: 0.875rem;
		line-height: 1rem;
	}

	.search-main .search-box li .text .text-box .link a:before {
		right: 0.5%;
		width: 1.5rem;
	}

	.product-card,
	.product-pics {
		padding: 0;
		padding-top: 2rem;
	}

	.product-card .product-tab {
		width: 100%;
		float: left;
	}

	.product-card h3 {
		font-size: 1.3125rem;
		text-align: center;
		margin-bottom: 1rem;
	}

	.product-tab .pro_tab_menu {
		width: 100%;
		float: left;
		height: 3rem;
		line-height: 3rem;
		background: #e2e4e6;
		font-size: 1rem;
		padding: 0 0.5rem;
		position: relative;
		display: inline-block;
	}

	.product-tab .pro_tab_menu:before {
		position: absolute;
		content: '';
		right: 2%;
		top: 48%;
		width: 0;
		height: 0;
		border-right: 1px solid #4F4F4F;
		border-top: 1px solid #4F4F4F;
		height: 0.3rem;
		width: 0.3rem;
		transform: rotate(45deg) translate(-50%, 0%);
		-webkit-transform: rotate(45deg) translate(-50%, 0%);
		-moz-transform: rotate(45deg) translate(-50%, 0%);
		-ms-transform: rotate(45deg) translate(-50%, 0%);
		-o-transform: rotate(45deg) translate(-50%, 0%);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-left: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}

	.product-tab .pro_tab_menu.on:before {
		transform: rotate(135deg) translate(0%, 50%);
		-webkit-transform: rotate(135deg) translate(0%, 50%);
		-moz-transform: rotate(135deg) translate(0%, 50%);
		-ms-transform: rotate(135deg) translate(0%, 50%);
		-o-transform: rotate(135deg) translate(0%, 50%);
	}

	.product-tab ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		left: 0;
		top: 100%;
		background: #fff;
		z-index: 1;
		height: initial;
		padding: 0.5rem;
	}

	.product-tab ul li {
		width: 100%;
		float: left;

	}

	.product-tab li,
	.product-tab .line,
	.product-tab li a {
		height: 3rem;
	}

	.product-tab li {
		width: initial;
	}

	.product-tab li.active {
		background: #eee;
	}

	.product-tab li a,
	.pro_tab_menu a {
		padding: 0.25rem 0;
	}

	.pro_tab_menu a {
		display: inline-block;
		width: 100%;
		float: left;
	}

	.product-tab li .name,
	.pro_tab_menu .name {
		font-size: 0.75rem;
		line-height: 1.25rem;
		height: 1.25rem;
		padding: 0 1rem;
	}

	.pro_tab_menu .name {
		font-weight: bold;
		color: #16181a;
		position: relative;
	}

	.pro_tab_menu .name:before {
		position: absolute;
		content: '';
		left: 2rem;
		top: 48%;
		content: '';
		width: 0;
		height: 0;
		border-right: 2px solid #D70008;
		border-top: 2px solid #D70008;
		height: 0.4rem;
		width: 0.4rem;
		transform: rotate(deg);
		-webkit-transform: rotate(45deg) translate(-50%, 0%);
		border-left: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}

	.product-tab li .name:before,
	.pro_tab_menu .name:before {
		left: 0.25rem;
		width: 0.2rem;
		height: 0.2rem;
	}

	.product-tab li .sort,
	.pro_tab_menu .sort {
		font-size: 1rem;
		padding: 0 1rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}

	.product-tab .line {
		display: none;
	}

	.product-card .tabCon {
		width: 100%;
		margin-top: 2rem;
		height: initial !important;
	}

	.tabCon .content {
		height: initial;
		position: initial;
		opacity: 1;
		visibility: initial;
		transform: initial;
		margin-bottom: 1rem;
		display: none;
	}

	.tabCon .content.active {
		display: inline-block;
	}

	.tabCon .title .name {
		font-size: 1.125rem;
		line-height: 1.875rem;
	}

	.tabCon .title .text {
		float: left;
		width: 90%;
		margin: 0 5%;
	}

	.tabCon .title .desc {
		line-height: 1.3125rem;
		height: initial;
		font-size: 0.875rem;
		width: 90%;
		margin: 0.5rem 5% 0 5%;
	}

	.tabCon .info {
		height: initial;
		padding-bottom: initial;
	}

	.tabCon .info .link {
		left: initial;
		right: 1.8rem;
		bottom: 1.5rem;
	}

	.tabCon .info .img {
		width: 90%;
		margin: 0.5rem 5% 1rem 5%;
		position: initial;
		height: initial;
	}

	.tabCon .info .link a {
		font-size: 0.75rem;
	}

	.product-pics .title {
		font-size: 1.3125rem;
		font-weight: bold;
	}

	.product-pics ul {
		margin-top: 1rem;
	}

	.product-pics li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.product-pics li:nth-child(2n-1) {
		margin-left: 0;
	}

	.product-pics li .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		bottom: 0.5rem;
	}

	.product .filter .w1400 {
		padding: 0.875rem 0 1.5rem 0;
	}

	.product .filter .form-item {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 4%;
	}

	.product .filter .form-item:nth-child(1) {
		width: 100%;
	}

	.product .filter .form-item:nth-child(3),
	.product .filter .form-item:nth-child(4) {
		margin-bottom: 0;
	}

	.product .filter .form-item:nth-child(3) {
		margin-left: 0
	}

	.product .filter .pro-form2 ul {
		position: relative;
		z-index: 2;
	}

	.product .filter .box {
		font-size: 0.875rem;
	}

	.product .filter .pro-form1 button:before {
		width: 40%;
		height: 40%;
		top: 20%;
	}

	.product .filter .pro-form1 button:after {
		left: 55%;
		bottom: 10px;
	}

	.product .list ul {
		margin-bottom: 0;
	}

	.product .list li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 5%;
	}

	.product .list li:nth-child(3n-2) {
		margin-left: 2%;
	}

	.product .list li:nth-child(2n-1) {
		margin-left: 0;
	}

	.product .list li .name {
		font-size: 1rem;
		line-height: 2rem;
	}

	.product .list li .desc>div {
		font-size: 0.75rem;
	}

	.product .qrcode .img img {
		width: 7rem;
	}

	.product .qrcode .text {
		margin: 0;
		margin-top: 1.5rem;
		font-size: 1.125rem;
		line-height: 1.625rem;
	}

	.provbanner {
		background: #E5ECF2;
		float: left;
	}

	.provbanner .text,
	.provbanner .r360 {
		position: initial;
		top: initial;
		height: initial;
		max-height: initial;
		right: initial;
		transform: initial;
	}

	.provbanner .img {
		display: none;
	}

	.provbanner .text {
		width: 96%;
		float: left;
		margin: 0 2%;
	}

	.provbanner .text .box {
		width: 100%;
		float: left;
		margin-top: 2rem;
		position: initial;
		top: initial;
		transform: initial;
	}

	.provbanner .text .name {
		text-align: center;
	}

	.provbanner .text .title {
		font-size: 1.125rem;
		text-align: center;
	}

	.provbanner .text .desc {
		width: initial;
		float: left;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		margin-top: 1rem;
		max-height: 5rem;
		line-height: 1.25rem;
	}

	.provbanner .text .desc p {
		display: inline-block;
		float: left;
		margin-left: 1rem;
		margin: 0;
	}

	.provbanner .text .desc p:nth-child(1) {
		margin-left: 0;
	}

	.provbanner .text .link {
		width: 100%;
		float: left;
		margin-top: 1rem;
	}

	.provbanner .text .link a {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.provbanner .r360 {
		width: 100%;
		float: left;
		position: relative;
	}

	.provbanner .r360 .r360-start {}

	.nytitle {
		font-size: 1.3125rem;
		font-weight: bold;
		line-height: 1.875rem;
	}

	.pro-ico ul {
		margin: 0 0 2rem 0;
	}

	.pro-ico li {
		width: 100%;
		margin: 0;
		margin-top: 1rem;
	}

	.pro-ico li:nth-child(1) {
		margin-top: 0;
	}

	.pro-ico li .img {
		width: 4rem;
		height: 4rem;
		float: left;
		position: initial;
		left: initial;
		transform: initial;
	}

	.pro-ico li .desc,
	.pro-ico li .name {
		width: calc(100% - 5rem);
		height: initial;
		white-space: initial;
		margin: 0;
		text-align: left !important;
		float: right;
	}

	.pro-ico li .name {}

	.pro-ico li .desc {
		margin-top: 0rem;
		line-height: 1.25rem;
	}

	.productview>div,
	.provvideo .w1400 {
		padding: 2rem 0;
	}

	.productview .tpl-layui-row>div {
		padding: 0 !important;
		margin-top: 1rem;
	}

	.productview .tpl-layui-row>div:nth-child(1) {
		margin-top: 0;
	}

	.productview .tpl-layui-row>div img {
		display: inline-block;
		float: left;
		width: 4rem;
		height: 4rem;
	}

	.productview .tpl-layui-row>div strong {
		float: right;
		width: calc(100% - 5rem);
		text-align: left;
	}


	.provvideo .w1400 {
		display: inline-block;
	}

	.provvideo .text {
		flex: initial;
		width: 100%;
		float: left;
	}

	.provvideo .text .box .nytitle,
	.productview .provspec .nytitle,
	.productview .provdown .nytitle,
	.productview .provtrait .nytitle {
		text-align: center;
	}

	.provvideo .video {
		width: 100%;
		margin: 0;
		height: initial;
		margin-top: 1.5rem;
	}

	.provvideo .video .ico i {
		width: 3rem;
		height: 3rem;
		border-radius: 3rem;
	}

	.provvideo .video .ico i:before {
		border-top: 0.3rem solid transparent;
		border-bottom: 0.3rem solid transparent;
		border-left: 0.6rem solid #fff;
	}

	.productview .provspec .box {
		margin-top: 0.5rem;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		display: inline-block;
	}

	.productview .provspec ul {
		width: 100%;
		float: left;
		justify-content: space-between;
		white-space: nowrap;
		display: flex;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}

	.productview .provspec .boxbtn,
	.productview .provspec .line {
		display: none;
	}

	.productview .provspec li {
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
		width: initial;
		margin-left: 0.5rem;
	}

	.productview .provspec .toggle {
		padding: 1rem 0;
	}

	.productview .provspec .cont,
	.productview .provtrait .desc {
		margin-top: 0;
	}

	.productview .provdown ul {
		margin-top: 1rem;
	}

	.productview .provdown li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 4%;
	}

	.productview .provdown li a {
		padding: 0.5rem 0.25rem;
	}

	.productview .provdown li i {
		width: 1.5rem;
		height: 1.5rem;
		top: 0.75rem;
		background-size: cover;
	}

	.productview .provdown li p {
		padding-left: 2.5rem;
	}

	.teams .num-list ul {
		padding: 0;
	}

	.teams .num-list li .name {
		height: 2rem;
	}

	.teams .num-list li .name .num {
		padding-right: 1rem;
	}

	.teams .num-list li .name .num2 {
		display: none;
	}

	.teams .num-list li .name .num1:before {
		display: none;
	}

	.teams .num-list li .name .num3 {
		line-height: 1.875rem;
		font-size: 0.75rem;
	}

	.teams .num-list li .desc {
		line-height: 1rem;
	}

	.teams .cont {
		margin: 1rem 0 1rem 0;
	}

	.teams .box {
		margin-top: 1.5rem;
	}

	.teams .img {
		position: relative;
		height: 10rem;
	}

	.teams .img img {
		position: absolute;
		width: auto;
		max-width: auto !important;
		height: 10rem;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.num-list ul {
		padding: 0 10%;
	}

	.num-list li .name .num {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.num-list li .desc {
		font-size: 0.75rem;
		line-height: 1.25rem;
	}

	.sale>div,
	.sale>div:nth-last-child(1) {
		padding: 2rem 0;
	}

	.lsnum {
		display: inline-block;
	}

	.lsnum>div {
		width: 100%;
	}

	.lsnum .box {
		padding-right: 0;
		margin-bottom: 1rem;
	}

	.lsnum .toggle {
		flex: initial;
	}

	.lsnum .toggle .img {
		top: initial;
		transform: initial;
	}

	.sale .title .name {
		text-align: center;
		font-size: 1.3125rem;
		font-weight: bold;
		line-height: 1.875rem;
	}

	.lsnum li {
		width: 49%;
		margin-left: 2%;
		text-align: center;
	}

	.lsnum li:nth-child(3n-2) {
		margin-left: 2%;
	}

	.lsnum li:nth-child(2n-1) {
		margin-left: 0;
	}

	.fwslide .btn {
		right: -8%;
	}

	.fwslide .btn.prev {
		left: -8%;
	}

	.fwslide .text .fwnext {
		display: none;
	}

	.fpcilist li .name,
	.fwslide .text .name,
	.tstj .tsname {
		font-size: 1rem;
	}

	.sale .title .desc {

		line-height: 1.5rem;
		font-size: 0.875rem;
		margin: 0.5rem 0;
	}

	.gzform {
		width: 100%;
		margin: 0;
		margin-top: 0.5rem;
	}

	.gzform .input {
		font-size: 0.875rem;
	}

	.gzform .gzgo {
		width: 6rem;
	}

	.gzform .gzinfo {
		margin-top: 1.5rem;
	}

	.gzinfo .gzbe {
		margin: 0;
		margin-top: 1rem;
	}

	.gzform .gzname {
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 1rem;
	}

	.gzinfo .gzbe .name {
		line-height: 1.5rem;
	}

	.mhbx .box {
		display: inline-block;
		margin-top: 1rem;
	}

	.mhbx .code {
		left: 50%;
		transform: translate(-50%, 0);
	}

	.mhbx .code .iname {
		line-height: 1.125rem;
	}

	.mhbx .box>.img {
		margin-top: 1.5rem;
	}

	.mhbx .box>.img,
	.mhbx .img li {
		width: 100%;
	}

	.mhbx .rtn {
		margin-top: 7.5rem;
		margin-bottom: 0.5rem;
		text-align: center;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.mhbx .box .text {
		width: 100%;
	}

	.mhbx .text ul {
		height: initial;
		overflow: initial;
	}

	.mhbx .box>.img {
		flex: initial;
		height: initial;
	}

	.mhbx .text li .name {
		font-size: 1rem;
		line-height: 2rem;
		height: 2rem;
	}

	.mhbx .text li .name font {
		font-size: 1.5rem;
	}

	.mhbx .text li .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.tstj .tsinput {
		width: 100%;
		margin-left: 0;
	}

	.tstj .tsinput .name {
		line-height: 2.5rem;
	}

	.tssubmit input {
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}


	.serito>div {
		padding: 2rem 0;
	}

	.serito .title .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.serito .title .desc {
		margin: 0.5rem 0;
	}

	.txl .text {
		position: initial;
		top: initial;
		transform: initial;
		left: initial;
	}

	.txl .img {
		height: 15rem;
	}

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

	.txl .box {
		width: 100%;
	}

	.tmes li {
		width: 100%;
		margin-left: 0;
	}

	.fmcs li {
		width: 49%;
		margin-left: 2%;
	}

	.fmcs li .img {
		width: 6rem;
		height: 6rem;
	}

	.fmcs li:nth-child(5n-4) {
		margin-left: 2%;
	}

	.fmcs li:nth-child(2n-1) {
		margin-left: 0;
	}

	.fmcs li:nth-child(-n+8) {
		margin-bottom: 2%;
	}

	.serito .title .desc {
		margin-top: 1rem;
	}

	.ems .title .name {
		text-align: center;
	}

	.ems .box {
		width: 100%;
		margin: 0;
		margin-top: 1rem;
	}

	.serito .ems {
		padding: 2rem 0;
	}


	.newsview .ncontent {
		min-height: initial;
		font-size: 1rem;
	}


	.about>div,
	.aboutdepa {
		padding: 2rem 0;
	}

	.about .title .name {
		font-size: 1.5rem;
		line-height: 1.875rem;
		text-align: center;
	}

	.aboutview .info {
		margin-top: 1rem;
	}

	.aboutview .box li .num {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.animateNum {
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding-right: 0.875rem;
	}

	.animateNum::before {
		font-size: 0.875rem;
		line-height: 1rem;
	}

	.abouthonor li .name {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.abouthonor li .num {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.aboutview .toggle {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.aboutview .box {
		width: 100%;
	}

	.aboutview .box ul {
		margin: 1rem 0 1.5rem 0;
	}

	.aboutview .toggle {
		width: 100%;
	}

	.aboutview .box li .num span,
	.aboutview .box li:nth-child(3) .num span {
		position: relative;
		font-size: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
	}

	.aboutculture .title {
		text-align: center;
	}

	.aboutculture .box {
		width: 100%;
		margin-top: 1rem;
	}

	.aboutculture ul {
		margin-top: 0;
	}

	.aboutculture li {
		width: 100%;
		margin-left: 0;
		margin-top: 2%;
	}

	.aboutculture li:nth-child(2n-1) {
		margin-left: 0;
	}

	.aboutculture li .img {
		width: 4rem;
		height: 4rem;
		position: absolute;
	}

	.aboutculture li .title {
		position: initial;
		transform: initial;
		top: initial;
		right: initial;
		height: initial;
		overflow: hidden;
	}

	.aboutculture li .title .name {
		text-align: left;
	}

	.aboutculture li .title .desc {
		text-align: left;
		line-height: 1.25rem;
		font-size: 0.875rem;
	}

	.aboutculture li .title {
		padding-left: 5rem;
	}

	.aboutculture .toggle {
		display: none;
	}

	.aboutdepa {
		margin: 0;
	}

	.about .about2 {
		background-size: 100% 100% !important;
	}

	.yearswiper {
		margin-top: 1rem;
		height: initial;
		border-left: initial;
	}

	.yearswiper .swiper-wrapper {
		width: 100%;
		border-bottom: #4579AD 1px solid;
	}

	.yearswiper .swiper-slide .box {
		height: 2rem;
	}

	.yearswiper .swiper-slide.on .box {
		border-left: initial;
		border-bottom: #fff 2px solid;
	}

	.yearswiper .swiper-slide {
		width: initial;
		margin: 0 0.5rem;
		line-height: 2rem;
		height: 100%;
	}

	.yearswiper .yearsinfo {
		width: 100%;
		padding-right: 0;
		transform: initial;
		left: initial;
	}

	.yearswiper .toggle {
		margin-top: 1rem;
	}

	.yearswiper .yearsinfo .toggle.on {
		display: inline-block;
	}

	.yearswiper .toggle>div {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.yearswiper .toggle .text {
		width: 100%;
		max-width: 100%;
		margin-top: 1rem;
		flex: initial;
	}

	.yearswiper .toggle .text .date {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.yearswiper .toggle .text .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: initial;
	}

	.yearswiper .toggle .text .desc {
		line-height: 1.5rem;
		font-size: 1rem;
		height: initial;
	}

	.yearswiper .toggle,
	.yearswiper .toggle>div,
	.yearswiper .toggle>div img {
		height: 100%;
		object-fit: cover;
	}

	.about3 .abouthonor ul {
		margin-top: 1rem;
	}

	.about3 .abouthonor li {
		width: 50%;
		margin-bottom: 1rem;
	}

	.abtslidelist {
		width: 100%;
		margin: 0;
	}

	.abtslidelist .toggle {
		margin-top: 1rem;
	}

	.abtslidelist .swiper-slide {
		padding: 0 0.5rem;
	}

	.abtslidelist .name {
		margin-top: 0.5rem;
		line-height: 1.25rem;
		font-size: 0.875rem;
	}

	.abtslidelist .btn {
		display: none;
		width: 2.5rem;
		height: 2.5rem;
	}

	.abouthonor ul {
		padding-bottom: 1rem;
	}

	.abtb .toggle,
	.abtb .box {
		width: 100%;
	}

	.abtb .box .name {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 0rem;
	}

	.abtb .box .desc {
		line-height: 1.25rem;
		font-size: 0.875rem;
		height: initial;
		overflow: hidden;
		margin-top: 1rem;
		padding-bottom: 4rem;
	}

	.abtb .box,
	.aboutcoop .toggle {
		padding: 1rem;
	}

	.abtb .btn {
		bottom: 1rem;
		left: 2rem;
	}

	.abtb .btn.next {
		left: 5rem;
	}

	.aboutnews .info {
		margin-top: 1rem;
	}

	.aboutnews li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 2%;
	}

	.aboutnews li .name {
		height: initial;
	}

	.aboutnews .title .more {
		line-height: 3rem;
	}

	.aboutnews li .text {
		padding: 1rem;
	}

	.aboutnews li .time {
		margin-top: 1rem;
	}

	.about .about6 {
		padding-bottom: 2rem;
	}

	.aboutcoop .box,
	.aboutcoop .toggle {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}

	.aboutcoop .toggle {
		margin-top: 1rem;
		padding: 1rem;
	}

	.aboutcoop .text {
		height: initial;
		margin-top: 1rem;
	}

	.aboutcoop .box .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.aboutcoop .box .sname {
		font-size: 1rem;
		line-height: 1.25rem;
		margin: 0.75rem 0;
	}

	.aboutcoop .box .desc {
		line-height: 1.25rem;
		font-size: 0.875rem;
	}

	.aboutcoop .box .desc span {
		font-size: 1rem !important;
	}

	.aboutcoop .toggle .name {
		font-size: 1.125rem;
		line-height: 1.25rem;
	}

	.aboutcoop .toggle .link {
		margin-top: 0.5rem;
	}





	.servicelist>div {
		padding: 2rem 0;
	}

	.serteam .text {
		width: 100%;
	}

	.servicelist .title {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.serteam .info {
		margin-top: 1rem;
		font-size: 0.875rem;
	}

	.serteam .img {
		width: 100%;
		margin-top: 1rem;
	}

	.serteam .img img {
		margin-top: 0.5rem;
	}

	.serhorno .title {
		text-align: center;
	}

	.shornoslide .toggle {
		margin-top: 1rem;
	}

	.shornoslide .btn {
		width: 2.5rem;
		height: 2.5rem;
		right: -8%;
	}

	.shornoslide .btn.prev {
		left: -8%;
	}

	.shornoslide .swiper-slide {
		padding: 0 0.5rem;
	}

	.llinfo {
		margin-top: 1rem;
	}

	.llinfo .box .line {
		display: none;
	}

	.llinfo .box li,
	.llinfo .box li .name {
		height: 2rem;
		line-height: 2rem;
	}

	.llinfo .box li .name:before {
		display: none;
	}

	.llinfo .box li .name {
		padding: 0 1rem;
		margin-top: 0.5rem;
		border-left: #ccc 1px solid;
		border-bottom: none;
	}

	.llinfo .box li {
		height: 3rem;
		padding: 0;
	}

	.llinfo .box li:nth-child(1) .name {
		border: none;
	}

	.llinfo .toggle li .name {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.llinfo .toggle li .name:before {
		width: 0.25rem;
		height: 0.25rem;
	}

	.llinfo .toggle li .desc {
		padding: 1rem 0.5rem;
	}

	.llinfo .box ul {
		white-space: nowrap;
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
	}


	.llinfo .box li,
	.llinfo .box li .name {
		width: initial;
		float: left;
	}

	.llinfo .box {
		width: 100%;
		padding: 0;
		margin-bottom: 1rem;
	}

	.llinfo .toggle {
		width: 100%;
	}

	.fwslide .text .desc {
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 3.75rem;
		padding-top: 1rem;
	}

	.fpcilist ul {
		margin-top: 1rem;
	}

	.fpcilist li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.fpcilist li:nth-child(2n-1) {
		margin-left: 0;
	}

	.fwslide {
		width: 90%;
		margin: 0 5%;
	}

	.service>div {
		padding: 2rem 0;
	}

	.lprt {
		display: inline-block;
	}

	.lprt .img {
		width: 100%;
		text-align: center;
	}

	.tnfe li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.tnfe li:nth-child(4n-3) {
		margin-left: 2%;
	}

	.tnfe li:nth-child(2n-1) {
		margin-left: 0;
	}

	.tnfe .text .img img {
		width: 4rem;
		height: 4rem;
	}

	.tnfe .text .link a {
		opacity: 1;
	}

	.lsnum .num span {
		margin-left: 50%;
		transform: translate(-50%, 0);
	}

	.lsnum.newClass20230307 .num span {
		margin-left: 0%;
		transform: translate(-0%, 0);
		-webkit-transform: translate(-0%, 0);
		-moz-transform: translate(-0%, 0);
		-ms-transform: translate(-0%, 0);
		-o-transform: translate(-0%, 0);
	}

	.lsnum .num span.ti {
		margin-left: initial;
		transform: initial;
	}

	.lprt .ico img {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.lprt .text {
		width: 100%;
		float: left;
		flex: initial;
		box-shadow: initial;
	}

	.lprt .text .box {
		position: initial;
		top: initial;
		transform: initial;
		padding: 1rem 2%;
	}

	.lprt .name {
		font-size: 1.125rem;
		line-height: 1.5rem;
		text-align: center;
	}

	.lprt .desc {
		height: initial;
		text-align: center;
		max-height: initial;
	}

	.lprt .link {
		margin-top: 0.5rem;
	}

	.lprt .link a {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.eightico {
		margin-top: 1rem;
	}

	.eightico li {
		width: 49%;
		margin-left: 2%;
		padding: 0.5rem;
	}

	.eightico li:nth-child(4n-3) {
		margin-left: 2%;
	}

	.eightico li:nth-child(2n-1) {
		margin-left: 0;
	}

	.eightico .img {
		width: 3rem;
		height: 3rem;
		margin-right: 0.5rem;
	}

	.eightico .name {
		font-size: 1rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}

	.eightico .link {
		margin-top: 0.25rem;
	}

	.service .title .name {
		font-size: 1.25rem;
		line-height: 2rem;
	}

	.tnfi li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
		padding: 1rem;
	}

	.tnfi li:nth-child(2n-1) {
		margin-left: 0;
	}

	.tnfi li .img {
		width: 6rem;
		height: 6rem;
	}

	.tnfi li .img img {
		width: 3rem;
		height: 3rem;
	}

	.tnfi li .name {
		font-size: 1rem;
		line-height: 1.25rem;
		height: 2.5rem;
	}

	.service2 .link,
	.service3 .link,
	.service4 .link {
		margin-top: 1rem;
	}

	.lsnico .info {
		margin-top: 1rem;
	}

	.lsnico .box {
		width: 100%;
		padding: 0;
	}

	.lsnico .box li .name {
		height: 3rem;
		line-height: 3rem;
	}

	.lsnico .box li .subname {
		padding: 0.5rem 1.5rem;
	}

	.lsnico .box .line {
		height: 3rem;
		display: none;
	}

	.lsnico .box li.active .name {
		background: #C8E2F9;
	}

	.lsnico .toggle {
		width: 100%;
		margin-top: 4%;
	}

	.lsnico .rinfo>div {
		width: 49%;
		margin-left: 2%;
	}

	.lsnico .rinfo>div:nth-child(3n-2) {
		margin-left: 2%;
	}

	.lsnico .rinfo>div:nth-child(2n-1) {
		margin-left: 0;
	}

	.lsnico .rinfo>div a {
		padding: 2% 5%;
	}

	.lsnico .rinfo>div .num {
		height: 2rem;
		line-height: 2rem;
		font-size: 2rem;
	}

	.lsnico .rinfo>div .title {
		line-height: 1.25rem;
		height: 3.75rem;
		font-size: 1rem;
		-webkit-line-clamp: 3;
	}

	.tninfo .tnname {
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin: 1rem 0;
	}

	.tninfo li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 2%;
	}

	.tninfo li .desc {
		height: initial;
	}

	.tnfthree ul li {
		width: 100%;
		margin-left: 0%;
		border-radius: initial;
		border: initial;
		height: initial;
		padding-bottom: 0;
		background: initial;
		margin-top: 10%;
	}

	.tnfthree ul li:nth-child(1) {
		margin-top: 0;
	}

	.tnfthree ul li .box {
		min-width: 60%;
		width: initial;
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		padding: initial;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.tnfthree ul li:hover {
		background: initial;
	}

	.tnfthree ul li:hover .img {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	.tnfthree ul li:hover .text {
		margin-top: 1rem;
	}

	.service4 {
		background-size: auto 100% !important;
		background-repeat: no-repeat;
	}

	.backbone {
		padding: 0;
		padding-bottom: 2rem;
	}

	.backbone li {
		width: 100%;
		margin-left: 0;
		margin-top: 1.5rem;
	}

	.backbone li .text {
		width: 95%;
		top: 90%;
		padding: 1rem;
		box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 20%);
	}

	.backbone li .text .name {
		font-size: 1.25rem;
		line-height: 1.25rem;
	}

	.backbone li .text .desc {
		font-size: 1rem;
		line-height: 1.15rem;
		max-height: 3.45rem;
	}

	.backbone li .text .exp {
		line-height: 1.25rem;
		height: 2.25rem;
	}

	.backbone li .text .link a {
		font-size: 0.7rem;
		padding: 0.5rem 1rem;
	}

	.backbone li.active .exp {
		height: 9rem;
	}

	.system .system-top ul {
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.125rem;
	}

	.cont-textpic {
		margin-top: 2rem;
		display: inline-block;
	}

	.cont-textpic .box {
		flex: initial;
		width: 100%;
		float: left;
	}

	.cont-textpic .box .text {
		position: initial;
		top: initial;
		transform: initial;
		padding-right: 0;
	}

	.cont-textpic .box .text .name {
		margin-top: 0.75rem;
	}

	.cont-textpic .box .text .desc {
		float: left;
	}

	.system .nytitle {
		margin-bottom: 0.875rem;
	}

	.cont-textpic .toggle {
		width: 100%;
		float: left;
		margin-top: 1rem;
	}

	.cont-list {
		margin-top: 2rem;
	}

	.cont-list li,
	.cont-list li:nth-child(1) {
		height: 3rem;
	}

	.cont-list li {
		font-size: 0.75rem;
	}

	.cont-list li:nth-child(1) {
		font-size: 1rem;
	}

	.cont-list li>div {
		padding: 0 0.5rem;
	}

	.cont-list li .box {
		width: 9rem;
		line-height: 1rem;
	}

	.cont-list li:before {
		width: 9rem;
	}

	.cont-list li .toggle {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		display: flex;
	}

	.cont-list tr td:nth-last-child(1) {
		overflow-x: auto;
		overflow-y: hidden;
	}


	.system .system-info {
		margin-bottom: 0rem;
	}

	.cont-list-four {
		padding: 2rem 0;
	}

	.cont-list-four ul {
		overflow-x: auto;
	}

	.cont-list-four li {
		overflow-x: auto;
		overflow-y: hidden;
		// white-space: nowrap;
		width: 45rem;
	}

	.cont-list-four li>div {
		// padding: 0 1rem;
		overflow: hidden;
		font-size: 0.75rem;
	}

	.cont-list-four li:nth-child(1) {
		font-size: 1rem;
	}

	.cont-list-four .box-one,
	.cont-list-four .box-two {
		width: 9rem;
	}

	.cont-list-four .box-three {
		width: 12rem;
	}

	.cont-list-four .box-four {
		width: 15rem;
	}



	.solution {
		padding: 2rem 0 4rem 0;
	}

	.soluindex .box .img {
		width: 100%;
		padding-top: 11rem;
	}

	.soluindex .toggle {
		width: 100%;
	}

	.soluindex .text {
		padding: 0.625rem;

		text-align: center;
	}

	.soluindex .name {
		font-size: 1rem;
		line-height: 1.5rem;
		height: 3rem;
		overflow: hidden;
	}

	.soluindex .desc {
		line-height: 1rem;
		height: 3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		margin: 0;
		margin-top: 0.625rem;
	}

	.soluindex .link {
		margin-top: 0.625rem;
	}

	.soluindex .link a {
		padding: 0.5rem 1rem;
	}




	.newsslide {
		padding: 1rem;
		width: 200%;
	}

	.newsslide .box .img,
	.newsslide .box .video {
		width: 100%;
		padding: initial;
		height: initial;
	}

	.newsslide .toggle {
		position: initial;
	}

	.newsslide .name {
		font-size: 1.125rem;
		line-height: 1.3125rem;
		height: 2.625rem;
		text-align: left;
	}

	.newsslide .text {
		padding: 0.75rem;
		padding-bottom: 3.5rem;
	}

	.newsslide .text .date {
		position: absolute;
		width: initial;
		float: left;
		left: 0.75rem;
		bottom: 0.75rem;
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.newsslide .desc {
		display: none;
	}

	.newsslide .text .link {
		position: absolute;
		right: 0.75rem;
		bottom: 0.75rem;
		float: right;
		width: initial;
	}

	.newsslide .link a {
		padding: 0.5rem 1rem;
	}

	.anews {
		padding: 2rem 0;
	}

	.anews .title .name {
		font-size: 1.3125rem;
		line-height: 1.5rem;
	}

	.anmenu {
		border: initial;
	}

	.anewsl {
		margin: 1rem 0;
	}

	.anewsl ul {
		margin: 0.25rem 0;
	}

	.anewsl li {
		width: 100%;
		margin-left: 0%;
		margin-bottom: 2%;
	}

	.anewsl li:nth-child(3n-2) {
		margin-left: 0%;
	}

	.anewsl li:nth-child(2n-1) {
		margin-left: 0;
	}

	.anewsl .text {
		padding: 1rem;
	}

	.anewsl .name {
		line-height: 1.25rem;
		font-size: 1rem;
		height: initial;
	}

	.anewsl .desc {
		height: initial;
	}

	.nymenu .news-xyears {
		position: initial;
		right: initial;
		top: initial;
		width: 100%;
		float: left;
		border: initial;
		height: 3rem;
		line-height: 3rem;
		background: #fff;
		border-bottom: #E7E7E7 1px solid;
	}



	.solist-0 {
		padding-bottom: 2rem;
	}

	.solist-1,
	.solist-2,
	.solist-3,
	.solist-4 {
		padding: 2rem 0;
	}

	.solist-4 {
		padding-bottom: 1rem;
	}

	.cont-two-txtpic .toggle,
	.night-ico ul,
	.three-pictext .toggle,
	.sopartner .info,
	.cont-two-txtpic .pics {
		margin-top: 1rem;
	}

	.cont-two-txtpic li {
		width: 100%;
		margin-left: 0;
	}

	.cont-two-txtpic .name {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.25rem;
		padding: 0 1rem;
	}

	.cont-two-txtpic .desc {
		padding: 0.875rem;
		height: initial;
		line-height: 1.5rem;
	}

	.cont-two-txtpic .pics {
		padding: 0;
		/*padding: 0 5%;*/
		margin-bottom: 2rem;
	}

	.cont-two-txtpic .btn {
		display: none;
	}

	.cont-two-txtpic .swiper .img {
		width: 92%;
		margin: 4%;
	}

	.cont-two-txtpic .btn.next {
		width: 1.5rem;
		height: 1.5rem;
		right: 1%;
		border-right: 2px solid #007AC1;
		border-top: 2px solid #007AC1;
	}

	.cont-two-txtpic .btn.prev {
		width: 1.5rem;
		height: 1.5rem;
		left: 1%;
		border-left: 2px solid #007AC1;
		border-bottom: 2px solid #007AC1;
	}


	.contact>div {
		padding: 2rem 0;
	}

	.contact .title .name {
		text-align: center;
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.lithree li {
		width: 100%;
		border: initial;
		padding: 0 5%;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		border-bottom: #dcdcdc 1px solid;
	}

	.lithree li:nth-child(2) {
		border: initial;
		padding: 0 5%;
		margin: 0;
	}

	.contqrcode {
		margin-top: 0;
	}

	.contqrcode img {
		width: 60%;
		height: initial;
	}

	.sixlicard.active ul {
		height: 21.5rem;
	}

	.sixlicard li {
		width: 100%;
		margin-left: 0;
		margin-top: 2%;
	}

	.sixlicard li:nth-child(3n-2) {
		margin-left: 0;
	}

	.sixlicard li:nth-child(-n + 4) {
		margin-top: 2%;
	}

	.sixlicard li:nth-child(-n + 1) {
		margin-top: 0%;
	}

	.sixlicard .cclick font {
		float: right;
	}

	.sixlicard .sixlink {
		height: 5rem;
		line-height: 3rem;
	}

	.cont3 .title .csort font {
		margin-left: 1rem;
	}

	.cont3 .title .csort {
		font-size: 1rem;
	}

	.csslide .swiper-slide:nth-child(2n-1) {
		width: 100%;
	}

	.csslide .swiper-slide:nth-child(2n-0) {
		width: 100%;
		margin: 0;
	}

	.csslide .btn {
		display: none;
	}

	.twolink {
		margin-top: 2rem;
	}

	.twolink li .box {
		padding: 1rem 0;
	}

	.twolink li .box i {
		width: 3rem;
		height: 3rem;
	}

	.twolink li .box .text {
		font-size: 1rem;
		line-height: 1.25rem;
		margin-left: 0.5rem;
	}

	.twolink li .box .text .name {
		font-size: 1rem;
		line-height: 1.5rem;
		height: 1.5rem;
		overflow: hidden;
	}

	.cform .cinput {
		width: 100%;
		margin-left: 0;
		line-height: 2.5rem;
		height: 2.5rem;
		padding: 0 0.5rem;
	}

	.cform .cinput .name {
		margin-right: initial;
	}

	.cform .cinput2 {
		height: 14rem;
	}

	.cform .cinput2 textarea {
		margin-top: 2.5rem;
		height: 10.5rem;
		line-height: 1.5rem;
	}

	.cform .csubmit {
		margin-top: 1rem;
	}

	.cform .csubmit input {
		width: 6rem;
		line-height: 2.5rem;
		height: 2.5rem;
	}



	.branchlist {
		padding: 2rem 0;
	}

	.branchlist li {
		width: 100%;
		margin-left: 0;
	}

	.branchlist .text {
		padding: 1rem;
	}

	.branchlist .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.branchlist .desc .bautolist {
		width: 100%;
		min-height: initial;
	}

	.branchlist li .link {
		float: left;
		margin-top: 1rem;
	}

	.branchlist .desc.bauto p:nth-child(4) {
		height: initial;
	}

	.branchlist li .link a,
	.branchlist li .link a font {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
	}

	.branchlist .desc {
		margin: 0;
		margin-top: 1rem;
	}



	.night-ico ul {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.night-ico li {
		width: 31.3333%;
		margin-left: 3%;
		margin-bottom: 3%;
	}

	.night-ico li:nth-child(3n-2) {
		margin-left: 0;
	}

	.night-ico li .name {
		top: 60%;
		height: 2rem;
		line-height: 2rem;
	}


	.three-pictext .slidepage {
		top: -2.5rem;
		font-size: 0.875rem;
	}

	.three-pictext .slidepage span {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.three-pictext .toggle {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.three-pictext .img,
	.three-pictext .text {
		width: 100%;
		margin: 0;
	}

	.three-pictext .btn {
		display: none;
	}

	.sovideo .img {
		height: 15rem;
	}

	.sovideo .img img {
		height: 20rem;
		width: initial;
		max-width: initial;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.sopartner .info {
		display: inline-block;
	}

	.sopartner .nytitle {
		text-align: center;
	}

	.sopartner .box {
		width: 100%;
		display: inline-block;
	}

	.sopartner ul {
		padding-right: 0;
	}

	.sopartner li {
		width: 32.3333%;
		margin-left: 1.5%;
	}

	.sopartner li:nth-child(4n-3) {
		margin-left: 1.5%;
	}

	.sopartner li:nth-child(3n-2) {
		margin-left: 0;
	}

	.sopartner li:nth-child(-n + 12) {
		margin-bottom: 1.5%;
	}

	.sopartner li.swiper-pagination-bullet-active:before {
		display: none;
	}

	.sopartner li:hover,
	.sopartner li.swiper-pagination-bullet-active {
		border: #E6E6E6 1px solid;
	}

	.sopartner .toggle {
		width: 100%;
		float: left;

		width: 1px;
		height: 1px;
		overflow: hidden;
		opacity: 0;
	}

	.sopartner .btn {
		display: none;
	}

	.sopartner .swiper-slide .name {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
	}


	.lonertwo {
		padding: 2rem 0;
		padding-bottom: 0;
	}

	.lonertwo>div {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2rem;
	}

	.lonertwo .name {
		font-size: 1.125rem;
		line-height: 1.625rem;
		text-align: center;
	}

	.lonertwo .desc {
		margin-top: 1rem;
		line-height: 1.5rem;
		font-size: 0.875rem;
	}

	.lonertwo .toggle li {
		width: 100%;
		margin-bottom: 2rem;
	}

	.lonertwo .toggle li:nth-last-child(1),
	.lonertwo>div:nth-last-child(1) {
		margin-bottom: 0;
	}



	.pics-nightlist {
		margin: 0;
	}

	.pics-nightlist ul {
		margin-top: 2rem;
	}

	.pics-nightlist li {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.pics-nightlist li:nth-child(3n-2) {
		margin-left: 2%;
	}

	.pics-nightlist li:nth-child(2n-1) {
		margin-left: 0;
	}

	.pics-nightlist .text {
		padding: 0.75rem;
	}

	.pics-nightlist .name {
		font-size: 1rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}

	.pics-nightlist .desc {
		margin: 0.5rem 0;
	}

	.page {
		margin-top: 1rem;
	}

	.socaselist .pics-nightlist li {
		width: 100%;
		margin-left: initial;
	}

	.socaselist .pics-nightlist .img {
		height: initial;
		padding: initial;
	}

	.socaselist .pics-nightlist .img a {
		padding: initial;
	}

	.socaselist .pics-nightlist .desc {
		height: initial;
		-webkit-line-clamp: initial;
	}



	.socaseview {
		padding: 2rem 0;
	}

	.vtitle .name {
		font-size: 1.25rem;
		line-height: 1.5rem;
		text-align: center;
		margin-bottom: 1rem;
	}

	.vtitle .more {
		margin: 0.3125rem 0 1rem 0;
		font-size: 0.875rem;
		line-height: 2rem;
	}

	.vtitle .more .form,
	.vtitle .more .number {
		display: none
	}

	.vtitle .share {
		margin-top: 0rem;
	}

	.vtitle .more>div {
		margin-right: 0;
	}

	.videolist,
	.videolist .toggle ul {
		height: initial;
	}

	.videolist .box,
	.videolist .toggle {
		width: 100%;
	}

	.videolist .toggle {
		float: left;
		margin-top: 1rem;
	}

	.videolist .toggle ul {
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		display: flex;

	}

	.videolist .toggle li {
		width: 12rem;
		margin-left: 2%;
		padding: 0;
		margin-bottom: 0;
		margin-bottom: 0.5rem;
		display: inline-block;
	}

	.videolist .toggle li:nth-last-child(1) {
		margin-bottom: 0.5rem;
	}

	.videolist .toggle li:nth-child(1) {
		margin-left: 0;
	}

	.videolist .toggle li .ico {
		width: 12rem;
		height: 8rem;
		padding-bottom: 0;
	}

	.videolist .toggle li .ico img {
		width: initial;
		width: 100%;
		height: 100%;
	}

	.videolist .toggle li .ico div {
		width: 2rem;
		height: 2rem;
	}

	.videolist .toggle li .ico div:before {
		border-top: 0.25rem solid transparent;
		border-left: 0.5rem solid #0079BF;
		border-bottom: 0.25rem solid transparent;
	}

	.videolist .toggle li.active .ico div:before,
	.videolist .toggle li.active .ico div:after {
		width: 0.2rem;
		height: 35%;
	}

	.videolist .toggle li .name {
		width: 100%;
		padding-left: 0;
		padding: 0.5rem;
		flex: initial;
	}

	.videolist .toggle li .name p {
		display: block;
		float: left;
		width: 100%;
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 1.255rem;
		-webkit-line-clamp: 1;
	}

	.videolist .toggle li .name i {
		display: none;
	}


	.casediv-1 {
		padding: 1.5rem 0;
	}

	.three-num ul {
		padding: 0;
	}

	.three-num li .num {
		font-size: 1.5rem;
		height: 2rem;
	}

	.three-num li .num font {
		padding-right: 1.125rem;
		font-size: 2rem;
		line-height: 2rem;
	}

	.three-num li .num font:before {
		font-size: 1.125rem;
		line-height: 1.125rem;
	}

	.three-num li .title {
		font-size: 0.875rem;
		line-height: 1rem;
		font-weight: initial;
	}


	.branchlist,
	.branchview {
		padding: 2em 0;
	}

	.branchview .desc {
		width: 100%;
		margin: 0;
	}

	.branchview .name {
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin-bottom: 1rem;
	}

	.branchview .back {
		margin: 0.5rem 0;
	}

	.branchview .back a {
		font-size: 0.875rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}



	.casediv-2 {
		padding: 2rem 0 0.5rem 0;
	}

	.case-clickmore ul {
		margin-top: 1rem;
	}

	.case-clickmore li {
		padding: 0.5rem;
		display: inline-block;
	}

	.case-clickmore li .img {
		width: 100%;
		height: initial;
		margin: 0;
	}

	.case-clickmore li .text {
		flex: initial;
		margin-top: 0.5rem;
	}

	.case-clickmore .sort {
		font-size: 0.75rem;
		line-height: 1.5rem;
		text-align: center;
	}

	.case-clickmore .name {
		font-size: 1.25rem;
		text-align: center;
	}

	.case-clickmore .desc {
		margin: 0;
		margin-bottom: 0.5rem;
	}

	.case-clickmore .link {
		margin-top: 0.5rem;
	}

	.case-clickmore .link a {
		float: right;
		width: 4.5rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.75rem;
	}

	.case-clickmore .more {
		margin-top: 0.5rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.75rem;
	}

	.case-clickmore .more font:before,
	.case-clickmore .more font:after {
		top: 15%;
	}

	.case-clickmore .more font:after {
		top: 40%;
	}

	.casediv-3 {
		padding: 1rem 0 2rem 0;
	}

	.partlist ul {
		margin-top: 1rem;
	}

	.partlist li {
		width: 23.5%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.partlist li:nth-child(6n-5),
	.partlist li:nth-child(5n-4) {
		margin-left: 2%;
	}

	.partlist li:nth-child(4n-3) {
		margin-left: 0%;
	}



	.applybox {
		width: 90% !important;
	}

	#tojob {
		padding: 1rem;
	}

	#tojob .title {
		height: 2rem;
	}

	#tojob font {
		font-size: 1.25rem;
		line-height: 2rem;
		padding-left: 1.75rem;
	}

	#tojob font.layui-icon {
		font-size: 1.5rem;
		line-height: 2.25rem;
	}

	#tojob .appinput {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
	}


	.socview {
		padding-top: 2rem;
	}

	.ltrv {
		height: initial;
		display: inline-block;
	}

	.ltrv>div:nth-child(1) {
		width: 100%;
	}

	.socasecont .name {
		font-size: 1.125rem;
		line-height: 1.25rem;
		text-align: center;
	}

	.ltrv .desc,
	.ltjjfa .desc,
	.lsxjz .toggle .desc {
		margin-top: 0.5rem;
	}

	.ltrv .desc .i {
		margin: 0.25rem 0;
	}

	.ltrv .video {
		flex: initial;
		width: 100%;
		margin: 0;
		margin-top: 1rem;
		height: auto;
	}

	.ltrv .video .text {
		width: 5rem;
	}

	.ltrv .video .text i {
		width: 2.5rem;
		height: 2.5rem;
	}

	.ltrv .video .text i:before {
		left: 55%;
	}

	.ltrv .video {
		height: 18rem;
	}

	.lsxjz {
		height: initial;
	}

	.lsxjz .toggle {
		display: inline-block;
	}

	.lsxjz .toggle .desc {
		width: 100%;
		margin: 0;
		margin-top: 1rem;
	}

	.lsxjz .toggle .lpic {
		flex: initial;
		width: 100%;
		float: left;
		margin-top: 1rem;
	}

	.spage {
		height: initial;
		margin: initial;
		margin-top: 2rem;
	}

	.spage>div {
		width: 100%;
		float: left;
	}

	.spage .left>div {
		font-size: 1rem;
		line-height: 2;
	}

	.spage .right {
		float: left;
		margin-top: 1rem;
	}

	.spage .right a {
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.newsview .right .title {
		margin-top: 2rem;
	}













	.product-tab ul::-webkit-scrollbar,
	.nypos .box::-webkit-scrollbar,
	.productview .provspec ul::-webkit-scrollbar,
	.cont-list li .toggle::-webkit-scrollbar,
	.cont-list-four ul::-webkit-scrollbar,
	.videolist .toggle ul::-webkit-scrollbar,
	.llinfo .box ul::-webkit-scrollbar {
		height: 3px;
	}

	.product-tab ul::-webkit-scrollbar-track,
	.nypos .box::-webkit-scrollbar-track,
	.productview .provspec ul::-webkit-scrollbar-track,
	.cont-list li .toggle::-webkit-scrollbar-track,
	.cont-list-four ul::-webkit-scrollbar-track,
	.videolist .toggle ul::-webkit-scrollbar-track,
	.llinfo .box ul::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px #D4D9E0;
	}

	.product-tab ul::-webkit-scrollbar-thumb,
	.nypos .box::-webkit-scrollbar-thumb,
	.productview .provspec ul::-webkit-scrollbar-thumb,
	.cont-list li .toggle::-webkit-scrollbar-thumb,
	.cont-list-four ul::-webkit-scrollbar-thumb,
	.videolist .toggle ul::-webkit-scrollbar-thumb,
	.llinfo .box ul::-webkit-scrollbar-thumb {
		background: #007AC1;
		-webkit-box-shadow: inset 0 0 6px #007AC1;
		opacity: 1
	}

	.product-tab ul::-webkit-scrollbar-thumb:window-inactive,
	.nypos .box::-webkit-scrollbar-thumb:window-inactive,
	.productview .provspec ul::-webkit-scrollbar-thumb:window-inactive,
	.cont-list li .toggle::-webkit-scrollbar-thumb:window-inactive,
	.cont-list-four ul::-webkit-scrollbar-thumb:window-inactive,
	.videolist .toggle ul::-webkit-scrollbar-thumb:window-inactive,
	.llinfo .box ul::-webkit-scrollbar-thumb:window-inactive {
		background: #D4D9E0;
	}

}
















/* 鎶曡祫鑰 */


.invest2-main {
	width: 100%;
	margin-top: 6.25rem;
}

.invest2-title1 {
	font-size: 2.57rem;
	color: #16181a;
	font-weight: 550;
}

.invest2-wrap1 {
	margin-top: 3.57rem;
	border-top: 1px solid #007ac1;
	width: 100%;
	overflow-x: auto;
	padding: 2rem 0;
}

.invest2-item {
	width: 100%;
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #dae5eb;
	/* min-width: 30rem; */
}

.invest2-item-l {
	width: 30%;
	padding: 1.5rem 1.78rem;
	font-size: 1.28rem;
	font-weight: 550;
	color: #16181a;
	background-color: #f0f5f7;
	display: flex;
	align-items: center;
}

.invest2-item-l:nth-child(2n) {
	background-color: #dae5eb;
}

.invest2-item-r {
	width: 70%;
	padding: 1.5rem 1.78rem;
	font-size: 1.28rem;
	color: #333333;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
}


@media only screen and (max-width: 1200px) {
	.invest2-main {
		padding: 4.14rem 0;
	}

	.invest2-title1 {
		font-size: 2rem;
	}

	.invest2-wrap1 {
		margin-top: 2.5rem;
	}

	.invest2-item-l {
		padding: 1.2rem 1.5rem;
		font-size: 1.1rem;
	}

	.invest2-item-r {
		padding: 1.2rem 1.5rem;
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest2-main {
		padding: 3.14rem 0;
		margin-top: 2rem;
	}

	.invest2-title1 {
		font-size: 1.7rem;
	}

	.invest2-wrap1 {
		margin-top: 2rem;
	}

	.invest2-item-l {
		padding: 1.05rem 1.3rem;
		font-size: 1rem;
	}

	.invest2-item-r {
		padding: 1.05rem 1.3rem;
		font-size: 1rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest2-main {
		padding: 1.5rem 0;
		margin-top: 0rem;
	}

	.invest2-title1 {
		font-size: 1.5rem;
	}

	.invest2-wrap1 {
		margin-top: 1.5rem;
	}

	.invest2-item-l {
		padding: 0.95rem 1.1rem;
		font-size: 0.9rem;
	}

	.invest2-item-r {
		padding: 0.95rem 1.1rem;
		font-size: 0.9rem;
	}
}

.invest2-wrap3 {
	width: 100%;
	margin-top: 7.14rem;
}

.invest2-wrap3-item1 {
	background-color: #007ac1;
	color: #FFFFFF;
	font-size: 1rem;
	padding: 1.14rem 1.64rem;
}

.invest2-wrap3-item1 span:first-child {
	font-size: 1.71rem;
	font-weight: 550;
	padding-right: 1rem;
}

.invest2-wrap3-item2 {
	display: flex;
	align-items: stretch;
	background-color: #FFFFFF;
	font-size: 1.28rem;
	color: #16181a;
}

.invest2-wrap3-item2:nth-child(2n) {
	background-color: #f0f5f7;
}

.invest2-wrap3-thead {
	padding: 2.57rem 1.64rem;
}

.invest2-wrap3-tbody {
	padding: 1.14rem 1.64rem;
}

.invest2-wrap3-width1 {
	width: 40%;
	display: flex;
	align-items: center;
}

.invest2-wrap3-width2 {
	width: 20%;
	display: flex;
	align-items: center;
	border-left: 1px solid #dae5eb;
}

.invest2-wrap3-width3 {
	width: 20%;
	display: flex;
	align-items: center;
	border-left: 1px solid #dae5eb;
}

@media only screen and (max-width: 1200px) {
	.invest2-wrap3 {
		margin-top: 4.14rem;
	}

	.invest2-wrap3-item1 {
		background-color: #007ac1;
		color: #FFFFFF;
		font-size: 0.95rem;
		padding: 1rem 1.5rem;
	}

	.invest2-wrap3-item1 span:first-child {
		font-size: 1.5rem;
		padding-right: 0.8rem;
	}

	.invest2-wrap3-item2 {
		font-size: 1.1rem;
	}

	.invest2-wrap3-thead {
		padding: 2.3rem 1.5rem;
	}

	.invest2-wrap3-tbody {
		padding: 1rem 1.5rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest2-wrap3 {
		margin-top: 3.14rem;
	}

	.invest2-wrap3-item1 {
		background-color: #007ac1;
		color: #FFFFFF;
		font-size: 0.9rem;
		padding: 0.9rem 1.2rem;
	}

	.invest2-wrap3-item1 span:first-child {
		font-size: 1.3rem;
		padding-right: 0.7rem;
	}

	.invest2-wrap3-item2 {
		font-size: 1rem;
	}

	.invest2-wrap3-thead {
		padding: 1.5rem 1.2rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.9rem 1.2rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest2-wrap3 {
		margin-top: 1.5rem;
	}

	.invest2-wrap3-item1 {
		background-color: #007ac1;
		color: #FFFFFF;
		font-size: 0.8rem;
		padding: 0.8rem 1rem;
	}

	.invest2-wrap3-item1 span:first-child {
		font-size: 1.1rem;
		padding-right: 0.6rem;
	}

	.invest2-wrap3-item2 {
		font-size: 0.9rem;
	}

	.invest2-wrap3-thead {
		padding: 1.1rem 1rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.8rem 1.1rem;
	}
}

@media only screen and (max-width: 650px) {
	.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 {
		margin-top: 0;
	}

	.recruitment-t-wrap.kk {
		padding-top: 2% !important;
	}

	.recruitment-t-wrap.kk .recruitment-t-r {
		width: 100% !important
	}

	.invest2-wrap3-width1 {
		width: 35%;
	}

	.invest2-wrap3-width3 {
		width: 25%;
	}

	.invest2-wrap3-width3.invest2-wrap3-tbody {
		padding: 0.8rem 0 !important;
		text-align: center;
		justify-content: center;
		font-size: 0.8rem !important;
	}

	.invest2-wrap3-item1 {
		padding: 0.8rem 0.8rem;
	}

	.invest2-wrap3-thead {
		padding: 1.1rem 0.8rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.8rem 0.8rem;
	}
}

@media only screen and (max-width: 450px) {
	.invest2-wrap3-width1 {
		width: 30%;
	}

	.invest2-wrap3-width3 {
		width: 30%;
	}

	.invest2-wrap3-width3.invest2-wrap3-tbody {
		padding: 0.8rem 0 !important;
		text-align: center;
		justify-content: center;
	}

	.invest2-wrap3-item1 {
		padding: 0.8rem 0.7rem;
	}

	.invest2-wrap3-thead {
		padding: 1.1rem 0.7rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.8rem 0.7rem;
	}
}

.invest2-wrap2 {
	width: 100%;
	padding-top: 7.14rem;
}

.invest2-title2 {
	font-size: 2.57rem;
	color: #16181a;
	font-weight: 550;
	text-align: center;
}

.invest2-rel {
	width: 37.35rem;
	height: 37.35rem;
	margin: 3.57rem auto 0 auto;
	position: relative;
	z-index: 1;
}

.invest2-rel-image {
	width: 100%;
	height: 100%;
	display: block;
}

.invest2-abs1 {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 550;
	padding-top: 0.5rem;
}

.invest2-abs1-1 {
	text-align: center;
	font-size: 1.28rem;
	color: #333333;
}

.invest2-abs1-2 {
	font-size: 1.71rem;
	color: #d70008;
	text-align: center;
	margin-top: 0.5rem;
}

.invest2-abs1-3 {
	text-align: center;
	font-size: 1.28rem;
	color: #919191;
	margin-top: 0.5rem;
}

.invest2-abs2 {
	font-size: 2.1rem;
	font-weight: 550;
	color: #FFFFFF;
	position: absolute;
	z-index: 2;
	top: 36%;
	left: 6%;
}

.invest2-abs3 {
	font-size: 2.1rem;
	font-weight: 550;
	color: #FFFFFF;
	position: absolute;
	z-index: 2;
	bottom: 23%;
	right: 14%;
}

.invest2-abs4 {
	font-weight: 550;
	position: absolute;
	z-index: 2;
	bottom: 23%;
	right: -38%;
}

.invest2-abs4-1 {
	font-size: 1.28rem;
	color: #333333;
}

.invest2-abs4-2 {
	font-size: 1.28rem;
	color: #919191;
	margin-top: 0.3rem;
}

.invest2-abs4-2 span:first-child {
	font-size: 1.71rem;
	color: #007ac1;
	margin-right: 0.5rem;
}

.invest2-abs5 {
	font-weight: 550;
	position: absolute;
	z-index: 2;
	top: 30%;
	left: -40%;
}

@media only screen and (max-width: 1200px) {
	.invest2-wrap2 {
		padding-top: 4.14rem;
	}

	.invest2-title2 {
		font-size: 2rem;
	}

	.invest2-rel {
		width: 30rem;
		height: 30rem;
		margin: 2.57rem auto 0 auto;
	}

	.invest2-abs1-1 {
		font-size: 1rem;
	}

	.invest2-abs1-2 {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}

	.invest2-abs1-3 {
		font-size: 1rem;
		margin-top: 0.5rem;
	}

	.invest2-abs2 {
		font-size: 1.7rem;
		top: 37%;
	}

	.invest2-abs3 {
		font-size: 1.7rem;
		bottom: 24%;
	}

	.invest2-abs4 {
		bottom: 23%;
		right: -41%;
	}

	.invest2-abs4-1 {
		font-size: 1rem;
	}

	.invest2-abs4-2 {
		font-size: 1rem;
	}

	.invest2-abs4-2 span:first-child {
		font-size: 1.5rem;
		margin-right: 0.3rem;
	}

	.invest2-abs5 {
		top: 30%;
		left: -42%;
	}
}


@media only screen and (max-width: 900px) {
	.invest2-wrap2 {
		padding-top: 3.14rem;
	}

	.invest2-title2 {
		font-size: 1.7rem;
	}

	.invest2-rel {
		width: 23rem;
		height: 23rem;
		margin: 2rem auto 0 auto;
	}

	.invest2-abs1-1 {
		font-size: 0.85rem;
	}

	.invest2-abs1-2 {
		font-size: 1.2rem;
		margin-top: 0.3rem;
	}

	.invest2-abs1-3 {
		font-size: 0.85rem;
		margin-top: 0.2rem;
	}

	.invest2-abs2 {
		font-size: 1.3rem;
		top: 37%;
	}

	.invest2-abs3 {
		font-size: 1.3rem;
		bottom: 24%;
	}

	.invest2-abs4 {
		bottom: 23%;
		right: -41%;
	}

	.invest2-abs4-1 {
		font-size: 0.85rem;
	}

	.invest2-abs4-2 {
		font-size: 0.85rem;
	}

	.invest2-abs4-2 span:first-child {
		font-size: 1.2rem;
		margin-right: 0.2rem;
	}

	.invest2-abs5 {
		top: 30%;
		left: -42%;
	}
}


@media only screen and (max-width: 700px) {
	.invest2-wrap2 {
		padding-top: 1.5rem;
	}

	.invest2-title2 {
		font-size: 1.5rem;
	}

	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: 1.5rem auto 0 auto;
	}

	.invest2-abs1-1 {
		font-size: 0.75rem;
	}

	.invest2-abs1-2 {
		font-size: 1rem;
		margin-top: 0.3rem;
	}

	.invest2-abs1-3 {
		font-size: 0.75rem;
		margin-top: 0.2rem;
	}

	.invest2-abs2 {
		font-size: 1rem;
		top: 37%;
	}

	.invest2-abs3 {
		font-size: 1rem;
		bottom: 24%;
	}

	.invest2-abs4 {
		bottom: 20%;
		right: -43%;
	}

	.invest2-abs4-1 {
		font-size: 0.75rem;
	}

	.invest2-abs4-2 {
		font-size: 0.75rem;
		margin-top: 0.1rem;
	}

	.invest2-abs4-2 span:first-child {
		font-size: 1rem;
		margin-right: 0rem;
	}

	.invest2-abs5 {
		top: 30%;
		left: -45%;
	}
}

@media only screen and (max-width: 550px) {
	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: 1rem auto -1rem auto;
		transform: scale(0.9);
	}
}

@media only screen and (max-width: 500px) {
	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: -0.5rem auto -2rem auto;
		transform: scale(0.8);
	}
}

@media only screen and (max-width: 450px) {
	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: -1.5rem auto -3rem auto;
		transform: scale(0.7);
	}

	.invest2-abs5 {
		top: 00%;
		left: -30%;
	}

	.invest2-abs4 {
		bottom: 0%;
		right: -30%;
	}
}


.invest3-banner {
	width: 100%;
	height: auto;
	position: relative;
}

.invest3-banner-image {
	width: 100%;
	height: 35.71rem;
	object-fit: cover;
}

.invest3-banner-abs {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.invest3-banner-abs .invest3-banner-text1 {
	font-size: 2.85rem;
	color: #FFFFFF;
	font-weight: 550;
}

.invest3-banner-abs .invest3-banner-text2 {
	font-size: 1.14rem;
	color: #FFFFFF;
	margin-top: 1.5rem;
}

.invest3-banner-flex {
	display: flex;
	align-items: center;
	margin-top: 5rem;
}

.invest3-banner-l {
	flex: 1;
	display: flex;
	align-items: flex-end;
}

.invest3-banner-text3 {
	font-size: 1.71rem;
	color: #FFFFFF;
	font-weight: 550;
	padding-bottom: 1rem;
}

.invest3-banner-l-wrap {
	display: flex;
	align-items: flex-start;
}

.invest3-banner-text4 {
	font-size: 5.14rem;
	color: #d70008;
	font-weight: 550;
}

.invest3-banner-text5 {
	font-size: 1rem;
	color: #d70008;
	padding-top: 1rem;
	padding-left: 1rem;
}

.invest3-banner-triangle {
	width: 0;
	height: 0;
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	border-bottom: 0.8rem solid #d70008;
	margin-top: 0.5rem;
}

.invest3-banner-r {
	flex: 1;
	display: flex;
	align-items: center;
}

.invest3-banner-r-item {
	position: relative;
	padding-left: 1.2rem;
	flex: 1;
}

.invest3-banner-r-item::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #315079;
	width: 1px;
	height: 90%;
}

.invest3-banner-r-item div:first-child {
	font-size: 1rem;
	color: #007ac1;
}

.invest3-banner-r-item div:last-child {
	color: #FFFFFF;
	margin-top: 0.7rem;
	font-size: 1.14rem;
}

.invest3-banner-r-item div:last-child span:first-child {
	font-size: 1.71rem;
}

.invest3-banner-text6 {
	font-size: 0.92rem;
	color: rgba(255, 255, 255, 0.3);
	margin-top: 3rem;
}

@media only screen and (max-width: 1200px) {
	.invest3-banner-image {
		height: 30rem;
	}

	.invest3-banner-abs .invest3-banner-text1 {
		font-size: 2.5rem;
	}

	.invest3-banner-abs .invest3-banner-text2 {
		font-size: 1rem;
		margin-top: 1.2rem;
	}

	.invest3-banner-flex {
		margin-top: 3rem;
	}

	.invest3-banner-text3 {
		font-size: 1.5rem;
		padding-bottom: 0.7rem;
	}

	.invest3-banner-text4 {
		font-size: 4.14rem;
	}

	.invest3-banner-text5 {
		font-size: 0.9rem;
		padding-top: 0.8rem;
	}

	.invest3-banner-triangle {
		border-left: 0.6rem solid transparent;
		border-right: 0.6rem solid transparent;
		border-bottom: 0.6rem solid #d70008;
		margin-top: 0.3rem;
	}

	.invest3-banner-r-item {
		padding-left: 1rem;
	}

	.invest3-banner-r-item div:first-child {
		font-size: 0.9rem;
	}

	.invest3-banner-r-item div:last-child {
		margin-top: 0.6rem;
		font-size: 1rem;
	}

	.invest3-banner-r-item div:last-child span:first-child {
		font-size: 1.5rem;
	}

	.invest3-banner-text6 {
		font-size: 0.8rem;
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest3-banner-image {
		height: 25rem;
	}

	.invest3-banner-abs .invest3-banner-text1 {
		font-size: 2.2rem;
	}

	.invest3-banner-abs .invest3-banner-text2 {
		font-size: 0.8rem;
		margin-top: 1rem;
	}

	.invest3-banner-flex {
		margin-top: 1.5rem;
		display: block;
	}

	.invest3-banner-text3 {
		font-size: 1.2rem;
		padding-bottom: 0.6rem;
	}

	.invest3-banner-text4 {
		font-size: 3.5rem;
	}

	.invest3-banner-text5 {
		font-size: 0.8rem;
		padding-top: 0.8rem;
	}

	.invest3-banner-triangle {
		border-left: 0.5rem solid transparent;
		border-right: 0.5rem solid transparent;
		border-bottom: 0.5rem solid #d70008;
		margin-top: 0.2rem;
	}

	.invest3-banner-r {
		margin-top: 1.5rem;
	}

	.invest3-banner-r-item {
		padding-left: 0.8rem;
	}

	.invest3-banner-r-item div:first-child {
		font-size: 0.8rem;
	}

	.invest3-banner-r-item div:last-child {
		margin-top: 0.5rem;
		font-size: 0.9rem;
	}

	.invest3-banner-r-item div:last-child span:first-child {
		font-size: 1.3rem;
	}

	.invest3-banner-text6 {
		font-size: 0.6rem;
		margin-top: 1.5rem;
	}
}


@media only screen and (max-width: 500px) {
	.invest3-banner-image {
		height: 22rem;
	}

	.invest3-banner-abs .invest3-banner-text1 {
		font-size: 1.8rem;
	}

	.invest3-banner-abs .invest3-banner-text2 {
		font-size: 0.5rem;
		margin-top: 0.6rem;
	}

	.invest3-banner-flex {
		margin-top: 1rem;
		display: block;
	}

	.invest3-banner-text3 {
		font-size: 1rem;
		padding-bottom: 0.6rem;
	}

	.invest3-banner-text4 {
		font-size: 3rem;
	}

	.invest3-banner-r {
		margin-top: 1rem;
	}

	.invest3-banner-r-item {
		padding-left: 0.7rem;
	}

	.invest3-banner-r-item div:first-child {
		font-size: 0.7rem;
	}

	.invest3-banner-r-item div:last-child {
		margin-top: 0.5rem;
		font-size: 0.8rem;
	}

	.invest3-banner-r-item div:last-child span:first-child {
		font-size: 1.1rem;
	}

	.invest3-banner-text6 {
		font-size: 0.6rem;
		margin-top: 1.5rem;
		line-height: 1.2rem;
	}
}

.invest3-main {
	width: 100%;
	margin-top: 6.25rem;
}

.invest3-t-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.invest3-t {
	font-size: 2rem;
	font-weight: 550;
}

.invest3-t-wrap :before,
.invest3-t-wrap :after {
	position: absolute;
	content: '';
}

.invest3-t-r {
	display: flex;
	align-items: center;
}

.invest3-t-wrap .pro-form2 {
	width: 15rem;
	height: 3rem;
	padding: 0 1rem;
	border: none;
	background: #f5f7fa;
	color: #333333;
	position: relative;
	margin-left: 1rem;
}

.invest3-t-wrap .pro-form2 {
	padding: 0;
}

.invest3-t-wrap .pro-form2 .time05 {
	font-size: 1rem;
}

.invest3-t-wrap .pro-form2 .text {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	line-height: 3rem;
	overflow: hidden;
	color: #333;
	position: relative;
	cursor: pointer;
}

.invest3-t-wrap .pro-form2 ul {
	display: none;
	width: 100%;
	padding: 1rem 0;
	border-top: #f5f7fa 1px solid;
	background: #f5f7fa;
	position: absolute;
}

.invest3-t-wrap .pro-form2 li {
	width: 100%;
	float: left;
	line-height: 2rem;
	padding: 0 1rem;
	cursor: pointer;
}


.invest3-t-wrap .pro-form2 i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}

.invest3-t-wrap .pro-form2 i:before {
	left: 40%;
	top: 48%;
	content: '';

	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-moz-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-o-transform: rotate(45deg) translate(-50%, -50%);
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
}

.invest3-t-wrap .pro-form2 .text.on {
	background: #f5f7fa;
}

.invest3-t-wrap .pro-form2 li:hover {
	background: #E3EDFB;
}

.invest3-contianer {
	border-top: 1px solid #007ac1;
	margin-top: 2rem;
	margin-bottom: 4rem;
}

.invest3-item {
	height: 7.14rem;
	padding: 0 2%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f5f7fa;
}

.invest3-item-l {
	display: flex;
	align-items: center;
	flex: 1;
}

.invest3-time1 {
	font-size: 3.0rem;
	font-weight: bold;
	color: #9f9f9f;
	text-align: center;
}

.invest3-time2 {
	display: block;
	width: 2rem;
	height: 0.07rem;
	background-color: #9f9f9f;
	margin: -0.2rem auto 0.3rem auto;
}

.invest3-time3 {
	font-size: 1rem;
	font-weight: bold;
	color: #9f9f9f;
	text-align: center;
}

.invest3-item-content {
	flex: 1;
	padding: 0 2%;
	font-size: 1.2rem;
	color: #333333;
	line-height: 1.75rem;
}

.invest3-item-r {
	border: 1px solid #d8d8d8;
	border-radius: 0.57rem;
	width: 7.14rem;
	height: 3.42rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	color: #007ac1;
	font-size: 1rem;
	flex-shrink: 0;
}

.invest3-item-r img {
	width: 0.875rem;
	height: 0.875rem;
	margin-left: 0.8rem;
	display: block;
}

.invest3-item-r .invest3-item-img2 {
	display: none;
}

.invest3-item:hover {
	background-color: #f5f7fa;
}

.invest3-item:hover .invest3-item-r {
	background-color: #007ac1;
	border: 1px solid #007ac1;
	color: #FFFFFF;
}

.invest3-item:hover .invest3-item-img1 {
	display: none;
}

.invest3-item:hover .invest3-item-img2 {
	display: block;
}


.invest3-container2 {
	width: 100%;
	padding: 5rem 0;
	float: left;
	margin-top: 3rem;
}

.invest3-image {
	width: 7.92rem;
	height: auto;
	display: block;
	margin: 0 auto;
}

.invest3-text {
	font-size: 1.51rem;
	color: #333333;
	margin-top: 2rem;
	text-align: center;
}

@media only screen and (max-width: 1200px) {
	.invest3-container2 {
		padding: 3rem 0;
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest3-container2 {
		padding: 2rem 0;
		margin-top: 1.5rem;
	}

	.invest3-text {
		font-size: 1.21rem;
		margin-top: 1.5rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest3-container2 {
		padding: 1.5rem 0;
		margin-top: 1rem;
	}

	.invest3-text {
		font-size: 1rem;
		margin-top: 1.2rem;
	}
}

@media only screen and (max-width: 500px) {
	.invest3-container2 {
		padding: 1.2rem 0;
		margin-top: 0.5rem;
	}

	.invest3-text {
		font-size: 0.8rem;
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 1200px) {
	.invest3-main {
		width: 100%;
		padding: 3.14rem 0;
	}

	.invest3-t {
		font-size: 1.7rem;
	}

	.invest3-contianer {
		margin-top: 1.5rem;
	}

	.invest3-time1 {
		font-size: 2.5rem;
	}

	.invest3-time2 {
		width: 2rem;
		height: 0.05rem;
		margin: 0rem auto 0.3rem auto;
	}

	.invest3-time3 {
		font-size: 0.9rem;
	}

	.invest3-item-content {
		font-size: 0.95rem;
		line-height: 1.55rem;
	}

	.invest3-item-r {
		border-radius: 0.5rem;
		width: 6.14rem;
		height: 3rem;
		font-size: 0.9rem;
	}

	.invest3-item-r img {
		width: 0.9rem;
		height: 0.9rem;
		margin-left: 0.7rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest3-main {
		width: 100%;
		padding: 2rem 0;
	}

	.invest3-t {
		font-size: 1.6rem;
	}

	.invest3-contianer {
		margin-top: 1.2rem;
	}

	.invest3-time1 {
		font-size: 2.2rem;
	}

	.invest3-time2 {
		width: 2rem;
		height: 0.05rem;
		margin: 0rem auto 0.3rem auto;
	}

	.invest3-time3 {
		font-size: 0.8rem;
	}

	.invest3-item-content {
		font-size: 0.85rem;
		line-height: 1.55rem;
	}

	.invest3-item-r {
		border-radius: 0.5rem;
		width: 5.14rem;
		height: 2.6rem;
		font-size: 0.8rem;
	}

	.invest3-item-r img {
		width: 0.9rem;
		height: 0.9rem;
		margin-left: 0.5rem;
	}

	.invest3-t-r {
		font-size: 0.9rem;
	}

	.invest3-t-wrap .pro-form2 .time05 {
		font-size: 0.9rem;
	}
}


@media only screen and (max-width: 600px) {
	.invest3-main {
		width: 100%;
		padding: 1.2rem 0 0 0;
	}

	.invest3-t {
		font-size: 1.5rem;
	}

	.invest3-contianer {
		margin-top: 1rem;
	}

	.invest3-item {
		height: auto;
		padding: 0.8rem 0;
	}

	.invest3-time1 {
		font-size: 1.9rem;
	}

	.invest3-time2 {
		width: 1rem;
		height: 0.03rem;
		margin: 0rem auto 0.3rem auto;
	}

	.invest3-time3 {
		font-size: 0.6rem;
	}

	.invest3-item-content {
		font-size: 0.78rem;
		line-height: 1.25rem;
	}

	.invest3-item-r {
		border-radius: 0.5rem;
		width: 4.5rem;
		height: 2.2rem;
		font-size: 0.6rem;
	}

	.invest3-item-r img {
		width: 0.75rem;
		height: 0.75rem;
		margin-left: 0.5rem;
	}

	.invest3-t-r {
		font-size: 0.8rem;
	}

	.invest3-t-wrap .pro-form2 .time05 {
		font-size: 0.8rem;
	}

	.invest3-t-wrap .pro-form2 {
		height: 2.5rem;
	}

	.invest3-t-wrap .pro-form2 .text {
		line-height: 2.5rem;
	}
}

@media only screen and (max-width: 450px) {
	.invest3-main {
		width: 100%;
		padding: 1rem 0 0 0;
	}

	.invest3-t {
		font-size: 1.2rem;
	}

	.invest3-contianer {
		margin-top: 0.8rem;
	}

	.invest3-t-wrap {
		display: block;
	}

	.invest3-t-r {
		margin-top: 0.8rem;
	}
}





.invest1-container1 {
	width: 100%;
	padding-top: 6.25rem;
}

.invpbot {
	padding-bottom: 6.25rem;
}

.invest1-wrap1 {
	width: 100%;
	height: 32.14rem;
	z-index: 1;
	overflow: hidden;
	position: relative;
}

.invest1-wrap1-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 0.5s;
	display: block;
}

.invest1-wrap1:hover .invest1-wrap1-image {
	transform: scale(1.05);
}

.invest1-abs1 {
	position: absolute;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
	right: 6%;
	color: #FFFFFF;
	text-align: right;
}

.invest1-abs1-text1 {
	font-size: 2.57rem;
	font-weight: 550;
}

.invest1-abs1-text2 {
	font-size: 1.14rem;
	margin-top: 1.5rem;
}

.invest1-abs1-btn {
	width: 6rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #007ac1;
	color: #FFFFFF;
	border-radius: 0.57rem;
	font-size: 0.875rem;
	margin: 7rem 0 0 auto;
	border: 1px solid #007ac1;
}

.invest1-abs1-btn:hover {
	color: #fff;
	background: #469FD2;
	border: #469FD2 1px solid;
}

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

	.invpbot {
		padding-bottom: 0;
	}

	.invest1-container1 {
		padding: 4.5rem 0;
	}

	.invest1-wrap1 {
		height: 30rem;
	}

	.invest1-abs1-text1 {
		font-size: 2.1rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 1rem;
		margin-top: 1.5rem;
	}

	.invest1-abs1-btn {
		width: 7.5rem;
		height: 3.47rem;
		border-radius: 0.57rem;
		font-size: 1rem;
		font-weight: 550;
		margin: 6rem 0 0 auto;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-container1 {
		padding: 3.5rem 0;
	}

	.invest1-wrap1 {
		height: 25rem;
	}

	.invest1-abs1-text1 {
		font-size: 2rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 0.9rem;
		margin-top: 1.1rem;
	}

	.invest1-abs1-btn {
		width: 7rem;
		height: 3.27rem;
		border-radius: 0.57rem;
		font-size: 0.95rem;
		font-weight: 550;
		margin: 6rem 0 0 auto;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-container1 {
		padding: 2.2rem 0;
		margin-top: 0rem;
	}

	.invest1-wrap1 {
		height: 22rem;
	}

	.invest1-abs1-text1 {
		font-size: 1.8rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 0.8rem;
		margin-top: 0.9rem;
	}

	.invest1-abs1-btn {
		width: 6rem;
		height: 3rem;
		border-radius: 0.57rem;
		font-size: 0.85rem;
		font-weight: 550;
		margin: 5rem 0 0 auto;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-container1 {
		padding: 1.5rem 0;
	}

	.invest1-wrap1 {
		height: 18rem;
	}

	.invest1-abs1-text1 {
		font-size: 1.5rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 0.6rem;
		margin-top: 0.7rem;
	}

	.invest1-abs1-btn {
		width: 5rem;
		height: 2.5rem;
		border-radius: 0.37rem;
		font-size: 0.75rem;
		font-weight: 550;
		margin: 4rem 0 0 auto;
	}
}

.invest1-container2 {
	width: 100%;
	padding: 7.14rem 0;
	background-color: #f5f7fa;
}

.invest1-title2-wrap {
	font-size: 2.57rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.invest1-title2-wrap a {
	color: #007ac1;
	font-size: 1rem;
}

.invest1-title2-wrap a:hover {
	color: #007ac1;
}

.invest1-wrap2 {
	display: flex;
	justify-content: space-between;
	margin-top: 2.5rem;
}

.invest1-wrap2-l {
	width: 48%;
	height: 30.28rem;
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.invest1-wrap2-l-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 0.5s;
	display: block;
}

.invest1-wrap2-l:hover .invest1-wrap2-l-image {
	transform: scale(1.05);
}

.invest1-wrap2-l-abs {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 5rem 3rem 0 3rem;
}

.invest1-wrap2-l-text1 {
	font-size: 1.71rem;
	line-height: 2.5rem;
}

.invest1-wrap2-l-text2 {
	font-size: 1rem;
	margin-top: 1.42rem;
}

.invest1-wrap2-l-text3 {
	font-size: 1rem;
	margin-top: 10rem;
	color: #FFFFFF;
	display: block;
}

.invest1-wrap2-r {
	width: 48%;
	height: 30.28rem;
	background-color: #FFFFFF;
	border: 1px solid #e6e6e6;
	padding: 1.42rem 0;
}

.invest1-wrap2-r-item {
	height: 33.3%;
	width: 100%;
	position: relative;
	padding: 0 2.14rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.35rem;
	height: 5rem;
	background-color: #007ac1;
}

.invest1-wrap2-r-content {
	width: 100%;
}

.invest1-wrap2-r-text1 {
	font-size: 1.42rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.invest1-wrap2-r-text2 {
	margin-top: 1rem;
	font-size: 1rem;
	color: #9f9f9f;
}


@media only screen and (max-width: 1200px) {
	.invest1-container2 {
		padding: 4.5rem 0;
	}

	.invest1-title2-wrap {
		font-size: 2.3rem;
	}

	.invest1-wrap2 {
		margin-top: 2.3rem;
	}

	.invest1-wrap2-l {
		width: 48.5%;
		height: 28rem;
	}

	.invest1-wrap2-l-abs {
		padding: 3.5rem 2.5rem 0 2.5rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.9rem;
		margin-top: 1.22rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.9rem;
		margin-top: 10rem;
	}

	.invest1-wrap2-r {
		width: 48.5%;
		height: 28rem;
		padding: 1.22rem 0;
	}

	.invest1-wrap2-r-item {
		padding: 0 2rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.3rem;
		height: 4rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 1.22rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-container2 {
		padding: 3.5rem 0;
	}

	.invest1-title2-wrap {
		font-size: 2.1rem;
	}

	.invest1-wrap2 {
		margin-top: 2.1rem;
	}

	.invest1-wrap2-l {
		width: 48.5%;
		height: 22rem;
	}

	.invest1-wrap2-l-abs {
		padding: 2.5rem 1.5rem 0 1.5rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1.2rem;
		line-height: 2rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.85rem;
		margin-top: 1rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.85rem;
		margin-top: 8rem;
	}

	.invest1-wrap2-r {
		width: 48.5%;
		height: 22rem;
		padding: 1rem 0;
	}

	.invest1-wrap2-r-item {
		padding: 0 1.6rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.2rem;
		height: 3rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 1rem;
	}

	.invest1-wrap2-r-text2 {
		font-size: 0.85rem;
		margin-top: 0.85rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-container2 {
		padding: 2.2rem 0;
	}

	.invest1-title2-wrap {
		font-size: 1.8rem;
	}

	.invest1-wrap2 {
		margin-top: 1.5rem;
	}

	.invest1-wrap2-l {
		width: 49%;
		height: 18rem;
	}

	.invest1-wrap2-l-abs {
		padding: 1.5rem 1rem 0 1rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1rem;
		line-height: 1.6rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.8rem;
		margin-top: 0.9rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.8rem;
		margin-top: 7rem;
	}

	.invest1-wrap2-r {
		width: 49%;
		height: 18rem;
		padding: 0.8rem 0;
	}

	.invest1-wrap2-r-item {
		padding: 0 1.2rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.2rem;
		height: 3rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 0.9rem;
	}

	.invest1-wrap2-r-text2 {
		font-size: 0.8rem;
		margin-top: 0.75rem;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-container2 {
		padding: 1.5rem 0;
	}

	.invest1-title2-wrap {
		font-size: 1.5rem;
	}

	.invest1-wrap2 {
		display: block;
		margin-top: 1.2rem;
	}

	.invest1-title2-wrap a {
		color: #007ac1;
		font-size: 0.8rem;
	}

	.invest1-wrap2-l {
		width: 100%;
		height: 18rem;
	}

	.invest1-wrap2-l-abs {
		padding: 1.5rem 1rem 0 1rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1rem;
		line-height: 1.6rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.8rem;
		margin-top: 0.9rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.8rem;
		margin-top: 7rem;
	}

	.invest1-wrap2-r {
		width: 100%;
		height: 18rem;
		padding: 0.8rem 0;
		margin-top: 1.5rem;
	}

	.invest1-wrap2-r-item {
		padding: 0 1.2rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.2rem;
		height: 3rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 0.9rem;
	}

	.invest1-wrap2-r-text2 {
		font-size: 0.8rem;
		margin-top: 0.75rem;
	}
}

.invest1-wrap3 {
	margin-top: 5rem;
	display: flex;
	justify-content: space-between;
}

.invest1-wrap3-l {
	width: 48%;
	height: 30rem;
	background-color: #FFFFFF;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.invest1-wrap3-item1 {
	width: 100%;
	padding: 4.5rem 1.85rem 0 1.85rem;
	display: flex;
}

.invest1-wrap3-image {
	width: 1.85rem;
	height: 1.78rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: #FFFFFF;
	background-image: url(../images/contact/invest-3.png);
	background-position: center;
	background-size: cover;
	font-style: oblique;
}

.invest1-wrap3-image span {
	display: inline-block;
	margin-left: -0.3rem;
}

.invest1-wrap3-content {
	flex: 1;
	margin-left: 1.42rem;
}

.invest1-wrap3-r {
	width: 48%;
	height: 30rem;
	box-sizing: border-box;
}

.invest1-wrap3-content2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 1.85rem;
	border: 1px solid #e6e6e6;
	height: 9rem;
}

.invest1-wrap3-content2:not(:last-child) {
	margin-bottom: 1.5rem;
}

.invest1-wrap3-content2>div {
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	.invest1-wrap3 {
		margin-top: 4rem;
	}

	.invest1-wrap3-l {
		width: 48.5%;
		height: 25.5rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 3.5rem 1.55rem 0 1.55rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1.22rem;
	}

	.invest1-wrap3-r {
		width: 48.5%;
		height: 25.5rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.55rem;
		height: 7.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 1.5rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-wrap3 {
		margin-top: 3rem;
	}

	.invest1-wrap3-l {
		width: 48.5%;
		height: 22.1rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 3rem 1.35rem 0 1.35rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1.02rem;
	}

	.invest1-wrap3-r {
		width: 48.5%;
		height: 22.1rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.35rem;
		height: 6.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 1.3rem;
	}

	.invest1-wrap3-image {
		transform: scale(0.9);
	}
}

@media only screen and (max-width: 700px) {
	.invest1-wrap3 {
		margin-top: 2rem;
	}

	.invest1-wrap3-l {
		width: 48.5%;
		height: 18.7rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 2.5rem 1.15rem 0 1.15rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1rem;
	}

	.invest1-wrap3-r {
		width: 48.5%;
		height: auto;
		max-height: 18.7rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.15rem;
		height: 5.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 1.1rem;
	}

	.invest1-wrap3-image {
		transform: scale(0.85);
	}
}

@media only screen and (max-width: 500px) {
	.invest1-wrap3 {
		margin-top: 1.5rem;
		display: block;
	}

	.invest1-wrap3-l {
		width: 100%;
		height: 18.7rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 2.5rem 1.15rem 0 1.15rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1rem;
	}

	.invest1-wrap3-r {
		width: 100%;
		height: auto;
		max-height: 18.7rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.15rem;
		height: 5.5rem;
		margin-top: 1.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 0;
	}

	.invest1-wrap3-image {
		transform: scale(0.85);
	}

}

.invest1-flex5 {
	display: flex;
	justify-content: space-between;
}

.invest1-flex5-wrap {
	width: 48%;
}

.invest1-flex5-wrap .invest1-wrap3-l {
	width: 100% !important;
}

@media only screen and (max-width: 1200px) {
	.invest1-flex5-wrap {
		width: 48.5%;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-flex5-wrap {
		width: 48.5%;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-flex5-wrap {
		width: 48.5%;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-flex5 {
		display: block;
		justify-content: space-between;
	}

	.invest1-flex5-wrap {
		width: 100%;
	}

	.invest1-flex5-wrap:last-child {
		margin-top: 1.5rem;
	}
}

.invest1-wrap4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.invest1-item4 {
	width: 48%;
	height: 9.28rem;
	padding: 0 2.27rem 0 2.57rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	margin-top: 4rem;
	box-shadow: 0.71rem 0.71rem 0 #e3e9f0;
}

.invest1-item4-l {
	flex: 1;
	padding-right: 2.27rem;
}

.invest1-item4-image {
	width: 2.14rem;
	height: auto;
}


@media only screen and (max-width: 1200px) {
	.invest1-item4 {
		width: 48.5%;
		margin-top: 3rem;
		height: 8rem;
		padding: 0 2rem 0 2.27rem;
		box-shadow: 0.65rem 0.65rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 2rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-item4 {
		width: 48.5%;
		margin-top: 2rem;
		height: 7rem;
		padding: 0 1.7rem 0 1.9rem;
		box-shadow: 0.57rem 0.57rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 1.7rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-item4 {
		width: 48.5%;
		margin-top: 1.5rem;
		height: 6rem;
		padding: 0 1.3rem 0 1.5rem;
		box-shadow: 0.55rem 0.55rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 1.3rem;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-wrap4 {
		display: block;
	}

	.invest1-item4 {
		width: 100%;
		margin-top: 1.5rem;
		height: 6rem;
		padding: 0 1.3rem 0 1.5rem;
		box-shadow: 0.55rem 0.55rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 1.3rem;
	}
}





/* 鑱旂郴鎴戜滑 */



.recruitment-main {
	background-color: #f5f7fa;
	padding-bottom: 8rem;
}

.recruitment-container {
	width: 100%;
	padding: 6.25rem 0;
}

.recruitment-t-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.recruitment-t {
	font-size: 2rem;
	font-weight: 550;
}

.recruitment-t-r {
	display: flex;
	align-items: center;
}

.recruitment-t-wrap .pro-form1,
.recruitment-t-wrap .pro-form2 {
	width: 15rem;
	height: 3rem;
	padding: 0 1rem;
	border: none;
	background: #FFFFFF;
	color: #333333;
	position: relative;
	margin-left: 1rem;
}

.recruitment-t-wrap .pro-form1 input {
	width: calc(100% - 3rem);
	height: 100%;
	line-height: 100%;
	font-size: 0.9rem;
	color: #333333;
}

.recruitment-t-wrap .pro-form1 button {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%);
	cursor: pointer;
}

.recruitment-t-wrap :before,
.recruitment-t-wrap :after {
	position: absolute;
	content: '';
}

.recruitment-t-wrap .pro-form1 button:before {
	width: 60%;
	height: 60%;
	top: 10%;
	left: 10%;
	border: #505050 2px solid;
	border-radius: 100%;
}

.recruitment-t-wrap .pro-form1 button:after {
	width: 0.5rem;
	height: 2px;
	left: 73%;
	bottom: 4px;
	background: #505050;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.recruitment-t-wrap .pro-form2 {
	padding: 0;
}

.recruitment-t-wrap.kk {
	padding-top: 1.875rem;
}

.recruitment-t-wrap.kk .recruitment-t-r {
	margin: 0 0 0 auto;
	width: 31.3333%;
}

.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 {
	width: 100%;
	margin-left: 0;
}

.recruitment-t-wrap.kk .pro-form2 ul {
	border: 1px solid #eee
}

.recruitment-t-wrap.kk .recruitment-t-r .toggle {
	width: 100%;
}

.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 .text {
	border: 1px solid #eee
}

.recruitment-t-wrap .pro-form2 .text {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	line-height: 3rem;
	overflow: hidden;
	color: #333;
	position: relative;
	cursor: pointer;
}

.recruitment-t-wrap .pro-form2 ul {
	display: none;
	width: 100%;
	padding: 1rem 0;
	border-top: #FFFFFF 1px solid;
	background: #FFFFFF;
	position: absolute;
}

.recruitment-t-wrap .pro-form2 li {
	width: 100%;
	float: left;
}

.recruitment-t-wrap .pro-form2 li a {
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 2rem;
	padding: 0 1rem;
}


.recruitment-t-wrap .pro-form2 i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}

.recruitment-t-wrap .pro-form2 i:before {
	left: 40%;
	top: 48%;
	content: '';
	width: 0;
	height: 0;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-moz-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-o-transform: rotate(45deg) translate(-50%, -50%);
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
}

.recruitment-t-wrap .pro-form2 .text.on {
	background: #FFFFFF;
}

.recruitment-t-wrap .pro-form2 li.on {
	background: #E3EDFB;
}

.recruitment-t-wrap .pro-form2 li:hover {
	background: #E3EDFB;
}

.recruitment-table-wrap {
	width: 100%;
	margin-top: 2rem;
	overflow-x: auto;
	margin-bottom: 2rem;
}

.recruitment-table {
	min-width: 900px;
}

.recruitment-table-wrap .recruitment-thead {
	display: flex;
	align-items: center;
	background-color: #e4e7ea;
	color: #16181a;
	width: 100%;
	font-size: 1.07rem;
	padding-right: 1rem;
}

.recruitment-table-wrap .recruitment-tr {
	height: 100%;
}

.recruitment-table-wrap .recruitment-tr-1 {
	flex: 1;
	padding: 1.2rem 1.5rem;
}

.recruitment-table-wrap .recruitment-tr-2 {
	width: 9rem;
	text-align: center;
	flex-shrink: 0;
	padding: 1.2rem 0;
}

.recruitment-table-wrap .recruitment-tr-3 {
	width: 9rem;
	text-align: center;
	flex-shrink: 0;
	padding: 1.2rem 0;
}

.recruitment-body {
	color: #495770;
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	width: 100%;
	font-size: 1rem;
	background-color: #FFFFFF;
	padding-right: 1rem;
	cursor: pointer;
	align-items: center;
}

.recruitment-body:hover {
	background-color: #f0f0f0;
}

.recruitment-page-container {
	padding: 2rem 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruitment-page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruitment-page-item {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 0.9rem;
	color: #6a6a6a;
	border: 1px solid #e6e6e6;
	margin-right: 2px;
	cursor: pointer;
}

.recruitment-page-item.active {
	color: #FFFFFF;
	background-color: #d70008;
	border: 1px solid #d70008;
}

.recruitment-page-item:hover {
	color: #FFFFFF;
	background-color: #d70008;
	border: 1px solid #d70008;
}

@media only screen and (max-width: 1279px) {
	.recruitment-table-wrap .recruitment-tr-3 {
		width: 7.5rem;
	}

	.recruitment-table-wrap .recruitment-tr-2 {
		width: 7.5rem;
	}
}

@media only screen and (max-width: 1024px) {
	.recruitment-table-wrap .recruitment-tr-3 {
		width: 7rem;
	}

	.recruitment-table-wrap .recruitment-tr-2 {
		width: 7rem;
	}
}

@media only screen and (max-width: 900px) {
	.recruitment-table-wrap .recruitment-thead {
		font-size: 1rem;
	}

	.recruitment-table-wrap .recruitment-tr-1 {
		padding: 1rem 1.2rem;
		width: 14.28rem;
	}

	.recruitment-table-wrap .recruitment-tr-2 {
		padding: 1rem 0;
	}

	.recruitment-table-wrap .recruitment-tr-3 {
		padding: 1rem 0;
	}

	.recruitment-body {
		font-size: 0.9rem;
	}
}


@media only screen and (max-width: 1200px) {
	.recruitment-container {
		width: 100%;
		padding: 3.25rem 0;
	}

	.recruitment-t {
		font-size: 1.7rem;
	}

	.recruitment-page-container {
		padding: 1.7rem 0;
	}
}

@media only screen and (max-width: 850px) {
	.recruitment-container {
		width: 100%;
		padding: 2.25rem 0;
	}
}

@media only screen and (max-width: 650px) {
	.recruitment-container {
		width: 100%;
		padding: 1.35rem 0;
	}

	.recruitment-t-wrap {
		display: block;
	}

	.recruitment-t {
		font-size: 1.5rem;
	}

	.recruitment-t-wrap .pro-form1,
	.recruitment-t-wrap .pro-form2 {
		margin-left: 0;
		margin-right: 1rem;
		margin-top: 1rem;
	}

	.recruitment-table-wrap {
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 500px) {
	.recruitment-t-r {
		display: block;
	}

	.recruitment-t-wrap .pro-form1,
	.recruitment-t-wrap .pro-form2 {
		width: 100%;
	}

	.recruitment-t {
		font-size: 1.3rem;
	}

	.recruitment-table-wrap .recruitment-thead {
		font-size: 0.9rem;
	}

	.recruitment-table-wrap .recruitment-tr-1 {
		padding: 0.9rem 1rem;
		width: 14.28rem;
	}

	.recruitment-table-wrap .recruitment-tr-2 {
		padding: 0.9rem 0;
	}

	.recruitment-table-wrap .recruitment-tr-3 {
		padding: 0.9rem 0;
	}

	.recruitment-body {
		font-size: 0.8rem;
	}

	.recruitment-page-container {
		padding: 1rem 0;
	}

	.recruitment-page-item {
		width: 2rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.7rem;
	}
}






.recruitment3-main-1 {
	width: 100%;
	background-color: #f5f7fa;
}

.recruitment3-container-1 {
	width: 100%;
	padding: 7.14rem 0 5rem 0;
}

.recruitment3-container-1 .recruitment3-title {
	font-size: 2.57rem;
	color: #287ae6;
	padding-bottom: 0.2rem;
}

.recruitment3-container-1 .recruitment3-wrap {
	width: 24.7%;
	margin-top: 2.5rem;
	display: inline-block;
	padding-left: 1rem;
	position: relative;
	font-size: 1.14rem;
	color: #4a4e52;
	box-sizing: border-box;
}

.recruitment3-container-1 .recruitment3-wrap::after {
	content: '';
	background-color: #d10011;
	width: 0.28rem;
	height: 2.14rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.recruitment3-container-1 .recruitment3-wrap span:first-child {
	font-weight: 550;
}

@media only screen and (max-width: 1200px) {
	.recruitment3-container-1 {
		padding: 5.14rem 0 3rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 2rem;
		padding-bottom: 0.71rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 1rem;
		margin-top: 2rem;
		width: 24.5%;
	}

	.recruitment3-container-1 .recruitment3-wrap::after {
		width: 0.25rem;
		height: 1.8rem;
	}
}

@media only screen and (max-width: 900px) {
	.recruitment3-container-1 {
		padding: 2.2rem 0 2rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 1.7rem;
		padding-bottom: 0.5rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 0.9rem;
		margin-top: 1.5rem;
		width: 49%;
		padding-left: 0.75rem;
	}

	.recruitment3-container-1 .recruitment3-wrap::after {
		width: 0.20rem;
		height: 1.5rem;
	}
}


@media only screen and (max-width: 700px) {
	.recruitment3-container-1 {
		padding: 1.7rem 0 1.7rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 1.6rem;
		padding-bottom: 0.2rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 0.9rem;
		margin-top: 0.875rem;
		width: 100%;
		padding-left: 0.75rem;
	}
}

@media only screen and (max-width: 400px) {
	.recruitment3-container-1 {
		padding: 1.5rem 0 1.5rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 1.5rem;
		padding-bottom: 0.1rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 0.9rem;
		margin-top: 1.3rem;
		width: 99%;
		padding-left: 0.75rem;
	}
}


.recruitment3-main-2 {
	width: 100%;
	background-color: #FFFFFF;
}

.recruitment3-container-2 {
	width: 100%;
	padding: 7.14rem 0;
	line-height: 2;
}

.recruitment3-wrap2 {
	width: 100%;
	padding-bottom: 5rem;
}

.recruitment3-wrap2 .recruitment3-wrap2-title {
	font-size: 2.14rem;
	font-weight: bold;
	color: #16181a;
}

.recruitment3-wrap2-content {
	font-size: 1.14rem;
	color: #495770;
	margin-top: 1.5rem;
	line-height: 2.85rem;
}

.recruitment3-btns {
	padding-top: 6.25rem;
	display: flex;
	align-items: center;
}

.recruitment3-btn,
.recruitment3-btns a.email {
	width: 11.42rem;
	height: 4.14rem;
	line-height: 4.14rem;
	text-align: center;
	color: #FFFFFF;
	border-radius: 0.57rem;
	background-color: #007ac1;
	font-size: 1.28rem;
	font-weight: 550;
	cursor: pointer;
}

.recruitment3-btn:hover {
	background: #02659f;
}

.recruitment3-btns a {
	font-size: 1rem;
	display: block;
	margin-left: 1.85rem;
	color: #55585a;
	font-weight: 550;
}

.recruitment3-btns a.email {
	color: #fff;
	margin-left: 0;
}

.recruitment3-btns a:hover {
	color: #007ac1;
}

.recruitment3-btns a.email:hover {
	color: #fff;
}


@media only screen and (max-width: 1200px) {
	.recruitment3-container-2 {
		padding: 5rem 0;
	}

	.recruitment3-wrap2 {
		padding-bottom: 3.5rem;
	}

	.recruitment3-wrap2 .recruitment3-wrap2-title {
		font-size: 1.85rem;
	}

	.recruitment3-wrap2-content {
		font-size: 1rem;
		margin-top: 1.2rem;
		line-height: 2.5rem;
	}

	.recruitment3-btns {
		padding-top: 0.7rem;
	}

	.recruitment3-btn,
	.recruitment3-btns a.email {
		width: 10rem;
		height: 4rem;
		line-height: 4rem;
		font-size: 1rem;
	}

	.recruitment3-btns a {
		font-size: 0.95rem;
	}
}

@media only screen and (max-width: 900px) {
	.recruitment3-container-2 {
		padding: 2.5rem 0;
	}

	.recruitment3-wrap2 {
		padding-bottom: 2rem;
	}

	.recruitment3-wrap2 .recruitment3-wrap2-title {
		font-size: 1.5rem;
	}

	.recruitment3-wrap2-content {
		font-size: 0.9rem;
		margin-top: 1rem;
		line-height: 2.1rem;
	}

	.recruitment3-btns {
		padding-top: 0.5rem;
	}

	.recruitment3-btn,
	.recruitment3-btns a.email {
		width: 8rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 0.8rem;
	}

	.recruitment3-btns a {
		font-size: 0.8rem;
	}
}


@media only screen and (max-width: 700px) {
	.recruitment3-container-2 {
		padding: 2rem 0;
	}

	.recruitment3-wrap2 {
		padding-bottom: 1.7rem;
	}

	.recruitment3-wrap2 .recruitment3-wrap2-title {
		font-size: 1.4rem;
	}

	.recruitment3-wrap2-content {
		font-size: 0.8rem;
		margin-top: 0.6rem;
		line-height: 1.92rem;
	}

	.recruitment3-btns {
		padding-top: 0.3rem;
	}

	.recruitment3-btn,
	.recruitment3-btns a.email {
		width: 7rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.7rem;
	}

	.recruitment3-btns a {
		font-size: 0.7rem;
		margin-left: 1rem;
	}
}