p{
	margin: 0;
	padding: 0;
}

body{
	min-width: 1300px;
}

.header {
	position: absolute;
	top: 2%;
	left: 1%;
	z-index: 999;
	width: 99%;
}
.header .nav-left {
	width: 8%;
	float: left;
}
.header .nav-left img{
	width: 100%;
}

.nav-link {
	padding: 0.5rem 2rem;
	color: #fff;
}

.nav-item a:link {
	color:#fff;
}
.nav-item a:visited {
	color:#fff;
}
.nav-item a:hover {
	color:#fff;
}

.clear-both {
	clear: both;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

.main-content{
	position: relative;
}

.about-us {
	position: relative;
}

.company-logo img {
	width: 100%;
	/*height: 60vh;*/
	min-height: 560px;
	max-height: 840px;
	/*min-width: 1080px;*/
}

.about-us-title .about-us-title-logo {
	top: 1%;
	left: 2%;
	width: 8px;
	position: absolute;
}

.about-us-title-logo img {
	width: 100%;
}

.about-us-title .about-us-content{
	position: absolute;
	top: 1%;
	left: 2%;
	margin-left: 20px;
	color: #EFEFF0;
	font-weight: bold;
	font-size: 18px;
}

.about-us .desc {
	color: #EFEFF0;
	font-weight: bold;
}

.about-us .desc .desc-title {
	position: absolute;
	top: 4%;
	left: calc((100% - 450px)/2);
}

.desc-title-position {
	float: left;
}

.desc-title .desc-text {
	padding:0 20px;
}

.desc-title .desc-title-logo {
	width: 150px;
	margin-top: 16px;
}

.desc-title-logo img {
	width: 100%;
}

.desc-title .desc-title-cn {
	font-size: 18px;
}

.desc-title .desc-title-en {
	font-size: 18px;
}

.desc .desc-detail {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 8%;
	width: 50%;
	left: 25%;
}

.detail-text-item {
	border: 1px solid #fff;
	display: flex;
}


.point {
	border-radius: 100%;
	background-color: #fff;
}

.detail-text{
	margin-left: 16px;
	line-height: 34px;
	width: 98%;
}


.desc-detail .desc-detai-logo {
	padding-top: 10px;
}

.desc-detail .desc-detail-text {
	margin-left: 10px;
}

.about-high-content {
	position: absolute;
	left: 10%;
	top: 27%;
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	justify-items: center;
}
.about-high-item{
	font-size: 1.1em;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 23%;
	text-align: center;
	color: #fff;
}

.odd-background {
	background: #FF9C00;
}

.even-background {
	background: #69aae2;
}

.about-high-logo {
	width: 20%;
	margin: 0 auto;
}

.about-high-logo img{
	width: 100%;
}

.margin-top-10{
	margin-top: 2%;
}

.about-high-text{
	color: #fff;
	line-height: 250%;
	font-size: 0.8vw;
}

.v-center {
	align-items: center;
	justify-content: center;
	display: flex;
	font-size: 1.2vw;
}

.about-us::before, .about-us::after {
	content: "";
	display: table;
}
.about-us::after {
	clear: both;
}
.corporate {
	margin: 0 auto;
	width: 70%;
}

.corporate .corporate-icon {
	width: 10px;
	height: 40px;
	background: #FF9C00;
}

.corporate .corporate-title  {
	line-height: 40px;
	text-align: center;
	margin-left: 15px;
	font-size: 34px;
	font-weight: bold;
	display: table-cell;
	padding-bottom: 0px;
}

/* 文字底部对齐 */
.corporate-title-both {
	display: flex;
	align-items: baseline;
}

.corporate .corporate-title-en {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
}

.corporate .corporate-desc {
	font-weight: bold;
	line-height: 29px;
	font-size: 14px;
	margin-top: 20px;
	color: #959595;
}

.corporate-logo {
	margin-top: 40px;
}


.corporate-logo img{
	height: auto;
	width: 100%;
	min-height: 407px;
}

.about-us .increase-logos{
	align-items: center;
	justify-content: center;
	display: flex;
	width: 90%;
	margin: 40px auto;
}

.about-us .increase-logos .increase-logo {
	width: calc((100% - 412px)/6);
	text-align: center;
	margin: 0 auto;
}

.increase-logo img{
	max-width: 110px;
	width: 100%;
}

.about-us .increase-logos .logo-desc {
	font-weight: bold;
	margin-top: 20px;
	font-size: 20px;
	color: #333333;
}

.logo-desc p {
	margin-top: 5px;
}

.product-introduction {
	margin-top: 50px;
}

.product-introduction .product-introduction-title{
	margin-top: 50px;
	font-weight: bold;
	font-size: 16px;
}

.product-introduction .corporate-desc {
	margin-top: 20px;
}

.product-introduction .product-logos {
	width: 100%;
	margin: 40px auto;
}

.margin-left-10 {
	margin-left: 10px;
}

.product-introduction .product-logos .product-logo {
	float: left;
	width: calc((100% - 20px)/3);
	position: relative; /* 设置相对定位 */
}

.product-logo::after {
	content: '';
	display: block;
	position: absolute; /* 设置绝对定位 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(47, 20, 0,  0.65); /* 设置遮罩层颜色和透明度 */
	opacity: 1; /* 初始透明度为0（即不可见） */
	/*transition: opacity 0.3s ease-out; !* 设置过渡效果 *!*/
	z-index: 1; /* 设置遮罩层比图片层级高 */
}
.product-logo:hover::after {
	background-color: rgba(47, 20, 0,  0.85); /* 设置遮罩层颜色和透明度 */
	opacity: 1; /* 鼠标移入时设置遮罩层透明度为1（即可见） */
}

.product-logo .product-logo-desc {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5vw;
	z-index: 2;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.product-logo-content {
	font-size: 16px;
	font-weight: lighter;
	margin-top: 10px;
	text-align: left;
	line-height: 40px;
	display: none;
}

.product-logo img {
	width: 100%;
}

.product-introduction .employ-welfare-shop {
	width: 70%;
	margin: 0px auto;
}

.product-introduction .welfare-shop-list{
	width: 90%;
	margin: 50px auto;
	display: flex;
	flex-wrap: wrap;
}

.welfare-shop-list .shop-list-item {
	position: relative; /* 设置相对定位 */
	width:375px;
	border: 2px solid #fff;
	box-sizing: border-box;
	flex-basis: calc(100%/3);
}

.shop-list-item::after {
	content: '';
	display: block;
	position: absolute; /* 设置绝对定位 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(4, 102,194,  0.5); /* 设置遮罩层颜色和透明度 */
	opacity: 1; /* 初始透明度为0（即不可见） */
	transition: opacity 0.3s ease-out; /* 设置过渡效果 */
	z-index: 1; /* 设置遮罩层比图片层级高 */
}

.shop-list-item:hover::after {
	background-color: rgba(4, 102,194,  0.85); /* 设置遮罩层颜色和透明度 */
	opacity: 1; /* 鼠标移入时设置遮罩层透明度为1（即可见） */
}

.shop-list-item .shop-item-desc {
	position: absolute;
	top:55%;
	left: 55%;
	transform: translate(-55%, -55%);
	font-size: 1.5vw;
	z-index: 2;
	color: #fff;
	text-align: center;
}

.shop-list-item:hover .shop-item-desc {
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.shop-item-content {
	font-size: 1.2vw;
	margin-top: 10px;
	text-align: left;
	line-height: 40px;
	display: none;
}

.welfare-shop-list img{
	width: 100%;
}

.advantages-vs {
	margin: 30px auto;
	width: 70%;
	display: flex;
	justify-content: space-between;
}

.vs-content {
	width: 50%;
	border: 3px solid #fff;
	border-radius: 10px;
	text-align: center;
	position: relative;
	aspect-ratio: 0.95;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vs-list {

}

.advantages-vs .vs-left{
	background-color: #69aae2;
}

.advantages-vs .vs-right{
	background-color: #FF9C00;
}

.advantages-vs .vs-button {
	font-size: 1.6vw;
	border-radius: 15px;
	background-color: #fff;
	padding: 0.8vw 1.5vw;
}
.vs-item-list {
	margin-top: 10px;
	text-align: left;
	font-size: 1.2vw;
	margin-left: 74px;
}
.vs-item-list p {
	color: #fff;
	padding: 0.8vw;
}

.advantages-vs .vs-button-left {
	color: #69aae2;
}

.advantages-vs .vs-button-right {
	color: #FF9C00;
}

.vs-button-left:hover,.vs-left p:hover {
	color: #0060ff;
}

.vs-button-right:hover,.vs-right p:hover {
	color: #503100;
}

.our-advantages .vs-circle {
	display: flex;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	border: 1px solid #fff;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: calc(100% - 100px);
	top:calc(50% - 100px);
	transform: translate(- calc(100% - 100px), - calc(50% - 100px));
	z-index:4;
	background-color: #fff;
}

.vs-circle-text {
	font-size: 6em;
	text-align: center;
	font-weight: bold;
}

.vs-circle .vs-circle-left-text {
	color: #69aae2;
}

.vs-circle .vs-circle-right-text {
	color: #FF9C00;
}

/* 顾问级专属服务 */
.consultant-level-service .service-list{
	display: flex;
	flex-wrap: wrap;
}

.service-title {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 20px;
	font-size: 30px;
}

.consultant-level-service .service-list-item {
	position: relative;
	border: 2px solid #fff;
	box-sizing: border-box;
	flex-basis: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-list-item img {
	width: 100%;
}
.consultant-level-service .service-item-left {
	background-color: #FF9C00;
}

.consultant-level-service .service-item-left:hover {
	background-color: #633D00;
}
.consultant-level-service .service-item-right {
	background-color: #69aae2;
}
.consultant-level-service .service-item-right:hover {
	background-color: #124978;
}

.consultant-level-service .service-item-desc {
	color: #fff;
}

.desc-content {
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-item-desc .service-item-title {
	font-size: 1.5vw;
	line-height: 90px;
}

.service-item-desc .service-item-content {
	font-size: 0.8vw;
	line-height: 40px;
}

.one-item:hover .desc-content{
	margin-bottom: 40px;
}

.byfoli-qualificat .service-title {
	padding-bottom:0;
}

/*资质*/
.byfoli-qualificat-logo {
	width: 100%;
	margin: 0 auto;
}

.byfoli-qualificat-logo img{
	width: 100%;
}

.supplier-channel .service-title{
	margin-top: 50px;
	padding-bottom:0;
}

.supplier-channel .supplier-channel-logo img{
}


.our-social-respnsbility .our-social-respnsbility-logo {
	margin: 0 auto;
	width: 80%;
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
}

.our-social-respnsbility-logo .respnsbility-left-logo {
	width: 30%;
}

.our-social-respnsbility-logo .respnsbility-right-logo {
	width: 67%;
}

.respnsbility-left-logo img{
	width: 100%;
}

.respnsbility-right-logo img{
	width: 100%;
}
/*合作伙伴*/
.partners {
	margin-top: 50px;
}
.partners .partners-logo {
	margin-top: 50px;
	width: 100%;
}
.partners-logo img {
	width: 100%;
}

/*联系我们*/
.contact-us {
	position: relative;
}
.contact-us-logo {
	width: 100%;
}
.contact-us-logo img{
	width: 100%;
}

.contact-us .contact-us-desc {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 9;
	font-size: 1.6vw;
	line-height: 200%;
	text-align: center;
}

/*右边导航*/
#tab-list {
	position: fixed;
	left: 89vw;
	top: 50vh;
	display: none;
	width: 100px;
	opacity: 0.8;
}

#tab-list .list-group-item {
	border: none;
	border-left: 2px solid #999999;
	border-radius: 0;
	padding-left: 10px;
	color: #999999 ;
}

#tab-list .active {
	border-left: 2px solid #FF9C00;
	color: #FF9C00;
	background: #FFFFFF;
}

/*时间线timeline*/
.timeline {padding-left: 5px}
.timeline-item { position: relative;padding-bottom: 0.6vw;}
.timeline-axis {position: absolute;left: -5px;top: 0;z-index: 10;width: 12px;height: 12px;line-height: 20px;background-color: #fff;color: #fff;border-radius: 50%;text-align: center;cursor: pointer;}
.timeline-axis:hover {color: #ff5722}
.timeline-item:before {content: "";position: absolute;left: 0;top: 10px;z-index: 0;width: 1px;height: 100%;background: #fff;}
.timeline-item:first-child:before {display: block;}
.timeline-item:last-child:before {display: none;}
.timeline-content {padding-left: 25px;}
.timeline-title {position: relative;margin-bottom: 0.3vw;line-height: 22px;font-size: 0.7vw;font-weight: lighter}
.roundness{background-color: #fff;margin-top: 6px}