.pc-body-main-box{
	display: none;
}
.swiper-wrapper{
	height: unset;
}
.layout-center{
	padding:0 1.5rem;
}
.section-list-box .h4-title{
	font-weight: 500;
	font-size:2.4rem;
	color: #292A2F;
	line-height:3.3rem;
	text-align: center;
	position: relative;
}

.h4-vc-title{
	font-weight: 400;
	font-size: 1.8rem;
	color: #505669;
	line-height:2.5rem;
	text-align: center;
	margin:0.7rem auto 0;
}
/******************************/
.section-banner{
	position: relative;
	background:#EFF2F9;
}

.section-banner .img-box .bg-box{
	width:100%;
}
.section-banner .index-banner-content{

	font-size: 2.3rem;
	line-height: 2.3rem;
	position: absolute;
	left: 1.5rem;
	bottom: 6.8rem;

}
.section-banner .index-banner-content .banner-img img{
	margin-top: 0.5rem;
	width: 100%;
}
.section-banner .banner-title_1{
	color:rgba(48, 115, 255, 1);
	padding-top:0.5rem;
	font-weight: 600;
	font-size: 3rem;
	color: #3073FF;
	line-height:3.9rem
}
.section-banner .banner-title_2{
	padding-top: 1.2rem;
	font-weight: 400;
	font-size: 2.4rem;
	color: #3D3D3D;
	line-height:3.2rem;
}

.section-banner .banner-btn-box a{

	width: 130px;
	line-height: 30px;
	background: #3073FF;
	border-radius: 1.5rem;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin-top: 0.5rem;
}
.section-banner .banner-btn-box a img{
	margin-left:1rem;
}

/********************************************/

.section-nav-box{
	padding:1.3rem 0;
	background: #F9FBFF;
}
.section-nav-box .nav-box{

	background: rgba(255,255,255,0.5);
	width: 100%;
	z-index: 9;
	padding: 2rem;
	box-shadow: 0 3px 6px 0 rgba(91,174,255,0.11), 0 6px 12px 0 rgba(38,59,107,0.09);
	border-radius: 12px;
	backdrop-filter: blur(20px);

}
.section-nav-box ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.section-nav-box ul:before{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	border: 1px solid rgba(151, 151, 151, 0.2);
}
.section-nav-box ul li{
	font-size: 2rem;
	font-weight: 400;
	color: #505668;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50%;
	padding: 1.5rem 0.5rem;
}
.section-nav-box ul li:nth-child(2n):before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 5rem;
	background:rgba(151, 151, 151,0.2);
	width: 0.1rem;
}
.section-nav-box ul li p.num-box{
	font-weight: 700;
	font-size: 3.8rem;
	color: #3073FF;
}
.section-nav-box ul li p.num-box samp{
	font-weight: 500;
	font-size:1.8rem;
	color: #000000;
	margin-left: 1rem;
}
.section-nav-box ul li p.title-box{
	margin-top:0.5rem;
	font-weight: 400;
	font-size:1.6rem;
	color: #505668;
	line-height: 2.2rem;
}
/*****************行业痛点**************************/
.section-pain-point{
	background: #F9FBFF;
	height:72rem;
	background-size: cover;
	padding-bottom:3rem;
}
.section-pain-point .main-box{
	margin-top: 1.5rem;
	display: flex;
	min-height: 18rem;
	background-size: 100% 100%;
	line-height: 2.5rem;
}
.section-pain-point .main-box img{
	width: 100%;
}
/***************************系统介绍************************************/

.section-system-introduction{
	padding: 4rem 0;
	text-align: center;
	background: #fff;

}
.section-system-introduction .main-box{
	margin-top: 2.8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.section-system-introduction .main-box li{
	min-height: 118px;
	background: #FFFFFF;
	border: 1px solid #D8DEE7;
	box-shadow: 0 6px 12px 0 rgba(46,59,89,0.07);
	border-radius: 0.8rem;
	text-align: center;
	padding: 1.5rem 2.5rem;
	margin-bottom: 1.4rem;
	display:flex;
}
.section-system-introduction .main-box li .img-box{
	width:6.4rem;
	height:6.4rem;
	display:flex;
	align-items: center;
	margin:auto;
}
.section-system-introduction .main-box li .img-box img{
  width: 100%;
}
.section-system-introduction .main-box li .content-box{
	flex: 1;
	text-align:left;
	padding-left: 2rem;
}
.section-system-introduction .main-box li .title-box{
	font-weight: 500;
	color: #292A2F;
	font-size:1.6rem;
	line-height: 2.2rem;
}
.section-system-introduction .main-box li .title-box span{
    margin-left: 1rem;
	line-height: 32px;
	background: #E7EFFF;
	border-radius: 1.6rem;
	font-weight: 400;
	font-size: 1.4rem;
	color: #3073FF;
	text-align: center;
	padding: 0.5rem 2rem;

}
.section-system-introduction .main-box li .desc-box{
	font-weight: 400;
	font-size: 1.2rem;
	color: #505668;
	line-height: 2.4rem;
	margin-top:1rem;
	text-align:justify;
}
.section-system-introduction .btn-box{
	width: 17.6rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #3073FF;
	background: #FFFFFF;
	border-radius: 22px;
	border: 1px solid #3073FF;
	text-align: center;
	display: flex;
	margin: 2rem auto 0;
	justify-content: center;
	align-items: center;
}
.section-system-introduction .btn-box img{
	margin-left: 10px;
}
/************系统优势*************/
.section-advantage{
	padding: 4rem 0;
	background: #F9FBFF;
}
.section-advantage .main-box{
	margin-top: 2rem;
}
.section-advantage .main-box li{
	margin-bottom: 8rem;
}
.section-advantage .main-box li:last-child{
	margin-bottom: 7.4rem;
}
.section-advantage .main-box li .left-box .title{
	font-weight: 500;
	font-size: 2rem;
	color: #292A2F;
	line-height:2.8rem;
}
.section-advantage .main-box li .left-box .vc-title{
	margin-top:0.2rem;
	color: #292A2F;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.2rem;
}
.section-advantage .main-box li .left-box .desc-box{
	font-size: 1.4rem;
	font-weight: 400;
	color: #505668;
	line-height: 2rem;
}
.section-advantage .main-box li .left-box .desc-box .desc{
	position: relative;
	padding-left: 2.5rem;
	margin-top: 1rem;
}
.section-advantage .main-box li .left-box .desc-box .desc:before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	background: url(https://ec-img.eccang.com/www/eccang/img/2022/09/26/eccang_1664157649.svg) no-repeat center;
	background-size: 14px 14px;
	height: 14px;
	width: 14px;
}
.section-advantage .main-box li .left-box .tag{
	margin-top: 15px;
}
.section-advantage .main-box li .left-box .tag span{
	line-height: 3rem;
	background: #EBEEF8;
	border-radius: 3rem;
	padding: 0.5rem 1rem;
	margin-right: 0.5rem;

	color: #3073FF;
	font-size: 1.2rem;
}

.section-advantage .main-box li .right-box img{
	width:100%;
}
.section-advantage .main-box li a{
	width: 14.8rem;
	background: #FFFFFF;
	border: 1px solid #3073FF;
	line-height: 3rem;
	display: block;
	background: #FFFFFF;
	border-radius: 2.2rem;
	font-size: 1.4rem;
	color: #3073FF;
	text-align: center;
	margin: 1.5rem 0 1rem;
}
.section-advantage .main-box li a img{
	margin-left:1rem;
}
/**************核心功能**************/
.section-core-functions{
	overflow: hidden;
	padding-top:4rem;
}

.section-core-functions .main-box{
	margin-top:2.4rem;
	text-align: center;
}

.section-core-functions .content-box{
	 overflow: hidden;
	border-radius:0.4rem;
}
.section-core-functions .left-box img{
	width: 100%;

}
.section-core-functions .right-box{
	text-align:left;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 0rem 1.5rem;

}
.section-core-functions .right-box .content{
	background: rgba(48,115,255,0.88);
	box-shadow: 0 19px 26px 0 rgb(46 59 89 / 7%);
	border-radius: 1.6rem;
	backdrop-filter: blur(0.8rem);
	padding: 2.4rem 2.4rem 4.5rem;
	position: relative;
	top: -5rem;
}

.section-core-functions .right-box .title-box{
	font-size:2.4rem;
	color: #FFFFFF;
	line-height:3.3rem;
	font-weight: 500;
    padding-bottom: 1.1rem;
	position:relative;


}
.section-core-functions .right-box .title-box:before{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width: 7rem;
	height: 0.3rem;
	background: #FFFFFF;
}
.section-core-functions .right-box .title-box span{
	position: relative;
}

.section-core-functions .right-box .type-box{
	margin-top: 1.6rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height:2.2rem;
}
.section-core-functions .right-box .desc-box{
	margin-top: 1.2rem;
	font-size: 1.4rem;
	color: #FFFFFF;
	line-height:2.4rem;
}
.section-core-functions .right-box .rate-box{
	display: flex;
	justify-content: space-between;
	color: #fff;
	text-align: left;
	margin-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255,0.3);
	padding-top: 1.6rem;
}
.section-core-functions .right-box .rate-box span{
	display:block;
	font-size:3.2rem;
}
.section-core-functions .right-box .rate-box span samp{
	font-size:1.6rem;
}
.section-core-functions .swiper-pagination{
   bottom:7rem;
}

.section-core-functions .swiper-pagination-bullet{
	width: 0.4rem;
	height: 0.4rem;
	opacity: 0.3;
	margin:0 2.5rem;
}
.section-core-functions .swiper-pagination-bullet-active{
	width: 2rem;
	height: 0.4rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
}


.section-core-functions a{
	margin: 35px auto 0;
	display:block;
	width: 142px;
	line-height: 42px;
	background: #FFFFFF;
	border-radius: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #3073FF;
	text-align: center;
}
.section-core-functions a img{
	margin-left:10px;
}

/************************/
.section-appointment-box{
	background: url(http://eccang-img.oss-cn-shenzhen.aliyuncs.com/www/eccang/img/2022/05/18/ec_1652848835.png) no-repeat center;
	background-size: 100% 100%;
	height: 236px;
	display: flex;
	text-align: center;
	align-items: center;

}
.section-appointment-box .title-box{
	font-size: 2rem;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 42px;
}
.section-appointment-box .btn-box a{
	width: 120px;
	line-height: 36px;
	box-shadow: 0px 3px 8px 0px rgba(36, 104, 242, 0.2);
	border-radius: 2px;
	border: 1px solid #FFFFFF;
	display: inline-block;
	color: #fff;
	margin-top: 15px;
}


/******************************************/
.section-headlines{

	background:#F9FBFF;
	padding:4rem 0
}
.section-headlines .main-box{
	margin-top: 2rem;

}
.section-headlines .main-box .left-box{

}
.section-headlines .main-box .left-box ul{

}

.section-headlines .main-box .left-box ul li{

	background: #FFFFFF;
	box-shadow: 0 8px 15px 0 rgba(55,85,152,0.07);
	border-radius: 0.8rem;
	margin-bottom:1.6rem;
	padding: 1.6rem;

}

.section-headlines .main-box .left-box ul li .img-box{
	font-weight: 500;
	font-size: 1.6rem;
	color: #3073FF;
	line-height:2.2rem;
	margin-bottom: 1.6rem;
}

.section-headlines .main-box .left-box ul li .img-box img{
	width: 3.2rem;
	margin-right:1rem;
}

.section-headlines .main-box .left-box ul li .content-box{
	line-height:2rem;
}


.section-headlines .main-box .left-box ul li .content-box p a{
	font-weight: 400;
	font-size: 1.4rem;
	color: #292A2F;
	padding-bottom: 1rem;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: rgba(204, 211, 219,0.4) solid 1px;
}

.section-headlines .main-box .right-box{
	background: #FFFFFF;
	box-shadow: 0 8px 15px 0 rgba(55,85,152,0.07);
	border-radius: 0.8rem;
	padding: 1.6rem 1.6rem 2.4rem 1.6rem;
}
.section-headlines .right-box .hot-h1{
	line-height: 2.2rem;
	display: flex;
	font-weight: 500;
	font-size: 1.6rem;
	color: #3073FF;
	line-height:3.2rem;
	margin-bottom: 1.6rem;
}
.section-headlines .right-box .hot-h1 img{
	width: 3.2rem;
	height: 3.2rem;
	margin-right: 1rem;
}
.section-headlines .right-box .swiper-slide img{
	width: 100%;
	border-radius: 0.8rem;
}

.section-headlines .right-box .more-btn-box{
	margin-left: auto;
	font-weight: 400;
	font-size: 1.4rem;
	color: #505668;
}
.section-headlines .right-box .more-btn-box img{
	width: 1.6rem;
	height:1.6rem;
	margin-left:0.8rem;

}
.section-headlines .swiper-pagination{
	position: unset;
	margin-top: 1.5rem;
}

.section-headlines .swiper-pagination-bullet{
	width:0.8rem;
	background: rgba(84, 84, 109, 1);
	opacity: .3;
}
.section-headlines .swiper-pagination-bullet-active{
	background: #54546D;
}
.section-headlines .news-btn-box{
	text-align: center;
	margin-top: 2.2rem;
}
.section-headlines .news-btn-box a{
	width: 14.8rem;
	line-height: 4.2rem;
	background: #FFFFFF;
	border: 1px solid #3073FF;
	border-radius: 2.2rem;
	margin:auto;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items: center;
	color: rgba(48, 115, 255, 1);
}
.section-headlines .news-btn-box a svg{

	width:2rem;
	height:2rem;
	margin-left: 0.5rem;
	fill: #2268f0;
}

/****************************************************************/
.section-increase{
	height: 32.4rem;
	background: url("https://ec-img.eccang.com/www/eccang/img/2022/11/29/eccang_1669691091.png") no-repeat center;
	background-size: 100% 100%;
	padding:0 1.5rem;
}

.section-increase .main-box{
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	height: 100%;
	justify-content: center;
}
.section-increase .main-box .h1-title{
	font-weight: 500;
	font-size: 2.4rem;
	color: #292A2F;
	text-align: center;
	line-height:3.3rem
}
.section-increase .main-box .vc-title{
	margin-top:10px;
	font-weight: 400;
	font-size: 1.6rem;
	color: #505668;
	text-align: center;
	line-height:2.2rem;
}
.section-increase .main-box a{
	margin-top: 50px;
	width:15.6rem;
	line-height: 4.4rem;
	background: #3073FF;
	border-radius: 22px;
	font-weight: 500;
	font-size:1.8rem;
	color: #FFFFFF;



}
.section-increase .main-box a img{
	margin-left: 10px;
	width:24px;
	height:24px;
}