.s1-about .right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	background-image: unset;
	width: 60%;
	/*padding-left: 5%;*/
}


.s1-about .s1-about-title {
	padding: 80px 40px 40px 40px;
	width: 80%;
	font-size: 21px;
	font-weight: bold;
}

.swiper-slide .content {
	color: #2e7bb0;
	border-color: #2e7bb0;
}

.s1-about .s1-about-title .line {
	background: #2e7bb0;
}

.blue {
	color: #2e7bb0;
}

.s1-about .s3-more {
	width: 80%;
	padding: 0 40px;
}

.s1-about .s3-more span {
	background: #2e7bb0;
	color: #fff;
	width: 100px;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	margin-top: 30px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
	display: block;
}

.s1-about {
	box-shadow: 0 0 10px #eee;
	background: transparent;
}

.platform {
	background: linear-gradient(180deg, #fefefe, transparent);
	padding: 50px 0;
	margin-top: 0;
}

.platform .imgbox {
	height: auto;
}

.platform .imgbox .left {
	width: 28%;
	height: auto;
	margin-top: 20px;
}

.platform .imgbox .left img {
	height: 100%;
}

.platform .imgbox .right {
	width: 70%;
}

.platform .imgbox .right .img-scale img {
	height: 100%;
}

.numsbox {
	max-width: 60%;
	margin: 0 auto;
	margin-top: -40px;
	display: flex;
	border-radius: 10px;
	box-shadow: 0 0 15px #eee;
}

.numsbox .numsitem {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 4;
	background: #fff;
	color: #2e7bb0;
	font-weight: bold;
	padding: 20px 0;
	transition: .3s all;
}

.numsbox .numsitem .title {
	font-size: 18px;
	margin-top: 15px;
}

.numsbox .numsitem .tips {
	color: #999;
	font-size: 14px;
	margin-top: 3px;
	font-weight: 400;
}

.numsbox .numsitem .activeimg {
	display: none;
}

.numsbox .numsitem.active {
	background: #2e7bb0;
	color: #fff;
	transform: scale(1.2);
	z-index: 5;
	border-radius: 5px;
}

.numsbox .numsitem.active img {
	display: none;
}

.numsbox .numsitem.active .activeimg {
	display: block;
}

.numsbox .numsitem.active .tips {
	color: #fff;
}

.scopebox {
	background-image: url(../img/stage3_bg2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 50px 0 50px 0;
}

.scopelist {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.scopeitem {
	flex: 1;
	position: relative;

}

.scopeitem img {
	width: 100%;
}

.scopeitem p {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2e7bb080;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	transition: .5s all;
}

.scopeitem:hover p {
	background: transparent;
}

.scopeitem.active p {
	background: transparent;
}

.scopeitem.active p span {
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	color: #2e7bb0;
	font-size: 14px;
}

.scopeitem:hover p span {
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	color: #2e7bb0;
	font-size: 14px;
}

.honorbox {
	background-image: url(../img/stage3bg1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 40px 0;
	margin-top: 0;
}

.honorbox .honorlist {
	max-width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.honorbox .honorlist .scopelist {
	width: 80%;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.honorbox .honorlist .scopelist::-webkit-scrollbar {
	display: none;
}

.honorbox .honorlist .scopelist .scopeitem {
	height: 300px;
}

.honorbox .honorlist .scopeitem img {
	height: 100%;
	width: auto;
}

.toright,
.toleft {
	cursor: pointer;
}

.s3-newsbox .newslist {
	max-width: 80%;
	margin: 30px auto;
	display: flex;
	/*justify-content: space-between;*/
	padding-bottom: 40px;
}

.s3-newsbox .newslist .newsitem {
	box-sizing: border-box;
	width: 23%;
	position: relative;
	transition: .5s all;
	cursor: pointer;
	margin: 0 1%;
}

.s3-newsbox .newslist .newsitem .newsinfo {
	position: absolute;
	top: 0;
	left: 0;
	background: #eee;
	width: 100%;
	height: 100%;
	padding: 20px 40px;
	box-sizing: border-box;
	transition: .5s all;
}


.s3-newsbox .newslist .newsitem .time {
	margin-top: 20px;
}

.s3-newsbox .newslist .newsitem .time .year {
	color: #d1d1d1;
}

.s3-newsbox .newslist .newsitem .time .month {
	font-weight: bold;
	color: #000;
	font-size: 20px;
}

.s3-newsbox .newslist .newsitem .title {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0 10px 0;
}

.s3-newsbox .newslist .newsitem .content {
	color: #999;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 1.6;
	height: 40%;
}

.s3-newsbox .newslist .newsitem img {
	width: 100%;
}

.s3-newsbox .newslist .newsitem .newsinfo .more img {
	width: 15px;
	margin-left: 8px;
}

.s3-newsbox .newslist .newsitem .newsinfo .more {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.s3-newsbox .newslist .newsitem .newsinfo .more p {
	background: #e1e1e1;
	padding: 10px 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.s3-newsbox .newslist .newsitem:hover .content,
.s3-newsbox .newslist .newsitem:hover .title,
.s3-newsbox .newslist .newsitem:hover .month,
.s3-newsbox .newslist .newsitem:hover .year {
	color: #fff;
}

.s3-newsbox .newslist .newsitem:hover .newsinfo {
	background: #2e7bb080;
}

.s3-newsbox .newslist .newsitem:hover .title {
	color: #fff;
}

.s3-newsbox .newslist .newsitem:hover .newsinfo .more p {
	background: #fff;
	color: #2e7bb0;

}

.s3-newsbox .newslist .newsitem .newsinfo .activeimg {
	display: none;
}

.s3-newsbox .newslist .newsitem:hover .newsinfo img {
	display: none;
}

.s3-newsbox .newslist .newsitem:hover .newsinfo .activeimg {
	display: block;
}

.s3-newsbox .newslist .newsitem.active .content,
.s3-newsbox .newslist .newsitem.active .title,
.s3-newsbox .newslist .newsitem.active .month,
.s3-newsbox .newslist .newsitem.active .year {
	color: #fff;
}

.s3-newsbox .newslist .newsitem.active .newsinfo {
	background: #2e7bb080;
}

.s3-newsbox .newslist .newsitem.active .title {
	color: #fff;
}

.s3-newsbox .newslist .newsitem.active .newsinfo .more p {
	background: #fff;
	color: #2e7bb0;
}

.s1-about .left img {
	height: 100%;
}

@media screen and (max-width:768px) {
    .numsbox{
        max-width: 100%;
    }
	.scopelist {
		flex-direction: column;
	}

	.s1-about .s1-about-content {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}

	.s1-about .right {
	    width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		align-items: flex-start;
		padding-bottom: 15px;
	}

	.s1-about .s1-about-title {
		padding: 20px 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.s1-about .left img {
		width: 100%;
	}



	.platform .imgbox .left {
		width: 100%;
	}

	.s3-newsbox .newslist {
		flex-direction: column;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.platform .imgbox .right,
	.platform .imgbox .right .right-foot .img-scale,
	.s3-newsbox .newslist .newsitem {
		width: 100%;
	}

	.s3-newsbox .newslist .newsitem {
		margin-bottom: 10px;
	}

	.right-foot {
		width: 100%;
	}

	.honorbox .honorlist .scopelist .scopeitem,
	.honorbox .honorlist .scopeitem img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}

	.honorbox .honorlist .scopelist {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.toleft,
	.toright {
		display: none;
	}

	.mobilenav {
		background: #2e7bb0;
		box-shadow: 1px 0 5px #2e7bb0;
	}

	.mobilenav .left .mobile-navitem.active {
		color: #2e7bb0;
	}
}

.mobilenav {
	background: #2e7bb0;
	box-shadow: 1px 0 5px #2e7bb0;
}

.mobilenav .left .mobile-navitem.active,
.mobile-server .serveritem {
	color: #2e7bb0;
}