/********************************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: #004194;
}

.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: #004194;
    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: #004194;
    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 #004194;
    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: #004194;
    color: #fff;
}

.white-btn {
    display: inline-block;
    border: 1px solid #004194;
    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: #004194;
    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: 100px;
}

.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;
    margin-top: 20px;
    line-height: 30px;
}
.g-workBox-certificate li .p2 {
    font-size: 12px;
    margin-top: 2px;
    line-height: 20px;
}

.g-workMark {
    margin: 50px;
}

.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: #004194;
    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: 100px 0;
}

.g-workNum .g-workNum-tip {
    padding: 20px 0 50px;
}

.g-workNum-img {
    width: 1000px;
}

.g-workNumBox {
    padding-top: 40px;
}

.g-workAttest {
    padding-bottom: 0px;
}

.g-workAttest-box {
    padding: 60px 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: 22px;
    font-weight: bold;
    color: #004194 !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: 36px;
}

.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: #004194;
}

.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 #004194;
}

.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: #004194;
    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 #004194;
    -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 #004194;
    -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 #004194;
    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: #004194;
    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;
}

.j-i-select li:last-child {
    margin-right: 0;
}

.j-i-select li.active,
.j-i-select li:hover {
    background: #004194;
    color: #fff;
}

.j-btn-box {
    width: 70%;
    margin: auto;
}

.j-blue-btn {
    max-width: 448px;
    width: 45%;
    height: 65px;
    line-height: 65px;
    background: #004194;
    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: #004194;
}

.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: #004194;
}

.j-showRoom {
    padding: 80px 8% 100px;
}

.j-showRoom-tit {
    padding-bottom: 80px;
}

.j-touch {
    margin-bottom: 250px;
}

.i-touch-box {
    padding: 250px 0;
    width: 330px;
    margin: auto;
}

.i-touch-contact {
    border-top: 1px solid #004194;
    border-bottom: 1px solid #004194;
    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: #004194;
    color: #fff;
    margin-top: 40px;
}

.l-badSelect-btn:hover {
    background: #fff;
    color: #004194;
}

.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;
}
.l-badSelect .l-badSelec-headimg{
    width: 100%;
}
.l-badSelectBox-4{
    display: flex;
    justify-content: space-between;
}
.i-badSelect .l-badSelectBox-4 li{
    width: 22%;
    margin: 0;
    /* margin: 3%; */
}
.l-badSelectBox-4 .l-badSelec-4-img{
    width: 100%;
}
.l-badSelectBox-4 .l-badSelec-4-img img{
    width: 100%;
    padding-bottom: 20px;
}

/*******************************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: #004194;
    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: #004194;
    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-4 li{
    float: left;
    width: 22%;
    margin-right: 4%;
}
.i-skill-box-4 li p{
    margin-top: 30px;
    color: #fff;
    line-height: 30px;
}

.i-skill-box li:last-child {
    margin-right: 0;
}

.i-skill-tip {
    padding-top: 20px;
}

.i-showSleep {
    background: url(https://resources1.mlily.com/financialstatement/220916/1686641477566.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: 144px;
}

.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: #004194;
}

.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:1500px) {
    .h-nav a {
        font-size: 18px;
    }
}
@media screen and (max-width:1300px) {
    .h-logo {
        width: 150px;
        padding-top: 30px;
    }
    .navigation-item {
        padding: 0 12px;
    }
    .h-nav {
        /* right: 50px; */
        right: 20px;
    }
    .h-nav a {
        font-size: 16px;
    }

}
@media screen and (max-width:1200px) {
    .h-navigationLi{
        padding-left: 0;
    }
}

.h-button {
    -webkit-appearance: none;
    width: 160px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: #004194;
    border: 1px solid #004194;
    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: #004194;
    background: #fff;
}

.h-button:hover a {
    color: #004194;
}

.g-Submission {
    width: 160px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #004194;
    color: #fff;
    border: 1px solid #004194;
    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: #004194;
    background: #fff;
}

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

.t-popoLi-text {
    border: 1px solid #004194;
    -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;
}

.m-title{
    width: 1200px;
    margin: 0 auto;
}

.m-title .title-zh{
    box-sizing: border-box;
    height: 109px;
    font-size: 58px;
    font-weight: bold;
    line-height: 1;
    /* padding-left: 30px; */
    padding-top: 35px;
    /* background: url('https://resources1.mlily.com/website/pc/zero.png') no-repeat; */
    /* background-size: contain; */
}

.m-title .title-en{
    /* padding-left: 46px; */
    display: flex;
    margin-top: 16px;
    line-height: 1;
    font-family: 'Graphie';
}
.m-title .title-en .left{
    font-size: 29px;
    font-weight: bold;
}
.m-title .title-en .left span{
    width: 21px;
    height: 21px;
    background: #004194;
    display: inline-block;
    border-radius: 50%;
    margin-right: 20px;
}
.m-title .title-en .right{
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    flex: 1;
    border-bottom: 1px solid #004194;
    margin-left: 47px;
}