@charset "utf-8";

.head-tran {}

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

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

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


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



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


.right-lang {
	display: flex;
	align-items: center;
	width: auto;
}

.right-lang .lang-box {
	display: flex;
	justify-content: center;
	align-items: center;
}


.right-lang .lang-flag {
	width: 22px;
	height: 22px;
	margin: 0 8px;
}

.right-lang .lang-title {
	width: auto;
	margin: 0;
	font-size: 15px;
}


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

.right-serach span {
	width: 22px;
	height: 22px;
}


.Whead-search {
	display: none;
	position: fixed;
	top: 80px;
	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 20%;
}

.Whead-search .search-box .input-box input {
	width: 94%;
	padding: 0 3%;
	height: 60px;
	font-size: 18px;
	border-radius: 30px;
}

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


.not-tel {
	line-height: 80px;
	margin-left: 30px;
}

.tel-icon {
	height: 32px;
	margin-right: 12px;
}



/*菜单*/

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

#starlist li>a {
	font-size: 15px;
	line-height: 80px;
	margin: 0 8px;
	letter-spacing: 0;
}



#starlist li .sub {
	position: absolute;
	right: calc(50% - 80px);
	top: 80px;
	width: 160px;
	border-bottom: 5px solid #005ca1;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 80px;
	padding: 14px 0;
	height: auto;
	z-index: 99;
}


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

#starlist ul.sub li a {
	color: #333;
	font-size: 15px;
	line-height: 30px;
	height: initial;
	font-weight: initial;
	margin: 0;
}




.list-menu {
	height: 70px;
}

.list-cru {
	line-height: 70px;
	float: right;
	font-size: 16px;
}

.list-cru:before {
	left: -30px;
	width: 16px;
	height: 16px;
}

.list-cru i {
	margin: 0 10px;
	font-size: 15px;
}




.submenu {
	float: left;
}

.submenu ul li {
	line-height: 70px;
	font-size: 18px;
}

.submenu ul li a {
	padding: 0 30px;
}

.submenu ul li.active a {
	border-bottom-left-radius: 16px;
	border-top-right-radius: 16px;
}



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

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

.g-title p {
	font-size: 18px;
	margin-top: 20px;
}


.hot-item {
	width: 58%;
	height: 500px;
	border-radius: 12px;
}

.hot-item img {
	height: 500px;
}

.text-box {
	width: 90%;
	padding: 1.8750vw 5%;
}

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

.text-box i {
	font-size: 18px;
}



.hot-list {
	width: 40%;
}

.hot-list .item a {
	padding: 26px 32px;
	border-radius: 12px;
	margin-top: 18px;
}

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

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




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

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

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

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

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

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

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

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

.news-list .item .text h2 {
	line-height: 30px;
	height: 60px;
	font-size: 18px;
}

.news-list .item .text p {
	line-height: 30px;
	height: 60px;
	font-size: 16px;
	margin-top: 10px;
}



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

.view-details i {
	font-size: 18px;
	margin-left: 10px;
}

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

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




.public-mess {
	border-radius: 1.6667vw;
	margin: 0 3% 3.1250vw;
}

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

.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 {
	height: 50px;
	padding: 0 3% 0 15%;
	width: 82%;
	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: 18px;
}

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

.public-mess .bg img {
	height: 540px;
}




.foot {
	padding: 80px 0 60px;
	background-size: auto 29.1667vw;
}

.foot-con {
	width: 26vw;
}


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


.foot-rwm ul li {
	width: 120px;
	margin-left: 16px;
}

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

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

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

.external-platform ul li a {
	width: 2.6042vw;
	height: 2.6042vw;
}

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


.foot-menu {
	width: 52.0000vw;
}

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

.foot-menu ul li a {
	font-size: 18px;
}

.foot-menu ul li ul {
	margin-top: 24px;
}

.foot-menu ul li ul li {
	line-height: 36px;
}

.foot-menu ul li ul li a {
	font-size: 16px;
}



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

.copy-box {
	font-size: 16px;
}

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

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

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

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


.link {
	position: relative;
	width: 240px;
}

.friend-link-header {
	height: 48px;
	padding: 0 18px;
	border-radius: 6px;
	font-size: 16px;
}

.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: 48px;
	border-radius: 6px;
	width: 84%;
	padding: 12px 8%;
}

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

.link-list li a {
	font-size: 16px;
	line-height: 36px;
}





/* 新闻内容页 */
.pagemenu ul li {
	line-height: 70px;
	margin-right: 30px;
}

.pagemenu ul li a {
	font-size: 16px;
}



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

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

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

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

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

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




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

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

.news-content {
	line-height: 36px;
	font-size: 18px;
}

.special-declaration {
	margin-top: 2.5000vw;
	line-height: 28px;
	padding: 1.5625vw;
	border-radius: 0.6250vw;
	font-size: 16px;
}

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

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

.paging .ls {
	width: 10.4167vw;
}

.paging .ls a {
	gap: 8px;
}

.paging .ls img {
	height: 16px;
}



.news-rec-box {
	width: 25.5%;
	margin-top: 2.5000vw;
}

.news-rec-box.sticky {
	top: 80px !important;
}


.rec-title h3 {
	font-size: 22px;
}

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

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

.corporate-hot .text {
	padding: 1.0417vw 0;
	border-radius: 0.6250vw;
}

.corporate-hot .text h2 {
	padding: 0 5%;
	line-height: 1.6667vw;
	max-height: 1.6667vw;
	font-size: 16px;
}

.corporate-list .item {
	padding: 12px 1.0417vw 12px;
}

.corporate-list .item h2 {
	line-height: 22px;
	max-height: 44px;
	font-size: 14px;
}

.corporate-list .item span {
	line-height: 20px;
	margin-top: 0.4167vw;
	font-size: 12px;
}





/* 用户服务协议 */


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

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

.privacy-policy .classmenu-box a {
	height: 56px;
	margin-bottom: 10px;
	padding: 0 1.6667vw;
	border-radius: 0.4167vw;
}

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

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

.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 {
	padding: 5.2083vw 0;
}

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

.search .search-box .input-box input {
	width: 96%;
	padding: 0 2%;
	height: 56px;
	font-size: 18px;
	border-bottom-left-radius: 0.8333vw;
	border-top-right-radius: 0.8333vw;
}

.search .input-box .search-but {
	position: absolute;
	top: 1px;
	right: -1px;
	height: 56px;
	line-height: 56px;
	padding: 0 60px;
	font-size: 18px;
	border-bottom-left-radius: 0.8333vw;
	border-top-right-radius: 0.8333vw;
}

.hot-search {
	margin-left: 1.5625vw;
	margin-top: 18px;
}

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

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

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


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

.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: 32px;
	font-size: 16px;
}




.nav-item i {
	font-size: 0.6250vw;
}


.statistics {
	line-height: 56px;
	margin-bottom: 56px;
	font-size: 18px;
}

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


.search-list .item {
	width: 31.33%;
	margin-left: 3%;
	margin-bottom: 3.125vw;
}

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

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

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

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

.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: 30px;
	height: 60px;
	margin-top: 10px;
	font-size: 18px;
}





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

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

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

.search-none p {
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 20px !important;
}


.search-return {
	width: 155px;
}




/* 联系我们 */



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

.g-cen-title b {
	font-size: 36px;
	letter-spacing: 16px;
}


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

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

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

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

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


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

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


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

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



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

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

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

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

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



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

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

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

.g-left-title p {
	font-size: 18px;
}

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

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








/* 全球案例 */

.page-banner .chara .item {
	margin: 0 40px;
}

.page-banner .chara .nun {}

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

.page-banner .chara .item .des em {}



.main-lump {
	padding: 1.0417vw 0px;
	line-height: 1.2500vw;
	font-size: 16px;
}

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

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


.lump-item:first-child.active .choice-item {
	padding: 0.1562vw 0.4167vw;
	border-radius: 0.2083vw;
}

.choice-item span {
	width: 16px;
	height: 16px;
	margin-right: 0.4167vw;
	border-radius: 0.1042vw;
}




.case-list-wrap .item .text h2 {
	height: 1.8750vw;
	font-size: 24px;
}





/* 案例内容页 */


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

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

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

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

.case-page-con .subtitle h2 {
	font-size: 40px;
}

.case-page-con .con {
	line-height: 36px;
	font-size: 18px;
}


.case-page-con-des .item span:before {
	position: absolute;
	left: 0;
	top: 5px;
	width: 2px;
	height: 16px;
}

.case-page-con-des .item span {
	font-size: 16px;
}

.case-page-con-des .item p {
	font-size: 20px;
}





/* 视频 */

.filter-select {
	min-width: 240px;
}

.filter-select .trigger {
	padding: 0 20px;
	height: 60px;
	font-size: 18px;
}

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

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

.submenu-list a {
	line-height: 48px;
	font-size: 18px;
}



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

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

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

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



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

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

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

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

.video-list .item .text h2 {
	line-height: 40px;
	height: 40px;
	margin-top: 0.5vw;
	font-size: 24px;
}


.play-icon {
	left: calc(50% - 1.55vw);
	top: calc(50% - 1.55vw);
	width: 3.125vw;
	height: 3.125vw;
}

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

.video-list .pic::after {
	left: calc(50% - 2vw);
	top: calc(50% - 2vw);
	width: 4vw;
	height: 4vw;
}



.videos-bg #video {
	max-height: 90%;
	max-width: 90%;
}

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



/* 资料下载 */

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

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

.data-list .item .con {
	padding: 0 20px;
	margin-top: 15px;

}

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

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





/* 常见问题 */

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

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

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

.faq-search .search-box .input-box input {
	width: 92%;
	padding: 0 4%;
	height: 50px;
	font-size: 18px;
	border-radius: 25px;
}

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

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

.hot-Search {
	padding: 0 30px;
	font-size: 14px;
}

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

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




.faq-list {
	gap: 30px;
	margin-bottom: 50px;
}

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

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

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

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

.faq-icon {
	width: 1.2500vw;
	height: 1.2500vw;
}

.faq-icon:before {
	width: 1.2500vw;
	height: 0.2083vw;
}

.faq-icon:after {
	width: 0.2083vw;
	height: 1.2500vw;
}

.faq-answer-inner {
	padding: 0 60px 40px;
	color: #666;
	line-height: 36px;
	font-size: 18px;
}





.support-grid {
	gap: 40px;
}

.support-card {
	border-radius: 1.2500vw;
	padding: 2.6042vw 3.1250vw;
}

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

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

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

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

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

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

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





/* 人才招聘 */

.text-title p {
	padding: 5px 0;
	line-height: 30px;
	font-size: 18px;
}

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

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

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


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

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

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

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




.benefits-grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

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

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

.benefit-icon {
	height: 45px;
}

.benefit-title {
	font-size: 24px;
	margin-top: 30px;
}

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

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

.benefit-desc {
	font-size: 16px;
	line-height: 30px;
}



.cara-wray .tabs {
	gap: 16px;
	margin-bottom: 36px;
}

.cara-wray .tab-btn {
	padding: 10px 24px;
	border-radius: 40px;
	font-size: 16px;
}

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

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

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

.cara-wray .carousel-images img {
	width: calc(33.333% - 16px);
	border-radius: 16px;
	box-shadow: 0 12px 28px -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: 480px;
	margin: 50px auto 0;
	height: 0.2083vw;
	border-radius: 20px;
}

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


.cta-section .container {
	width: 87.5vw;
}

.cta-content {
	width: 50%;
}

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

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

.cta-content p {
	margin-top: 10px;
	font-size: 20px;
}


.cta-hand {
	height: 25.0000vw;
}






/* 服务保障 */

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

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

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


.service-icon {
	margin-bottom: 2.0833vw;
}

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

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

.service-tip {
	font-size: 18px;
	margin-top: 0.6250vw;

}

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


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

.qr img {
	height: 8.3333vw;
}


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

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

.select-option {
	width: 90%;
	padding: 0.9375vw 5%;
	font-size: 16px;
}

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

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

.search-input {
	max-width: 400px;
	padding: 0.9375vw 0.8333vw;
	border-bottom: 2px solid #e0e7ff;
	font-size: 16px;
}


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

.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: 1fr 28.0208vw;
	gap: 1.6667vw;
}

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


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

.popup-title {
	font-size: 24px;
	margin-bottom: 20px;
}

.popup-divider {
	width: 36px;
	height: 3px;
	margin-bottom: 20px;
}

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

.info-row {
	gap: 2.0833vw;
}

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

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

.store-list {
	height: 31.2500vw;
}


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

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

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

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




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

.stat-card {
	height: 7.2917vw;
	border-radius: 0.6250vw;
	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;
}

.stat-num {
	font-size: 30px;
	line-height: 1.8750vw;
}

.stat-label {
	font-size: 16px;
	margin-top: 8px;
}


.global-wray {
	margin-bottom: 3.1250vw;
}





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

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

.honor-list a .pic {
	border-radius: 16px;
	padding: 1.5625vw;
	height: 20.8333vw;
}

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

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

.honor-list a h3 {
	margin-top: 1.25vw;
	max-height: 1.55vw;
	line-height: 1.55vw;
	font-size: 18px;
}




/* 发展历程 */
.history-item {
	border-radius: 1.2500vw;
}

.history-item.active {
	grid-template-columns: repeat(2,1fr);
}

.history-text {
	padding: 0 5.0000vw;
}

.history-text .subtitle {
	margin-bottom: 10px;
}

.history-image {
	border-radius: 1.2500vw;
}

.history-text .year-bg {
	font-size: 9.3750vw;
	line-height: 9.3750vw;
}

.history-text h2 {
	font-size: 40px;
}

.history-text .desc {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 32px;
}

.history-text ul li {
	font-size: 16px;
	line-height: 40px;
	padding-left: 1.0417vw;
}

.arrow-btn {
	width: 2.6042vw;
	height: 2.6042vw;
}

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

.arrow-btn.prev {
	left: -4.1667vw;
}

.arrow-btn.next {
	right: -4.1667vw;
}




/* 解决方案 */

.solution-list{
	gap: 3.1250vw;
	margin-bottom: 3.1250vw;
}

.solution-list .item a{
	padding: 1.0417vw;
	border-radius: 0.8333vw;
}

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

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

.solution-list .item .con .subtitle-wrap i{
	font-size: 1.5625vw;
}

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

.solution-list .item .con .subtitle-wrap .subtitle img{
	height: 30px;
}

.solution-list .item .con .subtitle-wrap .subtitle h2{
	font-size: 30px;
}


.solution-list .item .con .chara{
	margin-top: 1.2500vw;
	padding-top: 1.0417vw;
}

.solution-list .item .con .chara p{
	padding: 0.4167vw 0;
	padding-left: 1.4583vw;
	position: relative;
	font-size: 18px;
}

.solution-list .item .con .chara p:before{
	width: 0.4167vw;
	height: 0.1042vw;
}



/* 解决方案内容页 */

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


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

.strength-assurance .flickity-prev-next-button {
  width: 2.6042vw;
  height: 2.6042vw;
}

.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.no-svg {
  font-size: 20px;
}

.strength-assurance .gallery-cell {
  width: 60%;
  margin: 0 1.0417vw;
  border-radius: 1.2500vw;
}



.strength-assurance-con{
	padding: 2.6042vw 8%;
}

.strength-assurance-con .subtitle{
	gap: 1.0417vw;
	line-height: 2.0833vw;
}

.strength-assurance-con .subtitle img{
	height: 30px;
}

.strength-assurance-con .subtitle h2{
	font-size: 30px;
}

.strength-assurance-con .text{
	margin-top: 1.2500vw;
	line-height: 30px;
	font-size: 16px;
}



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

.service-system-wray .item:before{
	right: -1.8750vw;
	width: 0.8333vw;
	height: 0.8333vw;
}

.service-system-wray .item .box{
	border-radius: 0.8333vw;
	padding: 2.6042vw 1.5625vw;
}

.service-system-wray .item h2{
	font-size: 1.6667vw;
	line-height: 2.0833vw;
}

.service-system-wray .item img{
	margin: 1.6667vw 0;
	width: 30px;
}

.service-system-wray .item p{
	font-size: 0.7292vw;
}



.product-list{
	gap: 1.6667vw;
	margin-bottom: 3.7500vw;
}

.product-list .item{
	
}

.product-list .item a{
	border-radius: 16px;
}


.product-list .item .pic{
	padding: 1.8750vw 1.2500vw;
	height: 14.5833vw;
	padding-bottom: initial;
}

.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{
	font-size: 20px;
	line-height: 30px;
}

.product-list .item .con p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 6px;
}






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

.pro-submenu ul li a{
	width: 10.4167vw;
	padding: 40px 0;
	font-size: 18px;
}

.pro-submenu ul li img{
	height: 40px;
}

.pro-submenu ul li.active a:before{
	width: 2.0833vw;
	height: 0.1562vw;
}

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



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

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

.leftdiv{
	width: 54%;
	height: 29.1667vw;
}

.leftdiv .pic{
	    transform: skew(-16.15deg);
		border-radius: 1.2500vw;
}

.leftdiv .pic .bg{
	    left: 5%;
	    transform: skew(16.15deg);
	    width: 105%;
}



.rightdiv{
	width: 54%;
	height: 29.1667vw;
}


.rightdiv .pic{
	    transform: skew(-16.15deg);
		border-radius: 1.2500vw;
}

.rightdiv .pic .bg{
	    right: 5%;
	    transform: skew(16.15deg);
	    width: 105%;
}


.i-pro-hot .item .con{
	width: 30.2083vw;
}

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

.i-pro-hot .item.rightdiv .con{
	width: 28.0208vw;
}

.i-pro-hot .item .subtitle img{
	height: 50px;
}

.i-pro-hot .item .chara{
	margin-top: 70px;
}

.i-pro-hot .item .chara b{
	font-size: 36px;
}

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

.i-pro-hot .item .button{
	margin-top: 70px;
}






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

.product-page-exhibition .slides {
	height: 43.7500vw;
}


.product-page-exhibition .slider-arrow {
	margin-bottom: -1.0417vw;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.product-page-exhibition .slider-arrow--right {
	right: 1.5625vw;
	background-size: 15px 15px;
}
.product-page-exhibition .slider-arrow--left {
	bottom: 50%;
	background-size: 15px 15px;
}



.product-page-exhibition .slider-nav {
    bottom: 1.5625vw;
}

.product-page-exhibition .slider-nav__item {
    width: 5.0000vw;    
    height: 5.0000vw;   
    margin: 0 0.5208vw;  
    border-radius: 0.4167vw;
}


.product-page-con{
	width: 50%;
	height: 43.7500vw;
}

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

.product-page-con .subtitle span{
	padding: 0 15px;
	line-height: 30px;
	border-radius: 15px;
	font-size: 18px;
}

.product-page-con .subtitle h2{
	font-size: 40px;
}

.product-page-con .chara{
	margin-top: 2.0833vw;
	padding-top: 1.6667vw;
}

.product-page-con .chara ul li{
	padding: 0.3125vw 0;
	line-height: 1.8750vw;
	font-size: 16px;
}

.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-con .page-button{
	margin-top: 50px;
}




/* 首页 */

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

.carousel-indicators {
	bottom: 20px;
}

.carousel-indicators span {
	width: 20px;
	height: 6px;
	margin: 0 5px;
	border-radius: 3px;
}

.carousel-indicators span.active {
	width: 30px;
}




.i-p-wray .tabs-3 {
	height: 140px;
}

.i-p-wray .tabs-3 a.active{
	width: 200px;
	height: 140px;
	border-radius: 12px;
}

.i-p-wray .tabs-3 a {
	width: 180px;
	height: 100px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
}


.i-p-wray .tabs-3 a img{
	height: 36px;
}


.i-p-wray .tabs-3 a h2{
	margin-top: 0.5208vw;
	line-height: 32px;
	font-size: 16px;
}

.i-p-wray .tabs-3 a.active i{
	width: 20px;
	height: 20px;
	margin: 10px auto 0;
}





.tab-item.active{
	margin-top: -20px;
}


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

.i-pro-list .pic {
	border-radius: 12px;
}

.i-pro-list .subtitle{
	margin-top: 18px;
}

.i-pro-list .subtitle h2{
	font-size: 18px;
}





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

.reason-card{
	border-radius: 12px;
	padding: 3.6458vw 3.1250vw;
}

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

.reason-title{
	margin-top: 44px;
	font-size: 32px;
	line-height: 44px;
}

.reason-title span{
	display: block;
}

.reason-divider {
	margin-top: 24px;
}

.reason-divider img{
	width: 36px;
}


.reason-desc{
	line-height: 28px;
	margin-top: 28px;
	font-size: 16px;
}


.reason-dec{
	font-size: 120px;
	line-height: 120px;
	-webkit-text-stroke: 2px #eff5fa;
}




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

.index-solution-wray .item{
	border-radius: 12px;
	padding: 50px 30px;
}

.index-solution-wray .item:before{
	height: 4px;
}


.i-s-icon img{
	height: 40px;
}

.i-s-title h2{
	line-height: 32px;
	margin-top: 32px;
	font-size: 20px;
}


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

.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{
	margin-top: 80px;
}

.i-s-more i{
	width: 36px;
	height: 36px;
	font-size: 18px;
}

.black-b{
	line-height: 44px;
	height: 44px;
	padding: 0 3px 0 16px;
	margin-top: 50px;
}

.black-b i{
	margin-top: 4px;
	margin-left: 24px;
}



.index-case .container{
	width: 87.5vw;
	height: 80%;
}

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

.index-case .container .text h2{
	font-size: 32px;
	line-height: 48px;
	max-height: 96px;
	-webkit-line-clamp: 2;
}

.index-case .container .text p{
	font-size: 16px;
	line-height: 28px;
	max-height: 56px;
	-webkit-line-clamp: 2;
	margin-top: 28px;
}


.index-case .pic img{
	height: 720px;
}



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

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

.index-case .outlets-tab li a img{
	height: 28px;
}

.index-case .outlets-tab li a span{
	font-size: 16px;
	margin-left: 16px;
}





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

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

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

.i-a-text .subtitle p{
	font-size: 32px;
	line-height: 48px;
}

.i-a-text .text{
	padding-top: 28px;
	margin-bottom: 0;
	line-height: 28px;
}

.i-a-text .text p{
	font-size: 14px;
}

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

.index-brand-chara p{
	font-size: 18px;
	margin-top: 8px;
}

.index-brand-chara span{
	font-size: 18px;
}

.index-brand-chara em{
	font-size: 48px;
}



.i-a-pic{
	border-radius: 24px;
	transform: skew(-10deg);
	transform-origin: right bottom;
}

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

.i-a-pic img{
	margin-left: -5%;
}


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


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

.index-news-wray .item .type{
	line-height: 30px;
	padding: 0 12px;
	font-size: 14px;
}

.index-news-wray .textbox{
	padding: 2.0833vw;
}

.index-news-wray .textbox h2{
	line-height: 28px;
	font-size: 20px;
}


.index-news-wray .textbox .info{
	line-height: 24px;
	gap: 2.0833vw;
	margin-top:12px;
	font-size: 14px;
}

.index-news-wray .textbox .info img{
	height: 16px;
}

.index-news-wray .textbox .info .content-cyflex{
	gap: 0.5208vw;
}

.index-news-wray .textbox .text{
	line-height: 28px;
	margin-top: 24px;
	font-size: 16px;
}

.index-news-wray .news-item{
	padding: 2.2917vw 2.0833vw;
}

.index-news-wray .news-item a{
	padding: 10px 0;
}

.index-news-wray .news-item h2{
	line-height: 30px;
	font-size: 18px;
}

.index-news-wray .news-item .time{
	line-height: 18px;
	margin-top: 8px;
	font-size: 14px;
}



.button-wray{
	gap: 1.6667vw;
}





/* 品牌介绍 */

.carousel-track {
            gap: 1.6667vw;                 
        }

        .strength-equipment-wrap .pic {
			 border-radius: 0.4167vw;
        }

        .strength-equipment-wrap h3 {
		   margin-top: 0.9375vw;
		   font-size: 18px;
        }

        .strength-equipment-wrap .carousel-btn {
            top: 40%;
            width: 3.1250vw;
            height: 3.1250vw;
        }

		.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-list {
	padding-bottom:  1.875vw;
}

.about-honor-list a {
	  margin-right: 1.6667vw; 
}

.about-honor-list a .box {}

.about-honor-list a .pic {
	border-radius: 16px;
	height: 320px;
}

.about-honor-list a .pic img {
	max-height: 100%;
	max-width: 80%;
}

.about-honor-list a h3 {
	margin-top: 1.25vw;
	max-height: 30px;
	line-height: 30px;
	font-size: 18px;
}



/* 左右按钮 */
.honor-slider-wrapper .slider-btn {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 3.1250vw;
  height: 3.1250vw;
}

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



.partner-wray{
	grid-template-columns: repeat(6,1fr);
	gap: 1.2500vw;
}

.partner-wray .item{
	border-radius: 0.6250vw;
	padding: 1.5625vw 2.0833vw;
}

.partner-wray .item img{
	max-width: 7.2917vw;
	max-height: 4.6875vw;
}





/* 合作加盟 */

.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-left: 0;
}


.j-a-text{
	padding: 0 30px;
}

.j-a-text .text{
	padding-top: 0;
}

.j-a-pic{
	transform: initial;
	border-radius: 16px;
}

.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: 24px;
}

.join-brand-chara .item .j-c-icon img{
	height: 40px;
	margin-top: 8px;
}



.join-title-text p{
	padding: 0 10%;
	line-height: 32px;
}



.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(3,1fr);
	gap: 24px;
}

.join-adv-wray .item{
	border-radius: 16px;
	padding: 40px 30px;
}

.join-adv-wray .item .icon{
	text-align: right;
}

.join-adv-wray .item .icon img{
	height: 50px;
}

.join-adv-wray .item .textbox{
	margin-top: 40px;
}

.join-adv-wray .item .textbox h3{
	font-size: 24px;
}

.join-adv-wray .item .textbox img{
	margin-top: 20px;
	width: 36px;
}

.join-adv-wray .item .textbox p{
	margin-top: 16px;
	line-height: 32px;
	font-size: 16px;
}



.cooperative-model-wray{
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
}

.cooperative-model-wray .item{
	padding: 12px;
	border-radius: 0.8333vw;
	padding-bottom: initial;
}

.cooperative-model-wray .item .pic{
	border-radius: 0.6250vw;
}

.cooperative-model-wray .item .textbox{
	padding: 20px 0;
}

.cooperative-model-wray .item .textbox h3{
	font-size: 24px;
}

.cooperative-model-wray .item .textbox p{
	font-size: 16px;
	margin-top: 8px;
}