﻿*{
	padding:0;
	margin:0;
}

.banner img{
	width: 100%;
	display: flex;

}
.top{
	background: url("../img/sy/03.png") no-repeat center center;
	background-size: cover;
}
.top .top_cont{
	max-width: 1420px;
	width: 100%;
	padding:60px 0;
	margin:0 auto;
}
.top .top_cont p{
	width: 75%;
	background:#0d59ff;
	color:#fff;
	text-align: center;
	line-height:50px;
	border-radius: 40px;
	margin-bottom: 35px;
	font-size: 18px;
}
.top .top_cont p.red{
	background:#f15b6b;
	margin-left:10%
}

.main .page{
	background:url("../img/sy/04.jpg") no-repeat center center;
	background-size: cover;
}
.main .page:nth-child(2n+2){
	background:url("../img/sy/05.jpg") no-repeat center center;
	background-size: cover;
}
.main .page .cont{
	max-width: 1420px;
	width: 100%;
	margin:0 auto;
	padding:30px 0;
}
.main .page .cont .tit{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:20px 0;
}
.main .page .cont .tit .icon{
	display: flex;
}
.main .page .cont .tit h2{
	padding:0 30px;
	font-size: 30px;
}
.main .page .cont .tit h2 span{
	color:#0d59ff;
}



.main .page .cont .info{
	display: flex;
	align-items: center;
	padding:20px 0;
}
.main .page .cont .info .img{
	width: 30%;
}
.main .page .cont .info .img img{
	width: 100%;
}
.main .page .cont .info .info_cont{
	width: 65%;
	padding-left:5%;
}
.main .page2 .cont .info .info_cont{
	padding-left:0%;
	padding-right: 5%;
}
.main .page .cont .info .info_cont .item{
	padding-bottom: 20px;
	line-height: 30px;
	font-size: 18px;
}
.main .page .cont .info .info_cont .item h3{
	color:#f15b6b;
	padding-bottom: 10px;
}




.bottom{
	background:url("../img/sy/06.jpg") no-repeat center center;
	padding:60px 0;
	background-size: cover;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color:#fff;
	line-height: 60px;
}







@media screen and (min-width: 650px) {
	.wap{
		display: none!important;
	}
}

@media screen and (max-width: 650px) {
	.pc {
		display: none !important;
	}
	.top,.page{
		padding:3%
	}
	.top .top_cont p,.top .top_cont p.red{
		width: 100%;
		margin-left: 0;
		padding:20px 0;
		line-height: 24px;
		font-size: 14px;
	}
	.main .page .cont{
		padding:20px 0;
	}
	.main .page .cont .tit .icon{
		width: 15%;
	}
	.main .page .cont .tit .icon img{
		width: 100%;

	}
	.main .page .cont .tit h2{
		font-size: 24px;
	}

	.main .page .cont .info{
		display: block;
	}
	.main .page .cont .info .img{
		width: 100%;
	}
	.main .page .cont .info .info_cont{
		width: 100%;
		padding:0;
	}
	.bottom{
		font-size: 20px;
		padding:8% 5%;
		line-height: 35px;
	}
}