@charset "utf-8";

.head-tran {}

.head-tran .header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	height: 4.6875vw;
}

.header .container {
	max-width: initial;
	padding: 0 3%;
}


.logo {
	float: left;
	height: 4.6875vw;
	display: flex;
	align-items: center;
}

.logo h1 a {
	display: flex;
	align-items: center;
}

.logo h1 img {
	height: 2.9167vw;
	filter: brightness(0) invert(100%);
}



.main-right {
	display: flex;
	margin-left: 20px;
}

.right-serach {
	height: 100%;
	margin-left: 2.0833vw;
	cursor: pointer;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.serach-icon {
	height: 1.2500vw;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	filter: brightness(0) invert(100%);
}



.Whead-search {
	display: none;
	position: fixed;
	top: 4.6875vw;
	left: 0;
	width: 100%;
	height: 10.4167vw;
	background: #fff;
	border-bottom: solid 5px #005ca1;
	z-index: 999;
	overflow: hidden;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.Whead-search.visible {
	display: block;
}

.Whead-search .hide-pic {
	position: absolute;
	bottom: 1.0417vw;
	left: 50%;
	width: 2.0833vw;
	height: 2.0833vw;
	transform: translateX(-1.0417vw);
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Whead-search .hide-pic i {
	transition: all 0.5s;
	font-size: 1.2500vw;
}

.Whead-search .hide-pic i:hover {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all 0.5s;
}

.Whead-search .search-box {
	margin-top: 2.6042vw;
}

.Whead-search .search-box .input-box {
	margin: 0 20%;
	position: relative;
}

.Whead-search .search-box .input-box input {
	width: 92%;
	padding: 0 4%;
	height: 3.1250vw;
	border: 1px solid #cae0f0;
	background: #f4faff;
	font-size: 0.9375vw;
	outline: inherit;
	border-radius: 1.5625vw;
}

.h-search {
	position: absolute;
	top: 0;
	right: 0;
	height: 3.1250vw;
	line-height: 3.1250vw;
	border-radius: 1.5625vw;
	background-color: #00428a;
	padding: 0 2.5000vw;
}


.not-tel {
	color: #fff;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
	margin-left: 3.1250vw;
}

.tel-icon {
	height: 2.0833vw;
	margin-right: 0.8333vw;
	filter: brightness(0) invert(100%);
}


/*菜单*/

.main-box {
	float: right;
	display: flex;
	justify-content: flex-end;
}

nav {}

#starlist {
	text-align: center;
}

#starlist li {
	display: inline-block;
	text-align: center;
	position: relative;
}

#starlist li>a {
	color: rgba(255, 255, 255, .6);
	font-size: 0.8333vw;
	display: block;
	line-height: 4.6875vw;
	position: relative;
	z-index: 9;
	transition: initial;
	margin: 0 0.8333vw;
}


#starlist li>a.active {
	color: #fff;
	font-weight: bold;
}

#starlist li a.active::after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 0.1562vw;
	background-color: #fff;
}

#starlist li:hover>a {
	color: #fff;
}


#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: calc(50% - 4.1667vw);
	top: 4.6875vw;
	width: 8.3333vw;
	height: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	z-index: 1;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
	border-bottom: 0.2083vw solid #005ca1;
	border-radius: 0.4167vw;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 4.6875vw;
	padding: 0.7292vw 0;
	height: auto;
	z-index: 99;
}


#starlist ul.sub {
	text-align: center;
}

#starlist ul.sub li {
	float: initial;
	display: inline-table;
	width: 100%;
	text-align: center;
	margin: 0 0px;
	padding: 5px 0;
}

#starlist ul.sub li a {
	color: #333;
	line-height: 1.8750vw;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist ul.sub li:hover a {
	color: #00428a;
}


.menu span,
.menu:before,
#starlist .active span,
#starlist .active:before {
	display: none;
}

.menu:before,
#starlist .active:before {
	position: absolute;
	content: "";
	top: 35px;
	right: 6%;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before,
#starlist .active:hover:before {
	transform: rotate(180deg)
}

#mnavh {
	display: none;
	margin: 26px 0 0 0;
	width: 16px;
	height: 24px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}


.navicon {
	display: block;
	position: relative;
	width: 24px;
	height: 2px;
	background-color: #fff;
	bottom: -8px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -8px;
}

.navicon:after {
	margin-top: 8px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
}





.head-primary .head-height {
	height: 4.6875vw;
}

/*导航悬浮*/
.head-tran .header.fixed .navicon,
.head-tran:hover .header .navicon,
.head-tran.head-primary .header .navicon {
	background: #0055ff;
}

.head-tran .header.fixed .open .navicon,
.head-tran:hover .header .open .navicon,
.head-tran.head-primary .header .open .navicon {
	background: none
}

.head-tran .header.fixed .navicon:before,
.head-tran .header.fixed .navicon:after,
.head-tran:hover .header .navicon:before,
.head-tran:hover .header .navicon:after,
.head-tran.head-primary .header .navicon:before,
.head-tran.head-primary .header .navicon:after {
	background: #0055ff;
}

.head-tran .header.fixed .open .navicon:before,
.head-tran .header.fixed .open .navicon:after,
.head-tran:hover .header .open .navicon:before,
.head-tran:hover .header .open .navicon:after,
.head-tran.head-primary .header .open .navicon:before,
.head-tran.head-primary .header .open .navicon:after {
	background: #0055ff;
}

.head-tran .header.fixed,
.head-tran:hover .header,
.head-tran.head-primary .header {
	background: #fff;
}

.head-tran .header.fixed .logo h1 img,
.head-tran:hover .header .logo h1 img,
.head-tran.head-primary .header .logo h1 img {
	filter: initial;
}

.head-tran .header.fixed .serach-icon,
.head-tran:hover .header .serach-icon,
.head-tran.head-primary .header .serach-icon {
	filter: initial;
}


.head-tran .header.fixed .not-tel b,
.head-tran:hover .header .not-tel b,
.head-tran.head-primary .header .not-tel b {
	color: #333 !important;
}

.head-tran .header.fixed .tel-icon,
.head-tran:hover .header .tel-icon,
.head-tran.head-primary .header .tel-icon {
	filter: initial;
}

.head-tran .header.fixed #starlist li>a,
.head-tran:hover .header #starlist li>a,
.head-tran.head-primary .header #starlist li>a {
	color: #333;
}


.head-tran .header.fixed #starlist li>a.active,
.head-tran:hover .header #starlist li>a.active,
.head-tran.head-primary .header #starlist li>a.active {
	color: #0055ff;
}

.head-tran .header.fixed #starlist li a.active::after,
.head-tran:hover .header #starlist li a.active::after,
.head-tran.head-primary .header #starlist li a.active::after {
	background-color: #0055ff;
}

.head-tran .header.fixed #starlist li:hover>a,
.head-tran:hover .header #starlist li:hover>a,
.head-tran.head-primary .header #starlist li:hover>a {
	color: #0055ff;
}




/* 新闻资讯 */

.page-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.banner-pic {
	width: 100%;
	height: auto;
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;
	overflow: hidden;
}

.banner-pic img {
	width: 100%;
	opacity: 0;
}

.phone {
	display: none;
}

.page-banner .container {
	position: absolute;
	left: 0;
	top: 0;
	width: 90%;
	height: 100%;
	padding: 0 5%;
	z-index: 9;
}




.list-menu {
	height: 3.6458vw;
}

.list-cru {
	line-height: 3.6458vw;
	float: right;
	position: relative;
}

.list-cru:before {
	position: absolute;
	top: 50%;
	left: -1.2500vw;
	transform: translateY(-50%);
	width: 0.7292vw;
	height: 0.7292vw;
	background: url(../images/cru_icon.png) center center no-repeat;
	background-size: 100% 100%;
	display: block;
	content: "";
}

.list-cru a {
	color: #666;
}

.list-cru a:hover {
	color: #00428a;
}

.list-cru i {
	margin: 0 0.6250vw;
	font-size: 0.8333vw;
	color: #666;
}

.list-cru i:first-child {
	margin: 0 0.3125vw;
	font-size: 1.0417vw;
}


.submenu {
	float: left;
}

.submenu ul li {
	display: inline-block;
	line-height: 3.6458vw;
	position: relative;
}

.submenu ul li:last-child {
	margin-right: 0;
}

.submenu ul li a {
	color: #333333;
	padding: 0 2.0833vw;
	display: inline-block;
}

.submenu ul li a:hover {
	color: #0055ff;
}

.submenu ul li a:hover:after {
	width: 100%;
}

.submenu ul li.active a {
	color: #fff;
	font-weight: bold;
	background: linear-gradient(to right, #003f97, #0055ff);
	border-bottom-left-radius: 1.2500vw;
	border-top-right-radius: 1.2500vw;
}

.submenu ul li.active a:after {
	width: 100%;
}




.news-hot {
	width: 100%;
	overflow: hidden;
	background-color: #f6fafd;
}


.hot-title {
	margin-top: 2.6042vw;
}

.hot-title h2 {
	font-weight: initial;
}


.hot-item {
	width: 57.322%;
	height: 31.2500vw;
	border-radius: 1.2500vw;
	overflow: hidden;
}

.hot-item img {
	max-width: initial;
	height: 31.2500vw;
	object-fit: cover;
	width: 100%;
}

.text-box {
	bottom: 0;
	z-index: 9;
	width: 90%;
	padding: 1.8750vw 5%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
}

.text-box h2 {
	font-weight: initial;
	line-height: 2.5000vw;
	height: 2.5000vw;
}

.text-box i {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hot-item a:hover .text-box i {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}




.hot-list {
	width: 40%;
}

.hot-list .item a {
	display: block;
	padding: 1.65vw 2.0833vw;
	background-color: #fff;
	border-radius: 0.6250vw;
	margin-top: 1.2500vw;
	position: relative;
	overflow: hidden;
}

.hot-list .item:first-child a {
	margin-top: 0;
}

.hot-list .item a:before {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: "";
	width: 0;
	height: 3px;
	background: linear-gradient(to right, #003f97, #0055ff);
	transition: all 0.5s;
}

.hot-list .item a:hover:before {
	width: 100%;
}

.hot-list .item a:hover h2 {
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.hot-list .item span {
	margin-right: 1.5625vw;
}

.hot-list .item h2 {
	line-height: 1.8750vw;
	font-weight: initial;
	height: 1.8750vw;
}




.itemlist-3 .item {
	width: 31%;
	margin-left: 3.5%;
	margin-bottom: 4.1667vw;
	float: left;
}

.itemlist-3 .item:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}


.news-list .item {
	background: #f6fafd;
	border-radius: 0.8333vw;
}

.news-list .item a {
	display: block;
}

.news-list .item .pic {
	overflow: hidden;
	border-radius: 0.6250vw;
}

.news-list .item .pic img {
	width: 100%;
}

.news-list .item .con {
	padding: 1.2500vw 2.0833vw 2.0833vw;
}

.news-list .item .text {}

.news-list .item .text span {
	color: #999;
}

.news-list .item .text h2 {
	color: #333333;
	line-height: 1.8750vw;
	height: 4.1667vw;
	margin-top: 0.7292vw;
}

.news-list .item:hover .text h2 {
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.news-list .item .text p {
	line-height: 1.6667vw;
}


.view-details {
	margin-top: 1.5625vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #999;
}

.view-details i {
	font-size: 1.0417vw;
	transform: rotate(-45deg);
	display: inline-block;
	margin-left: .5vw;
	transition: all 0.6s;
	width: 2.5000vw;
	height: 2.5000vw;
	line-height: 2.5000vw;
	border: 1px solid #ddd;
	border-radius: 50%;
	text-align: center;
	color: #0055ff;
	font-weight: bold;
}

.item:hover .view-details i {
	transition: all 0.6s;
	transform: rotate(0);
	background: linear-gradient(to right, #003f97, #0055ff);
	color: #fff;
}

.increase-more {
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%) !important;
	color: #fff;
	display: inline-block;
	text-align: center;
	transition: all 0.4s;
	line-height: 3.1250vw;
	background: linear-gradient(to right, #113789, #1a53cb);
	border-radius: 1.5625vw;
	height: 3.1250vw;
	padding: 0 0.6vw 0 1.5625vw;
}

.increase-more:hover {
	transition: all 0.4s;
	top: -8px;
}

.increase-more span {
	display: flex;
}

.increase-more i {
	background-color: rgba(255, 255, 255, 1);
	width: 1.8750vw;
	height: 1.8750vw;
	line-height: 1.8750vw;
	border-radius: 50%;
	font-size: 0.8333vw;
	color: #00428a;
	margin-left: 1.8750vw;
	transition: all 0.6s;
	transform: rotate(90deg);
	margin-top: 0.60vw;
}



.public-mess {
	width: 94%;
	border-radius: 1.6667vw;
	margin: 0 3% 3.1250vw;
	overflow: hidden;
	position: relative;
}

.p-m-con {
	position: absolute;
	left: 3.2%;
	top: 3.6458vw;
	width: 46.8%;
}

.p-m-box .item:first-child {
	margin-top: 0;
}

.p-m-box .item {
	position: relative;
}

.p-m-t .item {
	width: 48.5%;
}

.p-m-box .p-m-t .item input {
	padding: 0 3% 0 31%;
	width: 66%;
}

.p-m-box .p-m-t .item p {
	left: 6%;
}


.p-m-box .item input {
	background-color: #fff;
	height: 3.1250vw;
	border: initial;
	padding: 0 3% 0 15%;
	width: 82%;
	border-radius: 0.5208vw;
}

.p-m-box .item p {
	position: absolute;
	left: 3%;
	line-height: 3.1250vw;
	gap: 0.8333vw;
}

.p-m-box .item p img {
	height: 1.0417vw;
}

.mess-button .increase-more {
	transform: initial !important;
	left: 0;
}

.mess-button .increase-more:hover {
	transform: initial !important;
	left: 0;
	top: 0;
}

.mess-button .increase-more i {
	transform: rotate(-45deg);
}

.public-mess .bg img {
	height: 33.3333vw;
	max-width: initial;
	width: 100%;
	object-fit: cover;
}




.foot {
	padding: 5.2083vw 0 4.1667vw;
	background: #19191b;
}

.foot-con {
	width: 22.3958vw;
}

.foot-contact {
	text-align: right;
}


.foot-contact p {
	margin-top: 0.5208vw;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
}

.foot-rwm {
	margin-top: 2.604vw;
}

.foot-rwm ul {
	display: flex;
	justify-content: flex-end;
}

.foot-rwm ul li {
	width: 6.7708vw;
	text-align: center;
	margin-left: 1.6667vw;
}

.foot-rwm ul li img {
	width: 100%;
	max-width: initial;
}

.foot-rwm ul li p {
	color: rgba(255, 255, 255, .6);
	margin-top: .5vw;
	letter-spacing: 0;
}

.external-platform {
	margin-top: 2.5000vw;
}

.external-platform ul {
	display: flex;
	justify-content: flex-end;
}

.external-platform ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 1.0417vw;
}

.external-platform ul li a {
	width: 2.6042vw;
	height: 2.6042vw;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.external-platform ul li a:hover {
	background-color: #fff;
}

.external-platform ul li a img {
	max-height: 1.2500vw;
	max-width: 1.8750vw;
}


.foot-menu {
	width: 50.0000vw;
}

.foot-menu ul {
	display: flex;
	justify-content: space-between;
}

.foot-menu ul li {}

.foot-menu ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.04166vw;
}

.foot-menu ul li ul {
	margin-top: 1.9vw;
	display: block;
}

.foot-menu ul li ul li {
	width: 100%;
	float: initial;
	line-height: 2.5vw;
}

.foot-menu ul li ul li a {
	color: rgba(255, 255, 255, .6);
	font-weight: initial;
	font-size: 0.94vw;
}

.foot-menu ul li ul li a:hover {
	color: rgba(255, 255, 255, 1);
}



.foot-copy {
	padding-top: 4.1667vw;
}

.copy-text {
	padding: 0.4167vw 0;
	margin-top: 0.8333vw;
}

.copy-menu {
	margin-top: 0.8333vw;
}

.copy-text a,
.tech a,
.copy-menu a {
	color: rgba(255, 255, 255, .6);
}

.copy-text a:hover,
.tech a:hover,
.copy-menu a:hover {
	color: rgba(255, 255, 255, 1);
}

.copy-text span,
.copy-menu span {
	margin: 0 1.5625vw;
	color: rgba(255, 255, 255, .4);
}

.tech,
.copy-box {
	color: rgba(255, 255, 255, .6);
}

.tech {
	text-align: right;
	margin-top: 0.8333vw;
}


.link {
	position: relative;
	width: 13.5417vw;
}

.friend-link-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 255, 255, .9);
	cursor: pointer;
	transition: background 0.2s ease;
	height: 2.5000vw;
	padding: 0 1.0417vw;
	border-radius: 0.4167vw;
}

.friend-link-header:hover {
	background: rgba(255, 255, 255, 1);
}

.friend-link-title {
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
}

.arrow-icon {
	width: 8px;
	height: 8px;
	border: solid 3px #0055ff;
	border-top: none;
	border-right: none;
	transform: rotate(135deg);
	transition: transform 0.3s ease;
}

.arrow-icon.active {
	transform: rotate(-45deg);
}

.friend-link-content {
	background: #ffffff;
	max-height: 500px;
	overflow: hidden;
	transition: max-height 0.4s ease, padding 0.3s ease;
	position: absolute;
	bottom: 2.5000vw;
	border-radius: 0.4167vw;
	width: 84%;
	padding: 0.8333vw 8%;
}

.friend-link-content.hidden {
	max-height: 0;
	padding: 0 8%;
}

.link-list li {
	width: 100%;
}

.link-list li a {
	display: block;
	color: #333;
	line-height: 1.8750vw;
}

.link-list li a:hover {
	color: #00428a;
}





/* 新闻内容页 */

.page-menu {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.pagemenu {
	float: left;
}

.pagemenu ul li {
	display: inline-block;
	line-height: 3.6458vw;
	margin-right: 2.0833vw;
}

.pagemenu ul li:last-child {
	margin-right: 0;
}

.pagemenu ul li a {
	color: #333333;
	display: inline-block;
}

.pagemenu ul li a:hover {
	color: #0055ff;
}

.pagemenu ul li a:hover:after {
	width: 100%;
}

.pagemenu ul li.active a:after {
	width: 100%;
}



.page-news-con-box {
	width: 100%;
	background-color: #f6fafd;
	padding-top: 0 !important;
	margin-bottom: 6.7708vw;
}

.page-news-title {
	padding: 6.7708vw 6% 5.7292vw;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.page-news-title::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #003f97, #0055ff);
}

.page-news-title h2 {
	color: #333333;
	line-height: 2.9167vw;
}

.page-news-title .info {
	margin-top: 1.5625vw;
	line-height: 1.6667vw;
	color: #999999;
}

.page-news-title .info span {
	gap: 0.5208vw;
	margin: 0 1.5625vw;
}

.page-news-title .info span img {
	height: 0.9375vw;
}




.news-con-left {
	float: left;
	width: 74.5%;
}

.news-content-box {
	background-color: #fff;
	padding: 6.2500vw 6.2500vw 5.2083vw;
	border-bottom-left-radius: 1.6667vw;
	border-bottom-right-radius: 1.6667vw;
}

.news-content {
	line-height: 1.8750vw;
	text-align: justify;
}

.news-content img {
	display: block;
	margin: 0 auto;
}

.special-declaration {
	margin-top: 2.5000vw;
	color: #999999;
	line-height: 1.2500vw;
	background-color: #f6fafd;
	padding: 1.5625vw;
	letter-spacing: 0;
	border-radius: 0.6250vw;
}

.paging {
	display: flex;
	justify-content: space-between;
	gap: 1.0417vw;
}

.paging div {
	background-color: #fff;
	border-radius: 0.4167vw;
	padding: 0 2.0833vw;
	line-height: 4.1667vw;
}

.paging a {
	color: #333;
}

.paging a:hover {
	color: #0055ff;
}


.paging .ls {
	width: 10.4167vw;
}

.paging .ls a {
	gap: 1.0417vw;
}


.news-rec-box {
	width: 23.5%;
	float: right;
	margin-top: 2.5000vw;
}

.news-rec-box.sticky {
	top: 3.125vw !important;
}

.rec-title h3 {
	color: #333333;
}



.corporate-hot {
	position: relative;
	margin-top: 1.2500vw;
}

.corporate-hot .pic {
	border-radius: 0.6250vw;
	overflow: hidden;
}

.corporate-hot .pic img {
	width: 100%;
}

.corporate-hot .text {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(0, 92, 161, .5), rgba(0, 92, 161, 0));
	padding: 1.0417vw 0;
	border-radius: 0.6250vw;
	overflow: hidden;
}

.corporate-hot .text h2 {
	padding: 0 5%;
	line-height: 1.6667vw;
	max-height: 1.6667vw;
	color: #ffffff;
}

.corporate-list .item {
	padding: 0.8333vw 1.0417vw 0.8333vw;
	border-top: 1px solid #ddd;
}

.corporate-list .item h2 {
	line-height: 1.2500vw;
	max-height: 2.5000vw;
	color: #333333;
	font-weight: initial;
	transition: all 0.3s;
}

.corporate-list .item a:hover h2 {
	color: #0055ff;
}

.corporate-list .item span {
	line-height: 1.0417vw;
	color: #999999;
	display: block;
	margin-top: 0.4167vw;
}






.title h2 {
	line-height: 3.1250vw;
	font-weight: initial;
}

.title p {
	line-height: 1.6667vw;
}


.button {
	width: 7.8125vw;
	height: 2.6042vw;
	background: linear-gradient(to right, #113789, #1a53cb);
	border-radius: 1.3542vw;
}

.button a {
	line-height: 2.6042vw;
}

.button i {
	color: #fff;
	font-weight: bold;
	font-size: 0.8333vw;
	transform: rotate(45deg);
	margin-left: 1.2500vw;
	transition: all 0.5s;
}

.button:hover i {
	margin-left: 0.8333vw;
}






/* 用户服务协议 */

.privacy-policy {
	background-color: #f6fafd;
}

.privacy-policy .container {
	overflow: hidden;
}

.classmenu.sticky {
	top: 6.7708vw !important;
}

.privacy-policy .classmenu {
	width: 16.6667vw;
}

.privacy-policy .classmenu-box {
	margin-top: 1.6667vw;
}

.privacy-policy .classmenu-box ul li {
	width: 100%;
}

.privacy-policy .classmenu-box a {
	display: block;
	height: 3.3333vw;
	margin-bottom: 0.5208vw;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	padding: 0 1.6667vw;
	border-radius: 0.4167vw;
}

.privacy-policy .classmenu-box a.active {
	background: linear-gradient(to right, #003f97, #0055ff);
	color: #fff;
}

.privacy-policy .classmenu-box a.active:hover {
	color: #fff;
}

.privacy-policy .classmenu-box a:hover {
	color: #0055ff;
}

.privacy-policy .classmenu-box span {
	width: 12.5vw;
}

.privacy-policy .classmenu-box i {
	font-size: 0.8333vw;
	opacity: 0;
}

.privacy-policy .classmenu-box a.active i {
	opacity: 1;
}

.privacy-policy .content {
	width: 65.1042vw;
}

.privacy-policy .content .con {
	margin-top: 1.2500vw;
	line-height: 1.8750vw;
}

.privacy-policy .content .con p {
	text-indent: 2em;
}





/* 搜索 */

.search {
	background-color: #f6fafd;
	padding: 5.2083vw 0;
}


.search .search-box {
	padding: 0 8%;
}


.search .search-box .input-box {
	position: relative;

}

.search .search-box .input-box input {
	width: 96%;
	padding: 0 2%;
	height: 3.1250vw;
	border: 1px solid #f0f4f8;
	background: #fff;
	outline: inherit;
	font-size: 0.9375vw;
	border-bottom-left-radius: 0.8333vw;
	border-top-right-radius: 0.8333vw;
}

.search .input-box .search-but {
	position: absolute;
	top: 1px;
	right: -1px;
	height: 3.1250vw;
	padding: 0 3.7500vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to right, #113789, #1a53cb);
	font-size: 0.9375vw;
	color: #fff;
	border-bottom-left-radius: 0.8333vw;
	border-top-right-radius: 0.8333vw;
}


.hot-search {
	color: #999999;
	margin-left: 1.5625vw;
	margin-top: 0.9375vw;
}

.hot-search a {
	color: #333;
	margin-right: 1.0417vw;
}

.hot-search a:hover {
	color: #00428a;
}





.product-menu-box.sticky {
	margin-top: 1.5625vw;
}

.product-menu-box {
	width: 16%;
	float: left;
	background-color: #f6fafd;
}

.nav-item {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.nav-item a {
	line-height: 3.6458vw;
	font-weight: bold;
	padding: 0 10%;
	color: #333;
}

.nav-item a.active {
	color: #0055ff;
}

.nav-item ul {
	display: none;
}

.nav-item.nav-show ul {
	display: block;
	padding-bottom: 0.9375vw;
}

.nav-item ul li {}

.nav-item ul li span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.nav-item ul li em {
	font-size: 0.7292vw;
	color: #999999;
}

.nav-item ul li a {
	line-height: 1.8750vw;
	color: #666666;
	font-size: 0.8333vw;
	font-weight: initial;
}

.nav-item ul li a.active {
	color: #0055ff;
}



.nav-item i {
	font-size: 0.6250vw;
	color: #999;
	transition: all 0.5s;
}

.nav-show i {
	transform: rotate(180deg);
	transition: all 0.5s;
}



.statistics {
	line-height: 3.6458vw;
	border-bottom: 1px solid #ddd;
	margin-bottom: 3.6458vw;
	text-align: right;
}

.statistics span {
	color: #0055ff;
}


.search-list {
	float: right;
	width: 76%;
}

.search-list .item {
	width: 31%;
	margin-left: 2%;
	margin-bottom: 3.125vw;
	float: left;
}

.search-list .item:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}

.search-list .item .pic {
	overflow: hidden;
	border-radius: 0.8333vw;
	position: relative;
	background-color: #f6fafd;
}

.search-list .item .pic span {
	position: absolute;
	left: 0.5208vw;
	top: 0.5208vw;
	z-index: 9;
	font-size: 0.7292vw;
	color: #fff;
	background-color: #00428a;
	border-radius: 0.2083vw;
	line-height: 1.3542vw;
	padding: 0 0.4167vw;
}

.search-list .item .pic img {
	height: 13.8021vw;
	object-fit: cover;
	max-width: initial;
}

.search-list .item .con {
	padding: 0 0.5208vw;
}

.search-list .item .text {
	margin: 1.52vw 0 0 0;
}

.search-list .item .text h2 {
	color: #333333;
	line-height: 1.5625vw;
	font-weight: initial;
	height: 3.1250vw;
	margin-top: 0.5vw;
	transition: all 0.6s;
}

.search-list .item:hover .text h2 {
	color: #0055ff;
	transition: all 0.6s;
}

.search-list-box .increase-more {
	margin-top: 0;
}



.search-none {
	padding: 0 0 4.1667vw;
	text-align: center;
}

.search-none img {
	height: 16.6667vw;
}

.search-none h3 {
	margin-top: 10px;
}

.search-none p {
	margin-top: 0.8333vw;
	color: #666;
	margin-bottom: 1.2500vw;
}

.search-return {
	width: 8.3333vw;
	display: inline-block;
}

.button.search-return i {
	margin-left: 1.3542vw;
	transition: all 0.5s;
}

.button.search-return:hover i {
	margin-left: 0.9375vw;
}




/* 联系我们 */

.g-cen-title {
	position: relative;
}

.g-cen-title h2 {
	position: relative;
	z-index: 9;
}

.g-cen-title b {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	letter-spacing: 1.0417vw;
	width: 80%;
}


.contact-con .item {
	float: left;
	width: 49%;
	margin-left: 2%;
	position: relative;
	margin-bottom: 1.6667vw;
}

.contact-con .item .box,
.contact-ewm .box {
	border: 1px solid #dde7f3;
	border-radius: 0.8333vw;
	background: url(../images/contact_bg_1.jpg) center center no-repeat;
	background-size: cover;
	padding: 2.9167vw 3.1250vw;
}

.contact-con .item:first-child {
	margin-left: 0;
}

.contact-con .item .icon {
	position: absolute;
	top: 3.1250vw;
	right: 3.6500vw;
}


.contact-ewm ul {
	display: flex;
	justify-content: baseline;
	gap: 2.0833vw;
}

.contact-ewm ul li {
	text-align: center;
	margin-top: 1.2500vw;
}

.contact-ewm ul li img {
	width: 10.4167vw;
}

.contact-ewm ul li p {
	color: #333;
}



.contact-mess {
	background: url(../images/contact_mess_bg.jpg) center center no-repeat;
	background-size: cover;
}

.g-left-title {
	text-align: left;
}

.c-m-con {
	width: 40%;
}

.contact-mess .p-m-box {
	margin-top: 7.2917vw;
	width: 56%;
}



/* 全球案例 */

.page-banner .chara .item {
	margin: 0 3.6458vw;
}

.page-banner .chara .nun {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.page-banner .chara .item .des {
	text-align: left;
	margin-left: 0.6250vw;
	line-height: 1.8750vw;
}

.page-banner .chara .item .des em {
	display: block;
}



.main-lump {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 1.0417vw 0px;
	border-bottom: 1px solid rgb(242, 242, 242);
	line-height: 1.2500vw;
}

.lump-title {
	width: auto;
	padding-right: 1.5625vw;
	color: rgb(34, 34, 34);
	border-right: 1px solid rgb(204, 204, 204);
}

.lump-wrap {
	margin-left: 1.5625vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex: 1 1 0%;
	gap: 2.0833vw;
}

.lump-item {}

.choice-item {
	color: #333;
}

.lump-item:first-child.active .choice-item {
	color: #fff;
	background: linear-gradient(to right, #003f97, #0055ff);
	padding: 0.1562vw 0.4167vw;
	border-radius: 0.2083vw;
}

.lump-item:first-child .choice-item span {
	display: none;
}

.choice-item span {
	position: relative;
	display: inline-block;
	width: 0.8333vw;
	height: 0.8333vw;
	margin-right: 0.4167vw;
	background: url(../images/submenu_opt_line.png) center center no-repeat;
	background-size: 100%;
	border-radius: 0.1042vw;
}

.lump-item.active .choice-item span {
	background: url(../images/submenu_opt.jpg) center center no-repeat;
	background-size: 100%;
}



.case-list-wrap .item .text h2 {
	height: 1.8750vw;
}


.case-list-wrap .item:hover .view-details {
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}




/* 案例内容页 */

.case-page {
	background-color: #f6fafd;
}

.case-page .container {
	background-color: #fff;
	border-radius: 1.2500vw;
	overflow: hidden;
	position: relative;
}


.play-button-box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -1.5625vw;
	margin-left: -1.5625vw;
}

.play-button {
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	background: linear-gradient(to right, #003f97, #0055ff);
	z-index: 9;
	cursor: pointer;
	position: relative;
}

.play-button::after {
	position: absolute;
	left: calc(50% - 1.5625vw);
	top: calc(50% - 1.5625vw);
	width: 3.125vw;
	height: 3.125vw;
	display: block;
	content: "";
	background: linear-gradient(to right, #003f97, #0055ff);
	border-radius: 50%;
	z-index: -1;
}

.play-button:before {
	position: absolute;
	left: calc(50% - 1.5625vw);
	top: calc(50% - 1.5625vw);
	width: 3.125vw;
	height: 3.125vw;
	display: block;
	content: "";
	background-color: rgba(255, 255, 255, .6);
	z-index: -9;
	animation: living 2s infinite;
	border-radius: 50%;
}

.play-button img {
	height: 0.9375vw;
}

.case-page-pic {
	width: 55%;
	position: relative;
	overflow: hidden;
	border-radius: 1.2500vw;
}

.case-page-pic .slides {
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.case-page-pic .slide {
	height: auto;
	float: left;
	clear: none;
}

.case-page-pic .pic-box img {
	max-width: initial;
	width: 100%;
	object-fit: cover;
}

.case-page-pic .slider-arrow {
	position: absolute;
	margin-bottom: -1.0417vw;
	width: 2.0833vw;
	height: 2.0833vw;
	line-height: 2.0833vw;
	text-decoration: none;
	text-align: center;
	font-size: 0;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%;
	opacity: 1;
}

/*左右按钮样式及放置位置*/

.case-page-pic .slider-arrow--right {
	bottom: 50%;
	right: 1.5625vw;
	background-image: url(../images/case_right_a.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.case-page-pic .slider-arrow--left {
	bottom: 50%;
	left: 1.5625vw;
	background-image: url(../images/case_left_a.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}


.case-page-pic .slider-arrow:hover {
	background-color: #0055ff;
}

.case-page-pic .slider-arrow--right:hover {
	background-image: url(../images/case_right.png);
}

.case-page-pic .slider-arrow--left:hover {
	background-image: url(../images/case_left.png);
}


.case-page-pic .slider-nav {
	position: absolute;
	left: 50%;
	bottom: 1.0417vw;
	text-align: center;
}

.case-page-pic .slider-nav__item {
	display: inline-block;
	width: 1.2500vw;
	height: 0.2083vw;
	margin: 0 0.2083vw;
	position: relative;
	background: rgba(255, 255, 255, .5);
	border-radius: 0.1042vw;
}

.case-page-pic .slider-nav__item--current {
	background: #0055ff;
}

/*被选中后的样式*/


.case-page-des {
	width: 45%;
	display: flex;
	align-items: center;
}

.case-page-des .box {
	padding: 3.7500vw 8%;
}

.case-page-des .subtitle h2 {
	color: #333;
}

.case-page-des .subtitle p {
	color: #666;
}


.case-page-des .page-button {
	position: absolute;
	bottom: 3.7500vw;
}

.page-button .increase-more {
	left: 0 !important;
	transform: initial !important;
}



.case-page-con {
	width: 55%;
	position: relative;
}

.case-page-con:before {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	content: "";
	height: 100%;
	width: 1px;
	background-color: #dde7f3;
}

.case-page-con .box {
	padding-right: 3.1250vw;
}

.case-page-con .con {
	line-height: 1.8750vw;
}


.case-page-con-des {
	width: 45%;
}

.case-page-con-des .item {
	margin-bottom: 2.6042vw;
	padding-left: 8%;
	position: relative;
}

.case-page-con-des .item span:before {
	position: absolute;
	left: 0;
	top: 0.3125vw;
	width: 2px;
	height: 0.8333vw;
	display: block;
	content: "";
	background: linear-gradient(to right, #003f97, #0055ff);
}

.case-page-con-des .return {
	padding-left: 8%;
}

.case-page-con-des .return a {
	color: #666;
	height: 2.1875vw;
	border: 1px solid #ddd;
	border-radius: 1.2500vw;
	width: 9.3750vw;
	gap: 0.8333vw;
}

.case-page-con-des .return a img {
	height: 0.7292vw;
}

.case-page-con-des .return a:hover {
	color: #0055ff;
}



.rel-case {
	background-color: #f6fafd;
	margin-bottom: 3.1250vw;
}

.rel-case .item {
	background-color: #fff;
}





/* 视频 */

.service-list-menu {
	width: 100%;
	overflow: hidden;
	padding-bottom: 0 !important;
}

.service-title-list {
	position: relative;
	z-index: 9;
}

.filter-select {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 14.5833vw;
}

.filter-select .trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: white;
	border: 1px solid #dee8f4;
	padding: 0 1.1458vw;
	height: 3.1250vw;
	color: #666666;
	transition: all 0.2s;
	cursor: pointer;
}

.filter-select .trigger:hover {
	border-color: #cfd9e4;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	transform: translateY(-1px);
}

.filter-select .trigger:active {
	transform: translateY(1px);
}

.arrow {
	transition: transform 0.2s ease;
	display: inline-block;
	color: #0055ff;
}

.arrow i {
	font-size: 18px;
}

.filter-select.open .arrow {
	transform: rotate(180deg);
}

.submenu-list {
	position: absolute;
	top: calc(100% + 0.5208vw);
	left: 0;
	background: white;
	border-radius: 12px;
	box-shadow: 0 18px 32px -12px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.05);
	min-width: 14.5833vw;
	padding: 1.0417vw 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity 0.2s ease, visibility 0.2s, transform 0.2s ease;
	z-index: 100;
	border: 1px solid #e2e7e4;
	overflow: hidden;
}

.filter-select.open .submenu-list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.submenu-list a {
	display: block;
	color: #666;
	line-height: 2.6042vw;
	text-decoration: none;
	transition: background 0.15s, color 0.15s;
	text-align: center;
}

.submenu-list a:hover {
	background-color: #f6fafd;
	color: #0055ff;
}


.submenu-wray {
	margin-top: 6.2500vw;
	z-index: 1;
	position: relative;
}

.submenu-wray a {
	color: #333333;
	margin-right: 3.3333vw;
	line-height: 3.3333vw;
	position: relative;
	display: inline-block;
	text-align: center;
}

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

.submenu-wray a:hover {
	color: #0055ff;
}

.submenu-wray a.active {
	background: linear-gradient(to top, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
	font-size: 1.2500vw;
}

.submenu-wray a.active:before {
	width: 100%;
	height: 0.1562vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
}



.video-list .item {
	margin-bottom: 3.1250vw;
}

.video-list .item a {
	cursor: pointer;
	display: block;
}

.video-list .item .pic {
	overflow: hidden;
	border-radius: 16px;
	position: relative;
}

.video-list .item .pic img {
	width: 100%;
}

.video-list .item .text {
	margin-top: 1.52vw;
}

.video-list .item .text span {
	color: #999;
}

.video-list .item .text h2 {
	color: #333333;
	line-height: 1.52vw;
	height: 1.52vw;
	margin-top: 0.5vw;
	transition: all 0.6s;
}

.video-list .item:hover .text h2 {
	color: #0055ff;
	transition: all 0.6s;
}



.play-icon {
	position: absolute;
	left: calc(50% - 1.55vw);
	top: calc(50% - 1.55vw);
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	z-index: 99;
	background: linear-gradient(to right, #003f97, #0055ff);
}

.play-icon img {
	height: 1.0417vw;
	width: 0.8333vw !important;
}

.video-list .pic::after {
	position: absolute;
	left: calc(50% - 2vw);
	top: calc(50% - 2vw);
	width: 4vw;
	height: 4vw;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	display: block;
	content: "";
	z-index: 1;
	animation: pulse 1s infinite;
}



@keyframes pulse {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(2);
	}
}




.videos-bg #video {
	position: fixed;
	left: 50%;
	top: 50%;
	text-align: center;
	z-index: 999999;
	max-height: 90%;
	max-width: 90%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 1);
}

.vclose-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	cursor: pointer;
}

.vclose-box .vclose {
	position: fixed;
	right: 40px;
	top: 40px;
	z-index: 9999999;
	cursor: pointer;
}





/* 资料下载 */

.data-list .item {
	margin-bottom: 3.1250vw;
}

.data-list .pic::after {
	display: none;
}

.data-list .item .con {
	padding: 0 1.0417vw;
	margin-top: 1.2500vw;

}

.data-list .item .con h2 {
	color: #333;
	max-height: 1.8750vw;
	line-height: 1.8750vw;
	transition: all .5s;
}

.data-list .item .con i {
	color: #0055ff;
	font-size: 1.2500vw;
	transform: rotate(-45deg);
	transition: all .5s;
}

.data-list .item:hover .con h2 {
	color: #0055ff;
}

.data-list .item:hover .con i {
	transform: rotate(0);
}




/* 常见问题 */

.faq-search .search-box {
	margin-top: 2.6042vw;
}

.faq-search .search-box {
	padding: 0 25%;
}

.faq-search .search-box .input-box {
	position: relative;
}

.faq-search .search-box .input-box input {
	width: 92%;
	padding: 0 4%;
	height: 3.1250vw;
	border: 1px solid #cae0f0;
	background: #fff;
	font-size: 0.9375vw;
	outline: inherit;
	border-radius: 1.5625vw;
}

.faq-search .search-box .input-box .h-search {
	display: flex;
	align-items: center;
	gap: 0.6250vw;
	background: linear-gradient(to right, #003f97, #0055ff);
}

.faq-search .search-box .input-box .h-search i {
	font-size: 1.1458vw;
}

.hot-Search {
	color: #666;
	padding: 0 1.8750vw;

}

.hot-Search a {
	color: #666;
	margin-right: 1.0417vw;
}

.hot-Search a:hover {
	color: #0055ff;
}


.faq-submenu {
	text-align: center;
	margin-top: 3.1250vw;
}




.faq-list {
	display: flex;
	flex-direction: column;
	gap: 2.0833vw;
	margin-bottom: 3.6458vw;
}

.faq-item {
	background: white;
	border: 1px solid #dee8f4;
	border-radius: 0.6250vw;
	overflow: hidden;
	transition: border-color 0.3s, background-color 0.3s;
}

.faq-item:hover {
	border-color: rgba(40, 85, 192, 0.2);
	background-color: #f6fafd;
}

.faq-item.open {
	box-shadow: 0 4px 16px rgba(40, 85, 192, 0.1);
}

.faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.5000vw 3.6458vw;
	background: none;
	border: none;
	cursor: pointer;
	font-family: inherit;
	text-align: left;
	gap: 16px;
}

.faq-q-text {
	font-weight: 600;
	color: #333;
	transition: color 0.2s;
	font-size: 1.6667vw;
}

.faq-item.open .faq-q-text {
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.faq-icon {
	transition: all .5s;
	position: relative;
	display: block;
	width: 1.2500vw;
	height: 1.2500vw;
}

.faq-icon:before {
	width: 1.2500vw;
	height: 0.2083vw;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #333;
	transform: translate(-50%, -50%);
}

.faq-icon:after {
	width: 0.2083vw;
	height: 1.2500vw;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #333;
	transform: translate(-50%, -50%);
}

.faq-item:hover .faq-icon {
	transform: rotate(360deg);
}

.faq-item.open .faq-icon {
	transform: rotate(45deg);
}

.faq-item.open .faq-icon:after,
.faq-item.open .faq-icon:before {
	background: linear-gradient(to right, #003f97, #0055ff);
}

.faq-answer {
	overflow: hidden;
	transition: max-height 0.4s var(--ease-out-expo);
	max-height: 0;
}

.faq-answer-inner {
	padding: 0 3.6458vw 2.5000vw;
	color: #666;
	line-height: 1.8750vw;
	font-size: 1.0417vw;
}




.support-section {
	position: relative;
	overflow: hidden;
}

.support-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5000vw;
}

.support-card {
	background: white;
	border-radius: 1.2500vw;
	padding: 2.6042vw 3.1250vw;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s var(--ease-out-quart), box-shadow 0.3s;
}

.support-card-title {
	font-size: 1.5625vw;
	font-weight: 700;
	color: #333;
	margin-bottom: 14px;
}

.support-card-divider {
	display: block;
	margin: 1.2500vw 0 2.6042vw;
}

.support-card-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.6250vw;
	padding: 0 1.2500vw;
	line-height: 2.6042vw;
	color: white;
	background: linear-gradient(to right, #003f97, #0055ff);
	border-radius: 1.3542vw;
	font-size: 0.9375vw;
	margin-bottom: 1.3542vw;
	transition: all .5s;
}

.support-card-cta img {
	filter: brightness(0) invert(100%);
}

.support-card-cta:hover {
	transform: translateY(-2px);
}

.support-card-value {
	display: block;
	font-size: 1.8750vw;
	font-weight: 700;
	line-height: 2.6042vw;
	margin-bottom: 1.3542vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.support-card-hours {
	font-size: 0.8333vw;
	color: #999999;
}




.sub-menu {
	position: relative;
	white-space: nowrap;
}

.sub-menu .menu-wrapper {
	display: inline-block;
	transition: transform 0.1s ease-out;
	/* 拖动过渡效果 */
}






/* 人才招聘 */

.text-title p {
	padding: 0.3125vw 0;
	line-height: 1.4583vw;
}

.text-title p span {
	display: block;
}

.cruitment-equipment {
	width: 100%;
}

.equipment-wrap {
	position: relative;
	margin-top: 3.7500vw;
}

/* 滚动列表 */
.equipment-list {
	display: flex;
	transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
	user-select: none;
}

.equipment-list .item {
	flex-shrink: 0;
	text-align: center;
	margin: 0 16px;
}

.equipment-list .item img {
	width: 100%;
	object-fit: cover;
	border-radius: 0.8333vw;
	display: block;
	pointer-events: none;
}

/* 左右切换按钮 */
.equipment-wrap .carousel-btn {
	position: absolute;
	top: calc(50% - 1.2500vw);
	width: 2.6042vw;
	height: 2.6042vw;
	background: #f5f8fb;
	color: #00428a;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.equipment-wrap .carousel-btn i {
	font-size: 0.9375vw;
}

.equipment-wrap .carousel-btn:hover {
	background: linear-gradient(to right, #003f97, #0055ff);
	color: #fff;
}

.equipment-wrap .carousel-btn.prev-btn2 {
	left: -4.6875vw;
}

.equipment-wrap .carousel-btn.next-btn2 {
	right: -4.6875vw;
}




.benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.6667vw;
}

.benefit-card {
	position: relative;
	background: white;
	border-radius: 0.8333vw;
	padding: 5.0000vw 1.6667vw;
	text-align: center;
	border: 1px solid #dee8f4;
}

.benefit-num {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 2.0833vw;
	height: 2.0833vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9375vw;
	font-weight: 700;
	border-radius: 0.8333vw 0 0.8333vw 0;
}

.benefit-icon {
	height: 3.1250vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.benefit-title {
	font-size: 1.5625vw;
	font-weight: 700;
	color: #333;
	margin-top: 1.5625vw;
}

.benefit-divider {
	height: 0.1562vw;
	display: block;
	margin: 1.0417vw auto;
}

.benefit-divider img {
	width: 1.8750vw;
}

.benefit-desc {
	font-size: 0.8333vw;
	color: #666;
	line-height: 1.6667vw;
}



.cara-wray .tabs {
	display: flex;
	justify-content: center;
	gap: 0.8333vw;
	margin-bottom: 2.5000vw;
	flex-wrap: wrap;
}

.cara-wray .tab-btn {
	padding: 10px 28px;
	border: none;
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(2px);
	color: #1e293b;
	font-size: 0.9375vw;
	cursor: pointer;
	transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 82, 204, 0.2);
}

.cara-wray .tab-btn.active {
	background: #0052cc;
	color: white;
	border-color: #0052cc;
	font-weight: 600;
	box-shadow: 0 8px 20px rgba(0, 82, 204, 0.25);
	transform: scale(1.02);
}

.cara-wray .tab-btn:hover:not(.active) {
	background: #eef4ff;
	border-color: #0052cc;
	transform: translateY(-2px);
}

.cara-wray .carousel-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(2px);
	padding: 0.6250vw 0;
}

.cara-wray .infinite-track {
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: grab;
	user-select: none;
}

.cara-wray .infinite-track:active {
	cursor: grabbing;
}

.cara-wray .carousel-images {
	display: flex;
	gap: 24px;
	will-change: transform;
	transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.cara-wray .carousel-images.dragging {
	transition: none;
	cursor: grabbing;
}

.cara-wray .carousel-images img {
	flex-shrink: 0;
	width: calc(33.333% - 16px);
	border-radius: 24px;
	object-fit: cover;
	box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.12);
	transition: all 0.3s ease;
	background: #f1f5f9;
	aspect-ratio: 4 / 3;
	filter: brightness(1) saturate(1.02);
	pointer-events: none;
}

.cara-wray .carousel-images img:hover {
	transform: scale(1.02) translateY(-4px);
	box-shadow: 0 20px 32px -12px rgba(0, 82, 204, 0.25);
}

.cara-wray .carousel-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5000vw;
	height: 2.5000vw;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(12px);
	color: #0052cc;
	font-weight: 500;
	cursor: pointer;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.cara-wray .carousel-arrow:hover:not(:disabled) {
	background: linear-gradient(to right, #003f97, #0055ff);
	color: white;
	transform: translateY(-50%) scale(1.08);
	box-shadow: 0 10px 20px rgba(0, 82, 204, 0.3);
}

.cara-wray .carousel-arrow:disabled {
	opacity: 0.35;
	cursor: default;
	backdrop-filter: blur(4px);
}

.cara-wray .carousel-arrow i {
	font-size: 0.9375vw;
}

.cara-wray .carousel-arrow.prev {
	left: 1.2500vw;
}

.cara-wray .carousel-arrow.next {
	right: 1.2500vw;
}

.cara-wray .carousel-indicators {
	display: none;
}

.cara-wray .progress-bar-container {
	width: 100%;
	max-width: 480px;
	margin: 3.1250vw auto 0;
	height: 0.2083vw;
	background: #e2edff;
	border-radius: 20px;
	overflow: hidden;
}

.cara-wray .progress-bar {
	height: 100%;
	background: linear-gradient(90deg, #0052cc, #3b82f6);
	border-radius: 20px;
	width: 0%;
	transition: width 0.3s ease;
}

.cara-wray .hidden-image-library {
	display: none;
}



.cta-section {
	position: relative;
}

.cta-section .container {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 87.5vw;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 9;
}

.cta-content {
	width: 50%;
	text-align: center;
	position: relative;
}

.cta-content .increase-more {
	position: inherit;
	left: 0 !important;
	transform: initial !important;
	margin-top: 2.6042vw;
}

.cta-content .increase-more i {
	transform: rotate(0);
}

.cta-content h2 {
	margin-bottom: 0.8333vw;
	font-weight: initial;
}

.cta-content p {
	margin-top: 0.5208vw;
}


.cta-hand {
	height: 25.0000vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cta-hand img {
	width: 100%;
	height: 100%;
}





/* 服务保障 */

.banner-button {
	margin-top: 3.1250vw;
	display: flex;
	justify-content: center;
	gap: 1.0417vw;
}


.button-white {
	background: #fff;
	color: #333;
}

.button-white img {
	filter: initial;
}


.our-services {
	width: 100%;
	overflow: hidden;
}

.service-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.6667vw;
}

.service-card {
	background: #fff;
	border-radius: 1.2500vw;
	padding: 5.0000vw 1.0417vw;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	cursor: pointer;
	border: 1px solid transparent;
	position: relative;
}


.service-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.0833vw;
}

.service-icon img {
	height: 3.6458vw;
}

.service-title {
	font-size: 1.2500vw;
	font-weight: 700;
	color: #333;
}

.service-tip {
	font-size: 0.8333vw;
	color: #666;
	margin-top: 0.6250vw;

}

.service-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5625vw;
	height: 1.5625vw;
	border-radius: 50%;
	background: linear-gradient(to right, #003f97, #0055ff);
	color: #fff;
	margin-top: 0.7292vw;
}

.s-card-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
	background-color: #fff;
	opacity: 0;
	transition: all .5s;
}

.service-card:hover .s-card-hover {
	opacity: 1;
}

.qr-wrap {
	margin-bottom: 1.1458vw;
}

.qr img {
	height: 8.3333vw;
}


.top-bar {
	margin-top: 2.0833vw;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2.0833vw;
	margin-bottom: 3.6458vw;
	flex-wrap: wrap;
}

.select-dropdown {
	position: relative;
	min-width: 12.5000vw;
}

.select-option {
	display: block;
	width: 90%;
	padding: 0.9375vw 5%;
	border: none;
	border-bottom: 2px solid #e0e7ff;
	background: transparent;
	color: #4b5563;
	cursor: pointer;
	text-decoration: none;
	transition: border-color 0.3s ease;
}

.select-option.active {
	border-color: #00409f;
}

.select-dropdown-box {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.25s ease;
	z-index: 99;
}

.select-dropdown-box.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.select-dropdown-box .select-option {
	border-bottom: 1px solid #f3f4f6;
}

.select-dropdown-box .select-option:hover {
	background: #f0f7ff;
}

.select-arrow {
	position: absolute;
	right: 0.8333vw;
	top: 50%;
	transform: translateY(-50%);
	color: #9ca3af;
	pointer-events: none;
	font-size: 0.9375vw !important;
}

.search-input {
	flex: 1;
	max-width: 400px;
	padding: 0.9375vw 0.8333vw;
	border: none;
	border-bottom: 2px solid #e0e7ff;
	color: #4b5563;
	background: transparent;
	transition: border-color 0.3s ease;
}

.search-input:focus {
	outline: none;
	border-color: #2563eb;
}

.search-btn {
	padding: 0.9375vw 1.5625vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	color: white;
	border: none;
	border-radius: 1.6667vw;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0.7292vw;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
}

.search-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

.search-btn i {
	font-size: 0.9375vw;
}


.main-content {
	display: grid;
	grid-template-columns: 1fr 28.0208vw;
	gap: 1.6667vw;
	align-items: start;
}

.map-container {
	background: white;
	border-radius: 0.8333vw;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	position: relative;
	height: 31.2500vw;
}

.map-wrapper {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #e6f2ff 0%, #f0f8ff 100%);
	position: relative;
}

.map-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.map-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
	padding: 2.0833vw;
	min-width: 26.0417vw;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	border-left: 4px solid #004fdb;
}

.map-popup.active {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
}

.popup-title {
	font-size: 1.2500vw;
	font-weight: 600;
	color: #333;
	margin-bottom: 1.0417vw;
}

.popup-divider {
	width: 1.8750vw;
	height: 0.1562vw;
	background: url(../images/line.png) center center no-repeat;
	background-size: 100% 100%;
	margin-bottom: 1.0417vw;
}

.popup-info {
	display: flex;
	flex-direction: column;
	gap: 0.6250vw;
}

.info-row {
	display: flex;
	align-items: center;
	gap: 2.0833vw;
}

.info-label {
	font-size: 0.8333vw;
	color: #999999;
	min-width: 3.3333vw;
}

.info-value {
	font-size: 0.9375vw;
	color: #333333;
	font-weight: 500;
}

.store-list {
	height: 31.2500vw;
	overflow-X: hidden;
}


.store-item {
	padding: 0 2.6042vw;
	line-height: 5.2083vw;
	border-radius: 0.6250vw;
	background: #f6fafd;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.1458vw;
}

.store-item:last-child {
	margin-bottom: 0;
}

.store-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: #0055ff;
	transform: scaleY(0);
	transition: transform 0.3s ease;
}

.store-item:hover {
	background: #eff6ff;
	transform: translateX(4px);
}

.store-item.active {
	background: linear-gradient(to right, #003f97, #0055ff);
	color: white;
}

.store-item.active::before {
	transform: scaleY(1);
}

.store-item.active:hover {
	transform: none;
}

.store-name {
	font-size: 1.2500vw;
	font-weight: 500;
}



.global-wray {
	margin-bottom: 3.1250vw;
	padding-bottom: 0 !important;
}

.global-wray .container {
	position: relative;
}

.world-wrap {
	position: relative;
	width: 100%;
	margin-top: 3.6458vw;
}

.world-pic {}

.world-pic img {
	position: relative;
	left: 50%;
	margin-left: -50%;
	max-width: initial;
	height: 31.2500vw;
}

.region {
	position: absolute;
	z-index: 9;
	display: flex;
	justify-content: center;
}

.region-dot {
	position: absolute;
	bottom: -1.2500vw;
	width: 0.5208vw;
	height: 0.5208vw;
	border-radius: 50%;
	background: linear-gradient(to right, #003f97, #0055ff);
	z-index: 2;
}

.region-pulse {
	position: absolute;
	bottom: -1.5vw;
	width: 1.0417vw;
	height: 1.0417vw;
	border-radius: 50%;
	background: linear-gradient(to right, #003f97, #0055ff);
	animation: pulse 1s infinite;
	z-index: 1;
	opacity: .2;
}

.region-name {
	font-size: 1.2500vw;
	font-weight: 700;
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.region-usa {
	left: 14%;
	top: 30%;
}

.region-eu {
	left: 45%;
	top: 13%;
}

.region-kr {
	left: 80%;
	top: 18%;
}

.region-asia {
	left: 63%;
	top: 32%;
}

.region-sea {
	left: 85%;
	top: 45%;
}

.stats-row {
	width: 100%;
	position: absolute;
	z-index: 9;
	bottom: 3.7500vw;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6667vw;
}

.stat-card {
	height: 7.2917vw;
	background: #fff;
	border-radius: 0.6250vw;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.1250vw;
	box-shadow: 0 8px 16px rgba(0, 0, 0, .05);
}

.stat-icon img {
	height: 2.9167vw;
}

.stat-text {
	padding-left: 3.1250vw;
	border-left: 1px solid #ddd;
}

.stat-num {
	font-size: 1.8750vw;
	line-height: 1.8750vw;
	font-weight: 800;
	color: #333;
}

.stat-label {
	font-size: 0.8333vw;
	color: #666;
	margin-top: 0.4167vw;
}




/* 荣誉资质 */

.honor-list {
	padding-top: 1.875vw;
	padding-bottom: 3.125vw;
}

.honor-list a {
	display: block;
	float: left;
	width: 23.5%;
	margin-left: 2%;
	margin-top: 3.125vw;
}

.honor-list a .box {}

.honor-list a .pic {
	position: relative;
	overflow: hidden;
	background-color: #f6fafd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1.2500vw;
	padding: 1.5625vw;
	height: 20.8333vw;
}

.honor-list a .pic img {
	max-height: 20.8333vw;
	object-fit: cover;
}

.honor-list a .pic:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a .pic:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/honor_amp.png) center center no-repeat;
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a:hover .pic:before,
.honor-list a:hover .pic:after {
	opacity: 1;
}

.honor-list a:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}

.honor-list a h3 {
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 1.25vw;
	max-height: 1.55vw;
	line-height: 1.55vw;
}



#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out;
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, 0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
	right: 2%;
}

.baguetteBox-button#previous-button {
	left: 2%;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}




/* 发展历程 */
.history-section{
	width: 100%;
	overflow: hidden;
}

        .history-content-wrap {
            position: relative;
        }
        .history-item {
            display: none;
            opacity: 0;
            align-items: center;
            background: #f6fafd;
            border-radius: 1.2500vw;
            overflow: hidden;
        }
        .history-item.active {
            display: grid;
			grid-template-columns: repeat(2,1fr);
            opacity: 1;
        }
		
        .history-text {
            padding: 0 5.0000vw;
            position: relative;
            opacity: 0;
            transform: translateX(-60px);
            transition: all 0.8s ease-out;
        }
        .history-text.ani-in {
            opacity: 1;
            transform: translateX(0);
        }
		
		.history-text .subtitle{
			position: relative;
			margin-bottom: 1.2500vw;
		}

        .history-image {
            opacity: 0;
            transform: translateX(60px);
            transition: all 0.8s ease-out 0.2s; /* 延迟0.2s错开动画 */
			 border-radius: 1.2500vw;
			 overflow: hidden;
        }
        .history-image.ani-in {
            opacity: 1;
            transform: translateX(0);
        }
		
		.history-image img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

        .history-text .year-bg {
            font-size: 9.3750vw;
			line-height: 9.3750vw;
            z-index: 0;
            font-weight: bold;
			background: linear-gradient(to bottom, #dee8f4, #f6fafd);
			-webkit-background-clip: text;
			color: transparent;
        }
		
        .history-text h2 {
            font-size: 2.5000vw;
            background: linear-gradient(to right, #003f97, #0055ff);
            -webkit-background-clip: text;
            color: transparent;
            position: absolute;
            left: 0;
            bottom: 0;
			display: inline-block;
        }
        .history-text .desc {
            font-size: 1.0417vw;
            color: #333;
            line-height: 1.8750vw;
            margin-bottom: 2.6042vw;
            position: relative;
            z-index: 1;
        }
        .history-text ul {
            list-style: none;
            position: relative;
            z-index: 1;
        }
        .history-text ul li {
            font-size: 0.9375vw;
            color: #333;
            line-height: 2.9167vw;
            padding-left: 1.0417vw;
            position: relative;
            border-bottom: 1px dashed #e0e0e0;
			font-weight: bold;
        }
        .history-text ul li::before {
            content: "-";
            color: #0055ff;
            position: absolute;
            left: 0;
        }

        .arrow-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 2.6042vw;
            height: 2.6042vw;
            border-radius: 50%;
            border: none;
            background: #ffffff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            color: #0052d9;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
			display: flex;
			justify-content: center;
			align-items: center;
        }
		
		.arrow-btn i{
			font-size: 0.9375vw;
		}
		
        .arrow-btn:hover {
            background: linear-gradient(to right, #003f97, #0055ff);
            color: #ffffff;
        }
        .arrow-btn.prev {
            left: -4.1667vw;
        }
        .arrow-btn.next {
            right: -4.1667vw;
        }
		




/* 企业文化 */

.hero__content {
    display: grid;
    grid-template-columns: 18.2292vw 1fr;
    gap: 2.5000vw;
    align-items: stretch;
    min-height: 32.2917vw;
}

.hero__nav {
    position: relative;
}

.hero__nav::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #dde7f3;
}

.nav-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}



.nav-item1 {
    display: flex;
    align-items: center;
    padding: 0.9375vw 0 0.9375vw 2.0833vw;
    color: #666666;
    font-size: 1.5625vw;
    position: relative;
    cursor: pointer;
}

.nav-item__text {
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.nav-item__indicator {
	display: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
	background: linear-gradient(to top, #003f97, #0055ff);
    height: 1.4583vw;
}

.nav-item1.is-active .nav-item__indicator{
	display: block;
}

.nav-item1:hover {
    color: #0055ff;
}

.nav-item1:hover .nav-item__text {
    transform: translateX(4px);
}

.nav-item1.is-active .nav-item__text{
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
}


.hero__media {
    position: relative;
    border-radius: 1.2500vw;
    overflow: hidden;
}

.hero__media-card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 32.2917vw;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-media);
    background: #0a1530;
   transition: all 0.3s;
   opacity: 1;
   transform: translateY(0);
}

.hero__media-card[hidden] {
   opacity: 0;
   transform: translateY(20px);
   pointer-events: none;
}

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

.hero__media-circle {
    position: absolute;
    left:0;
    top: 100%;
    transform: translateY(-50%) translateX(-20%);
    width: 43.7500vw;
    height: 43.7500vw;
    border-radius: 50%;
    background: linear-gradient(45deg, rgba(0,63,151,1) 60%, rgba(0,85,255,.2));
    z-index: 2;
    transition: all .5s;
}

.hero__media-card[hidden] .hero__media-circle {
     transform: translateY(0%) translateX(0%);
}

.hero__media-text {
    position: absolute;
    left: 4.1667vw;
    top: 65%;
    transform: translateY(-50%);
    z-index: 3;
    color: white;
    max-width: 60%;
}

.hero__media-title-en {
    font-size: 3.1250vw;
    font-weight: bold;
    margin-bottom: 0.8333vw;
    color: white;
}

.hero__media-title-cn {
    font-size: 3.1250vw;
	font-weight: bold;
    color: white;
}





.values {
    position: relative;
}


.values__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5000vw;
}

.value-card {
    background: url(../images/survey_item_bg.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 0.8333vw;
    padding: 3.7500vw 3.1250vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #dde7f3;
    display: flex;
    flex-direction: column;
	
}

.value-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: auto;
    position: relative;
    z-index: 2;
}

.value-card__heading {
    flex: 1;
}

.value-card__title {
    font-size: 1.8750vw;
    font-weight: bold;
    color: #333;	
    margin-bottom: 0.2083vw;
}

.value-card__subtitle {
    font-size: 0.8333vw;
    color: #999999;
}

.value-card__icon {
    width: 3.3333vw;
    height: 3.1250vw;
    flex-shrink: 0;
}

.value-card__icon img{
    height: 3.1250vw;
}


.value-card__footer {
    margin-top: 5.2083vw;
}

.value-card__divider {
   
}

.value-card__slogan {
    font-size: 2.5000vw;
	font-weight: bold;
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}






/* 解决方案 */

.solution-list{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 3.1250vw;
	margin-bottom: 3.1250vw;
}

.solution-list .item{
}

.solution-list .item a{
	display: block;
	padding: 1.0417vw;
	background-color: #f6fafd;
	border-radius: 0.8333vw;
	overflow: hidden;
}

.solution-list .item a:hover{
	background-color: #fff;
	box-shadow: 0 0 16px rgba(0, 82, 204, 0.1);
	border-radius: 0.8333vw;
	transform: translateY(-6px);
}

.solution-list .item .pic{
	border-radius: 0.6250vw;
	overflow: hidden;
}

.solution-list .item .pic img{
	width: 100%;
}

.solution-list .item .con{
	padding: 1.8750vw 1.5625vw;
}

.solution-list .item .con .subtitle-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.solution-list .item .con .subtitle-wrap i{
	font-size: 1.5625vw;
	color: #666;
	transform: rotate(-45deg);
	transition: all .5s;
}

.solution-list .item:hover .con .subtitle-wrap i{
	transform: rotate(0);
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.solution-list .item .con .subtitle-wrap .subtitle{
	display: flex;
	gap: 0.8333vw;
	align-items: center;
}

.solution-list .item .con .subtitle-wrap .subtitle img{
	height: 1.8750vw;
}

.solution-list .item .con .subtitle-wrap .subtitle h2{
	color: #333;
}

.solution-list .item:hover .con .subtitle-wrap .subtitle h2{
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}


.solution-list .item .con .chara{
	margin-top: 1.2500vw;
	padding-top: 1.0417vw;
	border-top: 1px solid #ddd;
}

.solution-list .item .con .chara p{
	padding: 0.4167vw 0;
	color: #666666;
	padding-left: 1.4583vw;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.solution-list .item .con .chara p:before{
	position: absolute;
	top:50%;
	left: 0;
	width: 0.4167vw;
	height: 0.1042vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	display: block;
	content: "";
}




/* 解决方案内容页 */

.solution-page-con img{
	display: block;
	margin: 0 auto;
	width: 100%;
}


.padding-lr-20{
	padding: 0 20%;
}



.strength-assurance .flickity-enabled {
  position: relative;
  margin-top: 3.1250vw;
  
}

.strength-assurance .flickity-enabled:focus { outline: none; }

.strength-assurance .flickity-viewport {
  overflow: hidden;
  position: relative;
}


.strength-assurance .flickity-slider {
  position: absolute;
  width: 100%;
}


.strength-assurance .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 2.6042vw;
  height: 2.6042vw;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  /* vertically center */
 background: initial;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          outline: initial;
		  background: #fff;
}

.strength-assurance .flickity-prev-next-button:hover{
	background-color: #00428a;
}

.strength-assurance .flickity-prev-next-button:hover .arrow {
  fill: #fff;
}

.strength-assurance .flickity-prev-next-button.previous { left: 6.2500vw; }
.strength-assurance .flickity-prev-next-button.next { right: 6.2500vw; }

.strength-assurance .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.strength-assurance .flickity-prev-next-button svg {
  position: absolute;
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
}

.strength-assurance .flickity-prev-next-button .arrow {
  fill: #00428a;
}


/* color & size if no SVG - IE8 and Android 2.3 */
.strength-assurance .flickity-prev-next-button.no-svg {
  color: #fff;
  font-size: 20px;
}

/* ---- page dots ---- */

.strength-assurance .flickity-page-dots {
  display: none;
}

.strength-assurance .gallery {
  counter-reset: gallery-cell;
}

.strength-assurance .gallery-cell {
  width: 60%;
  height: auto;
  counter-increment: gallery-cell;
  margin: 0 1.0417vw;
  position: relative;
  overflow: hidden;
  border-radius: 1.2500vw;
}


.strength-assurance .gallery-cell.is-selected{
	opacity: 1;
}


.strength-assurance .gallery-cell.is-selected .strength-assurance-con{
	opacity: 1;
}

.strength-assurance .gallery-cell:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 9;
}

.strength-assurance .gallery-cell.is-selected:before{
	display: none;
}

.strength-hot-pic img{
	width: 100%;
}

.strength-assurance-con{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2.6042vw 8%;
	text-align: center;
	background: linear-gradient(to top, rgba(0,69,177,1) 50%, rgba(0,69,177,.1));
}

.strength-assurance-con .subtitle{
	display: flex;
	justify-content: center;
	align-self: center;
	gap: 1.0417vw;
	line-height: 2.0833vw;
	color: #fff;
}

.strength-assurance-con .subtitle img{
	height: 2.0833vw;
}

.strength-assurance-con .text{
	margin-top: 1.2500vw;
	color: #fff;
	line-height: 1.8750vw;
}




.service-system-wray{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 3.1250vw;
}

.service-system-wray .item{
	position: relative;
}

.service-system-wray .item:before{
	position: absolute;
	right: -1.8750vw;
	top: 50%;
	transform: translateY(-50%);
	width: 0.8333vw;
	height: 0.8333vw;
	background: url(../images/case_right_a.png) center center no-repeat;
	background-size: 100%;
	display: block;
	content:"";
}

.service-system-wray .item:last-child:before{
	display: none;
}

.service-system-wray .item .box{
	background-color: #fff;
	border: 1px solid #dee8f4;
	border-radius: 0.8333vw;
	padding: 2.6042vw 2.0833vw;
}

.service-system-wray .item h2{
	font-size: 1.6667vw;
	line-height: 2.0833vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.service-system-wray .item h2 span,.service-system-wray .item p span{
	display: block;
}

.service-system-wray .item img{
	display: block;
	margin: 1.6667vw 0;
}

.service-system-wray .item p{
	font-size: 0.9375vw;
	color: #666666;
}






.product-list{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 1.6667vw;
	margin-bottom: 3.7500vw;
}

.product-list .item{
	
}

.product-list .item a{
	display: block;
	background-color: #f7fafd;
	border: 1px solid #dee8f4;
	border-radius: 0.8333vw;
	text-align: center;
}

.product-list .item a:hover{
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 16px rgba(0, 82, 204, 0.1);
}


.product-list .item .pic{
	padding: 1.8750vw 1.2500vw;
	padding-bottom: initial;
	height: 14.5833vw;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.product-list .item .pic img{
	max-width: 12.5000vw;
	max-height: 13.0208vw;
}

.product-list .item .con{
	padding: 2.5000vw 1.2500vw;
}

.product-list .item .con h2{
	color: #333;
	font-size: 1.0417vw;
	line-height: 1.5625vw;
}

.product-list .item .con p{
	color: #666;
	font-size: 0.8333vw;
	line-height: 1.2500vw;
	margin-top: 0.4167vw;
}




.product-list-menu-wray{
	background-color: #f6fafd;
}

.pro-submenu{
	
}

.pro-submenu ul{
	display: flex;
	justify-content: center;
}

.pro-submenu ul li{
	
}

.pro-submenu ul li a{
	color: #333333;
	text-align: center;
	display: block;
	width: 10.4167vw;
	padding: 2.6042vw 0;
	position: relative;
}

.pro-submenu ul li a:hover{
	color: #0055ff;
}

.pro-submenu ul li img{
	height: 2.5vw;
}

.pro-submenu ul li.active a{
	background: linear-gradient(to right, #003f97, #0055ff);
	-webkit-background-clip: text;
	color: transparent;
}

.pro-submenu ul li.active a:before{
	position: absolute;
	display: block;
	content: "";
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 2.0833vw;
	height: 0.1562vw;
	background: linear-gradient(to right, #003f97, #0055ff);
}

.pro-submenu ul li span{
	display: block;
	margin-top: 1.25vw;
}



.i-pro-hot{
	    position: relative;
		height: 29.1667vw;
}

.i-pro-hot .item{
	border-radius: 1.2500vw;
	overflow: hidden;
}

.leftdiv{
	left: 0;
	top: 0;
	width: 54%;
	position: absolute;
	height: 29.1667vw;
	z-index: 1;
	 transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.leftdiv .pic{
	position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #ddd;
	    transform: skew(-16.15deg);
	    transform-origin: left top;
	    z-index: 1;
	    overflow: hidden;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
		border-radius: 1.2500vw;
		width: 100%;
}

.leftdiv .pic .bg{
	position: absolute;
	    left: 5%;
	    top: 0;
	    transform: skew(16.15deg);
	    width: 105%;
	    height: 100%;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
}



.rightdiv{
	right: 0;
	top: 0;
	width: 54%;
	position: absolute;
	height: 29.1667vw;
	z-index: 1;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}


.rightdiv .pic{
	position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #ddd;
	    transform: skew(-16.15deg);
	    transform-origin: right bottom;
	    border-radius: 0.16rem;
	    z-index: 1;
	    overflow: hidden;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
		border-radius: 1.2500vw;
		width: 100%;
}

.rightdiv .pic .bg{
	    position: absolute;
	    right: 5%;
	    top: 0;
	    transform: skew(16.15deg);
	    width: 105%;
	    height: 100%;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
}


.i-pro-hot .item .pic img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.i-pro-hot .item:first-child{
	margin-left: 0
}

.i-pro-hot .item .con{
	position: absolute;
	top: 50%;
	left:0;
	transform: translateY(-50%);
	z-index: 9;
	width: 30.2083vw;
}

.i-pro-hot .item .con .box{
	padding: 4.1667vw 2.6042vw;
}

.i-pro-hot .item.rightdiv .con{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: initial;
	z-index: 9;
	width: 28.0208vw;
	text-align: right;
}

.i-pro-hot .item.rightdiv .button{
	float: right;
}

.i-pro-hot .item .subtitle img{
	height: 3.1250vw;
}

.i-pro-hot .item .chara{
	margin-top: 5.7292vw;
}

.i-pro-hot .item .chara p{
	margin-top: 0.4167vw;
}

.i-pro-hot .item .button{
	margin-top: 6.2500vw;
}




/* 产品内容页 */

.product-page-exhibition{
	width: 50%;
	position: relative;
	overflow: hidden;
	border-radius: 1.2500vw;
	overflow: hidden;
}

.product-page-exhibition .slides {
	height: 43.7500vw;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.product-page-exhibition .slide {
	float: left;
	clear: none;
}


.product-page-exhibition .pic-box img{
	max-width: initial;
	width: 100%;
	object-fit: cover;
}

.product-page-exhibition .slider-arrow {
	position: absolute;
	margin-bottom: -1.0417vw;
	width: 2.0833vw;
	height: 2.0833vw;
	line-height: 2.0833vw;
	text-decoration: none;
	text-align: center;
	font-size: 0;
	background-color: #f6fafd;
	border-radius: 50%;
	opacity: 1;
}

.product-page-exhibition .slider-arrow--right {
	bottom: 50%;
	right: 1.5625vw;
	background-image: url(../images/case_right_a.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}
.product-page-exhibition .slider-arrow--left {
	bottom: 50%;
	left: 1.5625vw;
	background-image: url(../images/case_left_a.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}


.product-page-exhibition .slider-arrow:hover {
	background-color: #0055ff;
}

.product-page-exhibition .slider-arrow--right:hover {
	background-image: url(../images/case_right.png);
}
.product-page-exhibition .slider-arrow--left:hover  {
	background-image: url(../images/case_left.png);
}


.product-page-exhibition .slider-nav {
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.product-page-exhibition .slider-nav__item {
    display: inline-block;
    width: 5.0000vw;    
    height: 5.0000vw;   
    margin: 0 0.5208vw;  
    background-size: cover;       
    background-position: center;  
    cursor: pointer;
    border: 2px solid #fff; 
    border-radius: 0.4167vw;
    transition: all 0.3s;
	background-color: #fff;
	opacity: .6;
}

.product-page-exhibition .slider-nav__item--current {
    border: 2px solid #0055ff; 
	opacity: 1;
}


.product-page-con{
	width: 50%;
	height: 43.7500vw;
	display: flex;
	align-items: center;
}

.product-page-con .box{
	width: 85%;
	padding-left: 15%;
}

.product-page-con .subtitle span{
	padding: 0 1.0417vw;
	line-height: 1.8750vw;
	border-radius: 0.9375vw;
	display: inline-block;
}


.product-page-con .chara{
	margin-top: 2.0833vw;
	padding-top: 1.6667vw;
	border-top: 1px solid #ddd;
}

.product-page-con .chara ul li{
	display: grid;
	justify-content: space-between;
	grid-template-columns: 7.2917vw 1fr;
	padding: 0.3125vw 0;
	line-height: 1.8750vw;
	color: #333;
}

.product-page-con .chara ul li strong{
	position: relative;
}

.product-page-con .chara ul li strong:before{
	position: absolute;
	top: .58vw;
	right: 1.4583vw;
	width: 2px;
	height: 0.8333vw;
	background-color: #ccc;
	display: block;
	content: "";
}

.product-page-con .chara ul li span{
	
}


.product-page-wray{
	margin-bottom: 3.1250vw;
}

.product-page-wray img{
	width: 100%;
}




/* 首页 */



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

.index-banner .carousel-slide img.pc {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.index-banner .carousel-indicators {
	bottom: 40px;
}

.index-banner .carousel-controls span{
	display: none;
}


.responsive-carousel {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.carousel-container {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-slide {
	text-align: center;
	width: 100%;
	background-color: #00428a;
	position: relative;
}

.carousel-slide a{
	display: block;
	position: relative;
	z-index: 9;
}


.carousel-indicators {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.carousel-indicators span {
	display: inline-block;
	width: 20px;
	height: 6px;
	margin: 0 5px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.5s;
}

.carousel-indicators span.active {
	width: 30px;
	background-color: #00428a;
	transition: all 0.5s;
}





.i-p-wray .tabs-3 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 8.3333vw;
	position: relative;
	z-index: 9;
}

.i-p-wray .tabs-3 a.active{
	height: 8.3333vw;
	border-radius: 0.6250vw;
	background: linear-gradient(to right, #003f97, #0055ff);
}

.i-p-wray .tabs-3 a {
	display: flex;
	    justify-content: center;
	    align-items: center;
		align-content: center;
		flex-wrap: wrap;
	    position: relative;
	    width: 12.5000vw;
	    height: 5.7292vw;
	    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
	    background: #fff;
	    cursor: pointer;
}

.i-p-wray .tabs-3 a.active img{
	filter: brightness(0) invert(1000%);
}

.i-p-wray .tabs-3 a img{
	position: relative;
	    height: 2.1875vw;
	    margin: 0 auto;
		display: block;
}

.i-p-wray .tabs-3 a.active h2{
	color: #fff;
}

.i-p-wray .tabs-3 a h2{
	font-weight: 500;
	width: 100%;
	text-align: center;
	color: #333333;
	margin-top: 0.5208vw;
	line-height: 1.2500vw;
}

.i-p-wray .tabs-3 a.active i{
	width: 1.2500vw;
	height: 1.2500vw;
	margin: 0.7292vw auto 0;
}

.i-p-wray .tabs-3 a i{
	width: 0;
	height: 0;
	margin: 0 auto 0;
	border-radius: 50%;
	overflow: hidden;
	transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	background-color: #fff;
	color: #0055ff;
	display: flex;
	justify-content: center;
	align-items: center;
}


.tab-item{
	position: relative;
	transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	margin-top: 0;
	opacity: 0;
	height: 0;
}


.tab-item.active{
	opacity: 1;
	height: auto;
	transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	margin-top: -1.2500vw;
}


.i-pro-list{
	margin-top: 1.6667vw;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1.6667vw;
}

.i-pro-list .pic {
	overflow: hidden;
	border-radius: 0.8333vw;
}

.i-pro-list .pic img{
	width: 100%;
}

.i-pro-list .subtitle{
	margin-top: 1.0417vw;
}

.i-pro-list .subtitle h2{
	font-weight: initial;
	color: #333333;
	text-align: center;
	transition: all .5s;
}

.i-pro-list .item:hover .subtitle h2{
	color: #0055ff;
}





.index-adv{
	background: url(../images/index_adv_bg.jpg) center center no-repeat;
	background-size: cover;
}


.reasons-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1.6667vw;
}

.reason-card{
	background-color: #fff;
	border-radius: 0.8333vw;
	padding: 3.6458vw 3.1250vw;
	position: relative;
}

.reason-icon img{
	height: 3.1250vw;
}

.reason-title{
	margin-top: 4.1667vw;
	font-size: 2.0833vw;
	color: #333333;
	line-height: 2.6042vw;
}

.reason-title span{
	display: block;
}

.reason-divider {
	margin-top: 1.2500vw;
}

.reason-divider img{
	display: block;
	width: 1.8750vw;
}


.reason-desc{
	line-height: 1.6667vw;
	color: #757575;
	margin-top: 1.6667vw;
}


.reason-dec{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 7.8125vw;
	line-height: 7.8125vw;
	color: transparent;
	-webkit-text-stroke: 2px #eff5fa;
}




.index-solution-wray{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 1.6667vw;
}

.index-solution-wray .item{
	position: relative;
	border-radius: 0.8333vw;
	overflow: hidden;
	padding: 3.1250vw 2.5000vw;
	display: block;
	background-color: #f7fafd;
}

.index-solution-wray .item a{
	position: relative;
	z-index: 9;
}

.index-solution-wray .item:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.3125vw;
	background: linear-gradient(to right, #003f97, #0055ff);
	display: block;
	content: "";
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-solution-wray .item:hover:before{
	height: 100%;
}


.i-s-icon img{
	height: 2.6042vw;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-solution-wray .item:hover .i-s-icon img{
	filter: brightness(0) invert(1000%);
}

.i-s-title h2{
	color: #333;
	line-height: 1.6667vw;
	margin-top: 2.5000vw;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-solution-wray .item:hover .i-s-title h2{
	color: #fff;
}


.i-s-chara{
	margin-top: 1.2500vw;
}

.i-s-chara p{
	position: relative;
	color: #666666;
	line-height: 1.2500vw;
	font-size: 0.8333vw;
	padding-left: 1.0417vw;
	margin: 0.4167vw 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-solution-wray .item:hover .i-s-chara p{
	color: rgba(255, 255, 255, .7);
}

.i-s-chara p:before{
	position: absolute;
	left: 0;
	top: 0.6250vw;
	width: 0.4167vw;
	height: 2px;
	display: block;
	background: linear-gradient(to right, #003f97, #0055ff);
	content: "";
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-solution-wray .item:hover .i-s-chara p:before{
	background: rgba(255, 255, 255, .7);
}

.i-s-more{
	margin-top: 6.2500vw;
}

.i-s-more i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.0833vw;
	height: 2.0833vw;
	border-radius: 50%;
	background-color: #fff;
	font-size: 0.8333vw;
	color: #0055ff;
	transform: rotate(-45deg);
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-solution-wray .item:hover .i-s-more i{
	transform: rotate(0);
}

.black-b{
	background: #fff;
	color: #333;
	border: 1px solid #666;
	line-height: 2.2917vw;
	height: 2.2917vw;
	padding: 0 0.2vw 0 1.5625vw;
	margin-top: 3.7500vw;
}

.black-b i{
	background: #333;
	color: #fff;
	transform: initial;
	margin-top: 0.20vw;
	margin-left: 1.4583vw;
}

.black-b:hover{
	background: linear-gradient(to right, #003f97, #0055ff);
	color: #fff;
	border: 1px solid #0055ff;
}

.black-b:hover i{
	background: #fff;
	color: #0055ff;
}



.index-case{
	background-color: #003f97;
}

.index-case .tabs-vertical {
	position: relative;
}

.index-case .tabs-vertical .tabs-content-placeholder .tab-content{
    display: none;
	overflow: hidden;
}

.index-case .container{
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 87.5vw;
	height: 80%;
	display: flex;
	align-items: center;
	z-index: 9;
}

.tab-content .text{
	width: 30%;
	margin-left: 5%;
}

.index-case .container .text h2{
	font-size: 2.5vw;
	color: #fff;
	line-height: 3.125vw;
	max-height: 6.2500vw;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.index-case .container .text p{
	font-size: 0.9375vw;
	color: #fff;
	line-height: 1.6667vw;
	max-height: 3.3333vw;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 1.2500vw;
}


.index-case .pic img{
	max-width: initial;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	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;
}


.black-y{
	background: linear-gradient(to right, #003f97, #0055ff);
	border: initial;
	color: #fff;
	left: 0;
	transform: initial !important;
}

.black-y i{
	background: #fff;
	color: #0055ff;
}

.black-y:hover{
	border: initial;
}


.index-case .tabs-vertical .tabs-content-placeholder .tab-content.tab-content-active{
    display: block;
}



.index-case .outlets-tab{
	width: 87.5vw;
	position: absolute;
	bottom: 3.1250vw;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	gap: 1px;
}

.index-case .outlets-tab li{
	width: 100%;
	cursor: pointer;
	background-color: rgba(255, 255, 255, .9);
}

.index-case .outlets-tab li a{
	opacity: 1;
	 transition: all 0.5s;
}

.index-case .outlets-tab li a:hover{
	opacity: 1;
}

.index-case .outlets-tab li a{
	height: 6.2500vw;
	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;
}

.index-case .outlets-tab li a.tab-active {
	background: linear-gradient(to right, #003f97, #0055ff);
	opacity: 1;
}

.index-case .outlets-tab li a img{
	height: 1.6667vw;
}

.index-case .outlets-tab li a.tab-active img{
	filter: brightness(0) invert(100%);
}

.index-case .outlets-tab li a span{
	font-size: 1.0417vw;
	color:#333;
	margin-left: 1.0417vw;
}

.index-case .outlets-tab li a.tab-active span{
	color:#fff;
}





.index-about{
	background: url(../images/index_about_bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.index-about-wray{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	padding-left: 6.25vw;
}

.i-a-text{
	padding-right: 5.0000vw;
}

.i-a-text .subtitle{
	padding-top: 0.9375vw;
}

.i-a-text .subtitle p{
	line-height: 2.9167vw;
}

.i-a-text .subtitle p span{
	display: block;
}

.i-a-text .text{
	padding-top: 1.8750vw;
	margin-bottom: 2.5000vw;
	line-height: 1.6667vw;
	color: #666666;
}

.i-a-text .text p{
	text-align: justify;
}

.index-brand-chara {
	padding: 0 6.25vw;
}

.index-brand-chara p{
	color: #757575;
}

.index-brand-chara em{
	font-weight: bold;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
}



.i-a-pic{
	border-radius: 1.6667vw;
	overflow: hidden;
	position: relative;
	transform: skew(-10deg);
	transform-origin: right bottom;
}

.i-a-pic .box{
	transform: skew(10deg);
}

.i-a-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-left: -5%;
}



.i-play-button-box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
}

.i-play-button-box .play-button{
	background-color: #014099;
}

.i-play-button-box .play-button:before{
	background-color: #fff;
	opacity: .4;
	z-index: -1;
}

.i-play-button-box .play-button::after{
	background-color: #014099;
}

.i-play-button-box .play-button img{
	height: 1.25vw;
	width: initial;
	margin-left: initial;
}


.index-news-wray{
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(3,1fr);
	gap: 1.6667vw;
}

.index-news-wray .item{
	background-color: #f7fafd;
	position: relative;
}

.index-news-wray .item a{
	display: block;
}

.index-news-wray .item .pic{
	overflow: hidden;
}

.index-news-wray .item .pic img{
	width: 100%;
}

.index-news-wray .item .type{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .4);
	line-height: 1.8750vw;
	padding: 0 0.7292vw;
	color: #fff;
}

.index-news-wray .textbox{
	padding: 2.0833vw;
}

.index-news-wray .textbox h2{
	line-height: 1.8750vw;
	color: #333;
	transition: .5s;
}

.index-news-wray .item:hover .textbox h2{
	color: #0055ff;
}


.index-news-wray .textbox .info{
	line-height: 1.2500vw;
	gap: 2.0833vw;
	color: #757575;
	margin-top: 0.8333vw;
}

.index-news-wray .textbox .info img{
	height: 0.9375vw;
}

.index-news-wray .textbox .info .content-cyflex{
	gap: 0.5208vw;
}

.index-news-wray .big:hover .textbox .info img{
	 transform: initial !important;
}

.index-news-wray .textbox .text{
	color: #666666;
	line-height: 1.6667vw;
	margin-top: 1.4583vw;
}

.index-news-wray .news-item{
	padding: 2.2917vw 2.0833vw;
}

.index-news-wray .news-item a{
	padding: 0.8333vw 0;
}

.index-news-wray .news-item h2{
	line-height: 1.2500vw;
	color: #333333;
	transition: .5s;
}

.index-news-wray .news-item a:hover h2{
	color: #0055ff;
}

.index-news-wray .news-item .time{
	line-height: 1.2500vw;
	color: #666666;
	margin-top: 0.5208vw;
}



.button-wray{
	gap: 1.6667vw;
}

.button-wray .increase-more{
	position: initial;
	transform: initial !important;
}




/* 品牌介绍 */

.about-factory{
	position: relative;
}

.about-factory .container{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 90%;
}

.about-factory .pic img{
	width: 100%;
}



/* 整体容器 */
        .strength-equipment-wrap {
            position: relative;
        }

        .carousel-viewport {
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        /* 滑动轨道：使用grid布局实现“永远两排，横向扩展”，完美符合“两排，新增延长总宽度” */
        .carousel-track {
                    display: grid;
                    grid-auto-flow: column;      /* 横向排布，先填满两行再向右增加列 */
                    grid-template-rows: auto auto; /* 固定上下两排 */
                    gap: 1.6667vw;                  /* 间距默认，js会动态根据屏幕调整 */
                    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
                    will-change: transform;
                    cursor: grab;
                }

        .carousel-track:active {
            cursor: grabbing;
        }

        .strength-equipment-wrap .item {
            flex-shrink: 0;
            box-sizing: border-box;
			position: relative;
        }

        /* 图片区域 */
        .strength-equipment-wrap .pic {
            width: 100%;
			 pointer-events: none;
			 overflow: hidden;
			 border-radius: 0.4167vw;
        }

        .strength-equipment-wrap .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 标题样式 */
        .strength-equipment-wrap h3 {
           color: #333333;
		   text-align: center;
		   width: 100%;
		   font-weight: initial;
		   margin-top: 0.9375vw;
        }

        /* 左右按钮公用样式 */
        .strength-equipment-wrap .carousel-btn {
            position: absolute;
            top: 40%;
            width: 3.1250vw;
            height: 3.1250vw;
			background: linear-gradient(to right, #003f97, #0055ff);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s;
            z-index: 10;
			color: #fff;
			opacity: 1;
        }

		.strength-equipment-wrap .carousel-btn.disabled-btn{
			background: #f6fafd;
			color: #00428a;
			opacity: .6;
		}
		
		.strength-equipment-wrap .carousel-btn i {
		    font-size: 1.2500vw;
		}

        .strength-equipment-wrap .prev-btn2 {
            left: -4.6875vw;
        }

        .strength-equipment-wrap .next-btn2 {
            right: -4.6875vw;
        }




.about-honor{
	background: url(../images/about_honor_bg.jpg) center center no-repeat;
	background-size: cover;
}


/* 轮播基础样式 */
.honor-slider-wrapper {
  position: relative;
              width: 100%;
}

.about-honor-list {
	 display: flex;
	  flex-wrap: nowrap;
	  transition: transform 0.4s ease;
	  user-select: none;
	  cursor: grab;
}

.about-honor-list:active {
  cursor: grabbing;
}


.about-honor-list a {
	flex: 0 0 auto;
	  margin-right: 1.6667vw; /* 这里修改间距，JS 会自动读取 */
}

.about-honor-list a:last-child {
  margin-right: 0 !important;
}

.about-honor-list a .box {}

.about-honor-list a .pic {
	position: relative;
	border-radius: 16px;
	height: 18.75vw;
	overflow: hidden;
}

.about-honor-list a .pic img {
	max-height: 100%;
	max-width: 90%;
	 pointer-events: none;
}

.about-honor-list a h3 {
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 1.25vw;
	max-height: 1.55vw;
	line-height: 1.55vw;
}



/* 左右按钮 */
.honor-slider-wrapper .slider-btn {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 3.1250vw;
  height: 3.1250vw;
  background: rgba(0,68,138,.2);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9;
  transition: 0.2s;
}
.honor-slider-wrapper .slider-btn:hover {
  background: #00428a;
  color: #fff;
}

.honor-slider-wrapper .slider-btn i{
	font-size: 0.9375vw;
}
.honor-slider-wrapper .prev-btn {
  left: -4.1667vw;
}
.honor-slider-wrapper .next-btn {
  right: -4.1667vw;
}


.m-center{
	left: 50%;
	transform: translateX(-50%) !important;
}



.partner-wray{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 1.2500vw;
}

.partner-wray .item{
	background: #f5f9fc;
	border-radius: 0.6250vw;
	padding: 1.5625vw 2.0833vw;
}

.partner-wray .item img{
	max-width: 7.2917vw;
	max-height: 4.6875vw;
}




/* 合作加盟 */

.join-banner{
	position: relative;
}

.join-banner .container{
	position: absolute;
	text-align: center;
	top: 7.2917vw;
}

.join-banner .container .wz1{
	font-size: 3.3333vw;
	font-weight: bold;
	letter-spacing: 3px;
}

.join-banner .container .wz1 em{
	margin-left: 2.5000vw;
}

.join-banner .container .wz2{
	margin-top: 1.0417vw;
	text-transform: uppercase;
}

.join-banner .container .wz1 .s9,.join-banner .container .wz1 .s10,.join-banner .container .wz1 .s11{
	background: linear-gradient(to top, #b88c5c, #f9eec9);
	-webkit-background-clip: text;
	color: transparent;
}


.join-banner .wz1 i {
    animation: wzbeat 4s cubic-bezier(0.36,0,0.65,1) infinite alternate;
    opacity: 1;
    transform: translateY(-0.5208vw);
    display: inline-block
}

.join-banner .wz1 i.s2 {
    animation-delay: 0.1s
}

.join-banner .wz1 i.s3 {
    animation-delay: 0.2s
}

.join-banner .wz1 i.s4 {
    animation-delay: 0.3s
}

.join-banner .wz1 i.s5 {
    animation-delay: 0.4s
}

.join-banner .wz1 i.s6 {
    animation-delay: 0.5s
}

.join-banner .wz1 i.s7 {
    animation-delay: 0.6s
}

.join-banner .wz1 i.s8 {
    animation-delay: 0.7s
}

.join-banner .wz1 i.s9 {
    animation-delay: 0.8s
}

.join-banner .wz1 i.s10 {
    animation-delay: 0.9s
}

.join-banner .wz1 i.s11 {
    animation-delay: 1s
}

@keyframes wzbeat {
    0% {
        opacity: 0;
        transform: translateY(-0.8333vw)
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    90% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-0.8333vw)
    }
}




.join-about-wray{
	background-color: #fff;
	padding-left: 0;
}


.j-a-text{
	padding: 0 3.6458vw;
}

.j-a-text .text{
	margin-top: 0;
}

.j-a-pic{
	transform: initial;
	border-radius: 1.2500vw;
}

.j-a-pic img {
    margin-left: 0;
}

.j-a-pic .box {
    transform: initial;
}


.join-brand-chara{
	padding: 0;
}

.join-brand-chara .item{
	display: flex;
	gap: 2.0833vw;
}

.join-brand-chara .item .j-c-icon{
	
}

.join-brand-chara .item .j-c-icon img{
	height: 2.6042vw;
}



.join-title-text p{
	padding: 0 17%;
	line-height: 1.6667vw;
}



.join-factory-list a .pic {
	border-radius: 0.6250vw;
	height: 16.6667vw;
}

.join-factory-list a .pic img {
	max-height: 100%;
	height: 100%;
	max-width: 100%;
	 pointer-events: none;
}



.join-partner{
	background-color: #004ab0;
}



.service-assurance{
	padding-bottom: initial !important;
}

.service-assurance img{
	width: 100%;
}



.join-adv-wray{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 1.2500vw;
}

.join-adv-wray .item{
	background: #fff url(../images/join_adv_bg.jpg) center center no-repeat;
	border-radius: 0.6250vw;
	padding: 2.0833vw 1.6667vw;
}

.join-adv-wray .item .icon{
	text-align: right;
}

.join-adv-wray .item .icon img{
	height: 2.6042vw;
}

.join-adv-wray .item .textbox{
	margin-top: 1.8750vw;
}

.join-adv-wray .item .textbox img{
	display: block;
	margin-top: 0.9375vw;
	width: 1.8750vw;
}

.join-adv-wray .item .textbox p{
	margin-top: 1.3542vw;
	line-height: 1.2500vw;
}



.cooperative-model-wray{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 2.5000vw;
}

.cooperative-model-wray .item{
	background-color: #f6fafd;
	padding: 1.0417vw;
	border-radius: 0.8333vw;
	padding-bottom: initial;
}

.cooperative-model-wray .item .pic{
	border-radius: 0.6250vw;
	overflow: hidden;
}

.cooperative-model-wray .item .textbox{
	text-align: center;
	padding: 1.6667vw 0;
}

.cooperative-model-wray .item .textbox h3{
	font-size: 1.5625vw;
	color: #333;
}

.cooperative-model-wray .item .textbox p{
	font-size: 0.9375vw;
	color: #666;
	margin-top: 0.6250vw;
}