/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }




.pageMain{ background: #ececec;}
.pageMain .pageMain-inner{ background: #fff; padding: 37px 44px; margin: 0 auto; max-width: 1130px;}
@media(max-width:1160px){
	.pageMain .pageMain-inner{ padding:25px 15px; max-width: 1160px;}
}

.SkinBanner { position: relative;}
/*.SkinBanner .owl-dots{ position:absolute; bottom: 3%; left: 0; text-align: center; width: 100%;} 
.SkinBanner .owl-dot{ display: inline-block; margin: 0 3px;}
.SkinBanner .owl-dot span{ display: block; width: 8px; height: 8px; border-radius: 100%; background: #ffffff;}
.SkinBanner .owl-dot.active span{ background: #808080;}*/
.BannerScroll .owl-dots{ position: absolute; bottom: 15px; width: 100%; text-align: center;}
.BannerScroll .owl-dots .owl-dot{ display: inline-block; margin: 0 3px;}
.BannerScroll .owl-dots .owl-dot span{ display: block; width: 8px; height: 8px; border-radius: 100%; background: #898989;}
.BannerScroll .owl-dots .owl-dot.active span{ background: #464646;}
.BannerScroll .owl-nav >div{ position: absolute; height: 58px; text-indent: 9999px; overflow: hidden; top: 50%; margin-top: -19px; width: 60px; background: #000; transition: all .3s ease-in-out;}
.BannerScroll .owl-nav >div:before,
.BannerScroll .owl-nav >div:after{ position: absolute; content: ""; width: 25px; height: 1px; background-color: #d2d2d2; display: block; left: 15px; transition: all ease-in-out .3s;}
.BannerScroll .owl-nav .owl-next:after,.BannerScroll .owl-nav .owl-next:before{right: 15px;}
.BannerScroll .owl-nav .owl-prev{ left: 0;}
.BannerScroll .owl-nav .owl-prev:before{ transform: rotate(-45deg); top: 20px;}
.BannerScroll .owl-nav .owl-prev:after{ transform: rotate(-135deg); bottom: 20px;}
.BannerScroll .owl-nav .owl-next{ right: 0;}
.BannerScroll .owl-nav .owl-next:before{ transform: rotate(45deg); top: 20px; left: auto; }
.BannerScroll .owl-nav .owl-next:after{ transform: rotate(135deg); bottom: 20px;left: auto;}
.BannerScroll .owl-nav >div:hover:before,
.BannerScroll .owl-nav >div:hover:after{ background: #000;}
.BannerScroll .owl-nav >div:hover{ background: #fff;}
@media(max-width:767px ) {
	.BannerScroll .owl-nav >div{ width: 35px; height: 35px; margin-top: -17px;}
	.BannerScroll .owl-nav >div:before, .BannerScroll .owl-nav >div:after{ width: 15px; left: 10px;}
	.BannerScroll .owl-nav .owl-next:before, .BannerScroll .owl-nav .owl-next:after{ right: 10px;}
	.BannerScroll .owl-nav .owl-prev:before{ transform: rotate(45deg); top: 22px;}
    .BannerScroll .owl-nav .owl-prev:after{ transform: rotate(135deg); bottom: 22px;}
    .BannerScroll .owl-nav .owl-next:before{ transform: rotate(-45deg); top: 22px; }
    .BannerScroll .owl-nav .owl-next:after{ transform: rotate(-135deg); bottom: 22px;}
}



.skincarelist{ overflow:hidden;}
.skincarelist ul{ margin: 0 -1%;}
.skincarelist li{ float: left; width: 33.3334%; padding: 1.5% 1%;}
.skincarelist li .inner{ position: relative;}
.skincarelist li .pic{ width: 100%; padding-bottom: 134%; position: relative; overflow: hidden;}
.skincarelist li .pic a{ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.skincarelist li .pic a{transition: transform .5s ease-in-out;
-webkit-transition: -webkit-transform .5s ease-in-out;
-moz-transition: -moz- transform.5s ease-in-out;
-ms-transition: -ms-transform .5s ease-in-out;}
.skincarelist li .pic a:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.skincarelist li .word{ text-align: center; line-height: 1.85; padding: 5% 2%;}
.skincarelist li .word .tit{ margin: 0;  padding: 0 10px; position: relative; font-size: 16px; font-weight: bold;}
.skincarelist li .word .tit a{color: #333333;}
.skincarelist li .word .tit span{ display: block;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;font-size: 16px;}
.skincarelist li .word .tit span.en{ font-size: 24px; }
.skincarelist li .word .tit a:hover{ color: #000;}
.skincarelist li .word .price{ display: block; font-size: 14px; color: #000; margin-top: 5px;}
.skincarelist li .star{ margin-top: 3%; color: #000;}
.skincarelist li .word .more{ width: 100%; max-width: 183px; text-align: center; display: block; height: 32px; line-height: 30px; border: 1px solid #000; margin: 5px auto 0; color: #6a6a6a; font-size: 12px; transition: all .3s ease-in-out;} 
.skincarelist li .word .more:hover{ color: #fff; background: #000;}


@media (max-width:767px ) {
	.skincarelist li{ width: 50%;}
	.skincarelist li .word{ padding-right: 0;}
	.skincarelist li .word time{ display: none;}
	.skincarelist li .word .tit span.en{ font-size: 20px;}
	.skincarelist li .word .tit span{ font-size: 14px;}
}

.RighInfo001278{ padding:2% 0;}
.RighInfo001278 .prod_info{ position:relative; padding-left:46%; min-height: 525px; line-height: 1.65;}
.RighInfo001278 .prod_info .tit{margin:0;font-weight:normal; font-size:24px; color:#5d5b59;}
.RighInfo001278 .prod_info .tit_cn{margin:0; color:#5d5b59;font-weight:normal; font-size:18px; }
.RighInfo001278 .prod_info .dl>*{ display: inline-block; font-size: 12px;}
.RighInfo001278 .prod_info .dl .star{ color: #000;}
.RighInfo001278 .prod_info .dl a{ margin-left: 10px; color: #737373; text-decoration: underline;}
.RighInfo001278 .prod_info .price{ font-size: 16px; color: #000000;font-family: "microsoft yahei";}
.RighInfo001278 .prod_info .price em{ font-style: normal;font-size: 30px;font-family:"microsoft yahei";}
.RighInfo001278 .prod_info .con{font-size: 12px; color:#5d5b59; min-height:96px; /*max-height: 256px; overflow: hidden;*/
/*text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;*/
line-height: 20px;
display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 14;  overflow: hidden;  height: 280px;text-overflow: ellipsis;
}
.RighInfo001278 .prod_info .con p{ margin-bottom: 0;}
.RighInfo001278 .prod_info .con *{white-space:normal !important; }
.RighInfo001278 .prod_info .share{ padding:2% 0; overflow:hidden;}
.RighInfo001278 .prod_info .share em{ float:left; font-size:14px; font-style:normal; line-height:28px;}

.RighInfo001278 .prod_info .box .cart{ display: inline-table; width: 158px; height: 42px; line-height: 42px; text-align: center; background: #000000; color: #fff; border-radius: 5px;}
.RighInfo001278 .prod_info .box{ margin-top: 50px;}
.RighInfo001278 .prod_info .box .purchase{ display: inline-table; width: 158px; height: 42px; line-height: 42px; text-align: center;background: #b69878; color: #fff; border-radius: 5px; margin-left: 30px;}

@media(min-width:641px){
.RighInfo001278 .big_img{ position:absolute; left:0; top:0; height:85%; width:43%;}
.RighInfo001278 .big_img li{ position:absolute;width:100%;top:0; left:0;  height:100%; }
.RighInfo001278 .big_img li .table{ display:table; width:100%; height:100%;}
.RighInfo001278 .big_img li .table_cell{ display:table-cell; vertical-align:middle; padding:0;}
.RighInfo001278 .big_img li img{ max-height:100%;}
 }	
.RighInfo001278 .big_img li{ text-align:center; /*border:1px solid #dcdcdc;*/}


.skintest{}
.skintest .Titbox{ text-align: center; margin-bottom: 3%;}
.skintest .Titbox h2{ margin: 0; font-weight: normal; color: #000000; font-size: 30px;}
.skintest .Titbox span{ color: #060609; font-size: 18px; display: block;}
.skinproblem{ padding: 3% 0;line-height: 1.85;}
.skincate .skinproblem,.skinproblem.skinpro{ display: none;}
@media (max-width: 767px) {
	.skintest .Titbox h2{ font-size: 24px;}
	.skintest .Titbox span{ font-size: 16px;}
}

.skintest .jianyi{ padding: 3% 0; color: #000; font-size: 14px; line-height: 1.85;}
.skintest .jianyi .tit{ margin: 0; font-weight: normal; font-size: 18px;}
.skintest .jianyi .con{ padding-top: 8px;}

.skinproblem .skinhead{ border-bottom: 1px solid #a6a6a6; font-weight: normal; margin: 0; font-size: 20px; padding:0 0 15px 0; color: #000;}
.skinproblem .skinhead.center{ text-align: center;}
.skinproblem .skinhead span{ font-size: 14px; display: block;}
.skinproblem .itembox{border-bottom: 1px solid #a6a6a6; }
.skinproblem .item{  color: #5b5b5c; font-size: 16px;padding: 15px 0; }
.skinproblem .item dd{ cursor: pointer; position: relative; padding-left: 25px;}
.skinproblem .item dd .fen{ display: none;}
.skinproblem .item dd.on,.skinproblem .item dd:hover{ color: #000;}
.skinproblem .item dd:before{ position: absolute; content: ""; display: block; width: 13px; height: 13px; border: 1px solid #5b5b5c; left: 0; top: 50%; margin-top: -6px;}
.skinproblem .item .tit{ margin: 0 0 15px; font-weight: normal; font-size: 16px;}
.skinproblem .page{ text-align: center; padding: 2% 0;}
.skinproblem .page .next{ font-size: 30px;color: #5b5b5c;}
.skinproblem .probemlist{ max-width: 737px; margin: 3% auto;}
.skinproblem .probemlist li{ float: left; padding: 5px; width: 33.3334%;}
.skinproblem .probemlist li a{ display: block; width: 100%; height: 44px; line-height: 44px; background: #dadada; color: #373739; font-size: 14px; text-align: center;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; padding: 0 5px; 
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;}
.skinproblem .probemlist li a:hover{ background: #000; color: #fff;}
.skintest .skincarelist{ padding: 3% 60px;}
.skintest .skincarelist ul{ margin: 0;}
.skintest .skincarelist li{ float: none; width: 100%; padding: 0;}
.skintest .skincarelist .owl-nav >div{ position: absolute; width: 20px; height: 38px; text-indent: 9999px; overflow: hidden; top: 35%; margin-top: -19px;}
.skintest .skincarelist .owl-nav >div:before,
.skintest .skincarelist .owl-nav >div:after{ position: absolute; content: ""; width: 25px; height: 2px; background-color: #d2d2d2; display: block; left: 0; transition: all ease-in-out .3s;}
.skintest .skincarelist .owl-nav .owl-prev{ left: -56px;}
.skintest .skincarelist .owl-nav .owl-prev:before{ transform: rotate(-45deg); top: 10px;}
.skintest .skincarelist .owl-nav .owl-prev:after{ transform: rotate(-135deg); bottom: 10px;}
.skintest .skincarelist .owl-nav .owl-next{ right: -56px;}
.skintest .skincarelist .owl-nav .owl-next:before{ transform: rotate(45deg); top: 10px; left: auto; right: 0;}
.skintest .skincarelist .owl-nav .owl-next:after{ transform: rotate(135deg); bottom: 10px;left: auto; right: 0;}
.skintest .skincarelist .owl-nav >div:hover:before,
.skintest .skincarelist .owl-nav >div:hover:after{ background: #000;}
.skintest .skincarelist .owl-nav .disabled{ display: none;}
.skintest .backtest{ margin: 3% 0 0;}
.skintest .backtest a{ display: block; margin: 0 auto; width: 169px; height:49px; border-radius: 5%; background: #01286d;  color: #fff; font-size: 20px; line-height: 1;transition: all .3s ease-in-out; padding-top: 30px; text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;}
.skintest .backtest a:hover{ background: #818181; color: #d2d2d2;}

.searchlist{ min-height:300px; padding: 3% 0 3% 0;}
.searchlist li{ height:50px; line-height:50px; border-bottom:1px solid #eee; position: relative; padding-right: 100px;}
.searchlist li  a{ padding-left: 20px;}
.searchlist li i{ position: absolute; left: 0; top: 50%; margin-top: -20px; color: #cd1701; font-size: 40px; display: block; font-style: normal;}
.searchlist li time{ position: absolute; right: 0; top: 0;}

.Starlist{ padding-top: 45px;}
.Starlist .num{ font-style: normal; position: absolute; top: 10%; right: 3%; width: 17%;}

.Starlist .Topitem .word{ width: 50%; float: right; padding:6% 5% 0;color: #000;}
.Starlist .Topitem .con_wap{ display: none;}
.Starlist .word .tit{ font-size: 26px; font-weight: normal;  margin: 0 0 15px 0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.Starlist .word .tit a{ color: #000;}
.Starlist .word .tit_s{ font-size: 18px; font-weight: normal; margin: 0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.Starlist .word .con{ font-size: 14px; line-height: 1.85; margin-top: 5px; max-width: 300px;}
.Starlist .word .con dl{position: relative; padding-right: 60px;}
.Starlist .word .con dl span{ position: absolute; top: 0; right: 0;}
.Starlist .word .price{ font-size: 25px; padding: 15px 0;}
.Starlist .word .btn a{ display: inline-block; background: url(../images/star_more.png) no-repeat; width: 116px; height: 34px; line-height: 34px; text-align: center; color: #000; }
.Starlist .word .btn a i{font-style: normal; font-family: 宋体; padding-left: 10px;}

.Starlist .item{ float: left; width: 48%; margin-top: 45px;}
.Starlist .item:nth-child(2n+1){ float: right;}
.Starlist .item .pic{  text-align: center; padding-bottom: 66%; position: relative; background: #fbfbfa;}
.Starlist .item .pic a,.Starlist .Topitem .pic a{ display: block;  width: 100%; height: 116%; position: absolute; 
 background-position: center bottom; background-repeat: no-repeat; background-size: 63%;
 transition: transform 0.5s ease-in-out ;
 -webkit-transition: -webkit-transform 0.5s ease-in-out ;
 -moz-transition: -moz-transform 0.5s ease-in-out ;
 -ms-transition: transform 0.5s ease-in-out ;
}
.Starlist .item .word{ text-align: center;color: #000; padding:6% 5% 0;}
.Starlist .item .word .con{ text-align: center; max-width: none; line-height: 24px; height: 48px; overflow: hidden;}
.Starlist .item .word .price{ font-size: 18px;}


.Starlist .Topitem{ background: #fbfbfa;}
.Starlist .Topitem .pic{ width: 50%; text-align: center; float: left; padding-bottom: 40%; position: relative;}
.Starlist .Topitem .pic a{  height: 114%;}
.Starlist .item:hover .pic a,.Starlist .Topitem .pic:hover a{transform: scale(1.05);}
@media (max-width:1024px ) {
	.Starlist .word .tit{ font-size: 22px;}
	.Starlist .word .tit_s{ font-size: 16px;}
	.Starlist .Topitem .word{ padding-top: 2%;}
	.Starlist{ padding-top: 5%;}
	.Starlist .item{ margin-top: 5%;}
}
@media (max-width:767px ) {
	.Starlist .word .tit{ font-size: 20px;}
	.Starlist .Topitem{ background: no-repeat;}
	.Starlist .Topitem .pic a{ background-size: 34%;}
	.Starlist .Topitem .pic{ width: 100%; float: none; background: #fbfbfa;}
	.Starlist .Topitem .word{ width: 100%; float: none; text-align: center;}
	.Starlist .Topitem .con{ display: none;}
	.Starlist .Topitem .con_wap{ display: block; max-width: none;}
}
@media (max-width:488px ) {
	.Starlist .word .tit{ font-size: 18px;}
	.Starlist .word .tit_s{ font-size: 14px;}
	.Starlist .item{ width: 100%; float: none !important;}
	.Starlist .item .word .con{ height: auto;}
}

.NewsTips{  position:fixed; top:30%; left:0; _position:absolute; display: none; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:101;}
.NewsTips .close{ position: absolute; top: 5px; right: 5px; font-family: 宋体; font-size: 18px; color: #000; cursor: pointer;}
.NewsTips .box{ width: 200px; padding: 30px 10px 15px 10px;background: #f6f6f6;}
.NewsTips .box .tit{ font-size: 16px; font-weight: normal; margin: 0; color: #000;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.NewsTips .box figure{ line-height: 20px; font-size: 12px; margin: 10px 0; height: 40px; overflow: hidden;}
.NewsTips .box .more{ display: block; width: 88px; font-size: 12px; height: 21px; text-align: center; line-height: 21px; background: #000; color: #fff; margin: 0;}

.AG_page{}
.AG_page .content .tips{font-size: 18px;color: #000;line-height: 22px;padding: 5% 0 10%;}
.AG_page .content ul li h3{height: 35px;font-size: 18px;color: #000;border-bottom: 1px solid #5e5e5e; margin: 0; font-weight: normal;}
.AG_page .content ul li span{display: inline-block;min-width: 248px;font-size: 14px;color: #000;padding-top: 10px;}
.AG_page .content ul li span em{ font-style: normal;}
.AG_page .content ul li+li h3{ margin-top: 5%;}
@media (min-width:768px ) {
.AG_page .pic{ float: left; width: 40%;}
.AG_page .content{ float: right; width: 55%;}
}


/*商城新增样式*/
.nav2{ background:#000; height:40px; z-index:9;}
.nav2 .nav2_btn{ width:225px; float:left; position:relative; z-index:9;}
.nav2 .nav2_btn .h2{ background:#b69878; color:#fff; font-size:16px; text-align:center; height:40px; line-height:40px; cursor:pointer; margin: 0;}
.nav2 .nav2_btn .h2 i{ display:inline-block; width:20px; height:15px; background:url(../images/nav2btn.png) no-repeat; vertical-align:middle; margin:-2px 5px 0 0;}
.nav2_btn .ul{ position:absolute; left:0; top:100%; width:100%; background:#fff; background:rgba(255,255,255,0.8); padding:10% 10% 5%; display:none;}
.nav2 .nav2_btn:hover .ul{ display:block;}
.nav2_btn .ul li{ margin-bottom:20px;}
.nav2_btn .ul li .h3{ margin-bottom:5px;}
.nav2_btn .ul li .h3 a{ font-size:16px; color:#000; font-weight:normal;}
.nav2_btn li .dl dd{ width:50%; float:left; margin-bottom:5px;}
.nav2_btn li .dl dd>a{ font-size:12px; color:#666;}
.nav2_btn .ul li .h3 a:hover,
.nav2_btn li .dl dd>a:hover,
.nav2_btn li .dl dd a.on{ color:#b69878;}
.nav2_btn li.li_type .dl dd{ width:33.33%;}
.nav2_btn li .list{ position:absolute; left:100%; top:0; width:420px; height:100%; background:#fff; background:rgba(255,255,255,0.8); display:none;}
.nav2_btn li .list .m{ padding:50px 42px 0;}
.nav2_btn li .list a{ font-size:14px; color:#666; width:50%; padding-right:5%; margin-bottom:8px; float:left;}
.nav2_btn li .list a:hover{ color:#b69878;}
.nav2 .crumbs{ float:left; padding-left:22px; color:#888;}
.nav2 .crumbs a,
.nav2 .crumbs span{ font-size:12px; color:#888; line-height:40px;}
.nav2 .crumbs a:hover{ color:#b69878;}

/*首页*/
.homeban .owl-theme .owl-dots{ position:absolute; bottom:16px; left:0; width:100%;}
.homeban .owl-theme .owl-dots .owl-dot span{ background:#fff;}
.homeban .owl-theme .owl-dots .owl-dot.active span,
.homeban .owl-theme .owl-dots .owl-dot:hover span{ background:#000;}
.homeban .item .pic{ width:100%; height:495px; background-size:cover; background-position:center center; background-repeat:no-repeat;}

.HomeVideo{ padding-bottom:125px;}
.HomeVideo .HomeVideo_h{ font-size:55px; line-height:55px; padding:85px 0 55px; color:#333; text-align:center;}
.HomeVideo .HomeVideo_info{ background:#000; position:relative;}
.HomeVideo .HomeVideo_info video{ display:block; width:100%; height:635px;}
.HomeVideo .HomeVideo_info .pic{ width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:9;}
.HomeVideo .HomeVideo_info .pic .play{ width:59px; height:59px; background:url(../images/play.png) no-repeat; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; cursor:pointer;}


.HomeAd1{ width:100%; height:540px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.HomeAd2{ width:1300px; max-width:100%; height:400px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.HomeAd1 a,
.HomeAd2 a{ display:block; width:100%; height:100%;}

.HomeHot{}
.HomeHot .auto{ padding:0 50px;}
.HomeHot .HomeHot_h{ padding:100px 0 85px;}
.HomeHot .HomeHot_h .h3,
.HomeHot .HomeHot_h .h2{ font-size:34px; font-weight:normal; line-height:1.2; text-align:center;}
.HomeHot .HomeHot_h .h2{ font-size:55px;}
.HomeHot .HomeHotTop{}
.HomeHotTop .pic{ width:590px; float:left;}
.HomeHotTop .pic img{ width:100%;}
.HomeHotTop .info{ width:440px; float:right; text-align:center;}
.HomeHotTop .info img{ width: 440px; height:464px;}
.HomeHot .ul{ padding:0 0 90px;}
.HomeHot .ul li{ width:50%; float:left;}




.skincarelist{ overflow:hidden;}
/*.skincarelist ul{ padding:70px 60px 45px;}*/
.skincarelist li{ float: left; width: 33.3334%; padding: 1.5% 1%;}
.skincarelist li .inner{ position: relative;}
.skincarelist li .pic{ width: 100%; padding-bottom: 134%; position: relative; overflow: hidden;}
.skincarelist li .pic a{ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.skincarelist li .pic a{transition: transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz- transform.5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;}
.skincarelist li .pic a:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.skincarelist li .word{ text-align: center; line-height: 1.85; padding: 5% 2%;}
.skincarelist li .word .tit{ margin: 0; font-weight: normal;  padding: 0 10px; position: relative; font-size: 14px;}
.skincarelist li .word .tit a{color: #333333;}
.skincarelist li .word .tit span{ display: block;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;font-size: 16px;}
.skincarelist li .word .tit span.en{ font-size: 24px; }
.skincarelist li .word .tit a:hover{ color: #000;}
.skincarelist li .word .price{ display: block; font-size: 14px; color: #000; margin-top: 5px;}
.skincarelist li .star{ margin-top: 3%; color: #000;}
.skincarelist li .word .more{ width: 100%; max-width: 183px; text-align: center; display: block; height: 32px; line-height: 30px; border: 1px solid #000; margin: 5px auto 0; color: #6a6a6a; font-size: 12px; transition: all .3s ease-in-out;}
.skincarelist li .word .more:hover{ color: #fff; background: #000;}
/*首页*/




/*列表页*/
.ProductPart{ padding:40px 0 50px;}


.ProductPart3{ padding:35px 0 80px;}
.ProductPart3 .ProductPart3_h{ font-size:55px; color:#000; text-align:center; margin-bottom:50px;}
.ProductPart3 .skincarelist ul{ padding:0;}
.ProductPart3 .skincarelist ul li{ width:27.83%; padding:0; margin-bottom:35px; margin-right:8.25%;}
.ProductPart3 .skincarelist ul li:nth-child(3n){ margin-right:0;}

.ProductPart4{}
.ProductPart4 .ProductPart4_h{ font-size:55px; color:#000; text-align:center; margin-bottom:50px;}
.ProductPart4 .skincarelist{ padding:0 65px 110px; overflow: inherit;}
.ProductPart4 .skincarelist ul{ padding:0;}
.ProductPart4 .skincarelist li{ width:100%;}
.ProductPart4 .owl-theme .owl-nav{ display:block;}
.ProductPart4 .owl-carousel .owl-nav .owl-prev,
.ProductPart4 .owl-carousel .owl-nav .owl-next{ margin:0; padding:0; font-size:0; position:absolute; top:22%; width:60px; height:100px;}
.ProductPart4 .owl-carousel .owl-nav .owl-prev{ left:-125px; background:url(../images/pd_left.png) no-repeat center;}
.ProductPart4 .owl-carousel .owl-nav .owl-next{ right:-125px; background:url(../images/pd_right.png) no-repeat center;}
/*列表页*/