@media screen and (min-width: 1200px) {

	#wrapper{
		position: absolute;
		top:50%;
		left:50%;
		margin-top:-296px;
		margin-left:-600px;
		width:1200px;
	}

	.wrapperHeight{
		height:593px;
	}

	#indexLeft{
		position: relative;
		float: left;
		width: 252px;
	}

	#indexText{
		position: absolute;
		top:10px;
		right:45px;
		width:41px;
	}

	#indexSquare{
		position: absolute;
		bottom:0;
		left:0;
	}

	#indexRight{
		float: left;
		width:948px;
		background: url('../images/indexImg.jpg');
		background-size: cover;
	}

	#indexMore{
		position: absolute;
		top:0;
		right:0;
		width:0;
		background: #fff;
		overflow: hidden;
	}

	#indexMoreText{
		position: absolute;
		top:125px;
		right:350px;
		width:284px;
		color:#727776;
		text-align: left;
		line-height: 10px;
	}

	#indexMoreLogo{
		position: absolute;
		top:35px;
		right:35px;
		width:126px;
	}


	#switch{
		position: absolute;
		bottom:15px;
		right:15px;
		width: 96px;
		height:96px;
		background: url('../images/readMore.png');
		background-size: cover;
		cursor: pointer;
	}

	#rightWhite{
		position: absolute;
		top:0;
		left:1200px;
		background: #fff;
	}

}



@media screen and (max-width: 1200px) and (min-width: 900px) {

	#content{
		min-height: 1256px !important;
	}

	#wrapper{
		margin:25px auto;
		width:880px;
		height:1206px;
	}

	#indexLeft{
		position: relative;
		float: left;
		width: 250px;
		height:593px;
	}

	#indexText{
		position: absolute;
		top:10px;
		right:45px;
		width:41px;
	}

	#indexSquare{
		position: absolute;
		bottom:0;
		left:0;
	}

	#indexRight{
		float: left;
		width:630px;
		height:593px;
		background: url('../images/indexImg.jpg');
		background-size: cover;
	}

	#indexMore{
		position: absolute;
		right:0;
		top:613px;
		width:880px;
		height:593px;
		background: #fff;
		overflow: hidden;
	}

	#indexMoreText{
		position: absolute;
		top:125px;
		left:125px;
		width:284px;
		color:#727776;
		text-align: left;
		line-height: 10px;
	}

	#indexMoreLogo{
		position: absolute;
		top:35px;
		right:125px;
		width:126px;
	}


	#switch{
		display: none;
		position: absolute;
		bottom:15px;
		right:15px;
		width: 96px;
		height:96px;
		background: url('../images/readMore.png');
		background-size: cover;
		cursor: pointer;
	}

	#rightWhite{
		display: none;
		position: absolute;
		top:0;
		left:1200px;
		background: #fff;
	}

}






@media screen and (max-width: 900px) and (min-width: 480px) {

	#content{
		min-height: 1256px !important;
	}

	#wrapper{
		margin:25px auto;
		width:460px;
		height:1206px;
	}

	#indexLeft{
		position: relative;
		float: left;
		width: 200px;
		height:593px;
	}

	#indexText{
		position: absolute;
		top:10px;
		right:45px;
		width:41px;
	}

	#indexSquare{
		position: absolute;
		bottom:0;
		left:0;
	}

	#indexRight{
		float: left;
		width:260px;
		height:593px;
		background: url('../images/indexImg.jpg');
		background-size: cover;
	}

	#indexMore{
		position: absolute;
		right:0;
		top:613px;
		width:460px;
		height:593px;
		background: #fff;
		overflow: hidden;
		text-align: center;
	}

	#indexMoreText{
		position: absolute;
		bottom:25px;
		left:25px;
		width:284px;
		color:#727776;
		text-align: left;
		line-height: 10px;
	}

	#indexMoreLogo{
		position: absolute;
		top:25px;
		right:25px;
		width:126px;
	}


	#switch{
		display: none;
		position: absolute;
		bottom:15px;
		right:15px;
		width: 96px;
		height:96px;
		background: url('../images/readMore.png');
		background-size: cover;
		cursor: pointer;
	}

	#rightWhite{
		display: none;
		position: absolute;
		top:0;
		left:1200px;
		background: #fff;
	}

}






@media screen and (max-width: 480px) {

	#content{
		min-height: 700px !important;
		width:100% !important;
	}

	#wrapper{
		margin: 25px 6%;
		width: 88%;
		height: 650px;
	}

	#indexLeft{
		position: relative;
		float: left;
		width: 25%;
		height:300px;
	}

	#indexText{
		position: absolute;
		top:10px;
		right:10px;
		width:41px;
	}

	#indexSquare{
		display: none;
		position: absolute;
		bottom:0;
		left:0;
	}

	#indexRight{
		float: left;
		width:75%;
		height:300px;
		background: url('../images/indexImg.jpg');
		background-size: cover;
	}

	#indexMore{
		position: absolute;
		right: 6%;
		top: 320px;
		width: 88%;
		min-height: 320px;
		background: #fff;
		overflow: hidden;
		text-align: center;
	}

	#indexMoreText{
		position: absolute;
		bottom:12%;
		left:6%;
		width:88%;
		color:#727776;
		line-height: 20px;
		text-align: left;
		font-size: 8pt;
	}

	#indexMoreLogo{
		position: absolute;
		top:25px;
		right:25px;
		width:126px;
	}


	#switch{
		display: none;
		position: absolute;
		bottom:15px;
		right:15px;
		width: 96px;
		height:96px;
		background: url('../images/readMore.png');
		background-size: cover;
		cursor: pointer;
	}

	#rightWhite{
		display: none;
		position: absolute;
		top:0;
		left:1200px;
		background: #fff;
	}

}