@media screen and (min-width: 501px) and (max-width: 760px){




	#body1{
		background-image:url(../image/indexslide/bg4.png);
		background-position: center center;
		background-repeat:  no-repeat;
		background-attachment: fixed;
		background-size:  cover;
	}

	#secE{
		width: 100%;
		height: auto;
		float: right;
		position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);	
	}
	
	#artiE1{
		width: 500px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiE11{
		width: 90%;
		height: auto;
		float: right;
		padding: 5%;
		background-color: #fff;
		border-radius: 15px;
		opacity: 0.9;
		box-shadow: 0px 0px 10px #999;
	}
	
	#artiE111{
		width: 100%;
		height: 30px;
		float: right;
		text-align: center;
		line-height: 30px;
		font-size:16px;
		color: #00A1AC;
		font-weight: bold;
	}
	
	#artiE112{
		width: 100%;
		height: auto;
		float: right;
		padding-bottom: 10px;
	}
	
	#artiE1121{
		width: 96%;
		height: 30px;
		float: right;
		margin-top: 10px;
		margin-right: 2%;
		line-height: 30px;
		font-size:16px;
		text-align: center;
		background-color: #FBFFFD;
		border: solid 2px #00A1AC;
		border-radius:40px;
	}
	
	#artiE1122{
		width: 96%;
		height: 30px;
		float: right;
		margin-top: 10px;
		margin-right: 2%;
		line-height: 30px;
		font-size:16px;
		text-align: center;
		background-color: #00A1AC;
		border: solid 2px #00A1AC;
		border-radius: 30px;
		color: #fff;
	}
	
	#artiE1122:hover{
		cursor: pointer;
		color: #00A1AC;
		background-color: #fff;
	}
	
	#artiE1123{
		width: 96%;
		height: auto;
		float: right;
		margin-top: 10px;
		margin-right: 2%;
		line-height: 25px;
		text-align: center;
	}	

	
	
}