/*------ 首页 ------*/
.focusSwiper{position: relative;;width: 100%;height: 897px;overflow: hidden;}
.focusSwiper .swiper-slide{height: 897px;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;}
.focusSwiper .swiper-pagination{bottom: 50px;}
.focusSwiper .swiper-pagination-bullet{width: 13px;height: 13px;margin: 0 7px!important;background: none;border: 1px solid #dfdcd6;opacity: 1;}
.focusSwiper .swiper-pagination-bullet-active{background: #fff;}

.floor1{height: 900px;background-image: url(../images/floor1_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.floor-about{padding-top: 150px;}
.floor-about .title{font-size: 50px;font-weight:bold;color: #333;}
.floor-about .info{margin-top: 50px;line-height: 32px;font-size: 20px;color: #444;}
.floor-about .info p + p{margin-top: 30px;}

.floor2{height: 900px;background-image: url(../images/floor2_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;}
.IntroSwiper{position: relative;width: 100%;height: 897px;}
.intro-swiper{padding-top: 260px;}
.intro-swiper .title a{font-size: 60px;color: #fff;}
.intro-swiper .time{margin-top: 5px;font-size: 24px;color: #fefefe;opacity: 0.5;}
.intro-swiper .time em{margin: 0 30px;}
.intro-swiper .desc{width: 880px;margin-top: 40px;line-height: 42px;font-size: 22px;color: #fff;}
.IntroSwiper .swiper-button-next,.IntroSwiper .swiper-button-prev{width: 70px;height: 120px;background-size: 100%;background-repeat: no-repeat;cursor: pointer;}
.IntroSwiper .swiper-button-next.swiper-button-disabled,.IntroSwiper .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.IntroSwiper .swiper-button-next{top: 390px;right: 155px;background-image: url(../images/icon-next.png);}
.IntroSwiper .swiper-button-prev{top: 390px;left: 155px;background-image: url(../images/icon-prev.png);}



/*------ 项目介绍 ------*/
.project-wrap{padding: 40px 0 80px;overflow: hidden;}
.project-assemble{width: 875px;}
.project-intro li+ li{margin-top: 95px;}
.project-item .title{font-size: 34px;color: #262727;}
.project-item .time{margin-top: 10px;font-size: 22px;color: #838383;}
.project-item .time em{margin: 0 30px;color: #838383;opacity: .5;}
.project-item .desc{margin-top:60px;line-height: 36px;font-size: 22px;color: #262727;}
.project-item .img{margin-top: 50px;}
.project-item .img img{display: block;width: 100%;height: auto;}

.m-page {min-height:40px;clear: both;margin: 30px 0 30px;background: #fff; transition:all 600ms;}
.m-page .page-info { float: left; color: #999;}
.m-page .page-info .u-select{ display: inline; width: auto;}
.m-page .page-num {float: right;}
.m-page .page-num li{float: left;}
.m-page .page-num li a,.m-page .page-num li span{ display: block;height: 40px;margin-left: -1px;padding:0 15px;line-height: 40px;font-size: 14px;color: #333;background-color: #fafafc; border: 1px solid #e6eefa; }
.m-page .page-num li.active { background: #6a7760; }
.m-page .page-num li.active span{ background-color: #6a7760; border: 1px solid #6a7760; color: #fff;}
.m-page .page-num li a:hover { color: #6a7760; }
.m-page .page-num li.disabled { cursor: not-allowed;}
.m-page .page-num li.disabled span { color: #a3afcc;}
.m-page .page-num li:first-child a,.m-page .page-num li:first-child span{ border-radius: 3px 0 0 3px;}
.m-page .page-num li:last-child a,.m-page .page-num li:last-child span{ border-radius:0 3px 3px 0;}



/*------ 最新动态 ------*/
.news-list li+ li{margin-top: 95px;}
.news-item .title{display: block;font-size: 34px;color: #262727;}
.news-item .time{margin-top: 10px;font-size: 22px;color: #838383;}
.news-item .desc{margin-top:60px;line-height: 36px;font-size: 22px;color: #262727;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp: 3;}
.news-item .img{margin-top: 50px;}
.news-item .img img{display: block;width: 100%;height: auto;}
.news-item:hover .title{color: #6a7760;}



/*------ 最新动态详情 ------*/
.news-info .title{display: block;font-size: 34px;color: #262727;}
.news-info .time{margin-top: 10px;font-size: 22px;color: #838383;}
.news-info .info{margin-top:60px;}
.news-info .info p{line-height: 36px;font-size: 22px;color: #262727;}
.news-info .info p + p{margin-top: 40px;}
.news-info .info img{display: block;width: auto;max-width: 100%;height: auto;margin: 0 auto;}



/*------ 关于岚舍 ------*/
.abouts-info .title{display: block;font-size: 34px;color: #262727;}
.abouts-info .info{margin-top:60px;}
.abouts-info .info p{line-height: 36px;font-size: 22px;color: #262727;}
.abouts-info .info p + p{margin-top: 40px;}
.abouts-info .info img{display: block;width: auto;max-width: 100%;height: auto;margin: 0 auto;}



/*------ 联系我们 ------*/
.contact-info .title{height: 110px;line-height: 110px;font-size: 50px;color: #262727;font-weight: bold;background-image: url(../images/contact-info_title.png);background-size: 100%;background-repeat: no-repeat;}
.contact-info .name{margin-top: 70px;font-size: 34px;color: #262727;font-weight: bold;}
.contact-info .info{margin-top: 60px;}
.contact-info .info p{line-height: 45px;font-size: 22px;color: #000;}
.contact-info .info span{color: #838383;}
.contact-info .img{margin: 50px 0;}
.contact-info .img li{float: left;text-align: center;}
.contact-info .img li + li{margin-left: 50px;}
.contact-info .img img{width: 160px;height: 160px;}
.contact-info .img p{margin-top: 8px;font-size: 22px;color: #262727;}



/*------ 门店 ------*/
.p-store .project-wrap{padding: 100px 0;}
.store-info .title{height: 110px;margin-bottom: 40px;line-height: 110px;font-size: 50px;font-weight: bold;color: #262727;background-size: 100%;background-repeat: no-repeat;}
.store-banner .title{background-image: url(../images/store-info_title.png);}
.store-banner{width: 100%;overflow: hidden;}
.bannerSwiper{width: 100%;height: 585px;position: relative;}
.bannerSwiper img{display: block;width: 100%;height: 585px;}
.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{width: 76px;height: 76px;background-size: 70%;background-repeat: no-repeat;    background-position: center;cursor: pointer;background-color: rgba(255,255,255,0.3);border-radius: 50%;}
.bannerSwiper .swiper-button-next.swiper-button-disabled,.bannerSwiper .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.bannerSwiper .swiper-button-next{top: 250px;right: 25px;background-image: url(../images/icon-next_small.png);}
.bannerSwiper .swiper-button-prev{top: 250px;left: 25px;background-image: url(../images/icon-prev_small.png);}

.store-list{margin-top: 80px;}
.store-list .title{background-image: url(../images/store-info_title.png);}
.store-list li + li{margin-top: 40px;}
.store-item .name{font-size: 24px;color: #262727;}
.store-item .addre{margin-top: 8px;font-size: 22px;color: #6a6a6a;}


@media(max-width:1660px) and (min-width:1450px) {
  .IntroSwiper .swiper-button-prev{left: 50px;}
  .IntroSwiper .swiper-button-next{right: 50px;}
  .intro-swiper .title a{padding-left: 100px;}
  .intro-swiper .time{padding-left: 100px;}
  .intro-swiper .desc{width: 800px;margin-left: 100px;}
}




@media(max-width:1440px) and (min-width:1050px) {
  .wrap{width: 1000px;}
  .focusSwiper{height: 750px;}
  .focusSwiper .swiper-slide{height: 750px;}
  .IntroSwiper .swiper-button-prev{left: 50px;}
  .IntroSwiper .swiper-button-next{right: 50px;}
  .intro-swiper .title a{padding-left: 50px;}
  .intro-swiper .time{padding-left: 50px;}
  .intro-swiper .desc{width: 700px;margin-left: 50px;}
}



@media(max-width:1024px){
  html{font-size: 13.3333333vw;}
  body{width: 100%;height: 100%;font-size:0.26rem;}
  .wrap{width: 100%;margin: 0;}
  .f-fl{float: inherit!important;}
  .f-fr{float: inherit!important;}

  body{padding-top: 1.5rem;}

  .header{padding: .2rem .24rem;height: .7rem;}
  .header .wrap{display: flex;}
  .header .logo a{margin: 0;height: .7rem;width: 2.6rem;background-position-x: left;background-size: 80%;}
  .header .nav{display: none;}
  .menu{display: block;}
  .drawer-hamberger{top: .22rem;right: .2rem!important;width: .8rem;height: .8rem;padding: 0;}

  .drawer-hamberger span{width: .5rem;margin-left: .1rem;margin-top: 15px;background: #d5d5d5;}
  .drawer-hamberger span:before{top: 8px;width: .5rem;background: #d5d5d5;}
  .drawer-hamberger span:after{bottom: 8px;width: .5rem;background: #d5d5d5;}

  .drawer-overlay-upper{display: none!important;}
  .drawer-main{width: 4rem;background: #444;transition:right 1s cubic-bezier(0.19,1,.22,1)!important;}
  .drawer-brand{padding-top: 2rem;}
  .drawer-brand a{padding: 0!important;line-height: .8rem!important;font-size: .36rem!important;color: #fff!important;text-indent: .5rem;}
  .drawer-brand a + a{margin-top: .2rem;}

  .footer{height: 8rem;}
  .footer-info{padding: .4rem .24rem;}
  .footer-company{font-size: .28rem;}
  .footer-company li + li{margin-top: .2rem;}
  .footer-company p{line-height: .5rem;}
  .footer-company em{margin: 0 .1rem;}
  .footer-contact{display: block;margin-top: .4rem;}
  .footer-contact .f-cb{display: flex;}
  .footer-img{width: 2rem;}
  .footer-img img{width: 2rem;height: 2rem;}
  .footer-img p{font-size: .26rem;}

  .footer-copyright{padding-top: .2rem;}
  .footer-copyright p{line-height: .5rem;font-size: .26rem;}
  .footer-copyright span{display: block;text-align: center;}
  .footer-copyright a{font-size: .26rem;}

  .focusSwiper{height: 9rem;}
  .focusSwiper .swiper-slide{height: 9rem;background-position: center;}
  .focusSwiper .swiper-pagination{bottom: .3rem;}
  .focusSwiper .swiper-pagination-bullet{width: .1rem;height: .1rem;margin: 0 .06rem!important;}
  
  .floor1{height: 13rem;}
  .floor-about{padding: 1rem .24rem 0;}
  .floor-about .title{font-size: .5rem;}
  .floor-about .info{margin-top: .3rem;line-height: .5rem;font-size: .28rem;}

  .floor2{height: 10rem;}
  .floor2 .swiper-slide{height: 8rem;padding-top: 1.5rem;}
  .intro-swiper .wrap{width: auto;padding: 0 1.4rem;}
  .IntroSwiper .swiper-button-next, .IntroSwiper .swiper-button-prev{width: .7rem;height: 1.2rem;background-size: 70%;}
  .IntroSwiper .swiper-button-prev{top: 4rem;left: .2rem;}
  .IntroSwiper .swiper-button-next{top: 4rem;right: .2rem;}
  .intro-swiper .title a{font-size: .5rem;}
  .intro-swiper .time{font-size: .32rem;}
  .intro-swiper .desc{width: auto;line-height: .5rem;font-size: .28rem;}


  .project-wrap{padding: .8rem .24rem;}
  .project-assemble{width: 100%;}
  .news-list li+ li{margin-top: .7rem;}
  .news-item .title{font-size: .4rem;}
  .news-item .time{font-size: .26rem;}
  .news-item .desc{margin-top: .2rem;line-height: .5rem;font-size: .28rem;}
  .news-item .img{margin-top: .3rem;}
  .news-item .img img{height: 4rem;}


  .news-info .title{font-size: .4rem;}
  .news-info .time{font-size: .26rem;}
  .news-info .info{margin-top: .3rem;}
  .news-info .info p + p{margin-top: .4rem;}
  .news-info .info p{line-height: .5rem;font-size: .28rem;}
  

  .project-intro li+ li{margin-top: .7rem;}
  .project-item .title{font-size: .4rem;}
  .project-item .time{font-size: .26rem;}
  .project-item .desc{margin-top: .2rem;line-height: .5rem;font-size: .28rem;}
  .project-item .img{margin-top: .3rem;}
  .project-item .img img{height: 3.4rem;}



  .abouts-info .title{font-size: .4rem;}
  .abouts-info .info{margin-top: .3rem;}
  .abouts-info .info p{line-height: .5rem;font-size: .28rem;}
  .abouts-info .info p + p{margin-top: .2rem;}

  .p-store .project-wrap{padding: .8rem .24rem;}
  .store-info .title{height: 1.1rem;margin-bottom: .3rem;line-height: 1.1rem;font-size: .5rem;background-position: center;}
  .bannerSwiper{height: 3.2rem;}
  .bannerSwiper img{height: 3.2rem;}
  .bannerSwiper .swiper-button-prev{top: 1.5rem;left: .2rem;}
  .bannerSwiper .swiper-button-next{top: 1.5rem;right: .2rem;}
  .bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev{width: .8rem;height: .8rem;}
  .store-list li + li{margin-top: .3rem;}
  .store-item .name{font-size: .3rem;}
  .store-item .addre{margin-top: .1rem;font-size: .28rem;}


  .contact-info .title{height: 1.1rem;margin-bottom: .3rem;line-height: 1.1rem;font-size: .5rem;background-position: center;}
  .contact-info .name{margin-top: .3rem;font-size: .34rem;}
  .contact-info .info{margin-top: .4rem;}
  .contact-info .info p{position: relative;line-height: .5rem;font-size: .28rem;}
  .contact-info .img{margin: .5rem 0;}
  .contact-info .img ul{display: flex;}
  .contact-info .img li + li{margin-left: .3rem;}
  .contact-info .img img{width: 2rem;height: 2rem;}
  .contact-info .img p{font-size: .26rem;}

}

@media (min-width: 560px) and (max-width:1200px) {
  html { font-size: 54px; }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  html,body{height: 812px;}
}