.swiper-slide .content {
 	background: #fff;
 	color: #339068;
 	border-color: #339068;
 }

 .swiper-slide .content:hover {
 	background: #339068;
 	color: #fff;
 }


 .stagetitle {
 	text-align: center;
 	font-size: 30px;
 	font-weight: bold;
 	letter-spacing: 2px;
 }

 .stagetitle p {
 	position: relative;
 	z-index: 2;
 	font-size: 21px;
 }

 .stagetitle .en {
 	margin-top: -25px;
 	font-size: 26px;
 	color: #e7e7e7;
 	position: relative;
 	z-index: 1;
 }

 .s1-business {
 	background: #f6f6f6;
 }

 .businessbox {
 	max-width: 80%;
 	margin: 0 auto;
 	display: flex;
 	padding: 100px 0;
 }

 .s1-business .stagetitle {
 	padding-top: 50px;
 }

 .s1-b-list {
 	display: flex;
 	flex-wrap: wrap;
 	margin-left: 50px;
 	flex: 1;
 	justify-content: space-between;
 }

 .s1-b-item .imgactive {
 	display: none;
 }

 .s1-b-item {
 	width: 49%;
 	margin-bottom: 10px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	background: #fff;
 	padding: 20px 0;
 }

 .s1-b-item .en {
 	color: #999;
 	font-size: 14px;
 }

 .s1-b-item img {
 	margin-bottom: 15px;
 }

 .s1-b-item.active img {
 	display: none;
 }

 .s1-b-item.active .imgactive {
 	display: block;
 }

 .s1-b-item.active {
 	background: #339068;
 	color: #fff;
 }

 .s1-b-item.active .en {
 	color: #fff;
 }

 .s1-about {
 	display: flex;
 	background: #339068;

 }

 .s1-about .left {
 	display: flex;
 	flex-direction: column;
 	width: 40%;
 	background-image: url("../img/line1.png");
 	background-size: cover;
 	background-repeat: no-repeat;
 }

 .s1-about .left .left-item {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	color: #fff;
 	width: 65%;
 	margin-left: 25%;
 	padding: 80px 50px 30px 30px;
 	border-bottom: 1px solid #ffffff80;
 	box-sizing: border-box;
 }

 .s1-about .left .left-item .num {
 	font-size: 26px;
 	font-weight: bold;
 	white-space: nowrap;
 }
@media screen and (max-width:1350px){
    .s1-about .left .left-item{
        margin-left: 15%;
        width: 75%;
    }
}
@media screen and (max-width: 1200px){
.s1-about .left .left-item {
    margin-left: 5%;
    width: 90%;
}
    .s1-about .left .left-item .num{
        font-size: 22px;
    }
    .s1-about .left .left-item{
        
        padding: 80px 10px 30px 15px;
    }
}
 .s1-about .left .left-item .num span {
 	font-size: 18px;
 	font-weight: 200;
 }

 .s1-about .left .left-item .left-text {
 	font-size: 15px;
 }

 .s1-about .left .left-item:nth-child(3) {
 	padding: 55px 50px 55px 30px;
 }

 .s1-about .left .left-item:last-child {
 	border: 0;
 	padding: 30px 50px 80px 30px;
 }

 .s1-about .right {
 	width: 80%;
 	background: #fff;
 	background-image: url("../img/build1.png");
 	background-position: right;
 	background-size: 50% 100%;
 	background-repeat: no-repeat;
 	margin: 0 auto;
 }

 .s1-about .s1-about-title {
 	padding: 0px 0 40px 0px;
 	font-size: 21px;
 	font-weight: bold;
 	width: 100%!important;
 	box-sizing: border-box;
 }

 .s1-about .s1-about-title .line {
 	background: #339068;
 	width: 40px;
 	height: 5px;
 	display: block;
 	margin-left: 15px;
 }

 .s1-about .s1-about-content {
 	padding: 0 40px;
 	/*font-size: 14px;*/
 	/*color: #333;*/
 	/*line-height: 2.3;*/
 	/*letter-spacing: 2px;*/
 	width: 100%;
 	box-sizing: border-box;
 }

 .s1-about .more {
 	background: #339068;
 	color: #fff;
 	width: 100px;
 	height: 50px;
 	line-height: 50px;
 	padding: 0 10px;
 	margin: 0 40px;
 	margin-top: 40px;
 	text-align: center;
 	letter-spacing: 2px;
 	font-size: 14px;
 }

 .s1-contact {
 	padding-top: 50px;
 }

 .s1-contact-box {
 	max-width: 80%;
 	margin: 30px auto 50px auto;
 	display: flex;
 }

 .s1-contact-box .left {
 	width: 60%;
 }

 .s1-contact-box .left img {
 	width: 100%;
 	height: 100%;
 }

 .s1-contact-box .right {
 	background: #339068;
 	width: 40%;
 	color: #fff;
 	position: relative;
 }

 .s1-contact-box .right .title {
 	padding: 35px 50px;
 	margin-bottom: 20px;
 }

 .s1-contact-box .right .right-li {
 	padding: 0 50px;
 	padding-bottom: 35px;
 	font-size: 14px;
 }

 .s1-contact-box .right .right-li img {
 	margin-right: 10px;
 	width: 25px;
 }

 .s1-contact-box .right::after {
 	background-image: url("../img/sanjiao.png");
 	background-size: 100% 100%;
 	position: absolute;
 	content: '';
 	width: 30px;
 	height: 30px;
 	left: -30px;
 	top: 40%;
 }

 .s1-resource {
 	padding-top: 40px;
 	background: linear-gradient(180deg, #f7f7f7, #fff);
 }

 .s1-resource .res-list {
 	max-width: 80%;
 	margin: 0 auto;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 .s1-resource .res-list .res-item {
 	width: 24%;
 	margin: 15px 0;
 	background: #f6f6f6;
 	padding: 15px;
 	box-sizing: border-box;
 	height: 400px;
 	transition: ease .3s all;
 }

 .s1-resource .res-list .res-item .imgbox {
 	width: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	overflow: hidden;
 	height: 320px;
 	transition: ease .3s all;
 }

 .s1-resource .res-list .res-item img {
 	transition: .5s all;
 	transform: scale(1);
 }

 .s1-resource .res-list .res-item.active img {
 	transform: scale(.7);
 }

 .s1-resource .res-list .res-item .title {
 	font-weight: bold;
 	text-align: center;
 	padding: 15px 0;
 }

 .s1-resource .res-list .res-item .content {
 	height: 0;
 	overflow: hidden;
 	color: #fff;
 	font-size: 14px;
 	letter-spacing: 2px;
 	line-height: 1.8;
 	transition: ease .3s all;
 }

 .s1-resource .res-list .res-item.active {
 	background: #339068;
 	color: #fff;
 }

 .s1-resource .res-list .res-item.active .imgbox {
 	height: 210px;
 }

 .s1-resource .res-list .res-item.active .content {
 	height: 100%;
 }

 .s1-news {
 	padding: 40px 0;
 	background-color: #fafafa;
 }

 .s1-news-list {
 	max-width: 60%;
 	margin: 0 auto;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-top: 20px;
 }

 .s1-news-list .left {
 	width: 33%;
 	background: #fff;
 	cursor: pointer;
 	transition: .5s;
 }

 .s1-news-list .left .picbox {
 	width: 100%;
 	overflow: hidden;
 }

 .s1-news-list .left img {
 	width: 100%;
 	min-height: 100%;
 	transition: .5s all;
 	transform: scale(1);
 }
 .s1-news-list .left:hover{
     box-shadow: 0 0px 36px rgba(0,0,0,0.1);
 }
 .s1-news-list .left:hover img {
 	transform: scale(1.2);
 }

 .s1-news-list .left .title {
 	padding: 15px 30px;
 	font-weight: bold;
 	font-size: 15px;
 	/*height: 74px;*/
 	box-sizing: border-box;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .s1-news-list .left .content {
 	padding: 0 30px;
 	font-size: 14px;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	color: #666666;
 }

 .s1-news-list .left .time {
 	text-align: right;
 	font-size: 14px;
 	color: #666;
 	padding: 10px 30px;
 }

 .s1-news-list .right {
 	width: 66%;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 }

 .s1-news-list .right .right-top {
 	background: #fff;
 	display: flex;
 	padding: 30px 0;
 }

 .s1-news-list .right .right-top .right-top-item .title {
 	font-size: 14px;
 	font-weight: bold;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .s1-news-list .right .right-top .right-top-item .time {
 	color: #666;
 	padding: 15px 0;
 }

 .s1-news-list .right .right-top .right-top-item .content {
 	font-size: 14px;
 	color: #666;
 }

 .s1-news-list .right .right-top .right-top-item {
 	padding: 0 16px;
 }

 .s1-news-list .right .right-top .right-top-item:first-child {
 	border-right: 1px solid #ddd;
 }

 .s1-news-list .right .right-foot {
 	display: flex;
 	justify-content: space-between;
 }

 .s1-news-list .right .right-foot {
 	margin-top: 20px;
 }

 .s1-news-list .right .right-foot .right-foot-item {
 	background: #fff;
 	width: 48%;
 	padding: 20px;
 	box-sizing: border-box;
 }

 .s1-news-list .right .right-foot .right-foot-item .item-li {
 	display: flex;
 	justify-content: space-between;
 	font-size: 14px;
 	padding: 10px 0;
 }

 .s1-news-list .right .right-foot .right-foot-item .item-li p {
 	width: 70%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .s1-news-list .right .right-foot .right-foot-item .item-li p img {
 	width: 7px;
 	margin-right: 5px;
 }

 .s1-news-list .right .right-foot .right-foot-item .item-li .time {
 	color: #999;
 }

 @media screen and (max-width:768px) {
     .s1-about .s1-about-content,.s1-news-list{
         max-width: 96%;
     }
     .s1-about .s1-about-title{
         padding-top: 20px;
     }
     .s1-about .s1-about-content{
         margin: 0 auto;
         padding: 0 10px;
     }
 	.s1-contact-box {
 		flex-direction: column;
 		margin-bottom: 0;
 	}

 	.s1-contact-box .left {
 		width: 100%;
 		height: 150px;
 	}

 	.s1-contact-box .right {
 		width: 100%;
 	}

 	.s1-news-list {
 		flex-direction: column;
 	}

 	.s1-news-list .left {
 	 width: 96%;
           margin: 0 2% 10px 2%;
 	}

 	.s1-news-list .right {
 		width: 100%;
 	}

 	.s1-news-list .right .right-top {
 		flex-direction: column;
 		padding-top: 0;
 	}

 	.s1-news-list .right .right-top .right-top-item:first-child {
 		border: 0;
 	}

 	.s1-news-list .right .right-top .right-top-item {
 		margin: 15px 0;
 	}

 	.right-foot {
 		margin-top: 0;
 		flex-direction: column;
 	}

 	.right-foot .right-foot-item {
 		width: 100%;
 		padding: 0 20px;
 	}

 	.res-list {
 		flex-wrap: wrap;
 	}

 	.s1-resource .res-list .res-item {
 		width: 100%;
 		height: 410px;
 		margin: 0;
 	}

 	.s1-resource .res-list .res-item .content {
 		font-size: 12px;
 	}

 	.businessbox {
 		flex-direction: column;
 		padding: 0;
 	}

 	.s1-b-list {
 		margin-left: 0;
 	}

 	.s1-b-item {
 		width: 96%;
 		margin: 5px auto;
 	}

 	.s1-about {
 		flex-direction: column;
 	}

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

 	.s1-about .left .left-item {
 		width: 100%;
 		margin: 0;
 	}

 	.s1-about .right {
 		width: 100%;
 	}

 	.s1-about .more {
 		margin: 20px auto;
 		text-align: center;
 	}

 	.left-item,
 	.left-item:nth-child(3),
 	.left-item:last-child {
 		padding: 30px 50px 30px 30px;
 	}
 }


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

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

 .mobile-server .serveritem.active {
 	font-weight: bold;
 }