﻿body {
	background-image: url('/Version/V2025/images/body-bg.png')
}
/*banner swiper*/
.swiper-slide img {
	max-width: 100%;
	height: 400px;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}

.swiper-banner {
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.swiper-pagination-bullet {
	width: 50px !important;
	height: 5px !important;
	border-radius: 0px !important;
}

.swiper-banner .swiper-pagination-bullet {
	background: #E91C2C;
}

.swiper-pagination-banner {
	text-align: center;
	margin-top: -32px;
	position: absolute;
	z-index: 99999;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: auto !important;
}


/*招标专区*/
.purchase-area-title, .crpc-title, .news-title, .activity-title, .advance-title {
	font-size: 40px;
	font-weight: bold;
	color: #222222;
	text-align: center;
	letter-spacing: 2px;
}

.purchase-area-description, .crpc-description, .news-description, .activity-description, .advance-description {
	font-size: 18px;
	color: #323232;
	text-align: center;
	margin-bottom: 12px;
	letter-spacing: 1px;
}

.purchase-area-left {
	margin-top: 24px;
	width: 288px;
	height: 376px;
	background: #1F3053 url('/Version/V2025/images/purchase-area-left.png') no-repeat bottom right;
	background-size: cover;
	color: white;
	border-radius: 4px;
	float: left;
}

.purchase-area-left-item {
	padding: 24px 0px 24px 72px;
	border-bottom: 1px solid rgba(79,95,130,0.43);
	cursor: pointer;
}

.purchase-area-left-item-active {
	color: #207EFD;
}

	.purchase-area-left-item-active::after {
		content: '▲';
		font-size: 12px;
		transform: rotate(90deg);
		display: inline-block;
		margin-left: 8px;
	}

.purchase-area-left-item-title {
	font-size: 18px;
	font-weight: bold;
}

.purchase-area-left-item-description {
	font-size: 12px;
	color: #D0DFFF;
	margin-top: 8px;
}

.purchase-area-left-item-buttom-button {
	border: 1px solid #D0DFFF;
	text-align: center;
	width: 160px;
	height: 36px;
	color: #D0DFFF;
	margin: 24px auto;
	line-height: 35px;
	cursor: pointer;
}

	.purchase-area-left-item-buttom-button:hover {
		background-color: #D0DFFF;
		color: #207EFD;
	}

.purchase-area-right {
	margin: 24px 0px 24px 16px;
	width: 891px;
	float: left;
}

.purchase-area-right-item {
	background: white;
	margin: 1px 0px 0px 1px;
	width: 296px;
	height: 124px;
	float: left;
	position: relative;
}

	.purchase-area-right-item:hover {
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
	}

		.purchase-area-right-item:hover .purchase-area-right-item-title-content a {
			color: #E60012;
		}

.purchase-area-right-item-title {
	width: 276px;
	padding: 16px 10px;
	height: 46px;
}

.purchase-area-right-location-img {
	width: 18px;
	height: 18px;
	vertical-align: sub;
}

.purchase-area-right-city {
	color: #EC3947;
}

.purchase-area-right-item-title-content {
	margin-left: 8px;
	line-height: 28px;
}

.purchase-area-right-item-tag {
	background: #F1F2F5;
	border-radius: 2px;
	height: 24px;
	width: 112px;
	margin: 10px 16px 0px 16px;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	color: #656565;
}

.purchase-area-right-item-bottom {
	margin-top: 10px;
	position: relative
}

.purchase-area-right-item-expire {
	color: #656565;
	font-size: 12px;
	line-height: 22px;
	right: 16px;
	position: absolute;
}

.purchase-area-right-item-top500 {
	width: 80px;
	height: 24px;
	background-color: #E60013;
	position: absolute;
	right: 0px;
	color: white;
	text-align: center;
	border-radius: 4px 4px 4px 12px;
	font-size: 13px;
	line-height: 24px;
}

.purchase-area-right-item-pr2-top {
	margin-top: 16px;
}

.purchase-area-right-item-company-industry, .purchase-area-right-item-logo {
	float: left;
}

.purchase-area-right-item-logo {
	width: 48px;
	height: 48px;
	border: 1px solid #EAEAEA;
	border-radius: 4px;
	text-align: center;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
}

	.purchase-area-right-item-logo img {
		padding: 8px 8px;
		max-width: 40px;
		max-height: 40px;
	}

.purchase-area-right-item-company-industry {
	color: #333333;
	line-height: 16px;
	font-size: 12px;
	margin-left: 16px;
}

.purchase-area-right-item-company {
	font-weight: bold;
	width: 132px;
}

.purchase-area-right-item-industry {
	display: inline-block;
	background: #F3F3F3;
	border-radius: 4px;
	margin-top: 8px;
}

.puchase-area-right-item-content {
	font-size: 12px;
	color: #6A6A6A;
}

.puchase-area-right-item-time img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.pr-2 {
	display: none;
}

.purchase-area-bottom {
	width: 100%;
	height: 24px;
	overflow: hidden;
}

.purchase-area-bottom-item img {
	width: 72px;
	height: 21px;
	vertical-align: sub
}

.purchase-area-bottom-item {
	width: 560px;
	height: 24px;
	float: left;
	animation: scroll-up 20s linear infinite;
}

@keyframes scroll-up {
	0% {
		transform: translateY(0);
	}

	15% {
		transform: translateY(0); /* 初始停留3秒 */
	}

	20% {
		transform: translateY(-24px); /* 1秒内滚动24px */
	}

	35% {
		transform: translateY(-24px); /* 停留3秒 */
	}

	40% {
		transform: translateY(-48px); /* 1秒内滚动48px */
	}

	55% {
		transform: translateY(-48px); /* 停留3秒 */
	}

	60% {
		transform: translateY(-72px); /* 1秒内滚动72px */
	}

	75% {
		transform: translateY(-72px); /* 停留3秒 */
	}

	80% {
		transform: translateY(-96px); /* 1秒内滚动96px */
	}

	95% {
		transform: translateY(-96px); /* 停留3秒 */
	}

	100% {
		transform: translateY(0); /* 滚回第一帧 */
	}
}

.purchase-area-bottom-item:nth-child(2n) {
	margin-left: 72px;
}



/*crpc*/
.crpc {
	background: url('/Version/V2025/images/crpc-bg.png') bottom no-repeat;
	margin: 96px auto 0px;
	height: 880px;
}

.crpc-top {
	height: 434px;
}

.crpc-navigate div {
	width: 240px;
	height: 48px;
	float: left;
	margin-top: 48px;
	text-align: center;
	cursor: pointer;
}

.crpc-navigate-active {
	color: #E60012;
	border-bottom: 4px solid #E60012;
}

.crpc-left {
	width: 277px;
	height: 434px;
	background: url('/Version/V2025/images/crpc-left-bg.png') bottom no-repeat, linear-gradient( 179deg, #1766D0 0%, #062D62 100%);
	box-shadow: 11px 0px 6px 0px rgba(7,28,52,0.24);
	float: left;
}

.crpc-left-top {
	height: 104px;
	border-bottom: 1px solid rgba(255,255,255,0.16);
}

.crpc-left-top-double-resver-dot {
	margin: 32px 0px 0px 40px;
	width: 20px;
	height: 16px;
}

.crpc-right {
	float: left;
}

	.crpc-right img {
		width: 922px;
		height: 434px;
	}

.crpc-left-top-content {
	font-weight: bold;
	font-size: 20px;
	color: white;
	margin-left: 40px;
	margin-top: 8px;
}

.crpc-left-bottom-content {
	margin-left: 18px;
	margin-top: 40px;
}

.crpc-left-bottom-content-item {
	width: 72px;
	height: 104px;
	background: #207EFD;
	box-shadow: 0px 4px 5px 0px rgba(14,45,87,0.04);
	border-radius: 4px;
	border: 1px solid;
	border-image: linear-gradient(179deg, rgba(93, 241, 245, 0.63), rgba(93, 241, 245, 0)) 1 1;
	float: left;
	margin-left: 6px;
	position: relative;
}

.crpc-left-bottom-content-item-font {
	width: 64px;
	height: 34px;
	font-weight: bold;
	font-size: 14px;
	line-height: 41px;
	text-align: center;
	font-style: normal;
	text-transform: none;
	background-image: linear-gradient(268.62650104816515deg, #4BF5FF 0%, #F8FFFF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	border-bottom: 1px dotted rgba(255,255,255,0.34);
	margin: 6px auto 0px;
	font-stretch: 120%;
	-webkit-transform: scaleY(1.2);
	transform: scaleY(1.2);
}


.crpc-left-bottom-content-item-content {
	color: white;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

	.crpc-left-bottom-content-item-content div:nth-child(1) {
		margin-top: 12px;
	}

.crpc-left-bottom-button-goto-admin {
	width: 120px;
	height: 36px;
	margin: 48px auto 32px;
	color: white;
	background-color: #579EFD;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	cursor: pointer;
}

.crpc-left-bottom-button-apply {
	width: 120px;
	height: 36px;
	margin: auto;
	color: white;
	border: 1px solid white;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	cursor: pointer;
}

.crpc-bottom {
	height: 104px;
	background: rgba(8,52,112,0.96);
	border: 1px solid;
	border-image: linear-gradient(180deg, rgba(15, 108, 208, 1), rgba(255, 255, 255, 0)) 1 1;
}

.crpc-bottom-item {
	position: relative;
	color: white;
	float: left
}

.crpc-bottom-item-double-resver-dot {
	position: absolute;
	top: 24px;
	left: 48px;
	width: 12px;
}

.crpc-bottom-item-title {
	font-size: 15px;
	padding: 24px 32px 12px 72px;
	width: 288px;
}

.crpc-bottom-item-description {
	font-size: 12px;
	padding-left: 72px;
	width: 256px;
}

.crpc-bottom-item-split-line {
	width: 2px;
	background: rgba(255,255,255,0.47);
	float: left;
	height: 40px;
	margin-top: 28px;
}

.crpc-tab-2, .crpc-tab-3, .crpc-tab-4, .crpc-tab-5 {
	display: none;
}

/*供应链首选品牌*/
.chain {
	background: url('/Version/V2025/images/chian-bg.png') no-repeat;
	height: 656px;
}

.chain-title, .review-title {
	color: white;
	font-size: 40px;
	text-align: center;
	padding: 64px 0px 24px;
	font-weight: bold;
	letter-spacing: 2px;
}

.chain-description, .review-description {
	color: white;
	font-size: 18px;
	text-align: center;
	letter-spacing: 1px;
}

.chain-bottom {
	margin-top:40px;
}

.chain-bottom-left, .chain-bottom-right {
	width: 600px;
	float: left;
}
.chain-bottom-right-item {
	position: relative;
	float: left;
}
	.chain-bottom-right-item:first-child, .chain-bottom-right-item:nth-child(2) {
	margin-top:56px;
	}
	.chain-bottom-left-tab {
		width: 80px;
		height: 320px;
		border-right: 1px solid #455062;
		padding: 8px 0px;
		float: left;
		margin-top: 40px;
	}

.chain-bottom-left-table {
	width: 420px;
	float: left;
	margin-left:32px;
}

.chain-bottom-left-tab-button {
	width: 78px;
	height:32px;
	margin:16px auto;
	color:white;
	font-size:14px;
	text-align:center;
	line-height:32px;
	cursor:pointer;
}
.chain-bottom-left-tab-button-active {
	border-right: 2px solid #E60012;
	background: linear-gradient( 272deg, #2E73D5 0%, #112B66 100%);
}

.chain-bottom-right-item a img {
	width: 280px;
	margin-top: 16px;
	height:150px;
}

	.chain-bottom-right-item:nth-child(2n) {
		margin-left: 16px;
	}

.chain-bottom-right-item-hide {
	position:absolute;
	width:280px;
	bottom:0px;
	height:32px;
	text-align:center;
	color:white;
	background: rgba(0,0,0,0.5);
	font-size:12px;
	line-height:30px;
}
.chain-bottom-left-table-header{
	border-bottom: 1px solid #455062;
}
	.chain-bottom-left-table-header span {
		color: #C9CCD2;
		line-height: 48px;
		width: 104px;
		display: inline-block;
		text-align: center;
	}
.chain-bottom-left-table-list-item:first-child {
	margin-top:24px;
}
.chain-bottom-left-table-list-item {
	height: 36px;
	padding: 1px;
	border-image: linear-gradient(88deg, rgba(93, 152, 236, 1), rgba(27, 72, 136, 0)) 1 /1px;
	margin-top: 16px;
}
.chain-bottom-left-table-list-item-foo {
	background: linear-gradient( 90deg, #2F78DE 0%, rgba(19,32,51,0) 100%);
	border: 0px;
	margin:2px 0px 0px 2px;
	height:32px;
}
	.chain-bottom-left-table-list-item-foo span {
		color: white;
		width: 104px;
		display: inline-grid;
		text-align: center;
		margin-top: 8px;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		height: 32px;
	}
.check-all-list-button {
	width: 72px !important;
	height: 24px;
	background: #E60012;
	display:block;
	line-height:22px !important;
	font-size:12px;
	border-radius:4px;
	margin-left:20px;
	cursor:pointer;
}
.chain-table-2, .chain-table-3, .chain-table-4, .chain-table-5, .chain-table-6 {
	display: none;
}



/*最新资讯*/
.news-item {
	width: 374px;
	font-size: 12px;
	border: 1px solid #EFEFEF;
	border-radius:0px 0px 4px 4px;
	background:white;
	float:left;
	position:relative;
}
.news-item-hide {width:100%;height:168px;position:absolute;z-index:9;background:rgba(19,32,51,0.4)}
	.news-item-hide span {
		font-size: 20px;
		font-weight: bold;
		color: white;
		line-height: 160px;
		margin-left:24px;
	}
	.news-item img {
		width: 374px;
		height: 168px;
	}
.news-list {margin-top:12px; width:352px; overflow:hidden;}
.news-item:not(:first-child) {
margin:auto 0px 40px 32px;}
.news-more {
	margin: 8px 0px;
	text-align: right;
	margin-right: 22px;
}
	.news-more a, a:link, a:hover, a:active, a:visited {
		color: #9D9A9A;
	}
.news-list-time {
	margin-left: 16px;
	color: #9D9A9A;
}
.news-list-title {
	margin-left: 16px;
	color: #333333;
}
	.news-list-title:hover {
		color: #E60012
	}

	/*活动详情*/
.activity {
display:none;}
.activity-window-1200 {
	width: 1200px;
	overflow: hidden;
}
.activity-items {
	width: 120000px;
	height: 512px;	
	display: flex;
}
.activity-item {
	float: left;
	position: relative;
	height: 456px;
	width: 264px;
	margin: 48px 0px;
}
.activity-item-active {width:360px;height:456px; }
	.activity-item-active .activity-item-hide {
		display: block !important;
	}
	.activity-item-hide {
		width: 100%;
		position: absolute;
		height: 80px;
		bottom: 0px;
		z-index: 9;
		background: rgba(19,32,51,0.8);
		color: white;
		font-size: 14px;
		display: none;
	}
.activity-item-img {
	width: 100%;
	height: 100%;
}
.activity-item-hide-location {
width:15px;height:16px; vertical-align:bottom;}
.activity-item-hide-city {margin-left:6px; font-weight:bold;
}
.activity-item:not(:nth-child(4n+1)) {
margin-left:16px;}

.activity-button-out, .review-button-out {
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(79,95,130,0.43);
	float: left;	
	cursor: pointer;
}
.activity-button-out {
	margin: 16px 0px 0px 560px;
}
	.activity-button-out:nth-child(2), .review-button-out:nth-child(2) {
		margin-left: 32px;
	}
.activity-button-in, .review-button-in {
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #f9fafb;
	margin: 1px;
}

	.activity-button-in span, .review-button-in span {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 16px;
		color: dimgrey;
		font-weight: bold;
	}

.activity-button-active, .review-button-active {
	color: #E60012 !important
}

.review {
	height: 736px;
	background: url('/Version/V2025/images/review-bg.png');
	background-size:cover;
	margin-top:64px;
	position:relative;
}
.review-hide {
	position: absolute;
	width: 100%;
	height: 736px;
	background: rgba(79,95,130,0.43);
}
.revier-center {
width:1200px; margin:40px auto;}
.review-left {
	width: 272px;
	height: 456px;
	float: left;
	background: rgba(0,0,0,0.64);
	overflow:hidden;
}
.review-left-search {
	border: 1px solid #E60012;
	width:240px;margin:20px auto;
	height:32px;
	border-radius:4px;
}
.review-left-search-ico {
	float:left;
}
.review-left-search-ico img{
	width: 18px;
	height: 18px;
	margin: 8px;
}
.review-left-search-input {
	float: left;
	
}
	.review-left-search-input input {
		width: 200px;
		height: 32px;
		border: none;
		outline: none;
		background: transparent;
		color:white;
	}


.review-left-item {
	margin:8px 24px;
	color: white;
	font-size: 12px;
	padding:0px 16px;
	width:196px;
	border-radius:4px;
	overflow:hidden;
	line-height:40px;
}

.review-left-item-active {
	font-size: 14px;
	background: #E60012;
}

.review-right {
	width: 912px;
	height: 456px; 
	float: left;
	background: rgba(71,71,71,0.64);
	margin-left: 16px;
}

.review-right-items {
	margin: 24px 24px 16px;
	position:relative;
}

.review-right-item-imgs {
	width: auto;
	height: 344px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

}
.review-right-item-imgs img {
	width: 280px;
	height: 164px;
	margin: 8px 0px 0px 8px;
}
.review-right-item {

	display: none;
}
.review-right-item-active {
	overflow: hidden;
	display: block !important;
}
.review-right-content {
	color: #E8E8E8;
	text-align: center;
	font-size: 12px;
	position:absolute;
	z-index:99;
	margin-top:16px;
	width:100%;
	text-align:center;
}
.review-button {
	margin: 48px 0px 0px 408px;
}

/*我们的优势*/
.advance {
	height: 360px;
	text-align: center;
	background: url('/version/v2025/images/advance.png');
	background-size:cover;
}

	.advance img {
	height:338px;}

.advance-item {
margin:24px 0px;float:left;padding-left:32px;margin-left:32px;}
.advance-item:not(:nth-child(1)) {
	border-left:1px solid #ddd;
}
	.advance-item-title {
		color: #222222;
		font-size: 48px;
		font-weight: bold;
	}

.advance-item-description {
	font-size:16px;
	color: #222222;
	font-weight:bold;
	margin-top:16px;
}

.join {
	background: url('/version/v2025/images/register.png');
	height: 240px;
}
.join-title {
color:white;
padding-top:48px;
font-size:40px;
text-align:center;
}
.join-register {
	background: white;
	width: 320px;
	height: 42px;
	border-radius: 4px;
	margin: 40px auto;
}

.join-register-input {
	width:220px;
	height: 40px;
	border: none;
	background-color: transparent;
	outline:none;
	font-size:16px;
	margin-left:8px;
}
.join-register-button {
	background: #E60012;
	padding: 7px 8px 7px;
	line-height: 22px;
	display: inline-block;
	color:white;
	border-radius:4px;
	cursor:pointer;
}
.chain-bottom-left-table-list {
	height: 344px;
	overflow: hidden;
}