@charset "utf-8";
@media (min-device-width:320px) and (max-width:689px),
(max-device-width:480px) {
	/* qita */
	input[type="button"],
	input[type="submit"] {
		vertical-align: middle;
		cursor: pointer
	}

	input[type=button],
	input[type=text],
	input[type=password] {
		-webkit-appearance: none;
		outline: none
	}

	article,
	aside,
	dialog,
	footer,
	header,
	section,
	footer,
	nav,
	figure,
	menu {
		display: block;
		margin: 0 auto
	}
	
	.city-pc {
		display: none;
	}
	
	.city-mob {
		display: block;
	}

	body {
		-webkit-text-size-adjust: 100%;
		background: url(../images/bg_mob.jpg) no-repeat center .4667rem #f7ebcd;
		background-size: 100%;
		overflow-x: visible;
	}

	.main,
	.w1200,
	.city-1,
	.city-2 {
		width: 10rem;
	}

	/* 1 */
	.city-top-h {
		height: 6.5333rem
	}

	.city-1 {
		height: 7.84rem;
	}

	.city-1-left-img,
	.city-1-right-img {
		display: none;
	}

	.city-1-bg {
		background: url(../images/bg3_mob.png) no-repeat top center;
		background-size: contain;
		width: 10rem;
		height: 7.84rem;
	}

	.city-1-center-img {
		width: 7.8933rem;
		height: 5.4rem;
		left: 1.04rem;
		top: 0.7rem;
	}

	.city-1-center-img img {
		width: 7.8533rem;
		height: 4.4267rem;
	}

	.city-1-center-text {
		font-size: .32rem;
	}
	
	/* 2 */
	.city-2-tit.city-mob img {
		width: 4.5067rem;
		height: 1.3867rem;
	}

	.city-2-pic {
		width: 9.48rem;
		margin-top: .4667rem;
	}

	.city-2-pic li.city-2-item {
		float: left;
		width: 3.16rem;
		height: 4.5rem;
		margin-bottom: .1rem;
	}

	.city-2-pic li.city-2-item span.pic {
		background: url(../images/bg4_mob.png) no-repeat;
		background-size: 100% auto;
		width: 3.16rem;
		height: 2.4267rem;
		display: block;
	}	

	.city-2-pic li.city-2-item span.pic img {
		margin-left: .07rem;
    	margin-top: .3867rem;
		width: 3.0167rem;
		height: 1.6733rem;
	}

	.city-2-text {
		font-size: .2667rem;
		margin-top: .12rem;
	}

	.city-2-more {
		margin-top: 0rem;
	}

	.city-2-more .city-mob img {
		width: 1.96rem;
		height: .5733rem;
	}

	.city-2-pages {
		font-size: .2667rem;
		padding: 0.2rem 0.1rem;
	}

	.city-2-pages a {
		padding: 0.1rem 0.1rem;
		margin: 0 0.1rem;
	}

	/* 3 */
	.city-3 {
		margin-top: .7333rem;
	}

	.city-3-tit.city-mob img {
		width: 3.6133rem;
		height: 1.44rem;
	}

	.city-3-wrap {
		background: url(../images/bg2_mob.png) no-repeat;
		background-size: 100%;
		height: 5.48rem;
		margin-top: 0;
		padding-top: .72rem;
	}

	.city-3-content {
		width: 96%;
	}

	.city-3-content .swiper-slide img {
		width: 2.2533rem;
		height: 3.96rem;
		max-width: 100%;
	}

	.city-3-content .arrow-left {
		background: url(../images/prev_mob.png) no-repeat left top;
		background-size: 100%;
		left: 0;
		margin-top: -0.5333rem;
		width: .5867rem;
		height: .7733rem;
	}

	.city-3-content .arrow-right {
		background: url(../images/next_mob.png) no-repeat right top;
		background-size: 100%;
		right: 0%;
		margin-top: -0.5333rem;
		width: .5733rem;
		height: .7733rem;
	}

	#copyright {
		font-size: .2667rem;
		margin-top: .4rem;
		padding-bottom: .4rem;
	}
	
}