body {
	font-family: 'Microsoft YaHei SimHei';
	min-width: 1200px;
}

.content_01 {
	min-width: 75rem;
	height: 51.6875rem;
	background-image: url("../img/background02.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -17px;
	z-index: 1;
}

.content_01 .box {
	height: 51.6875rem;
	box-sizing: border-box;
	margin: auto;
	padding: 0 5rem;
}

.content_01 .box .left h1 {
	font-size: 4.5rem;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	line-height: normal;
}

.content_01 .box .left h2 {
	text-align: right;
	line-height: normal;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.875rem;
	margin-top: 2.5625rem;
	margin-bottom: 7.1875rem;
}

.content_01 .btns .btn {
	width: 13.75rem;
	height: 4.3625rem;
	background: #FFFFFF;
	border-radius: 2.1875rem;
}

.content_01 .btns .btn:not(:last-child) {
	margin-right: 0.8125rem;
}

.content_01 .btns .btn .img_01 {
	width: 2.75rem;
	height: 2.25rem;
	margin-right: 0.5625rem;
}

.content_01 .btns .btn .img_02 {
	width: 2.375rem;
	height: 2.5625rem;
	margin-right: 0.75rem;
}

.content_01 .btns .btn .img_03 {
	width: 2.6875rem;
	height: 2.25rem;
	margin-right: 0.9375rem;
}

.content_01 .btns .btn span {
	font-weight: bold;
	color: #0060D7;
	font-size: 1.5rem;
}

.content_01 .right {
	margin-left: 5.6875rem;
	width: 54.375rem;
}

.content_01 .right img {
	width: 100%;
	height: 100%;
}

/*  */
.container_01 {
	width: 75rem;
	margin: auto;
}

.container_01 h1 strong {
	font-size: 2.8125rem;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.3125rem;
	margin-left: 2.8125rem;
}

.container_01 h1 {
	text-align: center;
}

.container_01 h2 {
	margin: 2rem 0 2.8125rem;
	text-align: center;
	font-weight: 400;
	color: #999999;
	font-size: 1.4375rem;
}

.swiper-container {
	height: 20.625rem;
	width: 76.25rem !important;
}

.swiper-container .swiper-slide {
	padding: 0.625rem;
	box-sizing: border-box;
	/* width: 81.25rem !important; */
	/* margin-right: 0.625rem !important; */
}

.container_01 .swiper-slide .slide_content {
	width: 12.875rem;
	height: 14.9375rem;
	background: #FFFFFF;
	box-shadow: 0.375rem 0.375rem 1.3125rem 0.0625rem rgba(0, 96, 215, 0.15);
	border-radius: 0.5rem;
	box-sizing: border-box;
	margin: 0px 60px 0 85px;
	/* margin: 0px 50px 0 75px; */
	text-align: center;
}

.container_01 .swiper-slide .slide_content span {
	display: inline-block;
	margin: 1.9375rem 0 5.5625rem;
	font-weight: 400;
	color: #333333;
	font-size: 1.4375rem;
}

.container_01 .swiper-slide .slide_content .img_01 {
	width: 4.25rem;
	height: 4.25rem;
	margin: auto;
}

.container_01 .swiper-slide .slide_content .img_01 img {
	width: 100%;
	height: 100%;
}

.swiper-pagination-bullet {
	width: 2.5625rem;
	height: 0.8125rem;
	background: #0060D7;
	/* opacity: 0.5; */
	border-radius: 0.375rem;
}

.swiper-pagination-bullet-active {
	width: 5.0625rem;
	height: 0.8125rem;
	background: #0060D7;
	border-radius: 0.375rem;
}

.slide_content_active_0 {
	width: 32.375rem;
	height: 17.1875rem;
	background-image: url("../img/color_background.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -45px;
	margin-top: -12px;

}

.slide_content_active_1 {
	width: 32.375rem;
	height: 17.1875rem;
	background-image: url("../img/information_background.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -45px;
	margin-top: -12px;

}

.slide_content_active_2 {
	width: 32.375rem;
	height: 17.1875rem;
	background-image: url("../img/erp_background.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -45px;
	margin-top: -12px;

}


.slide_content_active_0 .box,
.slide_content_active_1 .box,
.slide_content_active_2 .box {
	padding: 2.5rem 3rem;
	box-sizing: border-box;
}

.slide_content_active_0 span:first-child,
.slide_content_active_1 span:first-child,
.slide_content_active_2 span:first-child {
	font-weight: 500;
	color: #FFFFFF;
	font-size: 23px;
}

.slide_content_active_0 img,
.slide_content_active_1 img,
.slide_content_active_2 img {
	width: 24.75rem;
	height: 0.125rem;
	margin: 0.9375rem 0 4.75rem;
}

.slide_content_active_0 span:last-child,
.slide_content_active_1 span:last-child,
.slide_content_active_2 span:last-child {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 1.0625rem;
	display: inline-block;
	opacity: 0.7;
}

/* container_02 */
.container_02 {
	padding: 0 2.5rem;
}

.container_02 .big_title,
.container_03 .big_title {
	font-size: 2.75rem;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 0.75rem;
}

.container_02 .box1 .left,
.container_02 .box3 .left {
	margin-right: 6.625rem;
}

.container_02 .box1 .left .title,
.container_02 .box2 .right .title,
.container_02 .box3 .left .title {
	margin-bottom: 1.6875rem;
}

.container_02 .box1 .left .title h1,
.container_02 .box2 .right .title h1,
.container_02 .box3 .left .title h1 {
	font-weight: 500;
	color: #333333;
	font-size: 2.1875rem;
}

.container_02 .box1 .left .title div,
.container_02 .box2 .right .title div,
.container_02 .box3 .left .title div {
	margin-left: 1.875rem;
}

.container_02 .box1 .left .title div img:first-child,
.container_02 .box2 .right .title div img:first-child,
.container_02 .box3 .left .title div img:first-child {
	margin-right: 0.375rem;
}

.container_02 .box1 .left .title img,
.container_02 .box2 .right .title img,
.container_02 .box3 .right .title img {
	width: 18px;
	height: 18px;
}

.container_02 .box1 .left h2,
.container_02 .box2 .right h2,
.container_02 .box3 .left h2 {
	width: 22.875rem;
	font-weight: 400;
	color: #999999;
	font-size: 1.625rem;
	margin-bottom: 1.75rem;
}

.container_02 .box2 .right h2 {
	text-align: right;
}

.container_02 .box1 .left .delta_img,
.container_02 .box2 .right .delta_img,
.container_02 .box3 .left .delta_img {
	width: 4.8125rem;
	height: 3.25rem;
}

.container_02 .box1 .left .delta_img img,
.container_02 .box2 .right .delta_img img,
.container_02 .box3.left .delta_img img {
	width: 100%;
	height: 100%;
}

.container_02 .box2 .right .delta_img {
	align-self: flex-end;
}

.container_02 .box1 .right {
	width: 56.0625rem;
	height: 47.3125rem;
	background-image: url("../img/blue_background.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;

}

.container_02 .box1 .right .bg {
	width: 63.125rem;
	height: 51.9375rem;
	position: absolute;
	top: 1.9375rem;
	right: 12.3125rem;
}

.container_02 .box1 .right .bg img {
	width: 100%;
	height: 100%;
}

.container_02 .box2 {
	margin-top: 20.25rem;
}

.container_02 .box2 .left {
	width: 53.0625rem;
	height: 50.3125rem;
	background-image: url("../img/orange_background.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	margin-right: 8.1875rem;
}

.container_02 .box2 .left .bg {
	width: 60.9375rem;
	height: 57.875rem;
	position: absolute;
	left: 7.875rem;
	top: -3.5625rem;
}

.container_02 .box2 .left .bg img {
	width: 100%;
	height: 100%;
}

/* box3 */
.container_02 .box3 {
	margin-top: 15.625rem;
}

.container_02 .box3 .right {
	width: 56.0625rem;
	height: 47.3125rem;
	background: url("../img/yellow_background.png") no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}

.container_02 .box3 .right .bg {
	width: 41.0625rem;
	height: 47.5625rem;
	position: absolute;
	left: 6.25rem;
	top: 5rem;
}

.container_02 .box3 .right .bg img {
	width: 100%;
	height: 100%;
}

/* container_03 */
.container_03 {
	margin-top: 5rem;
}

.container_03 .box {
	width: 75.5rem;
	flex-wrap: wrap;
}

.container_03 .box .item {
	width: 32.8125rem;
	height: 17.3125rem;
	background: url("../img/background03.png") no-repeat;
	background-position: center;
	background-size: contain;
}

.container_03 .box .item .img {
	width: 6.3125rem;
	height: 6.3125rem;
	margin-left: 3.875rem;
}

.container_03 .box .item .img img {
	width: 100%;
	height: 100%;
}

.container_03 .box .item .content {
	width: 16.125rem;
	line-height: 2.2;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 1.125rem;
	margin-right: 2.875rem;
}

/* footer */
footer {
	height: 21.875rem;
	background: url("../img/end.png") no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 8rem;
}

footer .boxs {
	width: 58.1875rem;
	margin: auto;
}

footer .boxs .box1 h1,
footer .boxs .box2 h1 {
	font-weight: bold;
	color: #FFFFFF;

	font-size: 1.125rem;
}

footer .boxs .box1 ul,
footer .boxs .box2 ul {
	margin-top: 2.5rem;
}

footer .boxs .box1 ul li a {
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.5;
	font-size: 0.9375rem;
}

footer .boxs .box1 ul li a:hover {
	color: #FFFFFF;
	opacity: 1;
}

footer .boxs .box1 ul li:not(:last-child),
footer .boxs .box2 ul li:not(:last-child) {
	margin-bottom: 1.4375rem;
}

footer .boxs .box2 ul li {
	width: 1.125rem;
	height: 1.125rem;
}

footer .boxs .box2 ul li img {
	width: 100%;
	height: 100%;
}

footer .line {
	width: 58.0625rem;
	height: 1px;
}

footer .other {
	margin: 1.875rem 0;
	width: 50%;
}

footer .other span {
	font-weight: 400;
	color: #FFFFFF;
	font-size: 0.9375rem;
	/* margin-right: 6.25rem; */
}

footer .other a {
	font-weight: 400;
	color: #FFFFFF;
	font-size: 0.9375rem;
	/* margin-right: 6.25rem; */
}

footer .other a:hover {
	color: red;
}

/* footer .other span:last-child {
	margin-left: 6.25rem;
} */

#AboutSLS,
#FunctionIntroduction,
#ProductAdvantages {
	width: 100%;
	height: 7.25rem;

	/* 
 
 
 
 
 
 */