@charset "utf-8";

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.m { display: none;}
.pc { display: block;}

.header { width:100%; background:none;  position: absolute;  z-index: 99; box-sizing: content-box; padding:20px 0;  transition: all 0.3s ease-in-out; }
.header.active { position: fixed; z-index:999; background: #fff; }
.header .hinfo { padding:0 150px 0 100px; }
.header .hinfo .logo { height:50px; }
.header .hinfo .logo img { max-height:50px; }
.header .hinfo .logo img.black { display: none;}
.header .hinfo a { display:inline-block; color:#fff; font-size:16px; }
.header .hinfo .nav ul li { float:left; margin-left:50px; line-height: 50px; position: relative; }
.header.active .hinfo .logo img.white { display: none;}
.header.active .hinfo .logo img.black { display: block;}
.header.active .hinfo a { color:#222; }
.header .hinfo .nav ul li { position: relative; }
.header .hinfo .nav ul li::after { content: " ";  position: absolute;  left: 0; bottom: 0;  width:0;  height: 2px; background: #fff;  z-index: 2; transition: all 0.3s ease;}
.header.active .hinfo .nav ul li::after { background: #333; }
.header .hinfo .nav ul li .subnav { width:160px; padding:10px 30px; background:#fff;  position: absolute; top: 90px;  left: 0;  z-index: 99;  opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.header .hinfo .nav ul li .subnav a { display:block; line-height: 40px; font-size: 15px; color:#333;  }
.header .hinfo .nav ul li:hover::after { width:100%; }
.header .hinfo .nav ul li:hover .subnav {opacity: 1; visibility: visible; top: 70px; }

.pc .navToggle { display: block; position: absolute; left: 0; right: 0; cursor: pointer; z-index: 3; text-align: center; width: 60px; height: 60px; border-radius: 50%; margin: 19px auto 0; }
.pc .navToggle span { display: block; position: absolute; width: 40px; height: 1px; background: #333; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; left: 0; right: 0; 
	margin: auto; font-size: 10px;}
.pc .navToggle span:nth-child(1) { top: 34%; }
.pc .navToggle span:nth-child(2) { top: 50%; }
.pc .navToggle span:nth-child(3) { top: 66%; }
.pc .navToggle.active span:nth-child(1) { top: 50%; left: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.pc .navToggle.active span:nth-child(2), .pc .navToggle.active span:nth-child(3) { top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#gotop {
	position: fixed;
	bottom: 20px;
	right: 5px;
	display: block;
	z-index: 9999999;
}
	#gotop img{
		width:40px;
	}
	#sidebar {
		background: #ffffff;
		position: fixed;
		width: 80px;
		height: 100vh;
		right: 0px;
		top: 0;
		z-index: 1010;
	}
.smaplist .page-nav-inner {
	margin-bottom: 15px;
}
.smaplist .page-nav-inner h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

.smaplist .list-style li {
	line-height: 200%;
	float: left;
	width: 20%;

}

	.smaplist .list-style li a {
		font-size: 13px;
	}

		.smaplist .list-style li a::before {
			content: "";
			background: #B49170;
			width: 8px;
			height: 1px;
			display: inline-block;
			margin-right: 10px;
			vertical-align: middle;
		}
.ibg2 {
	display: none;
}
.mobile_video{display:none}
#sidebar .side-menu {
	z-index: 999;
	margin: auto;
	justify-content: space-between;
	height: 100%;
	padding-bottom: 100px;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
#sidebar .side-menu>div { padding: 15px 0; text-align: center; }
#sidebar i {  display: inline-block; width:100%; margin-bottom: 10px; font-size: 18px; color:#B49170; }
#sidebar span { writing-mode:vertical-lr; padding-right:2px; }
.pc .content-box { width: 1440px; margin: auto; }
.pc .mega-menu { width: 100vw; height: 100vh; padding: 20px 50px; box-sizing: border-box; background: #B49170; position: fixed; top: 0; left: 100vw; z-index: 1002; overflow-y: scroll; }
.pc .mega-menu .content-box .logo { margin-bottom: 20px; text-align: left; }
.pc .mega-menu .content-box .logo img { max-height:50px; }
.pc .mega-menu .content-box .mega-menu-inner { width: 250px; text-align: left; }
.pc .mega-menu .content-box .sns { margin-top: 50px; justify-content: center; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single:not(:first-of-type) { margin-top: 50px; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single * { color: #fff; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single h3 { font-size: 20px; font-weight: normal; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single h3::after { content: ""; display: block; width: 20px; height: 1px; background: #fff; margin-top: 12px; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single h5 { margin:60px 0 0; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul { max-width: 180px; margin-top: 20px; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li:not(:first-of-type) { margin-top: 15px; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a {  display: block; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a.parent { position: relative; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a.parent::after, .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a.parent::before {
    content: ""; position: absolute; top: 0; bottom: 0; right: 28px; margin: auto; width: 10px; height: 1px; background: #fff; -webkit-transition: 0.3s; transition: 0.3s;}
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a.parent::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a.parent.open::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a+ul { display: none; padding: 10px 0; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a+ul li a { font-size: 14px; padding-left: 20px; }
.pc .mega-menu .content-box .mega-menu-inner .mega-menu-single>ul>li>a+ul li:not(:first-of-type) { margin-top: 15px; }
.pc .mega-menu .content-box .sns li { margin: 0 15px; }

.serch-box { display: none; position: fixed; top: 0; right: 80px; z-index: 1000; }
.serch-box .serch-box-inner { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 346px; height: 100vh; padding: 20px; box-sizing: border-box; 
	background: #B49170; text-align: left; color: #fff; }
.serch-box .serch-input { width: 100%; position: relative; }
.serch-box .serch-input i { font-size:18px; color:#333;  }
.serch-box .serch-input .searchinput { width: 100%; box-sizing: border-box; padding: 10px; border: 2px solid #ddd; border-radius: 4px; font-size: 15px; }
.serch-box .serch-input .searchbtn { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; }
.serch-box .keywords { width: 100%; margin-top: 60px; }
.serch-box .keywords h3 { font-size: 15px; color: #fff; font-weight: normal; }
.serch-box .keywords ul { margin-top: 12px; }
.serch-box .keywords ul li { display: inline-block; }
.serch-box .keywords ul li a { display: block; margin: 6px; padding: 5px 15px; color: #fff; font-size: 13px; border: 1px solid #fff;  }


/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
.ibg { width:100%; background: #000; }
/*.ibg .iban-swp .swiper-slide::before {content: ""; position: absolute; left: 0; top: 0;  width:100%; height: 100%; background: linear-gradient(to top, transparent 50%, #000); opacity: 0.5; z-index: 9; }*/
.iban-swp .sp-pn { display:none; }
.iban-swp .swiper-pagination { display: block; width:100%; bottom:20px!important; }
.iban-swp .swiper-pagination-bullet { width:10px; height: 10px; background:#666; opacity: 1!important; margin:0 5px!important; border-radius:10px!important;   }
.iban-swp .swiper-pagination-bullet-active { background: #000; }

.ibox {
    padding: 100px 0;
    width: 1200px;
    margin: auto;
}
.ibox .tit { text-align: center; margin-bottom: 60px; }
.ibox .tit h2 { font-size: 36px; color:#ccc; font-weight: 300; text-transform: uppercase; }
.ibox .tit h1 { font-size: 30px; color:#222; font-weight: normal;  }

.ibox1 .cc { width:840px; margin:0 auto; padding:40px 0; text-align: center; border:1px solid #666; }
.ibox1 .cc h1 { font-size:18px; font-weight: normal; margin-bottom: 10px; }
.ibox1 .cc ul li { line-height: 200%;}

.ibox2 { background: #f9f9f9;}
.ibox2 .list ul li { float: left; width:calc(25% - 30px); margin-right:40px; }
.ibox2 .list ul li:nth-child(4n) { margin-right:0;}
	.ibox2 .list ul li p { /*margin: 10px 0 0;*/
		line-height: 100% !important;
		margin-top: 3px;
	}

.ibox3 { padding:0 0 80px; background: #f9f9f9; }
.ibox3 .list ul li { float: left; width:calc(50% - 20px); margin-right:40px; margin-bottom: 20px; }
.ibox3 .list ul li:nth-child(2n) { margin-right:0;}
	.ibox3 .list ul li p { /*margin: 10px 0 0;*/
		line-height: 100% !important;
		margin-top: 3px;
		
	}

.ibox4 { padding:100px 0 60px; }
	.ibox4 .list ul li {
		float: left;
		width: calc(25% - 30px);
		margin-right: 40px;
		margin-bottom: 40px;
		position: relative;
	}
		.ibox4 .list ul li .tnner {
			position: absolute;
			top: 0px;
			color: #fff;
			margin: 5px;
			border: 1px solid #fff;
			width: 96%;
			
			/* width: calc(100% - 10px);*/
		}
		.ibox4 .list ul li .tnner h2{
			color: #fff;
			font-size: 42px;
			font-weight: normal;
			text-align: center;
			margin-top: 30%;
		}
			.ibox4 .list ul li .tnner p {
				height: 45px;
				margin-top: 26%;
				font-size: 12px;
				padding: 0 7%;
				line-height: 150%;
				overflow: hidden;
			}
			.ibox4 .list ul li:nth-child(4n) {
				margin-right: 0;
			}

.ibox5 { background: #f9f9f9;}
.ibox5 .grid { width: 1000px; margin:0 auto; overflow: hidden; }
.ibox5 .grid li { position: relative; transition: 0.3s; height: 320px; }
.ibox5 .grid li.top { width: 33.33333%; }
.ibox5 .grid li.bottom { width: 25%; } 
.ibox5 .grid li a { display: block; height: 100%; }
.ibox5 .grid li img { width: 100%; height: 320px; object-fit: cover; }
.ibox5 .button { width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display: inline-block; color: #fff; 
	text-align: center; text-decoration: none; outline: none; transition: all 0.2s; }
.button::before { top: -2px; left: -2px; }
.button::after { bottom: -2px; right: -2px; }
.button::after, .button::before { position: absolute; z-index: 2; content: ''; width: 0; height: 0; border: 2px solid transparent; }
.grid li img { width: 100%; height: 320px; object-fit: cover; }
.grid li .button>div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; display: flex; align-items: center; justify-content: center; 
	flex-direction: column; }
.grid li .button>div * { color: #fff; }
.grid li .button>div h3 { font-size: 24px; font-weight: normal; text-transform: uppercase; }
.button:hover::after, .button:hover::before { width: calc(100% + 0px); height: calc(100% + 0px); }
.button:hover::before { border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; transition: height 0.3s, width 0.3s 0.3s; }
.button:hover::after { border-top-color: #FFFFFF; border-right-color: #FFFFFF; transition: height 0.3s, width 0.3s 0.3s; }

.otherbox .flex-box { justify-content: center; }
.otherbox .item { width: 32%; border:1px solid #ddd;  padding: 60px; margin:100px 40px; background-color: #f9f9f9; text-align: center; }
.otherbox .item h1 { font-weight: normal; font-size:24px; border-bottom:1px solid #666; padding-bottom: 20px; margin-bottom: 30px; }
.otherbox .item table { min-height: 150px; }
.otherbox .item:first-child table { width:80%; margin:0 auto;  }
.otherbox .item .info { min-height:90px; margin-bottom: 20px; }
.otherbox .item table tr td { padding:10px;  text-align: left; }
.otherbox .item .catver  { font-size: 24px; }
.otherbox .item .btn a { display: inline-block; width:60%; height: 42px; line-height: 42px; background: #333; color:#fff; margin:20px 0 0; }
.otherbox .item .btn a:hover { background: #666; }

.snsbox { background: #f9f9f9; }
.snsbox .flex-box { justify-content: center; }
.snsbox .item { width: 32%; padding: 60px; margin:60px 40px; background-color: #f9f9f9; text-align: center; }
.snsbox .item h1 { font-weight: normal; font-size:24px; border-bottom:1px solid #666; padding-bottom: 20px; margin-bottom: 40px; text-align: left; }
.snsbox .item.isns img { width: 30%; margin: 5px; }
.snsbox .item.isns p { margin:10px 0 0; padding-right:10px; text-align: right; }
.snsbox .item.isns p a { text-decoration: underline; }
.snsbox .item.icont .icon_box { text-align: left; margin:40px 0 0; }
.snsbox .item.icont .icon_box .ilink-swp { position: relative; padding-bottom: 40px; text-align: center; overflow: hidden;} 
.snsbox .item.icont .icon_box .ilink-swp .swiper-scrollbar { background: #eee; }
.snsbox .item.icont .icon_box .ilink-swp .swiper-scrollbar-drag { background: #333;}

.ibox6 { padding:100px 0 60px; }
	.ibox6 .list ul li {
		float: left;
		width: calc(25% - 30px);
		margin-right: 40px;
		margin-bottom: 40px;
		position: relative;
	}

		.ibox6 .list ul li .tnner {
			height:94%;
			position: absolute;
			top: 0px;
			color: #fff;
			margin: 3px;
			border: 3px solid #fff;
			width: 96%;
			/*width: calc(100% - 10px);*/
		}
		.ibox6 .list ul li .tilte {
			position: absolute;
			text-align: center;
			color:#fff;
			width: 100%;
			background: #23232391;
		}
		.ibox6 .list ul li p.Name {
			line-height: 125%;
			margin-top: 5%;
			font-size: 24px;
		}
.ibox6 .list ul li:nth-child(4n) { margin-right:0;}

.istore { background: #333; }
.istore .tit h2 { color:rgba(255,255,255,0.1); }
.istore .tit h1 { color:#fff; }
.istore .list ul li { float: left; width:calc(25% - 30px); margin-right:40px; }
.istore .list ul li:nth-child(4n) { margin-right:0;}
.istore .list ul li .txt { box-sizing: border-box; min-height: 160px; background: #fff; padding:10px 20px; }
.istore .list ul li .txt h2 { font-size: 18px; font-weight: normal; margin: 10px 0; }
.istore .list ul li .txt p { margin-bottom: 5px; }
.istore .list ul li .txt i { display: inline-block; vertical-align: top; font-size: 18px; color:#B49170; }
.istore .list ul li .txt span { display: inline-block; width:calc(100% - 28px); margin:4px 0 0; line-height: 180%; }

.ifooter { padding:80px 0 0; background: #f9f9f9; }
.ifooter .category-nav { padding-bottom: 60px; border-bottom: 1px solid #ddd; overflow:hidden;}
	.ifooter .category-nav > .category {
		width:20%;
		float: left;
	}
	.ifooter .category-nav h3, .ifooter .page-nav h3 {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 15px;
	}
.ifooter .list-style li { line-height: 200%; }
.ifooter .list-style li a { font-size: 13px; }
.ifooter .list-style li a::before { content: ""; background: #B49170; width: 8px; height: 1px; display: inline-block; margin-right:10px; vertical-align: middle; }
.ifooter .page-nav-inner { margin:60px 0 0; }
.ifooter .flogo { margin:60px 0;  text-align: center; }
.ifooter .flogo img { height:50px; }
.ifooter .copy { padding:10px 0; background: #fff; text-align: center; }
.ifooter .copy p { font-size: 13px; }
.ifooter .copy a { font-size: 13px; }

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
			.cmain { padding:150px 0 80px; }

.cmenu { margin-bottom:40px; }
.cmenu ul li { float: left; margin-right: 20px; }
.cmenu ul li a { display: inline-block;  line-height: 48px; padding:0 30px; border:1px solid #ddd; border-radius: 4px; font-size: 16px; }
.cmenu ul li a:hover , .cmain .cmenu ul li a.active { background: #222; color:#fff; border:1px solid #222; }

.ctit h1 { font-size: 18px; font-weight: normal; border-bottom: 2px solid #222; margin-bottom: 20px; }
.ctit h1 span { display: inline-block; line-height: 48px; padding:0 20px; background: #222; color:#fff; }

.case-left { width:800px; }
.case-left .list .top {  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.case-left .list .top .txt { box-sizing: border-box; padding:20px; }
.case-left .list .top .txt .mark a { display: inline-block; font-size: 14px; line-height: 24px; padding:0 10px; background: #222; color:#fff; border-radius:4px; margin-right: 10px; }
.case-left .list .top .txt h1 { font-size: 32px; font-weight: normal; margin:10px 0; }
.case-left .list .top .txt p { line-height: 180%; font-size: 14px; }
.case-left .list .top .txt a.more { display: inline-block; font-size: 14px; line-height: 32px; padding:0 12px; background: #222; color:#fff; border-radius:4px; margin:15px 0 0; }

    .case-left .list ul li {
        width: calc(50% - 10px);
        float: left;
        margin: 30px 0 0;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        position:relative;
    }
.case-left .list ul li:nth-child(2n) { float:right;  }
.case-left .list ul li .txt { box-sizing: border-box; padding:20px; }
.case-left .list ul li .txt .mark a { display: inline-block; font-size: 14px; line-height: 24px; padding:0 10px; background: #222; color:#fff; border-radius:4px; margin-right: 10px; }
.case-left .list ul li .txt h1 { font-size: 22px; font-weight: normal; margin:10px 0; }
.case-left .list ul li .txt p { line-height: 180%; font-size: 14px; }
.case-left .list ul li .txt a.more { display: inline-block; font-size: 14px; line-height: 32px; padding:0 12px; background: #222; color:#fff; border-radius:4px; margin:15px 0 0; }

.case-right { width:310px; }
.case-right  a:hover { text-decoration: underline; }
.case-right .hot ul li { padding-bottom: 20px; margin-bottom:20px; border-bottom: 1px dotted #333; }
.case-right .hot ul li img { max-width: 130px; float: left; margin-right: 20px; }
.case-right .hot ul li p { line-height: 160%; }

.case-right .itembox { margin:40px 0 0; }
.case-right .wstore h2 { font-size: 16px; font-weight: normal; }
.case-right .wstore p { color:#666; margin-bottom: 10px; }

.case-right .newarticle { margin:40px 0 0; }
.case-right .newarticle .list ul li { padding-bottom: 15px; margin-bottom:15px; border-bottom: 1px dotted #333; }
.case-right .newarticle .list ul li a { line-height: 180%;}

.case-right .rec .top { margin-bottom: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.case-right .rec .top .txt { box-sizing: border-box; padding:20px; }
.case-right .rec .top .txt .mark a { display: inline-block; font-size: 14px; line-height: 24px; padding:0 10px; background: #222; color:#fff; border-radius:4px; margin-right: 10px; }
.case-right .rec .top .txt h1 { font-size: 22px; font-weight: normal; margin:10px 0; }
.case-right .rec .top .txt p { line-height: 180%; font-size: 14px; }
.case-right .rec ul li { margin-bottom: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.case-right .rec ul li img { max-width: 130px; float: left; }
.case-right .rec ul li p { font-size: 14px; line-height: 150%; padding:5px 10px 0 15px; }

.cdetail { box-sizing: border-box; padding:20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.cdetail .tit h1 { font-size: 32px; font-weight: normal; margin:20px 0 40px; }
.cdetail .tit .mark a { display: inline-block; font-size: 14px; line-height: 24px; padding:0 10px; background: #222; color:#fff; border-radius:4px; margin-right: 10px; }

.reccase { margin:40px 0 0; }
.reccase .reclist ul li { margin-bottom: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);  }
.reccase .reclist ul li img { max-width: 250px; float: left;  }
.reccase .reclist ul li .txt { float: right; width: calc(100% - 290px); padding:15px 20px 0; }
.reccase .reclist ul li .txt h2 { font-size: 18px; font-weight: normal; min-height: 65px;  }
.reccase .reclist ul li .txt p { line-height: 180%; font-size: 14px; }

.tits h1 { font-size: 30px; font-weight: normal; text-align: center; margin-bottom: 60px; }
.tits h1:after { content: ""; background: #B49170; width: 40px; height: 2px; display: block; margin: 12px auto 0; }

.procate .list ul li {
	float: left;
	width: calc(25% - 30px);
	margin-right: 40px;
	margin-bottom: 40px;
	position: relative;
}
	.procate .list ul li .tnner {
		height: 94%;
		position: absolute;
		top: 0px;
		color: #fff;
		margin: 3px;
		border: 3px solid #fff;
		width: 96%;
		/*width: calc(100% - 10px);*/
	}

	.procate .list ul li .tilte {
		position: absolute;
		text-align: center;
		color: #fff;
		width: 100%;
		background: #23232391;
	}

	.procate .list ul li p.Name {
		line-height: 125%;
		margin-top: 5%;
		font-size: 24px;
	}
.procate .list ul li:nth-child(4n) { margin-right:0; }

.cstore { background: #333; padding:70px 0 80px; }
.cstore .tit { text-align: center; margin-bottom: 60px; }
.cstore .tit h1 { font-size: 30px; color:#fff; font-weight: normal;  }
.cstore .tit h1:after { content: ""; background: #B49170; width: 40px; height: 2px; display: block; margin: 12px auto 0; }
.cstore .list ul li { float: left; width:calc(25% - 30px); margin-right:40px; }
.cstore .list ul li:nth-child(4n) { margin-right:0;}
.cstore .list ul li .txt { box-sizing: border-box; min-height: 160px; background: #fff; padding:10px 20px; }
.cstore .list ul li .txt h2 { font-size: 18px; font-weight: normal; margin: 10px 0; }
.cstore .list ul li .txt p { margin-bottom: 5px; }
.cstore .list ul li .txt i { display: inline-block; vertical-align: top; font-size: 18px; color:#B49170; }
.cstore .list ul li .txt span { display: inline-block; width:calc(100% - 28px); margin:4px 0 0; line-height: 180%; }

.adbanner { margin-bottom: 60px; }

.prolist1 .info { text-align: center; margin-bottom: 50px; }
.prolist1 .list ul li {  float: left; width:calc(50% - 40px); text-align: center; margin-right:80px; margin-bottom: 30px;  }
.prolist1 .list ul li:nth-child(2n) { margin-right:0;}
.prolist1 .list ul li p { margin: 10px 0 0; }

.prolist2  .sort { margin-bottom: 10px; font-size: 15px; }
.prolist2  .sort .sortby a {  margin-left:15px; }
.prolist2 .list { margin-bottom:20px; }
.prolist2 .list ul li { float: left; width:calc(25% - 30px); margin-right:40px; margin-top: 30px; text-align: center; }
.prolist2 .list ul li:nth-child(4n) { margin-right:0;}
.prolist2 .list ul li .img img { width:170px; }
.prolist2 .list ul li .txt { padding:20px 0 0; }
.prolist2 .list ul li .txt h2 { font-weight: normal; margin-bottom: 5px; color:#555; }
.prolist2 .list ul li .txt p { color:#555; }

.pdtit { margin:40px 0 30px; }
.pdtit h1 { font-size: 24px; font-weight: normal; margin-bottom: 5px; }
.prodetail .pdleft { width:740px; }
.prodetail .pdleft .bd { position: relative; }
	.prodetail .pdleft .bd .pn {
		width: 100%;
		position: absolute;
		z-index: 9;
		 top: 50%;
		
	}
.prodetail .pdleft .bd .pn .prev { float:left; }
.prodetail .pdleft .bd .pn .next {  float:right; }
.prodetail .pdleft .bd .pn i { font-size: 40px; color: #b5b5b5; }
.prodetail .pdleft .deinfo { margin:50px 0; }

.prodetail .pdright { width:366px; }
.prodetail .pdright .hd ul li { width:calc(33.3% - 11px); float: left; margin-right:16px; margin-bottom: 16px; box-sizing: border-box; }
.prodetail .pdright .hd ul li:nth-child(3n) { margin-right: 0; }
.prodetail .pdright .hd ul li.on { border:2px solid #B49170; }
.prodetail .pdright .links { margin:20px 0 40px; }
.prodetail .pdright .links ul li  { float: left; width: calc(50% - 10px); margin-right: 20px; margin-top: 20px; }
.sleksbu {
    max-height: 160px;
    overflow: hidden;
}
.prodetail .pdright .links ul li:nth-child(2n) { margin-right: 0;}
.prodetail .pdright .links ul li a { box-sizing: border-box; display: inline-block; width: 100%; height: 60px; line-height: 60px; border:1px solid #ddd; border-radius: 4px; font-size: 16px; }
.prodetail .pdright .links ul li a span { padding-left:20px; }
.prodetail .pdright .links ul li a i { float: right; padding-right: 20px; font-size: 24px; color:#B49170;  }
.prodetail .pdright .links ul li a i.icon-Dxuanzhuan { font-size: 28px; padding-right: 16px; }
.prodetail .pdright .links ul li a i.icon-24gl-photoAlbum { font-size: 26px; padding-right: 16px; }
.prodetail .pdright .links ul li a:hover { background: #222; color:#fff; border:1px solid #222; }
.prodetail .pdright .links ul li a:hover i { color:#fff; }
.prodetail .pdright .select h2 { font-size: 16px; font-weight: normal; padding-bottom: 10px;  margin-bottom: 30px; border-bottom:1px solid #666; }

.layui-input, .layui-select, .layui-textarea { color:#333; }
.prodetail .pdright a.selbox input { cursor: pointer; }
.prodetail .pdright .layui-input-block em { font-size: 18px; position:absolute; top:28%; right:10px;z-index: 9; color:#c2c2c2;  }
/*--------------------------------------------------------------------------升级--------------------------------------------------------------------------*/
.sel-box .sel-item .stit {
	line-height: 36px;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

	.sel-box .sel-item .stit i {
		display: inline-block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		background: #f9f9f9;
		border-radius: 5px;
		text-align: center;
		color: #222;
		font-size: 24px;
		margin-right: 10px;
	}

	.sel-box .sel-item .stit span.bt {
		color: #222;
		font-size: 16px;
	}

	.sel-box .sel-item .stit span.selt {
		display: inline-block;
		line-height: 36px;
		padding: 0 10px;
		background: #f9f9f9;
		border-radius: 5px;
		margin-right: 10px;
	}

	.sel-box .sel-item .stit em {
		color: #999;
		font-size: 14px;
		transform: rotate(90deg);
		transition: all 0.3s ease-in-out;
	}

	.sel-box .sel-item .stit.active em {
		transform: rotate(-90deg);
	}

.sel-box .sel-item .sitem-box {
	display: none;
}

	.sel-box .sel-item .sitem-box .cate {
		padding: 20px 0;
	}

		.sel-box .sel-item .sitem-box .cate ul {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 15px;
		}

			.sel-box .sel-item .sitem-box .cate ul li {
				display: inline-block;
				box-sizing: border-box;
				line-height: 40px;
				border: 1px solid #ddd;
				text-align: center;
				cursor: pointer;
			}

				.sel-box .sel-item .sitem-box .cate ul li:hover, .sel-box .sel-item .sitem-box .cate ul li.on {
					border: 1px solid #b49170;
					background: #b49170;
					color: #fff;
				}

	.sel-box .sel-item .sitem-box .tips {
		margin-bottom: 10px;
	}

	.sel-box .sel-item .sitem-box .sitem-cc .list {
		min-height: 150px;
		overflow-y: scroll;
		padding: 10px 10px 10px 0;
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
	}

		.sel-box .sel-item .sitem-box .sitem-cc .list::-webkit-scrollbar {
			width: 10px;
			height: 10px;
			background-color: #f9f9f9;
		}

		.sel-box .sel-item .sitem-box .sitem-cc .list::-webkit-scrollbar-thumb {
			background-color: #222;
		}

		.sel-box .sel-item .sitem-box .sitem-cc .list ul {
			/*display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 15px;*/
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			flex-wrap: wrap; /* 允许换行 */
			gap: 15px; /* 选项卡之间的间距 */
		}

			.sel-box .sel-item .sitem-box .sitem-cc .list ul li {
				/*	display: inline-block;
				box-sizing: border-box;
				border: 1px solid #ddd;
				text-align: center;
				cursor: pointer;
				position: relative;
				margin-bottom: 40px;*/
				display: flex;
				position: relative;
				border: 1px solid #ddd;
				flex-direction: column;
				margin-bottom: 40px;
				align-items: center;
				justify-content: center;
			}

				.sel-box .sel-item .sitem-box .sitem-cc .list ul li img {
					width: 100%;
					object-fit: cover; /* 保持图片比例 */
				}

				.sel-box .sel-item .sitem-box .sitem-cc .list ul li:hover, .sel-box .sel-item .sitem-box .sitem-cc .list ul li.active {
					border: 1px solid #b49170;
				}

					.sel-box .sel-item .sitem-box .sitem-cc .list ul li.active::before {
						content: "";
						width: 0;
						height: 0;
						border-top: 36px solid #b49170;
						border-left: 36px solid transparent;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 2;
					}

					.sel-box .sel-item .sitem-box .sitem-cc .list ul li.active::after {
						font-family: "iconfont";
						content: "\e62d";
						position: absolute;
						top: 0;
						right: 0;
						z-index: 9;
						line-height: 20px;
						color: #fff;
						font-size: 20px;
					}

					.sel-box .sel-item .sitem-box .sitem-cc .list ul li.active .nolink {
						display: none;
					}

					.sel-box .sel-item .sitem-box .sitem-cc .list ul li.active .haslink {
						display: block !important;
					}

.sel-box .sel-item .sitem-box2 .cate2 {
	padding: 20px 0;
}

	.sel-box .sel-item .sitem-box2 .cate2 ul li {
		display: inline-block;
		box-sizing: border-box;
		float: left;
		margin-right: 15px;
		line-height: 40px;
		border: 1px solid #ddd;
		padding: 0 10px;
		cursor: pointer;
		margin-bottom: 10px;
	}

		.sel-box .sel-item .sitem-box2 .cate2 ul li:hover, .sel-box .sel-item .sitem-box2 .cate2 ul li.on {
			border: 1px solid #b49170;
			background: #b49170;
			color: #fff;
		}

.sel-box .sel-item .sitem-box2 .sitem-cc2 .inHd {
	margin-bottom: 20px;
}

	.sel-box .sel-item .sitem-box2 .sitem-cc2 .inHd ul li {
		display: inline-block;
		box-sizing: border-box;
		float: left;
		margin-right: 15px;
		line-height: 36px;
		border: 1px solid #ddd;
		padding: 0 10px;
		cursor: pointer;
	}

.cl-box ul {
	padding: 20px 0px;
}

	.cl-box ul.list {
		padding-bottom: 0px;
	}

		.cl-box ul.list li {
			width: 28.9%;
			text-align: center;
		}

	.cl-box ul li {
		display: inline-block;
		box-sizing: border-box;
		float: left;
		margin-right: 15px;
		line-height: 36px;
		border: 1px solid #ddd;
		padding: 0 10px;
		cursor: pointer;
	}

		.cl-box ul li.on {
			border: 1px solid #b49170;
			background: #b49170;
			color: #fff;
		}

.cl-box .inBd ul li {
	margin-right: 0px;
}

	.cl-box .inBd ul li.active {
		border: 1px solid #b49170;
	}

		.cl-box .inBd ul li.active::before {
			content: "";
			width: 0;
			height: 0;
			border-top: 36px solid #b49170;
			border-left: 36px solid transparent;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 2;
		}

		.cl-box .inBd ul li.active::after {
			font-family: "iconfont";
			content: "\e62d";
			position: absolute;
			top: 0;
			right: 0;
			z-index: 9;
			line-height: 20px;
			color: #fff;
			font-size: 20px;
		}

.sel-box .sel-item .sitem-box2 .sitem-cc2 .inHd li:hover, .sel-box .sel-item .sitem-box2 .sitem-cc2 .inHd ul li.on {
	border: 1px solid #b49170;
	background: #b49170;
	color: #fff;
}

.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd {
	max-height: 340px;
	overflow-y: scroll;
	padding: 10px 10px 30px 0;
}

	.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		background-color: #f9f9f9;
	}

	.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd::-webkit-scrollbar-thumb {
		background-color: #222;
	}

	.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 15px;
	}

		.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li {
			display: inline-block;
			box-sizing: border-box;
			padding: 5px;
			border: 1px solid #ddd;
			cursor: pointer;
			position: relative;
		}

			.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li .info h3 {
				font-weight: normal;
				color: #222;
				font-size: 14px;
				margin: 10px 0 0;
			}

			.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li .info p {
				font-size: 12px;
				line-height: 180%;
				color: #666;
			}

			.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li:hover, .sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li.active {
				border: 1px solid #b49170;
			}

				.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li.active::before {
					content: "";
					width: 0;
					height: 0;
					border-top: 36px solid #b49170;
					border-left: 36px solid transparent;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 2;
				}

				.sel-box .sel-item .sitem-box2 .sitem-cc2 .inBd ul li.active::after {
					font-family: "iconfont";
					content: "\e62d";
					position: absolute;
					top: 0;
					right: 0;
					z-index: 9;
					line-height: 20px;
					color: #fff;
					font-size: 20px;
				}
/*--------------------------------------------------------------------------升级--------------------------------------------------------------------------*/

.prodetail .pdright .price { margin:40px 0 0; }
.prodetail .pdright .price p em { font-size: 24px; color: #B49170; margin-right: 10px; }
.prodetail .pdright .price p span { font-size: 30px; }

.prodetail .addfav { margin:30px 0 0; }
.prodetail .addfav a { display: inline-block; width:100%; height: 60px; line-height: 60px; background: #B49170; color:#fff; text-align: center; border-radius: 5px; font-size: 18px; }
.prodetail .addfav a i { font-size: 20px; margin-right: 20px; }
.prodetail .addfav a:hover { opacity: 0.8; transition: all 0.3s ease-in-out; }

.prowrap { margin: 20px 0 0; padding-bottom: 200px; background: #f9f9f9; }
.prowrap .prowrapinfo { position: relative; padding-bottom: 320px;}
.prowrap .prowrapinfo .bg { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 500px;  }
.prowrap .prowrapinfo .bg img { width: 100%; height: 100%; object-fit: cover; }
.prowrap .prowrapinfo .product-info-inner { box-sizing: border-box; position: relative; top: 320px; width: 1160px; margin: auto; padding: 60px; background: #FFF; }
.prowrap .prowrapinfo .product-info-inner .tits { margin-bottom: 50px;  }
.prowrap .prowrapinfo .product-info-inner dl dt { margin:10px 0; }
.prowrap .prowrapinfo .product-info-inner dl dt:not(:first-of-type) { margin-top: 30px; }
.prowrap .prowrapinfo .product-info-inner dl dt::after { content: ""; display: block; width: 20px; height: 1px; background: #333; margin-top: 9px; }

.prowraptab { margin:100px 0 0; position: relative; }
.prowraptab::after { content: ""; display: block; width: 55%; min-height: 88%; background: #fff; position:absolute; top:15vh; right:0;  }
.mySwiper .swiper-slide .img { width:50%; }
.mySwiper .swiper-slide .img img { width:100%; }
.mySwiper .swiper-slide .txt { width:calc(50% - 60px); }
.mySwiper .swiper-slide .txt h1 { font-size:30px; font-weight: normal;  margin:60px 0 80px; }
.mySwiper .swiper-slide .txt .cc {  padding-bottom: 100px; } 
.mySwiper .swiper-slide .txt .cc h2 { font-size:18px; font-weight: normal; margin-bottom: 20px; }
.mySwiper .sp { position:absolute; z-index: 99; bottom:0!important; right:15%; text-align: right; }
.mySwiper .sp .sp-pn { display: inline-block; width:60px; height: 60px; line-height: 60px; text-align: center; background: #f9f9f9; cursor: pointer;  margin:0 10px;}
.mySwiper .sp i {display:inline-block; font-size: 24px; color:#333; }
.mySwiper .swiper-pagination { width:calc(50% - 60px); bottom:20px!important; left:calc(50% + 60px); text-align: left; z-index: 9; }
.mySwiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #f4f4f4;
	opacity: 1 !important;
	margin: 0 5px !important;
	border-radius: 10px !important;
}
.mySwiper .swiper-pagination-bullet-active {
	background: #999;
	opacity: 1 !important;
}

.modal { display: none; width: 100%; height: 100%; padding: 168px 0 180px; box-sizing: border-box; position: fixed; z-index: 99999; top: 0; left: 0; margin: auto; 
	background: #F7F7F7; overflow-y: scroll; }
.modal .close { display: block; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 3; text-align: center; width: 60px; height: 60px; border-radius: 50%; margin: 19px auto 0; }
.modal .close span { display: block; position: absolute; width: 40px; height: 3px; background: #333; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; 
	left: 0; right: 0; margin: auto; font-size: 10px; }
.modal .close span:nth-child(1) { top: 50%; left: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.modal .close span:nth-child(2) { top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.modal .tits { margin-bottom: 60px; text-align: center;}
.modal .tits h1 { margin-bottom: 10px;}
.modal .tabContent { width: 1100px; margin: 50px auto 100px; }
.modal .tabContent .option-inner { padding: 40px 50px; background: #FFF; }
.modal .tabContent .option-inner:not(:first-of-type) { margin-top: 30px; }
.modal .tabContent .option-inner h3 { margin-bottom: 20px; font-size: 20px; font-weight: normal; }
.modal .tabContent .option-inner ul { display: flex; flex-wrap: wrap; }
.modal .tabContent .option-inner ul li { width: 160px; text-align: center; }
.modal .tabContent .option-inner ul li a { font-size: 14px; }
.modal .tabContent .option-inner ul li .option-img { margin-bottom: 10px;  }
.modal .tabContent .option-inner ul li:not(:nth-of-type(5n+1)) { margin-left: 50px; }
.modal .tabContent .option-inner ul li:nth-of-type(n+6) { margin-top: 20px; }
.modal .price-bar { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1000; background: #FFF; padding: 10px 0; }
.modal .price-bar .flex-box { width: 1160px; margin: auto; align-items: center; justify-content: flex-end; }
.modal .price-bar .flex-box>* { margin-left: 40px; }
.modal .price-bar .modal-close { width: 260px; text-align: center; background: #B49170; color: #FFF; padding: 12px 0; }
.modal .tabContent .option-inner ul li.check a .option-img { position: relative; }
.modal .tabContent .option-inner ul li.check a .option-img::after, .modal .tabContent .option-inner ul li.check a .option-img::before { content: ""; position: absolute; top: 0; z-index: 100; }
.modal .tabContent .option-inner ul li.check a .option-img::before { left: 0; width: 100%; height: 100%; border: 4px solid #B49170; box-sizing: border-box; }
.modal .tabContent .option-inner ul li.check a .option-img::after { width: 60px; height: 60px; background: url(../images/icon_check.png) no-repeat; 
	background-size: contain; top: 4px; right: 3px; }

.threedinfo .video { width:800px; margin:0 auto; margin-bottom: 40px; }
.threedinfo .info { text-align: center; }
.threedinfo .info table tr td { padding:3px 10px; }

.threeform .layui-input, .threeform .layui-select { height: 48px; line-height: 48px; } 
.threeform .layui-form-label { width:calc(40% - 20px); text-align: right; }
.threeform .layui-form-label em { color:#ff4444; }
.threeform .layui-input-block { width:55%; margin-left:40%; }
.threeform .layui-input-block .layui-input,  .threeform .layui-input-block .layui-textarea { width:500px; }
.threeform .layui-input-block .layui-edge { position: absolute; left:475px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid;}
.layui-form-item .layui-form-checkbox[lay-skin=primary] { margin:10px 0 5px;}
.threeform .layui-input-block .layui-form-checkbox[lay-skin=primary] i { width:18px; height: 18px; line-height: 18px; border-radius: 4px; }
.threeform .layui-input-block .layui-form-checkbox span { font-size: 15px; padding-right: 20px; line-height:22px; }
.threeform .layui-input-block .layui-form-radio>i { color:#ddd; }
.threeform .layui-input-block .layui-form-radio.layui-form-radioed>i {color:#B49170; }
.threeform .layui-form-radio:hover *, .threeform .layui-form-radioed, .threeform .layui-form-radioed>i { color:#B49170; }
.threeform .layui-input-block .uploadbox { position: relative; width:120px; overflow: hidden; float:left; }
.threeform .layui-input-block .uploadbox a.uploadbtn { display: inline-block; width: 100px; height: 38px; line-height: 38px; background: #f9f9f9; color:#333; border-radius: 4px; text-align: center;
	border:1px solid #ddd; }
.threeform .layui-input-block .uploadbox input[type="file"] { height: 40px; position:absolute; left:0; top:0; opacity: 0; }
.threeform .layui-input-block .txt { width:calc(100% - 120px); height: 40px; line-height: 40px; }
.threeform .layui-input-block .tips { color:#666; margin:10px 0 0; }
.threeform a.bookbtn { display: inline-block; width: 240px; height: 60px; line-height: 60px; background: #B49170; color:#fff; font-size: 18px; text-align: center; 
	border-radius: 5px; margin:20px 0 0;  transition: all 0.3s ease; }
.threeform a.bookbtn:hover { opacity: 0.8; }

.guide h1 { font-size: 30px; font-weight: normal; text-align: center; margin-bottom: 35px; }
.guide .banner .sw-guide { padding-bottom: 50px; margin-bottom: 50px; }
.guide .banner .swiper-pagination {bottom:0!important;  }
.guide .banner .swiper-pagination-bullet { width:6px; height: 6px; background:#000; opacity: 0.2!important; margin:0 6px!important; border-radius: 6px!important;  }
.guide .banner .swiper-pagination-bullet-active {  opacity: 1!important; }
.guide .banner .sp .sp-pn { display: inline-block; width:60px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; position:absolute; z-index: 99; top:calc(50% - 30px); }
.guide .banner .sp .sp-prev { left:0; }
.guide .banner .sp .sp-next { right:0; }
.guide .banner .sp i {display:inline-block; font-size: 24px; color:black; }
.guide .detail .info { text-align: center; }
.guide .detail .info h4 { font-size: 20px; font-weight: normal; line-height: 200%; }
.guide .detail .itembox h2 { font-size: 30px; text-align: center;  margin: 60px 0 50px; }
.guide .detail .itembox table tr td { width:50%; vertical-align: top; }
.guide .detail .itembox table tr td h5 { font-size: 24px; font-weight: normal; text-align: center; margin: 20px 0; }
.guide .detail .itembox table tr td:nth-child(2) { padding-left:40px; }
.guide .detail .contimg { margin:80px 0; }
.guide .detail .btnmore { text-align: center; }
.guide .detail .btnmore a { display: inline-block; width: 320px; height: 60px; line-height: 60px; background: #222; color:#fff; font-size: 18px; text-align: center; 
	border-radius: 5px; transition: all 0.3s ease-in-out; }
.guide .detail .btnmore a:hover { opacity: 0.8;  }

.guide .detail .itembox h2 { font-size: 30px; text-align: center;  margin: 60px 0 50px; }
.guide .detail .itembox .imleft { box-sizing: border-box; width:50%; float:left; }
.guide .detail .itembox .imright {box-sizing: border-box; width:50%; float:right; padding-left:40px; }
.guide .detail .itembox .imright h5 { font-size: 24px; font-weight: normal; text-align: center; margin: 20px 0; text-align: center;  }

.single { margin:40px 0 0; }
.single .menu { width:300px; }
.single .menu ul li {  margin-bottom: 20px; position: relative; }
.single .menu ul li a { display: block; padding:0 20px 0 40px; height: 50px; line-height: 50px; border-radius: 4px; box-sizing: border-box; border:1px solid #ddd; }
.single .menu ul li a em { display: inline-block; font-size: 12px; position:absolute; left: 20px; top:0; }
.single .menu ul li a:hover, .single .menu ul li.active a { background: #222; color:#fff; border:1px solid #222; }
.single .menu ul li a:hover em, .single .menu ul li.active a em { color:#B49170; }
.single .cc { width:800px; box-sizing: border-box; padding:20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.single .cc .tit h1 { font-size: 24px;margin:20px 0 40px; text-align: center; }
.single .cc .detail { text-align: center; }
.single .cc .detail h2 { font-size: 20px; }

.single .cc .contform { margin:60px 0 0; }
.contform .layui-input, .contform .layui-select { height: 48px; line-height: 48px; } 
.contform .layui-form-label { width:calc(25% - 20px); text-align: right; }
.contform .layui-form-label em { color:#ff4444; }
.contform .layui-input-block { width:calc(75% - 20px); margin-left:25%; }
.contform a.msgbtn { display: inline-block; width: 200px; height: 50px; line-height: 50px; background: #B49170; color:#fff; font-size: 18px; text-align: center; 
	border-radius: 5px; margin:10px 0 0; transition: all 0.3s ease-in-out;  }
.contform a.msgbtn:hover { opacity: 0.8; }

.cmfabric { padding:150px 0 0; }
.fabric { position: relative; padding:0 0 160px; background: #f9f9f9;}
.fabric::after { content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 150px; background: url(../images/fabricbgimg.jpg) no-repeat; background-size: cover; }
.fabric .page-title { position: relative; margin: 110px 0 0; }
.fabric .page-title::before { content: ""; position: absolute; top: -50px; left: 0; width: 100%; height: 150px; background: url(../images/fabricbgimg.jpg) no-repeat; background-size: cover; }
.fabric .page-title .page-title-text { width: 1160px; margin: auto; padding: 50px 0; background: #FFF; position: relative; z-index: 100; text-align: center; }
.fabric .page-title .page-title-text .tits h1 { margin-bottom: 40px; }
.fabric .tabContent { width: 1160px; margin:0 auto; padding: 80px 0; }
.fabric .tabContent .ftit { text-align: center; }
.fabric .tabContent .ftit h2 { font-size: 30px; font-weight: normal;}
.fabric .tabContent .info { margin:40px 0; }
.fabric .tabContent .option-inner { padding: 40px 50px; background: #FFF; }
.fabric .tabContent .option-inner:not(:first-of-type) { margin-top: 30px; }
.fabric .tabContent .option-inner h3 { margin-bottom: 20px; font-size: 20px; font-weight: normal; }
.fabric .tabContent .option-inner ul { display: flex; flex-wrap: wrap; }
.fabric .tabContent .option-inner ul li { width: 160px; text-align: center; }
.fabric .tabContent .option-inner ul li a { font-size: 14px; }
.fabric .tabContent .option-inner ul li .option-img { margin-bottom: 10px;  }
.fabric .tabContent .option-inner ul li:not(:nth-of-type(5n+1)) { margin-left: 60px; }
.fabric .option-inner ul li:nth-of-type(n+6) { margin-top: 20px; }
.fabric .tabContent .option-inner ul li .txt p { font-size: 13px; line-height: 160%;}
.fabric .leatherbox { background: #fff; }
.fabric .tabContent .tips { text-align: center; }

.sitemap { display: flex; flex-wrap: wrap; }
.sitemapBox { width: calc(20% - 40px); padding-left:40px; }
.sitemapBox h3 { font-size: 18px; padding-bottom: 10px; font-weight: normal; }
.sitemapBox ul { padding-left:30px; margin-bottom: 50px; }
.sitemapBox ul li { line-height: 200%; list-style: square!important ; }
.sitemapBox ul li a { font-size: 14px; }
.smfooter { position: fixed; bottom:0; width:100%;  padding:10px 0;  background: #222; color:#fff; text-align: center; }
.smfooter p { font-size: 13px; }
.smfooter a { color:#fff; }

.modelroom .detail .info { text-align: center; }
.modelroom .detail .info h4 { font-size: 20px; line-height: 200%; }
.modelroom .detail .itembox {  padding:20px 0; border-bottom:1px dotted #222 ; }
.modelroom .detail .itembox table tr td { width:40%; vertical-align: top; padding:0; }
.modelroom .detail .itembox table tr td:nth-child(2) { width:60%; padding:20px 0 0 40px; }
.modelroom .detail .itembox:nth-child(2n+1) table tr td { width:60%; padding:20px 40px 0 0;  }
.modelroom .detail .itembox:nth-child(2n+1) table tr td:nth-child(2) { width:40%; padding:0; }

.modelroom .detail .itembox .imleft { box-sizing: border-box; width:50%; float:left; }
.modelroom .detail .itembox .imright {box-sizing: border-box; width:50%; float:right; padding-left:40px; }
.modelroom .detail .itembox .imright h5 { font-size: 24px; font-weight: normal; text-align: center; margin: 20px 0; text-align: center;  }
.modelroom .detail .itembox:nth-child(2n+1) .imleft { float:right; padding-left:40px; }
.modelroom .detail .itembox:nth-child(2n+1) .imright { float:left; padding-left:0; }

.download .cate { margin-bottom: 20px; }
.download .cate ul { text-align: center;}
.download .cate ul li { display: inline-block; margin:0 10px; }
.download .cate ul li a { display: inline-block;  line-height: 48px; padding:0 40px; border:1px solid #ddd; border-radius: 4px; font-size: 16px; }
.download .cate ul li a:hover , .download .cate  ul li a.active { background: #222; color:#fff; border:1px solid #222; }

.download .list ul li { text-align: center; float: left; width:calc(25% - 30px); margin-right: 40px; margin-top: 40px; }
.download .list ul li:nth-child(4n) { margin-right: 0;}
.download .list ul li .img { position: relative; margin-bottom: 10px; background: #000; }
.download .list ul li .img .dlbtn { width:100%; position: absolute; top:calc(50% - 20px); z-index: 99; opacity: 0; transition: all 0.3s ease; }
.download .list ul li .img .dlbtn span { display: inline-block; height: 40px; line-height: 40px; padding:0 40px; background: #B49170; color:#fff; border-radius: 4px;}
.download .list ul li a:hover .img img { opacity: 0.5;}
.download .list ul li a:hover .img .dlbtn { opacity: 1;}

.clogin .cc { background: #fff; margin:20px 0 0; }
.clogin .cc .img { width:50%; }
.clogin .cc .img img {  width: 100%; height: 100%; object-fit: cover;}
.clogin .cc .log-box { box-sizing: border-box; width:50%; padding:60px; }
.clogin .cc .log-box .tit { border-bottom: 1px solid #ddd; margin-bottom:40px; }
.clogin .cc .log-box .tit span { display: inline-block; font-weight: bold; font-size: 24px; color: #333; padding-bottom: 15px; position: relative; }
.clogin .cc .log-box .tit span::after { content: " "; position: absolute; left: 0; bottom: 0; width:100%; height: 2px; background: #B49170;  z-index: 2;  }
.clogin .cc .log-box .tit p {  float: right; margin:5px 0 0; }
.clogin .cc .log-box .tit p a { color:#B49170; text-decoration: underline; }
.clogin .layui-form-item { margin-bottom: 20px; }
.clogin .layui-form-label { line-height: 48px; font-size: 15px; }
.clogin .layui-input-block { margin-left: 80px; }
.clogin .layui-input, .clogin .layui-select, .clogin .layui-textarea { height: 48px; font-size: 15px; }
.clogin .verifyCode { position: absolute; right:0; top:0; z-index: 99; width:120px; height: 50px;}
.clogin .findpsw { padding-left: 80px; }
.clogin .findpsw a { color:#B49170; text-decoration: underline; }
.clogin .logbtn {  display: inline-block; width: 100%; height: 50px; line-height: 50px; background: #B49170; color:#fff; font-size: 18px; text-align: center; 
	border-radius: 5px; margin:20px 0 0; transition: all 0.3s ease; }
.clogin .logbtn:hover { opacity: 0.8;}

.cmember .meminfo { width:280px; }
.cmember .meminfo .infobox {  background: #fff; box-sizing: border-box;  padding:30px 20px; }
.cmember .meminfo .face .img { width:80px; height: 80px; border-radius: 100%; overflow: hidden; }
.cmember .meminfo .face .info { width:calc(100% - 100px); height: 80px; display: table; }
.cmember .meminfo .face .info .mid { display: table-cell; vertical-align: middle; }
.cmember .meminfo .face .info h1 span { display: inline-block; font-size: 18px; color: #333; line-height: 200%; }
.cmember .meminfo .list { padding:15px 0 0; }
.cmember .meminfo .list ul li { margin:10px 0 0;}
.cmember .meminfo .list ul li:last-child { color: #999; margin:20px 0 0; }

.cmember .meminfo .menubox { background: #fff; box-sizing: border-box;  padding:30px; margin:40px 0 0;   }
.cmember .meminfo .menubox .box { margin-bottom: 20px;}
.cmember .meminfo .menubox .box:last-child { margin-bottom: 0; }
.cmember .meminfo .menubox .box h1 span { font-size: 16px; color: #333; font-weight: normal; }
.cmember .meminfo .menubox .box h1 i { display: inline-block; font-weight: normal; color: #B49170; font-size: 20px; margin-right: 15px; vertical-align: top; }
.cmember .meminfo .menubox .box ul { box-sizing: border-box; padding:15px 0 0 35px; }
.cmember .meminfo .menubox .box ul li { line-height: 260%;}
.cmember .meminfo .menubox .box ul li a:hover, .cmember .meminfo .menubox .box ul li a.active { color:#B49170; text-decoration: underline;  }

.cmember .cont { width:880px; min-height:612px; box-sizing: border-box; padding:30px 40px 40px; background: #fff;  }
.cmember .cont .tit { border-bottom: 1px solid #ddd; margin:0 0 40px; }
.cmember .cont .tit span { display: inline-block; font-weight: bold; font-size: 20px; color: #333; padding-bottom: 15px; position: relative; }
.cmember .cont .tit span::after { content: " "; position: absolute; left: 0; bottom: 0; width:100%; height: 2px; background: #B49170;  z-index: 2;  }
.cmember .layui-form { width:60%; }
.cmember .layui-form .vc { margin-bottom:15px; }
.cmember .layui-form-label { text-align:right; width:90px; line-height:48px; padding-right:10px; } 
.cmember .layui-input-block { margin-left:100px; }
.cmember .layui-input { height:48px; }
.cmember .layui-input::placeholder { color:#999; }

.cmember .mcc { position: relative; }
.uploadtoux{ width:120px; position: absolute; right:10%; top:0; text-align:center; }
.uploadtoux p{ display:block; overflow:hidden; margin-bottom:5px;}
.uploadtoux p img{ width:120px; height:120px; display:block; background:#e5e5e5;}
.uploadtoux a{ line-height:40px; }
.uploadtoux a:hover{ color:#B49170; text-decoration: underline; }

.favlist ul li { float: left; width:calc(50% - 20px); margin-right: 40px; margin-bottom:40px; position: relative; }
.favlist ul li:nth-child(2n) { margin-right: 0; }
.favlist ul li .img { box-sizing: border-box; width:120px; border:1px solid #ddd; float: left; }
.favlist ul li .txt { box-sizing: border-box; width:calc(100% - 150px); height: 100%; float: right; }
.favlist ul li .txt h2 { font-weight: normal;}
.favlist ul li .txt p { font-size: 14px; color:#666; }
.favlist ul li .txt a.favbtn { display: inline-block; width:100px; height: 40px; line-height: 40px; text-align: center; background: #B49170; color:#fff; border-radius: 4px;
position: absolute; left:150px; bottom:0; transition: all 0.3s ease; }
.favlist ul li .txt a.favbtn:hover { opacity: 0.8;}

.fancybox-slide { padding:40px;}
.fancybox-is-open .fancybox-bg { background:rgba(0,0,0,0.75)!important; opacity: 1!important;}
.fancybox-close-small { padding:0!important; color:#999!important; opacity: 1!important; right:30px!important; top:20px!important;}
.fancybox-close-small:hover { color:#B49170!important;}
.fancybox-video, .fancybox-iframe { background:none!important;}
.fancybox-iframe { border-radius: 0!important; }
.fancybox-slide--iframe .fancybox-content { max-width: 60%; max-height: 60%; margin: 0; background:none!important; }
.kkuse{
    margin-top:100px;
}
.foot_hidden {
	display: block;
}
.bigimg {
	width: 740px;
	text-align: center;
	display: inline-block;
	height: 740px;
	overflow: hidden;
}
	.bigimg li img {
		width: auto !important;
		height: 740px;
	}
/*--------------------------------------------------------------------------移动端(max-width:640px) and--------------------------------------------------------------------------*/
@media only screen and (max-width: 1360px)
{
	
	.ibg{ margin-top:62px;}
	.pc {
		display: none;
	}

	.m {
		display: block;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		padding: 0.36rem;
		box-sizing: border-box;
	}

		header.active {
			background: #fff;
			box-shadow: 0 0 15px rgba(0,0,0,.1);
		}

		header .siteName img.black {
			display: none;
		}

		header.active .siteName img.black {
			display: block;
		}

		header.active .siteName img.white {
			display: none;
		}

		header .siteName {
			width: 32vw;
		}

		header .header-menu > div {
			margin-left: 0.36rem;
		}

		header .header-menu .serch i {
			display: inline-block;
			font-size: 0.46rem;
			color: #fff;
			margin: 0.12rem 0 0;
		}

		header.active .header-menu .serch i {
			color: #222;
		}

		header .header-menu .navToggle {
			position: relative;
			display: block;
			cursor: pointer;
			z-index: 3;
			text-align: center;
			width: 30px;
			height: 30px;
		}

			header .header-menu .navToggle span {
				display: block;
				position: absolute;
				width: 28px;
				height: 1px;
				background: #fff;
				-webkit-transition: 0.35s ease-in-out;
				transition: 0.35s ease-in-out;
				left: 0;
				right: 0;
				margin: auto;
				font-size: 10px;
			}

		header.active .header-menu .navToggle span {
			background: #222;
		}

		header .header-menu .navToggle span:nth-child(1) {
			top: 24%;
		}

		header .header-menu .navToggle span:nth-child(2) {
			top: calc(36% + 3px);
		}

		header .header-menu .navToggle span:nth-child(3) {
			top: 70%;
		}

		header .header-menu .navToggle.active span:nth-child(1) {
			top: calc(50% + 0.5px);
			left: 0px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		header .header-menu .navToggle.active span:nth-child(2), header .header-menu .navToggle.active span:nth-child(3) {
			top: calc(50% + 0.5px);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

	.mega-menu {
		width: 100vw;
		height: 100vh;
		padding: 0;
		box-sizing: border-box;
		background: #B49170;
		position: fixed;
		top: 1.46rem;
		left: 100vw;
		z-index: 1000;
		overflow-y: scroll;
	}

	.content-box {
		width: 100%;
		margin: auto;
	}

	.mega-menu .content-box .menu-box {
		width: calc(100vw - 100px);
		padding-bottom: 100px;
		border-right: 1px solid #fff;
		box-sizing: border-box;
	}

		.mega-menu .content-box .menu-box .mega-menu-inner {
			text-align: left;
		}

			.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single * {
				color: #fff;
			}

			.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single {
				border-bottom: 1px solid #fff;
			}

				.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent {
					position: relative;
				}

					.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent + ul {
						display: none;
					}

					.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent::after, .mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent::before {
						content: "";
						position: absolute;
						top: 0;
						bottom: 0;
						right: 28px;
						margin: auto;
						width: 10px;
						height: 1px;
						background: #fff;
						-webkit-transition: 0.3s;
						transition: 0.3s;
					}

					.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent::after {
						-webkit-transform: rotate(90deg);
						transform: rotate(90deg);
					}

					.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent.open::after {
						-webkit-transform: rotate(0deg);
						transform: rotate(0deg);
					}

				.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single h3 {
					font-size: 0.38rem;
					font-weight: normal;
					padding: 10px 20px;
				}

	.mega-menu .content-box .mega-menu-inner .mega-menu-single h3::after {
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background: #fff;
		margin-top: 12px;
	}

	.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a {
		display: block;
		padding: 10px 20px;
	}

		.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent {
			position: relative;
		}

			.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent::after, .mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent::before {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				right: 28px;
				margin: auto;
				width: 10px;
				height: 1px;
				background: #fff;
				-webkit-transition: 0.3s;
				transition: 0.3s;
			}

			.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent::after {
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}

			.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent.open::after {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}

		.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a + ul {
			display: none;
			padding: 6px 0;
			margin-left: 10px;
		}

	.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single > ul > li > a + ul li:not(:first-of-type) {
		margin-top: 0.24rem;
	}

	.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a + ul li a {
		font-size: 0.34rem;
		padding-left: 20px;
	}

	.mega-menu .content-box .sns {
		margin-top: 50px;
		justify-content: center;
	}

		.mega-menu .content-box .sns li {
			margin: 0.2rem;
			text-align: center;
		}

	.mega-menu .content-box .side-menu {
		width: 60px;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
	}

		.mega-menu .content-box .side-menu > div {
			padding: 10px 0;
			text-align: center;
		}

	.mega-menu .content-box i {
		display: inline-block;
		width: 100%;
		margin-bottom: 0.36rem;
		font-size: 0.46rem;
		color: #fff;
	}

	.mega-menu .content-box span {
		writing-mode: vertical-lr;
		padding-right: 0.05rem;
		color: #fff;
	}
}
	@media only screen and (max-width: 640px) {
		iframe {
			max-width: 100% !important;
		}
		.ibox6 .list ul li .tnner {
			height: calc(100% - 12px);
			position: absolute;
			top: 0px;
			color: #fff;
			margin: 3px;
			border: 3px solid #fff;
			/* width: 95%; */
			width: calc(100% - 12px);
		}
		.procate .list ul li .tnner {
			height: calc(100% - 12px);
			position: absolute;
			top: 0px;
			color: #fff;
			margin: 3px;
			border: 3px solid #fff;
			/* width: 95%; */
			width: calc(100% - 12px);
		}
		.foot_hidden {
			display: none;
		}
		.bigimg {
			width: 100%;
			margin-left: 0px;
			height: auto;
		
		}
			.bigimg li img {
				/*height: 400px;
				width: auto !important;*/
				max-width: 100%;
				max-height: 100%;
				height: auto !important;
			}
		/*--------------------------------------------------------------------------通用--------------------------------------------------------------------------*/
		.ibg2{display:block;}
		.ibg {
			display: none;
		}
		.fancybox-slide {
			padding: 15px;
		}

		.fancybox-slide--iframe .fancybox-content {
			max-width: 90%;
			max-height: 80%;
		}

		.fancybox-close-small {
			right: 15px !important;
			top: 10px !important;
		}

		.fancybox-button {
			width: 36px;
			height: 36px;
		}

		.soorye {
			width: unset !important;
			margin-left: unset !important;
			float: unset !important;
		}

		table, input, select, textarea {
			font-size: 0.36rem;
		}

		.layui-form-label {
			font-size: 0.36rem;
		}

		.layui-form-item {
			margin-bottom: 15px;
		}

		.layui-form-checkbox[lay-skin=primary] i {
			top: 4px;
		}

		.mpform {
			width: unset !important;
		}

		.pc {
			display: none;
		}

		.m {
			display: block;
		}

		.cmain {
			padding: 100px 0 40px;
		}

		.kkuse {
			margin-top: 0px;
		}

		.cstore .tit {
			margin-bottom: 25px;
		}

			.cstore .tit h1 {
				font-size: 0.56rem;
			}

		.cstore {
			padding: 30px 0 25px;
		}

			.cstore .list ul li {
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-bottom: 15px;
			}

				.cstore .list ul li:nth-child(2n) {
					margin-right: 0;
				}

				.cstore .list ul li .txt {
					padding: 10px;
				}

					.cstore .list ul li .txt h2 {
						font-size: 0.42rem;
					}

		.adbanner {
			margin-bottom: 30px;
		}

		/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/

		header {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
			width: 100%;
			padding: 0.36rem;
			box-sizing: border-box;
		}

			header.active {
				background: #fff;
				box-shadow: 0 0 15px rgba(0,0,0,.1);
			}

			header .siteName img.black {
				display: none;
			}

			header.active .siteName img.black {
				display: block;
			}

			header.active .siteName img.white {
				display: none;
			}

			header .siteName {
				width: 32vw;
			}

			header .header-menu > div {
				margin-left: 0.36rem;
			}

			header .header-menu .serch i {
				display: inline-block;
				font-size: 0.46rem;
				color: #fff;
				margin: 0.12rem 0 0;
			}

			header.active .header-menu .serch i {
				color: #222;
			}

			header .header-menu .navToggle {
				position: relative;
				display: block;
				cursor: pointer;
				z-index: 3;
				text-align: center;
				width: 30px;
				height: 30px;
			}

				header .header-menu .navToggle span {
					display: block;
					position: absolute;
					width: 28px;
					height: 1px;
					background: #fff;
					-webkit-transition: 0.35s ease-in-out;
					transition: 0.35s ease-in-out;
					left: 0;
					right: 0;
					margin: auto;
					font-size: 10px;
				}

			header.active .header-menu .navToggle span {
				background: #222;
			}

			header .header-menu .navToggle span:nth-child(1) {
				top: 24%;
			}

			header .header-menu .navToggle span:nth-child(2) {
				top: calc(36% + 3px);
			}

			header .header-menu .navToggle span:nth-child(3) {
				top: 70%;
			}

			header .header-menu .navToggle.active span:nth-child(1) {
				top: calc(50% + 0.5px);
				left: 0px;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

			header .header-menu .navToggle.active span:nth-child(2), header .header-menu .navToggle.active span:nth-child(3) {
				top: calc(50% + 0.5px);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

		.mega-menu {
			width: 100vw;
			height: 100vh;
			padding: 0;
			box-sizing: border-box;
			background: #B49170;
			position: fixed;
			top: 1.46rem;
			left: 100vw;
			z-index: 1000;
			overflow-y: scroll;
		}

		.content-box {
			width: 100%;
			margin: auto;
		}

		.mega-menu .content-box .menu-box {
			width: calc(100vw - 60px);
			padding-bottom: 100px;
			border-right: 1px solid #fff;
			box-sizing: border-box;
		}

			.mega-menu .content-box .menu-box .mega-menu-inner {
				text-align: left;
			}

				.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single * {
					color: #fff;
				}

				.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single {
					border-bottom: 1px solid #fff;
				}

					.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent {
						position: relative;
					}

						.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent + ul {
							display: none;
						}

						.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent::after, .mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent::before {
							content: "";
							position: absolute;
							top: 0;
							bottom: 0;
							right: 28px;
							margin: auto;
							width: 10px;
							height: 1px;
							background: #fff;
							-webkit-transition: 0.3s;
							transition: 0.3s;
						}

						.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent::after {
							-webkit-transform: rotate(90deg);
							transform: rotate(90deg);
						}

						.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single .parent.open::after {
							-webkit-transform: rotate(0deg);
							transform: rotate(0deg);
						}

					.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single h3 {
						font-size: 0.38rem;
						font-weight: normal;
						padding: 10px 20px;
					}

		.mega-menu .content-box .mega-menu-inner .mega-menu-single h3::after {
			content: "";
			display: block;
			width: 20px;
			height: 1px;
			background: #fff;
			margin-top: 12px;
		}

		.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a {
			display: block;
			padding: 10px 20px;
		}

			.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent {
				position: relative;
			}

				.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent::after, .mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent::before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					right: 28px;
					margin: auto;
					width: 10px;
					height: 1px;
					background: #fff;
					-webkit-transition: 0.3s;
					transition: 0.3s;
				}

				.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent::after {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}

				.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a.parent.open::after {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}

			.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a + ul {
				display: none;
				padding: 6px 0;
				margin-left: 10px;
			}

		.mega-menu .content-box .menu-box .mega-menu-inner .mega-menu-single > ul > li > a + ul li:not(:first-of-type) {
			margin-top: 0.24rem;
		}

		.mega-menu .content-box .mega-menu-inner .mega-menu-single > ul > li > a + ul li a {
			font-size: 0.34rem;
			padding-left: 20px;
		}

		.mega-menu .content-box .sns {
			margin-top: 50px;
			justify-content: center;
		}

			.mega-menu .content-box .sns li {
				margin: 0.2rem;
				text-align: center;
			}

		.smaplist .page-nav-inner {
			margin-bottom: 15px;
		}

			.smaplist .page-nav-inner h3 {
				font-size: 16px;
				margin-bottom: 10px;
			}

		.smaplist .list-style li {
			line-height: 200%;
			float: left;
			width: auto;
			margin-right: 9%;
		}

			.smaplist .list-style li a {
				font-size: 13px;
			}


		.mega-menu .content-box .side-menu {
			width: 60px;
			height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: center;
			box-sizing: border-box;
		}

			.mega-menu .content-box .side-menu > div {
				padding: 10px 0;
				text-align: center;
			}

		.mega-menu .content-box i {
			display: inline-block;
			width: 100%;
			margin-bottom: 0.36rem;
			font-size: 0.46rem;
			color: #fff;
		}

		.mega-menu .content-box span {
			writing-mode: vertical-lr;
			padding-right: 0.05rem;
			color: #fff;
		}

		.serch-box {
			display: none;
			position: fixed;
			top: 1.46rem;
			right: 0;
			z-index: 1000;
		}

			.serch-box .serch-box-inner {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				width: 100%;
				height: auto;
				padding: 0.36rem;
				box-sizing: border-box;
				background: #B49170;
				text-align: left;
				color: #fff;
			}

			.serch-box .serch-input {
				width: 100%;
				position: relative;
			}

				.serch-box .serch-input i {
					font-size: 0.46rem;
					color: #333;
					display: inline-block;
					vertical-align: top;
				}

				.serch-box .serch-input input[name="brand_search_form"] {
					width: 100%;
					box-sizing: border-box;
					padding: 10px;
					border: 2px solid #ddd;
					border-radius: 4px;
				}

				.serch-box .serch-input input[name="brand_search_button"] {
					position: absolute;
					right: 10px;
					top: 0;
					bottom: 0;
					margin: auto;
				}

			.serch-box .keywords {
				width: 100%;
				margin-top: 1rem;
			}

				.serch-box .keywords h3 {
					font-size: 14px;
				}

				.serch-box .keywords ul {
					margin-top: 10px;
				}

					.serch-box .keywords ul li {
						display: inline-block;
					}

						.serch-box .keywords ul li a {
							display: block;
							margin: 0.12rem;
							padding: 0.1rem 0.32rem;
							color: #fff;
							font-size: 0.34rem;
							border: 1px solid #fff;
						}

		.ibg img {
			max-width: auto;
			height: 300px;
			object-fit: cover;
		}

		.iban-swp .swiper-pagination {
			bottom: 10px !important;
		}

		.ibox {
			padding: 40px 0;
			width: 100% !important;
		}

			.ibox .tit {
				margin-bottom: 20px;
			}

				.ibox .tit h2 {
					font-size: 0.48rem;
					line-height: 120%;
				}

				.ibox .tit h1 {
					font-size: 0.56rem;
				}

		.ibox1 .cc {
			box-sizing: border-box;
			width: 100%;
			padding: 20px 15px;
		}

			.ibox1 .cc h1 {
				margin-bottom: 5px;
			}

		.ibox2 .list ul li {
			width: 100%;
			margin-bottom: 15px;
		}

			.ibox2 .list ul li:nth-child(2n) {
				margin-right: 0;
			}

			.ibox2 .list ul li p, .ibox3 .list ul li p {
				text-align: center;
			}

		.ibox3 {
			padding: 0 0 30px 0;
		}

			.ibox3 .list ul li {
				width: 100%;
				margin-bottom: 15px;
			}

		.ibox4 {
			padding: 40px 0 25px;
		}

			.ibox4 .list ul li {
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-bottom: 15px;
			}

				.ibox4 .list ul li .tnner {
					position: absolute;
					top: 0px;
					color: #fff;
					margin: 3px;
					border: 1px solid #fff;
					height: calc(100% - 8px);
					width: calc(100% - 8px);
				}

					.ibox4 .list ul li .tnner h2 {
						color: #fff;
						font-size: 35px;
						font-weight: normal;
						text-align: center;
						margin-top: 20%;
					}

					.ibox4 .list ul li .tnner p {
						height: 29px;
						margin-top: 26%;
						font-size: 12px;
						padding: 0 7%;
						line-height: 14px;
						overflow: hidden;
					}

				.ibox4 .list ul li:nth-child(2n) {
					margin-right: 0;
				}

		.ibox5 .grid {
			width: 100%;
		}

			.ibox5 .grid li {
				height: 140px;
			}

				.ibox5 .grid li.top {
					width: 100%;
				}

		.grid li .button > div h3 {
			font-size: 0.38rem;
		}

		.ibox5 .grid li.bottom {
			width: 50%;
			height: 100px;
		}

		.otherbox {
			padding: 20px 0;
		}

			.otherbox .item {
				width: 100%;
				margin: 20px 0;
				padding: 20px 15px;
			}

				.otherbox .item h1 {
					font-size: 0.56rem;
					padding-bottom: 15px;
					margin-bottom: 20px;
				}

				.otherbox .item:first-child table {
					width: 90%;
				}

				.otherbox .item .catver {
					font-size: 0.48rem;
				}

				.otherbox .item .btn a {
					margin: 10px 0 0;
				}

				.otherbox .item .info {
					min-height: auto;
					margin-bottom: 10px;
				}

				.otherbox .item table {
					min-height: auto;
				}

		.snsbox {
			padding: 20px 0;
		}

			.snsbox .item {
				width: 100%;
				margin: 20px 0;
				padding: 0;
			}

				.snsbox .item h1 {
					font-size: 0.56rem;
					padding-bottom: 15px;
					margin-bottom: 20px;
				}

				.snsbox .item.isns img {
					width: 29%;
				}

				.snsbox .item.icont .icon_box {
					margin: 20px 0 0;
				}

					.snsbox .item.icont .icon_box .ilink-swp {
						padding-bottom: 30px;
					}

		.ibox6 {
			padding: 40px 0 25px;
		}

			.ibox6 .list ul li {
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-bottom: 15px;
			}

				.ibox6 .list ul li:nth-child(2n) {
					margin-right: 0;
				}

		.istore {
			padding: 40px 0 25px;
		}

			.istore .list ul li {
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-bottom: 15px;
			}

				.istore .list ul li:nth-child(2n) {
					margin-right: 0;
				}

				.istore .list ul li .txt {
					padding: 10px;
				}

					.istore .list ul li .txt h2 {
						font-size: 0.42rem;
					}

		.ifooter {
			padding: 40px 0 0;
		}

			.ifooter .list-style li a {
				font-size: 0.34rem;
			}

				.ifooter .list-style li a::before {
					width: 6px;
					margin: 0 5px 0 0;
				}

			.ifooter .category-nav {
				padding-bottom: 30px;
			}

				.ifooter .category-nav h3, .ifooter .page-nav h3 {
					margin-bottom: 10px;
				}

			.ifooter .page-nav-inner {
				margin: 30px 0 0;
			}

			.ifooter .flogo {
				margin: 30px 0;
			}

				.ifooter .flogo img {
					height: 40px;
				}

		/*--------------------------------------------------------------------------3d_booking.html--------------------------------------------------------------------------*/

		.tits h1 {
			font-size: 0.56rem;
			margin-bottom: 20px;
		}

		.threeform .layui-form-label {
			width: 100%;
			text-align: left;
		}

		.threeform .layui-input-block {
			width: 100%;
			margin-left: 0;
		}

			.threeform .layui-input-block .layui-input, .threeform .layui-input-block .layui-textarea {
				width: 100%;
			}

			.threeform .layui-input-block .layui-form-checkbox span {
				line-height: 200%;
			}

			.threeform .layui-input-block .uploadbox {
				float: none;
			}

		.threeform a.bookbtn {
			width: 100%;
			height: 50px;
			line-height: 50px;
			font-size: 0.42rem;
			margin: 10px 0 0;
		}

		/*--------------------------------------------------------------------------3d_info.html--------------------------------------------------------------------------*/

		.threedinfo .video {
			width: 100%;
		}

		.threedinfo h2 {
			font-size: 0.48rem !important;
		}

		.threedinfo table {
			width: 100% !important;
		}

		/*--------------------------------------------------------------------------case_detail.html--------------------------------------------------------------------------*/
		.threedinfo .my-imgbox {
			width: 100%;
		}

		.my-imgbox > div {
			width: calc(50% - 10px) !important;
			float: left;
			margin: 10px 5px !important;
			/* box-sizing: border-box; */
		}

			.my-imgbox > div img {
				width: 100%;
				height: 105px;
			}

		.threedinfo .booking {
			width: 100% !important;
		}

		.adbanner img {
			width: 100%;
		}

		.cmenu {
			margin-bottom: 15px;
		}

			.cmenu ul li {
				margin-right: 15px;
				margin-bottom: 15px;
			}

				.cmenu ul li a {
					padding: 0 20px;
					line-height: 40px;
					font-size: 0.36rem;
				}

		.case-left {
			width: 100%;
			float: none;
		}

			.case-left .list ul li .txt .mark a {
				font-size: 0.34rem;
				line-height: 26px;
			}

		.case-right {
			display: block;
			width: 100% !important;
		}

		.cdetail {
			padding: 20px 15px;
		}

			.cdetail .tit h1 {
				font-size: 0.48rem;
				margin: 15px 0 20px;
			}

			.cdetail .tit .mark a {
				font-size: 0.34rem;
				line-height: 26px;
			}

		.ctit h1 {
			font-size: 0.38rem;
		}

			.ctit h1 span {
				line-height: 40px;
			}

		.reccase {
			margin: 30px 0 0;
		}

			.reccase .reclist ul li img {
				max-width: 100%;
				float: none;
			}

			.reccase .reclist ul li .txt {
				box-sizing: border-box;
				float: none;
				width: 100%;
				padding: 15px;
			}

				.reccase .reclist ul li .txt h2 {
					font-size: 0.38rem;
					margin-bottom: 10px;
					min-height: auto;
				}

		/*--------------------------------------------------------------------------case_list.html--------------------------------------------------------------------------*/

		.case-left .list .top .txt {
			padding: 15px;
		}

			.case-left .list .top .txt h1 {
				font-size: 0.48rem;
			}

		.case-left .list ul li {
			width: 100%;
			float: none;
		}

			.case-left .list ul li:nth-child(2n) {
				float: none;
			}

			.case-left .list ul li .txt {
				padding: 15px;
			}

				.case-left .list ul li .txt h1 {
					font-size: 0.48rem;
					margin: 15px 0 10px;
				}

		/*--------------------------------------------------------------------------contact.html--------------------------------------------------------------------------*/

		.single {
			margin: 25px 0 0;
		}

			.single .menu {
				float: none;
				width: 100%;
				margin-bottom: 20px;
			}

				.single .menu ul li {
					display: inline-block;
					float: left;
					margin-right: 15px;
					margin-bottom: 15px;
				}

					.single .menu ul li a {
						height: 40px;
						line-height: 40px;
						padding: 0 20px 0 30px;
					}

						.single .menu ul li a em {
							left: 15px;
						}

			.single .cc {
				float: none;
				width: 100%;
				padding: 20px 15px;
			}

				.single .cc .tit h1 {
					margin: 10px 0 20px;
					font-size: 0.56rem;
				}

				.single .cc .contform {
					margin: 30px 0 0;
				}

		.contform .layui-form-label {
			width: 100%;
			text-align: left;
		}

		.contform .layui-input-block {
			width: 100%;
			margin-left: 0;
		}

		.contform a.msgbtn {
			width: 100%;
			height: 50px;
			line-height: 50px;
			font-size: 0.42rem;
			margin: 10px 0 0;
		}

		/*--------------------------------------------------------------------------download.html--------------------------------------------------------------------------*/

		.download .cate {
			margin-bottom: 15px;
		}

			.download .cate ul li {
				margin: 0 8px;
			}

				.download .cate ul li a {
					height: 40px;
					line-height: 40px;
					font-size: 0.36rem;
					padding: 0 20px;
				}

		.download .list {
			width: 100% !important;
		}

			.download .list ul li {
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-top: 15px;
			}

				.download .list ul li:nth-child(2n) {
					margin-right: 0;
				}

				.download .list ul li .img .dlbtn span {
					padding: 0 20px;
				}

		/*--------------------------------------------------------------------------fabric.html--------------------------------------------------------------------------*/

		.fabric {
			padding: 0 0 100px;
		}

			.fabric::after {
				height: 100px;
			}

			.fabric .page-title {
				margin: 80px 0 0;
			}

				.fabric .page-title .page-title-text {
					box-sizing: border-box;
					width: calc(100% - 30px);
					margin: 0 auto;
					padding: 20px 15px;
				}

					.fabric .page-title .page-title-text .tits h1 {
						margin-bottom: 20px;
					}

			.fabric .tabContent {
				box-sizing: border-box;
				width: calc(100% - 30px);
				margin: 0 auto;
				padding: 30px 0;
			}

				.fabric .tabContent .ftit h2 {
					font-size: 0.56rem;
				}

				.fabric .tabContent .info {
					margin: 20px 0 30px;
				}

				.fabric .tabContent .option-inner {
					padding: 20px 15px;
				}

					.fabric .tabContent .option-inner h3 {
						margin-bottom: 5px;
						font-size: 0.48rem;
					}

			.fabric .option-inner ul li:nth-of-type(n+6) {
				margin-top: 0;
			}

			.fabric .tabContent .option-inner ul li {
				display: inline-block;
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-top: 15px;
			}

				.fabric .tabContent .option-inner ul li:nth-child(2n) {
					margin-right: 0;
				}

				.fabric .tabContent .option-inner ul li:not(:nth-of-type(5n+1)) {
					margin-left: 0;
				}

				.fabric .tabContent .option-inner ul li .txt p {
					font-size: 0.34rem;
				}

		/*--------------------------------------------------------------------------guide.html--------------------------------------------------------------------------*/

		.guide h1 {
			font-size: 0.56rem;
			margin-bottom: 25px;
		}

		.guide .banner .sw-guide {
			padding-bottom: 40px;
			margin-bottom: 20px;
		}

		.guide .banner .sp .sp-pn {
			width: 40px;
			height: 40px;
			line-height: 40px;
			top: calc(50% - 30px);
		}

		.guide .detail .info h4 {
			font-size: 0.38rem;
		}

		.guide .detail .itembox h2 {
			margin: 30px 0 20px;
			font-size: 0.56rem;
		}

		.guide .detail .itembox .imleft, .guide .detail .itembox .imright {
			float: none;
			width: 100%;
			padding: 0;
		}

			.guide .detail .itembox .imright h5 {
				font-size: 0.48rem;
				margin: 20px 0 15px;
			}

		.guide .detail .contimg {
			margin: 40px 0;
		}

		.guide .detail .btnmore a {
			width: 100%;
			font-size: 0.42rem;
			height: 50px;
			line-height: 50px;
		}

		/*--------------------------------------------------------------------------login.html--------------------------------------------------------------------------*/

		.clogin .cc {
			margin: 0;
		}

			.clogin .cc .img {
				display: none;
			}

			.clogin .cc .log-box {
				width: 100%;
				padding: 30px 15px;
			}

				.clogin .cc .log-box .tit {
					margin: 0 0 20px;
				}

					.clogin .cc .log-box .tit span {
						font-size: 0.46rem;
					}

						.clogin .cc .log-box .tit span::after {
							height: 2px;
						}

					.clogin .cc .log-box .tit p a {
						line-height: 200%;
						padding: 0 20px;
					}

		.clogin .verifyCode {
			width: 100px;
		}

		.clogin .findpsw {
			padding-left: 0;
		}

		.clogin .logbtn {
			width: 100%;
			margin: 20px 0 0 0;
			font-size: 0.42rem;
		}

		/*--------------------------------------------------------------------------mem_fav.html--------------------------------------------------------------------------*/

		.cmember .meminfo, .cmember .cont {
			width: 100%;
			float: none;
		}

			.cmember .meminfo .infobox {
				padding: 20px 15px;
			}

			.cmember .meminfo .face .info h1 span {
				font-size: 0.42rem;
			}

			.cmember .meminfo .list ul li {
				line-height: 200%;
				margin: 0;
			}

				.cmember .meminfo .list ul li:last-child {
					margin: 5px 0 0;
				}

			.cmember .meminfo .menubox {
				margin: 20px 0 0;
				padding: 20px 15px 15px;
			}

				.cmember .meminfo .menubox .box {
					margin-bottom: 10px;
				}

					.cmember .meminfo .menubox .box h1 span {
						font-size: 0.42rem;
					}

					.cmember .meminfo .menubox .box ul {
						padding: 5px 0 0 35px;
					}

						.cmember .meminfo .menubox .box ul li {
							float: left;
							margin-right: 20px;
						}

		.cmember .cont {
			margin: 20px 0 0;
			padding: 20px 15px;
			min-height: auto;
		}

			.cmember .cont .tit {
				margin: 0 0 20px;
			}

				.cmember .cont .tit span {
					font-size: 0.48rem;
				}

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

			.favlist ul li .img {
				width: 100px;
			}

			.favlist ul li .txt {
				width: calc(100% - 120px);
			}

				.favlist ul li .txt h2 {
					font-size: 0.36rem;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					display: block;
				}

				.favlist ul li .txt a.favbtn {
					height: 36px;
					line-height: 36px;
					left: 120px;
				}

		/*--------------------------------------------------------------------------mem_person.html--------------------------------------------------------------------------*/

		.uploadtoux {
			position: static;
			text-align: center;
			margin: 0 auto;
			margin-bottom: 10px;
		}

		.cmember .layui-form {
			width: 100%;
		}

		.cmember .layui-form-label {
			width: 100%;
			text-align: left;
		}

		.cmember .layui-input-block {
			width: 100%;
			margin-left: 0;
		}

		.cmember a.msgbtn {
			width: 100%;
			height: 50px;
			line-height: 50px;
			font-size: 0.42rem;
			margin: 10px 0 0;
		}


		/*--------------------------------------------------------------------------modelroom.html--------------------------------------------------------------------------*/

		.modelroom .detail .info h4 {
			font-size: 0.48rem;
		}

		.modelroom .detail .itembox .imleft, .modelroom .detail .itembox .imright, .modelroom .detail .itembox:nth-child(2n+1) .imleft, .modelroom .detail .itembox:nth-child(2n+1) .imright {
			float: none;
			width: 100%;
			padding: 0;
		}

			.modelroom .detail .itembox .imleft img {
				margin-bottom: 20px;
			}

		.modelroom .detail .btnmore a {
			width: 100%;
			font-size: 0.42rem;
			height: 50px;
			line-height: 50px;
		}

		/*--------------------------------------------------------------------------pro_cate.html--------------------------------------------------------------------------*/

		.procate .list ul li {
			width: calc(50% - 8px);
			margin-right: 15px;
			margin-bottom: 0;
			margin-top: 15px;
		}

			.procate .list ul li:nth-child(2n) {
				margin-right: 0;
			}

		/*--------------------------------------------------------------------------pro_detail.html--------------------------------------------------------------------------*/
		.mobile_video {
			display: block;
		}

			.mobile_video a {
				width: 100%;
			}

		.my-swiper-box {
			height: 61px !important;
		}

		.pc_video {
			display: none;
		}

		.pdtit {
			margin: 20px 0;
		}

			.pdtit h1 {
				font-size: 0.48rem;
				line-height: 160%;
			}

		.prodetail .pdleft, .prodetail .pdright {
			width: 100%;
			float: none;
		}

			.prodetail .pdright .hd {
				margin: 20px 0 0;
			}

				.prodetail .pdright .hd ul li {
					width: calc(20% - 8px);
					margin-right: 10px;
					margin-bottom: 10px;
				}

					.prodetail .pdright .hd ul li:nth-child(3n) {
						margin-right: 10px;
					}

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

			.prodetail .pdright .links {
				margin: 0 0 20px;
			}

				.prodetail .pdright .links ul li {
					width: calc(50% - 8px);
					margin-right: 15px;
					margin-top: 15px;
				}

					.prodetail .pdright .links ul li a {
						height: 50px;
						line-height: 50px;
					}

						.prodetail .pdright .links ul li a span {
							padding-left: 15px;
						}

						.prodetail .pdright .links ul li a i {
							padding-right: 15px;
							font-size: 0.56rem;
						}

							.prodetail .pdright .links ul li a i.icon-Dxuanzhuan {
								padding-right: 12px;
							}

		.sleksbu {
			max-height: 130px;
			overflow: hidden;
		}

		.prodetail .pdright .select h2 {
			margin-bottom: 20px;
		}

		.prodetail .pdright .price {
			margin: 25px 0 0;
		}

			.prodetail .pdright .price p em {
				font-size: 0.56rem;
			}

			.prodetail .pdright .price p span {
				font-size: 0.72rem;
			}

		.prodetail .addfav {
			margin: 15px 0 0;
		}

			.prodetail .addfav a {
				height: 50px;
				line-height: 50px;
				font-size: 0.42rem;
			}

		.prodetail .pdright .deinfo {
			margin: 20px 0 0;
		}

			.prodetail .pdright .deinfo iframe {
				max-width: 100%;
			}

		.prodetail .pdright .otherbtn {
			margin: 20px 0 0;
		}

			.prodetail .pdright .otherbtn a {
				display: inline-block;
				width: calc(50% - 10px);
				margin-right: 15px;
			}

				.prodetail .pdright .otherbtn a img {
					float: none;
				}

				.prodetail .pdright .otherbtn a:nth-child(2n) {
					margin-right: 0;
				}

		.prowrap {
			margin: 0;
			padding-bottom: 40px;
		}

			.prowrap .prowrapinfo {
				padding-bottom: 48vw;
			}

				.prowrap .prowrapinfo .bg {
					height: 60vw;
				}

				.prowrap .prowrapinfo .product-info-inner {
					width: calc(100% - 30px);
					margin: 0 auto;
					padding: 20px 15px;
					top: 40vw;
				}

					.prowrap .prowrapinfo .product-info-inner .tits {
						margin-bottom: 20px;
					}

		.prowraptab {
			width: calc(100% - 30px);
			margin: 0 auto;
		}

			.prowraptab::after {
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}

		.mySwiper .swiper-slide .img, .mySwiper .swiper-slide .txt {
			width: 100%;
		}

		.mySwiper .swiper-slide .txt {
			box-sizing: border-box;
			padding: 20px 15px;
		}

			.mySwiper .swiper-slide .txt h1 {
				font-size: 0.56rem;
				margin: 10px 0 20px;
			}

			.mySwiper .swiper-slide .txt .cc {
				padding-bottom: 70px;
			}

				.mySwiper .swiper-slide .txt .cc h2 {
					font-size: 0.48rem;
				}

		.mySwiper .swiper-pagination {
			width: 100%;
			bottom: 15px !important;
			left: 10px;
		}

		.mySwiper .sp {
			right: 15px;
			bottom: 15px !important;
		}

			.mySwiper .sp .sp-pn {
				width: 50px;
				height: 50px;
				line-height: 50px;
				margin: 0 0 0 10px;
			}

		.modal {
			padding: 30px 0 100px;
		}

			.modal .tits {
				margin-bottom: 25px;
			}

			.modal .tabContent {
				width: calc(100% - 30px);
				margin: 0 auto;
			}

				.modal .tabContent .option-inner {
					padding: 20px 15px;
				}

					.modal .tabContent .option-inner:not(:first-of-type) {
						margin-top: 20px;
					}

					.modal .tabContent .option-inner h3 {
						font-size: 0.48rem;
						margin-bottom: 0;
					}

			.modal .option-inner ul li:nth-of-type(n+6) {
				margin-top: 0;
			}

			.modal .tabContent .option-inner ul li {
				display: inline-block;
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-top: 15px;
				float: left;
			}

				.modal .tabContent .option-inner ul li:nth-child(2n) {
					margin-right: 0;
				}

				.modal .tabContent .option-inner ul li:not(:nth-of-type(5n+1)) {
					margin-left: 0;
				}

			.modal .price-bar {
				box-shadow: 0 0 20px rgba(0,0,0,.1);
			}

				.modal .price-bar .flex-box {
					width: calc(100% - 30px);
					margin: 0 auto;
				}

					.modal .price-bar .flex-box > * {
						margin-left: 0;
					}

				.modal .price-bar .modal-close {
					width: 180px;
					padding: 10px 0;
					margin-left: 20px;
				}

			.modal .close {
				width: 40px;
				height: 40px;
				top: 10px;
				right: 15px;
				margin: 0;
			}

				.modal .close span {
					width: 30px;
					height: 2px;
				}

		/*--------------------------------------------------------------------------pro_list1.html--------------------------------------------------------------------------*/

		.prolist1 .info {
			margin-bottom: 30px;
		}

		.prolist1 .list {
			width: 100%;
		}

			.prolist1 .list ul li {
				width: 100%;
				margin-right: 0;
				margin-bottom: 0;
				margin-top: 15px;
			}

		/*--------------------------------------------------------------------------pro_list2.html--------------------------------------------------------------------------*/

		.prolist2 .tits h1 {
			margin-bottom: 25px;
		}

		.prolist2 .list {
			margin-bottom: 0;
		}

			.prolist2 .list ul li {
				width: calc(50% - 8px);
				margin-right: 15px;
				margin-top: 15px;
			}

				.prolist2 .list ul li:nth-child(2n) {
					margin-right: 0;
				}

				.prolist2 .list ul li .img img {
					width: 80%;
				}

				.prolist2 .list ul li .txt {
					padding: 10px 0 0;
				}

					.prolist2 .list ul li .txt h2 {
						margin-bottom: 0;
					}

		/*--------------------------------------------------------------------------sitemap.html--------------------------------------------------------------------------*/

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

		.sitemapBox {
			width: 20%;
			padding: 0;
			margin: 10px 0 0;
		}

			.sitemapBox h3 {
				font-size: 0.42rem;
			}

			.sitemapBox ul {
				padding-left: 20px;
				margin-bottom: 20px;
			}

		.smfooter {
			position: static;
			margin-top: -20px;
		}
	}