@charset "utf-8";
@media (min-device-width:320px) and (max-width:689px),
(max-device-width:480px) {
	body {
		-webkit-text-size-adjust: 100%;
	}

	.main,
	.main-content .inner,
	.main-content .page-content .scroll-outer {
		width: 10rem
	}

	.main-content .box-video::before,
	.main-content .box-video::after,
	.main-content .swiper-slide:nth-of-type(2) .scroll-outer::before,
	.main-content .video-wrap .list-nav,
	.main-content .box-editor .items:nth-child(3),
	.main-content .box-editor::before,
	.main-content .box-editor::after {
		display: none;
	}

	#menu-toggle,
	.custom-menu,
	.swiper-pagination1.swiper-pagination-bullets {
		display: none !important;
	}

	/* main-content */
	.main-content {
		background     : url(../images/bg-mob.jpg) center no-repeat;
		background-size: cover;
	}

	.main-content .swiper-slide:nth-child(2) .page-content .title1 img,
	.main-content .swiper-slide:nth-child(4) .page-content .title1 img {
		width: 8.0267rem;
	}

	.main-content .swiper-slide:nth-child(5) .page-content .title1 img {
		width: 9.3867rem
	}

	.page-content .title1 {
		text-align: center;
	}

	.page-content .title1 img {
		width: 6.8267rem;
	}
	
	.page-content .inner {
		transform: scale(1.0000) !important;
	}
	
	.swiper-container1 {
		z-index: 10000;
	}

	/* page 0 */
	.main-content .center-text-wrap {
		top: 15%;
	}

	.main-content .center-text-wrap .links-wrap {
		width: 8.3rem;
		margin-top: .6667rem;
	}

	.main-content .center-text-wrap .tit0 {
		width: 8.3467rem;
		height: 2.3333rem;
	}

	.main-content .center-text-wrap .links-wrap .items {
		float: none;
		width: auto;
		position: relative;
	}

	.main-content .center-text-wrap .links-wrap .items a {
		display: block;
	}

	.main-content .center-text-wrap .links-wrap .items:nth-of-type(1) a:nth-of-type(2) a {
		margin-top: 0;
	}

	.main-content .center-text-wrap .links-wrap .items:nth-of-type(1) {
		width: 10rem;
	}

	.main-content .center-text-wrap .links-wrap .items:nth-of-type(1) img {
		width: 4.3rem;
		height: 3.68rem;
		position: absolute;
		left: 0;
		top: 0;
	}

	.main-content .center-text-wrap .links-wrap .items:nth-of-type(1) img:nth-of-type(2) {
		position: absolute;
		left: 4.1333rem;
		top: 0.6rem;
		width: 4.2rem;
		height: 3.7467rem;
	}

	.main-content .center-text-wrap .links-wrap .items:nth-of-type(2) img {
		width: 4.3rem;
		height: 7.533rem;
		position: absolute;
		left: 0.3rem;
		top: 3.5467rem;
	}

	.main-content .center-text-wrap .links-wrap .items:nth-of-type(3) img {
		left: 4.9rem;
		top: 4.9rem;
		position: absolute;
		width: 4.3rem;
		height: 7.8667rem;
		margin-top: -1.7rem;
	}
	
	.center-text-wrap .links-wrap .items:nth-of-type(3) i {
		display: none;
	}


	/* page 1 */
	.main-content .box-video {
		background: url(../images/bg2-mob.png) no-repeat;
		width: 9.6667rem;
		height: 7.5733rem;
		background-size: 100%;
		margin-top: 1.16rem;
	}

	.main-content .box-video .video-content {
		width: 9.2rem;
		height: 5.08rem;
		top: .6667rem;
		left: 0;
	}

	.play-button {
		width: 1.2267rem;
		height: 1.2267rem;
		background-size: 100%;
	}

	.main-content .swiper-slide:nth-of-type(2) .scroll-outer::after {
		content: '';
		display: block;
		position: absolute;
		top: 80%;
		left: 61%;
		background: url(../images/zi-mob.png) no-repeat;
		width: 3.08rem;
		height: 4.8533rem;
		z-index: 2;
		background-size: 100%;
	}

	/* page 2 */
	.main-content .box-tan {
		width: 9.3333rem;
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
		margin-top: 0.3rem;
	}

	.main-content .box-tan .items {
		width: 3.0667rem;
		float: none;
	}

	.main-content .box-tan .items img {
		width: 100%;
		height: auto;
	}

	.main-content .box-tan .items:nth-child(even) {
		margin-top: .92rem;
	}

	.main-content .box-tan .items:nth-child(4) {
		margin-top: -1rem;
	}

	.main-content .box-tan .items:nth-child(odd) .play-button-75,
	.main-content .box-tan .items:nth-child(4) .play-button-75 {
		top: 65%;
	}

	.main-content .box-tan .items-mob {
		display: block;
		margin-top: -0.5rem !important;
	}

	.main-content .box-tan .items-mob .play-button-75 {
		top: 40%;
	}

	.play-button-75 {
		width: 1rem;
		height: 1rem;
		background-size: 100%;
	}

	.video-popup {
		width: 8rem;
	}

	.close-button {
		width: .9333rem;
		height: .9333rem;
		top: 88%;
	}

	/* page 3 */
	.main-content .video-wrap .video-content {
		width: 8.9733rem;
		float: none;
		margin-top: 0;
	}

	.main-content .box-video-you {
		width: 9.48rem;
		height: 7.4933rem;
		background: url(../images/bg5-mob.png) no-repeat;
		background-size: 100%;
		margin-top: .6667rem;
	}

	.main-content .video-wrap {
		width: 8.9733rem;
		height: 4.96rem;
		left: 0;
		top: 8%;
	}

	.main-content .box-video-you::after {
		width: 2.6667rem;
		height: 4.2133rem;
		right: 0.5rem;
		background-size: 100%;
		top: 75%;
	}

	.list-nav-wrap-mob {
		display: block;
	}

	.list-nav-wrap-mob .list-nav-mob {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: .6667rem;
	}

	.list-nav-wrap-mob .list-nav-mob li {
		margin-top: 0.2rem;
		width: 2.9067rem;
		height: 1.2267rem;
	}

	.list-nav-wrap-mob .list-nav-mob li:nth-child(1) {
		background: url(../images/ico-z-mob.png) no-repeat;
		background-size: 100%;
	}
	.list-nav-wrap-mob .list-nav-mob li.active:nth-child(1) {
		background: url(../images/ico-z-mob-c.png) no-repeat;
		background-size: 100%;
	}

	.list-nav-wrap-mob .list-nav-mob li:nth-child(2) {
		background: url(../images/ico-m-mob.png) no-repeat;
		background-size: 100%;
	}
	.list-nav-wrap-mob .list-nav-mob li.active:nth-child(2) {
		background: url(../images/ico-m-mob-c.png) no-repeat;
		background-size: 100%;
	}

	.list-nav-wrap-mob .list-nav-mob li:nth-child(3) {
		background: url(../images/ico-za-mob.png) no-repeat;
		background-size: 100%;
	}
	.list-nav-wrap-mob .list-nav-mob li.active:nth-child(3) {
		background: url(../images/ico-za-mob-c.png) no-repeat;
		background-size: 100%;
	}

	.list-nav-wrap-mob .list-nav-mob li:nth-child(4) {
		background: url(../images/ico-w-mob.png) no-repeat;
		background-size: 100%;
	}
	.list-nav-wrap-mob .list-nav-mob li.active:nth-child(4) {
		background: url(../images/ico-w-mob-c.png) no-repeat;
		background-size: 100%;
	}

	.list-nav-wrap-mob .list-nav-mob li:nth-child(5) {
		background: url(../images/ico-h-mob.png) no-repeat;
		background-size: 100%;
	}
	.list-nav-wrap-mob .list-nav-mob li.active:nth-child(5) {
		background: url(../images/ico-h-mob-c.png) no-repeat;
		background-size: 100%;
	}

	.list-nav-wrap-mob .list-nav-mob li:nth-child(6) {
		background: url(../images/ico-c-mob.png) no-repeat;
		background-size: 100%;
	}
	.list-nav-wrap-mob .list-nav-mob li.active:nth-child(6) {
		background: url(../images/ico-c-mob-c.png) no-repeat;
		background-size: 100%;
	}

	/* page 4 */
	.main-content .box-editor {
		width: 8.5333rem;
		height: auto;
		margin-top: .5667rem;
	}
	.main-content .box-editor .items {
		float: none;
	}

	.main-content .box-editor .items:nth-child(1) {
		width: 8.5333rem;
	}

	.main-content .box-editor .items:nth-child(1) .pic-list {
		height: 2.5rem;
	}

	.main-content .box-editor .items:nth-child(1) .pic-list li {
		float: left;
		width: 4.1067rem;
	}

	.main-content .box-editor .items:nth-child(1) .pic-list li img {
		width: 100%;
		height: 2.3067rem;
		border-radius: 0.2rem;
	}

	.main-content .box-editor .items:nth-child(1) .pic-list li:last-of-type {
		float: right;
	}

	.main-content .box-editor .items:nth-child(2) {
		width: 8.5333rem;
		height: auto;
		margin-left: 0;
		margin-top: 0.4rem;
		padding: .2667rem;
	}

	.main-content .box-editor .items:nth-child(2) .news-list h3,
	.main-content .box-editor .items:nth-child(2) .list li {
		font-size: .5033rem;
	}

	.main-content .box-editor .items:nth-child(2) .news-list p {
		font-size: .3867rem;
	}


	/* arrow */
	.arrow-box{
		display: block;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 1.6rem;
		height: 1.1733rem;
		z-index: 999;
	}
	#array {
		z-index: 999;
		-webkit-animation: start 1.5s infinite ease-in-out;
		animation: start 1.5s infinite ease-in-out;
		display:block;
		margin: 15px  auto 0 auto;
		width: 1.6rem;
		height: 1.1733rem;
	}
	@-webkit-keyframes start {
		0%,30% {
			opacity: 0;
			-webkit-transform: translate(0,-10px);
		}
		60% {
			opacity: 1;
			-webkit-transform: translate(0,0);
		}
		100% {
			opacity: 0;
			-webkit-transform: translate(0,8px);
		}
	}
	@-moz-keyframes start {
		0%,30% {opacity: 0;
			-moz-transform: translate(0,-10px);
		}
		60% {
			opacity: 1;
			-moz-transform: translate(0,0);
		}
		100% {
			opacity: 0;
			-moz-transform: translate(0,8px);
		}
	}
	@keyframes start {
		0%,30% {
			opacity: 0;
			transform: translate(0,-10px);
		}
		60% {
			opacity: 1;
			transform: translate(0,0);
		}
		100% {
			opacity: 0;
			transform: translate(0,8px);
		}
	}
	
	/* 0305 */
	.center-text-wrap .links-wrap.links-mob,
	.title1.title1-mob {
		display: block;
	}

	.center-text-wrap .links-wrap.links-pc,
	.title1.title1-pc {
		display: none;
	}
}