/********************************brand-introduce.html*******************************/
.subpage-banner{
    width: 100%;
}
.subpage-banner img{
    width: 100%;
}
.subpage-tit{
    height: 100px;
    line-height: 100px;
    padding: 0 100px;
    font-family: "siyuan";
    color: #002C6A;
}
.subpage-tit span{
    font-size: 1.1428em;
}
.b-bulture{
    background: #f8f8f8;
    text-align: center;
    font-weight: lighter;
}
.b-bultureBox{
    margin: 0 280px;
    padding-top: 120px;
    padding-bottom: 120px;
}
.b-bulture .b-bulture-tit{
    color: #002C6A;
    font-size: 48px;
    padding-bottom: 65px;
}
.b-bulture p{
    font-size: 1.2857em;
    color: #333;
    padding-bottom: 30px;
    /*line-height: 32px;*/
}
.b-brand-info{
    padding: 160px 200px 300px;
    color: #002C6A;
    text-align: center;
    font-weight: lighter;
}
.b-brand-infoBox{
    padding-top: 80px;
    padding-bottom: 110px;
}
.b-brand-infoBox .b-brand-infoP{
    padding-top: 20px;
    padding-bottom: 90px;
}
.b-brand-infoBox .b-brand-infoP2{
    padding-bottom: 30px;
}
.b-brand-infoBox .b-brand-infoP3{
    padding-top: 20px;
}


/******************************news.html*********************************/
.n-news{
    padding: 0 8% 200px;
}
.n-newsList{
    padding: 60px 0;
}
.n-newsListBox{
    background: #f5f5f5;
    position: relative;
}
.n-showLook{
    position: absolute;
    top: 35px;
    right: 35px;
}
.n-showLook .iconfont{
    font-size: 26px;
    vertical-align: middle;
    margin-right: 6px;
}
.n-newsList .n-newsList-img,.n-newsList .n-newsList-info{
    width: 50%;
        min-height: 457px;
    height: 100%;
}
.n-newsList .n-newsList-img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
}
.n-newsList .n-newsList-img img{
    width: 100%;
    height: 100%;
}
.n-newsList .n-newsList-infoBox{
    margin: 90px 90px 50px;

}
.n-newsList .n-newsList-tip{
    padding: 20px 0 30px;
    line-height: 40px;
}
.n-newsList .n-newsList-btn{
    width: 170px;
    height: 45px;
    line-height: 45px;
    font-size: 1.2857em;
    text-align: center;
    margin-top: 30px;
}
.blue-btn{
    display: inline-block;
    border: 1px solid #002C6A;
    background: #F5F5F5;
    cursor: pointer;
    /* transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out; */
    -webkit-transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
  -o-transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
  transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
    font-weight: lighter;
}
.blue-btn:hover{
    background: #002C6A;
    color: #fff;
}

.white-btn{
    display: inline-block;
    border: 1px solid #002C6A;
    background: #F5F5F5;
    cursor: pointer;
    /* transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out; */
    -webkit-transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
  -o-transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
  transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
}
.white-btn:hover{
    background: #002C6A;
    color: #fff;
}

/********************************goods-advantages.html*******************************/
.g-workRule { /*background: url(http://resources1.mlily.com/news/190308/1406818013004.png)no-repeat;*/ background: rgba(248,248,248,1); background-size: 100% 870px; height: 970px; margin-bottom: 337px; }
.g-workBox{
    padding-top: 110px;
}
/*.g-workBox p{
    line-height: 40px;
}*/
.g-workBox-titBox{
    padding-top: 50px;
    padding-bottom: 180px;
}
.g-workBox-certificate{
    width: 1300px;
    margin: auto;
    margin-top: 80px;
}
.g-workBox-certificate li{
    float: left;
    width: 20%;
    margin: 0 2.5%;
}
.g-workBox-certificate li img{
    width: 100%;
    box-shadow: 0px 0px 6px 2px rgba(185, 185, 185, 0.4);
}
.g-workBox-certificate li p{
    font-size: 20px;
    padding-top: 20px;
    line-height: 60px;
    height: 40px;
}
.g-workMark{
    margin: 100px;
    padding-top: 180px;
}
.g-workMark img{
    margin-top: 60px;
    margin-bottom: 30px;
}
/*.g-workMark p{
    line-height: 40px;
}*/
.g-workMark-notice{
    padding-top: 60px;
    padding-bottom: 100px;
}
.g-workInfo{
    padding-top: 100px;
    padding-bottom: 200px;
    padding-left: 4%;
    padding-right: 4%;
}
.g-workInfo li{
    float: left;
    width: 17%;
    margin-bottom: 110px;
    height: 200px;
    text-align: center;
    padding-left: 3%;
    position: relative;
}
.g-workInfo img{
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}
.g-workInfo .g-workInfoFr{
    margin-left: 40px;
    position: absolute;
    left: 130px;
    z-index: 6;
}
.g-workInfo-list{
    padding-bottom: 100px;
}
.g-workInfo-list li{
    width: 30.3333%;
    text-align: left;
    height: auto;
}
.g-workInfo-list-tit{
    padding-bottom: 100px;
}
.g-workOutput{
    position: relative;
}
.g-workOutputBox{
    background: #002C6A;
    height: 440px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
}
.g-workOutput-list{
    margin: 0 100px;
    padding-bottom: 60px;
}
.g-workOutput-list li{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.g-workOutput-list li:last-child{
    margin-right: 0;
}
.g-workOutput-tit{
    padding: 80px 0;
}
.g-workOutput p,.g-workNumBox p,.g-workInfo p{
    line-height: 40px;
    color: #808080;
}
.g-workNum{
    padding: 220px 0;
}
.g-workNum .g-workNum-tip{
    padding: 20px 0 50px;
}
.g-workNum-img{
    width: 1000px;
}
.g-workNumBox{
    padding-top: 70px;
}
.g-workAttest{
    /*padding-bottom: 183px;*/
}
.g-workAttest-box{
    padding: 130px 3% 100px;
    overflow: hidden;
}
.g-workAttest-box li{
    float: left;
    width: 33.3333%;
}
.g-workAttest-box li img{
    width: 260px;
    padding-bottom: 25px;
}
.g-workAttest-box p{
    line-height: 35px;
    /*color: #808080;*/
}
.g-workAttest-tit{
    font-size: 1.5em;
    font-weight: bold;
    color: #002C6A !important;
    padding-bottom: 30px;
}


/*******************************noPressure-room.html********************************/
.n-headTip{
    padding: 90px 0 120px;
}
.n-pattern{
    padding: 100px;
}
.n-pattern li{
    float: left;
    width: 23%;
    margin-right: 2%;
}
.n-pattern li:last-child{
    margin-right: 0;
}
.n-pattern img{
    width: 90px;
    height: 90px;
    margin-bottom: 50px;
}
.n-pattern-box{
    border: 1px solid #aaa;
    padding: 30px 15px 15px;
    min-height: 200px;
    position: relative;
}
.n-pattern-box .n-pattern-tit{
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center;
}
.n-pattern-box .n-pattern-tit span{
    display: inline-block;
    background: #fff;
    width: 200px;
}
.n-pattern-box p{
    line-height: 40px;
    font-weight: lighter;
}
.n-pressure .g-workOutputBox{
    background: #eee;
}
.n-living-hall{
    margin: 0 100px;
    padding-top: 80px;
}
.n-income{
    margin: 0 12%;
    padding-top: 130px;
    padding-bottom: 150px;
}
.n-hotalList{
    margin: 0 100px;
}
.n-hotalList li{
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 220px;
}
.n-hotalList li:last-child{
    margin-right: 0;
}
.n-hotalList .n-hotalList-tit{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    height: 60px;
    line-height: 60px;
    font-size: 1.2857em;
    color: #fff;
    text-align: center;
    background: #000;
    opacity: 0.6;
    cursor: pointer;
}
.n-hotalList li img{
    height: 360px;
}
.n-hotal-manage{
    background: #eee;
    margin-bottom: 60px;
}
.n-hotal-manage-info{
    margin-bottom: 120px;
}
.n-hotal-manageBox{
    position: relative;
    margin-bottom: 60px;
}
.n-hotal-manageImg{
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
}
.n-hotal-manageImg img{
    width: 100%;
    height: 100%;
}
.n-hotal-manageInfo{
    width: 50%;
}
.n-hotal-manageInfoBox{
    margin: 120px 100px 60px;
}
.n-hotal-logo{
    width: 150px;
}
.n-hotal-tit{
    padding: 0 0 65px;
}
.n-hotal-box{
    height: 128px;
    line-height: 128px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.n-hotal-box li{
    float: left;
    width: 33.3333%;
    text-align: center;
    font-size: 1.2857em;
    color: #002C6A;
}
.n-hotal-tell{
    margin-top: 70px;
}
.n-hotal-tell li{
    float: left;
    width: 45%;
    margin-left: 5%;
    text-align: left;
    font-size: 1.2857em;
    line-height: 40px;
}


/******************************about.html*********************************/
.a-about{
    padding: 0 200px 200px;
}
.a-about-tit{
    padding-top: 50px;
}
.a-about-time{
    padding: 60px 0;
}
.lineHeight50{
    line-height: 50px;
}
.a-about-img1{
    margin: 100px 0;
}
.a-about-img2,.a-about-pBotom{
    margin-bottom: 45px;
}
.a-about-img3{
    width: 460px;
    margin: 130px auto;
}


/******************************video.html*********************************/
.v-video-tit{
    padding-top: 20px;
    padding-bottom: 20px;
}
.v-video{
    padding: 70px 4% 260px;
}
.v-video img{
    height: 100%;
}
.v-video li{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}
.v-video li:nth-child(2n){
    margin-right: 0;
}
.v-video-boxPop{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 1;
    background: #000;
    opacity: 0.5;
}
.v-video-box{
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 8;
}
.v-video-btnBox{
    margin-top: 20px;
    cursor: pointer;
}
.v-video-btn{
    width: 70px;
    height: 70px;
    cursor: pointer;
}
.v-video-btnInfo{
    vertical-align: middle;
    margin-left: 20px;
    line-height: 50px;
    color: #808080;
}
.j-videoimg{
    height: 100%;
}

/*********************************join.html******************************/
.j-joinIcon{
    padding-bottom: 50px;
}
.j-joinIcon img{
    width: 70px;
    height: 70px;
}
.j-joinIconTit{
    padding: 10px 0;
}
.j-joinTerm{
    padding: 0 8%;
}
.j-joinTerm{
    padding-bottom: 100px;
}
.j-joinTerm-tit{
    padding-bottom: 60px;
}
.j-joinTerm li{
    float: left;
    width: 32%;
    margin-right: 2%;
    background: #efefef;
    min-height: 160px;
    border-top: 5px solid #002C6A;
}
.j-joinTerm li:last-child{
    margin-right: 0;
}
.j-joinTerm li .j-joinTermBox{
    padding: 20px 30px;
}
.j-joinTerm li p{
    line-height: 40px;
}
.j-joinProcess{
    position: relative;
}
.j-joinBack{
    height: 610px;
    background: #002C6A;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
}
.j-processTit{
    padding: 70px 0;
}
.j-processImg{
    width: 1200px;
    margin: auto;
}
.j-intention{
    margin: 70px 8% 0;
    background: #F8F8F8;
    padding: 80px 5% 100px;
}

.j-intentionBox{
    margin-top: 70px;
    height: 435px;
    margin-bottom: 60px;
}

.j-intentionFl,.j-intentionFr{
    width: 48%;
}
.j-intentionFl{
    margin-right: 2%;
}

.j-intentionFr{
    border: 1px solid #002C6A;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    height: 370px;
    position: relative;
}
.j-intentionFr .j-intention-text{
    position: absolute;
    left: 3%;
    right: 3%;
    top: 3%;
    bottom: 3%;
    width: 90%;
    padding: 2%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    resize: none;
    outline: none;
    border: none;
    background: #F8F8F8;
    font-size: 1.2857em;
    color: #808080;
    font-family: "siyuan";
}
.j-i-label{
    border: 1px solid #002C6A;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 35px;
    position: relative;
    display: block;
}
.j-i-icon{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 15%;
    height: 65px;
    line-height: 65px;
    font-size: 1.6em;
    text-align: center;
}
.j-i-input{
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 2px;
    z-index: 2;
    width: 80%;
    margin: 0 10%;
    font-size: 1.2857em;
    color: #999;
    height: 61px;
    line-height: 61px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background: #f8f8f8;
}
.j-i-select li{
    float: left;
    width: 21%;
    margin-right: 4%;
    border: 1px solid #002C6A;
    height: 65px;
    line-height: 65px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.2857em;
    color: #002C6A;
    cursor: pointer;
    -webkit-transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
  -o-transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
  transition: background-color 444ms ease, color 444ms ease,
    border-color 444ms ease;
    font-weight: lighter;
}
.j-i-select li:last-child{
    margin-right: 0;
}
.j-i-select li.active,.j-i-select li:hover{
    background: #002C6A;
    color: #fff;
}
.j-btn-box{
    width: 70%;
    margin: auto;
}
.j-blue-btn{
    max-width: 448px;
    width: 45%;
    height: 65px;
    line-height: 65px;
    background: #002C6A;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.8em;
}
.j-blue-btn:hover{
    background: #fff;
    color: #002C6A;
}
.j-white-btn{
    max-width: 448px;
    width: 45%;
    height: 65px;
    line-height: 65px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.8em;
    color: #002C6A;
}
.j-showRoom{
    padding: 150px 8% 200px;
}
.j-showRoom-tit{
    padding-bottom: 120px;
}

.j-touch{
    margin-bottom: 250px;
}
.i-touch-box{
    padding: 250px 0;
    width: 330px;
    margin: auto;
}
.i-touch-contact{
    border-top: 1px solid #002C6A;
    border-bottom: 1px solid #002C6A;
    margin-top: 20px;
    padding: 20px 0;
}


/******************************link-love.html*********************************/
.l-linkParents{
    padding: 120px 0;
}
.b-badShow .b-badShowText{
    width: 80%;
    margin: auto;
  }
/*.b-badShow .b-badShowText p{
    line-height: 40px;
}*/
.l-linkParents-img{
    margin: 80px 0;
}
.l-viewSleep{
    background: url(http://resources1.mlily.com/news/190309/1609005464819.png)no-repeat;
    background-size: 100%;
    padding-top: 70px;
    padding-bottom: 150px;
}
.l-viewSleep-icon{
    width: 68px;
    margin: 36px auto;
}
.l-viewSleep-video{
    margin: 0 245px;
    position: relative;
}
.l-sleepData{
    width: 55%;
    margin: auto;
    padding-bottom: 90px;
}
.l-heartbeat-img{
    width: 500px;
    margin: auto;
    padding-top: 20px;
}
.l-heartbeat-dataImg{
    width: 800px;
    margin: auto;
}
.l-lamp{
    background: #eee;
    padding: 80px 0;
}
.l-lampBox{
    margin: 80px 120px 0;
}
.l-lampBox li{
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
}
.l-lampBox li:last-child{
    margin-right: 0;
}
.l-lampBox li p{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 80px;
    line-height: 80px;
}
.l-sleepBed{
    padding: 120px 100px;
}
.l-sleepBed .l-sleepBed-tip{
    padding: 30px 0 70px;
}
.l-badSelect{
    padding: 0 10%;
    margin-bottom: 100px;
}
.l-badSelect li{
    float: left;
    width: 44%;
    margin: 0 3%;
}
.l-badSelect-tit{
    line-height: 50px;
    border-bottom: 1px solid #808080;
    /* width: 150px; */
    display: inline-block;
    margin: 10px auto;
    padding-bottom: 10px;
    font-weight: normal;
}
.l-badSelect li p{
    line-height: 40px;
}
.l-badSelect-btn{
    width: 200px;
    height: 46px;
    line-height: 46px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    font-size: 1.1428em;
    background: #002C6A;
    color: #fff;
    margin-top: 40px;
}
.l-badSelect-btn:hover{
    background: #fff;
    color: #002C6A;
}
.l-badSelect img{
    /*width: 70%;*/
    padding-bottom: 40px;
}
.i-badSelect .l-badSelec-img{
    width: 90%;
}
.l-badSelectBox{
    margin: 100px 0;
}
.l-badSelec-img{
    /* width: auto; */
    width: 60%;
    height: 200px;
    margin: auto;
}


/*******************************theme.html********************************/
.t-theme-settle{
    padding: 108px 0 120px;
}
.t-theme-settle-tip{
    padding: 10px 0 30px;
}
.t-theme-video-case{
    padding: 0 12%;
    position: relative;
    margin-bottom: 190px;
}
.t-theme-video .v-video-boxPop{
    left: 12%;
    right: 12%;
}
.t-theme-video .v-video-box{
    left: 14%;
}
.v-video-box p{
    padding-bottom: 10px;
}
.t-theme-showPlayers{
    padding-bottom: 210px;
}
.t-theme-partner{
    background: #e7e7e5;
    padding-bottom: 80px;
}
.t-theme-partner-tit{
    padding: 80px 0 40px;
}
.t-theme-partner img{
    padding-bottom: 30px;
}
.t-theme-showGoods{
    padding: 220px 0;
}
.t-theme-showGoods-tip{
    padding: 20px 0 100px;
}
.t-theme-more{
    padding: 0 100px;
    margin-bottom: 160px;
}
.t-theme-moreBox{
    position: relative;
    height: 690px;
}
.t-theme-moreFl{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 70%;
    background: #111828;
    color: #fff;
    height: 690px;
}
.t-theme-moreFr{
    /* position: absolute; */
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
    width: 56%;
    float: right;
    position: relative;
    margin: 65px 0;
    height: 560px;
}
.t-theme-moreFr img{
    width: 100%;
    height: 100%;
}
.t-theme-moreLogo{
    width: 184px;
}
.t-theme-moreFl-box{
    width: 60%;
    padding: 13% 0;
}
.t-theme-moreTit{
    padding: 50px 0 20px;
}
.t-theme-btn{
    width: 35%;
    height: 55px;
    line-height: 55px;
    font-size: 24px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin-top: 70px;
}
.t-theme-swiperBox{
    margin-bottom: 160px;
    padding-bottom: 180px;
    position: relative;
}
/* .swiper-container {
    width: 100%;
    height: 100%;
} */
.swiper-slide {
    text-align: center;
    font-size: 1.2857em;
    background: #fff;
/*  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; */
} 
/* .t-theme-swiper .swiper-slide{
    position: relative;
}
.t-theme-swiper .t-theme-swiper-tit{
    font-size: 1.2857em;
    color: #808080;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-weight: lighter;
}
.t-theme-swiper .swiper-button-next, .t-theme-swiper .swiper-button-prev{
    width: 85px;
    height: 85px;
    -moz-background-size: 85px;
    -webkit-background-size: 85px;
    background-size: 85px;
}
.t-theme-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url(http://resources1.mlily.com/news/190311/1515500789376.png);
}
.t-theme-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url(http://resources1.mlily.com/news/190311/1515620618196.png);
}
.t-theme-swiper .swiper-slide{
    width: 33.3333%;
} */
.t-theme-swiperBox li{
    float: left;
    width: 32.5%;
    position: relative;
}
.t-theme-swiper-tit{
    font-size: 1.2857em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    padding: 30px 0;
    color: #808080;
}
.t-theme-liSecond{
    margin: 0 1.25%;
}


.t-theme-swiperBox .t-theme-pagination{
    height: 20px;
    width: 100%;
}
.t-theme-swiperBox .t-theme-swiper{
    padding-bottom: 40px;
}



/******************************index-内容*********************************/
.i-workAttest{
    padding-top: 120px;
}
.i-badSelect{
    padding: 0 6%;
}
.i-badSelect li{
    width: 27.3333%;
}
.i-videoShow{
    margin: 0 100px 90px;
    position: relative;
}
.i-videoShow .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.i-videoShow-tit{
    padding: 20px 0 70px;
}
.i-travel { padding: 81px 130px 104px; background: #F8F8F8; }
.i-travelHotal li{
    float: left;
    width: 32%;
    margin-right: 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 10px 0px #d8d5d5;
}
.i-travelHotal li:last-child{
    margin-right: 0;
}
.i-travelHotal-img,.i-travelHotal li img,.i-travelHotal-img .i-travelHotal-pop{
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

}
.i-travelHotal-tit{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 90px;
    line-height: 90px;
    font-size: 1.2857em;
    background: #fff;
}
.i-travelHotal-img{
    position: relative;
}
.i-travelHotal-img .i-travelHotal-pop{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    /*background: #000;*/
    opacity: 0.5;
    cursor: pointer;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.i-travelHotal .i-travelHotal-pop:hover {
    opacity: 0;
}
.browse-map,.browse-map img{
    /*height: 830px;*/
}
.browse-map .arrow-left {
    background: url(http://resources1.mlily.com/news/190315/1669090514447.png) no-repeat center;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px;
    width: 85px;
    height: 85px;
    z-index: 9;
  }
  .browse-map .arrow-right {
    background: url(http://resources1.mlily.com/news/190315/1669513645929.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    width: 85px;
    height: 85px;
    z-index: 9;
  }
  .browse-map .swiper-pagination-switch{
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 20px;
    border: 1px solid #fff;
  }
  .browse-map .swiper-pagination-switch.swiper-active-switch{
    background: #fff;
  }
  .browse-map .browse-pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    text-align: center;
}

.i-videoShow .i-videoShow-left {
    background: url(http://resources1.mlily.com/news/190311/1668661773856.png) no-repeat left top;
    position: absolute;
    left: -60px;
    top: 40%;
    margin-top: -15px;
    width: 40px;
    height: 120px;

}
.i-videoShow .i-videoShow-right {
    background: url(http://resources1.mlily.com/news/190311/1668922135416.png) no-repeat left bottom;
    position: absolute;
    right: -60px;
    top: 40%;
    margin-top: -15px;
    width: 40px;
    height: 120px;

}
.i-video-pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.i-videoShow .swiper-pagination-switch{
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 20px;
    border: 2px solid #7f95b4;
}
.i-videoShow .swiper-pagination-switch.swiper-active-switch{
    background: #7f95b4;
  }
.i-videoShow .browse-pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    text-align: center;
}
.i-videoShow .swiper-slide{
    position: relative;
}
.i-videoShow-headline{
    padding-top: 80px;
}
.i-sleepNice{
    width: 710px;
    margin: auto;
    /*padding-top: 50px;*/
}
.i-sleepNice img{
    width: 710px;
}
.i-news{
    padding: 50px 8% 0;
}
.i-news-img{
    position: relative;
    height: 32em;
}
.i-news-img img{
    width: 100%;
    height: 100%;
}
.i-news-dataBox { position: absolute; right: 0; bottom: 0; z-index: 2; padding: 3px 15px; background: #002c6a; text-align: left; color: #fff; }
.i-news-dataTime{
    font-size: 26px;
    display: block;
}
.i-news-dataWeek{
    font-weight: lighter;
    font-size: 2.1428em;
    display: block;

}
.i-news-see { height: 50px; line-height: 50px; border-bottom: 1px solid #a3a3a3; text-align: left; }
.i-news .iconfont{
    margin-right: 10px;
    font-size: 26px;
    vertical-align: middle;
}
.i-news-infoTit{
    padding: 20px 0;
    font-size: 1.4285em;
}
.i-news-info p{
    line-height: 32px;
}
.i-news .i-news-container,.i-news{
    position: relative;
    height: 742px;
}
.i-news .i-news-left {
    background: url(http://resources1.mlily.com/news/190312/1381287842216.png) no-repeat left top;
    position: absolute;
    left: 60px;
    top: 50%;
    margin-top: -15px;
    width: 87px;
    height: 86px;
    z-index: 9;
  }
.i-news .i-news-right {
    background: url(http://resources1.mlily.com/news/190312/1381401137582.png) no-repeat left bottom;
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -15px;
    width: 87px;
    height: 86px;
    z-index: 9;
  }

.i-skill-display{
    background: url(http://resources1.mlily.com/news/190312/1389798735428.jpg)no-repeat center bottom;
    background-size: 100%;
    margin-bottom: 120px;
}
.i-skill-box{
    padding: 80px 100px 360px;
}
.i-skill-box li{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.i-skill-box li:last-child{
    margin-right: 0;
}
.i-skill-tip{
    padding-top: 20px;
}

.i-showSleep { background: url(http://resources1.mlily.com/5/190315/1595891072837.jpg)no-repeat bottom; /* background-size: 100% 100%; */ /* height: 1200px; */ background-size: cover; position: relative; /*margin-top: 150px;*/ color: #fff; margin-bottom: 70px; padding-bottom: 400px; }
.i-showSleep-sign{
    width: 580px;
    display: table;
    margin: auto;
}
.i-showSleep-signImg{
    margin-top: -200px;
}
.i-showSleep-tit{
    padding: 120px 0 100px;
}
.i-showSleep-icon{
    height: 67px;
    margin: auto;
}
.i-showSleep-iconBox{
    width: 1000px;
    height: 67px;
    margin: auto;
    background: url(http://resources1.mlily.com/news/190318/1482923811156.png)no-repeat center center;
    background-size: 100%;
    position: relative;
}
.i-sleep-icon{
    float: left;
    width: 67px;
    height: 67px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 0;
}
.i-sleep-icon1{
    left: 310px;
}
.i-sleep-icon2{
    left: 468px;
}
.i-sleep-icon3{
    left: 626px;
}
.i-showSleep-p{
    /*font-size: 1.3571em;
    line-height: 40px;*/
    padding-top: 80px;
}
.i-showSleep-p p { color: #d2d1d1; }
.from-top{
    padding-top: 146px;
}

.i-videoShow-box{
    float: left;
    width: 49%;
    /* height: 480px; */
    margin-right: 2%;
    margin-bottom: 2%;
}
.i-videoShow-box:nth-child(2n){
    margin-right: 0;
}
.i-videoShow-case{
    position: relative;
    /* height: 480px; */
}
.i-newsBox{
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 2%;
}

.i-newsBox:nth-child(3n){
    margin-right: 0;
}
.b-videoShow{
    padding: 70px 245px;
}
.b-videoShow-box{
    position: relative;
}
.b-badShow{
    padding: 120px 0 220px;
    width: 850px;
    margin: auto;
}
.b-partner{
    padding: 0 200px 150px;
}
.b-partner img{
    margin: 90px 0;
}
.h-foot{
    position: relative;
}
.i-footImg{
    width: 500px;
    position: absolute;
    top: -221px;
    right: 14%;
    z-index: 6;
}


.topmenu { padding-top: 145px; }

.i-video-swiperImg{
    height: 100%;
}

/******************play-btn*********************/
.playBox{
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    box-sizing: inherit;
}
.playBtn{
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: white;
    transition: transform 0.4s ease 0s;
    -webkit-transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -ms-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    box-sizing: inherit;
    border: 1px solid #eee;
}
.play-cursor{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    box-sizing: inherit;
    background: #fff;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.play-svg{
    position: relative;
    top: 2px;
    left: 4px;
    width: 50px;
    height: 50px;
    fill: white;
    stroke-width: 10;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    overflow: visible;
    transition: fill 0.4s ease 0s;
    -webkit-transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -ms-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    box-sizing: inherit;
}
.v-video-btnBox:hover .play-cursor{
    transform: scale(1.2);
    -ms-transform:scale(1.2);     /* IE 9 */
    -moz-transform:scale(1.2);     /* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2);
}
.v-video-btnBox:hover .play-cursor path{
    fill:#002C6A;
}
.v-video-btnBox:hover .v-video-btnInfo{
    color: #fff;
}

.head-start{
    background: url(http://resources1.mlily.com/news/190316/1493331157595.png)no-repeat center;
    background-size: contain;
    height: 44px;
}

.b-partner-bottom{
    padding-bottom: 300px;
}


/*****************************************************适配************************************************************/
/****** 公司mac 屏幕宽1536 ******/
@media screen and (width:1536px) {
    .h-productBox .h-productUl {
        width: 90%;
      }
      .m-mattress,.h-productLi{
          margin-right: 5%;
      }
      .m-mattress{
          width: 23%;
      }
      .h-productLi{
          width: 14%;
      }
      .g-mattressLi{
          width: 34%;;
      }
}
@media screen and (max-width:1300px) {
    .h-logo{
        width: 150px;
        padding-top: 30px;
    }
    .navigation-item{
        padding: 0 12px;
    }
    .h-nav{
        right: 50px;
    }
}

.h-button { -webkit-appearance: none; width: 160px; height: 48px; line-height: 48px; text-align: center; color: #fff; background: #002C6A; border: 1px solid #002C6A; font-size: 1.4585em; border-radius: 24px; margin-top: 32px; cursor: pointer; -webkit-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; -o-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; }
.h-button a { color: #fff; line-height: 48px; }
.h-button:hover { color: #002C6A; background: #fff; }
.h-button:hover a { color: #002C6A; }

.g-Submission { width: 160px; height: 48px; line-height: 48px; text-align: center; background: #002C6A; color: #fff; border: 1px solid #002C6A; border-radius: 24px; margin: auto; cursor: pointer; -webkit-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; -o-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; }
.g-Submission:hover, .t-popoLi-text:hover { color: #002C6A; background: #fff; }

.t-popoLi-text:hover a { color: #002C6A; }


.t-popoLi-text { border: 1px solid #002C6A; -webkit-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; -o-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; }