@charset "utf-8";

.head-tran {}

.head-tran .header {
	height: 70px;
}

.head-primary .head-height {
	height: 70px;
}

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


.logo {
	float: left;
	height: 70px;
}

.logo h1 img {
	height: 36px;
}

.main-right {
	display: flex;
	margin-right: 0px;
	line-height: 70px;
}

.right-serach {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 100%;
	margin-left: 15px;
}

.serach-icon {
	height: 20px;
}


.Whead-search {
	display: none;
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	height: 200px;
	border-bottom: solid 5px #005ca1;
}

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

.Whead-search .hide-pic {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 40px;
	height: 40px;
	transform: translateX(-20px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.Whead-search .hide-pic i {
	font-size: 24px;
}

.Whead-search .search-box {
	margin-top: 50px;
}

.Whead-search .search-box .input-box {
	margin: 0 10%;
}

.Whead-search .search-box .input-box input {
	width: 92%;
	padding: 0 4%;
	height: 50px;
	font-size: 16px;
}


.not-tel {
	line-height: 70px;
	font-size: 16px;
	margin-left: 20px;
	letter-spacing: 0;
}

.tel-icon {
	height: 28px;
	margin-right: 10px;
}



.container {
	max-width: 90%;
}


.main-box {
	padding-right: 50px;
}


#starlist:after {
	top: 70px;
}


#starlist {
	top: 70px;
}

#mnavh {
	position: absolute;
	z-index: 99;
	display: block;
	margin: 23px 0 0 0;
	width: 28px;
	height: 28px;
	float: right;
	right: 2%;
	cursor: pointer;
}




.page-banner .con span {
	font-size: 15px;
}

.pc {
	display: none;
}

.phone {
	display: block;
}

.padding-box-130 {
	padding: 60px 0;
}




.list-menu {
	height: 56px;
	position: relative;
	z-index: 99999 !important;
	background: linear-gradient(to right, #003f97, #0055ff);
}

.list-menu .container {
	max-width: 100%;
}

.list-cru {
	display: none;
}



/* .submenu{
	float: left;
	width: 100%;
	text-align: center;
}

.submenu ul li{
	margin: 0 14px;
	line-height: 70px;
	font-size: 16px;
} */

.submenu ul li a:after {
	display: none;
}

.submenu {
	width: 100%;
	position: relative;
	z-index: 9999999;
	font-size: 18px;
	color: #fff;
}

.submenu::before {
	content: attr(data-current);
	display: block;
	cursor: pointer;
	position: relative;
	line-height: 56px;
	padding-left: 5%;
}

.submenu::after {
	content: "▼";
	position: absolute;
	right: 5%;
	top: 15px;
	font-size: 12px;
	pointer-events: none;
}

.submenu ul {
	display: none;
	flex-direction: column;
	gap: 0;
	background: #fff;
	border-bottom: 4px solid #0055ff;
	position: absolute;
	width: 100%;
	border-radius: 12px;
}

.submenu.open ul {
	display: block;
	padding: 10px 0;
}

.submenu ul li {
	display: block;
	margin-right: 0;
	line-height: 56px;
}

.submenu ul li a {
	padding: 0 5%;
	border-bottom: 1px solid #eee;
}

.submenu ul li:last-child a {
	border-bottom: none;
}

.submenu ul li.active a {
	background: initial;
	color: #0055ff;
}


.g-title b {
	font-size: 24px;
	letter-spacing: 0;
}

.g-title h2 {
	font-size: 32px;
	margin-top: 0;
}

.g-title p {
	font-size: 15px;
	margin-top: 10px;
	line-height: 26px;
}

.hot-item {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.hot-item img {
	max-width: 100%;
	height: auto;
}

.text-box {
	width: 90%;
	padding: 24px 5%;
}

.text-box h2 {
	font-size: 20px;
	line-height: 36px;
	height: 36px;
}



.hot-list {
	margin-top: 20px;
	width: 100%;
}

.hot-list .item a {
	padding: 17px 22px;
	border-radius: 12px;
	margin-top: 10px;
}

.hot-list .item a:before {
	height: 2px;
}

.hot-list .item span {
	font-size: 14px;
}

.hot-list .item .info {
	margin-top: 5px;
}

.hot-list .item h2 {
	line-height: 32px;
	height: 32px;
	font-size: 16px;
}




.padding-box-100 {
	padding: 60px 0;
}

.itemlist-3 .item {
	width: 48%;
	margin-left: 4%;
	margin-bottom: 30px;
	float: left;
}

.itemlist-3 .item:nth-child(3n+1) {
	margin-left: 4%;
	clear: initial;
}

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

.news-list .item {
	border-radius: 12px;
}

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

.news-list .item .pic {
	border-radius: 8px;
}

.news-list .item .con {
	padding: 10px 20px 20px;
}

.news-list .item .text span {
	font-size: 12px;
}

.news-list .item .text h2 {
	line-height: 26px;
	height: 52px;
	font-size: 16px !important;
}


.view-details {
	margin-top: 15px;
	font-size: 14px;
}

.view-details i {
	font-size: 14px;
	margin-left: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.increase-more {
	line-height: 50px;
	border-radius: 25px;
	height: 50px;
	padding: 0 5px 0 25px;
	font-size: 14px;
}

.increase-more i {
	width: 30px;
	height: 30px;
	line-height: 36px;
	font-size: 16px;
	margin-left: 25px;
	margin-top: 7px;
}




.public-mess {
	border-radius: 12px;
	margin: 0 6% 50px;
	background: #ecf2f9;
}

.p-m-con {
	position: initial;
	left: initial;
	top: initial;
	width: 88%;
	padding: 40px 6%;
}

.p-m-box {
	margin-top: 30px;
}

.p-m-t {
	display: block;
}

.p-m-box .item {
	width: 100%;
	margin-top: 15px;
}

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

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


.p-m-box .item input {
	height: 50px;
	padding: 0 3% 0 22%;
	width: 75%;
	border-radius: 0.5208vw;
	font-size: 15px;
}

.p-m-box .item p {
	left: 3%;
	line-height: 50px;
	gap: 10px;
	font-size: 15px;
}

.p-m-box .item p img {
	height: 16px;
}

.mess-note p {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}

.public-mess .bg {
	display: none;
}




.foot {
	padding: 60px 0 50px;
	background-size: auto 37.5000vw;
}

.foot .container {
	position: relative;
}

.foot-con {
	width: 100%;
}


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

.foot-contact ul li {
	margin-top: 20px;
}

.foot-contact ul li span {
	font-size: 15px;
}

.foot-contact ul li p {
	margin-top: 10px;
	font-size: 18px !important;
}


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

.foot-rwm ul li {
	width: 110px;
	margin-left: initial;
	margin-right: 20px;
}

.foot-rwm ul li p {
	margin-top: 10px;
	font-size: 12px;
}


.external-platform {
	margin-top: 0px;
	position: absolute;
	top: 0;
	right: 0;
}

.external-platform ul li {
	margin-left: 15px;
}

.external-platform ul li a {
	width: 45px;
	height: 45px;
}

.external-platform ul li a img {
	max-height: 18px;
	max-width: 30px;
}


.foot-menu {
	display: none;
}



.foot-copy {
	padding-top: 50px;
}

.copy-box {
	font-size: 14px;
	width: 63%;
}

.external-link {
	width: 34%;
}

.copy-text {
	padding: 5px 0;
	margin-top: 0;
}

.copy-menu {
	margin-top: 12px;
}

.copy-text span,
.copy-menu span {
	margin: 0 8px;
}

.tech {
	text-align: right;
	margin-top: 16px;
	font-size: 14px;
}


.link {
	position: relative;
	width: 100%;
}

.friend-link-header {
	height: 40px;
	padding: 0 15px;
	border-radius: 4px;
	font-size: 15px;
}

.arrow-icon {
	width: 6px;
	height: 6px;
	border: solid 2px #0F5499;
	border-top: none;
	border-right: none;
}

.friend-link-content {
	max-height: 500px;
	position: absolute;
	bottom: 40px;
	border-radius: 6px;
	width: 84%;
	padding: 10px 8%;
}

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

.link-list li a {
	font-size: 15px;
	line-height: 32px;
}





/* 新闻内容页 */

.page-menu {
	padding: 0 6%;
}

.pagemenu ul li {
	line-height: 55px;
	margin-right: 20px;
}

.pagemenu ul li a {
	font-size: 15px;
	color: #fff;
}

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


.page-news-con-box {
	margin-bottom: 60px;
}

.page-news-title {
	padding: 6.7708vw 6% 5.7292vw;
	text-align: left;
}

.page-news-title::after {
	height: 2px;
}

.page-news-title h2 {
	font-size: 30px;
	line-height: 40px;
}

.page-news-title .info {
	margin-top: 20px;
	line-height: 24px;
	justify-content: flex-start;
}

.page-news-title .info span {
	gap: 8px;
	margin: 0 15px 0 0;
	font-size: 14px;
}

.page-news-title .info span img {
	height: 14px;
}


.news-con-left {
	width: 100%;
}

.news-content-box {
	padding: 6.2500vw 25px 5.2083vw;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
}

.news-content {
	line-height: 32px;
	font-size: 16px;
}

.special-declaration {
	margin-top: 2.5000vw;
	line-height: 24px;
	padding: 10px 12px;
	border-radius: 4px;
	font-size: 14px;
}

.paging {
	gap: 10px;
	font-size: 15px;
	letter-spacing: 0;
}

.paging div {
	border-radius: 0.4167vw;
	padding: 0 15px;
	line-height: 70px;
}

.paging .ls {
	display: none;
}


.news-rec-box {
	display: none;
}



.title h2 {
	line-height: 40px;
	font-size: 30px;
}

.title p {
	font-size: 14px;
	line-height: 24px;
}


.button {
	width: 120px;
	height: 40px;
	border-radius: 20px;
}

.button a {
	line-height: 40px;
	font-size: 14px;
}

.button i {
	font-size: 14px;
	margin-left: 20px;
}

.button:hover i {
	margin-left: 12px;
}




/* 用户服务协议 */


.privacy-policy .classmenu {
	width: 26%;
}

.privacy-policy .classmenu-box {
	margin-top: 24px;
}

.privacy-policy .classmenu-box a {
	height: 48px;
	margin-bottom: 10px;
	padding: 0 8%;
	border-radius: 6px;
}

.privacy-policy .classmenu-box span {
	width: 100%;
	font-size: 14px;
}

.privacy-policy .classmenu-box i {
	font-size: 12px;
	display: none;
}

.privacy-policy .content {
	width: 70%;
}

.privacy-policy .content .con {
	margin-top: 20px;
	line-height: 26px;
}

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





/* 搜索 */

.search {
	padding: 60px 0;
}

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

.search .search-box .input-box input {
	width: 90%;
	padding: 0 5%;
	height: 48px;
	font-size: 16px;
	border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
}

.search .input-box .search-but {
	position: absolute;
	top: 1px;
	right: -1px;
	height: 48px;
	padding: 0 50px;
	font-size: 16px;
	border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
	line-height: 48px;
}

.hot-search {
	margin-left: 24px;
	margin-top: 12px;
	font-size: 14px;
}

.hot-search a {
	margin-right: 14px;
}




.product-menu-box {
	width: 24%;
	float: left;
}


.nav-item a {
	line-height: 48px;
	padding: 0 10%;
	font-size: 16px;
}

.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 {}

.nav-item ul li em {
	font-size: 12px;
}

.nav-item ul li a {
	line-height: 28px;
	font-size: 14px;
}


.statistics {
	line-height: 48px;
	margin-bottom: 40px;
	font-size: 16px;
}

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


.search-list .item {
	width: 48.5%;
	margin-left: 3%;
	margin-bottom: 30px;
}

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

.search-list .item:nth-child(2n+1) {
	margin-left: 0%;
}

.search-list .item .pic {
	border-radius: 8px;
}

.search-list .item .pic span {
	left: 8px;
	top: 8px;
	font-size: 12px;
	border-radius: 6px;
	line-height: 26px;
	padding: 0 8px;
}

.search-list .item .pic img {
	height: 160px;
}

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

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

.search-list .item .text h2 {
	line-height: 26px;
	font-size: 16px;
	height: 52px;
	margin-top: 10px;
}




.search-none {
	padding: 0 0 80px;
	text-align: center;
}

.search-none img {
	height: 300px;
}

.search-none h3 {
	margin-top: 10px;
	font-size: 28px !important;
}

.search-none p {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 16px !important;
}


.search-return {
	width: 130px;
}





/* 联系我们 */

.page-banner h2 {
	font-size: 30px;
}

.page-banner p {
	font-size: 16px;
	margin-top: 10px;
}


.g-cen-title h2 {
	font-size: 32px;
}

.g-cen-title b {
	width: 100%;
	font-size: 20px;
	letter-spacing: 12px;
}


.contact-box {
	margin-top: 30px;
}

.contact-con .item {
	width: 100%;
	margin-left: 0;
	margin-bottom: 24px;
}

.contact-con .item .box,
.contact-ewm .box {
	border-radius: 0.8333vw;
	padding: 30px 30px;
}

.contact-con .item h2 {
	font-size: 24px;
}

.contact-con .item span {
	font-size: 12px;
}

.contact-con .item .line {
	width: 30px;
}


.contact-con .item h6 {
	font-size: 16px;
	margin-top: 20px;
}

.contact-con .item p {
	font-size: 20px;
	height: auto;
	line-height: 30px;
	margin-top: 10px;
}


.contact-con .item .icon {
	position: absolute;
	top: 30px;
	right: 50px;
}

.contact-con .item .icon img {
	height: 40px;
}



.contact-ewm h6 {
	font-size: 18px;
}

.contact-ewm ul {
	gap: 2.0833vw;
}

.contact-ewm ul li {
	margin-top: 20px;
}

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

.contact-ewm ul li p {
	font-size: 14px;
}





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

.g-left-title b {
	font-size: 30px;
}

.g-left-title h2 {
	font-size: 32px;
}

.g-left-title p {
	font-size: 14px;
	margin-top: 15px;
}

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

.contact-mess .p-m-box {
	margin-top: 40px;
	width: 100%;
}




/* 全球案例 */

.page-banner .chara {
	margin-top: 20px;
}

.page-banner .chara .item {
	margin: 0 30px;
	display: block;
}

.page-banner .chara .nun {
	font-size: 30px;
}

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

.page-banner .chara .item .des em {
	font-size: 14px;
	display: block;
}

.page-banner .chara .item .des span {
	font-size: 14px;
	margin-top: 8px;
	display: block;
}



.main-lump {
	padding: 30px 0px;
	line-height: 1.2500vw;
	font-size: 14px;
	align-items: initial;
}

.lump-title {
	padding-right: 1.5625vw;
}

.lump-wrap {
	margin-left: 1.5625vw;
	gap: 24px;
}

.lump-item:first-child.active .choice-item {
	padding: 2px 6px;
	border-radius: 3px;
}

.choice-item span {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	border-radius: 3px;
}


.case-list-wrap {
	margin-top: 20px;
}

.case-list-wrap .item .text h2 {
	height: 28px;
	line-height: 28px;
	font-size: 20px;
}





/* 案例内容页 */

.case-page .container {
	border-radius: 1.2500vw;
}


.play-button-box {
	margin-top: -20px;
	margin-left: -20px;
}

.play-button {
	width: 40px;
	height: 40px;
}

.play-button::after {
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
}

.play-button:before {
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
}

.play-button img {
	height: 12px;
}

.case-page-pic {
	width: 100%;
	border-radius: 16px;
}

.case-page-pic .slider-arrow {
	margin-bottom: -18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

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

.case-page-pic .slider-arrow--right {
	bottom: 50%;
	right: 1.5625vw;
	background-size: 15px 15px;
}

.case-page-pic .slider-arrow--left {
	bottom: 50%;
	left: 1.5625vw;
	background-size: 15px 15px;
}

.case-page-pic .slider-nav {
	left: 50%;
	bottom: 20px;
}

.case-page-pic .slider-nav__item {
	width: 16px;
	height: 3px;
	margin: 0 6px;
	border-radius: 2px;
}



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

.case-page-des .box {
	padding: 40px 8%;
}

.case-page-des .subtitle h2 {
	font-size: 30px;
}

.case-page-des .subtitle p {
	font-size: 16px;
	line-height: 30px;
}

.case-page-des .page-button {
	position: initial;
	bottom: initial;
	margin-top: 40px;
}

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


.case-page-con {
	width: 100%;
}

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

.case-page-con:before {
	display: none;
}

.case-page-con .subtitle h3 {
	font-size: 32px;
}

.case-page-con .con {
	line-height: 32px;
	font-size: 16px;
}


.case-page-con-des {
	display: none;
}



.rel-case {
	margin-bottom: 40px;
}

.rel-case .case-list-wrap .item:nth-of-type(3) {
	display: none;
}





/* 视频 */

.filter-select {
	min-width: 35%;
}

.filter-select .trigger {
	padding: 0 16px;
	height: 40px;
	font-size: 16px;
}

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

.submenu-list {
	top: calc(100% + 8px);
	border-radius: 8px;
	box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.05);
	min-width: 100%;
	padding: 12px 0;
}

.submenu-list a {
	line-height: 40px;
	font-size: 16px;
}



.submenu-wray {
	margin-top: 6.2500vw;
}

.submenu-wray a {
	margin-right: 30px;
	line-height: 60px;
	font-size: 15px;
}

.submenu-wray a.active {
	font-size: 18px;
}

.submenu-wray a.active:before {
	height: 2px;
}



.video-list .item {
	margin-bottom: 35px;
}

.video-list .item .pic {
	border-radius: 12px;
}

.video-list .item .text {
	margin-top: 14px;
}

.video-list .item .text span {
	font-size: 13px;
}

.video-list .item .text h2 {
	line-height: 36px;
	height: 36px;
	margin-top: 0px;
	font-size: 18px;
}


.play-icon {
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
}

.play-icon img {
	height: 14px;
	width: 10px !important;
}

.video-list .pic::after {
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
}




.videos-bg #video {}

.vclose-box .vclose {
	position: fixed;
	right: 40px;
	top: 40px;
}




/* 资料下载 */

.data-list .item {
	margin-bottom: 20px;
}

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

.data-list .item .con {
	padding: 0 10px;
	margin-top: 5px;

}

.data-list .item .con h2 {
	max-height: 32px;
	line-height: 32px;
	font-size: 16px;
}

.data-list .item .con i {
	font-size: 16px;
}





/* 常见问题 */

.faq-search .search-box {
	margin-top: 30px;
}

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

.faq-search .title h2 {
	font-size: 32px;
}

.faq-search .search-box .input-box input {
	width: 90%;
	padding: 0 5%;
	height: 50px;
	font-size: 16px;
	border-radius: 25px;
}

.faq-search .search-box .input-box .h-search {
	gap: 15px;
	top: 0;
	right: 0;
	padding: 0 20px;
}

.faq-search .search-box .input-box .h-search i {
	font-size: 18px;
}

.hot-Search {
	padding: 0 20px;
	font-size: 13px;
	margin-top: 10px;
}

.hot-Search a {
	margin-right: 15px;
}

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




.faq-list {
	gap: 25px;
	margin-bottom: 40px;
}

.faq-item {
	border-radius: 12px;
}

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

.faq-question {
	padding: 20px 20px;
	gap: 16px;
}

.faq-q-text {
	font-size: 20px;
}

.faq-icon {
	width: 18px;
	height: 18px;
}

.faq-icon:before {
	width: 18px;
	height: 2px;
}

.faq-icon:after {
	width: 2px;
	height: 18px;
}

.faq-answer-inner {
	padding: 0 20px 20px;
	line-height: 28px;
	font-size: 14px;
}


.support-grid {
	margin-top: 30px;
	gap: 20px;
	grid-template-columns: repeat(1, 1fr);
}

.support-card {
	border-radius: 12px;
	padding: 30px 40px;
}

.support-card-title {
	font-size: 24px;
	margin-bottom: 14px;
}

.support-card-divider {
	margin: 20px 0 20px;
}

.support-card-divider img {
	width: 30px;
}

.support-card-cta {
	gap: 10px;
	padding: 0 24px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 1.3542vw;
}

.support-card-cta img {
	height: 20px;
}

.support-card-value {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 1.3542vw;
}

.support-card-hours {
	font-size: 14px;
}





/* 人才招聘 */

.text-title p {
	padding: 2px 0;
	line-height: 28px;
	font-size: 14px;
}

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


.equipment-wrap {
	margin-top: 30px;
}

.equipment-list .item {
	margin: 0 5px;
}

.equipment-list .item img {
	border-radius: 0.8333vw;
}


/* 左右切换按钮 */
.equipment-wrap .carousel-btn {
	top: calc(50% - 16px);
	width: 32px;
	height: 32px;
}

.equipment-wrap .carousel-btn i {
	font-size: 14px;
}

.equipment-wrap .carousel-btn.prev-btn2 {
	left: 15px;
}

.equipment-wrap .carousel-btn.next-btn2 {
	right: 15px;
}




.benefits-grid {
	margin-top: 30px;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.benefit-card {
	border-radius: 12px;
	padding: 30px 25px;
}

.benefit-num {
	width: 32px;
	height: 32px;
	font-size: 16px;
	border-radius: 12px 0 12px 0;
}

.benefit-icon {
	height: auto;
}

.benefit-icon img {
	height: 40px;
}

.benefit-title {
	font-size: 20px;
	margin-top: 15px;
}

.benefit-divider {
	height: 0.1562vw;
	margin: 18px auto;
}

.benefit-divider img {
	width: 16px;
}

.benefit-desc {
	font-size: 14px;
	line-height: 26px;
}



.cara-wray .tabs {
	gap: 12px;
	margin-bottom: 20px;
}

.cara-wray .tab-btn {
	padding: 8px 12px;
	border-radius: 32px;
	font-size: 14px;
}

.cara-wray .tab-btn.active {
	box-shadow: 0 8px 16px rgba(0, 82, 204, 0.25);
}

.cara-wray .carousel-wrapper {
	border-radius: 16px;
	padding: 0.6250vw 0;
}

.cara-wray .carousel-images {
	gap: 15px;
}

.cara-wray .carousel-images img {
	width: calc(50% - 15px);
	border-radius: 8px;
	box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.12);
}

.cara-wray .carousel-arrow {
	width: 40px;
	height: 40px;
}

.cara-wray .carousel-arrow i {
	font-size: 16px;
}

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

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

.cara-wray .progress-bar-container {
	max-width: 300px;
	margin: 30px auto 0;
	height: 3px;
	border-radius: 20px;
}

.cara-wray .progress-bar {
	border-radius: 20px;
}



.cta-section {
	overflow: hidden;
}

.cta-section .container {
	width: 90%;
}

.cta-content {
	width: 65% !important;
}

.cta-content .increase-more {
	margin-top: 2.6042vw;
}

.cta-content h2 {
	margin-bottom: 0.8333vw;
	font-size: 30px !important;
}

.cta-content p {
	margin-top: 10px;
	font-size: 14px !important;
}


.cta-hand {
	display: block;
	height: auto;
}

.cta-hand img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: initial;
	height: 300px;
	max-width: initial;
}




	/* 服务保障 */

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



	.service-grid {
		margin-top: 30px;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.service-card {
		border-radius: 1.2500vw;
		padding: 60px 20px;
		min-height: 160px;
	}


	.service-icon {
		margin-bottom: 24px;
	}

	.service-icon img {
		height: 50px;
	}

	.service-title {
		font-size: 20px;
	}

	.service-tip {
		font-size: 16px;
		margin-top: 10px;

	}

	.service-arrow {
		width: 30px;
		height: 30px;
		margin-top: 12px;
	}


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

	.qr img {
		height:120px;
	}


	.top-bar {
		margin-top: 2.0833vw;
		gap: 20px;
		margin-bottom: 3.6458vw;
	}

	.select-dropdown {
		min-width: 180px;
	}

	.select-option {
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
	}

	.select-dropdown-box {
		border-radius: 0 0 8px 8px;
		transform: translateY(-10px);
	}

	.select-arrow {
		right: 0.8333vw;
		font-size: 14px !important;
	}

	.search-input {
		max-width: 180px;
		padding: 10px 0;
		border-bottom: 2px solid #e0e7ff;
		font-size: 16px;
	}


	.search-btn {
		padding: 10px 20px;
		border-radius: 60px;
		gap: 0.7292vw;
		box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
		font-size: 14px;
	}

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

	.search-btn i {
		font-size: 18px;
	}


	.main-content {
		grid-template-columns: initial;
		gap: 1.6667vw;
	}

	.map-container {
		border-radius: 0.8333vw;
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
		height: auto;
	}


	.map-popup {
		border-radius: 12px;
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
		padding: 20px 5%;
		min-width: 60%;
		border-left: 4px solid #004fdb;
	}

	.popup-title {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.popup-divider {
		width: 30px;
		height:2px;
		margin-bottom: 15px;
	}

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

	.info-row {
		gap: 2.0833vw;
	}

	.info-label {
		font-size: 14px;
		min-width: 80px;
	}

	.info-value {
		font-size: 14px;
	}

	.store-list {
		height: 180px;
		margin-top: 15px;
	}


	.store-item {
		padding: 0 2.6042vw;
		line-height: 50px;
		border-radius: 0.6250vw;
		border: 2px solid transparent;
		margin-bottom: 10px;
	}

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

	.store-item::before {
		width: 2px;
	}

	.store-name {
		font-size: 14px;
	}




	.world-wrap {
		margin-top: 3.6458vw;
	}

	.world-pic img {
		height: 31.2500vw;
	}

	.region-dot {
		bottom: -1.2500vw;
		width: 0.5208vw;
		height: 0.5208vw;
	}

	.region-pulse {
		bottom: -1.5vw;
		width: 1.0417vw;
		height: 1.0417vw;
	}

	.region-name {
		font-size: 1.2500vw;
	}

	.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 {
		position: initial;
		width: 100%;
		grid-template-columns: repeat(1, 1fr);
		gap: 1.6667vw;
		padding-bottom: 30px;
	}

	.stat-card {
		height: 90px;
		border-radius: 0.6250vw;
		gap: 30px;
		box-shadow: 0 8px 16px rgba(0, 0, 0, .05);
	}
	
	.stat-icon{
		width: 60px;
		text-align: center;
	}

	.stat-icon img {
		height: 30px;
	}

	.stat-text {
		width: 200px;
		padding-left: 30px;
	}

	.stat-num {
		font-size: 20px;
		line-height: 20px;
	}

	.stat-label {
		font-size: 14px;
		margin-top: 8px;
	}
	
	
	.global-wray{
		margin-bottom: 50px;
	}
	
	
	
	
	.honor-list{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	
	.honor-list a{
		width: 48%;
		margin-left: 4%;
		margin-top: 30px;
	}
	
	.honor-list a .pic{
		border-radius: 16px;
		padding: 20px 10%;
		height: 160px;
	}
	
	.honor-list a .pic img{
		max-height: 160px;
	}
	
	.honor-list a:nth-child(4n+1){
		margin-left: 4%;
		clear: initial;
	}
	
	.honor-list a:nth-child(3n+1){
		margin-left: 4%;
		clear: initial;
	}
	
	.honor-list a:nth-child(2n+1){
		margin-left: 0;
		clear: both;
	}
	
	.honor-list a h3{
		margin-top: 1.25vw;
		max-height: 32px;
		line-height: 32px;
		font-size: 16px;
	}
	
	
	
	
	/* 发展历程 */
	
	.history-item {
		border-radius: 1.2500vw;
	}
	
	.history-item.active {
		grid-template-columns: repeat(1,1fr);
	}
	
	.history-text {
		padding: 30px 35px;
	}
	
	.history-text .subtitle {
		margin-bottom: 10px;
	}
	
	.history-image {
		border-radius: 1.2500vw;
	}
	
	.history-text .year-bg {
		font-size: 100px;
		line-height: 120px;
	}
	
	.history-text h2 {
		font-size: 36px;
	}
	
	.history-text .desc {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	.history-text ul li {
		font-size: 16px;
		line-height: 48px;
		padding-left: 16px;
	}
	
	.arrow-btn {
		display: none;
	}
	
	
	
	
	
	/* 企业文化 */
	
	.hero__content {
	    grid-template-columns: 17.2292vw 1fr;
	    gap: 2.5000vw;
	    min-height: 300px;
	}
	
	.nav-item1 {
	    padding: 12px 0 12px 15px;
	    font-size: 16px;
	}
	
	.nav-item__indicator {
	    width: 3px;
	    height: 20px;
	}
	
	
	.hero__media {
	    border-radius: 12px;
	}
	
	.hero__media-card {
	    min-height: 300px;
	}
	
	.hero__media-card[hidden] {
	   transform: translateY(20px);
	}
	
	.hero__media-circle {
	    transform: translateY(-50%) translateX(-20%);
	    width: 400px;
	    height: 400px;
	}
	
	.hero__media-text {
	    left: 4.1667vw;
	    top: 65%;
		max-width: 80%;
	}
	
	.hero__media-title-en {
	    font-size: 24px;
	    margin-bottom: 10px;
	}
	
	.hero__media-title-cn {
	    font-size: 32px;
	}
	
	
	.hero__media-image img{
		height: 300px;
	}
	
	
	
	
	
	.values__grid {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	
	.value-card {
	    border-radius: 12px;
	    padding: 30px 30px;
	}
	
	.value-card__header {
		
	}
	
	.value-card__title {
	    font-size: 24px;
	    margin-bottom: 0.2083vw;
	}
	
	.value-card__subtitle {
	    font-size: 14px;
	}
	
	.value-card__icon {
	    width: 50px;
	    height: 40px;
	}
	
	.value-card__icon img{
	    height: 40px;
	}
	
	
	.value-card__footer {
	    margin-top: 5.2083vw;
	}
	
	.value-card__divider {
	   width: 30px;
	}
	
	.value-card__slogan {
	    font-size: 30px;
	}
	
	
	
	/* 解决方案 */
	
	.solution-list{
		gap: 24px;
		margin-bottom: 40px;
	}
	
	.solution-list .item a{
		padding: 0px;
		border-radius: 8px;
	}
	
	.solution-list .item .pic{
		border-radius: 6px;
	}
	
	.solution-list .item .con{
		padding: 15px 15px;
	}
	
	.solution-list .item .con .subtitle-wrap i{
		font-size: 20px;
		display: none;
	}
	
	.solution-list .item .con .subtitle-wrap .subtitle{
		display: flex;
		gap: 10px;
		align-items: center;
	}
	
	.solution-list .item .con .subtitle-wrap .subtitle img{
		height: 20px;
	}
	
	.solution-list .item .con .subtitle-wrap .subtitle h2{
		font-size: 18px;
	}
	
	
	.solution-list .item .con .chara{
		margin-top: 10px;
		padding-top: 5px;
	}
	
	.solution-list .item .con .chara p{
		padding: 2px 0;
		padding-left: 10px;
		font-size: 14px;
	}
	
	.solution-list .item .con .chara p:before{
		width: 5px;
		height: 2;
	}
	
	
	
	
	/* 解决方案内容页 */
	
	.padding-lr-20{
		padding: 0 0%;
	}
	
	.strength-assurance .flickity-enabled {
	  margin-top: 30px;
	}
	
	.strength-assurance .flickity-prev-next-button {
	  width: 30px;
	  height: 30px;
	}
	
	.strength-assurance .flickity-prev-next-button.previous { left: 40px; }
	.strength-assurance .flickity-prev-next-button.next { right: 40px; }
	
	.strength-assurance .flickity-prev-next-button.no-svg {
	  font-size: 18px;
	}
	
	.strength-assurance .gallery-cell {
	  width: 90%;
	  margin: 0 4px;
	  border-radius: 12px;
	}
	
	.strength-hot-pic img{
		width: 100%;
		max-width: initial;
		height: ;
	}
	
	.strength-assurance-con{
		padding: 15px 5%;
	}
	
	.strength-assurance-con .subtitle{
		gap: 15px;
		line-height: 24px;
	}
	
	.strength-assurance-con .subtitle img{
		height: 24px;
	}
	
	.strength-assurance-con .subtitle h2{
		font-size: 20px;
	}
	
	.strength-assurance-con .text{
		margin-top: 10px;
		line-height: 22px;
		font-size: 13px;
	}
	
	
	
	.service-system-wray{
		grid-template-columns: repeat(3,1fr);
		gap: 16px;
	}
	
	.service-system-wray .item:before{
		right: -14px;
		width: 10px;
		height: 10px;
	}
	
	.service-system-wray .item .box{
		border-radius: 8px;
		padding: 20px 15px;
	}
	
	.service-system-wray .item h2{
		font-size: 20px;
		line-height: 28px;
	}
	
	.service-system-wray .item img{
		margin: 20px 0;
		width: 24px;
	}
	
	.service-system-wray .item p{
		font-size: 10px;
		letter-spacing: 0;
	}
	
	
	
	.product-list{
		display: grid;
		justify-content: space-between;
		grid-template-columns: repeat(2,1fr);
		gap: 16px;
		margin-bottom: 3.7500vw;
	}
	
	.product-list .item{
		width: 100%;
	}
	
	.product-list .item a{
		border-radius: 16px;
	}
	
	
	.product-list .item .pic{
		padding: 30px 5%;
		height: 150px;
		padding-bottom: initial;
	}
	
	.product-list .item .pic img{
		max-width: 80%;
		max-height: 150px;
	}
	
	.product-list .item .con{
		padding: 20px 20px;
	}
	
	.product-list .item .con h2{
		font-size: 16px;
		line-height: 24px;
	}
	
	.product-list .item .con p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 2px;
	}
	
	
	
	.product-list-menu-wray{
		background: linear-gradient(to right, #003f97, #0055ff);
	}
	
	.product-list-menu-wray .container{
		max-width: 100%;
	}
	
	.pro-submenu ul li a:before,.pro-submenu ul li.active a:before {
		display: none;
	}
	
	.pro-submenu {
		width: 100%;
		position: relative;
		z-index: 9999999;
		font-size: 18px;
		color: #fff;
	}
	
	.pro-submenu::before {
		content: attr(data-current);
		display: block;
		cursor: pointer;
		position: relative;
		line-height: 56px;
		padding-left: 5%;
	}
	
	.pro-submenu::after {
		content: "▼";
		position: absolute;
		right: 5%;
		top: 15px;
		font-size: 12px;
		pointer-events: none;
	}
	
	.pro-submenu ul {
		display: none;
		flex-direction: column;
		gap: 0;
		background: #fff;
		border-bottom: 4px solid #0055ff;
		position: absolute;
		width: 100%;
		border-radius: 12px;
	}
	
	.pro-submenu.open ul {
		display: block;
		padding: 10px 0;
	}
	
	.pro-submenu ul li {
		display: block;
		margin-right: 0;
		line-height: 56px;
		padding: 0;
	}
	
	.pro-submenu ul li img{
		height: 24px;
	}
	
	.pro-submenu ul li a {
		display: flex;
		align-items: center;
		gap: 16px;
		width: 90%;
		padding: 0 5%;
		border-bottom: 1px solid #eee;
	}
	
	.pro-submenu ul li:last-child a {
		border-bottom: none;
	}
	
	.pro-submenu ul li.active a {
		background: initial;
		color: #0055ff;
	}
	
	.pro-submenu ul li span{
		margin-top: 0;
	}
	
	
	
	
	.i-pro-hot{
		height: auto;
	}
	
	.i-pro-hot .item{
		border-radius: 16px;
	}
	
	.leftdiv{
		width: 100%;
		height: auto;
		position: inherit;
	}
	
	.leftdiv .pic{
		position: inherit;
		    transform: initial;
			border-radius: 16px;
	}
	
	.leftdiv .pic .bg{
		position: inherit;
		    left: 0%;
		    transform: initial;
		    width: 100%;
	}
	
	
	.rightdiv{
		position: inherit;
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	
	
	.rightdiv .pic{
		position: inherit;
		    transform: initial;
			border-radius: 16px;
	}
	
	.rightdiv .pic .bg{
		position: inherit;
		    right: 0;
		    transform: initial;
		    width: 100%;
	}
	
	
	.i-pro-hot .item .con{
		width: 50%;
	}
	
	.i-pro-hot .item .con .box{
		padding:0 30px;
	}
	
	.i-pro-hot .item.rightdiv .con{
		width: 50%;
	}
	
	.i-pro-hot .item .subtitle img{
		height: auto;
		width: 80%;
	}
	
	.i-pro-hot .item .chara{
		margin-top: 30px;
	}
	
	.i-pro-hot .item .chara b{
		font-size: 20px;
	}
	
	.i-pro-hot .item .chara p{
		margin-top: 10px;
		font-size: 14px;
	}
	
	.i-pro-hot .item .button{
		margin-top: 40px;
		width: 130px;
	}
	
	.i-pro-hot .item .button a{
		font-size: 12px;
	}
	
	
	
	
	.product-page-exhibition{
		width: 100%;
		border-radius:12px;
	}
	
	.product-page-exhibition .slides {
		height: auto;
	}
	
	
	.product-page-exhibition .slider-arrow {
		margin-bottom: -20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	
	.product-page-exhibition .slider-arrow--right {
		right: 4%;
		background-size: 12px 12px;
	}
	.product-page-exhibition .slider-arrow--left {
		left: 4%;
		background-size: 12px 12px;
	}
	
	
	
	.product-page-exhibition .slider-nav {
	    bottom: 30px;
	}
	
	.product-page-exhibition .slider-nav__item {
	    width: 60px;    
	    height: 60px;   
	    margin: 0 6px;  
	    border-radius: 6px;
	}
	
	
	.product-page-con{
		width: 100%;
		height: auto;
		padding: 40px 0;
	}
	
	.product-page-con .box{
		width: 90%;
		padding: 0 5%;
	}
	
	.product-page-con .subtitle span{
		padding: 0 15px;
		line-height: 30px;
		border-radius: 15px;
		font-size: 14px;
	}
	
	.product-page-con .subtitle h2{
		font-size: 30px;
		letter-spacing: 0;
		margin-top: 10px;
	}
	
	.product-page-con .chara{
		margin-top: 20px;
		padding-top: 15px;
	}
	
	.product-page-con .chara ul li{
		padding: 5px 0;
		line-height: 24px;
		font-size: 14px;
		grid-template-columns: 80px 1fr;
	}
	
	.product-page-con .chara ul li strong{
		
	}
	
	.product-page-con .chara ul li strong:before{
		width: 1px;
		height: 16px;
		top: 6px;
	}
	
	.product-page-con .chara ul li span{
		
	}
	
	
	.product-page-wray{
		margin-bottom: 40px;
	}
	
	
	
	
	/* 首页 */
	
	.index-banner .carousel-indicators {
		bottom: 20px;
	}
	
	.carousel-indicators {
		bottom: 20px;
	}
	
	.carousel-indicators span {
		width: 15px;
		height: 5px;
		margin: 0 5px;
		border-radius: 3px;
	}
	
	.carousel-indicators span.active {
		width: 25px;
	}
	
	
	
	
	.i-p-wray .tabs-3 {
		height: 100px;
	}
	
	.i-p-wray .tabs-3 a.active{
		width: 140px;
		height: 100px;
		border-radius: 8px;
	}
	
	.i-p-wray .tabs-3 a {
		width: 120px;
		height: 70px;
		box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
	}
	
	
	.i-p-wray .tabs-3 a img{
		height: 30px;
	}
	
	
	.i-p-wray .tabs-3 a h2{
		margin-top: 4px;
		line-height: 24px;
		font-size: 14px;
	}
	
	.i-p-wray .tabs-3 a.active i{
		width: 18px;
		height: 18px;
		margin: 6px auto 0;
	}
	
	
	
	
	
	.tab-item.active{
		margin-top: -15px;
	}
	
	.i-pro-list{
		margin-top: 20px;
		grid-template-columns: repeat(2,1fr);
		gap: 15px;
	}
	
	.i-pro-list .item:nth-of-type(3){
		display: none;
	}
	
	.i-pro-list .pic {
		border-radius: 8px;
	}
	
	.i-pro-list .subtitle{
		margin-top: 16px;
	}
	
	.i-pro-list .subtitle h2{
		font-size: 16px;
	}
	
	
	
	
	
	.reasons-grid {
		grid-template-columns: repeat(1,1fr);
		gap: 20px;
		margin-top: 40px;
	}
	
	.reason-card{
		border-radius: 12px;
		padding: 40px 30px;
	}
	
	.reason-icon{
		position: absolute;
		right: 30px;
		top: 40px;
	}
	
	.reason-icon img{
		height: 40px;
	}
	
	.reason-title{
		margin-top: 0;
		font-size: 30px;
		line-height: 40px;
	}
	
	.reason-title span{
		display: block;
	}
	
	.reason-divider {
		display: none;
	}
	
	.reason-desc{
		line-height: 30px;
		margin-top: 20px;
		font-size: 16px;
	}
	
	
	.reason-dec{
		z-index: -1;
		font-size: 100px;
		line-height: 100px;
		-webkit-text-stroke: 2px #eff5fa;
	}
	
	
	
	
	.index-solution-wray{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	
	.index-solution-wray .item{
		border-radius: 12px;
		padding: 30px 25px;
	}
	
	.index-solution-wray .item:before{
		height: 4px;
	}
	
	
	.i-s-icon img{
		height: 36px;
	}
	
	.i-s-title h2{
		line-height: 26px;
		margin-top: 24px;
		font-size: 18px;
		-webkit-line-clamp: 2;
	}
	
	
	.i-s-chara{
		margin-top: 20px;
	}
	
	.i-s-chara p{
		line-height: 24px;
		font-size: 14px;
		padding-left: 15px;
		margin: 6px 0;
	}
	
	
	.i-s-chara p:before{
		top: 12px;
		width: 5px;
		height: 2px;
	}
	
	
	.i-s-more{
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 0;
	}
	
	.i-s-more i{
		width: 32px;
		height: 32px;
		font-size: 14px;
	}
	
	.black-b{
		line-height: 36px;
		height: 36px;
		padding: 0 3px 0 16px;
		margin-top: 30px;
	}
	
	.black-b i{
		margin-top: 3px;
		margin-left: 16px;
		line-height: 32px;
	}
	
	
	
	.index-case .container{
		width: 90%;
		height: 80%;
	}
	
	.tab-content .text{
		width: 80%;
		margin-left: 0;
	}
	
	.index-case .container .text h2{
		font-size: 24px;
		line-height: 30px;
		max-height: 60px;
		-webkit-line-clamp: 2;
	}
	
	.index-case .container .text p{
		font-size: 16px;
		line-height: 28px;
		max-height: 56px;
		-webkit-line-clamp: 2;
		margin-top: 15px;
	}
	
	
	.index-case .pic img{
		height: 560px;
	}
	
	
	
	.index-case .outlets-tab{
		width: 90%;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 1px;
	}
	
	.index-case .outlets-tab li a{
		height: 60px;
	}
	
	.index-case .outlets-tab li a img{
		height: 20px;
	}
	
	.index-case .outlets-tab li a span{
		font-size: 14px;
		margin-left: 12px;
	}
	
	
	
	
	
	.index-about-wray{
		grid-template-columns: repeat(1,1fr);
		padding: 0 5%;
	}
	
	.i-a-text{
		padding-right: 0;
	}
	
	.i-a-text .subtitle{
		padding-top:0;
	}
	
	.i-a-text .subtitle p{
		font-size: 24px;
		line-height: 36px;
	}
	
	.i-a-text .text{
		padding-top: 16px;
		margin-bottom: 0;
		line-height: 24px;
	}	
	
	.i-a-text .text p{
		font-size: 14px;
		margin-top: 0;
	}
	
	.index-brand-chara {
		margin-top: 30px;
		padding: 0 5%;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	
	.index-brand-chara p{
		font-size: 14px;
		margin-top: 4px;
	}
	
	.index-brand-chara span{
		font-size: 14px;
	}
	
	.index-brand-chara em{
		font-size: 30px;
	}
	
	
	
	.i-a-pic{
		border-radius: 12px;
		transform: initial;
		transform-origin: initial;
		margin-top: 40px;
	}
	
	.i-a-pic .box{
		transform: initial;
	}
	
	.i-a-pic img{
		margin-left: initial;
	}
	
	
	.i-play-button-box .play-button img{
		height: 12px;
		width: initial;
		margin-left: initial;
	}
	
	
	.index-news-wray{
		grid-template-columns: repeat(1,1fr);
		gap: 20px;
	}
	
	.index-news-wray > :last-child {
	  grid-column: 1 / -1; 
	}
	
	.index-news-wray .item .type{
		line-height: 28px;
		padding: 0 8px;
		font-size: 12px;
	}
	
	.index-news-wray .textbox{
		padding: 20px;
	}
	
	.index-news-wray .textbox h2{
		line-height: 26px;
		font-size: 18px;
	}
	
	
	.index-news-wray .textbox .info{
		line-height: 24px;
		gap: 20px;
		margin-top:12px;
		font-size: 14px;
	}
	
	.index-news-wray .textbox .info img{
		height: 16px;
	}
	
	.index-news-wray .textbox .info .content-cyflex{
		gap: 8px;
	}
	
	.index-news-wray .textbox .text{
		line-height: 28px;
		margin-top: 24px;
		font-size: 16px;
	}
	
	.index-news-wray .news-item{
		padding: 40px 20px;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 15px;
	}
	
	.index-news-wray .news-item a{
		padding: 0 0;
	}
	
	.index-news-wray .news-item h2{
		line-height: 30px;
		font-size: 16px;
	}
	
	.index-news-wray .news-item .time{
		line-height: 14px;
		margin-top: 2px;
		font-size: 12px;
	}
	
	
	
	.button-wray{
		gap: 15px;
	}
	
	
	
	
	.carousel-track {
	            gap: 16px;                 
	        }
			
			.strength-equipment-wrap .pic {
				 border-radius: 12px;
			}
			.strength-equipment-wrap h3 {
			   margin-top: 10px;
			   font-size: 16px;
			}
	
	.strength-equipment-wrap .carousel-btn {
	    top: 40%;
	    width: 30px;
	    height: 30px;
	}
	
	.strength-equipment-wrap .carousel-btn i {
	    font-size: 12px;
	}
	
	.strength-equipment-wrap .prev-btn2 {
	    left: -30px;
	}
	
	.strength-equipment-wrap .next-btn2 {
	    right: -30px;
	}
	
	
	.about-honor-list a .pic {
		border-radius: 12px;
		height: 240px;
	}
	
	
	.about-honor-list a h3 {
		margin-top: 16px;
		max-height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	
	/* 左右按钮 */
	.honor-slider-wrapper .slider-btn {
	  display: none;
	}
	
	.partner-wray{
		grid-template-columns: repeat(3,1fr);
		gap: 15px;
	}
	
	
	.partner-wray .item{
		border-radius: 12px;
		padding: 20px 20px;
	}
	
	.partner-wray .item img{
		max-width: 80%;
		max-height: 60px;
	}
	
	
	
	
	
	/* 合作加盟 */
	
	.join-banner .container{
		top: 7.2917vw;
	}
	
	.join-banner .container .wz1{
		font-size: 3.3333vw;
		letter-spacing: 3px;
	}
	
	.join-banner .container .wz1 em{
		margin-left: 2.5000vw;
	}
	
	.join-banner .container .wz2{
		margin-top: 1.0417vw;
	}
	
	
	.join-about-wray{
		padding: 0;
		display: grid !important;
		grid-template-columns: repeat(1,1fr) !important;
	}
	
	
	.j-a-text{
		padding: 30px 30px;
	}
	
	.j-a-text .text{
		padding-top: 0;
	}
	
	.j-a-text .text p{
		font-size: 16px;
		line-height: 32px;
	}
	
	.j-a-pic{
		transform: initial;
		border-radius: 16px;
		margin-top: 0;
	}
	
	.j-a-pic .box {
	    transform: initial;
	}
	
	.j-a-pic img {
	    margin-left: 0;
	}
	
	
	.join-brand-chara{
		padding: 0;
	}
	
	.join-brand-chara .item{
		display: flex;
		gap:12px;
	}
	
	.join-brand-chara .item .j-c-icon img{
		height: 26px;
		margin-top: 6px;
	}
	
	
	
	.join-title-text p{
		padding: 0 0;
		line-height: 28px;
		margin-top: 10px;
	}
	
	
	
	.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-adv-wray{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	
	.join-adv-wray > :last-child {
	  grid-column: 1 / -1 !important; 
	}
	
	.join-adv-wray .item{
		border-radius: 16px;
		padding: 30px 30px;
		position: relative;
	}
	
	.join-adv-wray .item .icon{
		text-align: right;
		position: absolute;
		right: 30px;
	}
	
	.join-adv-wray .item .icon img{
		height: 40px;
	}
	
	.join-adv-wray .item .textbox{
		margin-top: 0px;
	}
	
	.join-adv-wray .item .textbox h3{
		font-size: 20px;
	}
	
	.join-adv-wray .item .textbox img{
		margin-top: 20px;
		width: 36px;
	}
	
	.join-adv-wray .item .textbox p{
		margin-top: 16px;
		line-height: 28px;
		font-size: 15px;
	}
	
	
	
	.cooperative-model-wray{
		grid-template-columns: repeat(2,1fr);
		gap: 24px;
	}
	
	.cooperative-model-wray > :last-child {
	  grid-column: 1 / -1 !important; 
	}
	
	.cooperative-model-wray .item{
		padding: 12px;
		border-radius: 12px;
		padding-bottom: initial;
	}
	
	.cooperative-model-wray .item .pic{
		border-radius: 8px;
	}
	
	.cooperative-model-wray .item .textbox{
		padding: 15px 0;
	}
	
	.cooperative-model-wray .item .textbox h3{
		font-size: 20px;
	}
	
	.cooperative-model-wray .item .textbox p{
		font-size: 14px;
		margin-top: 6px;
	}