/*common start*/

body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: Arial, ''; color: #333; }
a { color: #666; }
a:hover { color: #979797; text-decoration: none; }
p { line-height: 1.5em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper1 { padding: 0 8%; }
input, textarea, select { outline: none }
 @media(max-width:768px) {
.wapper1 { padding: 0 20px; }
}
/*common end*/

.h_height {/* height: 140px;*/ }
.headbg { width: 100%; background: #fff; position:relative; z-index: 55; top: 0; left: 0; }
.head {/* height: 140px;*/ position: relative; }
.head .logo { /* float:left;*/
/*width: 12%; height: 80px; position: relative; margin: 0 auto;*/ }
.head .logo img {/* max-width: 100%; max-height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; */ display:block; width:90%; margin:0 auto;}
.h_search1 { /* float:right; margin:50px 0 0 100px;*/
width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; position: absolute; bottom: 10px; right: 3%; }
.h_search1 img { display: inline-block; vertical-align: middle; }
/*menu*/

.menu { height: 60px; line-height: 60px; /* float:left; margin:0;*/
text-align: center; position:relative;}
.menu ul li {  float:left;/* margin-left:100px;
position: relative; display: inline-block; vertical-align:top;*/ margin: 0 1%; width: 14%; }
.menu ul li dl { background: #fff; width: 100%; position:absolute; left: 0; top: 100%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); padding:10px 0 20px 0; display: none; }
.menu ul li dl>div>div{ width:16%; margin:0 2%;}
.menu ul li dl dt { line-height: 44px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.menu ul li dl dt a { font-size: 14px; color: #666; font-weight: normal; text-align: left; padding: 0 15px; }
.menu ul li dl dt a:hover { color: #979797; }
.menu ul li dl dd { line-height: 32px; }
.menu ul li dl dd a { font-size: 12px; color: #666; font-weight: normal; text-align: left; padding: 0 15px; }
.menu ul li dl dd a:hover { color: #979797; }
.menu a { font-size: 14px; color: #333; text-decoration: none; font-weight: bold; display: block; text-align: center; padding: 0; }
.menu a:hover { color: #979797; }
a.menu_hover { color: #979797; }
.menu ul li font { display: block; }
.menu ul li font.en { }
.menu ul li font.cn { margin-top:-60px; opacity: 0; visibility: hidden; transition: all .3s ease; }
.menu ul li:hover span font.en { opacity: 0; visibility: hidden;}
.menu ul li:hover span font.cn { opacity: 1; visibility: visible; }
.menu ul li dl dt font.cn { margin-top:-44px; }
.menu ul li dl dt a:hover font.en { opacity: 0; visibility: hidden;}
.menu ul li dl dt a:hover font.cn { opacity: 1; visibility: visible; }
.menu ul li dl dd font.cn { margin-top:-32px; }
.menu ul li dl dd a:hover font.en { opacity: 0; visibility: hidden;}
.menu ul li dl dd a:hover font.cn { opacity: 1; visibility: visible; }
.search1bg { width: 100%; height: 30%; background: #fff; position: fixed; z-index: 999; top: 0; left: 0; display: none; }
.search1 { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.search1_close { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 50px; top: 50px; cursor: pointer; }
.search1_close img { display: inline-block; vertical-align: middle; }
.search1_con { width: 800px; text-align: center; }
.search1_con .box { height: 38px; border-bottom: 2px solid #9e9e9e; position: relative; }
.search1_con .text1 { border: none; background: none; width: 100%; height: 38px; line-height: 38px; color: #fff; }
.search1_con .button1 { height: 38px; line-height: 38px; position: absolute; top: 0; right: 0; }
.search1_con .button1 img { display: inline-block; vertical-align: middle; }
 @media(max-width:1520px) {
.menu ul li{ width:14%;}
.menu a{ font-size:12px;}
}
 @media(max-width:768px) {
.h_height { height: 80px !important; }
.headbg { display: none; }
.search1_close { position: absolute; right: 20px; top: 20px; }
.search1_con { width: calc(100% - 40px); }
}
.head_mbg { width: 100%; background: #fff; position: fixed; z-index: 55; top: 0; left: 0; display: none; }
.head_m {/* height: 80px;*/ position: relative; }
.head_m .logo { float: left; width: 100%; height: 80px; position: relative; }
.head_m .logo img { width: 100%;/* max-height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;*/ }
.h_search2 { float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 20px 0 0 0; cursor: pointer; }
.h_search2 img { display: inline-block; vertical-align: middle; }
/**/

.nav_open { float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 20px 0 0 0; cursor: pointer; }
.nav_open img { display: inline-block; vertical-align: middle; }
.navbg { width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 666; display: none; }
.nav { padding: 80px 20px 20px 20px; position: relative; }
.nav_close { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 20px; top: 20px; }
.nav_close img { display: inline-block; vertical-align: middle; }
.nav_list { height: calc(100vh - 100px); overflow-Y: scroll; }
.tree { }
.tree_box { }
.tree_one { display: none; overflow: hidden; }
.tree_box h3 { font-weight: normal; font-size: 16px; height: 45px; line-height: 45px; overflow: hidden; margin: 0; position: relative; }
.tree_box h3 a { color: #fff; position: relative; z-index: 10; }
.tree_box h3 a:hover { color: #979797; }
.tree_box h3 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: right; }
.tree_box h3 span i { color: #808080; }
.tree_one h4 { font-weight: normal; font-size: 14px; position: relative; height: 30px; line-height: 30px; overflow: hidden; margin: 0 0 0 20px; }
.tree_box h4 a { color: #fff; position: relative; z-index: 10; }
.tree_box h4 a:hover { color: #979797; }
.tree_two li{ font-size: 12px; height: 25px; line-height: 25px; overflow: hidden; margin: 0 0 0 50px;}
.tree_two li a{ color: #fff; }
.tree_two li a:hover { color: #979797; }
 @media(max-width:768px) {
.head_mbg { display: block; }
}
.bannerbg { position: relative; }
.bannerbg video { display: block; width: 100%; }
.con01bg { }
.con01 { }
.con01 ul li { margin-top:10px; /*float: left;
    width: calc((100% - 10px)/2);
    margin: 10px 10px 0 0;*/
position: relative; }
.con01 ul li:nth-child(2n) { margin-right: 0; }
.con01 ul li .img { padding-bottom: 42%; }
.con01 ul li .txt { padding: 50px 35px; width: calc(100% - 70px); height:calc(100% - 100px); position: absolute; top: 0; left: 0; color: #fff;

/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.con01 ul li .txt .h2 { font-size: 24px; line-height: 34px; font-weight: bold; }
.con01 ul li .txt .h3 { font-size: 13px; line-height: 23px; text-decoration: underline; margin: 10px 0 0 0; display:none;}
.con01 ul li.li3 { width: 100%; margin-right: 0; }
.con01 ul li.li3 .img { padding-bottom: 56%; }
.con01 ul li.li3 .txt { padding: 60px 35px; }
 @media(max-width:768px) {
.con01 ul li { float: left; width: 100%; margin: 10px 0 0 0; }
.con01 ul li .img {/* padding-bottom: 126% !important;*/ }
.con01 ul li .txt { padding: 25px 20px !important; width: calc(100% - 40px); top: auto; bottom: 0; left: 0; }
.con01 ul li .txt .h2 { font-size: 22px; line-height: 32px; }
}

.index_add1bg{}
.index_add1{}
.index_add1 .tit1{ margin:3% 0;}
.index_add1 .list{}
.index_add1 .list ul li{ float:left; width:calc((100% - 2px)/2); margin:0 2px 2px 0; position:relative;}
.index_add1 .list ul li:nth-child(2n){ margin-right:0;}
.index_add1 .list ul li .img { padding-bottom: 42%; }
.index_add1 .list ul li .txt { padding: 30px 15px; width: calc(100% - 70px); height:calc(100% - 100px); position: absolute; top: 0; left: 0; color: #fff;

/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.index_add1 .list ul li .txt .h2 { font-size: 24px; line-height: 34px; font-weight: bold; }
.index_add1 .list ul li .txt .h3 { font-size: 13px; line-height: 23px; text-decoration: underline; margin: 10px 0 0 0; display:none;}
 @media(max-width:768px) {
	.index_add1 .list ul li .txt{ padding: 15px 10px; width: calc(100% - 20px); height: calc(100% - 30px);}
	.index_add1 .list ul li .txt .h2 { font-size: 12px; line-height: 22px; }
 }






.footbg { padding: 40px 0; }
.foot { }
.foot a:hover { text-decoration: underline; }
.foot .lt { float: left; width: 75%; }
.foot .lt dl { float: left; margin-right: 100px; }
.foot .lt dl dt { font-size: 13px; line-height: 23px; font-weight: bold; margin-bottom: 10px; }
.foot .lt dl dd { font-size: 12px; line-height: 22px; }
.foot .lt dl dd a { }
.foot .lt dl dd .ewm { float: left; text-align: center; margin-left: 10px; }
.foot .lt dl dd .ewm:nth-child(1) { margin-left: 0; }
.foot .lt dl dd .ewm img { display: block; margin: 0 auto; width: 100px; height: 100px; }
.foot .lt dl dd .ewm span { display: block; font-size: 12px; line-height: 1em; margin-top: 10px; }
.foot .rt { float: right; width: 25%; }
.f_rt1 { margin-bottom: 25px; }
.f_rt1 .h2 { font-size: 13px; line-height: 23px; font-weight: bold; margin-bottom: 10px; }
.f_rt1 .form1 { border: 1px solid #333; height: 28px; }
.f_rt1 .form1 .text1 { float: left; border: none; background: none; height: 28px; line-height: 28px; padding: 0 10px; width: calc(100% - 62px); }
.f_rt1 .form1 .button1 { float: right; width: 40px; height: 28px; line-height: 28px; text-align: center; background: #333; color: #fff; }
.f_rt2 { margin-bottom: 25px; }
.f_rt2 .h2 { font-size: 13px; line-height: 23px; font-weight: bold; margin-bottom: 10px; }
.f_rt2 .share1 { }
.f_rt2 .share1 a { display: inline-block; margin-right: 20px; }
.f_rt2 .share1 a img { }
.f_rt3 { font-size: 12px; line-height: 22px; }
.f_rt3 ul li { }
 @media(max-width:768px) {
.footbg { padding: 30px 0 60px 0; }
.foot .lt { float: left; width: 100%; margin-bottom: 25px; }
.foot .lt dl { float: none; margin-right: 0; border-top: 1px solid #c4c4c4; }
.foot .lt dl dt { margin-bottom: 0; padding: 14px 0; }
.foot .lt dl dd { display: none; }
.foot .rt { float: right; width: 100%; }
.f_rt1 { margin-bottom: 30px; }
.f_rt1 .h2 { text-align: center; }
.f_rt2 { margin-bottom: 25px; text-align: center; }
.f_rt2 .h2 { display: none; }
.f_rt2 .share1 a { display: inline-block; margin: 0 10px; }
.f_rt3 { text-align: center; }
}
/*Add------------------------------------------------------------------------------*/

.interiors-portalbg { }
.interiors-portal { }
.interiors-portal ul li { position: relative; text-align: center; margin-bottom: 10px; }
.interiors-portal ul li .img { padding-bottom: 48%; }
.interiors-portal ul li .txt { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.interiors-portal ul li .txt .h2 { font-size: 24px; line-height: 34px; text-transform: uppercase; letter-spacing: 1em; }
 @media(max-width:768px) {
.interiors-portal ul li .txt .h2 { font-size: 14px; line-height: 24px; letter-spacing: 1em; }
}
.proDetail1bg { }
.proDetail1 { position: relative; }
.proDetail1 .img { padding-bottom: 46%; }
.proDetail1 .txt { width: 70%; position: absolute; left: 15%; top: 50%; transform: translateY(-50%); color: #fff; text-align: center; }
.proDetail1 .txt .h2 { font-size: 72px; line-height: 82px; letter-spacing: 0.25em; font-weight: bold; margin-bottom: 70px; }
.proDetail1 .txt .h3 { font-size: 18px; line-height: 28px; letter-spacing: 0.15em; }
.proDetail2bg { }
.proDetail2 { }
.proDetail2 .list1 { padding: 20px 20px; }
.proDetail2 .list1 .td1 { width: 50%; }
.proDetail2 .list1 .td1 img { display: block; width: 100%; }
.proDetail2 .list1 .td2 { width: 50%; }
.proDetail2 .list1 .td2 .txt { font-size: 14px; line-height: 24px; padding: 0 20%; }
/**/

.proDetail2 .list2 { }
.swiper-container1 { }
.swiper-container1 .swiper-slide { /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container1 .swiper-slide img { display: block; width: 100%; }
.swiper-container1 .swiper-pagination1 { display: none; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { }
.swiper-container1 .swiper-button-prev1, .swiper-container1 .swiper-button-next1 { }
.swiper-container1 .swiper-button-prev1 { }
.swiper-container1 .swiper-button-next1 { }
/**/

.proDetail2 .list3 { padding: 20px 20px; }
.proDetail2 .list3 .td1 { width: 50%; }
.proDetail2 .list3 .td1 .txt { font-size: 14px; line-height: 24px; padding: 0 20%; }
.proDetail2 .list3 .td2 { width: 50%; }
.proDetail2 .list3 .td2 img { display: block; width: 100%; }
/**/

.proDetail2 .list4 { padding: 20px; }
.proDetail2 .list5 { padding: 20px 25%; font-size: 14px; line-height: 24px; }
 @media(max-width:768px) {
.proDetail1 .img { padding-bottom: 156%; }
.proDetail1 .txt { width: 80%; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); }
.proDetail1 .txt .h2 { font-size: 36px; line-height: 46px; letter-spacing: 0.25em; margin-bottom: 20px; }
.proDetail1 .txt .h3 { font-size: 14px; line-height: 24px; letter-spacing: 0.15em; }
.proDetail2bg { }
.proDetail2 { }
.proDetail2 .list1 { padding: 20px 0; }
.proDetail2 .list1 .td1 { display: block; width: 100%; }
.proDetail2 .list1 .td2 { display: block; width: 100%; }
.proDetail2 .list1 .td2 .txt { font-size: 14px; line-height: 24px; padding: 20px 40px; }
/**/
.proDetail2 .list3 { padding: 20px 0; }
.proDetail2 .list3 .td1 { display: block; width: 100%; }
.proDetail2 .list3 .td1 .txt { font-size: 14px; line-height: 24px; padding: 20px 40px; }
.proDetail2 .list3 .td2 { display: block; width: 100%; }
/**/
.proDetail2 .list4 { padding: 20px; }
.proDetail2 .list5 { padding: 20px 40px; font-size: 14px; line-height: 24px; }
}
.weizhibg { padding: 20px 0; }
.weizhi { height: 40px; line-height: 40px; color: #999; }
.weizhi a { color: #999; }
.weizhi a:hover { }
.shopbg { padding: 20px 0 80px 0; }
.shop { }
.shop ul li { float: left; width: calc((100% - 50px)/3); margin: 0 25px 25px 0; text-align: center; }
.shop ul li:nth-child(3n) { margin-right: 0; }
.shop ul li:nth-child(3n-2) { clear: left; }
.shop ul li .img_box { }
.shop ul li .img { padding-bottom: 100%; }
.shop ul li .txt { }
.shop ul li .txt .h2 { font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 10px; }
.shop ul li .txt .h2 a { color: #333; }
.shop ul li .txt .h3 { font-size: 14px; line-height: 24px; color: #999; }
 @media(max-width:768px) {
.shopbg { padding: 0 0 80px 0; }
.shop ul li { float: left; width: calc((100% - 25px)/2); margin: 0 25px 25px 0; }
.shop ul li:nth-child(3n) { margin-right: 25px; }
.shop ul li:nth-child(3n-2) { clear: inherit; }
.shop ul li:nth-child(2n) { margin-right: 0; }
.shop ul li:nth-child(2n-1) { clear: left; }
}
.shop_detailbg { padding: 0 0 80px 0; }
.shop_detail { }
.shop_detail .list1 { position:relative; /* Center slide text vertically */
/*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; */}
.shop_detail .list1 .lt { float: left; width: 50%; }
.shop_detail .list1 .lt img { display: block; width: 100%; }
.shop_detail .list1 .rt { float: right; width: 30%; margin: 0 10% 0 10%; }
.shop_detail .list1 .rt .h2 { font-size: 24px; line-height: 34px; color:#999;}
.shop_detail .list1 .rt .h2 span{ display:block; font-size:14px; line-height:24px; color:#333;}
.shop_detail .list1 .rt .h2 span#lblTitle{ font-size: 24px; line-height: 34px; color:#999;}
.shop_detail .list1 .rt .h3 { font-size: 14px; line-height: 24px; margin-top:20px;}
.shop_detail .list1 .rt .h3 span{ float:right; cursor:pointer;}
.shop_detail .list1 .rt .h4{ margin-top:25px;}
.shop_detail .list1 .rt .h4 a{ display:block; background:#333; color:#fff; text-transform:uppercase; font-size:14px; height:40px; line-height:40px; text-align:center;}
.shop_detail .list1 .rt .h5{ font-size: 14px; line-height: 24px; margin-top:25px;}
.shop_detail .list1 .rt .h5 span{ display:inline-block; cursor:pointer;}
.shop_detail .list1 .rt .h6{ font-size: 14px; line-height: 24px;}
.syysbg{ width:100%; height:100%; position:absolute; top:0; right:0; background:rgba(252,252,252,.8); display:none;}
.syys{ height:100%; padding:0 0 0 50%; position:relative;}
.syys_close{ text-align:right; position:absolute; top:0; right:2%; font-size:14px; line-height:24px; cursor:pointer;}
.syys_con{ min-height:100%; background:#fff; padding:30px 5% 0 5%;}
.syys_con .h2{ font-size:14px; line-height:24px;}
.syys_con ul li{ float:left; width:46%; margin:2% 2%;}
.syys_con ul li .img{ padding-bottom:100%; background:#f5f5f5; position:relative;}
.syys_con ul li .img img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.syys_con ul li .h3{ font-size:14px; line-height:24px; margin-top:5px;}
.cpxqbg{ width:100%; height:100%; position:absolute; top:0; right:0; background:rgba(252,252,252,.8); display:none;}
.cpxq{ height:100%; padding:0 0 0 50%; position:relative;}
.cpxq_close{ text-align:right; position:absolute; top:0; right:2%; font-size:14px; line-height:24px; cursor:pointer;}
.cpxq_con{ min-height:100%; background:#fff; padding:30px 5% 0 5%; font-size:14px; line-height:24px;}
.cpxq_con .box1{}
.cpxq_con .box2{ border-top:1px solid #eee; margin-top:25px;}
.cpxq_con table th{ padding:10px 10px 10px 0; width:50%; font-weight:normal; text-align:left; border-bottom:1px solid #eee;}
.cpxq_con table td{ padding:10px 0 10px 10px; width:50%; border-bottom:1px solid #eee;}

.shop_detail .list2 { margin-top:20px; position:relative; /* Center slide text vertically */
/*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; */}
.shop_detail .list2 .lt { float: left; width: 50%; }
.shop_detail .list2 .lt img { display: block; width: 100%; }
.shop_detail .list2 .rt { float: right; width: 30%; margin: 0 10% 0 10%; line-height:30px; font-size: 15px; }
.shop_detail .list2 .rt_con{ margin-top:20%;}
.tit1 { text-align: center; }
.tit1 .h2 { font-size: 24px; line-height: 34px; letter-spacing: 0.2em; }
.shop_tjbg { padding: 20px 0; }
.shop_tj { }
.shop_tj .list3 { }
.shop_tj .list3 ul { margin-top: 20px; }
.shop_tj .list3 ul li { float: left; width: calc((100% - 20px)/3); margin: 0 10px 10px 0; text-align: center; }
.shop_tj .list3 ul li:nth-child(3n) { margin-right: 0; }
.shop_tj .list3 ul li:nth-child(3n-2) { clear: left; }
.shop_tj .list3 ul li .img_box { }
.shop_tj .list3 ul li .img { padding-bottom: 100%; }
.shop_tj .list3 ul li .txt { }
.shop_tj .list3 ul li .txt .h2 { font-size: 20px; line-height: 30px; margin-top: 10px; }
.shop_tj .list3 ul li .txt .h3 { font-size: 14px; line-height: 24px; color: #999; }
 @media(max-width:768px) {
.shop_detailbg{ padding:0 5% 40px 5%;}
.shop_detail .list1 .lt { float: left; width: 100%; }
.shop_detail .list1 .rt { float: right; width: 100%; margin: 20px auto 0 auto; }
.shop_detail .list2{ display:block;}
.shop_detail .list2 .lt{ float:left; width:100%;}
.shop_detail .list2 .rt{ float:right; width:100%;}
.shop_tj { display: none; }
.shop_tj .list3 ul li { float: left; width: calc((100% - 10px)/2); margin: 0 10px 10px 0; }
.shop_tj .list3 ul li:nth-child(3n) { margin-right: 10px; }
.shop_tj .list3 ul li:nth-child(3n-2) { clear: inherit; }
.shop_tj .list3 ul li:nth-child(2n) { margin-right: 0; }
.shop_tj .list3 ul li:nth-child(2n-1) { clear: left; }
}
.inbanner img { display: block; width: 100%; }
.gallery1bg { padding: 40px 0 80px 0; }
.gallery1 { }
.gallery1 .td1 { position: relative; width: 50%; }
.gallery1 .td1 .img { padding-bottom: 80%; }
.gallery1 .td1 .txt { padding: 40px 45px; width: calc(100% - 90px); position: absolute; bottom: 0; left: 0; color: #fff; }
.gallery1 .td1 .txt .h2 { font-size: 20px; line-height: 30px; }
.gallery1 .td1 .txt .h3 { font-size: 14px; line-height: 24px; }
.gallery1 .td2 { width: 50%; padding: 0 20px 0 10%; }
.gallery1 .td2 .txt { }
.gallery1 .td2 .txt .h2 { font-size: 24px; line-height: 34px; }
.gallery1 .td2 .txt .h3 { font-size: 18px; line-height: 28px; margin-top: 20px; }
.gallery2bg { padding: 20px 0 40px 0; }
.gallery2 { }
 @media(max-width:768px) {
.gallery1 .td1 { display: block; width: 100%; }
.gallery1 .td1 .img { padding-bottom: 80%; }
.gallery1 .td1 .txt { padding: 20px 20px; width: calc(100% - 40px); position: absolute; bottom: auto; top: 0; left: 0; }
.gallery1 .td1 .txt .h2 { font-size: 16px; line-height: 26px; }
.gallery1 .td1 .txt .h3 { font-size: 12px; line-height: 22px; }
.gallery1 .td2 { display: block; width: calc(100% - 40px); padding: 20px 20px 0 20px; }
.gallery1 .td2 .txt .h2 { font-size: 18px; line-height: 28px; }
.gallery1 .td2 .txt .h3 { font-size: 14px; line-height: 24px; margin-top: 10px; }
}
.kw-lookbookbg { }
.kw-lookbook { overflow: hidden; }
.kw-lookbook ul li { display: inline-block; width: calc((100% - 20px)/2); vertical-align: middle; margin: 0 20px 0 -4px; text-align: left; }
.kw-lookbook ul li:nth-child(2n) { margin-right: 0; text-align: right; }
.kw-lookbook ul li img { max-width: 100%; }
.tit2 { text-align: center; }
.tit2 .h2 { font-size: 48px; line-height: 58px; }
.tit2 .h3 { font-size: 14px; line-height: 24px; }
.contactbg { }
.contact { position: relative; }
.contact .lt { width: 50%; padding: 50px; }
.contact .lt .form1 { width: 60%; margin: 40px auto 0 auto; }
.contact .lt .form1 ul li { margin-bottom: 20px; }
.contact .lt .form1 .text1 { border: 1px solid #ABABAB; background: none; height: 38px; line-height: 38px; padding: 0 10px; width: calc(100% - 22px); }
.contact .lt .form1 .text2 { border: 1px solid #ABABAB; background: none; height: 38px; line-height: 38px; padding: 0 10px; width: calc(100% - 22px); }
.more1 { display: block; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 14px; width: 150px; text-align: center; margin: 0 auto; }
.contact .rt { width: 50%; height: 100%; position: absolute; top: 0; right: 0; }
 @media(max-width:768px) {
.contactbg { padding: 0 0 40px 0; }
.contact .lt { display: block; width: calc(100% - 40px); padding: 20px; }
.contact .lt .form1 { width: 100%; margin: 40px auto 0 auto; }
.contact .rt { width: 100%; height: auto; padding-bottom: 200%; position: static; top: 0; right: 0; }
}
.brand1bg { padding: 80px 0 80px 0; }
.brand1 { }
.brand1 .list { max-width: 55%; margin: 0 auto; font-size: 18px; line-height: 2em; margin-top: 40px; text-align: center; }
.brand2bg { }
.brand2 { }
.brand2 ul li { position: relative; }
.brand2 ul li .img { width: 50%; height: 100%; position: absolute; top: 0; left: 0; }
.brand2 ul li .txt_box { width: 50%; min-height: 700px; float: right; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.brand2 ul li .txt { width: 50%; margin: 0 auto; }
.brand2 ul li .txt .h2 { font-size: 48px; line-height: 58px; }
.brand2 ul li .txt .h3 { font-size: 14px; line-height: 24px; margin-top: 10px; }
.brand2 ul li .txt .h4 { font-size: 14px; line-height: 24px; margin-top: 20px; text-decoration: underline; }
.brand2 ul li:nth-child(2n) .img { left: auto; right: 0; }
.brand2 ul li:nth-child(2n) .txt_box { float: left; }
 @media(max-width:768px) {
.brand1bg { padding: 40px 0 40px 0; }
.brand1 .list { max-width: 90%; margin: 0 auto; font-size: 12px; line-height: 2em; margin-top: 20px; }
.brand2 ul li .img { width: 100%; height: auto; padding-bottom: 90%; position: static; top: 0; left: 0; }
.brand2 ul li .txt_box { width: 100%; min-height: 0px; float: right; }
.brand2 ul li .txt { width: 90%; margin: 0 auto; padding: 20px 0; }
.brand2 ul li .txt .h2 { font-size: 36px; line-height: 46px; }
.brand2 ul li .txt .h3 { font-size: 14px; line-height: 24px; margin-top: 10px; }
.brand2 ul li .txt .h4 { font-size: 14px; line-height: 24px; margin-top: 20px; text-decoration: underline; }
}
.insidebg { padding: 20px 0 40px 0; }
.inside { }




.shop_detail2bg{}
.shop_detail2{}
.shop_detail2 .list img{ display:block; width:100%;}
.shop_detail2 .list1{ margin-top:5%;}
.shop_detail2 .list1 .lt{ float:left; width:60%;}
.shop_detail2 .list1 .lt img{ display:block; width:100%;}
.shop_detail2 .list1 .rt{ float:right; width:30%; padding:0 5%;}
.shop_detail2 .list1 .rt .h2{ font-size:20px; line-height:30px;}
.shop_detail2 .list1 .rt .h3{ font-size:16px; line-height:26px; margin-top:10px;}
.shop_detail2 .list2{ margin-top:5%;}
.shop_detail2 .list2 img{ display:block; width:100%;}
.shop_detail2 .list3{ margin-top:0;}
.swiper-container2 { width: 100%; }
.swiper-container2 .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container2 .swiper-slide img{ display:block; width:100%;}
.swiper-container2 .swiper-slide .img{ padding-bottom:150%; width:100%;}
.swiper-container2 .swiper-pagination2{ display:none;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{}
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}
.shop_detail2 .list4{ margin-top:15px;}
.shop_detail2 .list4 img{/* display:block;*/ width:100%;}
@media(max-width:768px){
.shop_detail2 .list1{ padding:0 5%;}
.shop_detail2 .list1 .lt{ float:left; width:100%;}
.shop_detail2 .list1 .rt{ float:right; width:100%; padding:0 ; margin-top:10px;}
}



.f_share2{}
.f_share2 ul li{ display:inline-block; margin-right:10px; position:relative;}
.f_share2 ul li a{ display:block;}
.f_share2 ul li a img{ display:block; height:20px;}
.tc_ewmbg{ padding-bottom:10px; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); display:none;}
.tc_ewm{ padding:10px 0; width:280px; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,.1);}
.tc_ewm .img1{ float:left; margin:0 10px; text-align:center;}
.tc_ewm .img1 img{ display:block; width:120px; height:120px;}
.tc_ewm .img1 span{ display:block;}