.index-sc{
	text-align: center;
}
.sc{
	width: 100%
}
.sc-a{
	width: 100%;
}
.sc-b{
	
	width: 50vw;
	margin: 3vw auto;
}
.sc-b1{
	width: 50%;
	margin: 3vw auto;
}
.sc-b img{
	width: 100%;
}
.sc-c{
	width: 100%;
	margin: 3vw auto 0;
	background: url(../image/sc-c.png);
	background-size: 100%;
	padding-top: 3vw;
	padding-bottom: 3vw;
	overflow: auto;
}
.sc-c .yx-b1,.sc-c .yx-b2{
	color: #fff;
}
.sc-c1{
	width: 52vw;
	margin: 1vw auto;
}
.sc-c1 ul li{
	background: #fff;
	width: 19vw;
	height: 6vw;
	float: left;
	margin: 1vw 1.5vw;
	padding: 1vw 2vw;
	text-align: center;
}
.sc-c11{
	font-size: 1.3vw;
	color: #f55574!important;
	font-weight: bold;
	line-height: 2.5vw;
}
.sc-c12{
	font-size: 1vw;
	color: #000;
}
.sc-d{
	margin: 3vw auto;
}
.sc-d ul{
	overflow: auto;
}
.sc-d ul li{
	float: left;
	width: 8vw;
	margin-right: 2.39vw;
	text-align: center;
	font-size: 1.2vw;
	color: #fff;
	font-weight: bold;
	padding-bottom: 1vw;
	border-radius: 1vw;
}
.sc-d ul li img{
	width: auto;
	height: 4vw;
	margin: 1vw auto 0.5vw;
}
.sc-d5,.sc-d10{
	margin-right: 0!important;
}
.sc-d6,.sc-d7,.sc-d8,.sc-d9,.sc-d10{
	margin-top: 2vw;
}
.sc-d1{
	background: #00a9fd;
}
.sc-d2{
	background: #2380e0;
}
.sc-d3{
	background: #93a0ee;
}
.sc-d4{
	background: #238fe0;
}
.sc-d5{
	background: #23a3e0;
}
.sc-d6{
	background: #5a99f3;
}
.sc-d7{
	background: #62b0cf;
}
.sc-d8{
	background: #2196f3;
}
.sc-d9{
	background: #58bdeb;
}
.sc-d10{
	background: #00cefd;
}
@media (max-width: 1440px){
	.sc-b{
		
		width: 65vw;
	}
	.sc-b1{
		width: 65%;
	}
	.sc-c1{
		width: 65%;
	}
	.sc-c1 ul li{
		width: 24.5vw;
		margin: 1vw 2vw;
	}
	.sc-c11{
		
		font-size: 22px;
	}
	.sc-c12{
		font-size: 1.3vw;
	}
	.sc-d ul li{
		width: 11vw;
		margin-right: 2.5vw;
	}
}
@media (max-width: 1024px){
	.sc-c1 ul li{
		height: 8vw;
	}
	.sc-c11{
		font-size: 18px;
	}
}
@media (max-width: 768px){
	.sc-b{
		width: 100%;
		margin-top: 30px;
		padding: 0 5px;
		width: -webkit-calc(100% - 10px); 
		width:-moz-calc(100% - 10px); 
		width:calc(100% - 10px); 
	}
	.sc-c{
		
		padding-top: 30px;
	    padding-bottom: 25px;
	    background-size: cover;
	    margin-top: 30px;
	}
	.sc-c1{
		width: 80%;
	}
	.sc-c1 ul li{
		width: 92%;
	    margin: 5px 0;
	    height: auto;
	    padding: 15px 4%;
	}
	.sc-c11{
		font-size: 16px;
	    line-height: 1;
	    margin-bottom: 8px;
	}
	.sc-d,.sc-bot{
		width: 65%;
	}
	.sc-yh{
		width: 80%;
	}
	.sc-c12{
		font-size: 14px;
		line-height: 20px;
	}
	.sc-d ul li{
		width: 46%;
	    font-size: 14px;
	    padding-bottom: 10px;
	    margin-right: 2% !important;
	    margin-left: 2%;
	    margin-bottom: 15px;
	}
	.sc-d6, .sc-d7, .sc-d8, .sc-d9, .sc-d10{
		margin-top:0px ;
	}
	.sc-d ul li img{
		height: 8vw;
		margin: 10px auto 4px;
	}
	.sc-d5, .sc-d10 {
	    margin-right: 6%!important;
	}
}
@media (max-width: 425px){
	.sc-b{
		width: 100%;
		margin-top: 30px;
		padding: 0 5px;
		width: -webkit-calc(100% - 10px); 
		width:-moz-calc(100% - 10px); 
		width:calc(100% - 10px); 
	}
	.sc-c{
		
		padding-top: 30px;
	    padding-bottom: 25px;
	    background-size: cover;
	    margin-top: 30px;
	}
	.sc-c1{
		width: 80%;
	}
	.sc-c1 ul li{
		width: 92%;
	    margin: 5px 0;
	    height: auto;
	    padding: 15px 4%;
	}
	.sc-c11{
		font-size: 16px;
	    line-height: 1;
	    margin-bottom: 8px;
	}
	.sc-d,.sc-bot{
		width: 65%;
	}
	.sc-yh{
		width: 80%;
	}
	.sc-c12{
		font-size: 14px;
		line-height: 20px;
	}
	.sc-d ul li{
		width: 46%;
	    font-size: 14px;
	    padding-bottom: 10px;
	    margin-right: 6%;
	    margin-bottom: 12px;
	}

	.sc-d ul li img{
		height: 8vw;
		margin: 10px auto 4px;
	}
	.sc-d3,.sc-d4,.sc-d5{
		margin-top: 0;
	}
	.sc-d2,.sc-d4,.sc-d6,.sc-d8,.sc-d10{
		margin-right: 0!important;
	}
	.sc-d5{
		margin-right: 4vw!important;
	}
	.sc-d5, .sc-d10 {
	    
	}
}