@media only screen and (min-width: 640px) {
	.banner1 {
		height: 300px;
		background: url(../images/nybanner01.jpg)no-repeat center;
	}
	.banner2 {
		height: 300px;
		background: url(../images/nybanner02.jpg)no-repeat center;
	}
	.banner3 {
		height: 300px;
		background: url(../images/nybanner03.jpg)no-repeat center;
	}
	.banner4 {
		height: 300px;
		background: url(../images/nybanner04.jpg)no-repeat center;
	}
	.banner5 {
		height: 300px;
		background: url(../images/nybanner05.jpg)no-repeat center;
	}
	.banner1 img,
	.banner2 img,
	.banner3 img,
	.banner4 img,
	.banner5 img{
		display: none;
	}
	.detail {
		clear: both;
		overflow: hidden;
		margin-top: 25px;
	}
	.detail .left {
		width: 240px;
		float: left;
	}
	.detail .left .title {
		background: #f77400;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		margin-bottom: 0;
	}
	.detail .left .title span {
		display: block;
		color: #FFFFFF;
		text-align: center;
	}
	.detail .left .title span:nth-child(1) {
		font-size: 24px;
		padding-top: 15px;
		margin-bottom: 5px;
	}
	.detail .left .title span:nth-child(2) {
		font-size: 14px;
		padding-bottom: 20px;
	}
	.detail .left .nynav a {
		display: block;
		line-height: 57px;
		margin-top: 1px;
		color: #FFFFFF;
		padding-left: 45px;
		font-size: 18px;
		text-decoration: none;
		background: url(../images/icon05.png)no-repeat 20px;
		background-color: #333333;
	}
	.detail .left .nynav a:hover {
		background-color: #a4d91e;
	}
	.detail .left .nynav .a2 {
		background-color: #a4d91e;
	}
	.detail .right {
		float: right;
		width: 880px;
	}
	.detail .right .place {
		color: #f77400;
		line-height: 26px;
		padding-left: 30px;
		font-size: 16px;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 8px;
		background: url(../images/icon06.png)no-repeat left top;
	}
	.detail .right .place a {
		color: #666666;
		text-decoration: none;
		font-size: 14px;
	}
	.yema {
		margin-top: 30px;
		display: table;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.yema li {
		float: left;
		margin-right: 10px;
	}
	.yema li a {
		display: block;
		border-radius: 3px;
		color: #666;
		border: 1px solid #b3b3b3;
		text-decoration: none;
		padding: 4px 12px;
		font-size: 14px;
	}
	.yema li a:hover {
		background: #b3b3b3;
		color: #FFFFFF;
	}
	.yema li .cur {
		background: #b3b3b3;
		color: #FFFFFF;
	}
}

@media only screen and (max-width: 640px){
	.banner1 img,
	.banner2 img,
	.banner3 img,
	.banner4 img,
	.banner5 img{
		width: 100%;
	}
	.detail {
		clear: both;
		overflow: hidden;
		padding-bottom: 20px;
	}
	.detail .left {
		width:100%;
	}
	.detail .left .title {
		display: none;
	}
	.detail .left .nynav{
		clear: both;
		overflow: hidden;
		margin-left: -10px;
	}
	.detail .left .nynav a {
		display: block;
		float: left;
		width: 30%;
		margin-left: 10px;
		line-height: 40px;
		text-align: center;
		color: #FFFFFF;
		font-size: 14px;
		text-decoration: none;
		background-color: #333333;
	}
	.detail .left .nynav .a2 {
		background-color: #a4d91e;
	}
	.detail .right {
		width:100%;
	}
	.detail .right .place {
		display: none;
	}	
	.yema {
		margin-top: 20px;
		display: table;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.yema .first,
	.yema .last{
		display: none;
	}
	.yema li {
		float: left;
		margin-right: 10px;
	}
	.yema li a {
		display: block;
		border-radius: 3px;
		color: #666;
		border: 1px solid #b3b3b3;
		text-decoration: none;
		padding: 2px 8px;
		font-size: 13px;
	}
	.yema li a:hover {
		background: #b3b3b3;
		color: #FFFFFF;
	}
	.yema li .cur {
		background: #b3b3b3;
		color: #FFFFFF;
	}
}