* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	min-width: 1400px;
	min-height: 100vh;
	font-family: "Microsoft YaHei", sans-serif;
}

.header-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-width: 1400px;
	display: flex;
	justify-content: center;
	height: 78px;
	background: rgba(255, 255, 255, 0.36);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid #E1E3EB;
	z-index: 9;
}

.header-wrap {
	height: 100%;
	width: 1400px;
	display: flex;
	align-items: center;
}

.nav-bar {
	margin: 0;
	padding: 0;
	height: 100%;
	margin-left: 200px;
	font-size: 16px;
	list-style: none;
	display: flex;
	align-items: center;
}
.nav-bar li a {
	height: 100%;
	display: flex;
	align-items: center;
}
.nav-bar li {
	height: 100%;
	cursor: pointer;
	display: flex;
	padding: 0px 30px;
	align-items: center;
	transition: all .3s;
	border-bottom: 2px solid transparent;
}

.nav-bar li:hover,
.nav-bar li.active {
	color: rgba(43, 114, 255, 1);
	border-color: currentColor;
}


.action-wrap {
	height: 100%;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.action-wrap a {
	height: 100%;
}
.action-wrap button {
	height: 100%;
	border: none;
	padding: 0 30px;
	cursor: pointer;
}

.action-wrap button:hover {
	opacity: .7;
}

/* 特质列表 */
.hallmark-wrap {
	height: 160px;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	background-color: #fff;
}

.hallmark-list {
	width: 1400px;
	display: flex;
}

.hallmark-list li {
	display: flex;
	flex: 1;
	align-items: center;
}

.hallmark-list li:not(:last-child)::after {
	content: '';
	display: block;
	width: 2px;
	margin: 0 30px;
	height: 80px;
	background-color: rgba(225, 227, 235, 1);
}

.hallmark-content {
	font-size: 16px;
}

.hallmark-content span {
	font-size: 28px;
	font-weight: bold;
	margin-right: 5px;
	color: rgba(43, 114, 255, 1);
}

.hallmark-content div:last-child {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5em;
	color: rgba(153, 153, 153, 1);
}


.card-title {
	font-size: 36px;
	margin: 10px 0;
	text-align: center;
	color: rgba(51, 51, 51, 1);
}
.card-sub-title {
	font-size: 16px;
	text-align: center;
	color: rgba(153, 153, 153, 1);
}

/* 交易信息 */

.trade-info-wrap {
	padding: 30px 0 10px;
	background: rgba(242, 245, 250, 1);
}

.trade-info {
	width: 1400px;
	margin: 35px auto;
}

.trade-info-wrap .el-segmented {
	width: 600px;
	display: block;
	margin: 20px auto;
}

.trade-info-wrap .el-segmented__item {
	height: 40px;
}

.trade-info-wrap .el-segmented__item,
.trade-info-wrap .el-segmented__item-selected {
	border-radius: 40px !important;
}
.trade-info-wrap .el-segmented__item-selected {
	border: 5px solid #fff;
	border-left: none;
	border-right: none;
	background: rgba(43, 114, 255, 0.1);
}
.trade-info-wrap .el-segmented__item.is-selected {
	color: rgba(43, 114, 255, 1);
}

.el-segmented__group {
	padding: 5px;
	border-radius: 40px;
	background-color: #fff;
	box-shadow: 0.02px 1px 20px  rgba(43, 114, 255, 0.1);
}

.trade-side-bar {
	/* width: 280px; */
	height: 560px;
	border-radius: 8px;
	margin-right: 20px;
	background-color: #fff;
	box-shadow: 0px 4px 12px  rgba(181, 181, 181, 0.1);
}

.trade-side-bar li {
	padding: 20px;
	cursor: pointer;
	transition: all .3s;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.trade-side-bar li img {
	width: 24px;
	margin-bottom: 10px;
}

.trade-side-bar li.active,
.trade-side-bar li:hover {
	color: #fff;
	background: rgba(43, 114, 255, 1);
}


.trade-list {
	flex: 1;
	height: 560px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0px 4px 12px  rgba(181, 181, 181, 0.1);
}

.trade-list li {
	display: flex;
	padding: 22px 0;
	margin: 0 20px;
	border-bottom: 1px dashed rgba(201, 201, 201, 1);
	align-items: center;
	justify-content: space-between;
}

.trade-list .loading-item {
	padding: 20px;
	border-bottom: 1px solid #E5E9F2;
}

.trade-list .empty-state {
	padding: 40px 0;
	display: flex;
	justify-content: center;
	border-bottom: none;
}

.trade-list .el-skeleton-item {
	background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
	background-size: 400% 100%;
	animation: el-skeleton-loading 1.4s ease infinite;
}

@keyframes el-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0 50%;
	}
}

.products-service-wrap {
	padding: 10px 0 10px;
	background: rgba(242, 245, 250, 1);
}

.products-service-wrap .el-tabs__nav-scroll {
	display: flex;
	justify-content: center;
}

.products-service-wrap .el-tabs__item {
	width: 240px;
	height: auto;
}

.products-service-tab-header {
	display: flex;
	font-size: 16px;
	color: rgba(153, 153, 153, 1);
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.products-service-tab-header img {
	width: 120px;
}

.products-service-tab-header span {
	margin: 10px 0;
}

.products-service-list {
	width: 1400px;
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
	
}

.products-service-list > li {
	width: 330px;
	height: 340px;
	padding: 15px 20px;
	border-radius: 8px;
	position: relative;
	box-shadow: 0px 4px 12px  rgba(181, 181, 181, 0.1);
}

.products-service-list > li div:first-child {
	height: 100px;
	border-bottom: 0.5px solid rgba(186, 213, 255, 1);
}

.products-service-list span {
	font-size: 20px;
	margin: 10px 0;
	display: block;
}

.products-service-list p {
	font-size: 14px;
	margin: 15px 0;
}

.products-service-list ol {
	padding: 15px 0;
}

.products-service-list ol li {
	font-size: 18px;
	margin: 20px 0;
	padding: 5px;
	display: flex;
	align-items: center;
	color: rgba(51, 51, 51, 1);
}


/* 为什么选择我们 */
.why-choose-wrap {
	padding: 50px 0 10px;
	background: rgba(242, 245, 250, 1);
}

.why-choose {
	width: 1400px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto;
}

.why-choose-list {
	display: flex;
	width: 500px;
	height: 360px;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-end;
}

.why-choose-list li {
	display: flex;
	width: 445px;
	font-size: 16px;
	color: rgba(102, 102, 102, 1);
}

.why-choose-list li span {
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
	color: rgba(51, 51, 51, 1);
}

.why-choose-list li img {
	width: 80px;
	height: 80px;
	margin: 0 10px;
	flex-shrink: 0; /* 不压缩 */
	flex-grow: 0;   /* 不放大 */
	flex-basis: auto; /* 保持默认大小（也可以设定固定宽度） */
}


/* 投标工具 */
.bid-tools-wrap {
	padding: 30px 0;
	background: url(/web/imgs//plus/bid-tools-wrap-bg.png) no-repeat center/cover;
}

.bid-tools-list {
	display: flex;
	justify-content: center;
	gap: 30px;
	padding: 50px 0;
}

.flip-card {
	width: 280px;
	height: 300px;
	perspective: 1000px;
	cursor: pointer;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 10px;
	padding: 35px 20px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
}

.flip-card-front {
	color: #fff;
	background: url(/web/imgs//plus/flip-card-front-bg.png) no-repeat center/cover;
}

.flip-card-back {
	color: #fff;
	transform: rotateY(180deg);
	background: url(/web/imgs//plus/flip-card-back-bg.png) no-repeat center/cover;
}

.flip-card img {
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
}

.flip-card-front span,
.flip-card-back span {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}

.flip-card-back p {
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}

/* 页脚 备案信息 */
.footer-warp {
	background-color: #F2F5FA;
	padding: 50px 0 30px;
	color: #666;
}

.footer-links {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.footer-links li {
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
	padding: 0 5px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.footer-links li img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.footer-links li:hover {
	color: #2B72FF;
	transform: translateY(-2px);
}

.footer-links li:not(:last-child)::after {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background: rgba(0, 0, 0, 0.3);
}

.footer-contact {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-bottom: 30px;
	font-size: 14px;
}

.footer-contact li {
	position: relative;
}

.footer-contact li:not(:last-child)::after {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background: rgba(0, 0, 0, 0.3);
}

.footer-icp {
	display: flex;
	justify-content: center;
	gap: 40px;
	font-size: 12px;
	color: #666;
}

.footer-icp li {
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
	padding: 0 5px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.footer-icp li img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.footer-icp li:hover {
	color: #2B72FF;
	transform: translateY(-2px);
}

.footer-icp li:not(:last-child)::after {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background: rgba(0, 0, 0, 0.3);
}

/* 轮播图文字样式 */
.banner-wrap .el-carousel__item .bg {
	z-index: -1;
	left: 0;
	top: 0;
	position: absolute;
}
.banner-content {
	width: 1400px;
	height: 650px;
	margin: 150px auto 0;
	padding: 0 20px;
	color: #fff;
}

.banner-keywords {
	display: inline-block;
	background-color: rgba(43, 114, 255, 0.9);
	padding: 8px 20px;
	margin-bottom: 20px;
	font-size: 16px;
	overflow: hidden;
	border-radius: 0px 36px 0px 36px;
	color: #fff;
}

.banner-keywords span {
	background: none;
	padding: 0;
}

.banner-keywords .divider {
	margin: 0 10px;
	color: #fff;
}

.banner-title {
	text-align: left;
	margin-bottom: 30px;
}

.banner-title .blue-title {
	color: #2B72FF;
	font-size: 48px;
	font-weight: bold;
}

.banner-title .black-title {
	color: #333;
	font-size: 36px;
	font-weight: bold;
}

.banner-questions {
	margin-bottom: 30px;
}

.banner-questions div {
	line-height: 1.8;
	margin-bottom: 8px;
	color: #333;
}

.banner-desc {
	text-align: left;
	color: rgba(102, 102, 102, 1);
	font-size: 15px;
	line-height: 1.6;
	white-space: pre-wrap;
}

.join-btn {
	display: inline-block;
	padding: 15px 40px;
	font-size: 18px;
	border-radius: 30px;
	background-color: #2B72FF;
	border: none;
	transition: all 0.3s;
}

.join-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(43, 114, 255, 0.3);
}

.banner-wrap .el-carousel__indicator--vertical .el-carousel__button {
	width: 12px;
	height: 12px;
	transition: all .3s;
	border-radius: 50%;
}

.banner-wrap .is-active .el-carousel__button {
	height: 24px;
	border-radius: 12px;
	background-color: #2B72FF;
}

.banner-wrap .el-carousel__indicators--right {
	right: 100px;
}

/* 右侧固定按钮组 */
.fixed-buttons {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3000;
	background-color: #fff;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: 60px;
	padding: 10px 0;
}

.fixed-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	cursor: pointer;
	transition: all 0.3s;
	border-bottom: 1px solid #E5E9F2;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.fixed-btn:last-child {
	border-bottom: none;
}

.fixed-btn img {
	width: 24px;
	height: 24px;
	margin-bottom: 5px;
}

.fixed-btn span {
	color: rgba(153, 153, 153, 1);
	font-size: 12px;
	transition: color 0.3s;
	white-space: pre-wrap;
}

.fixed-btn span.hover {
	color: #2B72FF;
}
.banner-content-1{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.banner-content-1 img{
	width: 500px;
}
.banner-content-2{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
	box-sizing: border-box;
}
.contact{
	width: 450px;
	height: 120px;
	opacity: 1;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(43, 114, 255, 1) 0%, rgba(69, 150, 241, 1) 100%);
	color: #fff !important;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.contact-info{
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0px;
	/* color: rgba(153, 153, 153, 1); */
	margin-bottom: 8px;
	margin-top: 50px;
}
.contact>div{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contact img{
	width: 70px;
	margin-bottom: 8px;
}
.two-title{
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 44.54px;
	color: rgba(51, 51, 51, 1);
}
.two-desc{
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
}
.two-content{
	width: 470px;
}
.two-img{
	margin-left: 100px;
	width: 730px;
}
.four-other img,
.banner-questions img{
	width: 20px;
	margin-right: 5px;
}
.four-other{
	display: flex;
	justify-content: center;
	margin-top: 8px;
}
.four-other>div{
	display: flex;
	align-items: center;
}
.four-other>div:nth-child(1)>span{
	color: red;
}
.four-other>div>span{
	margin-right: 62px;
	margin-left: 5px;
}
.banner-content-2,
.banner-content-1{
	padding-top: 80px;
}
.four-contact{
	width: 600px;
	height: 105px;
	opacity: 1;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.four-contact>div{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 17px;
}
.four-contact img{
	width: 70px;
	margin-bottom: 8px;
}
.four-ms{
	display: flex;
	align-items: center;
	margin: 16px 0;
}
.four-ms img{
	width: 300px;
	margin: 8px;
}
.banner-yd{
	font-size: 18px;
	white-space: pre-wrap;
}
.blue-small{
	font-size: unset !important;
	margin-right: unset !important;
}
.logo-wrap{
	display: flex;
	align-items: center;
}
.gps{
	margin-left: 16px;
	cursor: pointer;
}
.chinaList {
	background: #fff;
	list-style-type: none;
	top: 40px;
	left: 0;
	z-index: 10;
	overflow-y: auto;
	height: 300px;
}
/* 隐藏滚动条但保留滚动功能 */
.chinaList::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.chinaList>li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid #f3f4f5;
	padding: 0 8px;
	font-size: 14px;
}