@media screen and (min-width:1025px){
	.arrow{
		font-size: 0.35rem;
		border:0px #000000 solid;
		width:0.5rem;

	}
	.slist li{
		float:left;
		width:50%;
		height:4.8rem;
		border:0px #000000 solid;
		box-sizing: border-box;
		
	}
	.slist::after{
		clear:both;
	}
	.slist li>div,.slist li>h2{
		padding:0 0.5rem;
	}
	.slist h2{
		margin:1.0rem 0 0.4rem 0;
		color:#333;
		
	}
	.scontent{
		border:0px #0077AA solid;
		line-height: 0.3rem;
		overflow: auto;
		
		height:2.0rem;
		color:#666;
	}
	.scontent::-webkit-scrollbar {
		width: 0px;
	}
	.sarrow{
		margin-top:0.3rem;
		border:0px #329010 solid;
		
	}
	.pic{
		background-repeat: no-repeat;

		background-position: center;
		background-size: 150%;
		transition: .5s;
	}
	.pic:hover{
		background-size:170%; 
	}
}


@media screen and (max-width:1024px){
	.arrow{
		font-size: 0.35rem;
		border:0px #000000 solid;
		width:0.5rem;
		margin: 0 auto;
	}
	.slist li{
		height:4rem;
		border:0px #000000 solid;
		box-sizing: border-box;
		
	}
	.slist li>div,.slist li>h2{
		padding:0 0.1rem;
	}
	.slist h2{
		margin:0.6rem 0 0.4rem 0;
		color:#333;
		text-align: center;
	}
	.scontent{
		border:0px #0077AA solid;
		line-height: 0.3rem;
		overflow: auto;
		max-height:2.0rem;
		min-height: 2.0rem;
		color:#666;
	}
	.sarrow{
		margin-top:0.3rem;
		border:0px #329010 solid;
		
	}
	.pic{
		background-repeat: no-repeat;
		background-position: center;
		background-size: 150%;
		transition: .5s;
	}
	.pic:hover{
		background-size:170%; 
	}
}