.slider{
	position:relative;
	height:417px;
	width:100%;
	overflow:hidden;
}
.banner{
	width:100%;
	height:417px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
    position: absolute;
    transition: left 0.5s ease-out;
	left:0%;
}
.banner1{
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/index/11@3x.png');
}
.banner2{
	left:100%;
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/index/indexb2.png');
}
.banner1 .banner_txt{
	padding:90px 0;
	width:1300px;
	margin:0 auto;
}
.bigtxt{
	font-size:60px;
	height:144px;
	line-height:72px;
	color:#4A7CFF;
	font-weight:bolder;
}
.banner_txt a{
	width: 140px;
	height: 40px;
	background: #4A7CFF;
	border-radius: 20px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	line-height:40px;
	margin-top:53px;
}
.banner2 .tag{
	width: 236px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	color:#fff;
	background: linear-gradient( 90deg, #1FCAFF 0%, #4A7CFF 100%);
	border-radius: 16px 0px 16px 0px;
	margin:0 auto 15px auto;
}
.banner2 .banner_txt{
	padding:30px 0;
	width:1200px;
	min-width:1200px;
	margin:0 auto;
}
.banner2 .bigtxt{
	height: 64px;
	font-weight: bold;
	font-size: 60px;
	color: #4A7CFF;
	text-align: left;
	font-style: normal;
	margin-top:10px;
	margin-bottom:14px;
}
.banner2 .p1{
	height: 72px;
	font-weight: 500;
	font-size: 26px;
	color: #595959;
	line-height: 36px;
	font-style: normal;
	margin-bottom:18px;
}
.banner2 .p2{
	width: 557px;
	height: 83px;
	font-weight: 500;
	font-size: 18px;
	color: #595959;
	line-height: 27px;
	text-align: justify;
	font-style: normal;
}
.banner2 a{
	margin-top:25px;
}
.spots{
	display:flex;
    justify-content:center;
	position:absolute;
	bottom:30px;
	width:100%;
	z-index:999;
}
.spots i{
	display:inline-block;
	width:40px;
	height:5px;
	background-color:rgba(0,0,0,0.2);
	margin:0 10px;
	cursor:pointer;
}
.spots i.act{
	background-color:#4A7CFF;
}
.info{
	width:1300px;
	margin:0 auto;
}
.info .title{
	padding:78px 0;
	color:#333;
	font-weight:600;
	font-size:40px;
	text-align:center;
}
.info .title span{
	color:#4A7CFF;
}
.info_img{
	width:1060px;
	height:460px;
	display:block;
	margin:0 auto 80px;
}
.info_row{
	display:flex;
    justify-content: space-between;
}
.infobox{
	width: 240px;
	height: 111px;
	border-radius: 8px;
	border: 1px solid #DCDCDC;
	cursor:pointer;
}
.infobox1.act{
	background: #F7FAFF;
	border: 1px solid #BCD5FF;
}
.infobox2.act{
	background: #FFF9F9;
	border: 1px solid #FFD2D2;
}
.infobox3.act{
	background: #FCFFF6;
	border: 1px solid #B4DA60;
}
.infobox4.act{
	background: #F1FFFF;
	border: 1px solid #80D3D3;
}
.infobox5.act{
	background: #FFFAFF;
	border: 1px solid #E1AEE1;
}
.info_icon{
	float:left;
	width:53px;
	height:81px;
	margin:15px 9px 15px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info_icon img{
	width:100%;
}
.infobox b{
	color:#595959;
	font-weight:600;
	margin-top:21px;
	font-size:18px;
	line-height:25px;
	margin-bottom:4px;
	display:block;
	font-family: PingFangSC, PingFang SC;
}
.infobox p{
	font-size:16px;
	line-height:21px;
	color:#595959;
	font-weight:400;
	font-family: PingFangSC, PingFang SC;
}
.info2{
	height:auto;
	width:100%;
	padding:65px 0;
	box-sizing:border-box;
	background-color:#F7FAFF;
	margin-top:40px;
	display:none;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:right center;
}
.info2_1{
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/infobg1.png');
}
.info2_2{
	background-color: #FFF9F9;
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/infobg2.png');
}
.info2_3{
	background-color: #FCFFF6;
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/infobg3.png');
}
.info2_4{
	background-color: #F1FFFF;
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/infobg4.png');
}
.info2_5{
	background-color: #FFFAFF;
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/infobg5.png');
}
.info2:nth-child(2n){
	background-position:left center;
}
.info2center{
	width:1300px;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
}
.info_bigimg{
	width:auto;
	max-width:46%;
	height:auto;
	margin-right:36px;
	max-height:397px;
}
.infotxt1{
	padding-top:9px;
}
.infotxt2{
	margin-top:42px;
}
.infotxt1 h3,.infotxt2 h3{
	color:#333;
	margin-bottom:13px;
	font-size:26px;
	line-height:37px;
}
.infotxt1 ul li,.infotxt2 ul li{
	width:100%;
	box-sizing:border-box;
	list-style:none;
	padding-left:28px;
	font-size: 16px;
	color: #333333;
	line-height: 33px;
	text-align: justify;
	background-position:left 12px;
}
.infotxt1 ul li{
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/dian.png');
	background-repeat:no-repeat;
}
.infotxt2 ul li{
	background-image:url('https://tyyjs.oss-cn-fuzhou.aliyuncs.com/tyzs/images/duihao.png');
	background-repeat:no-repeat;
}
.why{
	width:1300px;
	margin:0 auto;
	padding:90px 0px;
}
.why .title{
	font-size:40px;
	line-height:56px;
	color:#333;
	text-align:center;
	margin-bottom:70px;
	font-weight:600;
}
.because{
	margin-bottom:118px;
}
.b_imgbox{
	width:541px;
	height:672px;
    display: flex;
    justify-content: center;  /* 水平居中 */
    align-items: center;      /* 垂直居中 */
}
.b_imgbox.b_imgbox_left{
	float:left;
	padding-right:98px;
}
.b_imgbox.b_imgbox_right{
	float:right;
	padding-left:98px;
}
.b_imgbox img{
	width:541px;
	height:454px;
}
.b_list{
	float:left;
	width:661px;
}
.b_list_title{
	color:#333;
	font-size:36px;
	line-height:50px;
	font-weight:600;
	margin-bottom:30px;
}
.b_txtbox{
	width: 661px;
	height: 133px;
	background: #EDF2FF;
	border-radius: 14px;
	box-sizing:border-box;
	margin-bottom:20px;
	padding:17px 21px 0px 32px;
}
.b_txtbox:last-child{
	margin-bottom:0;
}
.b_txtbox .b_icon,.b_txtbox .b_text{
	float:left;
}
.b_txtbox .b_icon{
	width:42px;
	height:41px;
	margin-right:20px;
}
.b_txtbox .b_text{
	width:540px;
}
.b_txtbox .b_text b{
	padding-top:5px;
	font-size:20px;
	line-height:28px;
	font-weight:600;
	padding-bottom:6px;
	display:block;
}
.b_txtbox .b_text p{
	font-size:18px;
	line-height:25px;
	color:#595959;
}
.clear{
	clear:both;
}
.partner .title{
	text-align:center;
	height: 56px;
	font-weight: 600;
	font-size: 40px;
	color: #333333;
	line-height: 56px;
	font-style: normal;
	margin-bottom:32px;
}
.p_outbox{
	width:1300px;
	height:auto;
	margin:0 auto;
}
.p_silder1{
	width:1300px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.p_imgbox{
	width: 240px;
	height: 100px;
	margin-top:25px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #DCDCDC;
    display: flex;
    justify-content: center;  /* 水平居中 */
    align-items: center;      /* 垂直居中 */
}
.p_imgbox img{
	width:auto;
	max-height:100px;
}
.partner .spot{
	margin-top:36px;
}
.partner .spot ul{
	width:206px;
	margin:0 auto;
	text-align:center;
}
.partner .spot ul li{
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#E6E6E6;
	margin:0 12px;
}
.partner .spot ul li.act{
	background:#4A7CFF;
}
@media (max-width: 1400px) {
	.banner_txt,.banner2 .banner_txt,.info,.info .title,.info_row,.info2center,.info2,.why,.because,.p_silder1,.p_outbox{
		width:100%;
		box-sizing:border-box;
	}
	.banner1 .banner_txt,.banner2 .banner_txt{
		padding-left:30px;
	}
	.banner{
		background-position:center;
	}
	.info .info_row,.p_silder1{
		padding:0 5%;
	}
	.info .info_row .infobox{
		margin-right: 10px;
	}
	.info .info_row .infobox:last-child {
		margin-right: 0;
	}
	.info .info_row .info_icon{
		margin-left:8px;
	}
	.info2center,.because{
		display:flex;
		justify-content:space-between;
		padding:0 5%;
	}
	.info_img{
		max-width:90%;
	}
	.info_txt{
		width:56%;
	}
	.infotxt1 ul li,.infotxt2 ul li{
		line-height: 23px;
		background-position:left 8px;
		margin-bottom:5px;
	}
	.because .b_imgbox{
		width:41.6%;
		float:none;
	}
	.because .b_imgbox.b_imgbox_right{
		order:2;
	}
	.because .b_imgbox img{
		width:100%;
		height:auto;
	}
	.partner .p_outbox .p_imgbox img{
		max-width:100%;
		height:auto;
	}
	.because .b_list{
		width:50.8%;
		float:none;
		order:1;
	}
	.because .b_list .b_txtbox{
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.p_imgbox{
		max-width:19%;
		overflow:hidden;
	}
}

@media (max-width: 768px) {
	.banner{
		margin-top:0px;
		width:100%;
	}
	.info .title{
		font-size:26px;
	}
	.info .title span{
		display:block;
	}
	.banner1 .banner_txt,.banner2 .banner_txt{
		width:100%;
		min-width:100%;
		padding:0px;
		text-align:center;
		padding:20px 5%;
		box-sizing:border-box;
	}
	.banner2 .p1,.banner2 .p2{
		width:100%;
		height:auto;
		text-align:center;
		font-size:16px;
		margin-bottom:15px;
		line-height:24px;
	}
	.banner2 .p1{
		margin-top:20px;
	}
	.banner_txt a{
		margin-top:20px;
	}
	.banner1 .bigtxt{
		padding-top:40px;
	}
	.banner1 .bigtxt,.banner2 .bigtxt{
		margin:0 0 20px 0;
	}
	.banner1 .bigtxt img,.banner2 .bigtxt img{
		width:80%;
		height:auto;
		margin:0 10%;
	}
	.banner2 .tag{
		margin:0 auto 15px auto;
	}
	.info_img{
		width:90%;
		height:auto;
	}
	.info .info_row{
		width:100%;
		box-sizing:border-box;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.info .info_row .infobox{
		width:240px;
		flex:0 0 auto;
	}
	.infobox p{
		padding-left:60px;
		white-space: normal;
		overflow-wrap: break-word;
	}
	.info2center{
		width:100%;
		flex-wrap: wrap;
	}
	.info_bigimg{
		width:100%;
		max-width:100%;
		margin:0px;
		height:auto;
		max-height:350px;
		order: 2;
		margin-top:20px;
	}
	.info_txt{
		width:100%;
		max-width:100%;
		order: 1;
	}
	.why .title{
		font-size:29px;
		margin-bottom:25px;
	}
	.b_list_title{
		font-size:26px;
		text-align:center;
		margin-bottom:15px;
	}
	.because{
		width:100%;
		flex-wrap: wrap;
		margin-bottom:39px;
	}
	.because .b_imgbox{
		width:100%;
		max-width:100%;
		margin:0px;
		order: 2;
		padding-right:0px;
		padding-left:0px;
		height:auto;
		margin-top:20px;
	}
	.because .b_list{
		width:100%;
		max-width:100%;
		margin:0px;
		order: 1;
	}
	.b_txtbox .b_icon{
		height:auto;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.because .b_list .b_txtbox{
		height:auto;
		padding-bottom:10px;
	}
	.b_txtbox .b_text p{
		font-size:15px;
		line-height:20px;
	}
	.p_silder1{
		width:100%;
		box-sizing:border-box;
		flex-wrap: wrap;
	}
	.p_imgbox{
		max-width:45%;
		margin-top:15px;
	}
}

/* 算力租赁资源样式 */
.computing-resources {
	padding: 80px 0;
	background: #f8f9fa;
}

.computing-resources .container {
	width: 1300px;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.computing-resources .title {
	font-size: 40px;
	font-weight: 600;
	color: #333;
	text-align: center;
	margin-bottom: 16px;
}

.computing-resources .subtitle {
	font-size: 18px;
	color: #666;
	text-align: center;
	margin-bottom: 50px;
}

.resource-filters {
	margin-bottom: 40px;
}

.filter-tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.filter-tab {
	padding: 10px 20px;
	border-radius: 25px;
	background: #fff;
	color: #666;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid #e5e5e5;
	font-size: 14px;
}

.filter-tab.active {
	background: #4A7CFF;
	color: #fff;
	border-color: #4A7CFF;
	position: relative;
}

.filter-tab.active:not([data-id=""]):after {
	content: '✓';
	position: absolute;
	top: -5px;
	right: -5px;
	background: #28a745;
	color: white;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.filter-tab:hover {
	background: #4A7CFF;
	color: #fff;
	border-color: #4A7CFF;
}

.resource-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 24px;
	margin-bottom: 40px;
}

.resource-card {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	cursor: pointer;
}

.resource-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.resource-card-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}

.resource-title {
	flex: 1;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.resource-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
	align-items: center;
}

.resource-tag {
	padding: 4px 12px;
	border-radius: 16px;
	font-size: 12px;
	font-weight: 500;
	display: inline-block !important;
	text-align: center;
	white-space: nowrap;
	min-width: auto;
	max-width: none;
	width: auto !important;
	box-sizing: border-box;
	vertical-align: middle;
}

.resource-tag.default {
	background: #e6f3ff;
	color: #0066cc;
}

.resource-tag.success {
	background: #e6ffe6;
	color: #00a300;
}

.resource-tag.warning {
	background: #fff3e0;
	color: #ff9800;
}

.resource-tag.info {
	background: #e3f2fd;
	color: #2196f3;
}

.resource-tag.danger {
	background: #ffebee;
	color: #f44336;
}

.resource-tag.primary {
	background: #e3f2fd;
	color: #1976d2;
}

.resource-info {
	margin-bottom: 16px;
}

.resource-info-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
	font-size: 14px;
}

.resource-info-label {
	color: #666;
}

.resource-info-value {
	color: #333;
	font-weight: 500;
}

.resource-pricing {
	margin: 16px 0;
	padding: 12px;
	background: #f8f9fa;
	border-radius: 6px;
}

.price-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
	font-size: 14px;
}

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

.price-label {
	color: #666;
	font-weight: 500;
}

.price-value {
	color: #e74c3c;
	font-weight: 600;
}

.resource-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.price-main {
	font-size: 24px;
	font-weight: 700;
	color: #e74c3c;
}

.price-unit {
	font-size: 14px;
	color: #666;
	margin-left: 4px;
}

.resource-btn {
	padding: 8px 16px;
	background: #4A7CFF;
	color: #fff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.3s ease;
}

.resource-btn:hover {
	background: #3a6de8;
}

.loading {
	text-align: center;
	padding: 40px;
	color: #666;
	font-size: 16px;
	grid-column: 1 / -1;
}

/* 分页样式 */
.pagination-section {
	text-align: center;
	margin-top: 40px;
}

.pagination {
	display: inline-flex;
	gap: 8px;
	align-items: center;
}

.pagination-btn {
	background: white;
	color: #333;
	border: 1px solid #ddd;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
	min-width: 40px;
}

.pagination-btn:hover {
	background: #f5f5f5;
	border-color: #4A7CFF;
	color: #4A7CFF;
}

.pagination-btn.active {
	background: #4A7CFF;
	color: white;
	border-color: #4A7CFF;
}

.pagination-btn:disabled {
	background: #f5f5f5;
	color: #ccc;
	cursor: not-allowed;
}

.pagination-dots {
	color: #999;
	padding: 0 8px;
	font-size: 14px;
}

/* 移动端适配 */
@media (max-width: 768px) {
	.computing-resources {
		padding: 40px 0;
	}

	.computing-resources .title {
		font-size: 28px;
	}

	.computing-resources .subtitle {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.resource-filters {
		margin-bottom: 30px;
	}

	.filter-tabs {
		gap: 10px;
	}

	.filter-tab {
		padding: 8px 16px;
		font-size: 13px;
	}

	.resource-cards {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-bottom: 30px;
	}

	.resource-card {
		padding: 20px;
	}

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

	.price-main {
		font-size: 20px;
	}

	.resource-pricing {
		padding: 8px;
	}

	.price-item {
		font-size: 13px;
	}

	/* 分页移动端适配 */
	.pagination {
		gap: 4px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.pagination-btn {
		padding: 6px 8px;
		font-size: 12px;
		min-width: 32px;
	}

	.pagination-dots {
		padding: 0 4px;
		font-size: 12px;
	}
}

/* 首页banner科技感大字样式 */
.sci-title {
	font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
	font-size: 60px;
	font-weight: 900;
	letter-spacing: 0.05em;
	background: linear-gradient(90deg, #1FCAFF 0%, #4A7CFF 60%, #00d4aa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	text-shadow: 0 4px 24px rgba(74,124,255,0.18), 0 1px 0 #fff, 0 0 8px #1FCAFF44;
	filter: drop-shadow(0 2px 8px #1FCAFF33);
	line-height: 1.1;
	margin-bottom: 10px;
}

@media (max-width: 900px) {
	.sci-title {
		font-size: 36px;
	}
}