@charset "utf-8";

a:hover,
a {
	color: #333333;
	text-decoration: none;
}

img {
	max-width: 100%;
}

body {
	margin: 0;
	padding: 0;
	padding-top: 88px;
	background: linear-gradient(135deg, #e3f2fd 0%, #f8fbff 50%, #ffffff 100%);
	color: #2c3e50;
	min-height: 100vh;
	position: relative;
}

body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm40 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 40c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'/%3E%3C/g%3E%3C/svg%3E) repeat;
	pointer-events: none;
	z-index: -1;
	animation: cloudFloat 20s ease-in-out infinite;
}

@keyframes cloudFloat {
	0%, 100% { transform: translateX(0px) translateY(0px); }
	25% { transform: translateX(10px) translateY(-5px); }
	50% { transform: translateX(-5px) translateY(10px); }
	75% { transform: translateX(-10px) translateY(-5px); }
}

/* 天空云朵装饰 */
.section::before {
	content: '';
	position: absolute;
	top: -50px;
	right: 10%;
	width: 80px;
	height: 40px;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 50%, transparent 70%);
	border-radius: 50px;
	animation: cloudDrift 15s ease-in-out infinite;
	pointer-events: none;
}

/* 成就板块样式 */
.achievement-section {
	background: linear-gradient(135deg, #f8fbff 0%, #e3f2fd 50%, #ffffff 100%);
	position: relative;
	overflow: hidden;
}

.achievement-section::after {
	content: '';
	position: absolute;
	top: 20%;
	left: -10%;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgba(135, 206, 235, 0.1) 0%, transparent 70%);
	border-radius: 50%;
	animation: floatAnimation 20s ease-in-out infinite;
}

.achievement-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 20px;
	flex-wrap: wrap;
}

.achievement-badge {
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
	color: white;
	padding: 8px 20px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 4px 15px rgba(135, 206, 235, 0.3);
	animation: pulse 2s ease-in-out infinite;
}

.achievement-desc {
	color: #1e3a8a;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

/* 成就统计数据 */
.achievement-stats {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(135, 206, 235, 0.1) 100%);
	border-radius: 20px;
	padding: 40px 20px;
	margin-bottom: 50px;
	box-shadow: 0 10px 30px rgba(135, 206, 235, 0.2);
	border: 1px solid rgba(135, 206, 235, 0.3);
}

.stat-item {
	text-align: center;
	padding: 20px 10px;
}

.stat-number {
	font-size: 48px;
	font-weight: bold;
	color: #1e3a8a;
	margin-bottom: 10px;
	background: linear-gradient(135deg, #1e3a8a 0%, #4fc3f7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.stat-label {
	font-size: 16px;
	color: #2c3e50;
	font-weight: 500;
}

/* 成就展示时间线 */
.achievement-showcase {
	position: relative;
	margin-bottom: 30px;
}

.achievement-timeline {
	height: 4px;
	background: linear-gradient(90deg, #87ceeb 0%, #4fc3f7 50%, #87ceeb 100%);
	border-radius: 2px;
	position: relative;
	margin: 0 auto;
	width: 80%;
	box-shadow: 0 2px 10px rgba(135, 206, 235, 0.4);
}

.achievement-timeline::before {
	content: '';
	position: absolute;
	left: 10%;
	top: -6px;
	width: 16px;
	height: 16px;
	background: #4fc3f7;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(79, 195, 247, 0.3);
}

.achievement-timeline::after {
	content: '';
	position: absolute;
	right: 10%;
	top: -6px;
	width: 16px;
	height: 16px;
	background: #87ceeb;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(135, 206, 235, 0.3);
}

/* 成就卡片徽章 */
.ach-box {
	position: relative;
	transition: all 0.3s ease;
	background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0 8px 25px rgba(135, 206, 235, 0.15);
	border: 1px solid rgba(135, 206, 235, 0.2);
	overflow: hidden;
}

.ach-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #87ceeb 0%, #4fc3f7 100%);
}

.ach-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(135, 206, 235, 0.25);
}

.ach-badge {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	color: white;
	z-index: 2;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.first-badge {
	background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);
}

.innovation-badge {
	background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}

.service-badge {
	background: linear-gradient(135deg, #45b7d1 0%, #96c93d 100%);
}

.data-badge {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.expert-badge {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.breakthrough-badge {
	background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.certified-badge {
	background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.ach-detail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 15px;
	padding: 10px;
	background: linear-gradient(135deg, rgba(135, 206, 235, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%);
	border-radius: 10px;
	font-size: 12px;
	color: #1e3a8a;
	font-weight: 500;
}

.achievement-icon {
	font-size: 16px;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

@keyframes pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}

@keyframes floatAnimation {
	0%, 100% { transform: translateY(0px) translateX(0px); }
	25% { transform: translateY(-20px) translateX(10px); }
	50% { transform: translateY(0px) translateX(20px); }
	75% { transform: translateY(20px) translateX(10px); }
}

.section:nth-child(even)::before {
	right: auto;
	left: 15%;
	animation-delay: -7s;
}

@keyframes cloudDrift {
	0%, 100% { transform: translateX(0px) translateY(0px) scale(1); opacity: 0.6; }
	50% { transform: translateX(30px) translateY(-10px) scale(1.1); opacity: 0.8; }
}

.section {
	position: relative;
}

body a {
	color: #333333;
}

ul,
li,
p {
	list-style: none;
	margin: 0;
	padding: 0;
}

i {
	font-style: normal;
}


.index-banner {
	height: 640px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -88px;
	padding-top: 88px;
}

.banner-content {
	padding-top: 124px;
}

a.banner-link {
	font-size: 20px;
	color: #fff;
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
	border-radius: 25px;
	line-height: 2;
	padding: 10px 50px;
	display: inline-block;
	margin-top: 75px;
	box-shadow: 0 4px 15px rgba(135, 206, 235, 0.3);
	transition: all 0.3s ease;
}

a.banner-link:hover {
	background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(135, 206, 235, 0.5);
	color: #fff;
}

.banner-tt {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	margin: 30px 0;
}

.banner-desc {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
}


.swiper-banner {
	margin-top: -88px;
}

.swiper-banner .index-banner {
	margin-top: 0;
}

@media (max-width: 992px) {
	.index-banner {
		height: auto;
		padding: 0;
	}

	.banner-content {
		padding-top: 36px;
	}

	.banner-desc {
		font-size: 14px;
	}

	.banner-tt {
		font-size: 20px;
		margin: 20px 0;
	}

	a.banner-link {
		margin-top: 40px;
		padding: 10px 20px;
		font-size: 16px;
	}

}

.section {
	padding: 80px 0;
}

.sec-title {
	font-size: 44px;
	color: #1e3a8a;
	margin-top: -26px;
}

.sec-en {
	font-size: 66px;
	color: #87ceeb;
	opacity: 0.15;
	line-height: 86px;
	text-transform: uppercase;
}

.sec-head {
	text-align: center;
	margin-bottom: 60px;
}

.sec-desc {
	font-size: 20px;
	color: #1e3a8a;
	line-height: 1.4;
	margin: 30px 0;
	display: inline-block;
	padding: 21px 37px 15px 59px;
	background: linear-gradient(135deg, rgba(135, 206, 235, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%);
	border-radius: 15px;
	border: 1px solid rgba(135, 206, 235, 0.3);
	max-width: 88.5%;
}

.sec-desc-max {
	font-size: 16px;
	line-height: 1.75;
	padding: 21px 20px 16px 38px;
}

.gray-section {
	background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 50%, #ffffff 100%);
}

.serve-box {
	display: block;
}

.serve-pic img {
	width: 100%;
}

.serve-grid {
	background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
	padding: 30px 24px;
	border-radius: 15px;
	box-shadow: 0 8px 25px rgba(135, 206, 235, 0.15);
	border: 1px solid rgba(135, 206, 235, 0.2);
	transition: all 0.3s ease;
}

.serve-box:hover .serve-grid {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(135, 206, 235, 0.25);
	background: linear-gradient(135deg, #ffffff 0%, #e3f2fd 100%);
}

.serve-title {
	font-size: 24px;
	color: #1e3a8a;
	text-align: center;
	line-height: 33px;
	margin-bottom: 16px;
}

.serve-desc {
	font-size: 12px;
	color: #2c3e50;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.serve-box {
	margin-bottom: 40px;
}

.serve-row {
	margin: 0 -12px;
}

.serve-row>div {
	padding: 0 12px;
}

.pt-row {
	margin: 0 -10px;
}

.pt-row>div {
	padding: 0 10px;
}

.pt-title {
	font-size: 30px;
	color: #1e3a8a;
	line-height: 1.4;
	margin-bottom: 35px;
}

.pt-desc {
	font-size: 16px;
	color: #2c3e50;
	line-height: 28px;
	margin-bottom: 87px;
}

.pt-link a {
	font-size: 16px;
	color: #4fc3f7;
	border-radius: 25px;
	padding: 10px 50px;
	border: 2px solid #4fc3f7;
	display: inline-block;
	background: linear-gradient(135deg, rgba(135, 206, 235, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%);
	transition: all 0.3s ease;
}

.pt-link a:hover {
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(135, 206, 235, 0.4);
}

.pt-pic img {
	width: 100%;
}

.pt-grid__pic img {
	width: 100%;
}

.pt-grid__title {
	font-size: 18px;
	color: #384567;
	opacity: 0.5;
	line-height: 25px;
	margin-top: 16px;
	overflow: hidden;
}



.swiper-slide-thumb-active .pt-grid__title {
	opacity: 1;
}

.mySwiper {
	padding: 60px 0 20px;
}

.mySwiper .swiper-pagination {
	position: unset;
	width: unset;
	margin: 0 13px;
}

.mySwiper .swiper-pagination .swiper-pagination-bullet {
	width: 14px;
	background-color: #87ceeb;
	opacity: 0.3;
	border-radius: 4px;
}

.mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 48px;
	opacity: 1;
}

.mySwiper .swiper-button-prev,
.mySwiper .swiper-button-next {
	width: 64px;
	height: 36px;
	border-radius: 18px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 0 10px #d2d2d2;
	color: #9ca3b3;
	position: unset;
	margin: 0;
}

.mySwiper .swiper-button-prev::after,
.mySwiper .swiper-button-next::after {
	font-size: 0;
}

.mySwiper .swiper-button-prev i,
.mySwiper .swiper-button-next i {
	font-size: 22px;
}

.swiper-group,
.swiper2-group {
	margin-top: 33px;
}

.mySwiper .swiper-button-prev:hover,
.mySwiper .swiper-button-next:hover {
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
	color: #fff;
	box-shadow: 0 0 15px rgba(135, 206, 235, 0.5);
}





/* mySwiper2 */
/* .mySwiper2 {
	padding: 60px 0 20px;
} */

.mySwiper2 .swiper2-pagination {
	position: unset;
	width: unset;
	margin: 0 13px;
}

.mySwiper2 .swiper2-pagination .swiper-pagination-bullet {
	width: 14px;
	background-color: #2171EF;
	opacity: 0.2;
	border-radius: 4px;
}

.mySwiper2 .swiper2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 48px;
	opacity: 1;
}

.mySwiper2 .swiper-button-prev_prev,
.mySwiper2 .swiper-button-next_next {
	width: 64px;
	height: 36px;
	border-radius: 18px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 0 10px #d2d2d2;
	color: #9ca3b3;
	position: unset;
	margin: 0;
}

.mySwiper2 .swiper-button-prev_prev::after,
.mySwiper2 .swiper-button-next_next::after {
	font-size: 0;
}

.mySwiper2 .swiper-button-prev_prev i,
.mySwiper2 .swiper-button-next_next i {
	font-size: 22px;
}

.mySwiper2.swiper2-group {
	margin-top: 33px;
}

.mySwiper2 .swiper-button-prev_prev:hover,
.mySwiper2 .swiper-button-next_next:hover {
	background-color: #2171ef;
	color: #fff;
	box-shadow: 0 0 10px RGBA(33, 113, 239, 0.5);
}

.sec-thumb .mySwiper2>.swiper2-group {
	opacity: 0;
	height: 0;
}

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

.adv-section .sec-en {
	opacity: 0.2;
}

.adv-row {
	margin: 0 -10px;
}

.adv-row>div {
	padding: 0 10px;
}

.hover-up {
	transition: .3s all;
}

.hover-up:hover {
	transform: translateY(-15px);
}


.adv-box {
	background: linear-gradient(135deg, rgba(135, 206, 235, 0.9) 0%, rgba(79, 195, 247, 0.8) 100%);
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 30px;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.adv-head {
	padding: 20px;
	position: relative;
}

.adv-title {
	font-size: 20px;
	color: #fff;
	padding-left: 12px;
	line-height: 26px;
	position: relative;
}

.adv-title::before {
	position: absolute;
	left: 0;
	content: '';
	top: 50%;
	width: 4px;
	height: 20px;
	background-color: #fff;
	margin-top: -10px;
}

.adv-body {
	padding: 30px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.adv-desc {
	height: 96px;
	overflow: hidden;
}

.adv-bg1 {
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
}

.adv-bg2 {
	background: linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%);
}


.adv-head::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 61.75%;
	background-image: linear-gradient(to right bottom, rgba(211, 222, 254, 0.5), rgba(211, 222, 254, 0));
	filter: blur(17px);
	height: 53px;
}

.adv-head::after {
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
	width: 85.26%;
	background-image: linear-gradient(to left top, rgba(211, 222, 254, 0.5), rgba(211, 222, 254, 0));
	filter: blur(17px);
	height: 26px;
}

.adv-section .sec-title {
	color: #fff;
}

.adv-foot {
	text-align: center;
	padding: 40px 0 136px;
}

.adv-foot .see-more {
	font-size: 16px;
	color: #fff;
	line-height: 2;
	width: 180px;
	padding: 8px;
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
	display: inline-block;
	border-radius: 25px;
	box-shadow: 0 4px 15px rgba(135, 206, 235, 0.3);
	transition: all 0.3s ease;
}

.product-box {
	box-shadow: 0px 8px 16px -1px rgba(231, 231, 231, 0.68);
}

.product-box .serve-grid {
	padding: 24px 24px 36px;
}

.product-box .serve-title {
	margin-bottom: 24px;
}

.see-btn {
	font-size: 16px;
	color: #4fc3f7;
	border-radius: 25px;
	border: 2px solid #4fc3f7;
	width: 180px;
	padding: 10px;
	background: linear-gradient(135deg, rgba(135, 206, 235, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%);
	transition: all 0.3s ease;
}

.see-btn:hover {
	background: linear-gradient(135deg, #87ceeb 0%, #4fc3f7 100%);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(135, 206, 235, 0.4);
}

.product-foot {
	text-align: center;
	margin-top: 32px;
}

.product-empty {
	font-size: 24px;
	color: #384567;
	ont-weight: 600;
	padding: 94px 0 79px;
	text-align: center;
}

.product-section {
	/* margin-top: -106px; */
	/* background-color: #fff; */
}

@media (max-width:992px) {
	.pt-content {
		margin-bottom: 20px;
	}

	.sec-en {
		font-size: 30px;
		line-height: 40px;
	}

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

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

	.section {
		padding: 40px 0;
	}

	.pt-desc {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 15px;
	}

	.serve-box {
		margin-bottom: 20px;
	}
}


/* 商旅云平台 */
.shanglv-banner {
	height: 568px;
}

.banner-ch {
	font-size: 72px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 100px;
}

.banner-en {
	font-size: 108px;
	font-family: GillSans;
	color: rgba(216, 216, 216, 0);
	line-height: 124px;
	-webkit-text-stroke: 1px #FFFFFF;
	text-stroke: 1px #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	opacity: 0.3;
	margin-top: -32px;
}

.banner-main {
	padding-top: 120px;
}

.bee-left {
	width: 38%;
}

.bee-right {
	width: 62%;
}

.bee-flex {
	margin: 0 -12px;
}

.bee-flex>div {
	padding: 0 12px;
}

.bee-grid {
	background: url(../images/bee_bg.png) no-repeat right bottom;
	height: 260px;
}

.bee-desc {
	font-size: 20px;
	color: #384567;
	text-align: center;
	line-height: 1.4;
	max-width: 70%;
}


.bee-lg .bee-grid {
	height: 244px;
}

/* .bee-lg .bee-pic img{
	height: 300px;
} */

.bee-pic img {
	width: 100%;
}

.bee-box {
	background-color: #fff;
}

.bee-box+.bee-box {
	margin-top: 24px;
}

@media (max-width:1300px) {
	.bee-lg .bee-pic img {
		height: 276px;
	}

	.bee-pic img {
		height: 248px;
	}

	.bee-grid {
		height: 248px;
	}
}

@media (max-width:1200px) {
	.bee-lg .bee-pic img {
		height: 230px;
	}

	.bee-pic img {
		height: 225px;
	}

	.bee-grid {
		height: 225px;
	}
}

@media (max-width:992px) {
	.bee-lg .bee-pic img {
		height: 170px;
	}

	.bee-grid {
		padding: 0 20px;
	}

	.bee-pic img {
		height: 195px;
	}

	.bee-grid {
		height: 195px;
	}

	.bee-desc {
		max-width: unset;
	}

	.banner-ch {
		font-size: 40px;
		line-height: 54px;
	}

	.banner-en {
		font-size: 60px;
		line-height: 80px;
		margin-top: -20px;
	}

	.shanglv-banner {
		height: 300px;
	}
}


@media (max-width:768px) {
	.bee-flex {
		display: block;
	}
	.adv-desc{
		height: 140px;
	}

	.bee-flex>div {
		width: 100%;
	}

	.bee-box {
		display: block;
	}

	.bee-grid {
		height: 100px;
		background: unset;
	}

	.bee-right {
		display: flex;
	}

	.bee-right .bee-box {
		margin-top: 0;
		flex: 1;
	}

	.bee-right .bee-box+.bee-box {
		margin-left: 20px;
	}

	.bee-lg .bee-grid {
		height: 100px;
	}

	.bee-desc {
		font-size: 16px;
	}

	.bee-pic img {
		height: auto !important;
	}

	.bee-lg {
		margin-bottom: 24px;
	}

	.sec-desc {
		max-width: unset;
		font-size: 16px;
	}

}


/* 解决方案 */
.res-row {
	margin: 0 -10px;
}

.res-row>div {
	padding: 0 10px;
}

.res-box {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.res-pic {
	flex: 0 0 auto;
}

.res-pic img {
	width: 100%;
}

.res-grid {
	padding: 20px 30px 24px;
	text-align: center;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

.res-title {
	font-size: 20px;
	color: #384567;
	margin-bottom: 14px;
	line-height: 1.4;
	font-weight: 600;
}

.res-desc {
	font-size: 14px;
	color: #384567;
	line-height: 24px;
	flex: 1 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.manage-section {
	background: url(../images/manage_bg.jpg) no-repeat center;
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 72px;
}

.manage-section .sec-head {
	margin-bottom: 40px;
}

.manage-section .sec-en {
	opacity: 0.2;
}

.manage-row {
	margin: 0 -12px;
}

.manage-row>div {
	padding: 0 12px;
}

.manage-box {
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 24px;
	overflow: hidden;
}

.manage-title {
	font-size: 26px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #343854;
	line-height: 37px;
	margin-bottom: 14px;
}


.manage-content {
	padding: 16px;
}

.manage-desc {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #343854;
	line-height: 24px;
}


.sale-flex {
	margin: 0 -10px;
}

.sale-flex__item {
	padding: 0 10px;
	box-sizing: border-box;
	width: 50%;
}

.sale-pic img {
	width: 100%;
}


.sale-content {
	padding-left: 12.7%;
}

.sale-title {
	font-size: 32px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 45px;
	margin-bottom: 7px;
}

.sale-desc {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 32px;
	margin-top: 25px;
}

.sale-line {
	width: 72px;
	height: 7px;
	background: #2171EF;
}

.link-section {
	background: url(../images/link.jpg) no-repeat center;
	background-size: cover;
}

.link-section .sec-en {
	opacity: 0.2;
}

.link-section .sec-desc {
	margin: 40px 0;
	width: 86%;
	color: #fff;
}

.link-section .sec-title {
	color: #fff;
}

.load {
	margin-bottom: 9px;
}

.load img {
	width: 100%;

}

.link2-section {
	background: url(../images/link2.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 40px;
}

.link-section .sec-head {
	margin-bottom: 0;
}

.link2-section .sec-head {
	margin-bottom: 0;
}

.link2-section .sec-desc {
	margin: 40px 0 20px;
	width: 86%;
}

.finance-section {
	background-color: #F4F7FB;
}

.load2 {
	width: 92%;
	margin: 0 auto;
}

.load2 img {
	width: 100%;
}


.finance-section .sec-desc {
	margin: 40px 0;
	width: 86%;
}

.finance-section .sec-head {
	margin-bottom: 0;
}

.finance-box {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.finance-pic {
	flex-shrink: 0;
}

.finance-pic img {
	width: 100%;
}

.finance-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
	text-align: center;
	margin-top: 16px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}


.finance-row {
	margin: 0 -10px;
}

.finance-row>div {
	padding: 0 10px;
}

.finance-pic img {
	width: 100%;
}


.decision-section .sec-desc {
	margin: 40px 0;
	width: 80%;
}

.decision-section .sec-head {
	margin-bottom: 0;
}

.manage-pic img {
	width: 100%;
}

@media (max-width:768px) {

	.manage-pic {
		width: 50%;
	}

	.manage-content {
		padding: 10px;
	}

	.manage-title {
		font-size: 18px;
	}

	.sale-flex {
		display: block;
	}

	.sale-flex__item {
		width: 100%;
	}

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

	.sale-line {
		height: 4px;
		width: 40px;
	}

	.sale-content {
		padding-left: 0;
		margin-top: 30px;
	}

	.sale-desc {
		font-size: 16px;
	}

	.load2 {
		width: 100%;
	}

	.res-grid {
		padding: 10px;
	}

	.res-title {
		font-size: 18px;
	}

	.finance-title {
		font-size: 16px;
	}
}

/* 航旅财务管理平台 */

.lucky-section {
	background: url(../images/fly.png) no-repeat center top 83px #F5F7FB;
}

.cat-row {
	margin: 0 -12px;
	display: flex;
	flex-wrap: wrap;
}

.cat-row>div {
	padding: 0 12px;
	display: flex;
}

.cat-box {
	background-color: #fff;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.cat-pic {
	flex-shrink: 0;
}

.cat-pic img {
	width: 100%;
	display: block;
}

.cat-grid {
	padding: 24px;
	text-align: center;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.cat-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
	margin-bottom: 8px;
}

.cat-desc {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	max-width: 74%;
	margin: 0 auto;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width:768px) {
	.cat-grid {
		padding: 15px;
	}

	.cat-desc {
		width: 100%;
		min-height: 94px;
		height: auto;
		max-width: 100%;
	}
	.res-desc{
		min-height: 120px;
	}

	.cat-title {
		font-size: 18px;
	}
}


/* 全链路售后平台 */
.vie-section {
	background-color: #F5F7FB;
}

.vie-section .sec-desc {
	margin: 40px 0;
}

.vie-row {
	margin: 0 -8px;
}

.vie-row>div {
	padding: 0 8px;
}


.vie-box {
	position: relative;
	margin-bottom: 24px;
	border-radius: 8px;
}

.vie-box img {
	width: 100%;
}

.vie-title {
	position: absolute;
	font-size: 24px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.vie-cover {
	font-size: 28px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 56px;
	border-bottom: 7px solid #2171EF;
}

.vie-desc {
	font-size: 16px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #384567;
	line-height: 28px;
	margin-top: 48px;
}

.vie-left {
	width: 224px;
	margin-right: 56px;
}

.vie-content {
	padding-top: 40px;
}


.vieAdv-section {
	background: url(../images/vieadv_bg.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 100px;
}

.vieAdv-section .sec-title {
	color: #fff;
}

.vieAdv-section .sec-en {
	opacity: 0.3;
}

.vieAdv-section .sec-head {
	margin-bottom: 40px;
}

.row20 {
	margin: 0 -10px;
}

.row20>div {
	padding: 0 10px;
}

.vieAdv-pic img {
	width: 100%;
}

.vieAdv-box {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
}

.vieAdv-grid {
	padding: 29px 20px;
}

.vieAdv-desc {
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	height: 56px;
	overflow: hidden;
	line-height: 28px;
}

@media (max-width:768px) {
	.vie-flex {
		display: block;
	}

	.vie-title {
		font-size: 16px;
	}

	.vie-left {
		margin-right: 0;
		margin-bottom: 30px;
		width: unset;
	}

	.vie-cover {
		font-size: 20px;
		line-height: 40px;
		border-bottom-width: 3px;
	}

	.vie-desc {
		margin-top: 20px;
		font-size: 14px;
	}

	.vieAdv-grid {
		padding: 10px;
	}

	.vieAdv-desc {
		font-size: 14px;
		height: 80px;
	}
}

/* 航旅运营平台 */
.mammoth-section .sec-desc {
	margin: 40px 0;
}

.mammoth-section {
	background-color: #F5F7FB;
}

.mammoth-box {
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 6px 12px 0px rgba(211, 228, 255, 0.22);
}

.mammoth-grid {
	padding: 20px 30px;
	text-align: center;
}

.mammoth-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
	margin-bottom: 14px;
}

.mammoth-desc {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
}

.mammoth-pic img {
	width: 100%;
}

.mamAdv-section {
	background: url(../images/fly.png) no-repeat center top 10px #fff;
}

.mamAdv-section .sec-head {
	margin-bottom: 40px;
}

.row24 {
	margin: 0 -12px;
}

.row24>div {
	padding: 0 12px;
}

.mamAdv-flex {
	background: #FFFFFF;
	box-shadow: 0px 8px 16px -1px rgba(231, 231, 231, 0.68);
	border-radius: 12px;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 24px;
}

.mamAdv-pic {
	margin-right: 16px;
	width: 128px;
	overflow: hidden;
	background-color: #e4eefd;
	border-radius: 6px;
}

.mamAdv-pic img {
	width: 100%;
}

.mamAdv-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
	margin-bottom: 12px;
}

.mamAdv-desc {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	line-height: 20px;
}

.travel-section {
	background: url(../images/travel.png) no-repeat center top;
	background-size: cover;
	padding-bottom: 63px;
}

.travel-section .sec-head {
	margin-bottom: 40px;
}


.travel-flex {
	margin: 0 -20px;
}

.travel-flex>div {
	padding: 0 20px;
}

.travel-left {
	width: 38.5%;
}

.travel-content p {
	font-size: 18px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	margin-bottom: 30px;
	line-height: 30px;
}

.travel-right {
	width: 61.5%;
}

.travel-box {
	background: #FFFFFF;
	border-radius: 12px;
	height: 169px;
	padding: 0 24px;
	flex-direction: column;
	margin-bottom: 20px;
	color: #384567;
}

.travel-title {
	font-size: 22px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 12px;
}

.travel-desc {
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	line-height: 24px;
}

.travel-box:hover {
	background-color: #2171EF;
	color: #fff;
}


.hum-section {
	background: url(../images/hum_bg.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 0;
}

.hum-section .sec-desc {
	margin: 40px 0 9px;
}

.hum-section .sec-head {
	margin-bottom: 0;
}

.hum-box {
	width: 222px;
	height: 196px;
	font-size: 22px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #323233;
	line-height: 32px;
	text-align: center;
	background: url(../images/block.png) no-repeat center;
	background-size: cover;
	padding: 0 20px;
}

.hum-box1 {
	color: #fff;
	background-image: url(../images/block1.png);
}

.hum-box2 {
	color: #fff;
	background-image: url(../images/block2.png);
}


.hum-item:first-child {
	margin-left: -11px;
}

.hum-item {
	margin-left: -55px;
}


.hum-adv {
	font-size: 36px;
	color: #2171EF;
	font-weight: bold;
	padding-top: 60px;
}

.hum-item:last-child {
	margin-right: -11px;
}


.trip-section {
	background: url(../images/trip.jpg) no-repeat center top;
	background-size: cover;
	padding-top: 70px;
	padding-bottom: 100px;
}


.trip-section .sec-head {
	margin-bottom: 64px;
}

.row40 {
	margin: 0 -20px;
}

.row40>div {
	padding: 0 20px;
}

.trip-bar {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 8px;
	text-align: center;
	border: 1px dashed rgba(0, 0, 0, 0.6);
	padding: 34px 10px 30px;
	margin-bottom: 20px;
}

.trip-tips {
	font-size: 16px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #384567;
	line-height: 22px;
	text-align: center;
}


.trip-btn {
	font-size: 18px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 24px;
	padding: 6px;
	background: #2171EF;
	border-radius: 24px;
	display: inline-block;
	width: 148px;
}

.trip-top {
	margin-top: -60px;
	margin-bottom: 24px;
}

.easy-btn {
	background-color: #EF9E21;
}

.trip-box {
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0px 8px 16px -1px rgba(231, 231, 231, 0.68);
}

.trip-pic img {
	width: 100%;
}

.trip-grid {
	padding: 20px;
	text-align: center;
}

.trip-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
	margin-bottom: 14px;
}

.trip-desc {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

@media (max-width:1300px) {
	/* 	.hum-item:first-child{
		margin-left: 0;
	}
	
	.hum-item:last-child{
		margin-right: 0;
	} */

	.hum-item {
		margin-left: -34px;
	}
}

@media (max-width:1200px) {

	.hum-box {
		width: 100%;
		height: 150px;
		font-size: 18px;
		line-height: 26px;
	}

	.hum-box img {
		width: 100%;
	}

	.hum-adv {
		font-size: 24px;
		padding-top: 50px;
	}

}

@media (max-width:992px) {
	.travel-flex {
		display: block;
	}

	.travel-left {
		width: 100%;
		box-sizing: border-box;
	}

	.travel-right {
		box-sizing: border-box;
		width: 100%;
	}

	.travel-right .row20>div {
		align-self: flex-start !important;
	}

	.hum-box {
		height: 100px;
		font-size: 14px;
	}

	.hum-item {
		margin-left: -24px;
	}

	.hum-adv {
		font-size: 20px;
	}
}




@media (max-width:768px) {
	.trip-bar {
		margin-bottom: 40px;
	}

	.travel-title {
		font-size: 18px;
	}

	.travel-box {
		padding: 0 14px;
	}

	.travel-desc {
		font-size: 14px;
		text-align: center;
	}

	.travel-flex .travel-right .col-6:last-child {
		margin-top: -189px;
	}

	.hum-row {
		display: block;
	}


	.trip-title {
		font-size: 18px;
	}

	.trip-grid {
		padding: 10px;
	}

	.trip-desc {
		height: 112px;
	}
	.mammoth-desc{
		height: 96px
	}


	.hum-item {
		margin: 0 !important;
		width: 33.33%;
		display: inline-block;
		float: left;
	}

	.mammoth-grid {
		padding: 10px 15px;
	}

	.mammoth-title {
		font-size: 18px;
	}

	.hum-box {
		height: 100px;
	}

	.hum-item:nth-child(4) {
		width: 100%;
		margin-top: -100px !important;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.hum-item:nth-child(4) .hum-box {
		width: 33.33%;
		margin-top: 0;
	}

	.hum-adv {
		font-size: 18px;
		padding-top: 0;
	}

	.row40 {
		margin: 0 -10px;
	}

	.row40>div {
		padding: 0 10px;
	}

	.travel-flex {
		margin: 0;
	}

	.travel-flex>div {
		padding: 0;
	}
}

/* 航旅资源聚合平台2 */
.comb-banner .banner-ch {
	color: #2171EF;
}

.comb-banner .banner-en {
	color: #2171EF;
	opacity: 0.04;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #2171EF;
}

.comb-box {
	background: #FFFFFF;
	box-shadow: 0px 6px 12px 0px rgba(211, 228, 255, 0.22);
	margin-bottom: 24px;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.comb-pic {
	flex-shrink: 0;
}

.comb-pic img {
	width: 100%;
}

.comb-grid {
	padding: 4px 4px 20px 20px;
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.comb-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
	margin-bottom: 8px;
}

.comb-desc {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	line-height: 24px;
	overflow: hidden;
	flex: 1;
	display: flex;
	align-items: center;
}


.comb-number {
	font-size: 60px;
	font-family: DINCondensed-Bold, DINCondensed;
	font-weight: bold;
	color: #2171EF;
	line-height: 1.2;
	opacity: 0.06;
	position: absolute;
	right: 4px;
	bottom: -4px;
}

.comb-row {
	margin: 0 -12px;
}


.comb-row>div {
	padding: 0 12px;
}

.comb-section {
	padding-bottom: 20px;
	background-color: #F5F7FB;
}

.comb-section .sec-desc {
	margin: 40px 0;
}

.agg-section {
	padding-bottom: 0;
	background-color: #F5F7FB;
}

.agg-section .sec-head {
	margin-bottom: 40px;
}

.agg-box {
	padding: 10px;
	background-color: #fff;
	box-shadow: 0px 8px 16px -1px rgba(231, 231, 231, 0.68);
	border-radius: 12px;
	margin-bottom: 22px;
}

.agg-content {
	padding-left: 24px;
}

.agg-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 28px;
}

.agg-right {
	padding-top: 63px;
	width: 32%;
	margin-left: 20px;
}

@media (min-width:1200px) {
	.comb-row>.col-lg-3 {
		flex: 0 0 20%;
	}
}

@media (max-width:1200px) {
	.agg-title {
		font-size: 16px;
		line-height: 24px;
	}

	.agg-content {
		padding-left: 16px;
	}

	.comb-number {
		font-size: 40px;
	}
}

@media (max-width:992px) {
	.agg-flex {
		display: block;
	}

	.agg-right {
		padding-top: 0;
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width:768px) {
	.comb-banner .banner-en {
		font-size: 30px;
	}

	.comb-grid {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.comb-title {
		font-size: 18px;
	}


	.comb-row {
		margin: 0 -8px;
	}

	.comb-row>div {
		padding: 0 8px;
	}

	.comb-box {
		margin-bottom: 16px;
	}

}

/* 关于我们 */
.intr-left {
	width: 40%;
	text-align: center;
}

/* .intr-pic img {
	width: 100%;
} */


.intr-right {
	padding-left: 32px;
}

.intr-desc {
	padding-top: 24px;
}

.intr-desc p {
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #384567;
	line-height: 28px;
	text-indent: 2em;
	margin-bottom: 28px;
}

.intr-desc p span {
	color: #2171EF;
}

.ach-box {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ach-pic {
	border-radius: 10px;
}

.ach-pic img {
	width: 100%;
}

.ach-desc {
	font-size: 16px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #384567;
	line-height: 2.2;
	text-align: center;
	margin-top: 12px;
	overflow: hidden;
	padding: 0 8px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 66px;
}

.honor-section {
	background-color: #F5F7FB;
}

.honor-section .sec-head {
	margin-bottom: 12px;
}

.honor-box {
	text-align: center;
	margin-bottom: 20px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.honor-pic {
	max-width: 100%;
	overflow: hidden;
}

.honor-pic img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.honor-row {
	margin: 0 -34px;
}

.honor-row>div {
	padding: 0 34px;
}

.honor-content {
	padding: 0 37px;
}

.honor-title {
	padding: 0 11.3%;
	max-width: 100%;
}

.honor-title img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

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

.contact-section .sec-head {
	margin-bottom: 40px;
}

.contact-section .sec-title {
	color: #fff;
}

.contact-section .sec-en {
	opacity: 0.4;
}

.contact-box {
	background: #FFFFFF;
	overflow: hidden;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 20px;
}

.contact-pic img {
	width: 100%;
}

.contact-grid {
	padding: 30px 24px 44px;
	background-position: right -10px bottom -10px;
	background-repeat: no-repeat;
}

.contact-title {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	margin-bottom: 20px;
	line-height: 28px;
}

.contact-desc {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #384567;
	line-height: 32px;
	height: 64px;
}

.contact-number {
	font-size: 20px;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: #384567;
	line-height: 40px;
}

.sale-pic {
	position: relative;
	margin: 40px 0;
}

.sale-pic .item-text {
	width: 170px;
	position: absolute;
	color: #2171ef;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	transition: .3s all;
}

.item-text:hover {
	transform: translateY(-10px);
}

.sale-pic .item-text:nth-child(1) {
	left: 0;
	top: -30px;
}

.sale-pic .item-text:nth-child(2) {
	right: 0;
	top: -20px;
}

.sale-pic .item-text:nth-child(3) {
	left: 0;
	bottom: 100px;
}

.sale-pic .item-text:nth-child(4) {
	right: 0;
	bottom: 100px;
}

.agg-ball {
	position: relative;
}

.agg-ball .agg-txt {
	position: absolute;
	z-index: 3;
	transition: .5s all;
}

.agg-ball .agg-txt a {
	text-align: center;
	display: block;
	min-width: 150px;
	height: 40px;
	line-height: 60px;
	font-size: 16px;
}

.agg-ball .agg-txt:nth-child(1) {
	left: 5px;
	top: 150px;
}

.agg-ball .agg-txt:nth-child(2) {
	left: 280px;
	top: 164px;
}

.agg-ball .agg-txt:nth-child(3) {
	left: 480px;
	top: 180px;
}

.agg-ball .agg-txt:nth-child(4) {
	left: 548px;
	top: 329px;
}

.agg-ball .agg-txt:nth-child(5) {
	left: 570px;
	top: 270px;
}

.agg-ball .agg-txt:nth-child(6) {
	left: 30px;
	top: 306px;
}

.agg-ball .agg-txt:nth-child(7) {
	left: 264px;
	top: 396px;
}

.agg-ball .agg-txt:nth-child(8) {
	left: 60px;
	top: 448px;
}

.agg-ball .agg-txt:nth-child(9) {
	left: 497px;
	top: 439px;
}

.agg-ball .agg-txt:nth-child(10) {
	left: 480px;
	top: 448px;
}

.agg-ball .agg-txt a:hover {
	color: #2171EF;
	font-weight: bold;
	text-shadow: 0 4px 10px #2171EF;
}

.hum-pic {
	text-align: center;
	padding-bottom: 100px;
}

.pc-show {
	display: none;
}

.m-show {
	display: block;
}

@media (min-width:1300px) {
	.contact-number {
		font-size: 30px;
	}

	.pc-show {
		display: block;
	}

	.m-show {
		display: none;
	}
}


@media (max-width:992px) {

	.honor-content {
		padding: 0 17px;
	}

	.honor-row {
		margin: 0 -17px;
	}

	.honor-row>div {
		padding: 0 17px;
	}

	.intr-flex {
		display: block;
	}

	.intr-right {
		padding-left: 0;
	}

	.intr-left {
		width: 100%;
	}

	.sale-pic .item-text {
		width: 120px;
		font-size: 14px;
	}

	.sale-pic .item-text:nth-child(1) {
		left: 0;
		top: -30px;
	}

	.sale-pic .item-text:nth-child(2) {
		right: 0;
		top: -20px;
	}

	.sale-pic .item-text:nth-child(3) {
		left: 0;
		bottom: 60px;
	}

	.sale-pic .item-text:nth-child(4) {
		right: 0;
		bottom: 60px;
	}

	.sec-thumb .mySwiper {
		display: none;
	}

	.sec-thumb .mySwiper2>.swiper2-group {
		opacity: 1;
		height: auto;
	}

	.serve-grid {
		padding: 15px;
	}

	.serve-title {
		font-size: 16px;
		height: 24px;
		overflow: hidden;
		line-height: 24px;
		margin-bottom: 6px;
	}

	.mySwiper2 {
		padding: 0 0 20px;
	}

	.swiper-banner {
		margin-top: 0;
	}

	.swiper-banner .index-banner {
		background-size: 100% 180px;
		height: 180px;
	}

	.adv-title {
		font-size: 18px;
	}

	.adv-head {
		padding: 15px 20px;
	}

	.product-box .serve-grid {
		padding: 15px;
	}

	.see-btn {
		font-size: 14px;
		width: 100%;
		padding: 6px;
	}

	.product-foot {
		margin-top: 15px;
	}

	.product-box .serve-title {
		margin-bottom: 15px;
	}

	.product-section .row,
	.gray-section .row {
		margin: 0 -7.5px;
	}

	.product-section .col-6,
	.gray-section .col-6 {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

	.adv-box {
		margin-bottom: 15px;
	}

	.sec-head {
		margin-bottom: 40px;
	}
}

.hum-box-unset {
	background: unset;
}


.about-banner {
	background-image: url(../images/about.jpg);
}

.comb-banner {
	background-image: url(../images/club_Bg.jpg);
}

.link-banner {
	background-image: url(../images/link_banner.jpg);
}

.shanglv {
	background-image: url(../images/shanglv.jpg);
}


@media (max-width:992px) {
	.index-banner {}
}

@media (max-width:992px) {
	.achievement-subtitle {
		flex-direction: column;
		gap: 10px;
	}
	
	.achievement-desc {
		font-size: 14px;
		max-width: 100%;
	}
	
	.achievement-stats {
		padding: 30px 15px;
		margin-bottom: 30px;
	}
	
	.stat-number {
		font-size: 36px;
	}
	
	.stat-label {
		font-size: 14px;
	}
	
	.ach-box {
		margin-bottom: 20px;
		padding: 15px;
	}
	
	.ach-badge {
		top: 10px;
		right: 10px;
		padding: 4px 8px;
		font-size: 10px;
	}
	
	.ach-detail {
		margin-top: 10px;
		padding: 8px;
		font-size: 11px;
	}
	
	.achievement-icon {
		font-size: 14px;
	}
}

@media (max-width:768px) {
	.stat-number {
		font-size: 28px;
	}
	
	.stat-label {
		font-size: 12px;
	}
	
	.achievement-timeline {
		width: 90%;
	}
	
	.ach-desc {
		height: 86px;
		font-size: 14px;
		padding-left: 0;
		padding-right: 0;
	}

	.about-banner {
		background-image: url(../images/about-sm.png);
	}

	.comb-banner {
		background-image: url(../images/clubsm_Bg.png);
	}

	.link-banner {
		background-image: url(../images/linksm_banner.png);
	}
	
	.shanglv {
		background-image: url(../images/shanglv-sm.png);
	}

	.sec-en {
		opacity: 0.02 !important;
	}

	.banner-en {
		font-size: 40px;
		line-height: 64px;
	}

	.banner-ch {
		font-size: 30px;
		line-height: 40px;
	}

	.shanglv-banner {
		height: 260px;
	}

	.contact-desc {
		font-size: 14px !important;
		white-space: pre-wrap;
		height: auto;
		line-height: 24px;
	}

	.contact-grid {
		padding: 10px;
		padding-bottom: 20px;
	}

	.contact-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.contact-section .row24 {
		margin: 0 -6px;
	}

	.contact-section .row24>div {
		padding: 0 6px;
	}

	.honor-row>div {
		padding: 0 7px;
	}

	.honor-row {
		margin: 0 -7px;
	}

	.honor-content {
		padding: 0;
	}

}