/*common start*/

body,
div,
ul,
li,
a,
img,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
span,
strong,
input {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}

body {
	font-size: 12px;
	color: #666;
	/*font-family: "MinionPro-Disp";*/
	font-family: "EBGaramond";
}

@font-face {
	font-family: "EBGaramond";
	src: url("../fonts/EBGaramond.woff2") format("woff2"), url("../fonts/EBGaramond.woff") format("woff"), url("../fonts/EBGaramond.ttf") format("truetype"), url("../fonts/EBGaramond.eot") format("embedded-opentype"), url("../fonts/EBGaramond.svg") format("svg");
}

@font-face {
	/* 1. �����������ƣ�����ͨ�������Ƶ��� */
	font-family: 'MiSans VF';
	/* 2. ָ�������ļ�·����ע��·��������ڵ�ǰ CSS �ļ��� */
	src: url('../fonts/MISANS VF.TTF') format('truetype');
	/* 3. ��Կɱ����壬��������֧�ֵ����ط�Χ (ͨ��Ϊ 100-900) */
	font-weight: 100 900;
	/* 4. �Ż��������飺����ʾ�������壬������ɺ��滻 */
	font-display: swap;
}

/*@font-face {
	font-family: 'AdobeSongStd';
	src: url('AdobeSongStd-Light.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}*/

body.head_on {
	overflow: hidden
}

a {
	color: rgb(0 0 0 / 95%);
	transition: 0.3s;
}

	a:hover {
		color: #f60;
		text-decoration: none;
		cursor: pointer;
	}

p {
	line-height: 1.8em;
	padding: 5px 0;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
}

.wapper_a {
	width: 100%;
	padding: 0 50px;
	margin: 0 auto;
}

.wapper_b {
	width: 100%;
	padding: 0 50px;
	max-width: 72vw;
	margin: 0 auto;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--main-color: #185fad;
	--main-color2: #109B04;
	--main-color-white: #fff;
	--main-color-000: #000;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fa_dot {
	font-size: 11px;
	color: #333;
	margin-top: 100px;
}

	.fa_dot i {
		display: inline-block;
		margin: 5px;
	}



/*swiper*/

.swiper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.swiper-slide {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
	font-size: 30px;
}


/*common*/

.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	display: flex;
}

.jusBet {
	justify-content: space-between;
}

.jusCet {
	justify-content: center;
}

.jusEnd {
	justify-content: flex-end;
}

.aliTop {
	align-items: flex-start;
}

.aliCet {
	align-items: center;
}

.aliBtm {
	align-items: flex-end;
}

.img {
	font-size: 0px;
	overflow: hidden;
}

img {
	transition: 0.5s;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}

.bgfff {
	background: #fff !important;
}

.fff {
	color: #fff !important;
}

em {
	font-style: normal;
}

.overflow1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
}

.overflow2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overflow3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.textCet {
	text-align: center;
}

.textRight {
	text-align: right;
}

.pc_show {
}

.m_show {
	display: none;
}

.iTit {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
}

	.iTit span {
		display: block;
		color: #a39e9e;
		font-size: 20px;
	}

.iTxt {
}

.iLine i {
}

.hidden {
	overflow: hidden;
}

.comBg {
	background-size: cover;
	background-repeat: no-repeat;
}

.iVideo {
	width: 100%;
}

	.iVideo video {
		max-width: 100%;
		height: 450px;
		margin: 0 auto;
		display: block
	}

.iImg {
	width: 100%;
}

	.iImg img {
		width: 100%;
	}


/*-------------------------------------------*/


/*banner*/

.banner {
	width: 100%;
}

.bannerSwiper .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
	transition: width ease 0.35s;
	border-radius: 20px;
}

.bannerSwiper .swiper-pagination-bullet-active {
	background: var(--main-color);
	width: 20px;
}

.bannerSwiper .swiper-button-next:after,
.bannerSwiper .swiper-button-prev:after {
	color: #fff;
}

.header_a {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0);
	z-index: 999;
	/*border-bottom: 1px solid #ddd;*/
	background: #ffffff00;
}

.headWarp2 {
	width: 100%;
	height: 75px;
}

	.headWarp2 .logo_a {
		display: flex;
		align-items: center;
		line-height: 1;
	}

		.headWarp2 .logo_a img {
			width: auto;
			height: auto;
			max-width: 250px;
			max-height: 40px;
		}

		.headWarp2 .logo_a .img2 {
			display: none;
		}

.hHei {
	height: 120px;
}

.menu_btn {
}

	.menu_btn span {
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.menu_btn i {
		display: block;
		width: 20px;
		height: 20px;
		background: #000;
		border-radius: 50%;
		margin-right: 10px;
	}

		.menu_btn i:last-child {
			margin-right: 0;
		}

	.menu_btn:hover i {
		background: #000;
	}

.menuTc {
	position: fixed;
	inset: 0px;
	background-color: rgba(28, 28, 28, 0);
	z-index: -999;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}

	.menuTc.active {
		z-index: 999;
		opacity: 1;
		visibility: visible;
		background: rgba(28, 28, 28, 0.95);
	}

	.menuTc .warp {
	}

	.menuTc .list ul li {
		position: relative;
		opacity: 0;
		-webkit-transition: all .6s;
		transition: all .6s;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.menuTc .list ul li {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

		.menuTc .list ul li:nth-child(1) {
			transition-delay: 160ms;
		}

		.menuTc .list ul li:nth-child(3) {
			transition-delay: 320ms;
		}

		.menuTc .list ul li:nth-child(2) {
			transition-delay: 240ms;
		}

		.menuTc .list ul li:nth-child(4) {
			transition-delay: 400ms;
		}

		.menuTc .list ul li:nth-child(5) {
			transition-delay: 480ms;
		}

		.menuTc .list ul li:nth-child(6) {
			transition-delay: 560ms;
		}

		.menuTc .list ul li:nth-child(7) {
			transition-delay: 640ms;
		}

		.menuTc .list ul li:nth-child(8) {
			transition-delay: 720ms;
		}

.menu_nav {
	padding-top: 5vw;
}

	.menu_nav ul {
		width: 100%;
		text-align: center;
		line-height: 50px;
	}

		.menu_nav ul li {
			margin-bottom: 1.5vw;
			line-height: 50px;
		}

			.menu_nav ul li a {
				color: rgb(118, 118, 118);
				transition: color 0.3s linear 0s;
				font-size: 2.865vw;
				text-transform: uppercase;
			}

				.menu_nav ul li a:hover {
					color: #fff;
				}

.menu_share {
	text-align: center;
}

	.menu_share ul {
	}

		.menu_share ul li {
			margin-bottom: 10px;
		}

			.menu_share ul li a {
				font-size: 15px;
				color: rgb(118, 118, 118);
			}

				.menu_share ul li a:hover {
					color: #ccc;
				}

			.menu_share ul li svg {
				width: 10px;
			}

.menuTc .menu_share ul li:nth-child(1) {
	transition-delay: 480ms;
}

.menuTc .menu_share ul li:nth-child(2) {
	transition-delay: 560ms;
}

.menuTc .menu_share ul li:nth-child(3) {
	transition-delay: 640ms;
}

.menu_links {
	margin-top: 35px;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}

	.menu_links ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

		.menu_links ul li {
			margin: 5px;
		}

			.menu_links ul li a {
				font-size: 15px;
				color: #fff;
				font-weight: bold;
			}

				.menu_links ul li a:hover {
				}

.header_a.active {
	z-index: 9999;
	background: transparent;
	border: none;
}

	.header_a.active .headWarp2 .logo_a .img1 {
		display: none;
	}

	.header_a.active .headWarp2 .logo_a .img2 {
		display: block;
	}

	.header_a.active .menu_btn i {
		background: #fff;
	}


/*page*/

.a_i1 {
	width: 100%;
	padding: 5vw 0 9vw 0;
}

	.a_i1 .wapper_b {
		width: 100%;
		max-width: 100%;
		padding: 0 55px;
	}

.a_i1_warp {
	width: 100%;
	justify-content: flex-start;
}


	.a_i1_warp .left {
		width: 48%;
		max-width: 600px;
	}

	.a_i1_warp .right {
		width: 48%;
		max-width: 470px;
		margin: 0 auto;
		display: flex;
		align-items: center;
	}

	.a_i1_warp .txt {
		color: #333;
		text-align: justify;
		display: block;
	}

		.a_i1_warp .txt p {
			font-size: 18px;
			color: #333;
			text-align: justify;
			display: block;
			line-height: 1.4;
		}

	.a_i1_warp .swiper .swiper-button-next:after,
	.a_i1_warp .swiper .swiper-button-prev:after {
		color: #fff;
	}

.a_i1_list {
	width: 100%;
	overflow: hidden;
	margin-bottom: 3vw;
}

	.a_i1_list .part {
		display: block;
		width: 100%;
		height: 100%;
	}

		.a_i1_list .part .img {
			width: 100%;
			height: 100%;
		}

			.a_i1_list .part .img img {
				width: 100%;
				height: 30vw;
				object-fit: cover;
			}

	.a_i1_list .swiper .swiper-button-next:after,
	.a_i1_list .swiper .swiper-button-prev:after {
		color: #fff;
	}

.footer2 {
	padding: 60px 0;
	font-size: 14px;
	color: #9E9E9E;
	text-align: center;
}

.footer2 .wapper_b{padding-top: 60px;border-top: 1px solid #000;}

.f_logo {
	text-align: center;
}

	.f_logo img {
		width: auto;
		max-width: 200px;
		max-height: 60px;
	}

.f_desc {
	margin-top: 10px;
	line-height: 1.6;
}


/*showeoom*/

.showeoom1 {
	width: 100%;
	padding: 5% 0;
}

	.showeoom1 .iVideo {
		width: 100%;
	}

	.showeoom1 .tit {
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		line-height: 1.5;
		margin-top: 20px;
		color: #000;
	}

		.showeoom1 .tit strong {
			display: block;
		}

		.showeoom1 .tit span {
			color: #a39e9e;
		}

.showeoom2 {
	padding: 5vw 5%;
	box-shadow: var(--main-shadow);
}

.showeoom2_list {
	width: 100%;
}

	.showeoom2_list .title {
		font-size: 24px;
		color: #000;
		font-weight: bold;
		margin-bottom: 20px;
	}


	.showeoom2_list ul li {
		width: calc(25% - 5.46vw);
		margin-bottom: 50px;
		max-width: 300px;
		margin-right: 7.22vw;
	}

		.showeoom2_list ul li:nth-child(4n) {
			margin-right: 0;
		}

	.showeoom2_list .part {
		display: block;
		width: 100%;
	}

		.showeoom2_list .part .time {
			font-size: 16px;
			color: #a39e9e;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.showeoom2_list .part .tit {
			font-size: 16px;
			color: #000;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.showeoom2_list .part .img {
			width: 100%;
		}

			.showeoom2_list .part .img img {
				width: 100%;
			}

.showeoom3 {
	padding: 5vw 0;
}

.showeoom3_list {
	width: 100%;
	margin-top: 50px;
}

	.showeoom3_list ul li {
		width: 33.3%;
		padding: 2% 11%;
	}

	.showeoom3_list .img {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.showeoom3_list .img img {
			width: auto;
			height: auto;
			max-height: 100%;
			max-width: 100%;
		}


/*retail*/

.retail {
	padding: 5vw 0;
}

.retailWarp {
	width: 100%;
}

	.retailWarp .box {
		margin-top: 60px;
		align-items: center;
	}

		.retailWarp .box .left {
			width: 22%;
		}

			.retailWarp .box .left .img {
				width: 100%;
				margin-bottom: 20px;
			}

				.retailWarp .box .left .img img {
					width: auto;
					height: auto;
					max-width: 180px;
					height: 94px;
					object-fit: contain;
				}

			.retailWarp .box .left .txt {
				color: #a39e9e;
				font-size: 0.86vw;
			}

				.retailWarp .box .left .txt p {
					padding: 0 0;
					line-height: 17px;
				}

		.retailWarp .box .right {
			width: 76%;
		}

.retailList {
	width: 100%;
}

	.retailList ul {
		justify-content: space-between;
	}

		.retailList ul li {
			width: 30%;
		}

			.retailList ul li:nth-child(even) {
				width: 18%;
			}

	.retailList .part {
		display: block;
		width: 100%;
		height: 100%;
	}

		.retailList .part img {
			width: 100%;
			height: 14vw;
			object-fit: cover;
		}

.retail2 {
	padding: 5vw 5%;
	background: #fff;
	box-shadow: var(--main-shadow);
}

.retail2List {
	margin-top: 60px;
}

	.retail2List ul li {
		width: 33.3%;
		padding: 0 2%;
		margin-bottom: 50px;
	}

	.retail2List .part {
		display: block;
		width: 100%;
	}

		.retail2List .part .img {
			width: 100%;
		}

			.retail2List .part .img img {
				width: 100%;
			}

		.retail2List .part .desc {
			margin-top: 20px;
		}

		.retail2List .part .tit {
			font-size: 18px;
			color: #000;
			font-weight: bold;
		}

		.retail2List .part .txt {
			color: #a39e9e;
			font-size: 16px;
			margin-top: 10px;
		}

.retail3 {
	padding: 5vw 5%;
}

	.retail3 .wapper_b {
		max-width: 760px;
	}

	.retail3 .iTit {
		margin-bottom: 20px;
		text-align: center;
	}

	.retail3 .iTxt {
		font-size: 18px;
		color: #000;
		font-weight: bold;
		text-align: center;
	}

	.retail3 .list {
		width: 100%;
		margin-top: 35px;
	}

		.retail3 .list ul li {
			width: 33.3%;
			padding: 10px;
			text-align: center;
		}

		.retail3 .list img {
			width: auto;
			max-width: 100%;
			height: 39px;
		}


/*contact*/

.contact {
	width: 100%;
	padding: 5vw 0;
}

.contactWarp {
	width: 100%;
	align-items: center;
}

	.contactWarp .tit {
		font-size: 32px;
		color: #000;
		margin-bottom: 35px;
		width: 100%;
	}

	.contactWarp .left {
		width: 45%;
	}

	.contactWarp .img {
		width: 100%;
	}

		.contactWarp .img img {
			width: 100%;
		}

	.contactWarp .right {
		width: 45%;
	}

	.contactWarp .txt {
		font-size: 0.86vw;
		color: #000;
	}

		.contactWarp .txt p {
			padding: 5px 0;
			line-height: 1.3;
			font-size: 1vw;
			font-family: 'MiSans VF', sans-serif;
			font-weight: bold;
			margin-top: 15px;
		}

		.contactWarp .txt span {
			font-size: 0.86vw
		}

		.contactWarp .txt a {
			color: #000;
			text-decoration: underline;
			font-size: 0.86vw;
		}


/*market*/

.market {
	padding: 5vw 5%;
}

.marketList {
	width: 100%;
}

	.marketList ul {
		justify-content: space-around;
	}

		.marketList ul li {
			width: 30%;
		}

	.marketList .part {
		max-width: 320px;
		margin: 0 auto;
		width: 100%;
		color: #000;
		text-align: center;
	}

		.marketList .part .titEn {
			font-size: 1.3vw;
			font-weight: bold;
			margin-bottom: 2px;
			text-transform: uppercase;
		}

		.marketList .part .titCn {
			font-size: 1.3vw;
			font-weight: bold;
			text-transform: uppercase;
		}

		.marketList .part .box {
			margin-top: 35px;
		}

		.marketList .part .tit {
			font-size: 1vw;
			margin-bottom: 10px;
			font-weight: 400;
			font-family: 'MiSans VF', sans-serif;
			display: inline-block; /* 确保元素是内联块级元素 */
			background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
			background-position: 0 100%; /* 确保背景在下划线位置 */
			background-repeat: no-repeat;
			background-size: 100% 1px; /* 初始时设置为1px，稍后会通过JavaScript调整 */
		}

		.marketList .part .txt {
			font-size: 0.82vw;
			text-align: center;
		}

			.marketList .part .txt p {
				font-size: 0.82vw;
				text-align: center;
				line-height: 0.5
			}

.iLine {
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	margin: 10px 0;
}

.brand {
}

.innerTag span {
	display: inline-block;
	padding: 0.5vw 1vw;
	background: #000;
	color: #fff;
	font-size: 1vw;
}

.brandImg {
	width: 100%;
	padding: 0.5vw 0;
}

	.brandImg img {
		width: auto;
		width: 200px;
	}

.brand_box {
	width: 100%;
	padding-bottom: 35px;
}

	.brand_box .left {
		width: 32%;
		font-size: 17px;
		color: rgba(0, 0, 0, 0.4);
		padding: 8px 0;
	}

	.brand_box .cet {
		width: 29%;
		font-size: 14px;
		color: rgb(0 0 0 / 95%);
		padding: 8px 0;
	}

	.brand_box .item {
		width: 39%;
	}

	.brand_box .iTxt {
		color: rgb(0 0 0 / 95%);
		font-size: 1vw;
	}

.brandImg2 {
	width: 100%;
	padding: 10px 0;
}

	.brandImg2 ul li {
		width: calc(20% - 20px);
		margin-right: 25px;
		margin-bottom: 25px;
	}

		.brandImg2 ul li:nth-child(5n) {
			margin-right: 0;
		}

	.brandImg2 .img_a {
		display: block;
		width: 100%;
		height: 100%;
	}

		.brandImg2 .img_a img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

.brand_btm {
	font-size: 16px;
	padding: 10px 0;
}

	.brand_btm a {
		color: #000;
	}

		.brand_btm a:hover {
			color: var(--main-color);
		}

.inside {
	padding: 5vw 0;
	min-height: 600px;
}

@media only screen and (max-width: 1920px) {
	.wapper_b {
		width: 100%;
		padding: 0 50px;
		max-width: 1380px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1500px) {
	.wapper {
		width: 100%;
	}
}

@media only screen and (max-width: 1380px) {
	.wapper {
		width: 100%;
	}

	.a_i1_warp .txt {
		font-size: 16px;
	}

	.brandImg2 ul {
		justify-content: center;
	}

		.brandImg2 ul li {
			width: 33.3%;
		}

	.a_i1_warp .txt {
		font-size: 1.3vw;
	}

		.a_i1_warp .txt p {
			font-size: 1.3vw;
		}

	.a_i1_warp .right {
		margin-left: 5vw;
		width: 46%;
	}
}

@media only screen and (max-width: 980px) {
	.header {
		display: none
	}
	.brandImg img {
		width: auto;
		max-width: 142px;
	}
	.retailList .part img {
		width: 100%;
		height: 42vw;
		object-fit: cover;
	}

	.sp_header1 {
		display: block;
	}

	.sjj_nav1 {
		display: block;
	}

	.hHei {
		height: 100px;
	}

	.menu_nav ul li a {
		font-size: 24px;
	}

	.menu_share {
		margin-top: 25px;
	}

	.wapper,
	.wapper_a,
	.wapper_b {
		width: 100%;
		padding: 0 12px;
	}

	.headWarp2 .logo_a img {
		max-height: 45px;
	}

	.menu_btn i {
		width: 15px;
		height: 15px;
		margin-right: 5px;
	}

	.f_logo img {
		max-height: 50px;
	}

	.footer2 {
		font-size: 14px;
		padding: 20px 0;
	}

	.a_i1 {
		padding: 60px 0 40px;
	}

	.a_i1_warp .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.a_i1_warp .right {
		width: 100%;
	}

	.a_i1_list {
		margin-bottom: 20px;
	}

	.brand_box .left {
		width: 100%;
		margin-bottom: 10px;
	}

	.brand_box .cet {
		width: 100%;
		margin: 20px 0;
	}

	.brand_box .item {
		width: 100%;
	}

	.brand_box .iTxt {
		font-size: 14px;
	}

	.brandImg2 ul li {
		width: 50%;
		margin: 0;
		padding: 10px;
	}

	.contactWarp .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.contactWarp .right {
		width: 100%;
	}

	.contactWarp .txt p {
		font-size: 17px;
	}

	.contactWarp .txt span {
		font-size: 15px;
	}

	.brand {
		padding: 60px 0 40px;
	}

	.innerTag span {
		padding: 10px 20px;
		font-size: 16px;
	}

	.contact {
		padding: 60px 0 40px;
	}

	.marketList ul li {
		width: 100%;
		padding: 20px 0;
	}

	.marketList .part {
		max-width: 100%;
	}

		.marketList .part .titEn {
			font-size: 21px;
			line-height: 10px;
		}

		.marketList .part .titCn {
			font-size: 21px;
			font-weight: bold;
		}

		.marketList .part .tit {
			font-size: 18px;
		}

		.marketList .part .txt p {
			font-size: 16px;
		}

	.market {
		padding: 40px 20px;
	}

	.retailWarp .box .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.retailWarp .box .right {
		width: 100%;
	}

	.retailList ul li {
		width: calc(70% - 5px);
		margin-bottom: 10px;
	}

		.retailList ul li:nth-child(even) {
			width: calc(30% - 5px);
		}

	.retailWarp .box .left .txt {
		font-size: 18px;
	}

	.retail {
		padding: 60px 0 40px;
	}

	.retail2 {
		padding: 60px 0 0;
	}

	.retail2List ul li {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	.retail3 .iTxt {
		font-size: 16px;
	}
	.retail3 .iTxt p {
		font-size: 16px;
		line-height:20px
	}
	.showeoom1 {
		padding: 60px 0;
	}

	.showeoom2 {
		padding: 10px;
	}

	.showeoom2_list ul {
		justify-content: space-between;
	}

		.showeoom2_list ul li {
			margin-bottom: 20px;
		}

		.showeoom2_list ul li {
			width: 46%;
			max-width: 320px;
			margin-left: auto;
			margin-right: auto;
		}

			.showeoom2_list ul li:nth-child(4n) {
				margin-left: auto;
				margin-right: auto;
			}

	.showeoom3 {
		padding: 60px 0 40px;
	}

	.showeoom3_list ul li {
		padding: 10px;
	}

	.inside {
		padding: 60px 0 40px;
	}

	.inside {
		padding: 60px 0 40px;
	}

	.a_i1_list .part .img img {
		height: 45vw;
	}

	.a_i1_warp .txt {
		font-size: 16px;
	}

		.a_i1_warp .txt p {
			font-size: 16px;
		}

	.a_i1_warp .left {
		width: 100%;
		max-width: 100%;
	}

	.a_i1_warp .right {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 680px) {
	.a_i1 .wapper_b {
		padding: 0 20px;
	}

	.a_i1_list .part .img img {
		height: 45vw;
	}
}