.swiper-container{

}

.swiper-container .slide_one {
    /* background: url('../img/brandsstory/banner.png') no-repeat;
    height: 36.6666vw;
    background-size: cover;
    position: relative; */
}

.bannerimg {
    width: 100%;
    max-width: 100%;
}
.slide_one >a{
    display: block;
    position: relative;
}

.slide_one .text{
    text-align: left;
    position: absolute;
    right: 22.291vw;
    top: 13.3vw;
}

.slide_one .text .title{
    font-size: 1.9791vw;
    color: #5a5a5c;
    line-height: 2.2vw;
}

.slide_one .text .small{
    font-size: 0.8333vw;
    color: #9e9e9e;
    height: 2.239vw;
    line-height: 2.239vw;
    border-bottom: 1px solid #5a5a5c;
}

.slide_one .text .msg {
    font-size: 1.041vw;
    color: #5a5a5c;
    line-height: 1.3vw;
    /* padding: 1.041vw 0; */
    padding: 1.041vw 0 2.8125vw 0;
}

.slide_one .text .button {
    color: #ffffff;
    background-color: #e40073;
    width: 12.03125vw;
    text-align: center;
    display: block;
    padding: 0.625vw 0;
    font-size: 0.8333vw;
    letter-spacing: 0.3125vw;
}

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

.product_box{

}

.product_box .top{
    background: url("../img/brandsstory/bgshui.png") no-repeat;
    /* height: 35.41666vw; */
    /* background-size: cover; */
    background-size: 100% 100%;
    text-align: center;
    padding-bottom: 5.2vw;
    overflow: hidden;
}
.product_box .top .title {
    text-align: center;
    margin-top: 6.71vw;
    margin-bottom: 2.6vw;
}
.product_box .top .title p:nth-child(1){
    font-size: 4.84vw;
    color: #5a5a5c;
    opacity: 0.2;
    letter-spacing: 0.1vw;
    font-weight: 100;
}

.product_box .top .title p:nth-child(2){
    /* font-size: 2.08vw; */
    font-size: 2.4vw;
    color: #e40073;
    letter-spacing: 0.57vw;
    margin-top: -0.8vw;
}

.product_box_new .top .title p:nth-child(2){
    margin-top: 0.52vw;
}

.product_box .top .desc_text {
    font-size: 1.25vw;
    color: #5a5a5c;
    margin-bottom: 2.7vw;
    /* line-height: 1.927vw; */
    line-height: 2.5vw;
}

.product_box .top .samall {
    font-size: 0.9375vw;
    color: #5a5a5c;
    /* border-radius: 1.5625vw; */
    border-radius: 1.9vw;
    padding: 0.78125vw 1.666vw;
    line-height: 1.5vw;
    border: 1px solid #d1d1d1;
    width: max-content;
    margin: 0 auto;
    font-weight: 500;
    
}

/* 尾页 快读 */
.end{
    margin-bottom: 3.95vw;
}
.end_ted{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column; 
    flex-direction: column;
    padding: 2.26vw 0 4.46vw;
}
.end_ted .end_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px
}

.end_ted .end_content > div > img{
    width: 9.94vw;
}
.end_ted .end_content > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column; 
    flex-direction: column;
}
.end_ted .end_content > div b{
    color: #5A5A5C;
    margin: 14px 0px 10px;
    font-size: 1.24vw;
    padding-left: 0.7vw;
}
.end_ted .end_content > div span{
    color: #535353;
    font-size: 1.01vw;
    line-height: 1.65vw;
    padding-left: 0.7vw;
}
.end_ted .end_content > div{
    margin-right: 4.49vw;
}
.end_ted .end_content > div:last-child{
    margin-right: 0;
}
.end_ted .syff{
    width:25.52vw;
}
.end_sh {
    background:#ffedeb;
    padding-bottom: 2.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column; 
    flex-direction: column;
}
.end_sh .end_sh_title {
    width:14.01vw;
    height:4.27vw;
    line-height:4.27vw;
    color:rgba(254,254,255,1);
    font-size: 1.51vw;
    background:rgba(255,167,153,0.5);
    border-radius:0px 0px 40px 40px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 2px;
}
.end_sh_content{
    margin-top: 3.125vw;
    width: 100%;
    padding-left: 25vw;
    box-sizing: border-box;
}
.end_sh_item{
    /* border-left: 0.26vw #FFA799 solid; */
    font-size: 1.25vw;
    line-height: 1.55vw;
    padding: 0.2vw 0 0.33vw 1vw;
    color: #5A5A5C;
    font-family:SourceHanSansCN;
    margin-bottom: 2.29vw;
    position: relative;
}
.end_sh_item:after{
    position: absolute;
    content: ' ';
    height: 2.03vw;
    width: 0.25vw;
    background: #FFA799;
    left: -10px;
    top: 0;
}

/* 产品 */
.product_box .bottom {
    overflow: hidden;
    position: relative;
}

.product_box .bottom >img{
    width: 100%;
    max-width: 100%;
    min-width: 100vw;
}

.product_box .bottom .desc{
    position: absolute;
    top: 8vw;
    right:11vw; 

}
.product_box .bottom .desc_box{
    border: 2px#FFA799 solid; 
    padding: 3vw 3vw;
    right: 20vw;
    top: 4vw;
    border-top: 1.8vw #FFA799 solid; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column; 
    flex-direction: column;
    /* right: inherit; */
    /* margin-top: 20%; */
}
.product_box .bottom .desc_box ul{
    width: 90%;
}



.product_box .desc_text span:nth-child(2) {
    margin: 0 0.52vw;
}

.product_box .bottom .desc img{
    width: 16.25vw;
}

.product_box .bottom .desc .title{
    color: #f39283;
    font-size: 1.458vw;
    font-weight: bold;
    
}
.product_box .bottom .desc_box .title{
    color: #E40073;
    font-size: 1.458vw;
    font-weight: bold;
}

.product_box .bottom .desc .small_text{
    font-size: 0.98vw;
    color: #9e9e9e;
    margin-top: 0.625vw;
    margin-bottom: 1.3vw;
    font-weight: bold;
}

.product_box .bottom .desc  .shopmsg {
    margin-bottom: 0.9375vw;
}

.bottom ul {
 
}

.bottom ul li{
    border-bottom: 1px dashed #5a5a5c;
    /* padding-left: 0.5729vw; */
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
   
}

.bottom ul li span{
    font-size:  0.625vw;
    color: #5a5a5c;
    display: inline-block;
}
.bottom .desc_box ul li span:first-child{
    border: 0;
    border-right: 2px solid #5a5a5c;
    width: 4.8vw;
    margin-right: 2.3vw;
}
.bottom ul li span:first-child{
   
    border-left: 2px solid #5a5a5c;
      padding-left: 0.5729vw;
}

.bottom ul li span:last-child{
    color: #747474;
    /* margin-left: 2.9vw; */
    
}
.bottom ul li:last-child{
    border: none;
}
.bottom ul li .item{
    width:5vw;
}

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

.trjs {
    position: relative;
}

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

.trjs .text{
    position: absolute;
    color: #ffffff;
    right: 17vw;
    top: 6.9vw;
    font-weight: bold;
    letter-spacing: 0.29vw;
}

.trjs .text .title{
    font-size: 2.39vw;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 0.72vw;
    display: inline-block;
    margin-bottom: 1.45vw;
    font-weight: bold;
}

.trjs .text .desc {
    font-size: 2.39vw;
    margin-bottom: 4.739vw;
    letter-spacing: 0.439vw;
}

.trjs .text .bot{
    font-size: 1.5625vw;
    letter-spacing: 0.29vw;
}

.trjs .text .bot p:nth-child(1) {
    font-size: 1.875vw;
    margin-bottom: 1.77vw;
}
.trjs .text .bot p:nth-child(2) {
    margin-bottom: 0.8333vw;
}


.Moisture {
    background: url('../img/brandsstory/bs.png') no-repeat;
    background-size: contain;
    padding: 5.46vw 0 6.56vw 0;
    box-sizing: border-box;
}

.Moisture .left{
    width: 60%;
    float: left;
    padding-left: 4.322vw;
    color: #5a5a5c;
    box-sizing: border-box;
}

.Moisture .left .top {
    font-size: 1.041vw;
    margin-bottom: 3.28vw;
}

.Moisture .left .top .tit{
    font-size: 2.44vw;
    color: #ffa99b;
    margin-bottom: 2.86vw;
}

.Moisture .left .top .desc_tit{
    font-size: 1.3vw;
    color: #ffffff;
    margin-bottom: 0.9375vw;
}
.Moisture .left .top .desc {
    margin-bottom: 0.78vw;
}

.Moisture .left  .bott .desc {
    font-size: 1.3vw;
    color: #ffffff;
    margin-bottom: 2.86vw;
}

.Moisture .left .bott .twodesc {
    margin-bottom: 0.9375vw;
} 

.Moisture .left  .bott .desc_t{
    margin-bottom: 0.78vw;
    font-size: 1.041vw;
}

.Moisture .right{
    width: 40%;
    float: right;
}
.Moisture .right .box{
    margin-top: 3.3vw;
}
.Moisture .right .item{
    font-size: 1.56vw;
    color: #ffa799;
    display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.Moisture .right .item2 {
    margin-top: 3.75vw;
    margin-left: 2.6vw;
}


.Moisture .right .item img{
    width: 3.8vw;
    height: 3.8vw;
    margin-right: 2.44vw;
}
.Moisture .right .item2_fix{
    flex-direction: column;
    margin-right: 16vw;
}
.Moisture .right .item2_fix img {
    display: block;
    width: 5.8vw;
    margin-bottom: 30px;
    margin-top: 10px;
    height: 5.8vw;
}

.use_box {
    /* margin-bottom: 6vw; */
    padding-bottom: 6vw;
    background: url('../img/brandsstory/pc_bot.jpg') no-repeat;
    background-size: 100% 100%;
    padding-top: 5.856vw;
}

.use_box .info{
    padding: 0 27vw;
    box-sizing: border-box;
}

.use_box .info .top{
    margin-bottom: 3.125vw;
}

.use_box .info .top .left{
    float: left;
    width: 50%;
}   

.use_box .info .top .left img{
    width: 22vw;
}

.use_box .info .top .right {
    float: right;
    width: 50%;
    /* text-align: center; */
    padding-left: 2.29vw;
    box-sizing: border-box;
   
   
}

.use_box .info .top .right img{
    width: 16vw;
    /* margin: 0 auto; */
    margin-bottom: 3.28vw;
    display: block;
}

.use_box .info .top .right p{
    font-size: 1.2vw;
    line-height: 1.8vw;
    color: #5a5a5c;
}

.use_box .center{

}

.use_box .center ul li{
    width: 100%;
    background: #ffedeb;
    color: #5a5a5c;
    border-radius: 3.69vw;
    padding: 0.67vw 0; 
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0.83vw;
    padding-right: 3.5vw;
}

.use_box .center ul li span{
    font-size: 1.25vw;
    display: inline-block;
    line-height: 1.8vw;
}

.use_box .center ul li img{
    margin-left: 2.34vw;
    margin-right: 3.17vw;
}



.mobile_navbanner, .mobile_shop, .mobile_gx, .mobile_noneadd, .mobile_trjs{
    display: none;
}

@media screen and ( max-width: 1366px){
    .use_box .center ul li {
        border-radius: 5.1976vw;
    }

    .use_box .center ul li img{
        margin-left: 2.7vw;
        
    }


}

@media screen and ( max-width: 800px){
    .slide_one{
        background-image: url('../img/brandsstory/mobile/kv.png');
        background-size:  100% 124%;
        height: 11rem;
    }
    .bannerimg{ 
        display: none;
    }
    .swiper-container{
        height: 11rem;
    }
    .slide_one .text .title{
        font-size:0.4rem;
        line-height: 0.44rem;
        text-align: center;
    }
    .slide_one .text .small{
        font-size: 0.23rem;
        text-align: center;
        margin-top: 0.15rem;
        padding-bottom: 0.12rem;
        /* line-height: 0.3rem; */
    }
    .slide_one .text .msg{
        font-size: 0.24rem;
        line-height: 0.3rem;
        text-align: center;
    }
    .slide_one .text{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        right: inherit;
        margin-top: -3rem;
        top: auto;
    }
    .slide_one .text .button{
        width: 3.07rem;
        margin-top: 0.33rem;
        font-size: 0.24rem;
        padding: .21rem .11rem;
    }
    .mobile_navbanner{
        display: block;
    }
    .pc_navbanner{
        display: none;
    }
    .product_box .top{
        background: url("../img/brandsstory/mobile/bgshui.png") no-repeat;
        background-size: 100% auto;
        background-position-y: -2rem;
        padding-bottom: 1.32rem;
    }
    .product_box .top .title{
        margin-top: 1.88rem;
        margin-bottom: 0.69rem;
    }
    .product_box .top .title p:nth-child(2){
        font-size: 0.67rem;
        margin-top: -0.30rem;
    }
    .product_box_new .top .title p:nth-child(2){
        font-size: 0.67rem;
        margin-top: 0.30rem;
    }
    .product_box .top .title p:nth-child(1){
        font-size: 1.14rem;
    }
    .product_box .top .desc_text{
        font-size: 0.31rem;
        line-height: 0.49rem;
        margin-bottom: 0.69rem;
    }
    .product_box .top .samall{
        font-size: 0.24rem;
        line-height: 0.33rem;
        padding: 0.21rem 0.44rem;
        border-radius: 20px;
    }
    .mobile_shop{
        display: block;
    }
    .pc_shop{
        display: none;
    }
    .product_box .bottom .desc{
        position: absolute;
        right: 20vw;
        width: 60vw;
        text-align: center;
        top: 50%;
        /* right: inherit; */
        /* margin-top: 20%; */
    }

    .product_box .bottom .desc_box{
        border-top-width: 0.49rem;
        width: 90vw;
        right: 5vw;
        top: 46%;
        box-sizing: border-box;
    }
    .product_box .bottom .desc_box ul{
        width: 80%;
    }
    .bottom .desc_box ul li span:first-child{
        width: 1.31rem;
        text-align: left;
        margin-right: 0.61rem;
    }
    .product_box .bottom .desc_box .shopmsg{
        margin-bottom: 0.37rem;
    }
    .end_ted .syff{
        width: 5.01rem
    }
    .end_ted{
        padding: 0.55rem 0 0.84rem;
    }
    .end_ted .end_content > div{
        margin-right: 0.3rem;
    }
    .end_ted .end_content > div b{
        font-size: 0.32rem;
    }
    .end_ted .end_content > div span{
        font-size: 0.27rem;
    }
    .end_ted .end_content > div > img{
        width: 2.65rem;
    }
    .end_sh .end_sh_title{
        width:3.59rem;
        height:1.09rem;
        line-height:1.09rem;
        border-radius:0rem 0rem 1rem 1rem;
        font-size: 0.39rem;
    }
    .end_sh_content{
        padding-left: 0.76rem;
    }
    .end_sh_item{
        font-size:0.32rem;
        line-height:0.42rem;
        margin-bottom: 0.68rem;
        padding: 0.1rem 0.55rem 0 0;
    }
    .end{
        margin-bottom: 0.6rem;
    }
    .end_sh_item br{
        display: none;
    }
    .end_sh_item:after{
        width:0.07rem;
        height:0.52rem;
    }
    .bottom .desc_box ul li span{
        font-size:0.26rem;
    }
   
    .product_box .bottom .desc .title{
        font-size: 0.37rem;
        text-align: center;
    }
    .product_box .bottom .desc .small_text{
        font-size: 0.25rem;
    }
    .product_box .bottom .desc  .shopmsg{
        width:4.16rem;
        margin-top: 0.22rem;
    }
    .bottom ul li{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-top: 0.12rem;
        padding-bottom: 0.12rem;
    }
    .bottom ul li .item{
        width: 1rem;
    }
    .bottom ul {
        padding: 0 0.88rem;
    }
    .bottom ul li span:first-child{

    }
    .bottom ul li span{
        font-size: 0.21rem;
    }
    .mobile_gx{
        display: block;
    }
    .mobile_noneadd{
        display: block;
    }
    .mobile_trjs{
        display: block;
    }
    .pc_trjs{
        display: none;
    }
    .pc_gx{
        display: none;
    }
    .pc_noneadd{
        display: none;
    }
    .trjs .text .title{
        font-size: 0.4rem;
    }
    .trjs .text .desc{
        font-size: 0.37rem;
    }
    .trjs .text .bot p:nth-child(1){
        font-size: 0.31rem;
    }
    .trjs .text .bot{
        font-size: 0.27rem;
    }
    .trjs .text{
        top: 30%;
        right: 5%;
    }
    .Moisture{
        background: url('../img/brandsstory/mobile/bs.png') no-repeat;
        height: 5.7rem;
        background-size: 100% auto;
    }
    .Moisture .left .top .tit{
        font-size: 0.45rem;
    }
    .Moisture .left .top .desc_tit{
        font-size: 0.24rem;
        margin-bottom: 0.2rem;
        margin-top: 0.34rem;
    }
    .Moisture .left .top .desc{
        font-size: 0.19rem;
        margin-bottom: 0.12rem;
    }
    .Moisture .left .bott .desc{
        font-size: 0.24rem;
        margin-bottom: 0.2rem;
        margin-top: 0.34rem;
    }
    .Moisture .left .bott .desc_t{
        font-size: 0.19rem;
        margin-bottom: 0.12rem;
        /* line-height: 0.3rem; */
        white-space: pre;
    }
    .Moisture .right .item{
        font-size: 0.23rem;
    }
    .Moisture .right .item img{
        width: 0.55rem;
        height: 0.55rem;
    }
    .Moisture .right .item2_fix{
        flex-direction: row;
        font-size: 0.23rem;
        margin-right: 0;
    }
    .Moisture .right .item2_fix img {
        width: 0.55rem;
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
    }
    .use_box{
        /* margin-top: 0.5rem; */
        padding-top: 0.6rem;
        padding-bottom: 0.8rem;
        background: url('../img/brandsstory/mobile/mob_bot.jpg') no-repeat;
        margin-bottom: 0;
        background-size: 100% 100%;
    }
    .use_box .info{
        padding: 0 3vw;
    }
    .use_box .info .top .left img{
        width: 50vw;
    }
    .use_box .info .top .right img{
        width: 3.38rem;
    }
    .use_box .info .top .right{
        padding-left: 6vw;
        padding-top: 3vw;
    }
    .use_box .info .top .right p{
        font-size: 0.25rem;
        line-height: 0.33rem;
        margin-top: 0.44rem;
    }
    .use_box .center ul li{
        padding: 0.1rem 0rem;
    }
    .use_box .center ul li img{
        width: 0.75rem;
        margin-right: 0.4rem;
    }
    .use_box .center ul li span{
        font-size: 0.24rem;
        line-height: 0.33rem;
    }

    .use_box .center {
        padding-top: 1.1rem;
       
          /* background-size: cover; */
    }

    .use_box .info .top {
        margin-bottom: 0;
    }

    .use_box .center ul li {
        margin-bottom: 0.1466rem;
        padding-right: 1.18rem;
        box-sizing: border-box;
        border-radius: 0.7066rem;
    }
}