/*头部底部开始--------------------------------------*/
.page-header{position: fixed;top: 0;width: 100%;z-index: 20;}
.index_pcvideo {display:block;}
.index_movideo {display:none; width:100%; height:auto;}

/*内页头部*/
.public-header{width: 100%;height: 100px;background-color: #c80000;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dedede;}
.public-header-utility{padding-top: 14px;text-align: right;}
.public-header-utility .utility-search{display: inline-block;position: relative;padding-right: 20px;border-right: 1px solid #f0f0f0;}
.public-header-utility .utility-search-text{width: 152px;height: 18px;background-color: #fafafa;border-radius: 3px; text-indent: 8px; font-size: 14px;}
.public-header-utility .utility-icon{display: inline-block; width: 20px;height: 20px;margin-left: 10px;background-image:url(../images/utility_icon.png); background-repeat: no-repeat; vertical-align: middle;background-color: transparent;color: transparent;}
.public-header-utility .utility-icon-sousuo {background-position: 0 -40px;}
.public-header-utility .utility-icon-weixin{background-position: -20px -40px;}
.public-header-utility .utility-icon-weibo{background-position: -40px -40px;}
.public-header-nav {padding-top: 30px;margin-right: -2px;}
.public-header-nav li{float: left;position: relative;}
.public-header-nav li>a{padding-left: 12px;padding-right: 12px;display: block;padding-bottom: 16px;position: relative;color:#fff;}
.public-header-nav li .head::after{display: inline-block;content:""; position: absolute;right: 0;top:8px; width: 2px;height: 2px;margin-top: -1px;background-color: #fff;}
.public-header-nav li:last-of-type::after{display: none;}
.main-nav{overflow: hidden;}
.mo-menu{display: none;}
.utility-contact{margin-right: 20px;padding-right: 20px;border-right: 1px solid #f0f0f0;color:#fff;}
.public-header-nav li::after{content:"";position: absolute;width: 7px;height: 4px;bottom: 0;background:url(../images/nav_arrow.png) no-repeat; left: 50%;margin-left: -3px;display: none;}
.public-header-nav li:hover::after{display: block;}

/*下拉*/
.public-nav-body{background-color: #fff;border-top: 1px solid #d0000c; position: fixed;top: 99px;width: 100%;left: 0;z-index: 2; text-align: center;display: none; max-height:480px; overflow-y:auto;}
.public-nav-body a{display: inline-block;margin-right: 15px; margin-left: 15px;color:#999;}
.public-nav-body .wrap{width:90%;padding: 2rem 0; }
.public-nav-body-specail .list{width: 55%;}
.public-nav-body-specail .list-img{width: 45%;}
.public-nav-body-specail .list-img a{display: none;}
.public-nav-body-specail .list-img a:first-of-type{display: block;}
.public-nav-body-specail .list-c{display: inline-block;text-align: left; vertical-align: top;margin-top: 36px;}
.public-nav-body-specail .list-c:nth-child(1){margin-top: 0;}
.public-nav-body-specail .list a{display: block;line-height: 2;}
.public-nav-body-specail .list a.body-title,.public-nav-body a:hover{color:#d0000d;}
.public-nav-body-specail .list a.body-title{font-size: 18px;}
.public-header-nav li.mo_nav{display: none;}
.mo_index_nav{display: none !important; }

/*公共底部*/
.page-footer{background-color:#c80000; padding: 1.7rem 0 1rem;}
.footer-nav dl{width: 14.28%;float: left;margin-bottom: 2rem;}
.footer-nav a{color:#fff;line-height: 2;}
.footer-nav dt a{font-size: 16px;}
.footer-nav dd a{color:rgba(255,255,255,.6);}
.footer-nav{padding-bottom: 2rem;}
.footer-copy {color:#fff;}
.footer-aside a{color:rgba(255,255,255,.6);font-size: 12px;border-right: 1px solid rgba(255,255,255,.3);float: left;padding-right: 10px;margin-right: 10px;}
.footer-aside a:last-of-type{border-right: 0;}
.footer-aside a:hover{color:#fff;}


/*返回顶部*/
.page-top{width: 40px;height: 40px; background-repeat: no-repeat; background-position: center center; cursor: pointer; position: fixed;right: 15px;bottom: 15px;z-index: 10; background-color:#970008; display: none;}
.page-top::after{content:""; background-image: url(../images/up_arrow.png);width: 19px;height: 11px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;z-index: 2;}

/*头部底部结束----------------------------------------*/

/*当季热推开始-----------------------------------*/
.page-wrapper{padding-top: 100px;padding-top: 0px; overflow: hidden;}
/*当前位置*/
.page-local{background-color: #f6f6f6;padding: 15px 0;}
.page-local a,.page-local span,.contact-local a,.contact-local span{font-size: 12px;color:#999;line-height: 20px;}
.page-local span,.contact-local span{padding-left: 5px;padding-right: 5px;display: inline-block;}
.page-local a:hover,.contact-local a:hover{color:#d0000d;}


.season,.season-list{padding-bottom:2.7rem;}
.season-list li{padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #dfdfdf;}
.season-list .season-pic{width: 50%;}
.season-list .season-pic img{width: 100%;}
.season-list .season-text{width: 45%; margin-right: 30px;padding: 1rem 0;}
.season-text .tip{color:#999;}
.season-text h1{font-weight: normal;font-size: 30px; margin-top: 0.6rem;margin-bottom: 0.6rem; min-height: 2em;}
.season-text h1 a{color:#333;}
.season-text .state {margin-bottom: 0.6rem;}
.season-text .state p{display: inline-block;width: 49%; margin-bottom: 10px;color:#767676;}

.effect-button{width: 120px;height: 30px;text-align: center;color:#fff;background-color: #b6000a; line-height: 30px;display: block;}
.effect-rotate{width: 24px;height: 28px;background:url(../images/effect_rotate.png) no-repeat; display: block;margin-left: auto;margin-right: auto;
-webkit-animation: effect-rotate 1s linear infinite;
-o-animation: effect-rotate 1s linear infinite;
animation: effect-rotate 1s linear infinite;}

 
@-webkit-keyframes effect-rotate {
    0% {  }
    100% { 
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
             transform: rotate(360deg); }
}
@-moz-keyframes effect-rotate {
    0% {  }
    100% { 
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
             transform: rotate(360deg); }
}
@-ms-keyframes effect-rotate {
    0% {  }
    100% { 
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
             transform: rotate(360deg); }
}
@-o-keyframes effect-rotate {
    0% {  }
    100% { 
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
             transform: rotate(360deg); }
}
@keyframes effect-rotate {
    0% {  }
    100% { 
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
             transform: rotate(360deg); }
}
/*当季热推结束-------------------------------------------*/

/*品牌动态开始------------------------------------------*/
.brand-banner{position: relative;overflow: hidden;}
.brand-banner .pic {-webkit-background-size:0;background-size:0;}
.WM-inner-banner .pic {-webkit-background-size:cover;background-size:cover; background-repeat:no-repeat; background-position:center top;}
.brand-banner img{width: 100%;}
.WM-inner-banner .pic img {display:none;}
.brand-banner-text{width: 100%;text-align: center;position: absolute;top: 50%;color:#fff;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.brand-banner-text h2{font-weight: normal;font-size: 1.3rem;}
.brand-banner-text p{font-family: Georgia; letter-spacing: 3px;font-size: 0.6rem;}

.brand-list{padding: 2rem 0;}
.brand-list .effect-pic img{width: 100%;}
.brand-list .grid{padding: 0;margin: 0;max-width: 100%;margin-bottom: 1.5rem;}
.brand-list .grid li{padding: 0 6px 10px 6px; -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;}
.brand-list .li-c{padding: 12px;border: 1px solid #e8e8e8; position: relative;}
.brand-list .brand-text{padding: 1.2rem 0 1.8rem;}
.brand-list .brand-text h1{font-weight: normal;font-size:20px;-webkit-line-clamp: 2;
    line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; min-height: 2em;}
.brand-list .brand-text a{color:#333;}
.brand-list .brand-text p{line-height: 1.8;-webkit-line-clamp:2; color:#666;
    line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.brand-label{width: 94px;height: 23px;background: url(../images/brand_label.png) no-repeat;position: absolute;right: 8px;bottom: -11px;text-align: center;text-indent: 10px;line-height: 23px; color:#999;}

/*品牌详情页*/
.brand-details{padding-top:30px;margin-bottom: 2rem;}
.brand-article{background-color:#faf8f9;padding: 1.7rem 5%;text-align: center; margin-bottom: 1.7rem;}
.brand-article h1{font-size:30px;font-weight: normal;color:#c60000;margin-bottom: 1rem;}
.brand-article img{max-width: 100%;}
.brand-article .time{color:#999; font-size: 12px;font-family: Arial;display: block;margin-bottom: 0.7rem;}
.brand-article p{line-height: 1.8;}
.brand-foot p,.brand-foot a{line-height: 2;font-size: 12px;}
.brand-foot .bdshare-button-style0-16{text-align: right;margin-top: 2px;}
.brand-foot .bdshare-button-style0-16 a{float: none;display: inline-block;padding: 0;margin: 0;width: 20px;height: 20px;background-image:url(../images/utility_icon.png);background-repeat: no-repeat;}
.brand-foot .bdshare-button-style0-16 a.bds_tsina{background-position: -40px -20px;}
.brand-foot .bdshare-button-style0-16 a.bds_weixin{background-position: -20px -20px;}

.brand-other{padding-top: 2.3rem;padding-bottom: 3rem;border-top: 1px solid #ddd;}
.brand-other li{float: left; width: 18.4%; margin-right: 2%;}
.brand-other li:last-of-type{margin-right: 0;}
.brand-other .effect-pic img{width: 100%;}
.brand-other p{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-top: 10px;font-size: 12px;}

/*品牌动态结束-----------------------------------------------*/

/*联系我们开始------------------------------------------------*/
.contact{padding: 2rem 0 6rem;}
.contact-local{margin-bottom: 0.6rem;}
.contact-content-l,.contact-content-r{padding-top: 1rem;border-top: 1px solid #f6f6f6;}
.contact-content-l{width: 46%;}
.contact-content-r{width: 50%;}
.contact-content-l p{margin-bottom: 12px;font-size: 16px;}
.contact-content-l em{font-style: italic;font-family:Arial;}
.contact-content-l span{font-family: Arial;}

/*联系我们结束-----------------------------------------------*/

/*品牌故事开始--------------------------------------------*/
.story-focus{background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover; }
.story-focus-c{padding-top: 4rem;width: 77.5%;margin-left: auto;margin-right: auto;padding-bottom: 4rem;}
.story-focus-c .logo{text-align: center;margin-bottom: 1rem;}
.story-focus-c .scroll{height: 200px; margin-top: 2.7rem;color:#fff;font-size: 14px;line-height:1.8; font-size: 16px;}
.story-focus-c .jspTrack,.story-benefit-content .jspTrack{background: rgba(255,255,255,.3);}
.story-focus-c .jspDrag{background:#d5a974;}
.story-focus-c .jspVerticalBar,.story-benefit-content .jspVerticalBar{background: none;}

.story-history{padding-top: 2rem;}
.story-history-content {padding: 2rem 0 2.5rem; background:url(../images/story_history_bg.png) no-repeat center 20px; }
.story-history-line{position: relative;}
.story-history-line:after{content:"";height: 100%;position: absolute;top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1px;background-color: #e3e3e3;z-index: -1;}
.story-history-list {padding-bottom: 2rem;}
.story-history-list li{width: 100%;margin-top: -3.6rem;}
.story-history-list li .li-c {display:inline-block; width:50%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.story-history-list li:first-of-type{margin-top: 0;}
.story-history-list li:nth-of-type(2){/*margin-top: 4rem;*/}
.story-history-list li:nth-of-type(2n-1){float: left;/*text-align: right;*/ text-align:left;}
.story-history-list li:nth-of-type(2n){float: right;/*text-align: left;*/ text-align:right;}
.story-history-list li:nth-of-type(2n-1) .li-c{/*margin-right: 1.3rem;*/ padding-right:1.3rem;}
.story-history-list li:nth-of-type(2n) .li-c{/*margin-left: 1.3rem;*/ padding-left:1.3rem;}
.story-history-list h2{font-size: 30px; font-weight: normal;color:#c2000c;position: relative; margin-bottom: 15px;}
.story-history-list .text h2{font-size: 0.7rem; font-weight: normal;color:#000;}
.story-history-list h2:after{content:"";position: absolute;width: 9px;height: 9px;border-radius: 505px;background-color: #c2000c; top: 50%;margin-top: -4px;}
.story-history-list li:nth-of-type(2n-1) h2 {text-align:right;}
.story-history-list li:nth-of-type(2n) h2 {text-align:left;}
.story-history-list li:nth-of-type(2n-1) h2:after{ right: -1.3rem; margin-right: -5px;}
.story-history-list li:nth-of-type(2n) h2:after{ left: -1.3rem; margin-left: -5px;}
.story-history-list .text{display: inline-block;text-align: left; font-size: 14px;line-height: 1.8;}
.story-history-list .pic{margin-top: 0.8rem;}
.story-history-list img{max-width: 100%;}
.story-history-content .effect-button{margin-left: auto;margin-right: auto; color:#fff !important;}

.story-benefit-content{width:36%; margin-top: 2.7rem; color:#fff; margin-left: 5%;}
.story-benefit-content h3{font-weight: normal; font-size: 18px; margin-bottom: 15px;}
.story-benefit-content .scroll{margin-top: 20px;height: 8.6rem;}
.story-benefit-content p{line-height:1.8; font-size: 16px;}
.story-benefit-content .jspDrag{background: #fff;}

.story-fund{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3rem 0;}
.story-fund-content{width: 77.5%; margin-left: auto;margin-right: auto; margin-top: 2.3rem;}
.story-fund-content .pic{width: 45%;}
.story-fund-content .pic img{width: 100%;}
.story-fund-content .fund-text{width: 45%;}
.story-fund-content p{font-size: 16px;color:#333;}
.story-fund-content h3{font-weight: normal; color:#000;margin-bottom: 5px; }
.story-fund-content .scroll{height: 12rem;line-height: 1.8;}
.story-fund-content h2{font-weight: normal;font-size: 24px;color:#d0000d; margin-bottom: 20px;}
.story-fund-content .jspDrag{background: #c70404;}

.jspPane p {padding-right:15px;}

/*品牌故事研发与创新*/
.index-hot .story-title{border:1px solid #d0000d;}

.story-idea,.story-benefit{padding: 4rem 0; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
.story-idea .story-idea-wrap{width:77.5%;margin-left: auto;margin-right: auto;}
.story-title{font-size:30px;text-align: center; color:#d0000d; /*border:1px solid #d0000d;*/ padding:10px 0; /*margin-top:2.3rem;*/}
.story-title.yellow{color:#f7e9b5;}
.story-title.white{color:#fff;}
.story-idea .owl-carousel{margin-top: 2rem; }
.story-idea-content{margin-top: 25px;color:#fff; line-height: 2;font-size: 16px;}
.story-idea .owl-prev,.story-idea .owl-next{background-image: url(../images/story_arrow.png); width: 13px;height: 21px;position: absolute;top: 50%;margin-top: -10px;text-indent: -99px;overflow: hidden;}
.story-idea .owl-prev{left: -10%;background-position: 0 0;}
.story-idea .owl-next{right: -10%;background-position: right 0;}

.story-team{padding: 3rem 0; background-color:#f9f8f4;}
.story-team-content{margin-top: 2.5rem; color:#333;}
.story-team-content .pic{width: 44%;}
.story-team-content .pic img{width: 100%;}
.story-team-content .text{width: 50%;/*font-size: 16px;*/line-height: 2;margin-right: 5%;margin-top: 1rem;}

.story-test{padding: 2rem 0;}
.story-test-head{margin-top: 1.7rem;text-align: center;}
.story-test-head li{display: inline-block;margin-left: 1rem;margin-right: 1rem;position: relative; vertical-align: top;}
.story-test-head .test-icon{width: 3.6rem;height: 3.6rem;border: 1px solid #f1f1f1; background-color: #fff;position: relative; }
.story-test-head .test-icon i{width: 16px;height: 8px;background-image: url(../images/test_arrow.png);position: absolute;bottom: -7px;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.story-test-head .test-icon img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;max-width: 80%;}
.story-test-head li:after{content:"";width: 16px;height: 20px;background:url(../images/jia.png) no-repeat; position: absolute;top:1.5rem ;right: -1.4rem;}
.story-test-head li:last-of-type:after{display: none;}
.story-test-head li .img2{display: none;}
.story-test-head p{text-align: center;font-size: 16px;color:#333; margin-top: 20px;}
.story-test-head li.on .test-icon{border-color: #d0000d; }
.story-test-head li.on .test-icon i{background-position: 0 bottom;}
.story-test-head li.on .img2{display: block;}
.story-test-head li.on .img1{display: none;}

.story-test-content{margin-top: 1.7rem;background: #fafafa;position: relative;}
.story-test-content .pic{width: 50%;position: absolute;left: 0;height: 100%;}
.story-test-content .pic .img{width: 100%;height: 100%;background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover;
background-size: cover;}
.story-test-content .pic img{display: none;}
.story-test-content .test-text{padding:1rem 0.8rem;width: 50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.story-test-content h2{font-weight: normal;font-size: 22px; color:#333; line-height: 1.5;}
.story-test-content .scroll{margin-top: 15px;height: 10rem;/*overflow-y: auto;*/ }
/*.story-test-content .scroll::-webkit-scrollbar-thumb {width:5px;background-color:#000;} 
.story-test-content .scroll::-webkit-scrollbar-track-piece {width:5px;background-color:#aaa;} */

.story-test-content .scroll p{line-height: 1.8;}
.story-test-content .scroll hr{border: 0;background-color: #e5e5e5;height: 1px; margin-top: 15px;margin-bottom: 20px;}
.story-test-content .scroll h3{font-weight: normal;font-size: 14px; color:#333; line-height: 2;}
.story-test-content .jspTrack{background: #e5e5e5;}
.story-test-content .jspDrag{background:#c70404;}
.jspVerticalBar,.jspDrag,.jspTrack{border-radius: 8px;}

.story-center,.spa-feature{background:#720007 url(../images/story_center_bg.jpg) no-repeat center bottom; padding: 3rem 0; -webkit-background-size: 100% auto; background-size: cover;}
/*.story-center .wrap{width: 68%;}*/
.story-center-content {margin-top: 2rem; margin-left: auto;margin-right: auto;}
.story-center-content .pic img{width: 100%;}
.story-center-content .text{color:#fff;font-size: 16px;line-height: 2; margin-top:60px;}
.jspScrollable{width: 100% !important;outline:none;}
.jspPane{width: 95% !important;}


/*品牌故事结束-----------------------------------------------*/

/*美容spa开始----------------------------------------------*/
.spa-banner {position: relative;overflow: hidden;}
.spa-banner .pic{background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.spa-banner .brand-banner-text h2{font-size: 1.8rem;}
.spa-major {position: relative;background-repeat: no-repeat; background-position: 85% bottom;}
.spa-major-content{padding: 2rem 0; width: 77.5%;margin-left: auto;margin-right: auto;}
.spa-major-content-l,.spa-major-content-r{width: 50%;}
.spa-major-content-l{text-align: center;}
.spa-major-content-l .text{display: inline-block;text-align: left;margin-top: 0.6rem;}
.spa-major-content-l .text p{/*font-size: 18px;*/line-height: 1.8;color:#333;}
.spa-major-content-r .img1{ width: 45%;margin-left: 8%;}
.spa-major-content-r .img2{
        width: 78%;
    margin-right: 10%;
    margin-top: -2%;
}

.spa-feature{padding: 2.5rem 0 5rem;}
.spa-feature .owl-carousel{margin-top: 2.7rem;width: 77.5%;margin-left: auto;margin-right: auto;}
.spa-feature .feature-pic{width: 42%;}
.spa-feature .feature-pic img{width: 100%;}
.spa-feature .feature-text{width: 53%;color:#fff;margin-top: 0.8rem;}
.spa-feature .feature-text h2{font-size: 26px;font-weight: normal; margin-bottom: 0.8rem;}
.spa-feature .feature-text p{line-height: 2; font-size: 16px}
.spa-feature .feature-text span{color:rgba(255,255,255,.5);margin-bottom: 10px;display: block;}
.spa-feature .owl-prev,.spa-feature .owl-next{width: 13px;height: 21px;position: absolute;top: 50%;margin-top: -10px;background-image: url(../images/story_arrow.png);background-repeat: no-repeat;text-indent: -99px;overflow: hidden;}
.spa-feature .owl-prev{left:-10%;background-position: 0 0;}
.spa-feature .owl-next{right:-10%;background-position: right 0;}

.spa-experience{padding: 2.7rem 0 3rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: 10% bottom;}
.spa-experience-content {width: 77.5%;width: 100%;margin-left: auto;margin-right: auto;margin-top: 0.5rem;}
.spa-experience-content-l{
    
        width: 50%;
    margin-left: 0%;
    color: #333;
      font-size: 16px;
    line-height: 33px;
  
    margin-top: 10px;
}
.spa-experience-content-r{width: 43%;margin-right: 5%;}
.spa-experience-content-l .text{margin-bottom: 1rem;}
.spa-experience-content-l .pic{text-align: right;}
.spa-experience-content-l img{width: 60%;}
.spa-experience-content-r img{width: 100%;}
.spa-experience-content-r .pic1{margin-bottom: 1rem;margin-bottom: 16px}
.spa-experience-content-r .pic2{width: 78%;} 

/*美容spa结束------------------------------------------------*/
/*产品系列开始---------------------------------------------------*/
.product-choose{padding: 1rem 0;border-bottom: 1px solid #e5e5e5;}
.product-choose span,.product-choose select{font-size: 12px;color:#333;}
.product-choose select{margin-left: 0.8rem;margin-right: 0.8rem;min-width: 90px;}

.product{padding: 2rem 0;}
.product-list li{width: 31%;float: left;margin-right: 3.5%;margin-bottom: 1.7rem;}
.product-list li:nth-of-type(3n){margin-right: 0;}
.product-list .pic{display: block;position: relative;background-color:#f7f7f7;z-index: 2; width: 100%;padding-top: 100%;}
.product-list .pic img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;}
.pro-loading{position: absolute;width: 30px;height: 30px;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index: -1;display: none;}
.pro-loading > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
.pro-loading > div:first-child {
      background: #d0000c;
      height: 16px;
      width: 16px;
      top: 9px;
      left: 9px;
      -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
.pro-loading > div:last-child {
      position: absolute;
      border: 2px solid #d0000c;
      width: 30px;
      height: 30px;
      background: transparent;
      border: 2px solid;
      border-color: #d0000c transparent #d0000c transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@-webkit-keyframes scale {
    
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    
}
@-moz-keyframes scale {
    
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    
}
@-ms-keyframes scale {
    
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    
}
@-o-keyframes scale {
    
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    
}
@keyframes scale {
    
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    
}

@-webkit-keyframes rotate {
    
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
    
}
@-moz-keyframes rotate {
    
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
    
}
@-ms-keyframes rotate {
    
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
    
}
@-o-keyframes rotate {
    
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
    
}
@keyframes rotate {
    
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); }
    
}
.product-list p{margin-top: 10px;text-align: center;}
.product-list a{font-size: 16px;}
.product-list {padding-bottom: 1rem;}
.product-list img{max-width: 100%;}


/*产品系列结束-------------------------------------------------------*/

/*产品系列详情开始-----------------------------------------------------*/
.product-details{padding: 4rem 0 2.7rem; background:url(../images/product_details_bg.png) no-repeat left bottom;}
.product-details-l,.product-details-r{width: 50%;

}
.product-details-l .owl-carousel{width: 75%;margin-left: auto;margin-right: auto;}
.product-details-l .owl-dots{text-align: center;}
.product-details-l .owl-dot{display: inline-block;width: 67px;height: 67px;border: 1px solid #e0e0e0;margin-left: 5px;margin-right: 5px;background-repeat: no-repeat; background-position: center center;-webkit-background-size: 80% auto;
background-size: 80% auto;}
.product-details-l .owl-dot.active{border-color: #b0000b;}
.product-details-c{width: 88%;margin-left: auto;margin-right: auto;}
.product-details-c h1{font-weight: normal;font-size:30px;color:#b0000c; margin-bottom: 1rem; line-height:normal;}
.product-details-c .text p{width: 53%; display: inline-block;vertical-align: top;}
.product-details-c .text p:nth-of-type(2n-1){width: 42%;margin-right: 3%;}
.product-details-c{line-height: 2;}
.product-details-c h3{margin-top: 0.8rem;}
.product-details-c .bdsharebuttonbox{margin-top: 0.5rem;}
.product-details-c .bdshare-button-style0-16 a{padding: 0;margin: 0;width: 30px;height: 30px;border-radius: 50%; background-image: url(../images/pro_share.png); background-color: #9b0000;}
.product-details-c .bdshare-button-style0-16 a.bds_tsina{background-position: 0 0;margin-right: 5px;}
.product-details-c .bdshare-button-style0-16 a.bds_weixin{background-position: right 0; }

.product-content{background-repeat: repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;color:#fff; background-position: center top;}
.pro-title {font-size: 30px;text-align: center;}
.pro-title h2{/*font-family: Georgia;*/font-weight: normal;}
.pro-title h3{font-weight: normal;}

.pro-margin{padding: 4rem 0 3rem;}
.pro-composition-content,.pro-video-content{width: 84%;margin: 2.5rem auto 0;}
.pro-composition-content .text h2{font-weight: normal;font-size: 0.8rem; margin-bottom: 10px;margin-top: 0.84rem;}
.pro-composition-content .text p{font-size: 0.6rem;line-height: 1.5;width: 82%;}
.pro-composition-content .text {width: 50%;margin-top: 0.5rem;}
.pro-composition-content .pic{width: 50%;text-align: right;}
.pro-composition-content .pic img{width: 90%;}

.pro-efficacy,.pro-process{padding-top: 1rem;}
.pro-efficacy-pic{width: 50%;}
.pro-efficacy-pic img{width: 100%;}
.pro-efficacy-content{margin-top: 2rem;position: relative;}
.pro-efficacy-text{width: 38%;margin-right: 8%;position: absolute;top: 50%;right: 0;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.pro-efficacy-text h2{font-weight: normal; font-size: 1.2rem;margin-bottom: 1rem;border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: 10px;}
.pro-efficacy-text p{font-size: 0.6rem; line-height: 1.5;}

.pro-video-content .video-js .vjs-tech{position: static;height: auto;}
.pro-video-content .video-js{width: 100% !important; height: auto !important;}
.pro-video-content .vjs-default-skin .vjs-control-bar{display: block;background-color:#111132; height: 2.8em;}
.pro-video-content .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity: 1; visibility:visible; }

.pro-process .owl-carousel,.series-list{width: 84%;margin-left: auto;margin-right: auto; margin-top: 2.7rem; max-width: 1200px;}
.pro-process .item{text-align: center;}
.pro-process-text{margin-top: 1.3rem;width: 80%;margin-left: auto;margin-right: auto;}
.pro-process-text h3{font-style: italic; font-weight: normal;}
.pro-process-text h3 em{font-size: 1.6rem;font-family: Arial;font-style: italic; }
.pro-process-text h3 span{font-size: 0.7rem;}
.pro-process .owl-carousel .owl-item img{width: auto;max-width: 80%;display: inline-block;}
.pro-process .owl-prev,.pro-process .owl-next{width: 22px;height: 40px;background-image: url(../images/process_arrow.png);background-repeat: no-repeat; position: absolute;top: 40%;margin-top: -20px;text-indent: -99px;overflow: hidden; }
.pro-process .owl-prev{left: -8%;}
.pro-process .owl-next{right: -8%;background-position: right 0;}

.series-list li{width: 40%;color:#fff;margin-bottom: 1.5rem;}
.series-list .pic{display: block;}
.series-list .pic img{max-width: 100%;}
.series-list a{color:#fff;}
.series-list .text{margin-top: 10px;}
.series-list h1{font-weight: normal;font-size:18px;margin-bottom: 0.8rem;}
.series-list p{line-height: 1.5;}
.series-list .effect-button{margin-top: 1.5rem;}

/*产品系列详情结束---------------------------------------------------------*/

/*新品上市开始-------------------------------------------------------*/
/*蜂丹玉露*/
.fengdan-wrapper{background-color: #000; color:#b9924b;}
.fengdan-row1{padding: 3rem 0;background-repeat: no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; background-position: center bottom;text-align: center;}
.fengdan-row1 .title h2{font-weight: normal; font-size: 1rem;margin-bottom: 10px;}
.fengdan-row1 .title p{font-size: 0.9rem;margin-top: 10px;}
.fengdan-row1 .title img{width: 15rem;}
.fengdan-row1 .title {margin-bottom: 1.5rem;}
.fengdan-row1 .pic img{max-width: 55%;}

.fengdan-row2{padding-bottom: 5rem;text-align: center;}
.fengdan-row2 h2{font-size:30px;font-weight: normal; line-height: 1.8;}
.fengdan-row2-list{margin-top: 3rem;}
.fengdan-row2-list li{margin-bottom: 1rem;float: left; width: 33.333%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-left: 5%;padding-right: 5%;}
.fengdan-row2-list.fengdan-row2-list h2{font-size: 22px;}
.fengdan-row2-list .text{margin-top: 20px;font-size: 14px;line-height: 1.8;}

.fengdan-row3{padding-bottom: 12rem; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover; text-align: center;overflow: hidden;}
.fengdan-row3 .text{margin-top: 1.5rem;letter-spacing: 3px; line-height: 1.8;}
.fengdan-row3 p{font-size: 0.6rem;}
.fengdan-row3 h2{font-weight: normal; font-size: 30px;margin-top: 1rem;}

.fengdan-row4{padding: 4.5rem 0 3rem; background-repeat: no-repeat; background-position: center center;-webkit-background-size: 100% auto; background-size: 100% auto; position: relative;}
.fengdan-row4 .wrap{ position: relative;}
.fengdan-row4 .pic{width: 60%;}
.fengdan-row4 .pic img{width: 100%;}
.fengdan-row4-text{width: 55%; position: absolute;top: 50%;right: 0;
-webkit-transform: translateY(-52%);
   -moz-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
     -o-transform: translateY(-52%);
        transform: translateY(-52%);}
.fengdan-row4-text .block{padding-left: 35%;position: relative;padding-bottom: 12%;padding-top: 12%;}
.fengdan-row4-text .block:nth-child(1){padding-top: 0;}
.fengdan-row4-text .block:nth-child(2){padding-bottom: 0;}

.fengdan-row4-text  .block-img{position: absolute;left: 0;top: 50%;width: 27.8%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.fengdan-row4-text  .block-img img{width: 100%;}
/*.fengdan-row4-text .block-text{padding: 20px 0;}*/
.fengdan-row4-text .block-text h3{font-weight: normal;font-size: 30px;margin-bottom: 10px;}
.fengdan-row4-text .block-text h4{font-weight: normal;font-size:22px;margin-bottom: 10px;}
.fengdan-row4-text .block-text p{line-height: 2;}


.fengdan-row5 {padding-top: 2rem; padding-bottom:4rem;background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: 100% auto;
background-size: 100% auto;}
.fengdan-row5-content{padding-top: 4rem;background:rgba(255,255,255,.03);border: 1px solid rgba(255,255,255,.1);border-radius: 10px;overflow: hidden;}
.fengdan-row5-title{margin-bottom: 1.2rem;text-align: center;}
.fengdan-row5-title h2{font-weight: normal;font-size: 30px;margin-bottom: 10px;display: inline-block;position: relative;}
.fengdan-row5-title h2:before,.fengdan-row5-title h2:after{content:"";position: absolute; left: -6.5rem; top: 50%; width: 5.5rem; height: 1px; vertical-align: middle;
background-image:-webkit-linear-gradient(left,rgba(199,150,80,.1),rgba(199,150,80,.5));
background-image:   -moz-linear-gradient(left,rgba(199,150,80,.1),rgba(199,150,80,.5));
background-image:    -ms-linear-gradient(left,rgba(199,150,80,.1),rgba(199,150,80,.5));
background-image:     -o-linear-gradient(left,rgba(199,150,80,.1),rgba(199,150,80,.5));
background-image:        linear-gradient(left,rgba(199,150,80,.1),rgba(199,150,80,.5));}
.fengdan-row5-title h2:after{left: auto;right: -6.5rem;
-webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
        transform: rotate(180deg);}

.fengdan-row5-title p{font-size: 18px;}
.fengdan-row5-head{text-align: center;}
.fengdan-row5-head li{display: inline-block;font-size: 16px;height: 32px;line-height: 32px;background-color: #e7e7e7; color:#777; padding-left: 30px;padding-right: 30px;border-radius: 32px; margin-left: 5px;margin-right: 5px; cursor: pointer;}
.fengdan-row5-head li.on{background-color:#b6000a; color:#fff;}
.fengdan-row5-body{margin-top: 3rem;width: 84%;margin-left: auto;margin-right: auto;}
.fengdan-row5-body li{margin-bottom: 3rem;}
.fengdan-row5-body .pic{width: 50%;}
.fengdan-row5-body .text{width: 30%;margin-left: 10%;margin-right: 10%;color:#fff;}
.fengdan-row5-body li:nth-of-type(2n-1) .pic,.fengdan-row5-body li:nth-of-type(2n) .text{float: right; }
.fengdan-row5-body li:nth-of-type(2n-1),.fengdan-row5-body li:nth-of-type(2n) .pic{text-align: right;}
.fengdan-row5-body li:nth-of-type(2n),.fengdan-row5-body li:nth-of-type(2n-1) .pic{text-align: left;}
.fengdan-row5-body li:nth-of-type(2n) .pic,.fengdan-row5-body li:nth-of-type(2n-1) .text{float: left;}
.fengdan-row5-body .pic img{max-width: 80%;}
.fengdan-row5-body h2{font-weight: normal; font-size: 18px; color:#ab772d; margin-bottom: 20px;}
.fengdan-row5-body p{line-height: 1.6;}
.fengdan-row5-body .effect-button{margin-top: 1.7rem;width: 120px;height: 30px;line-height: 30px;}
.fengdan-row5-body li:nth-of-type(2n-1) .effect-button{margin-left: auto;}
.fengdan-row5-title br{display: none;}

/*双峰奢颜*/
.shuangfeng-wrapper{background:#0b0300 url(../images/shuangfeng_bg.jpg) repeat; color:#d4a064;}
.shuangfeng-row1 img,.shuangfeng-row2-content img{width: 100%;}
.shuangfeng-row1 .img2{display: none;}
.shuangfeng-row2-content,.shuangfeng-row4-content{width: 84%;margin-left: auto;margin-right: auto;position: relative;}
.shuangfeng-row2{margin-top: -3rem;}
.shuangfeng-row2-content .pic{width: 40%;}
.shuangfeng-row2-content .text,.shuangfeng-row3 .text{position: absolute;width: 50%;right: 0;top: 50%;text-align: center;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.shuangfeng-row3 .pic{width: 55%;}
.shuangfeng-row3 {position: relative;}
.shuangfeng-row3 .text{width: 34%;right: auto;left: 8%;}

.shuangfeng-row4{margin-top: 3rem;position: relative;z-index: 2;}
.shuangfeng-row4 .pic1{text-align: center;width:40%;margin-left: auto;margin-right: auto;}
.shuangfeng-row4-content ul{margin-bottom: 1.5rem;}
.shuangfeng-row4-content li{width: 46%;} 
.shuangfeng-row4-content img,.shuangfeng-row3 .text img,.shuangfeng-row3 .pic img{max-width: 100%;}

.shuangfeng-row5{padding: 8rem 0; -webkit-background-size: cover; background-size: cover;background-repeat: no-repeat;position: relative;margin-top: -2rem;background-position: center bottom;}
.shuangfeng-row5 .wrap{position: relative;}
.shuangfeng-row5 p{font-size: 18px;margin-bottom: 10px;line-height: 1.8;}
.shuangfeng-row5 .p2{font-size: 14px;}
.shuangfeng-row5 .pic{margin-right: 5%;width: 30%;}
.shuangfeng-row5 .text{margin-left: 5%; width: 56%;position: absolute;top: 50%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.shuangfeng-row5 img{width: 100%;}

.shuangfeng-row6{margin-top: -4rem;position: relative;z-index: 2;-webkit-background-size: auto auto; background-size: auto auto; background-position: center top;}
.shuangfeng-row6 .fengdan-row5-body .text{width: 40%;margin-left: 5%;margin-right: 5%;padding-top: 2rem;padding-bottom: 2rem;}



/*蓝珊瑚*/
.shanhu-wrapper{background: #141b36;color:#fff;}
.shanhu-row1 img{width: 100%;}
.shanhu-row1 .img1{display: block;}
.shanhu-row1 .img2{display: none;}
.shanhu-row1{position: relative;z-index: 2;}
.shanhu-content{background-position: center top; background-repeat: repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;}
.shanhu-row2 .shanhu-title1{}
.shanhu-title1{text-align: center;font-size: 30px;font-weight: normal;margin-top: -7%;position: relative;z-index: 3; line-height: 1.6;}
.shanhu-row2-content{margin-top: 3.5rem; width: 84%;margin-left: auto;margin-right: auto;padding-bottom: 3rem;}
.shanhu-row2-content .pic{width: 50%;}
.shanhu-row2-content .pic img{max-width: 90%;}
.shanhu-row2-content li:nth-of-type(2n-1) .pic{float: left;}
.shanhu-row2-content li:nth-of-type(2n) .pic{float: right;}
.shanhu-row2-content li{position: relative;}
.shanhu-row2-text{width: 50%;right: 0;position: absolute;top: 40%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.shanhu-row2-content li:nth-of-type(2n) .shanhu-row2-text{right: auto;left: 0;}
.shanhu-row2-text .text{max-width: 270px;margin-left: auto;margin-right: auto;text-align: center;}
.shanhu-row2-text .text h2{font-weight: normal;font-size:22px; margin-bottom: 10px;}
.shanhu-row2-text .text p{line-height: 1.8;}
.shanhu-row2-content li:nth-of-type(3) .shanhu-row2-text{top: 50%;}

.shanhu-row3 {position: relative;}
.shanhu-row3 img{width: 100%;}
.shanhu-row3 .img2{display: none;}
.shanhu-row3-title{text-align: center;position: absolute;width: 100%;top: 10%;line-height: 1.8;}
.shanhu-row3-title h2{font-weight: normal;font-size:30px;}
.shanhu-row3-title .p1{font-size: 18px;}
.shanhu-row3-title .p2{font-size: 14px;}

.shanhu-row4 {margin-top: -2rem;position: relative;z-index: 2;}
.shanhu-row4 .fengdan-row5-body h2{color:#fff;}
.shanhu-row4 .fengdan-row5-body li{margin-bottom: 3rem;}
/*.shanhu-row4 .fengdan-row5-title h2{font-size: 1.45rem;}*/
.shanhu-row4 .fengdan-row5-title h2:before, .shanhu-row4 .fengdan-row5-title h2:after{
background-image: -webkit-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
background-image: -moz-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
background-image: -ms-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
background-image: -o-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
background-image: linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
}

/*极地雪藻*/
.xuezao-wrapper{background-repeat: repeat-y; background-position: center 0;-webkit-background-size: 100% auto; background-size: 100% auto; color:#bf9650;}
.xuezao-row1 {position: relative;}
.xuezao-row1 img{width: 100%;}
.xuezao-row1 .bg2{display: none;}
.xuezao-title h2{font-weight: normal;font-size: 30px;text-align: center;line-height: 1.5;}
.xuezao-title {padding-bottom: 2rem;}
.xuezao-content{background-repeat: no-repeat; background-position: center 0;-webkit-background-size: 100% auto;
background-size: 100% auto;}
.xuezao-row2-content{width: 84%;margin-left: auto;margin-right: auto;padding-top:7%; padding-bottom: 10%;}
.xuezao-row2-content img{max-width: 52%;}

.xuezao-row3 {padding-bottom: 4rem;}
.xuezao-row3 li{position: relative;}
.xuezao-row3 li:nth-of-type(2n-1) .pic{float: right;}
.xuezao-row3 li:nth-of-type(2n) .pic{float: left;}
.xuezao-row3 .pic{width: 55%;}
.xuezao-row3 .pic img,.xuezao-row3 .text img{max-width: 90%;}
.xuezao-row3 .xuezao-row3-text{position: absolute;left: 0;right: 0;top: 50%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.xuezao-row3-text .text{width: 36%;margin-left: 2%;margin-right: 2%;}
.xuezao-row3 li:nth-of-type(2n-1) .text{float: left;}
.xuezao-row3 li:nth-of-type(2n) .text{float: right;}

.xuezao-row4 .wrap{background:rgba(255,255,255,.3);}
.xuezao-row4 .fengdan-row5-body .text{color:#666;}
.xuezao-row4 .fengdan-row5-body li:nth-of-type(2n), .xuezao-row4 .fengdan-row5-body li:nth-of-type(2n-1) .pic{text-align: right;}
.xuezao-row4 .fengdan-row5-body li:nth-of-type(2n-1) .pic, .xuezao-row4 .xuezao-row4 .fengdan-row5-body li:nth-of-type(2n) .text{float: left;}
.xuezao-row4 .fengdan-row5-body li:nth-of-type(2n) .pic, .xuezao-row4 .fengdan-row5-body li:nth-of-type(2n-1) .text{float: right;}
.xuezao-row4 .fengdan-row5-body li:nth-of-type(2n-1), .xuezao-row4 .fengdan-row5-body li:nth-of-type(2n) .pic{text-align: left;}
.xuezao-row4 .fengdan-row5-body li:nth-of-type(2n-1) .effect-button{margin-left: 0;}
.xuezao-row4 .fengdan-row5-body li:nth-of-type(2n) .effect-button{margin-left: auto;}

/*美颜奢定*/
.sheding-wrapper{background-color: #e7f5fa;}
.sheding-row1 .pic img{width: 100%;}
.sheding-row1{position: relative;}
.sheding-row1 .text{position: absolute;top: 5%;left: 0;right: 0;margin-left: auto;margin-right: auto;text-align: center;display: none;}
.sheding-row1 .text img{width: 38%;}
.sheding-row2{position: relative;}
.sheding-row2 .bg img{width: 100%;}
.sheding-row2 .wrap{position: absolute;left: 0;right: 0;height: 100%;top: 0;}
.sheding-row2 .text1{text-align: center;margin-top: 8%;}
.sheding-row2 .text1 img{max-width: 47.5%;}
.sheding-row2 .text2{text-align: center;margin-top: 6%;}
.sheding-row2 .text2 img{max-width: 45%;}

.sheding-row3 .text1{text-align: center;}
.sheding-row3 .text1 img{max-width: 49%;}
.sheding-row3-content{margin-top: 4rem; position: relative;width: 90%;margin-left: auto;margin-right: auto;}
.sheding-row3-content .pic img{max-width: 100%;}
.sheding-row3-content ul{height: 100%;position: absolute;top: 0;width: 100%;top: 0;}
.sheding-row3-content li{height: 31%; margin-bottom: 3.5%;position: relative;}
.sheding-row3-content li .text{width: 50%;text-align: center;position: absolute;top: 50%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.sheding-row3-content li:nth-of-type(2n-1) .text{right: 0;}
.sheding-row3-content li:nth-of-type(2n) .text{left: 0;}
.sheding-row3-content .text img{max-width: 100%;}


.sheding_row5 .fengdan-row5-content{background:rgba(255,255,255,.3);}
.sheding_row5 .fengdan-row5-body .text{color:#666;}
.sheding_row5 .fengdan-row5-body h2,.sheding_row5 .fengdan-row5-title h2{color:#259bbf;}
.sheding_row5 .fengdan-row5-body li:nth-of-type(2n) .pic, .sheding_row5 .fengdan-row5-body li:nth-of-type(2n-1) .text{float: right;}
.sheding_row5 .fengdan-row5-body li:nth-of-type(2n-1) .pic, .sheding_row5 .fengdan-row5-body li:nth-of-type(2n) .text{float: left;}
.sheding_row5 .fengdan-row5-body li:nth-of-type(2n), .sheding_row5 .fengdan-row5-body li:nth-of-type(2n-1) .pic{text-align: right;}
.sheding_row5 .fengdan-row5-body li:nth-of-type(2n-1), .sheding_row5 .fengdan-row5-body li:nth-of-type(2n) .pic{text-align: left;}
.sheding_row5 .fengdan-row5-title h2:before, .sheding_row5 .fengdan-row5-title h2:after{
background-image: -webkit-linear-gradient(left,rgba(37,155,191,.1),rgba(37,155,191,.5));
background-image: -moz-linear-gradient(left,rgba(37,155,191,.1),rgba(37,155,191,.5));
background-image: -ms-linear-gradient(left,rgba(37,155,191,.1),rgba(37,155,191,.5));
background-image: -o-linear-gradient(left,rgba(37,155,191,.1),rgba(37,155,191,.5));
background-image: linear-gradient(left,rgba(37,155,191,.1),rgba(37,155,191,.5));}
.sheding-content{background:url(../images/sheding_content_bg.jpg) repeat-y center top;-webkit-background-size: 100% auto;
background-size: 100% auto;}

.sheding-row4 .pic img{width: 100%;}
.sheding-row4 .pic .img2{display: none;}
.sheding-row4{margin-bottom: 4rem;position: relative;}
.sheding-row4 .wrap{position: absolute;left: 0;right: 0; height: 100%;top: 0;}
.sheding-row4 .text{width: 50%;left: 5%; top: 50%;position: absolute;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.sheding-row4 .text img{max-width: 100%;}

.sheding-row4 .pic .img2,.sheding-row1 .pic .img2,.sheding-row3-content .pic .img2{display: none;}
.sheding_row5{background:url(../images/sheding_row5_bg.png) no-repeat left bottom; -webkit-background-size: auto;
background-size: auto; }
.sheding_row5 .fengdan-row5-body li:nth-of-type(2n-1) .effect-button{margin-left: 0;}
.sheding_row5 .fengdan-row5-body li:nth-of-type(2n) .effect-button{margin-left:auto;}


/*新品上市结束-------------------------------------------------------------*/
/*首页开始--------------------------------------------------------*/
.index-banner{/*height: 21rem;*/overflow: hidden;position: relative;margin-left: -1px;-webkit-background-size: cover; background-size: cover;/*background: url(../images/index_banner.jpg) no-repeat;*/}
.index_pcvideo {min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
.index-play{width: 20px;height: 15px;position: absolute;left: 40px;top: 20px;background-image: url(../images/play_btn.png);background-repeat: no-repeat; background-position: 0 0;z-index: 5;}
.index-play.index-pause{background-position: 0 bottom;}
.index-banner-nav{position: absolute;z-index: 2;bottom: 30px;text-align: center;left: 0;width: 100%;}
.index-banner-nav a.head{display: inline-block;color:#FFF;padding-bottom: 0;}
.index-banner-nav a.head:hover{color:#d0000d;}
.index-banner-nav li{display: inline-block;float: none;}
.index-banner .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover;
background-size: cover;}
.index-banner-nav .public-header-nav li{display: inline-block;position: static;padding-top: 35px;}
.index-banner-nav .public-header-nav li::after{display: none;}
.index-banner-nav .public-nav-body{position: absolute;bottom: 50px;border-top: 0;border-bottom: 1px solid #d0000c;top:auto;}
.index-banner-nav .public-header-nav{padding-top: 0;margin-right: 0;}
.index-banner-nav .public-header-nav li:last-of-type .head:after{display: none;}
.index-banner-nav .public-header-nav li .head:after{background-color: #fff;}
.index-public-header-utility{position: absolute;left: 0;right: 0;z-index: 2;}
.index-public-header-utility .utility-contact{display: none;}
.index-public-header-utility .public-header-utility .utility-icon-weixin{background-position: -20px -40px;}
.index-public-header-utility .public-header-utility .utility-icon-weibo{background-position: -40px -40px;}
.index-public-header-utility .public-header-utility .utility-icon-sousuo{background-position: 0 -40px;}
.public-header-utility .utility-search-text{background: none;color:#fff;}
.public-header-utility .utility-search-text::-webkit-input-placeholder{color:#fff;}

.index-banner .public-header-utility .utility-search-text{color:#fff;}

.index-banner-text{position: absolute;text-align: center;top: 50%;left: 50%;
-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
.index-banner-text .mouse{margin-top: 4rem; cursor:pointer;}
.index-banner-text .logo img{width: 10rem;}
.index-banner-text .mouse img{width: 7.3rem;}
.index-header{display: none;}

.index-focus2,.index-focus3{position: relative;overflow: hidden;}
.index-focus2 .pic,.index-focus3 .pic{} 
.index-focus2 .pic img,.index-focus3 .pic img{width: 100%;}
.index-focus2 .pic .img1,.index-focus3 .pic .img1{display: block;}
.index-focus2 .pic .img2,.index-focus3 .pic .img2{display: none;}
.index-focus2-text{text-align: center;position: absolute;bottom: 1.7rem;left: 0;right: 0;color:#fff;line-height: 1.8;}
.index-focus2-text h2{font-weight: normal; font-size: 1rem;}
.index-focus2-text p{font-size: 0.5rem;}
.index-focus2-text .more{font-style: italic;color:#fff;display: inline-block;margin-top: 10px;}
.index-focus3-text{text-align: center;position: absolute;top: 50%;left: 0;right: 0;color:#fff;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.index-focus3-text h3{font-weight: normal;font-size: 1rem;font-family: Georgia; letter-spacing: 5px;}
.index-focus3-text p{font-size: 0.7rem;}
.index-focus3-text h2{font-weight: normal;font-size: 1.3rem;}
.index-focus3-text .more{display: block;margin-left: auto;margin-right: auto; width: 137px;height: 50px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff;text-align: center;line-height: 48px;border: 1px solid #fff; margin-top: 1rem;font-size: 16px;position: relative;overflow: hidden;
-webkit-transition: all .4s;
   -moz-transition: all .4s;
    -ms-transition: all .4s;
     -o-transition: all .4s;
        transition: all .4s;}
.index-focus3-text .more::before{content:""; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #b6000a; z-index: -1; opacity: 0;
-webkit-transform: scale3d(0.7, 1, 1);
   -moz-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
     -o-transform: scale3d(0.7, 1, 1);
        transform: scale3d(0.7, 1, 1);
-webkit-transition: all .4s cubic-bezier(0.2, 1, 0.3, 1);
   -moz-transition: all .4s cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition: all .4s cubic-bezier(0.2, 1, 0.3, 1);
     -o-transition: all .4s cubic-bezier(0.2, 1, 0.3, 1);
        transition: all .4s cubic-bezier(0.2, 1, 0.3, 1);}
.index-focus3-text .more:hover{border-color: #b6000a;}        
.index-focus3-text .more:hover::before{opacity: 1;
-webkit-transform: scale3d(1,1,1);
   -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
     -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);

}

.index-hot{padding: 100px 0; overflow:hidden; /*padding-top:100px;*/}
.index-hot-list{margin-top:60px;}
.index-hot-list li{width: 22%;margin-right: 3.5%;float: left; margin-bottom: 1rem;}
.index-hot-list li:last-of-type{margin-right: 0;}
.index-hot-list .text{padding-top: 1rem;text-align: center;margin-top: -1px;display: block; padding-bottom: 0.8rem;
-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.index-hot-list .text h2{font-size:16px; font-weight: normal;margin-bottom: 10px;color:#d0000d;}
.index-hot-list p{color:#333;}
.index-hot-list a:hover .text{background-color: #fff;box-shadow:0 0 10px rgba(0,0,0,.2);}
.index-hot-list .pic{display: block;position: relative;overflow: hidden;width: 100%;background-color:#f8f4f1;}
.index-hot-list .pic img{width: 100%;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.index-hot-list .pic span{position: absolute;z-index: 10;top: 0;bottom: 0;left: 0;right: 0;margin:auto; width: 137px;height: 50px;line-height: 48px;text-align: center;color:#fff;font-size: 16px;border: 1px solid #fff;}

.index-hot-list .pic span{opacity: 0;
-webkit-transition: all .35s;
   -moz-transition: all .35s;
    -ms-transition: all .35s;
     -o-transition: all .35s;
        transition: all .35s;}
.index-hot-list .pic:hover span{opacity: 1;}

.index-nurse .index-hot-list .text{text-align: left;}
.index-nurse .index-hot-list h2 {text-align:center;}
.index-nurse .index-hot-list h3{color:#333; line-height: 1.8;}
.index-nurse .index-hot-list p{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.index-nurse {background-color:#faf8f4;}

.index-beauty{position: relative; overflow:hidden; padding-top:100px; min-height: 560px;}
.index-beauty .pic img{width: 100%;}
.index-beauty .pic{-webkit-background-size: cover; background-size: cover;height: 100%;background-repeat: no-repeat;position: absolute;left: 0;right: 0;top: 50%;background-position: center center;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.index-beauty-content{text-align: right;position: absolute;top: 50%;left: 0;right: 0;margin-left: auto;margin-right: auto;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.index-beauty-content .text{display: inline-block;color:#fff;opacity: 0.7; line-height: 2;}
.index-beauty-content .text-c{text-align: left;margin-bottom: 0.7rem;}
.index-beauty-content .text-c:last-child{margin-bottom: 0;}
.index-beauty-content h3{font-weight: normal;font-size:30px;}
.index-beauty-content p{font-size:14px;}

/*首页结束------------------------------------------------------------*/




/*电脑版效果*/
@media (min-width: 1024px) {
/*鼠标移上图片*/
.effect-pic{overflow: hidden;background-color: #fff;position: relative;display: block;}
.effect-pic:hover{background-color: #000;}
.effect-pic::before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);z-index: 2;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
   -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
     -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
-webkit-transition: all .6s;
   -moz-transition: all .6s;
    -ms-transition: all .6s;
     -o-transition: all .6s;
        transition: all .6s;}
.effect-pic img,.effect-pic .img{
-webkit-transform: scale3d(1.06,1.06,1);
   -moz-transform: scale3d(1.06,1.06,1);
    -ms-transform: scale3d(1.06,1.06,1);
     -o-transform: scale3d(1.06,1.06,1);
        transform: scale3d(1.06,1.06,1);
-webkit-transition: all .35s;
   -moz-transition: all .35s;
    -ms-transition: all .35s;
     -o-transition: all .35s;
        transition: all .35s;
}
.effect-pic:hover img,.effect-pic:hover .img{opacity: 0.9;
-webkit-transform: scale3d(1.01,1.01,1);
   -moz-transform: scale3d(1.01,1.01,1);
    -ms-transform: scale3d(1.01,1.01,1);
     -o-transform: scale3d(1.01,1.01,1);
        transform: scale3d(1.01,1.01,1);
}
.effect-pic:hover::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
   -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
    -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
     -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
}   
.brand-list .brand-text a:hover,.product-list a:hover,.season-text h1 a:hover{color:#d0000d;}

/*内页banner图*/
.active.brand-banner img,.active.spa-banner .pic.index-focus3:hover .pic img{
-webkit-transform: scale(1.2,1.2);
   -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
     -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
-webkit-transition: all 40s;
   -moz-transition: all 40s;
    -ms-transition: all 40s;
     -o-transition: all 40s;
        transition: all 40s;
}
.brand-banner img,.spa-banner .pic,.index-focus3 .pic img{
-webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
     -o-transition: all 2s ease;
        transition: all 2s ease;
}

/*返回顶部按钮*/
.page-top{
-webkit-transition: background-color .3s;
   -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
     -o-transition: background-color .3s;
        transition: background-color .3s;
}
.page-top::before {content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit;  z-index: -1; opacity: 0.4; 
-webkit-transform: scale3d(0.5, 0.5, 1);
   -moz-transform: scale3d(0.5, 0.5, 1);
    -ms-transform: scale3d(0.5, 0.5, 1);
     -o-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
}
.page-top:hover {background-color: #d0000d;
-webkit-transition: background-color 0.1s 0.3s;
   -moz-transition: background-color 0.1s 0.3s;
    -ms-transition: background-color 0.1s 0.3s;
     -o-transition: background-color 0.1s 0.3s;
        transition: background-color 0.1s 0.3s;
-webkit-animation: anim-moema-1 0.3s forwards;
animation: anim-moema-1 0.3s forwards;

}
.page-top:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-ms-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes anim-moema-2 {

    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

}
@-moz-keyframes anim-moema-2 {

    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

}
@-ms-keyframes anim-moema-2 {

    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

}
@-o-keyframes anim-moema-2 {

    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

}
@keyframes anim-moema-2 {

    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

}

/*产品页鼠标移上*/
.product-list .pic,.season-pic{overflow: hidden;position: relative;}
.product-list .pic img,.product-list .pic::before,.product-list .pic::after,.season-pic img,.season-pic::before,.season-pic::after,.index-hot-list img,.index-hot-list .pic::before,.index-hot-list .pic::after{
-webkit-transition: all .35s;
   -moz-transition: all .35s;
    -ms-transition: all .35s;
     -o-transition: all .35s;
        transition: all .35s;

}
.product-list .pic::before,.season-pic::before,.index-hot-list .pic::before{content:"";width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;background: rgba(0,0,0,.5);opacity: 0;z-index: 1;}
.product-list .pic::after,.season-pic::after,.index-hot-list .pic::after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-top: 1px solid #fff;border-bottom: 1px solid #fff;opacity: 0; background: none;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
   -moz-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -ms-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
     -o-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);}
.product-list .pic:hover::after,.season-pic:hover::after,.index-hot-list .pic:hover::after{opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
   -moz-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    -ms-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
     -o-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
   
}
.product-list .pic:hover::before,.season-pic:hover::before,.index-hot-list .pic:hover::before{opacity: 1;}
.product-list .pic:hover img,.season-pic:hover img,.index-hot-list .pic:hover img{
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}


/*查看详情按钮*/
.effect-button{position: relative;
-webkit-transition: all .6s;
   -moz-transition: all .6s;
    -ms-transition: all .6s;
     -o-transition: all .6s;
        transition: all .6s;
}
.effect-button:hover{background-color: #fff;color:#d0000d;}
.effect-button::before{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #d0000d;opacity: 0;
-webkit-transform: scale3d(0.6, 0.6, 1);
   -moz-transform: scale3d(0.6, 0.6, 1);
    -ms-transform: scale3d(0.6, 0.6, 1);
     -o-transform: scale3d(0.6, 0.6, 1);
        transform: scale3d(0.6, 0.6, 1);
-webkit-transition: all .3s cubic-bezier(0.75, 0, 0.125, 1);
   -moz-transition: all .3s cubic-bezier(0.75, 0, 0.125, 1);
    -ms-transition: all .3s cubic-bezier(0.75, 0, 0.125, 1);
     -o-transition: all .3s cubic-bezier(0.75, 0, 0.125, 1);
        transition: all .3s cubic-bezier(0.75, 0, 0.125, 1);}
.effect-button:hover::before{opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
   -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
     -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);}
/*底部鼠标移上*/
.footer-nav a{display: inline-block;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.footer-nav a:hover{color:#fff;
-webkit-transform: translateX(10px);
   -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
     -o-transform: translateX(10px);
        transform: translateX(10px);
}


/*产品系列出现*/
.product-list li,.season-list li{position: relative;opacity: 0;top:100px;}
.brand-banner-text h2,.brand-banner-text p{position: relative;right: -20%;opacity: 0;}
.brand-banner-text.on h2{
opacity: 1;right: 0;
-webkit-transition: all .8s ease;
   -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
     -o-transition: all .8s ease;
        transition: all .8s ease;
}
.brand-banner-text.on p{opacity: 1;right: 0;
-webkit-transition: all .8s ease .6s;
   -moz-transition: all .8s ease .6s;
    -ms-transition: all .8s ease .6s;
     -o-transition: all .8s ease .6s;
        transition: all .8s ease .6s;

}
/*美容spa出现*/
/*
.spa-major-content .spa-major-content-l{position: relative;left: -50%;opacity: 0;}
.spa-major-content.appear_active .spa-major-content-l{left: 0;opacity: 1;
-webkit-transition: all 1s .2s;
   -moz-transition: all 1s .2s;
    -ms-transition: all 1s .2s;
     -o-transition: all 1s .2s;
        transition: all 1s .2s;}
.spa-major-content .spa-major-content-r{position: relative;right: -50%;opacity: 0;}
.spa-major-content.appear_active .spa-major-content-r{right: 0;opacity: 1;
-webkit-transition: all 1s .2s;
   -moz-transition: all 1s .2s;
    -ms-transition: all 1s .2s;
     -o-transition: all 1s .2s;
        transition: all 1s .2s;}
*/
.story-title,.spa-feature .owl-carousel,.fengdan-row2 h2,.shanhu-title1,.xuezao-title{opacity: 0;
-webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
        transform: translateY(50px);}
.story-title.appear_active,.fengdan-row2.appear_active h2,.shanhu-title1.appear_active,.xuezao-title.appear_active{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .6s .2s;
   -moz-transition: all .6s .2s;
    -ms-transition: all .6s .2s;
     -o-transition: all .6s .2s;
        transition: all .6s .2s;}
.spa-major-content-l .story-title{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);}
.spa-feature .owl-carousel.appear_active{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .8s .5s;
   -moz-transition: all .8s .5s;
    -ms-transition: all .8s .5s;
     -o-transition: all .8s .5s;
        transition: all .8s .5s;

}
.spa-experience-content-l .text,.spa-experience-content-l .pic,.spa-experience-content-r .pic1,.spa-experience-content-r .pic2{position: relative;opacity: 0;}
.spa-experience-content-l .text,.spa-experience-content-l .pic{left: -50%;}
.spa-experience-content-r .pic1,.spa-experience-content-r .pic2{right: -50%;}
.appear_active .spa-experience-content-l .text{opacity: 1;left: 0;
-webkit-transition: all 1s .5s;
   -moz-transition: all 1s .5s;
    -ms-transition: all 1s .5s;
     -o-transition: all 1s .5s;
        transition: all 1s .5s;}
.appear_active .spa-experience-content-l .pic{opacity: 1;left: 0;
-webkit-transition: all 1s 2.5s;
   -moz-transition: all 1s 2.5s;
    -ms-transition: all 1s 2.5s;
     -o-transition: all 1s 2.5s;
        transition: all 1s 2.5s;}
.appear_active .spa-experience-content-r .pic1{opacity: 1;right: 0;
-webkit-transition: all 1s 1.5s;
   -moz-transition: all 1s 1.5s;
    -ms-transition: all 1s 1.5s;
     -o-transition: all 1s 1.5s;
        transition: all 1s 1.5s;}
.appear_active .spa-experience-content-r .pic2{opacity: 1;right: 0;
-webkit-transition: all 1s 3.5s;
   -moz-transition: all 1s 3.5s;
    -ms-transition: all 1s 3.5s;
     -o-transition: all 1s 3.5s;
        transition: all 1s 3.5s;}

/*品牌故事出现*/
.story-focus-c .scroll{opacity: 0;
-webkit-transform: translateY(80px);
   -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
     -o-transform: translateY(80px);
        transform: translateY(80px);
}
.story-focus-c .scroll.appear_active{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .8s .5s;
   -moz-transition: all .8s .5s;
    -ms-transition: all .8s .5s;
     -o-transition: all .8s .5s;
        transition: all .8s .5s;
}

.story-history-list li{position: relative;opacity: 0;top: 50px;}
.story-benefit-content{position: relative;opacity: 0;left: -50%;}
.story-benefit-content.appear_active{opacity: 1;left: 0;
-webkit-transition: all 1.2s .8s;
   -moz-transition: all 1.2s .8s;
    -ms-transition: all 1.2s .8s;
     -o-transition: all 1.2s .8s;
        transition: all 1.2s .8s;}
.story-fund-content .pic,.story-fund-content .fund-text{position: relative;right: -50%;opacity: 0;}
.story-fund-content.appear_active .pic,.story-fund-content.appear_active .fund-text{opacity: 1;right: 0;}
.story-fund-content.appear_active .pic{
-webkit-transition: all 1s .6s;
   -moz-transition: all 1s .6s;
    -ms-transition: all 1s .6s;
     -o-transition: all 1s .6s;
        transition: all 1s .6s;

}
.story-fund-content.appear_active .fund-text{
-webkit-transition: all .8s 1.5s;
   -moz-transition: all .8s 1.5s;
    -ms-transition: all .8s 1.5s;
     -o-transition: all .8s 1.5s;
        transition: all .8s 1.5s;
}
/*品牌故事-研发与创新*/
.story-team-content .pic{opacity: 0;}
.story-team-content .text{opacity: 0;
-webkit-transform: translateX(-100px);
   -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
     -o-transform: translateX(-100px);
        transform: translateX(-100px);
}
.story-team-content.appear_active .pic{ opacity: 1;
-webkit-transition: all .5s 1.8s;
   -moz-transition: all .5s 1.8s;
    -ms-transition: all .5s 1.8s;
     -o-transition: all .5s 1.8s;
        transition: all .5s 1.8s;}
.story-team-content.appear_active .text{opacity: 1;
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
-webkit-transition: all 1s .6s;
   -moz-transition: all 1s .6s;
    -ms-transition: all 1s .6s;
     -o-transition: all 1s .6s;
        transition: all 1s .6s;}
.story-center-content .pic,.story-center-content .text{opacity: 0;
-webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
        transform: translateY(50px);
}
.story-center-content.appear_active .pic{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .8s .8s;
   -moz-transition: all .8s .8s;
    -ms-transition: all .8s .8s;
     -o-transition: all .8s .8s;
        transition: all .8s .8s;}
.story-center-content.appear_active .text{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .8s 1.6s;
   -moz-transition: all .8s 1.6s;
    -ms-transition: all .8s 1.6s;
     -o-transition: all .8s 1.6s;
        transition: all .8s 1.6s;}

/*蜂丹玉露*/
.fengdan-row1 .title h2,.fengdan-row1 .title img,.fengdan-row1 .title p{opacity: 0;}
.fengdan-row1.appear_active .title h2,.fengdan-row1.appear_active .title img,.fengdan-row1.appear_active .title p{opacity: 1;
-webkit-transition: opacity 1.2s;
   -moz-transition: opacity 1.2s;
    -ms-transition: opacity 1.2s;
     -o-transition: opacity 1.2s;
        transition: opacity 1.2s;}
.fengdan-row1.appear_active .title img{
-webkit-transition-duration: 1.8s;
   -moz-transition-duration: 1.8s;
    -ms-transition-duration: 1.8s;
     -o-transition-duration: 1.8s;
        transition-duration: 1.8s;
-webkit-transition-delay: 1s;
   -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
     -o-transition-delay: 1s;
        transition-delay: 1s;
}
.fengdan-row1.appear_active .title p{
-webkit-transition-delay: 2.2s;
   -moz-transition-delay: 2.2s;
    -ms-transition-delay: 2.2s;
     -o-transition-delay: 2.2s;
        transition-delay: 2.2s;
}

.fengdan-row2-list li{opacity: 0;
position: relative;right: -50%;
}
.appear_active .fengdan-row2-list li{opacity: 1;right: 0;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;}
.appear_active .fengdan-row2-list li:nth-of-type(1){
-webkit-transition-delay: 0.8s;
   -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
     -o-transition-delay: 0.8s;
        transition-delay: 0.8s;

}
.appear_active .fengdan-row2-list li:nth-of-type(2){
-webkit-transition-delay: 1.4s;
   -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
     -o-transition-delay: 1.4s;
        transition-delay: 1.4s;

}
.appear_active .fengdan-row2-list li:nth-of-type(3){
-webkit-transition-delay: 2s;
   -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
     -o-transition-delay: 2s;
        transition-delay: 2s;

}
.fengdan-row3 .pic1{opacity: 0;position: relative;z-index: 2;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.fengdan-row3.appear_active .pic1{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all 1s .2s;
   -moz-transition: all 1s .2s;
    -ms-transition: all 1s .2s;
     -o-transition: all 1s .2s;
        transition: all 1s .2s;}
.fengdan-row3 .pic2{opacity: 0;
-webkit-transform:translateY(-30%);
   -moz-transform:translateY(-30%);
    -ms-transform:translateY(-30%);
     -o-transform:translateY(-30%);
        transform:translateY(-30%);
} 
.fengdan-row3.appear_active .pic2{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
transform-origin:50% -50% 0; 
-webkit-transition: all 1s 1.2s;
   -moz-transition: all 1s 1.2s;
    -ms-transition: all 1s 1.2s;
     -o-transition: all 1s 1.2s;
        transition: all 1s 1.2s;}
.fengdan-row3 p,.fengdan-row3 h2{opacity: 0;
-webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
     -o-transform: translateY(10px);
        transform: translateY(10px);}
.fengdan-row3.appear_active p,.fengdan-row3.appear_active h2{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .8s;
   -moz-transition: all .8s;
    -ms-transition: all .8s;
     -o-transition: all .8s;
        transition: all .8s;}
.fengdan-row3.appear_active p:nth-of-type(1){
-webkit-transition-delay: 2.2s;
-o-transition-delay: 2.2s;
transition-delay: 2.2s;
}
.fengdan-row3.appear_active p:nth-of-type(2){
-webkit-transition-delay: 3s;
-o-transition-delay: 3s;
transition-delay: 3s;
}
.fengdan-row3.appear_active p:nth-of-type(3){
-webkit-transition-delay: 3.8s;
-o-transition-delay: 3.8s;
transition-delay: 3.8s;
}
.fengdan-row3.appear_active p:nth-of-type(4){
-webkit-transition-delay: 4.6s;
-o-transition-delay: 4.6s;
transition-delay: 4.6s;
}
.fengdan-row3.appear_active h2{
-webkit-transition-delay: 5.4s;
-o-transition-delay: 5.4s;
transition-delay: 5.4s;
}
.fengdan-row4 .pic{position: relative;left: -50%;opacity: 0;}
.fengdan-row4-text .block{opacity: 0;right: -50%;}
.fengdan-row4 .appear_active .pic{left: 0;opacity: 1;
-webkit-transition: all 2s .2s;
   -moz-transition: all 2s .2s;
    -ms-transition: all 2s .2s;
     -o-transition: all 2s .2s;
        transition: all 2s .2s;}
.appear_active .fengdan-row4-text .block{opacity: 1;right: 0;
-webkit-transition: all 1s 2.2s;
   -moz-transition: all 1s 2.2s;
    -ms-transition: all 1s 2.2s;
     -o-transition: all 1s 2.2s;
        transition: all 1s 2.2s;}
.appear_active .fengdan-row4-text .block:nth-child(2){
-webkit-transition-delay: 3.2s;
-o-transition-delay: 3.2s;
transition-delay: 3.2s;
}

/*蓝珊瑚*/
.shanhu-row2-content .pic{opacity: 0;
-webkit-transform: scale(.5,.5);
   -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
     -o-transform: scale(.5,.5);
        transform: scale(.5,.5);}
.shanhu-row2-content li.appear_active .pic{opacity: 1;
-webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
        transform: scale(1, 1);
-webkit-transition: all 1s .1s;
   -moz-transition: all 1s .1s;
    -ms-transition: all 1s .1s;
     -o-transition: all 1s .1s;
        transition: all 1s .1s;}
.shanhu-row2-content .text{opacity: 0;}
.shanhu-row2-content li.appear_active .text{opacity: 1;
-webkit-transition: all 1s 0.8s;
   -moz-transition: all 1s 0.8s;
    -ms-transition: all 1s 0.8s;
     -o-transition: all 1s 0.8s;
        transition: all 1s 0.8s;}

.shanhu-row3-title h2,.shanhu-row3-title p{opacity: 0;
-webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
     -o-transform: translateY(10px);
        transform: translateY(10px);}
.shanhu-row3-title.appear_active h2,.shanhu-row3-title.appear_active p{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all 0.8s .1s;
   -moz-transition: all 0.8s .1s;
    -ms-transition: all 0.8s .1s;
     -o-transition: all 0.8s .1s;
        transition: all 0.8s .1s;}
.shanhu-row3-title.appear_active .p1{
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;

}
.shanhu-row3-title.appear_active .p2{
-webkit-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
transition-delay: 1.5s;

}
/*极地雪藻*/
.xuezao-row2-content img{position: relative;left: -50%;opacity: 0;}
.xuezao-row2-content img.appear_active{opacity: 1;left: 0;
-webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
        transform: rotate(360deg);
-webkit-transition: all 1.5s .2s;
   -moz-transition: all 1.5s .2s;
    -ms-transition: all 1.5s .2s;
     -o-transition: all 1.5s .2s;
        transition: all 1.5s .2s;}
.xuezao-row3 .text{opacity: 0;
-webkit-transform: scale(.5, .5);
   -moz-transform: scale(.5, .5);
    -ms-transform: scale(.5, .5);
     -o-transform: scale(.5, .5);
        transform: scale(.5, .5);}
.xuezao-row3-text.appear_active .text{opacity: 1;
-webkit-transform:scale(1, 1);
   -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
     -o-transform:scale(1, 1);
        transform:scale(1, 1);
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;}
/*双峰奢颜*/
.shuangfeng-row2-content .text img,.shuangfeng-row3 .pic img,.shuangfeng-row4-content li:nth-of-type(2){position: relative;right: -50%;opacity: 0;}
.shuangfeng-row2-content .text.appear_active img,.shuangfeng-row3 .pic.appear_active img,.shuangfeng-row4-content .appear_active li:nth-of-type(2){opacity: 1;right: 0;
-webkit-transition: all 1.5s .2s;
   -moz-transition: all 1.5s .2s;
    -ms-transition: all 1.5s .2s;
     -o-transition: all 1.5s .2s;
        transition: all 1.5s .2s;}
.shuangfeng-row2-content .pic img,.shuangfeng-row3 .text img,.shuangfeng-row4-content li:nth-of-type(1){position: relative;left: -50%;opacity: 0;}
.shuangfeng-row2-content .pic.appear_active img,.shuangfeng-row3 .text.appear_active img,.shuangfeng-row4-content .appear_active li:nth-of-type(1){opacity: 1;left: 0;
-webkit-transition: all 1s .1s;
   -moz-transition: all 1s .1s;
    -ms-transition: all 1s .1s;
     -o-transition: all 1s .1s;
        transition: all 1s .1s;}
.shuangfeng-row4 .pic1{opacity: 0;}
.shuangfeng-row4 .pic1.appear_active{opacity: 1;
-webkit-transition: all .8s .1s;
   -moz-transition: all .8s .1s;
    -ms-transition: all .8s .1s;
     -o-transition: all .8s .1s;
        transition: all .8s .1s;}
.shuangfeng-row5 .text p{position: relative;left: -50%;opacity: 0;}
.shuangfeng-row5 .text.appear_active p{left: 0;opacity: 1;
-webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
     -o-transition: all 0.8s;
        transition: all 0.8s;}
.shuangfeng-row5 .text.appear_active p:nth-of-type(2){
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;

}
.shuangfeng-row5 .text.appear_active p:nth-of-type(3){
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;

}
.shuangfeng-row5 .text.appear_active p:nth-of-type(4){
-webkit-transition-delay: 1.8s;
-o-transition-delay: 1.8s;
transition-delay: 1.8s;

}


/*首页*/
.index-focus2-text{opacity: 0;
-webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
        transform: translateY(50px);}
.index-focus2-text.appear_active{
opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .6s .1s;
   -moz-transition: all .6s .1s;
    -ms-transition: all .6s .1s;
     -o-transition: all .6s .1s;
        transition: all .6s .1s;
}
.index-focus3-text{opacity: 0;}
.index-focus3-text.appear_active{opacity: 1;
-webkit-transition: all .6s .1s;
   -moz-transition: all .6s .1s;
    -ms-transition: all .6s .1s;
     -o-transition: all .6s .1s;
        transition: all .6s .1s;}
.index-hot-list{overflow: hidden;}
.index-hot-list li{position: relative;left: 20%;opacity: 0;}
.index-hot-list.appear_active li{opacity: 1;left: 0;
-webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
     -o-transition: all 0.8s;
        transition: all 0.8s;
-webkit-transition-delay:.2s;
   -moz-transition-delay:.2s;
    -ms-transition-delay:.2s;
     -o-transition-delay:.2s;
        transition-delay:.2s;}
.index-hot-list.appear_active li:nth-of-type(2){
-webkit-transition-delay:0.6s;
   -moz-transition-delay:0.6s;
    -ms-transition-delay:0.6s;
     -o-transition-delay:0.6s;
        transition-delay:0.6s;

}
.index-hot-list.appear_active li:nth-of-type(3){
-webkit-transition-delay:1.2s;
   -moz-transition-delay:1.2s;
    -ms-transition-delay:1.2s;
     -o-transition-delay:1.2s;
        transition-delay:1.2s;

}
.index-beauty-content .text .text-c{opacity: 0;position: relative;top: 50px;}
.index-beauty-content .text.appear_active .text-c{opacity: 1;top: 0;
-webkit-transition: all .8s;
   -moz-transition: all .8s;
    -ms-transition: all .8s;
     -o-transition: all .8s;
        transition: all .8s;}
.index-beauty-content .text.appear_active .text-c:nth-child(2){
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.index-beauty-content .text.appear_active .text-c:nth-child(3){
-webkit-transition-delay: 1.8s;
-o-transition-delay: 1.8s;
transition-delay: 1.8s;
}

.pro-video .pro-title,.pro-process .pro-title,.pro-series .pro-title{overflow: hidden;}
.pro-video .pro-title h2,.pro-process .pro-title h2,.pro-series .pro-title h2{position: relative;left: 10%;opacity: 0;}
.pro-video .pro-title h3,.pro-process .pro-title h3,.pro-series .pro-title h3{position: relative;top: 30px;opacity: 0;}
.pro-video .pro-title.appear_active h2,.pro-process .pro-title.appear_active h2,.pro-series .pro-title.appear_active h2{left: 0;opacity: 1;
-webkit-transition: all .8s .2s;
   -moz-transition: all .8s .2s;
    -ms-transition: all .8s .2s;
     -o-transition: all .8s .2s;
        transition: all .8s .2s;
}
.pro-video .pro-title.appear_active h3,.pro-process .pro-title.appear_active h3,.pro-series .pro-title.appear_active h3{top: 0;opacity: 1;
-webkit-transition: all .8s .8s;
   -moz-transition: all .8s .8s;
    -ms-transition: all .8s .8s;
     -o-transition: all .8s .8s;
        transition: all .8s .8s;

}

.pro-composition-content .pic,.pro-efficacy-content .text{position: relative;right: -20%; opacity: 0;}
.pro-composition-content .text,.pro-efficacy-content .pro-efficacy-pic{position: relative;left: -20%; opacity: 0;}
.pro-composition-content.appear_active .pic,.pro-efficacy-content.appear_active .text{opacity: 1;right: 0;
-webkit-transition: all .8s .2s;
   -moz-transition: all .8s .2s;
    -ms-transition: all .8s .2s;
     -o-transition: all .8s .2s;
        transition: all .8s .2s;}
.pro-composition-content.appear_active .text,.pro-efficacy-content.appear_active .pro-efficacy-pic{opacity: 1;left: 0;
-webkit-transition: all .8s .2s;
   -moz-transition: all .8s .2s;
    -ms-transition: all .8s .2s;
     -o-transition: all .8s .2s;
        transition: all .8s .2s;}

/*丸美奢定*/

.sheding-row1 .text img,.sheding-row3 .text1,.sheding-row2 .text1{
opacity: 0;
-webkit-transform: translateY(60px);
   -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
     -o-transform: translateY(60px);
        transform: translateY(60px);
}

.sheding-row1.appear_active .text img,.sheding-row3 .text1.appear_active,.sheding-row2.appear_active .text1{
opacity:1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .6s;
   -moz-transition: all .6s;
    -ms-transition: all .6s;
     -o-transition: all .6s;
        transition: all .6s;
}
.sheding-row2 .text2 img{position: relative;left: -50%;opacity: 0;}
.sheding-row2.appear_active .text2 img{left: 0;opacity: 1;
-webkit-transform: rotate(720deg);
   -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
     -o-transform: rotate(720deg);
        transform: rotate(720deg);
-webkit-transition: all 2.5s .7s;
   -moz-transition: all 2.5s .7s;
    -ms-transition: all 2.5s .7s;
     -o-transition: all 2.5s .7s;
        transition: all 2.5s .7s;}
.sheding-row3-content li:nth-of-type(2n-1) .text img{opacity: 0;
-webkit-transform: translateX(50%);
   -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
     -o-transform: translateX(50%);
        transform: translateX(50%);
}
.sheding-row3-content li:nth-of-type(2n) .text img,.sheding-row4 .text img{opacity: 0;
-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);
}
.sheding-row3-content .text img.appear_active,.sheding-row4 .text img.appear_active{opacity: 1 !important;
-webkit-transform: translateX(0) !important;
   -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
     -o-transform: translateX(0) !important;
        transform: translateX(0) !important;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;}
.story-idea .story-idea-wrap{opacity: 0;
-webkit-transform: translateY(30%);
   -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
     -o-transform: translateY(30%);
        transform: translateY(30%);
}
.story-idea .story-idea-wrap.appear_active{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;

}


/*页面加载*/
.page-loading{width: 100%;position: fixed;height: 100%;background-color:#fff;top: 0;left: 0;z-index: 999;
}
/*.page-loading.page-loading-hide{
opacity: 0;
-webkit-transition: all .1s;
   -moz-transition: all .1s;
    -ms-transition: all .1s;
     -o-transition: all .1s;
        transition: all .1s;
}*/
.html-hide{width: 100%;height: 100%;overflow: hidden;}
.page-loading-animate{width: 0;height: 100%;background-color: rgb(35 162 165 / 67%);}
.page-loading-show .page-loading-animate{width: 100%;
-webkit-transition: all 1s ease-out;
   -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
     -o-transition: all 1s ease-out;
        transition: all 1s ease-out;}
.page-loading.page-loading-hide{opacity: 0;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;}



}
/*搜索页面*/
.search{padding:5%;}
.search .search_text{width:60%;height:40px;border:1px solid #ccc;float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px;padding-right: 40px;position: relative;}
.search_text input{width:100%;height:38px; background-color:transparent;}
.search_text .searchpic{background:url(../images/search.png) no-repeat center;height:40px;width:40px;position: absolute;right: 0;top: 0;cursor:pointer;}
.search .seclect{float:right;height:40px;line-height: 40px;}
/*电脑版效果end*/


@media (max-width: 1366px) {
.story-team-content .text{margin-top: 10px;width: 50%;}



}
@media (max-width: 1280px) {
.fengdan-row5-body .text{width: 40%;margin-left: 0;margin-right: 5%;}
.fengdan-row4-text .block{padding-bottom: 10%;}
.product-details-c .text p,.product-details-c .text p:nth-of-type(2n-1){width: 100%;margin-right: 0;}


}
@media (max-width: 1024px) {
.fengdan-row2-list li{padding-left: 2%;padding-right: 2%;}
.season-list .season-text{padding: 0;}
.index-video  {height:100%;}
.brand-banner .pic img{display:block;}

.index_pcvideo {display:none;}
.index_movideo {display:block; width:100%;}

}
@media (max-width: 768px) {
.page-wrapper{padding-top: 0rem;}
.public-header-utility{display: none;}
.public-header{height: 3rem;}
.mo-menu{display: block;position: relative;min-height: 3rem;}

.menu-btn{left: 0;cursor: pointer;}
.menu-btn-center{width: 1.2rem;}
.menu-btn-center span{display: block; height: 2px;background-color: #fff;margin-bottom: 0.3rem;}
.menu-btn-center span:last-of-type{margin-bottom: 0;}
.mo-logo{position: absolute;display: block;width: 13rem;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.mo-logo img{width: 100%;}
.mo-search{width: 20px;height: 20px;right: 0;background:url(../images/utility_icon.png) no-repeat 0 0;}
.menu-btn,.mo-logo,.mo-search{position: absolute;top: 50%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.search-form{background-color: #fff; padding: 0.5rem 0;position: fixed;width: 100%;top: 3rem;z-index: 25;left: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: none;}
.search-form input{height: 1.5rem;line-height: 1.5rem;font-size: 14px;color:#666;display: block;width: 100%;}
.main-nav .logo{
	display: none;
}
.main-nav{position: fixed !important;height: 100%;background-color: #fff;width: 100%;left: 0;margin-left: -2rem;z-index: 20;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-left: 3rem; padding-top: 1rem;padding-right: 1rem;overflow: auto;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);
-webkit-transition: all .25s ease-in;
   -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
     -o-transition: all .25s ease-in;
        transition: all .25s ease-in;}
.main-nav .logo,.public-header-nav,.public-header-nav li{float: none;}
.public-header-nav{padding-bottom: 50px;}
.public-header-nav li>a{padding: 0;line-height: 2.5rem;}
.public-header-nav li{border-bottom: 1px solid #dedede;}
.public-header-nav li.mo_nav{display: block !important;}
.public-header-nav li .head:after{background: none;width: 5px;height: 5px;border-top: 1px solid #666;border-right: 1px solid #666;top: 50%;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);}
.public-header-nav li:after,.public-header-nav li:hover::after{display:none;}
.main-nav.toggle-nav{
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}
.menu-btn.toggle-menu{left: auto;right: 0;top: 0;width: 2rem;height: 2rem;z-index: 3;background-color: #fff;position: fixed;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;
-webkit-transition: right .25s ease-in;
   -moz-transition: right .25s ease-in;
    -ms-transition: right .25s ease-in;
     -o-transition: right .25s ease-in;
        transition: right .25s ease-in;}
.menu-btn.toggle-menu .menu-btn-center span{background-color: #c80000;}
.menu-btn.toggle-menu .menu-btn-center {position: absolute;top: 50%;margin-left: auto;margin-right: auto;left: 0;right: 0;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}

.public-nav-body{position: static;text-align: left;padding: 1rem 0;max-height: inherit;}
.public-nav-body-specail .list-img{display: none;}
.public-nav-body .wrap{width: 94%;}
.public-nav-body a{display: block;margin: 10px 0;}
.public-nav-body-specail .list a{margin-left: 10px;}
.public-nav-body-specail .list a.body-title{margin-left: 0;}
.public-nav-body-specail .list-c{margin-top: 0;}


.footer-aside,.footer-copy{float: none;}
.footer-copy{margin-top: 20px;}
.footer-nav dl{width: 48%;float: none;display: inline-block;vertical-align: top;}

/*四个产品系列*/
.fengdan-row5-body .pic{width: 100%;float: none !important;text-align: center !important;}
.fengdan-row5-body .text,.shuangfeng-row6 .fengdan-row5-body .text{padding-top: 0; width: 90%;float: none !important;}
.fengdan-row5-body li{text-align: left !important; margin-bottom: 20px;}
.fengdan-row5-body li .effect-button{margin-left: 0 !important; margin-top:15px;}
.xuezao-row2-content{padding-top: 0;}
.xuezao-row2-content img{width: 100%; max-width: inherit;}
.xuezao-row3 .pic img, .xuezao-row3 .text img{max-width: 100%;}
.xuezao-title{padding-bottom: 3rem;}
.xuezao-content{-webkit-background-size: 768px auto; background-size: 768px auto;}
.xuezao-row3 .pic{width: 50%;}
.xuezao-row3-text .text{width: 46%;margin-left: 0;margin-right: 0;}
.xuezao-row1 .bg{display: none;}
.xuezao-row1 .bg2{display: block;}
.fengdan-row5-title h2:before, .fengdan-row5-title h2:after{display: none;}

.fengdan-row2-list li{width: 100%;float: none;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.fengdan-row2-list .text{max-width: 280px;margin-left: auto;margin-right: auto;}
.fengdan-row1{background-image: url(../images/fengdan_bg1_mo.jpg) !important; padding: 4rem 0 5rem;}
.fengdan-row1 .title{margin-bottom: 2rem;}
.fengdan-row3 .text{margin-top: 3rem;}
.fengdan-row4{padding: 10rem 0 9rem;-webkit-background-size: auto; background-size: auto; background-position: right center;}  
.fengdan-row4-text{width: 100%; top: 0;bottom: 0;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;}
.fengdan-row4-text .block{padding: 0;}
.fengdan-row4-text .block:nth-child(1){position: absolute;bottom: 100%; right: 10%;}
.fengdan-row4-text .block:nth-child(2){position: absolute;top: 100%;right: 10%;}

.fengdan-row5-title br{display: block;}
.shanhu-row1 .img1{display: none;}
.shanhu-row1 .img2{display: block;}
.shanhu-row2-content{width: 100%;}
.shanhu-row3 .img1{display: none;}
.shanhu-row3 .img2{display: block;}

.shuangfeng-row2-content .pic,.shuangfeng-row3 .pic,.shuangfeng-row5 .pic,.shuangfeng-row4 .pic1,.shuangfeng-row4-content li{width: 100%;text-align: center;}
.shuangfeng-row2-content img,.shuangfeng-row3 .pic img,.shuangfeng-row5 .pic img{width: auto;max-width: 70%;}
.shuangfeng-row2-content .text,.shuangfeng-row3 .text,.shuangfeng-row5 .text{position: static;width: 100%;text-align: center;margin-top: 1rem;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;}
.shuangfeng-row2-content .text img,.shuangfeng-row3 .text img,.shuangfeng-row4-content img{max-width: 100%;width: auto;}
.shuangfeng-row3,.shuangfeng-row4{margin-top: 20px;}
.shuangfeng-row5 .text{margin-left: 0;text-align: left;margin-top: 2rem;}
.shuangfeng-row5 .pic{margin-right: 0;}
.shuangfeng-row5 p{font-size: 14px;}
.shuangfeng-row5 .p2{font-size: 12px;}
.shuangfeng-row4-content li{margin-top: 3rem;}

.shuangfeng-row1 .img1{display: none;}
.shuangfeng-row1 .img2{display: block;}
.shuangfeng-row2{margin-top: 0;}

/*四个产品系列结束----------------------*/

/*内页*/
.brand-banner .pic{height:6rem;background-position: center center;background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.brand-banner .pic img{display: none;}
.brand-foot div{float: none;}
.brand-foot .bdshare-button-style0-16{text-align: left;}
.brand-foot .return{margin-top: 10px;display: inline-block;}
.brand-other li{width: 48%;margin-right: 4%;margin-bottom:1rem;}
.brand-other li:nth-of-type(2n){margin-right: 0;}

.contact-content-l, .contact-content-r{float: none;width: 100%;}
.contact-content-r{margin-top: 1rem;}

.product-list li{width: 48%; margin-right: 4%;}
.product-list li:nth-of-type(3n){margin-right: 4%;}
.product-list li:nth-of-type(2n){margin-right: 0;}
.product-list a{font-size: 14px;min-height: 30px;}
.product-list>li a {min-height:inherit;}
.add-series-list h2 a {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display: block;}
.add-series-list h3 {min-height:32px;}
.add-series-list h3 a {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp:2;}
.product-choose span{display: block;margin-bottom: 10px;}
.product-choose select{margin: 0;margin-right: 20px;margin-bottom: 10px;}

.product-details-l, .product-details-r{float: none;width: 100%;}
.product-details-r{margin-top:20px;}
.product-details-c h1{font-size: 22px;}
.product-details-c{width: 100%;}
.pro-composition-content .pic,.pro-efficacy-pic{width: 100%;text-align: center;float: none;}
.pro-composition-content .pic img,.pro-efficacy-pic img{width: auto;max-width: 90%;}
.pro-composition-content .text{float: none;width: 100%;}
.pro-efficacy-text{position: static;width: 84%;float: none;margin-right: auto;margin-left: auto;margin-top: 1rem;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;}
.series-list li{width: 100%;float: none;}
.series-list .pic{text-align: center;}
.series-list .pic img{width: 80%;}
.series-list .text{margin-top:10px;margin-bottom: 2rem;}
.series-list h1{font-size: 16px;}

.season-list .effect-pic{width: 100%;float: none;}
.season-list .season-text{float: none;width: 100%;margin-right: 0;}
.season-text .state p{width: 100%;display: block;}

.spa-experience-content{margin-top: 10px;}
.spa-major-content,.spa-experience-content,.story-fund-content,.story-focus-c{width: 100%;}
.spa-major-content-l, .spa-major-content-r,.spa-feature .feature-pic,.spa-feature .feature-text{width: 100%;float: none;}
.spa-major-content-r .img1,.spa-experience-content-r .pic2 img,.spa-experience-content-l .pic img{display: none;}
.spa-major-content-r .img2{width: 100%;margin: 0;}
.spa-major-content-l{margin-top: 20px;}
.spa-major-content-l .text{text-align: center; margin-top: 10px;}
.spa-experience{min-height: inherit !important;padding-top: 30px;}
.spa-experience-content-r{width: 100%;float: none;margin-right: 0;}
.spa-experience-content-l{width: 100%;margin-left: 0;}
.spa-banner .brand-banner-text h2{font-size: 30px; margin-bottom: 10px;}


.story-idea, .story-benefit,.story-focugs,.story-fund{min-height: inherit !important;}
.story-team-content .pic,.story-team-content .text,.story-fund-content .pic,.story-fund-content .fund-text{width: 100%;float: none;}
.story-center-content,.story-test-content .test-text{width: 100%;}
.story-test-content .pic{width: 100%;position: static;float: none;background: none;}
.story-test-content .pic img{display: block;width: 100%;}
.story-test-head li{margin-bottom: 1rem;}
.story-test-head .test-icon{width: 3rem;height: 3rem;}
.story-center-content .text{font-size: 14px;line-height: 1.8;margin-top: 20px;}

.story-focus-c .scroll{margin-top: 2rem;}
.story-fund-content .fund-text{margin-top: 2rem;}
.story-benefit-content{width: 100%;margin-left: 0;margin-right: 0;}
.story-benefit-content img{max-width: 60%;}

/*首页*/
.index-banner-nav{display: none;}
.index-header .public-header{background-color: transparent;border-width: 0;}
.index-header .mo-logo{display: none;}
.index-play{display: none;}
.index-beauty-content h3{text-align: center;font-size: 22px;}
.index-beauty-content .text{display: block;}
.index-beauty-content .text-c{text-align: center;}
/*.index-hot-list .text h2{font-size: 16px;}*/

.sheding-row4 .pic .img1,.sheding-row1 .pic .img1,.sheding-row3-content .pic .img1{display: none;}
.sheding-row4 .pic .img2,.sheding-row1 .pic .img2,.sheding-row3-content .pic .img2{display: block;}
.sheding-row4 {margin-top: 5rem;}
.sheding-row4 .text{left: 0;width: 100%;top: 0;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;}
.sheding-row1 .text img,.sheding-row2 .text1 img,.sheding-row3 .text1 img,.sheding-row2 .text2 img,.sheding-row3-content .text img{width: auto;max-width: 80%;}
.sheding-row2 .wrap{position: relative;padding-bottom: 10rem;}
.sheding-row2 .bg{display: none;}
.sheding-row2 {background:url(../images/sheding_row2_bg_mo.png) no-repeat center bottom;-webkit-background-size: 100% auto; background-size: 100% auto; margin-bottom: 2rem;}
.sheding-row2 .text2{margin-top: 10%;}
.sheding-row4 .text img{width: auto;max-width: 100%;}
.sheding-row3-content li .text{width: 100%;top: 0;padding-top: 5%;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;}
.sheding-row3-content li{height: 11%;margin-bottom: 0;margin-top: 82%;}

.index-banner-text .logo img{width: 150px;}
.index-banner-text .mouse,.index-hot-list{margin-top: 30px;}
.index-hot{padding: 50px 0;}
.story-title,.pro-title h2,.pro-title,.fengdan-row2 h2,.fengdan-row3 h2,.fengdan-row4-text .block-text h3,.fengdan-row5-title h2,.season-text h1,.xuezao-title h2,.shanhu-title1,.shanhu-row3-title h2,.story-history-list h2,.brand-article h1{font-size: 22px;}
.index-hot-list .text{padding-bottom: 0;padding-top: 10px;}
.product-details{padding: 20px 0;}
.series-list{margin-top: 20px;}
.fengdan-row4-text .block-text h4,.story-fund-content h2,.brand-list .brand-text h1,.story-test-content h2{font-size: 18px;}
.fengdan-row5-content{padding-top: 30px;}
.fengdan-row5-title p,.fengdan-row5-body h2,.shanhu-row3-title .p1{font-size: 16px;margin-top:10px; margin-bottom:15px;}
.shuangfeng-row5{padding: 3rem 0; margin-bottom: 50px; }
.shanhu-row3-title .p2{font-size: 12px;}
.fengdan-row5-body{margin-top: 20px;}
.shanhu-row3-title h2{margin-bottom: 10px;}
.season-list .season-pic{float: none;}
.story-focus{min-height: inherit !important;}
.story-idea-content{font-size: 14px;}





} 

@media (max-width: 640px) {
.shanhu-row2-content .pic{width: 100%;}
.shanhu-row2-text{width: 100%; position: static;margin-top: 20px; padding-bottom: 20px;
-webkit-transform: inherit;
   -moz-transform: inherit;
    -ms-transform: inherit;
     -o-transform: inherit;
        transform: inherit;}
.shanhu-row2-text .text{max-width: inherit;}
.shanhu-row2-content li:nth-of-type(2n-1) .shanhu-row2-text{float: right;}
.shanhu-row2-content li{padding: 1.2rem 0;}
.shanhu-row2-text .text p{font-size: 12px;}
.pro-video-content{width: 100%;}

.story-history-list .text{font-size: 14px;}
.index-focus2 .pic .img1,.index-focus3 .pic .img1{display: none;}
.index-focus2 .pic .img2,.index-focus3 .pic .img2{display: block;}
.index-hot-list li{width: 100%;margin-right: 0; margin-bottom:20px;}
.index-nurse{padding-bottom:20px;}
.index-focus3-text .more{width: 100px;height: 40px;line-height: 38px;}



.search .search_text{width:100%;height:40px;border:1px solid #ccc;}
.search .seclect{height:40px;line-height: 40px;float:none;}
.search_text input{font-size:24px;}
}






/* 导航-产品系列修改 */
.pc-wmcp {
background: -moz-linear-gradient(top, #fff 60%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fff), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top, #fff 60%,#f3f3f3 100%);
background: -o-linear-gradient(top, #fff 60%,#f3f3f3 100%);
background: -ms-linear-gradient(top, #fff 60%,#f3f3f3 100%);
background: linear-gradient(to bottom, #fff 60%,#f3f3f3 100%);
}
.WMtop,.WMtops {text-align:center; margin-bottom:33px;}
.WMtop a,.WMtops a {display:inline-block; padding-bottom:9px; border-bottom:1px solid #fff; margin:0 18.5px;}
.WMtop a:hover,.WMtop a.WMon,.WMtops a:hover,.WMtops a.WMon {color:#d0000d; border-bottom:1px solid #d0000d;}
.WMbody {padding-bottom:30px;}
.WMfl,.WMfr {float:left; text-align:left; position:relative;}
.WMfl:after {content:""; width:1px; height:100%; display:block; position:absolute; top:0; right:0; background-color:#d9d9d9;}
.WMfl {width:63%; padding-left:10%; padding-right:4%; min-height:258px;}
.WMfr {width:18%; padding-left:5%;}
.WMfl-left {width:30%; padding-right:4%; float:left;}
.WMxla-name,.WMxlb-name {font-family:"微软雅黑"; font-size:18px; color:#d0000d !important; margin-bottom:25px;}
.WMxla a,.WMxlas a,.WMxlb a {font-family:"微软雅黑"; font-size:14px; color:#999; margin-bottom:14px; display:block;}
.WMxla a:hover,.WMxlas a:hover,.WMxla .WMons a,.WMxlas .WMons a,.WMxlb a:hover {color:#d0000d;}
.WMfl-right,.WMfl-rights {width:66%; float:left; position:relative;}
.WMfl-right img,.WMfl-rights img {width:100%; position:relative; z-index:2;}
.WMfl-right ul ol ,.WMfl-rights ul ol{display:none; position:absolute;top:0; left:0;}
.WMfl-right ul ol:first-of-type,.WMfl-rights ul ol:first-of-type {position:static; display:block;}
.WMfl-right ul ol.wr_on,.WMfl-rights ul ol.wr_on {display:block;}


.WMlist,.WMlists {display:none;}
.public-header-utility {position:relative;}
.WMewm {position:absolute; top:60px; right:-56.5px; background-color:#fff; z-index:2; display:none;}
.WMewm-hover {display:block;}
.WMewm:before {content:""; display:block; position:absolute; top:-18px; left:0; right:0; margin:0 auto; width: 0;height: 0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:18px solid #fff;}
.WMewm img {width:110px; padding:10px 8px 5px 8px;}
.WMewm p {font-size:16px; color:#333; text-align:center; padding-bottom:10px;}
.mo-wmcp {display:none;}

.WM-proTypeTit {padding-top:77px; padding-bottom:30px; border-bottom:1px solid #ebebeb; position:relative;}
.WM-proTypeTit h1 {font-size:30px; color:#d0000d; font-family:"微软雅黑"; text-align:center;font-weight: normal;}
.WM-proTypeTit .form {position:absolute; bottom:20px; right:0;}
.WM-proTypeTit select {min-width:100px;}
/* 补充：常见问题 */
.WM-allQA {margin:60px 0;}
.QAbox {margin-bottom:30px;}
.QAkey {display:block; width:100%; line-height:60px; color:#cc0000; font-family:"微软雅黑"; font-size:30px;  border-bottom: 1px solid #eaeaea; margin-bottom: 20px;}
.Q {display:block; width:100%; line-height:1.8; padding:5px 0;  color:#333; font-family:"微软雅黑"; font-size:16px; position: relative;}
.Q::after,.Q::before{content: '';position: absolute;background-color: #333; top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}
.Q::after{height: 1px;width: 15px;right: 0;}
.Q::before{right: 7px;width: 1px;height: 15px;}
.Qcolor,.Q:hover {font-weight: bold; color:#333;}
.Qcolor::before{display: none;}
.Qcolor::after{background-color: #cc0000;}
.A {padding-left:20px; display:none;}
.A a {color:#cc0000 !important;}
.A,.A p,.A span,.A a {font-family:"微软雅黑"; font-size:16px; color:#333; line-height:1.8;}
@media (max-width:1199px){
.WMfl {width:75%; padding-left:4%; padding-right:4%;}
.WMfr {width:14%; padding-left:3%;}
.QAkey{font-size: 24px; line-height: 2; margin-bottom: 15px;}
.QAbox{margin-bottom: 20px;}
}
@media (max-width:1050px){
.WMewm {right:-25px;}
.WMewm img {width:100px; padding:5px 4px 5px 4px;}
.WMewm p {font-size:12px;}
.index-public-header-utility .public-header-utility .utility-icon-weixin {margin-right:15px;}

.public-header-nav li>a {padding-left:11px; padding-right:11px;}
}
@media (max-width:1024px){
.public-header-nav li>a {padding-left:5px; padding-right:5px;}
.logo.fl img {max-width:140px;}
.index-banner-nav {display:none;}
}
@media (max-width:999px){
.WMfl-left {width:35%; padding-right:4%;}
.WMfl-right,.WMfl-rights {width:61%;}
.WMxla-name,.WMxlb-name {margin-bottom:10px; font-size:16px;}
.WMxla a,.WMxlb a {margin-bottom:5px; font-size:12px;}
}
@media (max-width:768px){
.pc-wmcp {display:none !important;}
.mo-wmcp {border-top: 1px solid #d0000c;}
.mo-wmcp li:last-of-type {border-bottom:none;}
.mo-wmcp-m {line-height:2rem; background-color:#fafafa;margin:0 !important; position:relative;}
.mo-wmcp-m:after {display: inline-block;content: "";position: absolute;right: 0;top: 50%;width: 2px;height: 2px;margin-top: -1px;background-color: #666;
background: none;width: 5px;height: 5px;border-top: 1px solid #666;border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mo-wmcp-mbody {margin:1rem 0; display:none;}
.mo-wmcp-mbody a {display:block; margin:10px 0;}
.mo-wmcp-mbody a:first-of-type {margin-bottom:15px; color:#d0000d;}
.WM-proTypeTit {padding-top:40px;}
.WM-proTypeTit h1 {font-size:22px;}
.WM-allQA{margin: 40px 0;}
.QAkey{font-size: 18px;}
.Q,.A, .A p, .A span{font-size: 14px;}

}


/*新增页面开始=====================================================================*/

/*搜索页开始----------*/
.add-search{padding: 40px 0;}
.add-search-title{font-size: 30px;color:#d0000d; text-align: center; margin-bottom: 30px;}
.add-search-radio{text-align: center; margin-bottom: 30px;}
.add-search-radio label{display: inline-block;margin-right: 30px; vertical-align: middle;font-size: 12px;color:#999; font-family: "宋体";}
.add-search-radio input{display: inline-block; vertical-align: middle;
    -webkit-appearance: none; width: 15px;height: 15px; margin-right: 3px;background-image: url(../images/add_radio.png);}
.add-search-radio input.on{background-image: url(../images/add_radio_on.png);}
.add-search-kuang{width: 90%;max-width: 600px; margin-left: auto;margin-right: auto;border: 2px solid #dedede;padding: 10px; padding-right: 35px; height: 52px;line-height: 30px; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.add-search-kuang .text{width: 100%;display: block;height: 30px;line-height: 30px;color:#666; font-size: 12px; font-family: "宋体";}
.add-search-kuang .submit{width: 35px; height: 50px;position: absolute;right: 0;top: 0; background:url(../images/search.png) no-repeat center;}

/*有结果*/
.add-result,.add-fruitless{max-width: 1000px;margin-left: auto;margin-right: auto;padding-bottom: 75px;}
.add-result-item{padding-bottom: 30px; font-size: 18px;border-bottom: 1px solid #f2f2f2;color:#333; margin-bottom: 10px;}
.add-result-item .num{color:#d0000d;}
.add-result-list{margin-bottom: 80px;}
.add-result-list li{padding-top: 30px;padding-bottom: 40px;margin-bottom: 15px; border-bottom: 1px solid #f2f2f2;}
.add-result-list .list{position: relative;padding-left: 212px;}
.add-result-list .pic{display: block;position: absolute;left: 0;top: 0;height: 100%;background-color: #f7f7f7;width: 212px;}
.add-result-list .pic img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;margin:auto;}
.add-result-list .text{margin-left: 45px;}
.add-result-list a{color:#333;line-height: 1.8;}
.add-result-list .h2{font-weight: normal;font-size: 16px;}
.add-result-list .en{font-size: 12px;}
.add-result-list .p1{font-size: 12px;margin-top: 15px;color:#333;}
.add-result-list .details,.add-series-list .details,.xz-details {display: block;width: 140px;height: 38px;line-height: 36px;text-align: center;border: 1px solid #d0000d; color:#d0000d; margin-top: 114px;position: relative;z-index: 2;}
.add-result-list .details::before,.add-series-list .details::before,.xz-details::before {position: absolute;content:""; width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin:auto; background-color: #d0000d;z-index: -1;opacity: 0;
-webkit-transform: scale(0.6, 0.6);
   -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
     -o-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);}
.add-result-list .details:hover,.add-series-list .details:hover,.xz-details:hover{border-color: #fff !important;color:#fff !important;}
.add-result-list .details:hover::before,.add-series-list .details:hover::before,.xz-details:hover:before {opacity: 1;
-webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
        transform: scale(1, 1);}
.add-result-list .details,.add-result-list .details::before,.add-series-list .details,.add-series-list .details::before,.xz-details::before {
-webkit-transition:all .3s cubic-bezier(0.75, 0, 0.125, 1);
   -moz-transition:all .3s cubic-bezier(0.75, 0, 0.125, 1);
    -ms-transition:all .3s cubic-bezier(0.75, 0, 0.125, 1);
     -o-transition:all .3s cubic-bezier(0.75, 0, 0.125, 1);
        transition:all .3s cubic-bezier(0.75, 0, 0.125, 1);
}

/*无结果*/
.add-fruitless-p{margin-top: 80px;margin-bottom: 80px;text-align: center;font-size: 22px
    ;color:#999;}
.add-fruitless-new .title{padding-bottom: 40px;font-size: 18px;color:#333; border-bottom: 1px solid #f2f2f2; margin-bottom: 40px;}
.add-fruitless-list li{width: 48%;float: left;margin-right: 4%; margin-bottom: 40px;}
.add-fruitless-list li:nth-of-type(2n){margin-right: 0;}
.add-fruitless-list .pic img{width: 100%;}
.add-fruitless-list .season-pic{display: block;}  
.add-fruitless-list .text{display: block;color:#666;font-size: 16px;margin-top: 20px;text-align: center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.add-fruitless-list .text:hover{color:#d0000d;}

/*搜索页结束--------*/

/*产品详情页开始----------*/
.product-list p a{min-height: 42px;}
.pro-title{color:#930000;font-size: 36px;padding-bottom: 20px;position: relative;}
.pro-title::after{content: ''; width:0;left: 0;right: 0;bottom: 0;position: absolute;background-color: #ccc; height: 1px;margin-left: auto;margin-right: auto;}
.pro-title.appear_active::after{width: 100%;
-webkit-transition: all .8s .5s;
   -moz-transition: all .8s .5s;
    -ms-transition: all .8s .5s;
     -o-transition: all .8s .5s;
        transition: all .8s .5s;}
.pro-video .pro-title.appear_active h3, .pro-process .pro-title.appear_active h3, .pro-series .pro-title.appear_active h3{
-webkit-transition: all .8s;
   -moz-transition: all .8s;
    -ms-transition: all .8s;
     -o-transition: all .8s;
        transition: all .8s;
}
.pro-composition .pro-title::after{width: 100%;}
.product-details{background: none;padding: 40px 0 0;}
.product-details-l .owl-carousel{width: 100%;}
.product-details-l{width: 48%;}
.product-details-r{width: 44%;margin-right: 1%;}
.product-details-l .item{ background-color: #f7f7f7; padding: 30px 0;}
.product-details-l .owl-dots{margin-top: 40px;}
.product-details-l .owl-dot{width: 70px;height: 70px;-webkit-background-size: 100% auto;
background-size: 100% auto;}
.product-details-c h1{font-size: 26px;color:#333; margin-bottom: 0;}
.product-details-c .title{color:#333;text-align: center; padding-bottom: 30px; margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.product-details-c .en{font-size: 20px;margin-bottom: 10px;}
.product-details-c{line-height: normal;width: 100%;margin-top: 60px;}

.product-details-c .text-block1{padding-left: 15px; padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.product-details-c .text-title,.pro-composition-text .text-title{margin-bottom: 15px;font-size: 16px;color:#333; position: relative;}
.product-details-c .text-title::before,.pro-composition-text .text-title::before{content:"";position: absolute;left: -15px;height: 14px; width: 2px;background-color: #d0000c; top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}
.product-details-c .text p{font-family: "宋体";}
.product-details-c .text-body{margin-left: -10px;width: 103%;line-height: 2;}
.product-details-c .text p:nth-of-type(2n-1){width: 100%;}
.product-details-c .text-body p:nth-of-type(2n-1){width: 43%; margin-right: 2.5%;}
.product-details-c .text-block2{padding-left: 15px; margin-bottom: 30px;}

.pro-slider{position: fixed;right: 18px;top: 50%;z-index: 5;}
.pro-slider-list li{padding-right: 20px;text-align: right; margin-bottom: 10px;color:#807f7f; font-size: 12px;position: relative;cursor: pointer;}
.pro-slider-list li::after{content:''; width: 11px;height: 11px;border-radius: 50%; position: absolute;right: 0; background-color: #ccc; top: 2px;}
.pro-slider-list li.on,.pro-slider-list li:hover{color:#d0000c;}
.pro-slider-list li.on::after{background-color: #d0000c;}

.pro-margin{padding-bottom: 0; padding-top: 3rem;}
.product-content{color:#666;}
.pro-composition-content{width: 100%;margin: 0;margin-top: 50px;}
.pro-composition-content .img{margin-top: 60px;}
.pro-composition-content .img img{width: 100%;}
.pro-composition-text {position: relative;}
.pro-composition-text::before{content:" "; width: 1px;height:100%; position: absolute;left: 50%;top: 0;bottom: 0; background-color:rgba(0,0,0,.1);}
.pro-composition-text .block{width: 46%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; color:#666;}
.pro-composition-text .text-title{margin-bottom: 30px;}
.pro-composition-text h3{font-weight: normal;margin-bottom: 15px;}
.pro-composition-text p{font-family: "宋体"; line-height: 1.6;}
.pro-composition-text .h30{height: 30px;}
.pro-process-text h3{margin-bottom: 10px;color:#930000;font-size: 20px;}
.pro-process .owl-carousel .owl-item img{max-width: 88%;}
.pro-process-text{margin-top: 15px;}
.product-list .pic{padding-top: 110%;background-color: #f7f7f7;}
.product-list .pic img{top:auto;}
.product-list li{width: 31%;margin-right: 3.5%;}
.add-series-list li{top: 0;opacity: 1;}
.add-series-list{margin-top: 60px; padding-bottom: 50px;}
.add-series-list .text{margin-top: 15px;text-align: center;}
.add-series-list h2,.add-series-list h3{font-weight: normal;margin-bottom: 5px;}
.add-series-list h2 a{color:#333;font-size: 16px;}
.add-series-list h3 a,.add-series-list  p{color:#333; font-size: 12px;}
.add-series-list p{margin-top: 15px; min-height: 16px;}
.add-series-list .details,.xz-details {margin-top: 30px;margin-left: auto;margin-right: auto; font-size: 16px;}


/*产品详情页结束----------------------*/

/*眼部护理开始------------------------*/
.add-eye-focus {text-align: center; background-position: center center; background-repeat: no-repeat; }
.add-eye-focus img{width: 100%;}
.add-eye-idea {position: relative; margin-bottom: 80px;}
.add-eye-idea::before,.add-eye-idea::after{content: ''; width: 50%;position: absolute;height: 100%;top: 0;}
.add-eye-idea::before{background-color: #040301; left: 0;}
.add-eye-idea::after{background-color: #fff; right: 0;}
.add-eye-idea-wrap{position: relative;z-index: 5;}
.add-eye-idea-l,.add-eye-idea-r{width: 50%;}
.add-eye-idea-wrap img{width: 100%;}

.add-eye-title{margin-bottom: 60px;font-size: 30px;color:#d0000d;}
.add-eye-select{font-size: 12px;color:#333;position: absolute;min-width: 70px; right: 0;bottom: 20px; font-family: "宋体";}
.add-eye-block .add-series-list li{margin-bottom: 80px;}
.add-eye-block .add-series-list{margin-top: 0;padding-bottom: 0;}
.add-eye-block .effect-rotate{margin-bottom: 70px;}

.pro-title{overflow: hidden;}
.add-eye-block .pro-title h3{position: relative;top: 50px;opacity: 0;}
.add-eye-block .pro-title.appear_active h3{opacity: 1;top: 0;
-webkit-transition: all .8s;
   -moz-transition: all .8s;
    -ms-transition: all .8s;
     -o-transition: all .8s;
        transition: all .8s;}


/*眼部护理结束--------------------------*/

/*白色之恋防晒开始--------------------------*/
.add-white-focus{position: relative;z-index: 3;}
.add-white-focus img{width: 100%;}
.add-white,.add-spa{background-repeat: repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;background-position: center 0; background-color:#f7f1e9; padding-bottom: 160px;margin-top: -1px;}
.add-white-title{text-align: center; margin-bottom: 80px;}
.add-white-title img{max-width: 70%;}
.add-white-list li{margin-bottom: 50px;}
.add-white-list img{max-width: 100%;}
.add-white-list li:nth-of-type(2n-1) .pic{margin-left: 8.333%;}
.add-white-list li:nth-of-type(2n) .pic{margin-right: 8.333%; }
.add-white-list .pic{width: 33.333%;}
.add-white-list .text{width: 58.333%;}

.add-white-block2{padding-top: 100px;}
.add-white-block2-text img{max-width: 100%; margin-bottom: 30px;display: inline-block;}
.add-white-block2-text .div4{padding-bottom: 80px;padding-top: 60px;text-align: center;}
.add-white-block2-text .div6{padding-top: 60px; text-align: center;}
.add-white-block3{padding-top: 120px;}
.add-white-head{margin-bottom: 90px;text-align: center;}
.add-white-block3 .add-white-title{margin-bottom: 40px;}
.add-white-list2{background-color:rgba(255,255,255,.3); margin-bottom: 160px;}
.add-white-list2 li{display: table;}
.add-white-list2 .text,.add-white-list2 .pic{display: table-cell; width: 50%;vertical-align: middle;}
.add-white-list2 .pic img{width: 100%;}
.add-white-list2 .text img{display: inline-block;margin-left: 8%;max-width: 92%;}

.add-white-block4 .fengdan-row5-content{background-color:rgba(255,255,255,.3); padding-top: 130px;}
.add-white-block4 .fengdan-row5-title h2{font-size: 44px;color:#ea5413;}
.fengdan-row5-title h2::before, .fengdan-row5-title h2::after{
background-image:-webkit-linear-gradient(left,rgba(234,84,19,.1),rgba(234,84,19,.5));
background-image:   -moz-linear-gradient(left,rgba(234,84,19,.1),rgba(234,84,19,.5));
background-image:    -ms-linear-gradient(left,rgba(234,84,19,.1),rgba(234,84,19,.5));
background-image:     -o-linear-gradient(left,rgba(234,84,19,.1),rgba(234,84,19,.5));
background-image:        linear-gradient(left,rgba(234,84,19,.1),rgba(234,84,19,.5));
}

.add-white-block4-body{width: 84%;max-width: 1000px; margin-left: auto;margin-right: auto; margin-top: 60px;}
.add-white-block4-body .pic{width: 50%;text-align: center;}
.add-white-block4-body .pic img{max-width: 100%;}
.add-white-block4-body .text{width: 40%;margin-left: 5%;margin-right: 5%; margin-top: 30px;}
.add-white-block4-body li{padding-bottom: 40px;padding-top: 40px;}
.add-white-block4-body li:nth-of-type(2n-1) .pic,.add-white-block4-body li:nth-of-type(2n) .text{float: left;}
.add-white-block4-body li:nth-of-type(2n-1) .text,.add-white-block4-body li:nth-of-type(2n) .pic{float: right;}
.add-white-block4-body .effect-button{width: 120px;height: 30px;line-height: 30px;}
.add-white-block4-body li:nth-of-type(2n){text-align: right;}
.add-white-block4-body li:nth-of-type(2n) .effect-button{margin-left: auto;}
.add-white-block4-body .text h2{font-weight: normal;font-size: 30px;color:#ea5413; margin-bottom: 5px;}
.add-white-block4-body .text h3{font-weight: normal;color:#ea5413; font-size: 16px;}
.add-white-block4-body .text .hl{margin: 30px 0; font-size: 16px;}
/*白色之恋防晒结束-----------------------------*/

/*冰柔安肤系列开始------------------------------*/
.add-skin{background-color: #e1c5d4;}
.add-skin-row1{position: relative;z-index: 3;margin-top: -60px;}
.add-skin-row1-list{margin-top: 160px; position: relative;z-index: 2;}
.add-skin-row1-list .w42{width: 42%;}
.add-skin-row1-list .w30{width: 30%;}
.add-skin-row1-list .margin_horizon{margin-left: 5%;margin-right: 5%;}
.add-skin-row1-list img{width: 100%;margin-bottom: 35px;display: block;}
.add-skin-row1-list li{margin-bottom: 60px;}
.add-skin-row2 {position: relative;}
.add-skin-row2 .img2{width: 100%;margin-top: -17%;}
.add-skin-row2 .add-white-title{position: absolute;left: 0;right: 0; margin-left: auto;margin-right: auto;top: 60px;}
.add-skin-row3{position: relative;z-index: 2;top: -130px;}
.add-skin-row3 .fengdan-row5-title h2,.add-skin-row3 .add-white-block4-body .text h2,.add-skin-row3 .add-white-block4-body .text h3{color:#d5005f;}
.add-skin-row3 .fengdan-row5-title h2::before, .add-skin-row3 .fengdan-row5-title h2::after{
background-image:-webkit-linear-gradient(left,rgba(213,0,95,.1),rgba(213,0,95,.5));
background-image:   -moz-linear-gradient(left,rgba(213,0,95,.1),rgba(213,0,95,.5));
background-image:    -ms-linear-gradient(left,rgba(213,0,95,.1),rgba(213,0,95,.5));
background-image:     -o-linear-gradient(left,rgba(213,0,95,.1),rgba(213,0,95,.5));
background-image:        linear-gradient(left,rgba(213,0,95,.1),rgba(213,0,95,.5));
}



/*冰柔安肤系列结束---------------------------------*/

/*私属养生系列开始-------------------------------*/
.add-spa-block1{overflow: hidden;}
.add-spa-content{margin-top: 70px; margin-bottom: 120px;position: relative;}
.add-spa-content-c{position: relative;z-index: 3;}
.add-spa-content-c img{max-width: 100%;}
.add-spa-content-c .icon2{margin-bottom: 80px;}
.add-spa-block2 .fengdan-row5-title h2{color:#1a0336;}
.add-spa-block2 .fengdan-row5-title h2::before, .add-spa-block2 .fengdan-row5-title h2::after{
background-image:-webkit-linear-gradient(left,rgba(26,3,54,.1),rgba(26,3,54,.5));
background-image:   -moz-linear-gradient(left,rgba(26,3,54,.1),rgba(26,3,54,.5));
background-image:    -ms-linear-gradient(left,rgba(26,3,54,.1),rgba(26,3,54,.5));
background-image:     -o-linear-gradient(left,rgba(26,3,54,.1),rgba(26,3,54,.5));
background-image:        linear-gradient(left,rgba(26,3,54,.1),rgba(26,3,54,.5));
}
.add-spa-block2 .add-white-block4-body .text h2,.add-spa-block2 .add-white-block4-body .text h3{color:#fff;}
.add-spa-block2 .add-white-block4-body .text{margin-top: 0;}
.add-spa-block2 .text p,.add-spa-block2 .text span {color:#fff !important; line-height: 1.7;}
.add-spa-block2 .effect-button{margin-top: 30px;}
.add-spa-block2 h3{margin-bottom: 25px;}
.add-white-block4-body .text{margin-right: 0; margin-left: 0;}
.add-spa-content .img1{height: 95%;position: absolute;bottom: -8px;right: 57%;}

/*私属养生系列结束-----------------------------------*/

/*鲜颜焕亮气垫BB霜系列开始------------------------------------*/
.add-bb{background-color: #f3dce4;padding-bottom: 160px;}
.add-bb-block3 .fengdan-row5-title h2{color:#a60f16;}
.add-bb-block3 .fengdan-row5-title h2::before, .add-bb-block3 .fengdan-row5-title h2::after{
background-image:-webkit-linear-gradient(left,rgba(166,15,22,.1),rgba(166,15,22,.5));
background-image:   -moz-linear-gradient(left,rgba(166,15,22,.1),rgba(166,15,22,.5));
background-image:    -ms-linear-gradient(left,rgba(166,15,22,.1),rgba(166,15,22,.5));
background-image:     -o-linear-gradient(left,rgba(166,15,22,.1),rgba(166,15,22,.5));
background-image:        linear-gradient(left,rgba(166,15,22,.1),rgba(166,15,22,.5));
}
.add-bb-block3 .add-white-block4-body .text h2,.add-bb-block3 .add-white-block4-body .text h3{color:#a60f16;}
.add-bb-block1{text-align: center;
background-image:-webkit-linear-gradient(bottom,#faf0f4,#fbf2f5);
background-image:   -moz-linear-gradient(bottom,#faf0f4,#fbf2f5);
background-image:    -ms-linear-gradient(bottom,#faf0f4,#fbf2f5);
background-image:     -o-linear-gradient(bottom,#faf0f4,#fbf2f5);
background-image:        linear-gradient(bottom,#faf0f4,#fbf2f5);}
.add-bb-block1 img{max-width: 100%;}
.add-bb-block2{padding-top: 80px;padding-bottom: 180px;
background-image:-webkit-linear-gradient(top,#faf0f4,#f3dde5);
background-image:   -moz-linear-gradient(top,#faf0f4,#f3dde5);
background-image:    -ms-linear-gradient(top,#faf0f4,#f3dde5);
background-image:     -o-linear-gradient(top,#faf0f4,#f3dde5);
background-image:        linear-gradient(top,#faf0f4,#f3dde5);}
.add-bb-block2-list{padding-top: 40px;}
.add-bb-block2-list li{float: left; width: 33.3333%;}
.add-bb-block2-list img{max-width: 100%;}
.add-bb-block4{max-width: 1000px; width: 84%;margin-left: auto;margin-right: auto;padding-bottom: 60px;}
.add-bb-block4 li{margin-bottom: 100px;}
.add-bb-block4 img{max-width: 100%;}
.add-bb-block4 .pic{width: 23%;margin-left: -15px;}
.add-bb-block4 .text{width:66%;margin-right: -15px;}



/*鲜颜焕亮气垫BB霜系列结束----------------------------------------*/




@media (max-width: 1440px) {
.add-eye-focus{background: none;}



}
@media (max-width: 1280px) {
.product-details-c{margin-top: 0;}
.product-details-c .text p{width: 100% !important; margin-right: 0;}
.product-details-c h1{font-size: 22px;}
.product-details-c .en{font-size: 16px;}
.add-bb-block4{padding-bottom: 0;}
.add-white-block4 .fengdan-row5-content{padding-top: 80px;}
.add-bb,.add-white, .add-spa{padding-bottom: 80px;}
.add-white-block4-body li{padding-top: 20px;padding-bottom: 20px;}
.add-white-block4 .fengdan-row5-title h2{font-size: 36px;}
.add-white-block4-body .text h2{font-size: 26px;}

.add-skin-row1{margin-top: 0;}
.add-skin-row1-list{margin-top: 100px;}
.add-skin-row2 .add-white-title{top: 20px;}
.add-skin-row3{top: -80px;}
.add-white-list2{margin-bottom: 100px;}

}

@media (min-width: 1024px) {
.add-white-list .pic{position: relative;left: -20%;opacity: 0;}
.add-white-list li:nth-of-type(2n) .pic{left:auto; right: -20%;}
.add-white-list .pic.appear_active{opacity: 1;left: 0; right: 0 !important;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.add-white-list2 .text{opacity: 0;
-webkit-transform: translateY(-50px);
   -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
        transform: translateY(-50px);
}
.add-white-list2 .text.appear_active{opacity: 1;
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;
}
.add-spa-content-c img{position: relative;left: 100px;opacity: 0;}
.add-spa-content-c img.appear_active{left: 0;opacity: 1;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.add-skin-row1-list li{position: relative; top: 50px;opacity: 0;}
.add-skin-row1-list li.appear_active{top: 0;opacity: 1;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.add-skin-row2 .add-white-title,.add-bb-block2 .add-white-title{overflow: hidden;}
.add-skin-row2 .add-white-title img,.add-bb-block2 .add-white-title img{
-webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
        transform: translateY(100%);}
.add-skin-row2 .add-white-title.appear_active img,.add-bb-block2 .add-white-title.appear_active img{
-webkit-transform: translateY(0);
   -moz-transform: translateY(0);
    -ms-transform: translateY(0);
     -o-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;
}
.add-bb-block4 .pic{position: relative;right: 20%; opacity: 0;}
.add-bb-block4 li.appear_active .pic{right: 0;opacity: 1;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.add-bb-block4 .text{position: relative;top: 50px;opacity: 0;}
.add-bb-block4 li.appear_active .text{opacity: 1;top: 0;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.add-bb-block2-list li{overflow: hidden;}
.add-bb-block2-list li img{position: relative;left: 50%;opacity: 0;}
.add-bb-block2-list.appear_active li img{left: 0;opacity: 1;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}

}


@media (max-width: 768px) {
.add-search-title{font-size: 26px;}   
.add-fruitless-p{margin-top: 50px;margin-bottom: 50px; font-size: 20px;}
.add-fruitless-new .title{padding-bottom: 20px; margin-bottom: 30px;}
.add-fruitless-list .text{margin-top: 10px;}
.add-fruitless-list li{margin-bottom: 30px;}
.add-result, .add-fruitless{padding-bottom: 40px;}
.add-search-kuang{padding-top: 5px;padding-bottom: 5px;height: 42px;}
.add-search-kuang .submit{height: 40px;}
.add-result-list .text{margin-left: 30px;}
.add-result-list .details{margin-top: 80px;}
.add-result-list{margin-bottom: 40px;}

.product-list li{width: 48%; margin-right: 4%;}
.add-eye-block .add-series-list li{margin-bottom: 40px;}
.add-eye-block{padding-bottom: 50px;}
.add-eye-title{font-size: 26px; margin-bottom: 50px;}
.add-eye-block .effect-rotate{margin-bottom: 40px;}
.pro-title{font-size: 30px;}
.product-details-l{float: none;margin-left: auto;margin-right: auto;width: 100%;max-width: 500px;}
.product-details-r{margin: 50px auto 0; width: 100%; float: none;}
.product-details-l .item{padding: 0;}
.product-details-l .owl-dots{margin-top: 20px;}
.pro-composition-text .text-title{margin-bottom: 15px;}
.pro-video-content{margin-top: 50px;width: 100%;}

.add-bb-block1 img{max-width: 80%;}
.add-white-title{margin-bottom: 40px;}
.add-bb-block4 .pic{width: 25%;}
.add-bb-block4 .text{width: 70%;}
.add-bb-block2{padding-bottom: 100px;padding-top: 50px;}
.add-bb-block4 li{margin-bottom: 50px;}
.add-white-block4 .fengdan-row5-title h2{font-size: 30px;}
.add-white-block4 .fengdan-row5-content{padding-top: 40px;}
.add-white-block4-body{width: 94%; margin-top: 30px;}
.add-white-block4-body .text{width: 45%;}
.add-white-block4-body .text h2{font-size: 22px;}

.add-skin{margin-top: -1px;}
.add-white-title img{max-width: 90%;}
.add-skin-row1-list{margin-top: 80px;}
.add-skin-row2 .img2{margin-top: -10%;}
.add-skin-row2 .add-white-title{top: 0;}
.add-skin-row1{padding-top: 30px;}
.add-skin-row1-list{margin-top: 0;}
.add-spa-content{margin-bottom: 80px;}

.add-white-list li:nth-of-type(2n-1) .pic{margin-left: 0;}
.add-white-list .text,.add-white-list .pic{width: 100%;float: none;overflow: hidden;}
.add-white-list .pic{text-align: center;}
.add-white-list .pic img{max-width: 50%;}
.add-white-list .text img{margin-left: -10%;max-width: 90%; margin-top: -8%;}
.add-white-list li:nth-of-type(2n) .text img{margin-left: 0;}
.add-white-list li{margin-bottom: 30px;}
.add-white-block3{padding-top: 80px;}
.add-white-block2-text .div6{padding-top: 30px;}
.add-white-head{margin-bottom: 50px;}
.add-white-list2 .text, .add-white-list2 .pic{display: block;width: 100%;}
.add-white-list2 li{display: block;}
.add-white-list2 .text{margin-top: 30px; padding-bottom: 50px;}
.add-white-list2 .text img{margin-left: 5%;}
.add-white-list2{margin-bottom: 80px;}
.add-white-block2-text .div4{padding-bottom: 40px;padding-top: 30px;}
.add-white-block2{padding-top: 60px;}

.story-history-list li {margin-top:0; margin-bottom:40px;}
.story-history-list li .li-c {width:100%; padding:0 !important;}
.story-history-line:after {opacity:0;}
.story-history-list li h2 {text-align:center !important;}
.story-history-content {background-repeat:repeat-y;}


.wm_new_part2 .wm_new_text {background-color: rgba(21,13,10,1) !important;}
.index-public-header-utility,.index-banner-text {display:none !important;}
}
@media (max-width: 480px) {
.add-search{padding-top: 30px;}
.add-search-title{font-size: 22px;}
.add-search-radio{margin-bottom: 20px;}
.add-result-item{font-size: 16px;padding-bottom: 10px;}
.add-fruitless-p{font-size: 18px;}
.add-fruitless-new .title{padding-bottom: 10px; font-size: 16px;margin-bottom: 20px;}
.add-fruitless-list .text{font-size: 14px;}
.add-result, .add-fruitless{padding-bottom: 20px;}
.add-result-list .list{padding-left: 0;}
.add-result-list .pic{position: static;}
.add-result-list .pic img{position: static;max-width: 100%;width:auto;}
.add-result-list .details,.add-series-list .details,.xz-details {margin-top: 20px;font-size: 14px;}
.add-result-list .text{margin-left: 0;margin-top: 20px;}
.add-result-list li{padding-top: 20px;padding-bottom: 30px;margin-bottom: 0;}
.add-result-list{margin-bottom: 20px;}
.add-result-list .details, .add-series-list .details,.xz-details {width: 120px;height: 30px;line-height: 30px;}
.add-series-list h2 a{font-size: 14px;}
.add-eye-title{font-size: 22px;padding-bottom: 10px; margin-bottom: 30px;}
.add-eye-select{bottom: 15px;}
.add-eye-idea-l, .add-eye-idea-r{width: 100%; float: none ;}
.add-eye-idea::before, .add-eye-idea::after{width: 100%; height: 50%;}
.add-eye-idea::after{top:auto; bottom: 0;}
.add-eye-idea{margin-bottom: 40px;}
.add-eye-block{padding-bottom: 30px;}

.pro-title{font-size: 24px;padding-bottom: 40px;}
.product-details-c h1{font-size: 20px;}
.product-details-c .en{font-size: 14px;}
.product-details-c .title{padding-bottom: 20px;}
.pro-composition-text .block{width: 100%;float: none; margin-bottom: 30px;}
.pro-composition-text::before{display: none;}
.pro-composition-content .img{margin-top: 0;}
.pro-video-content,.pro-process .owl-carousel, .series-list,.add-series-list{margin-top: 30px;}
.pro-process-text h3{font-size: 18px;}
.add-series-list{padding-bottom: 20px;}

.add-bb-block1 img{max-width: 100%;}
.add-bb-block2{padding-top: 30px; padding-bottom: 60px;}
.add-bb-block2-list{padding-top: 0;}
.add-white-title img{max-width: 100%;}
.add-bb-block4{width: 100%;}
.add-bb-block4 .pic{width: 100%;margin-left: 0;}
.add-bb-block4 .pic img{max-width: 50%;}
.add-bb-block4 .text{margin-top: 0;width: 100%;margin-top: 20px;}
.add-bb-block4 .text img{max-width: 100%;}
.add-white-block4 .fengdan-row5-title h2{font-size: 24px;}
.add-white-block4-body .pic,.add-white-block4-body .text{width: 100%;}
.add-white-block4-body .text,.add-spa-block2 .add-white-block4-body .text{margin-top: 10px;}
.add-white-block4-body li{padding-bottom: 40px;}
.add-white-block4-body .pic img{max-width: 80%;}
.add-white-block4-body .text h2{font-size: 18px;}
.add-white-block4-body .text h3,.add-white-block4-body .text .hl{font-size: 14px;}
.add-white-block4-body .text .hl{margin: 20px 0;}
.add-white-block4-body li:nth-of-type(2n){text-align: left;}
.add-white-block4-body li:nth-of-type(2n) .effect-button{margin-left: 0;}

.add-skin-row1-list .margin_horizon{margin-left: 0;margin-right: 0;}
.add-skin-row1-list .w42,.add-skin-row1-list .w30{width: 100%; margin-bottom: 30px;}
.add-skin-row1-list img:nth-of-type(2){max-width: 84%;}
.add-skin-row1-list img{margin-bottom: 20px;}
.add-skin-row1-list .w30 img:nth-of-type(2){max-width: 70%;}
.add-skin-row3{top: 0;padding-bottom: 50px;}
.add-skin-row2 .img2{margin-top: 0;}
.add-skin-row2 .add-white-title{top: 20px;}
.add-spa-content{margin-top: 40px;}
.add-spa-content-c .icon2{margin-bottom: 40px;}
.add-spa-block1{padding-top: 30px;}

.add-white-block2{padding-top: 20px;}
.add-white-block2-text .div4{padding: 0;}
.add-white-block2-text .div6{padding-top: 0;}
.add-white-block3{padding-top: 50px;}
.add-white-head{margin-bottom: 30px;}
.add-white-list2{margin-bottom: 50px;}
.add-bb, .add-white, .add-spa{padding-bottom: 50px;}



.contact-content-r .fr {margin-top:0 !important;}
.jspPane p {padding-right:10px;}
.index-banner-text .mouse {margin-top:120px;}
.index-banner-text .mouse img {width:6rem; }
}




/*新增页面结束========================================================================*/


/*丸美热销 2017年5月10日17:34:25*/
.advert {
    margin: 60px 0;
}

.advert img {
    max-width: 100%;
}

.hot-item {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.hot-one,
.hot-four,
.hot-five {
    text-align: center;
}

.hot-one-left,
.hot-one-right {
    position: absolute;
    width: 33.33%;
}

.images-ally {
    display: inline-block;
}

.shop-img {
    text-align: center;
}


.hot-one-left {
    left: 0;
    text-align: left;
}

.hot-one-right {
    bottom: 40px;
    right: 0;
    text-align: right;
}

.hot-one-right .hot-title {
    margin-left: 105px;
}

.hot-one-left .hot-title{
    margin-top: 160px;
}

.hot-title {
    padding: 12px 0;
    position: relative;
    border-top: 1px dotted #989898;
    border-bottom: 1px dotted #989898;
}

.hot-title h2 {
    line-height: 1.5;
    font-size: 20px;
    /*font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";*/
}

.hot-title p {
    line-height: 2;
    font-size: 16px;
}

.img-num {
    position: absolute;    
}

/*数字*/

.num-one {
    top: -135px;
    right: -45px;
}

.num-two {
    top: -148px;
    left: -45px;
}

.num-three {
    top: -30px;
    right: -220px;
}

.num-four {
    top: -140px;
    right: 0;
}

.num-five {
    top: -150px;
}

.num-six {
    top: -140px;
    right: 0;
}

.num-seven {
    top: -85px;
    right: -140px;
}

.num-eight{
    top: -150px;
}

.num-nine {
    top: -140px;
    right: 0;
}

.num-ten {
    top: -85px;
    left: 0;
    z-index: 1;
}

.img-left,
.img-right {
    position: absolute;
    background: #fff;    
}

.img-left {
    padding-right: 20px;
    top: -30px;
    left: 0;
}

.img-right {
    padding-left: 20px;
    bottom: -30px;
    right: 0;
}

.hot-txt {
    margin-top: 27px;
    font-size: 16px;
    line-height: 1.75;
}

.hot-txt a {
    margin-top: 25px;
    padding: 0 40px;
    border: 1px solid #4c4948;
    line-height: 2.5;
    display: inline-block;
    font-size: 14px;
}

.en-txt {
    font-size: 14px;
}

.hot-two-left,
.hot-two-right {
    display: inline-block;
}

.hot-two-left {
    margin-left: 105px;
}

.hot-two-right {
    margin-left: 40%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 300px;
}


.hot-three {
    margin-top: -150px;
    padding: 30px 0;
}

.hot-three-left,
.hot-three-right {
    display: inline-block;
}

.hot-three-left {
    position: absolute;
    left: 140px;
    bottom: 0;
    text-align: right;
}

.hot-three-right {
    margin-left: 620px;
}



.hot-four {
    margin-top: 110px;
}

.hot-four-right,
.hot-four-left {
    position: absolute;
    width: 33.33%;
    text-align: left;
}

.hot-four-left {
    bottom: 90px;
    left: 0;
}

.hot-four-right {
    top: 140px;
    right: 0;
}

.hot-five {
    padding-top: 185px;
}

.hot-five-left,
.hot-five-right {
    position: absolute;
}


.hot-five-left {
    top: 210px;
    left: 0;
}

.hot-five-right {
    top: 400px;
    right: 0;
}

.hot-six {
    padding-top: 200px;
}

.hot-six-left {
    position: absolute;
    top: 50%;
    left: 25%;
    text-align: right;
}

.hot-six-right {
    margin-left: 60%;
}


.hot-seven {
    padding-top: 155px;
}

.hot-seven-left,
.hot-seven-right {
    display: inline-block;
}

.hot-seven-left {
    margin-left: 15%;
    margin-right: 7%;
}

.hot-seven-right {
    position: absolute;
    top: 230px;
    left: 51%;
    text-align: right;
}

.hot-seven-right .img-left {
    padding-left: 170px;
}

@media (max-width: 1200px) {
    img {
        max-width: 100%;
    }

    .advert {
        margin: 1rem 0;
    }

    .hot-item {
        margin: 0;
        padding: 0;
    }

    .hot-one-left,
    .hot-one-right,
    .hot-two-right,
    .hot-three-left,
    .hot-four-right,
    .hot-four-left,
    .hot-five-left,
    .hot-five-right,
    .hot-six-left,
    .hot-seven-right {
        margin-left: 0;
        padding: 1rem 0;
        position: static;
        width: 100%;
        text-align: left;
    }

    .hot-two-right {
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }


    .hot-title {
        margin-top: 1rem !important;
        margin-left: 5rem !important;
    }

    .hot-title p {
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow: hidden;
    }

    .hot-txt,
    .btn-click {
        text-align: center;
    }

    .img-num {
        width: 40px;
        top: auto;
        left: -5rem;
        bottom: 0;
    }

    .shop-img {
        padding: 5px;
    }

    .en-txt {
        display: none;
    }

    .hot-two-left,
    .hot-three-right,
    .hot-six-right,
    .hot-seven-left,
    .images-ally {
        width: 100%;
        margin: 0;
    }

    .hot-two-left img,
    .hot-three-right img,
    .hot-six-right img,
    .hot-seven-left img,
    .images-ally img {
        display: block;
        margin: 0 auto;
    }

    .hot-seven-right .img-left {
        padding-left: 0;
    }
}



/* 首页修改 */
.navblack {display:block; position:fixed; top:0; left:0; width:0; height:100%; opacity:0;}
.navblack.on {width:100%;}

.wm-index-new .index-hot {padding:95px 0 85px 0;}
.wm-index-new .index-hot .story-title {padding:0; border:none;}
.wm-index-new .index-hot-list li {margin-bottom:0;}
.wm-index-new .index-hot-list .text {padding-bottom:10px;}

.wm_new_part1 {padding:100px 0 80px 0; background-color:#fbf9f5; position:relative; overflow:hidden;} 
.wm_new_part1 .wrap {position:relative;}
.wm_new_part1 .wm_new_pic {width:74.166%; position:relative; z-index:10;}
.wm_new_part1 img {width:100%;}
.wm_new_part1 .wrap {position:relative;}
.wm_new_part1 .wm_new_text {width:40%; min-width:320px; height:auto; background-color:rgba(255,255,255,1); position:absolute; z-index:11; bottom:10%; right:0; padding:30px; text-align:right; -webkit-box-sizing:-moz-border-box;box-sizing:border-box;box-sizing:border-box; 
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.wm_new_part1 .wm_new_text:hover {    box-shadow: 0px 0px 6px #a2cccd;
}
.wm_new_part1 h1 {font-size:28px; color:#b50909;}
.wm_new_part1 .text_wrap {font-size:16px; color:#333; line-height:28px; margin:19px 0 23px 0;}
.wm_new_part1 .new_more_icon {font-size:12px; color:#b50909;  position:relative; z-index:10;}
.wm_new_part1 .wm-new-bg1 {display:block; position:absolute; top:0; left:0; width:40.625%; height:100%; background:url(../images/wm-new-img9.png) no-repeat left bottom; background-size:100%;}
.wm_new_part1 .wm-new-bg2 {display:block; position:absolute; top:0; right:0; width:50%; height:100%; background:url(../images/wm-new-img10.png) no-repeat right bottom; background-size:100%;}

.wm_new_part2 {position:relative; overflow:hidden;}
.wm_new_part2 img {width:100%;}
.wm_new_part2 .wrap {position:absolute; top:0; left:0; right:0; margin:0 auto; height:100%;}
.wm_new_part2 .wm_new_text {position:absolute; bottom:11.2%; right:0; background-color:rgba(200,0,0,1); width:40%;  min-width:320px;  padding:28px 34px 18px 34px;-webkit-box-sizing:-moz-border-box;box-sizing:border-box;box-sizing:border-box; text-align:right;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.wm_new_part2 .wm_new_text:hover {background-color:rgba(200,0,0,0.5);}
.wm_new_part2 .text_wrap {font-size:16px; color:#fff; line-height:22.4px;}
.wm_new_part2 h1 {font-size:28px; color:#fff; margin:20px 0 21px 0;}
.wm_new_part2 .new_more_icon {font-size:12px; color:#fff; font-style:italic;}
.wm_new_part1 .new_more_icon,.wm_new_part2 .new_more_icon {display:block;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.wm_new_part1 .new_more_icon:hover,.wm_new_part2 .new_more_icon:hover {
-webkit-transform:translateX(-10px);
-moz-transform:translateX(-10px);
-ms-transform:translateX(-10px);
-o-transform:translateX(-10px);
transform:translateX(-10px);
}

.wm_new_part3 {position:relative; overflow:hidden;}
.wm_new_part3 img {width:100%;}
.wm_new_part3 .wrap {position:absolute; top:0; left:0; right:0; margin:0 auto; height:100%;}
.wm_new_part3 .wm_new_text {position:absolute; top:50%; left:0; right:0; margin:0 auto; text-align:center;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.wm_new_part3 .en {font-size:32px; color:#fff;  letter-spacing:5px; font-family:Georgia,"微软雅黑";}
.wm_new_part3 .cn {display:block; font-size:22px; color:#fff;}
.wm_new_part3 .text {font-size:45px; color:#fff; margin:40px 0 43px 0;}
.wm_new_part3 .new_more_icon {display:block; margin:0 auto; width:135px; height:48px; border:1px solid #fff; line-height:48px; font-size16px; color:#fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.wm_new_part3 .new_more_icon:hover {background-color:#fff; color:#333;}
@media (min-width: 1024px){
.wm_new_part1 .wrap {left:50%; opacity:0;}
.wm_new_part2 {top:30%;}
.wm_new_part3 {top:30%; opacity:0;}
.wm_new_part1 .wrap,.wm_new_part2,.wm_new_part3  {
	-webkit-transition: top 0.8s,left 0.8s,opacity 0.8s;
    -moz-transition: top 0.8s,left 0.8s,opacity 0.8s;
    -ms-transition: top 0.8s,left 0.8s,opacity 0.8s;
    -o-transition: top 0.8s,left 0.8s,opacity 0.8s;
    transition: top 0.8s,left 0.8s,opacity 0.8s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.wm_new_part1 .wrap.appear_active,.wm_new_part2.appear_active,.wm_new_part3.appear_active {top:0; left:0; opacity:1;}
}
@media (max-width: 1000px) {
.wm_new_part2 .wm_new_text {bottom:5%;}
.wm_new_part3 .text {font-size:24px; margin:20px 0;}
.wm_new_part3 .new_more_icon {height:35px; line-height:35px;}
}
@media (max-width: 768px){
.public-header-nav li>a {color:#c80000;}
.wm_new_part2 {margin-top:3rem !important;}
.wm_new_part1 .wm_new_pic {width:100%;}
.wm_new_part2 .wm_new_pic img {width:148% !important; margin-left:-12%; max-width:none;}
.wm_new_part1 .wm_new_text,.wm_new_part2 .wrap,.wm_new_part2 .wm_new_text {position:relative; z-index:10; width:100%; min-width:inherit;}
.wm_new_part1,.wm-index-new .index-hot {padding:20px 0 20px 0;}
.wm_new_part3 .en,.wm_new_part3 .cn {font-size:16px;}
.wm_new_part3 .text {font-size:18px; margin:10px 0;} 
}
@media (max-width: 480px){
.wm_new_part3 .wm_new_pic {overflow:hidden;}
.wm_new_part3 img {width:160%; max-width:none; margin-left:-46%;}
.story-benefit {background-position:71% 50%;}
.story-benefit-content p {font-size:14px; line-height:24px;}
}
@media (max-width: 360px){
.brand-banner .pic {height:5.5rem;}
}