@charset "UTF-8";
.detail-top-bg{
	width: 100%;
	height: 516px;
	background-color: #fff;
	background-image: url('../img/h-bg.png');
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.detail-top-bg2{
	width: 100%;
	height: 557px;
	background-color: #fff;
	background-image: url('../img/h-bg.jpg');
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.detail-top-text{
	width: 800px;
}
.detail-top-bg2 .detail-top-text{
	width: 600px;
}
.des-title{
	padding-top: 130px;
	color: #353C58;
	font-size: 26px;
	margin-bottom: 35px;
}
.des-main{
	color: #353C58;
	text-indent: 30px;
	font-size: 16px;
	line-height: 38px;
}
.test-btn{
	background: #188BF3;
	border-radius: 4px;
	padding: 8px 20px;
	margin-top: 20px;
	color: #fff;
	font-size: 16px;
	width: fit-content;
	cursor: pointer;
}
.detail-data{
	width: 100%;
	height: 698px;
	padding-top: 50px;
}
.intro-img{
	width: 750px;
	height: 576px;
	margin: 0 20px;
	display: flex;
	align-items: center;
}
.intro-img img{
	width: 710px;
	height: auto;
	border: 8px solid #f2f2f2;
	border-radius: 8px;
}
.intro-text{
	width: 500px;
	margin: 0 20px;
}

.bg-img{
	background-color: #fff;
	background-image: url('../img/content-bg.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}
.intro-img-sj{
	background-image: url('../img/sj.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.intro-img-fx{
	background-image: url('../img/fx.png');
	background-repeat: no-repeat;
	background-position: center right;
}

.item-title{
	color: #1A7ADB;
	font-size: 24px;
	margin-bottom: 20px;
}

.item-text{
	color: #353C58;
	line-height: 40px;
	text-indent: 30px;
}

.bg-white{
	background: #fff;
}

.bg-gray{
	background: #F9F9F9;
}

.bg-intro {
	/* background-image: url('../img/fx.png'); */
	width: 780px;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
.bg-intro .item-title{
	margin-bottom: 10px;
}
.bg-intro .item-text{
	margin-bottom: 35px;
	line-height: 25px;
	text-indent: 0px;
}
.bg-intro .item-text:last-child{
	margin-bottom: 0px;
}
.bg-intro-sj{
	background-image: url('../img/sj.png');
	width: 780px;
	height: 576px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}