p{
	font-size: 1.8rem;
}
html{font-size: 10px;overflow-x: hidden;}
a,a:hover{
	text-decoration: none;
}
body{
	overflow-x: hidden;
}
img{
	-webkit-user-drag: none;
	 -moz-user-drag: none;
	 -ms-user-drag: none;
	 user-drag: none;
}
.banner {}
.chatonline{
	display: block;
	width: max-content;
	padding: 1.5rem 3rem;
	color: #fff;
	border-radius: 2.5rem;
	font-size: 2.2rem;
	font-weight: 900;
	background: linear-gradient(to right,#ffcc00,#ffaa06);
}
.container {
	padding: 0 !important;
}

.material-bg {
	min-height: 20rem;
	background: url(/static/images/special/2025carbon/bg-material.jpg) center no-repeat;
	background-size: cover;
}

.bg-liucheng-color {
	background-color: #f7f8fa;
}

.bg-liucheng {
	background: url(/static/images/special/2025carbon/material-liucheng-bg.png) no-repeat center;
	background-color: #f7f8fa;
	/* 	background-size: 60%; */
	min-height: 300px;
	position: relative;
	padding: 80px 0 50px 0;
	display: flex;
	justify-content: space-between;

}

.p-l-30 {
	padding-left: 3rem !important;
}


.bg-liucheng p {
	color: #555;
	font-size: 1.8rem;
	line-height: 3rem;
}

h2.title {
	font-size: 4rem;
	color: #333;
	line-height: 4rem;
	padding: 5rem 0 4rem 0;
}

h3.sub-title {
	font-size: 22px;
	color: #555;
	line-height: 1.875rem;
	padding-bottom: 20px;
}

dl.gongyi {
	background: #153886;
	border-radius: 15px;
	color: #fff;
	padding: 20px 50px;
	box-shadow: 20px 20px 20px #d7d7d7;
	margin: 0;
}

dl.gongyi dt {
	font-size: 2.2rem;
	line-height: 28.76px;
}

dl.gongyi dd {
	font-size: 1.6rem;
	line-height: 3rem;
	padding-top: 1rem;
}

p.desc {
	font-size: 1.6rem;
	line-height: 3rem;
	;
	color: #555;
}

.m-t-50 {
	margin-top: 5rem;
}

.item {
	margin: 0;
	padding: 0;
	width: 35rem;
}

.item dl:first-child {
	margin-bottom: 3rem;
}

.bg-equipment-recommend {
	min-height: 86.4rem;
	background: url(/static/images/special/2025carbon/equipment-recommend-bg.jpg) center no-repeat;
}

.bg-equipment-recommend .container {
	background-image: url(/static/images/special/2025carbon/equipment-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	min-height: 63rem;
	background-color: #1a3d64;
	padding: 5rem 19.5rem 0 19.5rem;
	border-radius: 5rem;
}

.bg-equipment-recommend .top {
	height: 7.7rem;
	font-size: 2.2rem;
	border-radius: 5rem;
	background: #fff;
}

.bg-equipment-recommend .nav-tabs {
	padding: 0;
	border: none;
}

.bg-equipment-recommend .nav-item {
	margin: 0;
	padding: 0;
}

.bg-equipment-recommend .nav-tabs .nav-link {
	padding: 0;
	border: none !important;
	color: #333333;
	width:100%;
	background: #fff;
	margin: 0;
	height: 7.7rem;
	border-radius: 5rem;
}

.bg-equipment-recommend .button {
	width: 100%;
}

.bg-equipment-recommend .nav-link.active {
	background-color: #ffaa06;
	color: #fff;
	border-radius: 5rem;
	width:100%;
	height: 7.7rem;
}

.tab-content {
	color: white;

}

.tab-content dl {
	margin-top: 3rem;
	margin-bottom: 0;
	height: 48rem;
	
	

}

.tab-content dt {
	height: 100%;
	text-align: center;
}
@media(max-width:767px){
	.tab-content dt {
		text-align: center;
	}
	.hidden-xs{
		display: none;
	}
}

.tab-content h4 {
	font-size: 2.4rem;
	color: white;
	line-height: 4rem;
}

.tab-content dd {
	margin-bottom: 0 !important;
	padding-left: 5rem;
	display: flex;
	flex-direction: column;
}

.tab-content p {
	font-size: 1.6rem;
	line-height: 2.7rem;
	margin: 1.5rem auto;
}

.tab-content img.get-price {
	width: 20.04rem;
	height: 5.1rem;
}

.application {
	display: flex;
	justify-content: space-between;
}

.bg-application {
	background-image: url(/static/images/special/2025carbon/bg-application.jpg);
	background-size: cover;
	background-color: rgba(255, 255, 255, 0.05);
}

.bg-application .container {
	padding: 0 11.5rem;
}
button{
	background: none;
	border: none;
}
.application .item-application {
	width: 28.5rem;
	height: 65rem;
	/* background: linear-gradient(to bottom, rgba(94, 148, 206, 0) 0%, rgba(94, 148, 206, 0.95) 50%, rgba(255, 255, 255, 0) 100%); */
	background: linear-gradient(to bottom, rgba(94, 148, 206, 0) 0%, rgba(94, 148, 206, 1) 30%,rgba(94, 148, 206, 1) 30% ,rgba(94, 148, 206, 1) 70% ,rgba(94, 148, 206, 0.95) 70% ,rgba(255, 255, 255, 0) 100%);

}

.application .item-content {
	width: 77rem;
	display: flex;
	flex-direction: column;
	margin-top: 4rem;
}

.application .item-content img {
	width: auto !important;
}

.application .item-content .desc {
	margin-top: 30px;
	line-height: 30px;
	color: #333;
}

.application .nav-link {
	font-size: 2rem;
	color: #fff;
	text-align: left;
	height: 11rem;
	
	width: 28.5rem;
	position: relative;
	padding: 0;
	border-left: 2px solid rgba(255, 255, 255, 0);
	padding-left: 9rem;
}

.application button.active {
	border-left: 2px solid #183c63;
	border-radius: 0;
	margin: 0 !important;
	background: url(/static/images/special/2025carbon/application-button-bg.png) repeat-y left bottom;
}

.application button span {
	display: inline-block;
}

.application button img {
	width: auto;
	height: auto;
	display: inline-block;
	position: absolute;
	left: 5rem;
	top: 4rem;
}

.application button::before {
	background-image: url(/static/images/special/2025carbon/application-ico-1.png) no-repeat left bottom;
}

.application .nav-link.active {
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
}

.bg-case {
	min-height: 80.5rem;
		background: url(/static/images/special/2025carbon/bg-case.jpg) no-repeat center;
	
}
.mySwiper{padding-bottom: 5rem;}
.bg-case .swiper-wrapper{
	height: 53rem;
}
.bg-case .swiper-slide {
	width: 49rem;
	height: 54rem;
	box-shadow: 5px 5px 5px #d0e2f9;
	border-radius: 5px;
}

.bg-case .swiper-slide img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.bg-case h2.title{padding-top:9rem;padding-bottom: 8rem;}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide h5{font-size: 1.8rem;margin:2.5rem 0 1.5rem 0;font-weight: bold;text-align: left;padding-left: 2rem;color:#555;}
.swiper-slide p{font-size: 1.6rem;line-height: 2rem;text-align: left;padding-left: 2rem;color: #555;}
.shili-box{margin:6.6rem 0;position: relative;min-height: 70rem;}
.shili-box .container{padding:0;z-index:-1;}
.shili-box .p70{padding-left: 7rem;}
.shili-content{min-height:59rem;padding:11rem 0;padding-left:14rem;position:relative;z-index:20;}
.shili-content p{font-size:1.6rem;line-height:2.6rem;color:#555;padding-right: 3rem;text-align:justify;}
.shili-content h2{margin-top: 4rem;font-size: 4rem;margin-bottom:2rem;}
.shili-content h2::after {
  content: ''; 
  display: block; 
  width: 12%; 
  height: 1px;
  background-color: #555; 
  margin-top:2rem;
}
.shili-content hr{width:10%;color: #555;}
.shili-item{height: 19rem;color:#fff;font-size:6rem;text-align:center;display: flex;flex-direction: column;justify-content: center;position:relative;
		background:url(/static/images/special/2025carbon/shili-item-bg-v.png) right center no-repeat;
}
.shili-item .shili-icon{
	display: flex;
	align-items: center;
	justify-content: center;
}
.shili-item small{position: relative;bottom:-1.5rem;padding-left: 5px;}
.shili-item:last-child{background:none;}
.shili-item span,.shili-item small{font-size:2.4rem;}

.shili-item span:last-child{clear: both;display: block;}
.shili-item-bg{background: radial-gradient(circle farthest-corner, #485d86, #19388d);padding:0;}
.shili-right{width:100%;height:56.3rem;
background:#e1ffff;
border-radius: 4.5rem;position: absolute;z-index:4;top:5.5rem;}

.swiper-pagination-bullet{display: none;}
.swiper-pagination-l{text-align: center;margin-top: 2.5rem;}
.swiper-pagination-l a{width: 6rem;height: 6rem;display: inline-block;color:#ccc;background:url(/static/images/special/2025carbon/arrow.png) no-repeat;
line-height: 5.5rem;font-size:3rem;text-align: center;
}
.swiper-pagination-l a:hover{color:#333;}
.shili-left{width:63.5rem;min-height:62rem;position: absolute;left:0px;z-index: 5;background: url(/static/images/special/2025carbon/shili-left-bg.jpg) no-repeat center;}

@media (max-width: 767px){
	html{font-size: 10px;}
	h2{text-align: center;}
	.bg-liucheng{display: block;background-size: 20%;padding:3rem 0.5rem;}
	.item{width:100%;}
	.item:first-child{margin-bottom: 3rem;}
	p.desc{padding:0 0.5rem;}
	.bg-equipment-recommend {margin-top:3rem;}
	.bg-equipment-recommend .top {font-size: 1.8rem;}
	.bg-equipment-recommend .nav-tabs .nav-link.active{width:100% !important;}
	.bg-equipment-recommend .container{background: none;padding:0rem 0.5rem 0.5rem !important;}
	.pro-sm{max-height: 20rem;font-size: 1rem;}
	.pro-sm img{max-height: 20rem;width: auto;display: inline-block;}
	.get-price{width:50%;}
	.shili-left{display: none;}
	.shili-right{display: none;}
	.shili-content{padding:0;}
	.application {display: block;}
	.application .item-application {width:100%;}
	.application .item-content{width:100%;}
	.shili-box .p70{padding:0 3rem;}
	.shili-content h2::after{display: none;}
	.application .nav-link{width:25.5rem;}
	.flex-column{flex-direction: row !important;}
	.shili-item{display: none;}
	.shili-item-bg{display: none;}
	.shili-box{min-height: 20rem;margin-top: 4rem;}
	.shili-content{min-height: 20rem;}
	.tab-content dl{min-height: 48rem;height: auto;}
	.tab-content dt img{position:static;margin:0 auto; padding-top: 5rem;}
	.tab-content h4{color: #333;font-size: 2rem; text-align: center;line-height: 4rem;}
	.tab-content dd{padding-left: 1.5rem;margin-top: 2rem;padding-bottom: 2rem;}
	.chatonline{
		margin:2rem auto 0 auto;
		font-size: 1.6rem;
	}
	.shili-content p{
		padding-right: 0;
	}
}

@media (min-width: 992px){
	.application{display: flex;}
	.bg-application .container{padding:0 !important;}
	.application .item-application {width:26.5rem;height:62rem;}
	.application .item-content{width:68rem;}
	.bg-equipment-recommend .container {
		padding: 5rem 3.5rem 0 3.5rem !important;
		border-radius: 3rem ;
	}

	.shili-content{padding-left:0rem;padding:0;}
	.shili-left{display: none;}
	.shili-right{display: none;}
	.shili-box .p70{padding-left:1rem;display:block;}
	.shili-box .p-l-0{display: flex;flex-direction: column;justify-content: center;}
	.shili-content h2{margin-top:0;}

}
@media (min-width: 1200px){
	.application .item-content{width:77rem;}
}
@media (min-width: 1366px) {
	.container{max-width:1366px !important;}
	.material-bg .container {
		padding: 5rem 11rem !important;
	}
	
    .bg-liucheng{background-size: 50%;}

	.bg-application .container {
		padding: 0 2.5rem !important;
	}
	.application .item-application {width:28.5rem;height:65rem;}
	.application .item-content{width:77rem;}
	.shili-box .shili{right:-115px;}
	.p-l-0{padding-left: 0;}
	.shili-right{height:52.8rem;}
	.shili-left{left:-25rem;display: block;min-height:80rem;}
	.shili-left img{display:none;}
	.shili-content{padding:11rem 0;padding-left:8rem;}
	.shili-content h2{margin-top:4rem;}
	.shili-content p{padding:0;}
	.shili-content .p70{padding-left: 3rem;padding-bottom:1.2rem;}
	.shili-content img{position:absolute;bottom:0;}
	.shili-right{border-radius: 3.5rem;display:block;top:8.5rem;}
	.shili-left{display:block;}
}

@media (min-width: 1400px) {
	.container {max-width: 1366px !important;}
	.material-bg .container {
		padding: 5rem 11rem !important;
	}
    .bg-liucheng{background-size: 50%;}

	.bg-application .container {
		padding: 0 11rem !important;
	}
	.shili-box .shili{right:-115px;}
	.p-l-0{padding-left: 0;}
	.shili-right{height:52.8rem;}
	.shili-left{left:-30rem;min-height:92rem;}
	.shili-box .p70{padding-left: 3rem;}
	.shili-content{padding-left:6rem;}
	.shili-content p{font-size:1.6rem;padding-right: 0; line-height: 2.4rem;}
	.shili-content img{bottom:0;position: absolute;}
	.shili-right{border-radius: 3.5rem;}
}


@media (min-width: 1600px) {
	.container {
		max-width: 1410px !important;
	}
	.bg-application .container {
		padding: 0 11.5rem !important;
	}
	.shili-box .p70{padding-left: 5rem;}
	.shili-left{left:-20rem;}
	.shili-right{min-height:57.5rem;right: 4rem;}
	.shili-content{padding-bottom:6rem;padding-left:6rem;}
	.shili-content p{font-size:1.6rem;line-height:2.7rem;color:#555;padding-right: 3rem;text-align:justify;}
	.shili-content img{bottom:0;position: static;max-height: 52.1rem;width: auto;}
}