@charset "utf-8";
div,ul,li,ol,li,dl,dd,dt,span,p,h1,h2,h3,h4,h5,h6,a,i,nav,section,input,button,img,option,select{
	padding: 0;
	margin: 0;
}
ul li,ol li,dl dd dt{
	list-style: none;
}
body{
	font-family: "微软雅黑";
	font-size: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.scroll{
	overflow-y: hidden;
	overflow-x: auto;
}
/*@font-face {
	font-family:"萍方-简";
	src: url("../fonts/PingFangRegular.eot");
	src: url("../fonts/PingFangRegular.ttf") format('truetype'),
	     url("../fonts/PingFangRegular.otf") format('truetype'),
	     url("../fonts/PingFangRegular.eot?#iefix") format('embedded-opentype'),
	     url("../fonts/PingFangRegular.woff")  format('woff2'),
	     url("../fonts/PingFangRegular.woff2") format('woff'),
	     url("../fonts/PingFangRegular.woff2") format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
	font-family:"AlternateGothicEF-NoTwo";
	src:url("../fonts/AlternateGothicEF-NoTwo.eot");
	src: url("../fonts/AlternateGothicEF-NoTwo.ttf") format('truetype'),
	     url("../fonts/AlternateGothicEF-NoTwo.otf") format('truetype'),
	     url("../fonts/AlternateGothicEF-NoTwo.eot?#iefix") format('embedded-opentype'),
	     url("../fonts/AlternateGothicEF-NoTwo.woff")  format('woff2'),
	     url("../fonts/AlternateGothicEF-NoTwo.woff2") format('woff'),
	     url("../fonts/AlternateGothicEF-NoTwo.woff2") format('svg');
	font-weight: normal;
	font-style: normal;
}
a{
	text-decoration:none;
	color: #333;
}
a:hover{
	text-decoration:none;
}
input,button{
	border: 0;
	background: none;
	outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{-moz-appearance:textfield;}
img{
	border: 0;
	vertical-align: middle;
}

.warp{
	width: 100%;
}
.clear{
	display: block;
	width: 0;height: 0;
	clear: both;
}
.rt{
	float: right;
}
.lt{
	float: left;
}
.clear{
	width: 0;
	height: 0;
	display: block;
	content: "";
	clear: both;
}
.txt-en{
	font-family:"AlternateGothicEF-NoTwo";
	letter-spacing: 2px;
}
/*header start*/
.head_warp{
	width: 100%;
	height: 70px;
	/*box-shadow: 3px 3px 6px #666;*/
	z-index: 100;
	background: #040000;
	position: relative;
}
.header{
	height: 100%;
	padding-left: 7%;
	z-index: 1001;
}
.logo img{
	max-width:116px;
	width: 100%;
}
.logo{
	padding-top: 15px;
}
.nav{
	padding-left: 0%;
}
.nav ul li{
	float: left;
	height: 70px;
	position: relative;
	width:14.2%;
}
.nav ul li b.nav-line{
	display: block;
	width: 0%;
	height: 4px;
	border: 1px solid transparent;
	background: transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	-ms-transition: 0.3s all ease-in;
}
.nav ul li:hover b.nav-line{
	padding: 0 50%;
	border: 1px solid #ccc;
	background: #fff;
	left: 0;
}
.nav ul li.active b.nav-line{
	padding: 0 50%;
	border: 1px solid #ccc;
	background: #fff;
	left: 0;
}
.nav ul li a{
	color: #fff;
	display: block;
	text-align: center;
	padding: 17px 5px;
	height: 70px;
}
/*.nav ul li a:hover{
	background: #fff;
	box-shadow: 0 0 4px #999;
	color: #666;
}*/
.nav ul li a span{
	display: block;
}
.nav ul li a span:last-child{
	
}
.nav ul li a span.nav-en{
	font-size: 16px;
	font-family:"AlternateGothicEF-NoTwo";
    letter-spacing: 1px;	
}
.Rtbar{
	padding-top: 16px;
	position: relative;
}
.Rtbar .btn-search{
	background: url("../images/search.png") center right  no-repeat;
	width: 20px;
	height: 32px;
	display:block;
	float: left;
	position: absolute;
	left:160px;
	top: 16px;
}
.Rtbar #search{
	width: 170px;
	height: 32px;
	border-bottom:1px solid #82817f;
	color: #999;
	float: left;
	letter-spacing: 2px;
	text-transform: uppercase;
	outline: none;
	text-indent: 4px;
}

.cart{
	padding-top: 8px;
	margin-left: 15px;
}
.nav-box{
	position: relative;
	
}
.nav-box .subnav{
	position: absolute;
	left: 0;
	top: 70px;
	background: #fff;
	z-index: 1000;
	width: 100%;
	display: block;
}
.nav-box .subnav dl dt{
	text-align: right;
	float: left;
	
}
.nav-box .subnav dl:after{
	content: "";
	display: table;
	width: 0;
	height: 0;
	clear: both;
}
.nav-box .subnav dl dt img{
	max-width: 350px;
	width: 100%;
}
.nav-box .subnav dl{
	display: none;
	padding: 30px 0;
	transform: scale(0);
	transition: 3s ease-in;
	-webkit-transition: 3s ease-in;
	-moz-transition: 3s ease-in;
	-o-transition: 3s ease-in;
	-ms-transition: 3s all ease-in;
}
.nav-box .subnav dl dd{
	float: left;	
}
.nav-box .subnav dl.item1{
	
}
.nav-box .subnav dl.active{
	transform: scale(1);
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 3s ease-in;
	-webkit-transition: 3s ease-in;
	-moz-transition: 3s ease-in;
	-o-transition: 3s ease-in;
	-ms-transition: 3s all ease-in;
	
}
.nav-box .subnav dl.item2 dt{
	width: 25%;
}
.nav-box .subnav dl.item2 dd{
	width: 17.7%;
}
.nav-box .subnav dl.item3 dt{
	width:33.3%
}
.nav-box .subnav dl.item3 dd{
	width: 17.7%;
}
.nav-box .subnav dl.item4 dt{
	width: 48%;
}
.nav-box .subnav dl.item5 dt{
	width:50%;
}
.nav-box .subnav dl.item5 dd{
	width: 17.7%;
}
.nav-box .subnav dl.item6 dt{
	width:50%;
}
.nav-box .subnav dl.item6 dd{
	width: 17.7%;
}
.nav-box .subnav dd {
	text-align: right;
}
.nav-box .subnav dd strong{
	display: block;
	padding-bottom: 10px;
}
.nav-box .subnav dd strong span:last-child{
	
}
.nav-box .subnav dd strong span{
	padding-left:30px;
}
.nav-box .subnav dd a{
	display: block;
	width: 100%;
	line-height: 30px;
	color:#999;
}
.nav-box .subnav dd span a{
	display: inline;
	color: #333;
}
/*mobile*/
.header .m-nav{
	display: none;
}
.header .m-nav .m-bar{
	width: 40px;
	padding-top: 14px;
	font-size: 0;
	cursor: pointer;
	top: 0;
	position: absolute;
	right: 15px;
}
.header .m-nav .m-bar span{
		width: 100%;
		height: 4px;
		background: #eee;
		display: inline-block;
		border-radius: 4px;
		box-shadow: 0 0 6px #ccc;
		    margin-top: 8px;
}
.header .m-nav .m-navlist{
	position: absolute;
    right: 0;
    width: 100%;
    top: 70px;
    background: #333;
    padding: 10px 0;
    display: none;
}
.header .m-nav .m-navlist ul li{
	text-align: center;
	position: relative;
}
.header .m-nav .m-navlist ul li .arrow-bot{
	position: absolute;
	top: 0px;
	right: 0px;
	content: "﹀";
	color: #fff;
	display: block;
	float: right;
	padding:10px 15px;
	font-size: 16px;
	font-weight: bold;
}
.header .m-nav .m-navlist ul li .m-sub2nav{
	display:none;
	border-bottom: 1px solid #666;
	padding-bottom: 6px;
}
.header .m-nav .m-navlist ul li .m-sub2nav.on{
	display: block;
}
.header .m-nav .m-navlist ul li .m-sub2nav ul li a{
	line-height: 24px;
	font-size: 12px;
	color: #ddd;
}
.header .m-nav .m-navlist ul li a {
	color: #fff;
	line-height: 40px;
}
.header .m-nav .m-navlist ul li a span{
	padding: 0 5px;
}
.header .m-nav .m-navlist ul li a span:last-child:before{
	content: "/";
	padding-right: 10px;
}
/*end header*/


/*banner start*/
.banner_warp{
	width: 100%;
	
	position: relative;
	height: auto;
}
.banner_warp img{
	height: auto;
	width: 100%;
	/*//min-height: 165px;*/
}
.banner_warp .arrow-left{
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  cursor: pointer;
  z-index: 99;
}
.banner_warp .arrow-right{
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  cursor: pointer;
   z-index: 99;
}
.swiper-container{
	width: 100%;
	text-align: center;
	height: auto;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
   z-index: 98;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #eee;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
 
  border: 2px solid #fff;
}
.swiper-active-switch {
  background: #999;
}
/*广告图*/
.container-warp.index_content{
	margin-top: 30px;	
}
.container .adv-1:first-child{
	margin-top: 0;
}
.adv-1 img{
	width: 100%;
	height: auto;
}
.adv-1 div:first-child{
	padding-left: 0;
}
.adv-1 div:last-child{
	padding-right: 0;
}
/*明星产品*/
.star-product{
	margin-top: 80px;
}
.star-product.first-product{
	margin-top: 30px;
}
.star-product{
	padding-top: 30px;
}
.star-product h2{
	text-align: center;
}
.star-nav{
	padding-top: 20px;
	text-align: center;
}
.star-product h2{
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
}
.star-product h2.txt-en{
	font-size: 28px;
}
.star-nav li{
	width: 170px;
	height: 64px;
	border: 1px solid #040000;	
	color: #333;
	display: inline-block;
	*display: inline-block;
	_display: inline-block;
	zoom:1;
	margin-left: 10px;
}
.star-nav li a {
	display: block;
	padding-top: 3px;
	height: 100%;
}
.star-nav li a span{
	display: block;

	text-transform: uppercase;
}
.star-nav li a span.txt-en{
	font-size: 22px;
}
.star-nav li.on a{
	background: #040000;
	color: #fff;
	
}
.star-nav li a:hover{
	background: #040000;
	color: #fff;
}
.starlist {
	padding-top: 20px;
}
.starlist li>a{
	display: block;
	border: 1px solid #ccc;
}
.starlist li img{
	width: 100%;
	
}
.starlist li:after{
	content: "";
	display: table;
	width: 0;
	height: 0;
	clear: both;
}
.starlist:after{
	content: "";
	display: table;
	width: 0;
	height: 0;
	clear: both;
}
.starlist .list-title{
	padding-top: 20px;
}
.starlist li a p.txt-en{
	text-align: center;
	font-size: 22px;
	font-weight: 500;
}
.starlist li a span.txt-en{
	text-align: center;
	font-size: 18px;
	display: block;
	font-weight: 500;
}
.starlist li a div.pro-img{
	width: 100%;
	margin-top: 30px;
}
.starlist li .product-title{
	border: 1px solid #ccc;
	border-top: 0;
	padding-left: 6px;
}
.starlist li .product-title>a{
	font-size: 16px;
	font-weight: bold;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.starlist li .product-title>a i{
	font-size: 14px;
	font-style: normal;
}
.starlist li .product-title p{
	font-weight: 600;
	line-height: 30px;
}
.starlist li  .product-title .price-box .price{
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 42px;
}
.starlist li  .product-title .price-box .addcart{
	display: block;
	float: right;
	background: #040000;
	color: #fff;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding: 10px 10px;
	font-family: "AlternateGothicEF-NoTwo";
}
.starlist li {
	padding: 0 8px;
}
.adv-1{
	margin-top: 20px;
}
.index_content .star-product.first-product ul.starlist{
	display: none;
}
.index_content .star-product ul.starlist.on{
	display: block;
}
/*明星产品end*/

/*video*/
.video-box {
	margin-top: 80px;
}
.video-box .v-txt{
	text-align: center;
	padding-bottom: 30px;
}
.video-box .v-txt h3{
	line-height: 40px;
	
}
.video-box .video-list{
	position: relative;
}
.video-box .video-list a{
	display: block;	
}

.video-box .video-list span,.video-box .video-list p{
	display: block;
	position: absolute;
	text-align: center;
	color: #fff;
	width: 100%;
	z-index: 999;
}
.video-box .video-list span{
	bottom: 40px;
	font-size: 18px;
	
}
.video-box .video-list p{
	bottom: 20px;
}
.video-box .video-list a.v-left{
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("../images/arrow.png") no-repeat center left;
	top: 50%;
    margin-top: -12px;
    left: 0px;
    z-index: 1999;
}
.video-box .video-list a.v-left.disabled,.video-box .video-list a.v-right.disabled{
	/*pointer-events: none;*/
	cursor:not-allowed;
}
.video-box .video-list a.v-right{
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("../images/arrow.png") no-repeat center right;
	top: 50%;
    margin-top: -12px;
    right: 0px;
     z-index: 1999;
     
}
.video-box .video-list{	
	overflow: hidden;
	max-height: 248px;
	height: auto;
	margin-top: 8px;
}
.video-box .video-list div.container{
	max-height: 248px;
	height: auto;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.video-box .video-list  ul{
	max-height: 248px;
	height: auto;
	
	width: 100%;
	position: relative;
}
.video-box .video-list ul li{
	position: relative;
	padding: 0;
	cursor: pointer;
	height: auto;
	overflow: hidden;
	float: left;
}
.video-box .video-list ul li .mask{
	background: rgba(0,0,0,0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}
.video-box .video-list ul li .mask.active{
	background: rgba(0,0,0,0.2);
}
.video-box .video-list ul li a img{
	width: 100%;	
}
.video-box .video-list ul:after{
	content: "";
	display: table;
	width: 0;
	height: 0;
	clear: both;
}
.index_content .video-con{
	position: relative;
	font-size: 0;
	height: 600px;
}
.index_content .video-con #iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}
.index_content .video-con .vmask{
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.index_content .video-con .vmask .lt-mask{
	position: absolute;
	top: 0;
	left: 0%;
	width: 0%;
	padding-right: 50%;
	height: 100%;
	background: url('../images/lt-mask.jpg') no-repeat center left;
	background-size: 100% 100%;
}
.index_content .video-con .vmask .rt-mask{
	position: absolute;
	top: 0;
	right: 0%;
	width: 0%;
	height: 100%;
	padding-left: 50%;
	background: url('../images/rt-mask.jpg') no-repeat center right;
	background-size: 100% 100%;
}
.index_content .video-con .vmask img{
	position: absolute;
	right: 20px;
	top: 45%;
	cursor: pointer;
}
.index_content .video-con .v-bg{
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.index_content .video-con .v-bg img{
	width: 100%;
	height: 100%;
}
/*video end*/

/*在线彩妆*/
.online-cz{
	padding-top: 80px;
}
.cz-txt h2{
	text-align: center;
	
	line-height: 40px;
	font-weight: bold;
}
.cz-txt p{
	text-align: center;
	line-height: 26px;
}
.cz-txt p b{
	color: #e70012;
}
.cz-img{
	text-align: center;
}
.cz-img img{
	max-width: 380px;
	width: 33%;
}
/*在线彩妆end*/

/*footer*/
.footer .top-link{
	height: 50px;
	line-height: 50px;
	background: #040000;
	padding-left: 2%;
	color: #ddd;
}
.footer .top-link a{
	
	color: #fff;
	padding-right: 1%;
}
.footer .top-link a.gotop{
	padding-left: 1%;
}
.footer ul:after {
	content: "";
	display: table;
	width: 0;
	height: 0;
	clear: both;
	
}
.footer .foot-nav{
	background: #282828;
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer ul li {
	padding-left: 5%;
}
.footer ul li:last-child{
	padding-left: 0%;
}
.footer ul li:last-child p{
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
}
.footer ul li:last-child p span{
	padding: 0 10px;
}
.footer ul li:last-child .qr{
	color: #fff;
	width: 40%;
	margin: 0 5%;
}
.footer ul li:last-child .qr span{
	padding: 0 6px;
	display: block;
	text-align: center;
	width: 100%;
}
.footer ul li:last-child .qr .qrimg{
	text-align: center;
}
.footer ul li:last-child .qr img{
	max-width: 120px;
	margin-top: 20px;
}
.footer ul li a{
	display: block;
	text-align: left;
	color: #fff;
	line-height: 30px;
}
.footer ul li a span{
	padding: 0 6px;
}
.footer .footbg p{
	padding-left: 2%;
	background: #040000;
	height: 38px;
	line-height: 38px;
	color: #fff;
}
.footer .footbg p img{
	margin: 0 10px;
}

/*footer end*/


/*stores页面*/
.stores{
	width: 100%;
	background: url("../images/storesbg.jpg") no-repeat center center;
	max-height: 980px;
	margin-top: 0px;
	position: relative;
	/*background-size: 100% auto;*/
}
.stores h2{
	text-align: center;
	position: absolute;
	width: 100%;
	top: -300px;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
}
.stores_search{
	margin: auto;
	position: absolute;
	left: 50%;
	margin-left: -240px;
	top: 800px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.stores_search .search-bar{
	width: 160px;
	height: 50px;
	color: #fff;
	background: #040000;
	float: left;
	margin-left: 20px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	font-weight: 700;
	box-shadow: 0 0 6px #666;
	cursor: pointer;
}
.stores_search .input-box{
	width: 300px;
	height: 50px;
	line-height: 50px;
	color: #999;
	margin-left: 20px;
	float: left;
	background: #fff;
	box-shadow: 0 0 6px #999;
	border: 1px solid #999;
}
#stores_search{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #999;	
	text-indent: 2em;
}
.map{
	padding: 0 0 40px;
}
.search_map{
	padding-top: 3%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}
.search_map h2{
	margin: auto;
	width: 90%;
}
.search_map .input-box{
	width: 90%;
	line-height: 50px;
	margin: 20px auto 30px;
}
.input-box input[type=text]{
	line-height: 50px;
	height:50px;
	width: 100%;
	text-indent: 1em;
	border: 1px solid #ccc;
}
.address {
	padding-top: 30px;
	width: 100%;
	position: relative;
	padding-bottom: 30px;
	height: 660px;
	overflow: hidden;
}
.address>span{
	display: block;
	width: 100%;
	height: 30px;
	background: #040000;
	position: absolute;
	left:0px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	z-index: 999;
}
.address span.arrow_top{
	top: 0px;
}
.address span.arrow_bot{
	bottom: 0;
	top: auto;
}
.address ul li{
	padding: 20px;
	height: 200px;
}
.address ul {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 9999px;
	z-index: 9;
	top: 0;
	margin-top: 30px;
}
.address ul li:nth-child(even){
	background: #dbdbdb;
}
.address ul li .stores_name h3{
	width: 100%;
}
.address ul li .stores_name h3 b{
	padding-right: 20px;
}
.address ul li .stores_name p span,.address ul li .stores_name p a{
	display: inline-block;
	border-bottom: 1px solid #ccc;
}
.address ul li .stores_name h3 b,.address ul li .stores_name h3 span,.address ul li .stores_name h3 strong{
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	
}
.address .address_info {
	padding-left: 40px;
	padding-top: 10px;
	line-height: 26px;
}
.address .bot-info{
	line-height: 30px;
	padding-top: 0px;
	padding-left: 40px;
}
/*services*/
.services{
	width: 100%;
   /* background: url(../images/service.jpg) no-repeat center center;*/
    height: auto;
    margin-top: 0px;
    position: relative;
    background-size: cover;
}
.services img{
	width: 100%;
	height: auto;
}
.services h2{
	position: absolute;
	width: 100%;
	text-align: center;   
    top: -300px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 50px;
}
.services p{
	width: 100%;
	position: absolute;
	text-align: center;
	/*margin: auto*/;
    position: absolute;
    left: 0%;   
    top: 800px;
    opacity: 0;
    filter: alpha(opacity=0);
    letter-spacing: 20px;
    color: #fff;
    font-size: 30px;
   margin-top: 20px;
}
.services-content{
	padding: 80px 0 40px 0;
}
.services-content h2{
	font-size: 26px;
}
.service-item h2{
	padding: 30px 0 10px 0;
	font-size: 22px;
}
.service-item ul li{
	padding-bottom: 20px;
}
.service-item ul li p{
	line-height: 30px;
	font-size: 16px;
	color: #000;
	width: 75%;
}
.service-item:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.services>div h2{
	
}
.service-stores{
	text-align: center;
	padding: 100px 0;
}
.service-stores a{
	padding: 12px 60px;
	font-size: 26px;
	background: #000000;
	color: #fff;
	display: inline-block;
	text-decoration: underline;
	transition: 0.6s ease-in;
	-webkit-transition: 0.6s ease-in;
	-moz-transition: 0.6s ease-in;
	-o-transition: 0.6s ease-in;
	-ms-transition: 0.6s all ease-in;
}
.service-stores a:hover{
	color: #aaa;
}
/*services end*/

/*品牌故事*/
.story-banner img{
	width: 100%;
	height: auto;
}
.story-content{
	padding: 80px 0;
	
}
.story-content:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.story-content h2{
	font-size: 26px;
	padding-bottom: 20px;
}
.story-content p{
	line-height: 30px;
}
.story-content .ltbar p{
	padding-top: 40px;
	padding-left: 30%;
	text-align: justify;
}
.story-content .title{
	padding-left: 5%;
}
.story-content .title strong{
	font-size: 22px;
	font-weight: normal;
	
}
.story-content .title h2{
	padding-top: 10px;
}
.story-content .title p{
	padding-bottom: 40px;
}
 .line{
	float: none;
	margin: auto;
	
	padding-bottom: 40px;
	border-top: 1px solid #ccc;
}
.st-img{
	text-align: center;
	padding-bottom: 80px;
}
.st-img img{
	max-width:350px ;
}
/*品牌故事end*/

/*品牌故事团队team*/
.team{
	width: 100%;
	
	position: relative;
}
.team img{
	width: 100%;
	height: auto;
}
.team h2{
	text-align: center;
    position: absolute;
    width: 100%;
    top: -300px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 40px;
}
.team h3{
	padding-bottom: 40px;
	 font-size: 36px;
}
.team h4{
	padding-bottom: 10px;
	font-size: 22px;
}
.team .txt-cn{
	margin: auto;
    position: absolute;
    text-align: center;   
    top: 800px;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    line-height: 30px;
}
.team .txt-cn p{
	color: #eee;
}
.team .txt-cn p:last-child{
	font-size: 20px;
}
.teamlist{
	padding-top: 20px;
	background: #595656;
	/*margin-top: 20px;*/
}
.teamlist ul li{
	padding: 0;
	float: left;
	position: relative;
	height: auto;
	overflow: hidden;
}
.teamlist ul li .mask{
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 100%;
	z-index: 99;
	transition: 0.6s ease-in;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	-ms-transition: 0.3s all ease-in;

}
.teamlist ul li:hover .mask{
	bottom: 0;
}
.teamlist ul li .mask {
	color: #fff;
	text-align: center;
	background: #231916;
	padding: 10px 0;
}
.teamlist ul li .mask span{
	font-size: 14px;
	display: block;
	width: 100%;
	text-align: center;
}
.teamlist ul li .mask h2{
	
}
.teamlist ul li .mask span b{
	font-weight: normal;
	display: block;
	font-size: 14px;
}
.teamlist ul li .mask span i{
	font-style: normal;
	display: block;
	font-size: 12px;
}
.teamlist ul li .mask p{
	padding-top: 20px;
}
.teamlist ul li .mask p a{
	color: #fff;
	font-size: 12px;
	text-decoration:underline ;
}
.teamlist ul li a{
	display: block;
	height: 100%;
}
.teamlist ul li a img{
	width: 100%;
	height:100%
}
.teamlist ul{
	background: #595656;
}
.teamlist ul:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
/*brand 故事*/
.brand{
	padding-top: 30px;
	text-align: center;
	padding-bottom: 40px;
}
.brand h3{
	margin: 20px auto;
}
.brand  ul li{
	margin-bottom: 5em;
}
.brand  ul li img{
	max-width: 100%;
}
.brand  ul li p{
	margin: 10px auto;
	color: #666;
}
/*brand 故事 end*/
/*护肤start*/
.skincare{
	padding: 50px 0 100px;
}
.skincare h2{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	opacity: 1;
}
 .skincare .product h2{
 	opacity: 1;
 }
.skincare>p{
	text-align: center;
	font-size: 16px;
	padding: 20px 10px 20px;
}
.skincare .star-nav li a span:last-child{
	color: #999;
	font-weight: normal;
}
.skincare .star-nav li.on a span:last-child{
	color: #eee;
}
.skincare ul.star-nav{
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.skincare .skin-pic ul{
	padding-top: 40px;
}
.skincare .skin-pic  ul li{
	
	padding: 0px 10px;
	margin: 40px 0;
	text-align: center;
	line-height: 30px;
}
.skincare .skin-pic  ul li:hover a{
	color: #333;
}
.skincare .star-product-container{
	position: relative;
}
.skin-pic ul li img{
	max-width: 100%;
}
.skincare .star-product-container .items{
	position: absolute;
	left: 190px;
	top: 20px;
	z-index: 99;
}
.skincare .star-product-container .items ul{
	display: none;
}
.m-sub3list{
	text-align: center;
	margin-top: 20px;
	display: none;
}
.m-sub3list a{
	padding: 5px 12px;
	border: 1px solid #ddd;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.m-sub3list a.on{
	background: #333;
	color: #fff;
}
.skincare .star-product-container .items>a{
	height: 32px;
	line-height: 32px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	width: 178px;
	text-align: center;
	position: relative;
	padding-right: 17px;
	background: #3f3b3a ;
}
.skincare .star-product-container .items>a b{
	position: absolute;
	right: 2px;
	top: 6px;
	display: inline-block;
	width: 17px;
	height: 17px;
	background:  url("../images/topbot.png") no-repeat 0px -40px;
	margin-left: 10px;
}
.skincare .star-product-container .items ul.on{
	display: block;
	background:#3f3b3a ;
}
.skincare .star-product-container .items>a i{
	font-style: normal;
}
.skincare .star-product-container .items>a.on{
	background: #3f3b3a;
	
	color: #fff;
}
.skincare .star-product-container .items ul li.on{
	background: #fff;
	border-left: 1px solid #ddd;
}
.skincare .star-product-container .items ul li.on a{
	color: #333;
}
.skincare .star-product-container .items ul li a{
	color: #fff;
}
.skincare .star-product-container .items ul li{
	width: 178px;
	text-align: center;
	line-height: 32px;
	
	background: #3f3b3a;
	border-bottom: 1px solid #666;
	
}
/*.skincare .star-product-container .items span:after{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #fff;
	border-bottom: 10px;
	border-left: 10px;
	border-right: 10px;
}*/
.skincare .skin-pic  ul li div.text-top h2,
.skincare .skin-pic  ul li div.text-top h3,
.skincare .skin-pic ul li div.text-bot p,
.skincare .skin-pic ul li div strong{
	display: block;
	transition: 0.6s ease-in;
	-webkit-transition: 0.6s ease-in;
	-moz-transition: 0.6s ease-in;
	-o-transition: 0.6s ease-in;
	-ms-transition: 0.6s all ease-in;
	opacity: 0;
	filter: alpha(opacity=0);
	
}
.skincare .skin-pic  ul li div{
	background: #f6f5f5;
}
.skincare .skin-pic  ul li:hover div.text-top h2{
	opacity: 1;
	filter: alpha(opacity=100);
}
.skincare .skin-pic  ul li:hover div.text-top h3{
	opacity: 1;
	filter: alpha(opacity=100);
}
.skincare .skin-pic  ul li:hover div.text-bot p{
	opacity: 1;
	filter: alpha(opacity=100);
}
.skincare .skin-pic  ul li:hover div.text-bot strong{
	opacity: 1;
	filter: alpha(opacity=100);
}
.skincare .skin-pic  ul li div h3{
	font-size: 18px;
	text-transform: uppercase;
	opacity: 0;
}
.skincare .skin-pic  ul li div strong{
	font-size: 18px;
	line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    display: block;
    opacity: 0;
}
.skincare .skin-pic  ul li div{
	padding: 20px 0;
}
.skincare .skin-pic  ul li div.text-bot p{
	color: #666;
	opacity: 0;
}

.skincare .skin-pic  ul.list li{
	
	margin:0%;
}
.skincare .skin-pic ul.list li img{
	max-height: 450px;
}
/*护肤end*/

/*彩妆*/
.thubs h2{
	margin-top: 40px;
	margin-bottom: 60px;
}
.thubs .img-zoom{
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.thubs .img-zoom img{
	width: 100%;
	height: auto;
	max-height:100%;
	/*max-width: 400px;*/
}
.thubs .items{
	margin-top: 0px;
	
}
.thubs .items ul li{
	/*width: 22%;*/ 
	float: left;
	margin-right:10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.thubs .items ul li:last-child{
	margin-right: 0;
}
.thubs .items ul:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
	
}
.thubs .items ul li{
	text-align: center;
}
.thubs .items ul li a{
	display: block;
	line-height: 100%;
	height: 100%;
}
.thubs .items ul li a img{
	width: 100%;
	line-height: 100%;
}
.pro-info ul li{
	display: inline-block;
	width: 46%;
	margin-right: 3%;
	vertical-align: top;
}
.pro-info .item1:after{
	content: "";
	width: 0;
	height: 0;
	clear: both;
	display: block;
}
.pro-info ul li:last-child{
	margin-right: 0;
}
.pro-info h3{
	padding: 5px 0;
}
.pro-info .price{
	font-weight: 700;
	font-size: 22px;
	padding: 10px 0;
}
.pro-info ul:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.pro-info ul li{
	margin-bottom: 20px;
	line-height: 30px;
}
.pro-info ul li strong{
	display: inline-block;
	background:#595857;
	padding: 0px 6px;
	color: #fff;
}
.pro-info ul li p:before{
	content: "●";
	color: #ccc;
	padding-right: 10px;
}
.pro-info  .item1{
	padding: 5px 0;
	
}
.pro-info  .item1 b{
	/*width: 100px;*/
	text-align: left;
	display: block;
	float: left;
}
.pro-info  .item1 span{
	color:#829fc8;
	padding-left: 10px;
	float: left;
	display: block;
	margin-left: 10px;
}
.pro-info .select-color{
	font-size: 18px;
	font-weight: 700;
	padding-top: 20px;
}
.pro-info .select-color b{
	padding-right: 6px;
}
.pro-info .select-color select{
	font-size: 14px;
	font-weight: normal;
	padding: 5px 40px;
	margin-top: 16px;
	outline: none;
}
.pro-info .select-color .colors{
	padding-top: 20px;
	font-size: 0;
}
.pro-info .select-color .colors span{
	width: 20px;
	height: 20px;
	background: #666;
	display: inline-block;
	cursor: pointer;
	margin-right: 6px;
	
}
.gocart{
	margin-top: 30px;
}
.gocart span{
	background: #040000;
	padding: 15px 40px;
	display: inline-block;
	color: #fff;
}
.thubs{
	padding-bottom: 100px;
	
}
.thubs .items{
	position: relative;
	overflow: hidden;
    width: 100%;
}
.thubs .items ul{
    width: 99999px;
	overflow: hidden;
	height: auto;
	position:absolute;
	left: 0;
	top: 20px;
	z-index: 10;
}
.thubs .items>a.disabled{
	pointer-events: ;
}
.thubs .items>a{
	display: block;
	position: absolute;
	width: 24px;
	height: 40px;
	background-color:rgba(0,0,0,0.5);
	top: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	z-index: 11;
font-weight: 700;
}
.thubs .items>a.items-prev{
	left: 0;		
}

.thubs .items>a.items-next{
	right: 0;
}
.thubs .pro-info ul.items li p{
	font-size: 14px;
}
/*video start*/
.video{
	padding-bottom: 40px;
}
.video-banner{
	padding: 0px 0 100px;
}
.video-banner img{
	width: 100%;
	height: auto;
}
.video h2.txt-en{
	margin-top: 30px;
	font-size: 22px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0;
}
.video h2{
	font-size: 16px;
	text-align: center;
    padding: 5px 0;
}
.video>p{
	text-align: center;
    font-size: 16px;
    padding: 20px 0 20px;
}
.videolist{
	padding-bottom: 100px;
}.videolist ul{
	display: none;
}
.videolist ul.on{
	display: block;
}
.videolist ul li{
	margin-bottom: 15px
}
.videolist .video-text{
	width: 100%;
	background: #040000;
	color: #fff;
	padding: 15px;
}
.videolist .video-text p a{
	color: #fff;
	font-size: 22px;
	float: right;
	display: inline-block;
}
.videolist .video-text p span{
	font-size: 14px;
}
.videolist .video-item{
	font-size: 0;
}
.videolist .video-text>div{
	font-size: 24px;
	padding: 5px 0;
}
.videolist .video-text>h3{
	padding:5px 0 15px ;
	font-size: 20px;	
}
.videolist .video-text>h4{
	font-size: 14px;
}
.videolist .video-item{
	position: relative;
}
 .video-item .vmask{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
 .video-item .vmask img{
 	width: 100%;
 	height: 100%;
 }
 .video-item span.icon-play{
	position: absolute;
	display: block;
	right: 20px;
	bottom: 20px;
	z-index: 3;
	cursor: pointer;
}
 .video-item span.icon-play img{
	width: 20px;
	height: auto;
}
.video-item #iframe{
	z-index: 1;
	position: absolute;
    left: 0;
    top: 0;
}
.videolist .video-item img{
	width: 100%;
	height: 100%;
}
/*video end*/

/*v-details*/
.container-warp>.line{
	padding: 20px  0 20px;

	border-top: 0px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin-top: 0px;

	/*border-top: 1px solid #ddd;*/
	border-bottom: 2px solid #ddd;
	/*margin-top: 280px;*/
	margin-top: 0px

}
.container-warp>.line h2{
	padding-left: 15px;
}
.v-detail{
	padding: 0px 0 100px;
}
.v-detail .v-info h2{
	padding-top: 10px;
}
.v-detail .v-info {
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.v-detail .v-info h3 span{
	font-size: 14px;
}
.v-detail .v-info h3{
	font-size: 18px;
	padding: 10px 0;
}
.v-detail .v-info p.txt-en{
	font-size: 14px;
	line-height: 26px;
}
.v-detail .v-text{
	border-right: 1px solid #ddd;
	
}
.v-detail .v-info p{
	font-size: 12px;
	line-height: 20px;
}
.v-detail .v-botinfo h2{
	
	padding: 15px 0 0px;
}
.v-detail .v-botinfo{
	height: 338px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	position: relative;
}
.v-detail .v-botinfo div img{
	width: 46%;
	height: auto;
	margin: 5px 0;
	max-width: 150px;
}
.v-detail .v-botinfo ul{
	width:auto;
	overflow: hidden;
	height: 338px;
	position: absolute;
	left: 0;
}
.v-detail .v-botinfo ul li{
	float: left;
}
.v-detail .v-botinfo ul li span{
	font-size: 12px;
	color: #666;
}
.video-slide>p{
	font-size: 14px;
	font-weight: 700;
}
.video-slide h2.txt-en{
	
}
.v-detail .v-pagination a{
	display: block;
	width: 86px;
	height: 16px;	
}
.v-detail .v-pagination a.v-left{
	float: left;
	background: url("../images/vinfo-arrow.png") no-repeat center left;
}
.v-detail .v-pagination a.v-right{
	float: right;
	background: url("../images/vinfo-arrow.png") no-repeat center right;
}
.v-detail .v-pagination{
	text-align: center;
	margin-top: 10px;
}
.v-detail .v-pagination span{
	padding: 2px;
	font-size: 14px;
}
.v-detail .v-pagination span.total:before{
	content: "/";
	padding-right: 2px;
}
/*v-details end*/


/*会员页面*/
.member{
	text-align: center;
	padding: 20px 0;
}
.member h3{
	line-height: 36px;
}
.member>p{
	margin-top: 20px;
	margin-bottom: 10px;
}
.member .m_info{
	margin: 20px auto;
}
.member .m_info p{
	margin-bottom: 10px;
	text-align: center;
}
.member .m_info p img,.member .m_info p span{
	margin-right: 8px;
}
.member .m_info p:after{
	content:"";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.m_info .mlv img{
	width: 98%;
	max-width: 700px;
}
.mtable{
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
}
.member p{
	text-align: center;
}
.member .mtable p img{
	text-align: center;
	max-width: 100%;
}
.member .memberinfo{
	padding: 40px 0;
}
.member .memberinfo h3.txt-en{
	color: #666;
}
.member .memberinfo h3:nth-child(2){
	margin-bottom: 20px;
}
.member .memberinfo p{
	line-height: 2.5rem;
}
/*会员页面end*/

/*responsive手机PC适应css*/
@media only screen and (max-width: 1600px) {
	.header{
		padding-left: 0;
	}
	.skincare .star-product-container .items{
		left: 0;
	}
}
@media only screen and (max-width:1400px){
	.cart{
		display: none;
	}
	
}
@media only screen and (max-width:1200px){
	.Rtbar{
		display: none;
	}
	.skincare .star-product-container .items{
		display: none;
	}
	.star-nav li{
		margin-bottom: 10px;
	}
	.address ul li{
		padding:10px;
	}
	.address ul li .stores_name h3 b, .address ul li .stores_name h3 span, .address ul li .stores_name h3 strong{
		font-size: 16px;
	}
	.story-content .ltbar p{
		padding-left: 0;
	}
	.videolist .video-text>div{
		font-size: 18px;
	}
	.videolist .video-text>h3{
		font-size: 16px;
	}
	.videolist .video-text p a{
		font-size: 16px;
	}
	.index_content .video-con{
		height: 550px;
	}
	.nav ul li a span.nav-en{
		font-size: 16px;
	}
	.header .nav{
		display: none;
	}
	.header .logo{
		float: left;
	}
	.header .m-nav{
		display: block;
	}
	.nav-box .subnav{
		display: none;
	}
	.video-banner{
		padding: 0px 0 20px;
	}
	.skincare{
		padding: 30px 0 20px;
	}
	.container-warp>.line{
		margin-top: 0px;
	}
	.m-sub3list{
		display: block;
	}
}
@media only screen and (max-width:1024px){
	.nav-box .subnav dl.item3 dd{
		width: 22%;
	}
	.nav-box .subnav dl.item6 dd{
		width: 20%;
	}
	.footer ul li:last-child .qr img{
		width: 100%;
	}
	.skincare .skin-pic ul{
		padding-top: 0px;
	}
	.skincare .skin-pic ul li div{
		padding: 10px 0;
	}
	.skincare .skin-pic  ul li div.text-top h2,
	.skincare .skin-pic  ul li div.text-top h3,
	.skincare .skin-pic ul li div.text-bot p,
	.skincare .skin-pic ul li div strong{
		display: block;
		transition: 0.6s ease-in;
		-webkit-transition: 0.6s ease-in;
		-moz-transition: 0.6s ease-in;
		-o-transition: 0.6s ease-in;
		-ms-transition: 0.6s all ease-in;
		opacity: 1;
		filter: alpha(opacity=100);
		
	}
	.teamlist ul li .mask{
		bottom: 0;
	}
	.teamlist ul li .mask h2{
		font-size: 18px;
	}
	.teamlist ul li .mask h4{
		font-size: 16px;
	}
	.video-item #iframe{
		height: 400px;
	}
	
}
@media only screen and (max-width:980px){
	.nav ul li a span.nav-en{
		font-size: 14px;
	}
	.blank{
		display: none;
	}
	body{
		font-size: 14px;
	}
	.services-content h2{
		font-size: 22px;
	}
	.service-item h2{
		font-size: 18px;
		font-weight: 700;
		padding: 10px 0;
	}
	.service-stores{
		padding: 40px 0;
	}
	.service-stores a{
		font-size: 16px;
		padding: 10px 30px;
	}
	.service-item ul li p{
		width: 100%;
	}
	.skincare h2{
		font-size: 16px;
	}
	.skincare .skin-pic ul li div h3{
		font-size: 14px;
	}
	.skincare .skin-pic ul li div strong{
		font-size: 16px;
		line-height: 30px;
		height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
	}
	.videolist .video-text>div{
		font-size: 16px;
	}
	.videolist .video-text>h3{
		font-size: 14px;
	}
	.videolist .video-text p a{
		font-size: 14px;
	}
	.videolist .video-text{
		padding: 5px;
	}
	.videolist .video-text>h3{
		padding-bottom: 5px;
	}
	.videolist .video-text>div{
		padding: 2px 0;
	}
	.videolist ul li{
		margin-bottom: 10px;
		padding: 0;
	}
	.video-item #iframe{
		height: 350px;
	}
	.container-warp>.line h2{
		font-size: 18px;
	}
	.index_content .video-con{
		height: 450px;
	}
} 
@media only screen and (max-width:768px){
	
	.starlist li .product-title>a{
		font-size: 16px;
		line-height: 30px;
		height: 30px;
	}
	.starlist li .product-title .price-box .price{
		font-size: 14px;
		line-height: 30px;
	}
	.starlist li .product-title .price-box .addcart{
		padding: 5px;font-size: 14px;
	}
	.starlist li .product-title p{
		font-weight: normal;
		line-height: 24px;
	}
	.cz-img img{
		max-width: 250px;
	}
	.pro-info h3{
		font-size: 18px;
	}
	.pro-info .price{
	    font-size: 20px;
	}
	.thubs .pro-info ul.items li p{
		font-size: 12px;
	}
	.services h2{
		font-size: 30px;
	}
	.services p{
		font-size: 24px;
	}
	.services-content{
		padding: 40px 0 20px 0;
	}
	.services-content h2{
		font-size: 18px;
	}
	.service-item h2{
		font-size: 18px;
	}
	.service-item ul li{
		padding-bottom: 10px;
	}
	.service-item ul li p{
		width: 100%;
	}
	.skincare .skin-pic ul li div strong{
		font-size: 14px;
	}
	.map{
		height: 350px;
	}
	.search_map{
		padding-top: 0px;
	}
	.search_map .input-box{
		line-height: 40px;
		height: 40px;
		margin: 10px auto 20px;
	}
	.search_map h2{
		font-size: 20px;
		font-weight: 700;
	}
	.input-box input[type=text]{
		line-height: 40px;
		height: 40px;
	}
	.story-content{
		padding: 30px 0;
	}
	.story-content .ltbar p{
		padding-top: 0px;
	}
	.teamlist ul li .mask h2{
		font-size: 16px;
	}
	.teamlist ul li .mask h4{
		font-size: 14px;
	}
	.teamlist ul li .mask p{
		padding-top: 10px;
	}
	.teamlist ul li .mask span b{
		font-size: 12px;
	}
	.teamlist ul li .mask{
		padding: 5px 0;
	}
	.video-item #iframe{
		height: 350px;
	}
	.v-detail>div{
		padding: 0;
	}
	.v-detail .v-info h2{
		font-size: 18px;
	}
	.video-slide h2.txt-en{
		font-size: 18px;
	}
	.v-detail .v-info h3{
		font-size: 16px;
		padding: 4px 0;
	}
	.index_content .video-con{
		height: 400px;
	}
} 
@media only screen and (max-width:640px){
	.adv-1 div:first-child{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.adv-1 div:last-child{
		padding: 0 15px;
		
	}
	.container-warp.index_content{
		margin-top: 20px;
	}
	.star-nav li{
		margin-bottom: 10px;
		width: auto;
		height: auto;
		
	}
	.star-product h2.txt-en{
		font-size: 16px;
	}
	.star-product h2{
		font-size: 14px;
		line-height: 26px;
	}
	.star-product{
		padding-top: 10px;
		margin-top: 10px;
	}
	.star-nav li a span.txt-en{
		font-size: 16px;
	}
	.star-nav li a span{
		font-size: 14px;
	}
	.star-nav li a{
		padding: 2px 15px;
	}
	.starlist li{
		margin-bottom: 10px;
	}
	.starlist li .product-title>a{
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}
	.starlist li .product-title .price-box .price{
		font-size: 14px;
		line-height: 36px;
	}
	.starlist li .product-title .price-box .addcart{
		font-size: 14px;
		padding: 5px;
	}
	.starlist li .product-title p{
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: normal;
	}
	.starlist li a p.txt-en{
		font-size: 16px;
	}
	.starlist li a span.txt-en{
		font-size: 14px;
	}
	.video-box{margin-top: 30px;}
	.video-box .v-txt h3{
		font-size: 16px;
		line-height: 30px;
	}
	#iframe{
		height: auto;
	}
	.online-cz{
		margin-top: 30px;
		padding-top: 0;
	}
	.cz-txt h2{
		font-size: 16px;
		line-height: 30px;
	}
	.footer .top-link{
		height: 30px;
		line-height: 30px;
	}
	.footer .foot-nav ul li{
		display: none;
	}
	.footer .foot-nav ul li:last-child{
		display: block;
	}
	.footer .foot-nav{
		padding: 15px 0;
	}
	.footer ul li:last-child .qr img{
		max-width: 80px;
		margin-top: 10px;
	}
	.footer ul li:last-child p{
		padding-bottom: 10px;
	}
	.cz-img img{
		max-width: 180px;
	}
	.pro-info ul li{
		float: none;
		width: 100%;
	}
	.thubs h2{
		margin: 10px 0;
	}
	.skincare h2{
		font-size: 16px;
	}
	.pro-info h3{
		font-size: 16px;
	}
	.pro-info .price{
		font-size: 14px;
	}
	.pro-info ul li{
		line-height: 24px;
		margin-bottom: 10px;
	}
	.gocart span{
		padding: 8px 10px;
	}
	.pro-info .select-color select{
		margin-top: 10px;
	}
	.pro-info .select-color{
		padding-top: 10px;
	}
	.thubs{
		padding-bottom: 20px;
	}
	.starlist li a div.pro-img{
		margin-top: 10px;
	}
	.gocart{
		margin-top: 15px;
	}
	.services h2{
		font-size: 22px;
	}
	.services p{
		font-size: 18px;
		letter-spacing: 2px;
	}
	.services-content{
		    padding: 30px 0 20px 0;
	}
	.services-content h2{
		font-size: 16px;
	}
	.service-item h2{
		font-size: 14px;
	}
	.service-item ul li p{
		line-height: 22px;
		font-size: 12px;
	}
	.skincare .skin-pic ul.list li{
		margin: 1%;
	}
	.map{
		height: 300px;
	}
	.stores_search .input-box{
		width: 50%;
	}
	.stores_search .search-bar{
		width: 32%;
	}
	.stores_search{
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.story-content .title{
		padding-left: 0;
	}
	.story-content .ltbar p{
		padding-bottom: 20px;
	}
	.story-content h2{
		font-size: 16px;
		font-weight: bold;
	}
	.story-content .title strong{
		font-size: 16px;
		font-weight: bold;
	}
	.story-content .title p{
		padding-bottom: 20px;
		font-size: 12px;
		line-height: 24px;
	}
	.st-img{
		padding-bottom: 30px;
		
		text-align: center;
	}
	.line{
		padding-bottom: 20px;
	}
	.video-item #iframe{
		height: 200px;
	}
	.container-warp>.line h2{
		font-size: 16px;
	}
	.index_content .video-con{
		height: 200px;
	}
	.video-box .video-list span{
		font-size: 12px;
		bottom: 28px;
	}
	.video-box .video-list p{
		font-size: 14px;
		bottom: 4px;
	}
} 
span.swiper-pagination-bullet-active{
	background: #666;
}

/*产品搜索*/
.serachproduct {
	padding: 30px 0 50px 0;
}
.serachproduct h2  {
	text-align: center;
	padding: 1em 0;
} 
.serachproduct h3{
	text-align: center;
}
.modify {
	display: block;
	width: 88px;
	padding: 5px;
	margin-top: 30px;
	border-top:2px solid #231815;
}