.clearfix {
    zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.page{
	background: #ddd;
	
}
.top-wrap{
	overflow: hidden;
}
.top-wrap img{
	max-height: 80%;position: relative;
}
.top{
	height: 100%;padding: 15px 0;
}
.top,.bottom{
	text-align: center;
}
.middle{
	width:100%;overflow: hidden;padding-top: 40px;background: #ddd;
}
.bottom{
	padding: 15px 0;display: block;
}
.bottom img{
	max-height: 90%;position: relative;
}
/*@media only screen and (max-width:768px ) {
	html,body{
		height: auto;
	}
}*/
.navbar{
	height: 40px;line-height: 40px;text-align: center;top: 0;left: 0;right: 0;
	background: #eaeaea;position: fixed;z-index: 10;
}
.nav-icon{
	padding:0  15px;display: none;
}
@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.nav{
		display: none;
	}
	.nav-icon{
		display: block;height: 50px;overflow: hidden;
	}
	.logo{
		position: absolute;left: 50%;transform: translateX(-50%);
	}

}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.bottom{
		display: none;
	}
}
.phone-nav{
	position: absolute;top: 50px;left: 0;right: 0;
	text-align: center;color: #fff;font-size: 1.6rem;background: rgba(0,0,0,.8);
	display: none;
}
.logo{line-height: 30px;padding-top: 4px;}
.nav-st-li{
	border-bottom: 1px #fff solid;cursor: pointer;
	color: #ddd;
}
.nav-st-li>a:hover{
	color: #777;
}

.nav-st-li>a,.nav-sec-li>a{
	display: block;height: 100%;
}
.nav-sec-ul{
	display: none;
}
.nav-sec-li{
	font-size: 1.2rem;line-height: 3rem;
}
.nav-sec-li:hover{
	color: #bbb;
}
.banner{
	position: relative;overflow: hidden;z-index: 9;text-align: center;
}
.swiper-banner .swiper-pagination{
	text-align: right;bottom: 20px;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{
	margin-right:35px;background: #222;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{
	background: #fff;
}
.nav-li-1{
	height:37px;color: #999;
	padding:0 25px;display: inline-block;
	font-size: 14px;
}
.fenge{
	text-align: center;line-height: 0;font-size: 0;
}
.fengeline{
	display: inline-block;transition: width 1s;height: 3px;background: #666;font-size: 0;width: 0;
}
.nav-li-1>a{
	display: block;height: 37px;font-size: 15px;
}
.nav-li-1:hover>a{
	color: #666;
}
.nav-li-1{
	position: relative;
}
.nav-sec-wrap{
	position:absolute;top:50px;left: 50%;transform: translateX(-50%);white-space: nowrap;
	text-align: center;display: none;
	color: #666;
}
.nav-sec-wrap p{
	color: #666;
}
.nav .lv-2{
	text-align: center;display: inline-block;background:rgba(255,255,255,.8);padding:15px 25px 30px;width: 100px;
}
.nav .lv-2-li{
	line-height: 2.5;
}
.nav .lv-2-li>a{
	display: block;font-size:16px;
}
.nav .lv-3-li{
	line-height: 1.8;color: #999;font-size: 1.4rem;
}
.jiantou{
	margin-left: 68px;
  	height:0px;
  	width:0px;
	border-bottom:solid 15px rgba(255,255,255,.8);
  	border-left:solid 10px rgba(0,0,0,0); 
  	border-right:solid 10px rgba(0,0,0,0)
}
.thumb{
	position: absolute;top: 40px;right: 35px;
}
.nav-ul-2{
	padding:45px 35px;background: #fff;line-height: 2;
	font-size: 1.4rem;
}
.nav-ul-3{
	border-bottom: 1px #aaa solid;padding-bottom: 10px;margin-bottom: 10px;
}
.nav-li-3{
	font-size: 1.2rem;color: #4c4c4c;
}
.nav-li-2:last-child .nav-ul-3{
	border-bottom: none;
}
.version{
	position: absolute;right: 0%;top: 50%;transform: translateY(-50%);
	font-size: 1.4rem;color: #393939;z-index: 2;
	text-align: center;
}
.selected{
	position: relative;z-index: 2;
	width: 100%;width:70px;
	cursor: pointer;
}
.carat{
	position: absolute;top: 17px;right: 5px;
	height: 0;width: 0;
	border-top: 7px #393939 solid;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.selectBox{
	position: absolute;top: 40px;
	background: #fff;display: none;
}
.selectBox li{
	height: 30px;width: 70px;text-align: center;line-height: 30px;
}
.captos{
	height: 200px;position: relative;width: 96%;max-width: 1200px;margin: 0 auto;
}

.captos .title{
	position: absolute;top: 50%;transform: translateY(-50%);line-height:1.8;
}
.captos .en{
	font-size: 25px;display: inline-block;
	color: #000000;font-family: arial;
	border-bottom: 1px #666 solid;
}
.captos .cn{
	font-size: 16px;font-weight: thin;line-height: 2.4;
}
.captos .description{
	font-size: 16px;font-weight: thin;color: #222;line-height: 1.5;
}

.huace .captos{
	height: auto;padding: 1% 0;
}
.huace .captos .title{
	position: relative;top: 0;transform: translateY(0);
}
@media only screen and (min-width: 100px) and (max-width:768px) {
	.captos{
		height: auto;padding: 10% 0;
	}
	.captos .title{
		position: relative;top: 0;transform: translateY(0);
	}
	.captos .en{
		font-size: 2rem;
	}
	.captos .cn{
		font-size: 1.4rem;
	}
}
.main-body{
	background: rgba(221,221,221,.5);opacity: 0;min-height: 550px;
}
.main-container{
	width: 90%;max-width: 1200px;margin: 0 auto;position: relative;padding-bottom: 20px;margin-bottom: 20px;
}
.huace .main-container .return{
	padding:0;padding-bottom: 15px;
}
.main-container .return{
	padding: 25px 0;
}
/*------------------------------------------------------产品---------------------------------------------------*/
.product-wrap{
	padding: 10px 0;position: relative;
}
.product-wrapbox{
	width: 67%;
	padding: 10px;overflow: hidden;background: #fff;float: left
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.product-wrap{
		padding:0	
	}
	.product-wrapbox{
		width: 96%;float: none;margin: 0 auto;
	}
}
.type-name{
	font-size: 14px;color: #222;font-weight: bold;
}
.product-ul{
	margin-bottom: 30px;
}
.product-li{
	text-align: center;
	margin-bottom: 15px;
}
.product-tw{
	display: inline-block;padding:15px 30px 15px 0;
}
.product-tw .t{
        overflow:hidden
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.product-tw{
		display: inline-block;padding:15px 0;
	}
}
.product-tw .w{
	height:30px;line-height: 30px;
	font-size: 1.6rem;color: #666;
}
.product-tw .t img{
	transition: transform 1s;
}
.product-tw .t:hover img{
	transform: scale(1.1);
}
.product-swiper{
	height: 630px;overflow: hidden;position: relative;
}
.product-swiper .swiper-slide{
	height: auto;
}
.product-list-ul{
	background: #fff;padding: 5px;
}
.product-list-ul .product-li{
	margin-bottom: 0;
}
.product-show{
	width: 67%;position: relative;overflow: hidden;
	padding: 10px;background: #fff;
}
.product-show .swiper-slide{
	text-align: center;
}
.show-text{
	width: 25%;color: #000;letter-spacing: 2px;padding-top: 50px;
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.product-show{
		width: 100%;padding: 0;
	}
	.show-text{
		width: 100%;text-align: center;padding-top: 30px;text-align: left;
	}
}
.show-text .title{
	padding-bottom: 10px;border-bottom: 1px #000 solid;margin-bottom: 30px;
}
.show-text p,.show-text .article{
	color: #000;font-size: 1.4rem;
}
.show-text .text-box{
	margin-bottom: 20px;
}
.text-box.link{
	width: 140px;height: 30px;text-align: center;line-height: 30px;
	font-size: 1.6rem;background: #e6e6e6;
}
.text-box.link a{
	display: block;height: 100%;
}
/*------------------------------------------------------设计师---------------------------------------------------*/
.designer .return{
	position: absolute;
	bottom: 40px;
}
.designer .main-body{
	background: rgba(0,0,0,.5);display: table;position: relative;
}
.designer .show-text,.designer .show-pic{
	display: table-cell;
}
.designer .show-pic{width: 65%;position: relative;z-index: 5;}
.designer .show-text{
	padding:0 4%;vertical-align: middle;
	width:35%;
}
.designer .show-text .t{
	position: absolute;right:35%;background: #000000;top: 0;bottom: 0;width: 35%;
	transition: right 1s;text-align: center;
}
.people-pr-ul{
	position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;width: 98%;max-width: 600px;
}
.people-pr-ul .li-wrap{
	background: #fff;margin: 4px;
}
.people-pr-ul .in-t{
	padding: 5px;
}
.people-pr-ul .in-w p{
	color: #000!important;
}
.designer .show-text p,.designer .show-text .article{
	color: #fff;
}
.designer .show-text .title{
	border-bottom: 1px #fff solid;
}
.designer .show-text .t,.designer .show-text .w{
	display: inline-block;overflow: hidden;
}
.designer .main-body:hover .t{
	right:0;
}
/*------------------------------------------------------news---------------------------------------------------*/
.news-li{
	margin-bottom: 40px;
}
.news-li .w-title{
	font-size: 1.6rem;line-height: 1.5;padding: 10px 0 8px;font-weight: 600;color: #222;
}
.news-li .w-time{
	font-size: 13px;margin-bottom: 12px;color: #666;
}
.news-li .w-content{
	font-size: 14px;line-height: 1.5;color: #666;
}
.in-news{
	width: 96%;max-width: 580px;margin: 0 auto;
}
.article-wrap .title{
	font-size: 1.6rem;margin:30px 0;color: #222;font-weight: bold;
}
.article-wrap .time{
	font-size: 1.2rem;margin-bottom: 40px;
}
.article-wrap .content img{
	display: block;margin: 0 auto;height: auto!important
}
.article-wrap .pic{
	text-align: center;
}
.article-wrap .content{
	margin-top: 30px;
	letter-spacing: 1px;font-size: 1.6rem;line-height: 1.5;
}
/*aside*/
.aside{
	border-left: 3px #777 solid;margin-right: -3px;
}
.aside-item{
	text-align: center;margin-bottom: 50px;
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.aside-item{
		text-align: center;margin-bottom: 50px;
	}
}
.aside-item .tw{
	display: inline-block;
}
.aside-item .w{
	text-align: center;
	line-height: 2;font-size: 1.6rem;color: #666;
}
/*--------------------------------------新品发布-----------------------------------------------------*/
.in-new{
	width: 96%;max-width: 1000px;margin: 0 auto;
}
.new-li{
	text-align: center;margin: 50px 0 60px;
}
.new-li .w{
	margin-top:10px;letter-spacing: 1px;
}
.new-li .w-title{
	font-size: 1.6rem;line-height: 1.8;
}
.new-li .w-time{
	font-size: 1.2rem;
}
/*--------------------------------------CHIC艺术-----------------------------------------------------*/
.in-value{
	width: 96%;max-width: 870px;margin: 0 auto;
}
.value-ul{
	margin-left: -15px;
}
.value-li{
	margin: 0;text-align: center;margin-bottom: 30px;cursor: pointer;
}
.value-li .tw{
	display: inline-block;
	margin: 0 15px;background: #fff;
}
.value-li .tw .t{
	overflow: hidden;
}
.value-li .tw .t img{
	transition: transform 1s;
}
.value-li:hover .tw .t img{
	transform: scale(1.1);
}
.value-li .tw .w{
	font-size: 1.4rem;line-height: 1.5;letter-spacing: 1px;
}
.value-wrap.tw-cover-wrap{
	position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.7);
	text-align: center;z-index: 99;display: none;overflow: auto
}
.value-wrap.tw-cover-wrap .tw-cover{
	position: relative;max-width: 65%;top:20px;margin: 0 auto;margin-bottom: 60px
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.value-wrap.tw-cover-wrap .tw-cover{
		position: relative;max-width: 85%;top:30px;margin: 0 auto;margin-bottom: 60px
	}
}

.value-wrap.tw-cover-wrap .close{
	position: absolute;top: 10px;right: 10px;z-index: 2;
}
.value-wrap.tw-cover-wrap .w{
	background: #fff;padding: 10px 0 30px;
	text-align: left;
}
.value-wrap.tw-cover-wrap .w-title{
	font-size: 1.8rem;line-height: 1.8;padding:0 15px 0;font-weight: 600;
}
.value-wrap.tw-cover-wrap .w-content{
	font-size: 1.4rem;line-height: 1.4;padding:0 15px 0;
}
/*--------------------------------------CHIC历程-----------------------------------------------------*/
.lc .main-container{
	width: 100%;max-width: 100%;position: relative;
}
.lc .return{
	position: absolute;width: 96%;max-width: 870px;left: 50%;margin-left: -435px;
	z-index: 9;
}
.lc-box{
	position: relative;text-align:center;
}
.lc-box .line{
	position: absolute;width:0px;border: 2px #fff solid;top: 0;bottom: 0;left: 4%;
	background: url(../../images/home/circle.png) center center;z-index: 9;
}
.lc-box .line img{
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100px
}
.lc-box:first-child .line{
	top: 35%;
}
.lc-box:last-child .line{
	bottom: 35%;
}
.lc-box .w{
	position: absolute;width: 40%;right:4%;top: 50%;transform: translateY(-50%);padding: 0;
	color: #fff;text-align:left;
}
.lc-box:nth-child(even) .w{
	left: 8%;right: auto;
}
.lc-box .w-title{
	font-size: 2.8rem;line-height: 2.5;font-weight:600;font-family:"宋体";letter-spacing:2px;
}
.lc-box .w-content{
	font-size:1.2rem;line-height: 1.8;
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.lc-box .w{
		position: static;width: auto;padding:8%;top: 0;transform: translateY(0);
		background: rgba(0,0,0,.5);
	}
}
/*--------------------------------------品牌----------------------------------------------------------*/
.pinpai .content{
	max-width:540px;width: 96%;
}
.pinpai .aside{
	padding-top: 30px;
}
/*--------------------------------------视频----------------------------------------------------------*/
.main-body-new .captos .en{
	border-bottom: 1px #fff solid;
}
.main-body-new .captos .cn,.main-body-new .captos .en{
	color: #fff;
}
.video-box{
	width:96%;margin: 0 auto;
}
.video-box video{
	background: #262525;
}
.main-body-new .bottom{
	padding: 8% 0 2%;
}
/*--------------------------------------photo--------------------------------------------------------*/
 .preview{
 	position: relative;margin-top: 20px;
 }
 .picture{
 	text-align: center;
 }
 .preview .arrow-left,.preview .arrow-right{
 	position: absolute;left: 0;top: 50%;margin-top: -8px;z-index: 5;
 }
 .preview .arrow-right{
 	right: 0;left: auto;
 }
 .preview .swiper-slide{
 	width: auto;cursor: pointer;
 }
 
/*--------------------------------------service--------------------------------------------------------*/
.article-wrap-2{
	max-width: 1000px;
	padding-bottom: 40px;
}
.article-wrap-2 .title{
 	padding: 10px 0;
 	width: 90%;border-bottom: 2px #000 solid;font-size: 24px!important;
 }
 .article-wrap-2 .title a{
 	padding:0 15px;
 }
.article-wrap-2 .title-2{
 	padding:20px 0;
 }
 .article-wrap-2 .article{
 	font-size: 14px!important;
 }
/*--------------------------------------zhaoshang--------------------------------------------------------*/
.zhaoshang .captos{
	width: 96%;max-width: 860px;margin: 0 auto;
}
.zhaoshang .main-body{
	background:rgba(0,0,0,.8)
}
.zhaoshang .main-container{
	width: 96%;max-width: 860px;margin: 0 auto;padding-bottom: 10%;
}
.zhaoshang .return-2{
	padding-top: 40px;
}
.zhaoshang .main-body .title{
	padding: 25px 0;
	font-size: 18px;color: #fff;
}
.zhaoshang .article,.zhaoshang .p{
	padding: 50px 0;font-size: 16px;color: #fff;line-height: 1.5;
	border-bottom: 1px #666 solid;border-top: 1px #666 solid;letter-spacing: 3px;margin-bottom: -1px;
}
.article-wrap .article:nth-last-child{
	border-bottom: none;
}

.contact .article{
	display: table;
}
.article .left{
	width: 70%;display: table-cell;vertical-align: middle;padding:0 6% 0 2%;margin-bottom:1rem;
}
.article .left .title,.article .right .title{
	padding: 5px 0;
}
.article .right{
	display: table-cell;vertical-align: middle;text-align: left;
}
.button-email{
	font-size: 16px;cursor: pointer;margin: 5px;
	color: #000;
}
.button-email a{
	display: inline-block;background: #fff;padding:0 5px;
}
/*--------------------------------------map--------------------------------------------------------*/
.map-wrap{
	background: rgba(0,0,0,.7);
}
.map-wrap .captos .en,.map-wrap .captos .cn{
	color: #fff;
}
.map-wrap .return-2{
	max-width: 1330px;margin: 0 auto;
}
.map{
	vertical-align: top;margin-right: 50px;display: inline-block !important;
}
/*.map-select{
	display: none;
}*/
.map-container{
	padding: 120px 0;
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.map{
		display: none !important;
	}
	.map-select{
		display: block;
	}
	.map-container{
		padding: 30px 0;min-height: 800px;
	}
	.map-show-2{
		display: block!important;min-height: 300px
	}
	.map-show{
		display: none!important;
	}
}
.map-show-wrap{
	min-width: 300px;
}
.map-show{
	height: 600px;position: relative;vertical-align: top;max-width: 400px;width: 80%;;overflow: hidden;display: block
}
.map-show-2{
	display: none;
}
.store-box{
	position: absolute;top: 0;left: 0;right: 0;opacity: 0;z-index:1;
}
.map-show-2 .store-box{
	position: relative;display: none;opacity: 1
}
.map-show-2 .store-box.on{
	display: block
}
.store-box.on{
	z-index: 2;opacity: 1;
}
.store-box h1{
	text-align: left;
}
.store-box h1>.cn{
	color: #fff;font-size: 22px;
}
.store-box h1>.en{
	color: #fff;font-size: 18px;
}
.swiper-map{
	position: relative;margin-top: 40px;position: relative;
	height:550px;overflow: hidden;
}
.store-i{
	padding: 40px 0;color: #fff;border-bottom: 1px #ddd dashed;
}
.store-i .name{
	font-size: 18px;margin-bottom: 10px;
}
.store-i .content{
	font-size: 14px;line-height: 2;
}
.swiper-map .swiper-slide {
    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 50px;
	font-size:13px;font-family:microsoft yahei; line-height:1.8;
}
.swiper-map .swiper-scrollbar{
	opacity: 1!important;
}
/*--------------------------------------email--------------------------------------------------------*/
.alertWrap{
	position: fixed;top: 0;bottom: 0;display: none;right: 0;left: 0;background: rgba(0,0,0,.5);z-index: 99;overflow: auto;
}
.email-wrap{
	position: absolute;width: 650px;overflow: hidden;padding: 60px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;
}
.email-wrap>h1{
	text-align: center;
}
.email-wrap>h1 .cn{
	font-size: 2.5rem;padding: 15px 0 25px;
}
.email-wrap>h1 .en{
	font-size: 1.3rem;
}
.email-wrap>h2{
	position: relative;
	text-align: center;font-size: 1.3rem;color: #000;padding: 30px 0;
	border-bottom: 1px #333 solid;border-top: 1px #333 solid;
}
.email-wrap>h2 .fang{
	position: absolute;top: -4px;left: 50%;margin-right: -4px;height: 8px;width: 8px;line-height: 2px;
}
.mail-main{
	width: 700px;padding-top: 2rem;
}
.mail-i{
	float: left;margin-right: 20px;
}
.mail-i>p{
	line-height: 2;color: #222;font-size: 1.3rem;padding: 0.8rem 0;
}
.mail-i input,.mail-i select,.mail-i textarea{
	height: 35px;background: #f2f2f2;border: none;
	width: 100%;float: left;text-indent: 3px;
}
.mail-i textarea{
	height: 140px;
}
.mail-i.phone select{
	width: 150px;margin-right: 20px;
}
.mail-i.phone input{
	width: 480px;
}
.form-submit{
	padding: 40px 0;
}
.form-submit input{
	width: 150px;height: 40px;background: #bdbdbd;color: #fff;border: none;line-height: 40px;
	font-size: 15px;
}

.b-banner .swiper-button-prev{
	background-image: url(../../images/home/banner-pre.png)!important;
}
.b-banner .swiper-button-next{
	background-image: url(../../images/home/banner-next.png)!important;
}
.s-banner .swiper-button-prev{
	background-image: url(../../images/home/banner-pre.png)!important;width: 50px;height: 50px;background-size: 100% 100%;opacity: 0;transition: opacity 0.5s;
}
.s-banner .swiper-button-next{
	background-image: url(../../images/home/banner-next.png)!important;width: 50px;height: 50px;background-size: 100% 100%;opacity: 0;transition: opacity 0.5s;
}
.s-banner:hover .swiper-button-next,.s-banner:hover .swiper-button-prev{
	opacity: 1;
}
.xzdiv{width:100%; padding:20px 0px; text-align:center; color:#333; font-size:14px; line-height:2.0; background-color:#ffff;}
.xzdiv p{ font-size:14px !important;color:#333;}
.xzdiv a,.xzdiv a:hover{ color:#333;}

.swiper-container-fade .swiper-slide img{width: 100%;}