/* CSS Document */ @keyframes bannerTextAnimate{ 0%{ margin-left: 40px; letter-spacing: 30px; opacity: 0;} 90%{ margin-left: 0; letter-spacing: -2px; opacity: 1} 100%{ letter-spacing: 0px; opacity: 1} } @keyframes bannerArrowAnimate{ 0%{ background-position: 0 -100px; } 50%{ background-position: 0 -60px; } 100%{ background-position: 0 -100px; } } @keyframes baseTopAnimate{ 0%{ opacity: 1; } 50%{ opacity: 0; } 100%{ opacity: 1; } } :root { --primary-color: #8F7745; } .bodymain{padding-top: 110px;} .edit-container{ margin-right: auto;margin-left: auto; position: relative; width: 76vw;} .swiper-container{ width: 100%; height: 100%;} .btn-animation-arrow:before{ transition: all 0.2s linear;} .btn-animation-arrow:hover:before{ transform: translate(10px,0);} .languageChange{display: flex;align-items: center;justify-content: center;} .languageChangeBox{ position: absolute; top: 60px; background: #fff; padding: 5px 10px; line-height: 30px; border-radius: 5px; right:0; } .languageChangeBox .arrow-up{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; margin-top: -10px; margin-left:10px; } .languageIcon{height:15px;margin-left:20px;margin-right:10px;margin-top:5px;} /*.title-animate { opacity: 0; -webkit-transition: 10ms ease-in; transition: 10ms ease-in; -webkit-transition-delay: .35s; transition-delay: .35s; } .swiper-slide-active .title-animate{ opacity: 1;animation: bannerTextAnimate 3s ease;}*/ .base-play{ position: absolute; width: 60px; height: 60px; background: url(../image/base-play.png) no-repeat; top: 50%; left: 50%; margin-top: -30px;margin-left: -30px;} .new-header .edit-container{height:100%; display: flex; justify-content: space-between; align-items: center;} .new-header{ height: 95px; background: url(/images/header-bg.png) repeat; position: fixed; top: 0; left: 0; right: 0; z-index: 9999;} /* .new-header .logo{ float: left; margin: 23px 0 0 2px;} */ .new-header .logo img{height: 60px;} .new-header .nav{flex:1;margin-left: 80px; height: 100%;} .new-header .nav ul{ display: flex;align-items: center;height: 100%;} .new-header .nav li{height: 100%;margin: 0 12px 0 0; font-size: 16px; position: relative; z-index: 2;} .new-header .nav ul li a{ height: 100%;display: flex; padding: 0 20px; color: #d2d2d2; position: relative;flex-direction: column;justify-content: center;} .new-header .nav li:hover a,.new-header .nav li.current a{ color: #ba9e70; font-weight: bold;} .new-header .nav li a span{ display: block; width: 0; height: 2px; background-color: #ba9e70; position: absolute; left: 0; bottom: 0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .new-header .nav li:hover a span,.new-header .nav li.current a span{ width: 100%;} .new-header .nav li ul{ width: 100%; position: absolute; top: 100%; left: 0; background: rgba(0,0,0,.7); display: none;} .new-header .nav li ul li{ float: none; margin: 0; text-align: center; line-height: 46px;} .new-header .nav li ul li a{ padding: 0; color: #d2d2d2 !important; font-weight: normal !important;} .new-header .nav li ul li a:hover,.new-header .nav li ul li a.current{ color: #ba9e70 !important;} .new-header .nav li:hover ul{ display: block;} .new-header .book-btn{ float: left; border: 1px solid; color: #bc9161; font-size: 18px; height: 50px; line-height: 50px; width: 245px; margin-top: 20px; cursor: pointer; text-align: center; margin-left: 80px;} .new-header .header-right{flex:1; display: flex;justify-content: flex-end;align-items: center;font-size: 14px; color: #999;} /* .new-header .header-right .login-block{line-height: 95px;} */ .new-header .header-right .login-block .name{ float: left; max-width: 90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .new-header .header-right .login-block a{ color: #999;} .new-header .header-right .login-block .login{ color: #ba9e70;} .new-header .header-right .login-block .loginout{margin-left:14px;font-size:14px; color: #ba9e70;} .new-header .header-right .icon-language{ margin-left: 20px;} .new-header .header-right .header-phone{ float: left; font-size: 16px; margin: 23.5px 25px 0 0;} .new-header .header-right .header-phone a{ color: #999;} .new-header .view-hotels{position:absolute;left:100%;display:block;width:100px;font-size:14px;top:50%;margin-top:-9px;margin-left:10px;color:#999;} .new-header .view-hotels:hover{ color: #999; } .new-header .nav-book-wrapper{ width: 100%; background: rgba(0,0,0,.6); padding: 5px 0; display: none;} .new-header .nav-book-wrapper .binput-wrap{ width: 1060px; margin-left: 200px; float: left;} .new-header .nav-book-wrapper .item{ float: left; height: 60px; position: relative; background: #fff;} .new-header .nav-book-wrapper .item .input-text{ width: 100%; height: 60px; line-height: 60px; border: 0; font-size: 14px; padding-left: 36px;} .new-header .nav-book-wrapper .item.home-destination{ width: 300px; } .new-header .nav-book-wrapper .item.home-startDate{ margin-left: 2px; width: 185px; z-index: 1;} .new-header .nav-book-wrapper .item.home-destination .input-text{ padding-left: 20px; background: #fff; cursor: pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .new-header .nav-book-wrapper .item.home-startDate:before{ content: ''; width: 1px; height: 32px; background-color: #ccc; position: absolute; right: -0.5px; top: 50%; margin-top: -16px;} .new-header .nav-book-wrapper .item .input-text{ background: url(../image/icon-date1.png) 19px center no-repeat; padding-left: 52px; cursor: pointer;} .new-header .nav-book-wrapper .item.home-endDate{ z-index: 0; } .new-header .nav-book-wrapper .item.home-endDate .input-text{ padding-left: 75px; cursor: pointer;background-position: 40px center;} .new-header .nav-book-wrapper .item.home-protocolCode,.new-header .nav-book-wrapper .item.home-number{ display: none; } .new-header .nav-book-wrapper .item.home-protocolCode .input-text{ background: url(../image/icon-protocol-code1.png) 20px center no-repeat; padding-left: 60px; padding-right: 15px;} .new-header .nav-book-wrapper .item.home-searchBtn{ width: 340px; line-height: 66px; background-color: #665c4c; margin-left: 2px; text-align: center; font-size: 16px;/* border-radius: 0 10px 10px 0; */} .new-header .nav-book-wrapper .item.home-searchBtn a{ display: block; color: #fff;} .new-header .nav-book-wrapper .item .room-nights{ width: 44px; height: 15px; line-height: 15px; background-color: #f8f8f8; position: absolute; top: 50%; margin-top: -7.5px; right: -22px; text-align: center; font-size: 12px; color: #999; border-radius: 15px;} .new-header .nav-book-wrapper .bmore-btn{ cursor: pointer; float: right; font-size: 18px; color: #fff; text-decoration: underline; margin-top: 18px; margin-right: 30px; } .new-header .nav-book-wrapper .active .home-protocolCode{ display: block; margin-left: 2px; margin-top: 2px;width: 368px;} .new-header .nav-book-wrapper .active .home-startDate{ width: 285px; } .new-header .nav-book-wrapper .active .home-endDate{ width: 430px; } .new-header .nav-book-wrapper .active .home-endDate .input-text{ padding-left: 170px; background-position: 130px center; } .new-header .nav-book-wrapper .active .home-number{ display: block; width: 300px; margin-top: 2px; line-height: 60px;} .new-header .nav-book-wrapper .active .home-number > div{ display: inline-block; vertical-align: middle;} .new-header .nav-book-wrapper .active .home-number .h-name{ margin-left: 20px; font-size: 14px; color: #333; } .new-header .nav-book-wrapper .active .home-number .h-btn{ cursor: pointer; width: 30px; height: 30px;text-align: center; line-height: 30px; color: #fff; font-size: 26px; background: #d2a06a; margin-left: 35px;} .new-header .nav-book-wrapper .active .home-number .h-text{ font-size: 14px;margin-left: 30px; } .new-header .nav-book-wrapper .active .home-number .h-btn.noclick{ background: #c3c3c3; } .new-header .nav-book-wrapper .active .home-number .h-btn.diff{ line-height: 26px; } .new-header .nav-book-wrapper .active .home-searchBtn{ margin-top: 2px; } .new-home-banner{ height: 866px; position: relative;} .new-home-banner .edit-container{ position: absolute; top: 0; left: 50%; margin-left: -700px; bottom: 0;} .new-home-banner a{ display: block; width: 100%; height: 100%; } .new-home-banner .swiper-pagination{top:70%;left:4.3%;} .new-home-banner .swiper-pagination-bullet{ margin: 0 3px 0 2px; width: 50px; height: 5px; border-radius: 0; opacity: 1; background: #fff;} .new-home-banner .swiper-pagination-bullet-active{ background: #665c4c;} .new-home-banner .home-banner-floating-txt-box{ position: absolute; top: 242px; left: 0; color: #fff; text-shadow:2px 0 2px #666; font-weight: normal;} .new-home-banner .home-banner-floating-txt-box .cn{ font-size: 50px; line-height: 50px; font-family: "微软雅黑";} .new-home-banner .home-banner-floating-txt-box .en{ font-size: 30px; line-height: 30px; margin-top: 30px; font-family: Candara; display: none;} .new-home-banner .home-banner-floating-txt-box span{ letter-spacing: -16px; } .new-home-banner .home-banner-bottom-text{position: absolute; width: 291px; height:20px; right: 0px; bottom:-20px; background: url(../image/home-banner-text-tong.png) no-repeat; margin-right: 0px; font-size:12px; color:#ccc; line-height:20px;text-align:center; } .home-brand .home-banner-bottom-text{ position: absolute; width: 291px; height: 20px; right: 0px; bottom: 20px; background: url(../img/home-banner-text-tong.png) no-repeat; margin-right: 20px; font-size:12px; color:#ccc; line-height:20px;text-align:center; } .new-home-search{ width: 1280px; background-color: rgba(0,0,0,.5); padding: 25px 40px 0; line-height:15px; position:absolute;bottom:120px;left:50%;margin-left:-640px;z-index:9;} .new-home-search .item{ float: left; width: 202px; height: 66px; margin-left: 0px; position: relative; background: #fff;} .new-home-search .item .input-text{ width: 100%; height: 66px; line-height: 66px; border: 0; font-size: 14px; padding-left: 36px;} .new-home-search .item.home-destination{ width: 310px; margin-left: 0;} .new-home-search .item.home-destination .input-text{ background: url(../image/icon-search3.png) 32px center no-repeat;cursor: pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .new-home-search .item.home-startDate{ z-index: 1; } .new-home-search .item.home-endDate{ z-index: 0; width: 340px;} .new-home-search .item.home-startDate:before{ content: ''; width: 1px; height: 32px; background-color: #ccc; position: absolute; right: -0.5px; top: 50%; margin-top: -16px;} .new-home-search .item .input-text{ background: url(../image/icon-date1.png) 0 center no-repeat; padding-left: 38px; cursor: pointer;} .new-home-search .item.home-endDate .input-text{ padding-left: 120px; cursor: pointer; background-position: 80px center;} .new-home-search .item.home-protocolCode .input-text{ background: url(../image/icon-protocol-code1.png) 0 center no-repeat; padding-left: 40px; padding-right: 15px;} .new-home-search .item.home-searchBtn{ width: 344px; line-height: 66px; background-color: #665c4c; margin-left: 0; text-align: center; font-size: 16px;/* border-radius: 0 10px 10px 0; */} .new-home-search .item.home-searchBtn a{ display: block; color: #fff;} .new-home-search .item .room-nights{ width: 44px; height: 15px; line-height: 15px; background-color: #f8f8f8; position: absolute; top: 50%; margin-top: -7.5px; right: -22px; text-align: center; font-size: 12px; color: #999; border-radius: 15px;} .new-home-search .item.home-protocolCode,.new-home-search .item.home-number{ display: none; } .new-home-search .home-moreBtn{ cursor: pointer; clear: both; text-align: center; padding: 5px 0; font-size: 16px; text-decoration: underline; color: #fff; } .new-home-search.active .item.home-protocolCode,.new-home-search.active .item.home-number{ display: block; } .new-home-search.active .home-destination{ width: 400px; } .new-home-search.active .home-startDate{ width: 310px; } .new-home-search.active .home-endDate{ width: 490px; } .new-home-search.active .home-number{ display: block; width: 450px; margin-top: 8px; line-height: 60px;} .new-home-search.active .home-number > div{ display: inline-block; vertical-align: middle;} .new-home-search.active .home-number .h-name{ margin-left: 70px; font-size: 14px; color: #333; } .new-home-search.active .home-number .h-btn{ cursor: pointer; width: 30px; height: 30px;text-align: center; line-height: 30px; color: #fff; font-size: 26px; background: #d2a06a; margin-left: 35px;} .new-home-search.active .home-number .h-text{ font-size: 14px;margin-left: 50px; margin-right: 20px;} .new-home-search.active .home-number .h-btn.noclick{ background: #c3c3c3; } .new-home-search.active .home-number .h-btn.diff{ line-height: 26px; } .new-home-search.active .home-protocolCode{ width: 410px; margin-top: 8px;} .new-home-search.active .home-searchBtn{ width: 340px; margin-top: 8px;} .base-bottom-pop{ display: none; } .new-banner-arrow{ width: 18px; height: 56px; background: url(../img/banner-arrow.png) no-repeat; position: absolute; bottom: 20px; left: 50%; margin-left: -9px;z-index: 2; animation: bannerArrowAnimate 2s ease infinite;} .new-footer{ background-color: #312d29;} .friendly-link-logo{ padding: 15px 0; background: #fff;} .friendly-link-logo .wanda-logo{ float: left; padding:12px 57px 12px 0; border-right: 1px solid #f2f0ec; margin-left: 100px;} .friendly-link-logo .wanda-logo img{ height: 48px; } .friendly-link-logo ul{ float: left; padding-left: 0px;} .friendly-link-logo ul li{ float: left; margin: 0 20px; padding: 12px 0;} .friendly-link-logo ul li img{ height: 50px; } .friendly-link-logo .club-logo{ float: right; padding:12px 0 12px 57px; border-left: 1px solid #f2f0ec; margin-right: 100px;} .new-footer .footer-main{ padding-top: 60px; padding-bottom: 40px;} .footer-left{ width: 580px; float: left; text-align: justify;} .footer-left .fl-item{ display: inline-block; width: 85px; text-align: center; vertical-align: top;} .footer-left .fl-item a{ display: block; } .footer-left .fl-item .big{ font-size: 16px; color: #999; } .footer-left .fl-item .small{ font-size: 14px; color: #666; margin-top: 5px;} .en .footer-left .fl-item .big{font-size: 12px;} .en .footer-left .fl-item .small{font-size: 12px;} .footer-left .fl-w100{ display: inline-block; width: 100%; } .footer-left .fl-item .fl-code{ margin-top: 10px; text-align: justify;} .footer-left .fl-item .fl-code img{ width: 100%; } .footer-left .fl-item .fl-code .code-item{cursor: pointer; display:inline-block;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;margin:0 5px;position:relative;} .footer-left .fl-item .fl-code .code-item.wx{background-image:url(../image/footer-wx.png);} .footer-left .fl-item .fl-code .code-item.wb{background-image:url(../image/footer-wb.png);} .footer-left .fl-item .fl-code .code-item .item-img{width:109px;height:116px;position:absolute;bottom:35px;left:50%;margin-left:-55px;display:none;cursor:pointer;} .footer-left .fl-item .fl-code .code-item:hover .item-img{display:block;} .footer-left .fl-item .qrList{display: flex;margin-top:10px} .footer-left .fl-item .qrList img{width: 60px;margin-left:10px;} .footer-left .fl-item .qrList img:nth-child(1){margin-left:0;} .footer-middle{width: 100% !important; text-align:center; } .footer-middle .qr-code-box{ margin-top: 30px;} .footer-middle .qr-code-box .item{ display: inline-block; margin: 0 65px;} .footer-middle .qr-code-box .item .type{ float: left; width: 19px; height: 105px; border: 1px solid #989694; border-right: 0; position: relative;} .footer-middle .qr-code-box .item .type span{ position: absolute; top: 50%; margin-top: -38px; left: -7px; width: 12px; background-color: #312d29; font-size: 14px; color: #999; line-height: 14px; padding: 3px 0;} .footer-middle .qr-code-box .item .pic{ float: right; width: 105px; height: 105px;} .footer-middle .qr-code-box .item .pic img{ display: block; width: 100%; height: 100%;} .footer-middle .links{ margin-top: 25px; font-size: 14px; color: #999; line-height: 14px;} .footer-middle .links a{ color: #999;} .footer-middle .member-hotline{ font-size: 18px; color: #c3c3c3; letter-spacing: 10px;} .footer-middle .member-hotline a{ color: #c3c3c3;} .footer-middle .member-hotline .type,.footer-middle .member-hotline .cont{ display: inline-block; vertical-align: middle;} .footer-middle .member-hotline .type{ margin-right: 5px;} .footer-middle .links span{ margin: 0 20px;} .new-footer .copyright{text-align: center; margin-top: 20px; font-size: 14px; color: #5f5f5f; line-height: 14px; padding-top: 20px ; border-top: 1px solid #3e3a37;} .new-footer .copyright a{ color: #5f5f5f; margin-left: 15px;} .new-footer .copyright a img{ display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 5px;} .new-footer .copyright a:first-child{ margin-left: 0;} .home-discount{ background-color: #f5f5f5; padding: 60px 0;} .home-discount-container{ height:500px; margin: 0 -160px;} .home-discount-box{ width: 808px; margin: 0 auto; padding-top: 120px; text-align: center; color: #fff;display: flex;} .home-discount-box .title-box{ position: relative;margin-left:60px;border-left:1px solid #ddd;padding-left:60px;display: flex;flex-direction: column;justify-content: space-between;} .home-discount-box .title-box .cn{font-size: 24px;width: 400px;} .home-discount-box .title-box .cn p:nth-child(1){letter-spacing: 30px;font-size: 24px;} .home-discount-box .title-box .cn p:nth-child(2){letter-spacing: 10px;} .home-discount-box .title-box .cn p:nth-child(3){letter-spacing: 10px;} .home-discount-box .title-box .en{ font-size: 18px; line-height: 36px; margin-top: 25px;} .home-discount-box .title-box .en p:nth-child(1){font-size: 20px;} .home-discount-box .cont{ margin-top: 60px; font-size: 16px; line-height: 36px;} .home-discount-box .img-cont{ width: 206px;} .home-discount-box .img-cont img{ display: block; width: 100%; } .home-discount-box .btn-box{ margin-top: 65px;} .home-discount-box .btn-box a{ display: inline-block; width: 245px; height: 55px; line-height: 55px; border: 1px solid #a0a0a0; font-size: 18px; color: #fff; text-align: center; padding-right: 43px; margin: 0 32px; position: relative;} .home-discount-box .btn-box a:before{ content: ''; width: 20px; height: 11px; background: url(../image/icon-btn-arrow.png) no-repeat; position: absolute; top: 50%; margin-top: -5.5px; right: 65px;} .home-brand{ background: url(../img/home-brand-bg.jpg) -10px 0 repeat;padding-bottom: 50px; position: relative; z-index: 5;} .home-brand .icon-snowflake{ width: 106px; height: 98px; background: url(../img/icon-snowflake.png) no-repeat; position: absolute; left: 50%; margin-left: -53px; bottom: -49px;} .home-brand .row{ height: 100%; margin: 0;} .home-brand .col-xs-12{ padding: 0;} .home-brand .right{ float: right;} .home-brand .txt-content{ height: 100%; position: absolute;} .home-brand .txt-content .txt-box{ height: 100%; margin-right: -71px;} .home-brand .txt-content .txt-box .icon{ width: 207px; height: 150px; background: url(../image/home-brand-icon.png) no-repeat; position: absolute; top: 49px; right: -58px;} .home-brand .txt-content .txt-box .box{ height: 100%; display: none;} .home-brand .txt-content .txt-box .txt{ position: absolute;} .home-brand .txt-content .txt-box .txt p{ writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;} .home-brand .txt-content .txt-box .txt.cn{ font-size: 30px; color: #4b4b4b; top: 100px; right: 0px; line-height: 30px; min-width: 30px;} .home-brand .txt-content .txt-box .txt.en{ min-width: 80px; font-size: 18px; color: #4b4b4b; top: 180px; bottom: 200px; right: 60px; line-height: 1.5; text-align: justify;} .home-brand .txt-content .txt-box .bot-logo{ position: absolute; right: 30px; bottom: 82px;} .home-brand-focus{ padding-left: 50px;} .home-brand-focus .swiper-container{ padding-bottom: 40px;} .home-brand-focus .swiper-slide img{ display: block; width: 100%;height:680px;object-fit: cover;} .home-brand-focus .swiper-pagination{ bottom: 0; padding-right: 260px; text-align: right;} .home-brand-focus .swiper-pagination-bullet{ margin: 0 3px 0 2px; width: 50px; height: 5px; border-radius: 0; opacity: 1; background: #ccc;} .home-brand-focus .swiper-pagination-bullet-active{ background: #665c4c;} .home-bottom-box{ background: url(../img/home-bottom-bg.jpg) top center no-repeat; position: relative; overflow: hidden;} .home-bottom-box .row{ margin: 0;} .home-bottom-box .col-xs-12{ padding: 0;} .home-bottom-box .txt-content{ background:#46413d ; color: #ccc; margin-bottom: -500px; padding-bottom: 500px;} .home-bottom-box .txt-content .txt-box{ width: 510px; margin-left: 20%; padding-top: 15%;} .home-bottom-box .txt-content .txt-box .tab li{ float: left; width: 33.333333%; cursor: pointer;} .home-bottom-box .txt-content .txt-box .tab li .cn{ font-size: 30px; line-height: 30px;} .home-bottom-box .txt-content .txt-box .tab li .en{ font-size: 18px; line-height: 18px; margin-top: 18px;text-align: center;} .home-bottom-box .txt-content .txt-box .tab li.current .cn{ color: #fff;} .home-bottom-box .txt-content .txt-box .tab li.current .en{ color: #fff;} .home-bottom-box .txt-content .txt-box .cont{ margin-top: 40px; font-size: 16px; color: #ccc; line-height: 36px; text-align: justify;} .home-bottom-box .txt-content .txt-box .btn-box{ margin-top: 50px; text-align: right;} .home-bottom-box .txt-content .txt-box .btn-box a{ display: inline-block; width: 245px; height: 55px; line-height: 55px; background-color: #666; text-align: center; font-size: 18px; color: #fff; padding-right: 43px; position: relative;} .home-bottom-box .txt-content .txt-box .btn-box a:before{ content: ''; width: 20px; height: 11px; background: url(../img/icon-btn-arrow.png) no-repeat; position: absolute; top: 50%; margin-top: -5.5px; right: 65px;} .home-bottom-box .txt-content .box{ display: none;} .home-bottom-box .pic img{ display: none; width: 100%;height:540px;object-fit: cover;} .new-return-top{ width: 14px; height: 92px; position: fixed; left: 40px; bottom: 80px; background: url(../img/return-top.png) no-repeat; z-index: 2222; } .new-return-top:hover{ animation: baseTopAnimate 2s ease infinite; cursor: pointer;} .new-news-banner{position:relative;} .new-news-banner img{width:100%;} .new-news-wrapper{overflow:hidden;background:url(../image/home-brand-bg.jpg) -10px 0 repeat;padding-bottom:80px;} .new-news-wrapper .news-list{overflow:hidden;padding-top:65px;} .new-news-wrapper .news-list ul{width:120%;} .new-news-wrapper .news-list li{float:left;width:665px;margin-right:65px;border-bottom:1px solid #efefef;background:#fff;margin-bottom:60px;} .new-news-wrapper .news-list li img{width:100%;display:block;transition:all 0.6s;} .new-news-wrapper .news-list li:hover img{transform:scale(1.5);} .new-news-wrapper .news-list li .img-cont{height:330px;overflow:hidden;} .new-news-wrapper .news-list li .text-cont{padding:35px 30px;overflow:hidden;text-align:left;} .new-news-wrapper .news-list li .text-cont .t-left{float:left;width:100px;} .new-news-wrapper .news-list li .text-cont .t-right{float:right;width:500px;} .new-news-wrapper .news-list li .text-cont .t-date{font-size:24px;color:#999;} .new-news-wrapper .news-list li .text-cont .t-arrow{width:20px;height:11px;background:url(../image/news-icon1.png) no-repeat;margin-top:28px;margin-left:30px;display:none;} .new-news-wrapper .news-list li:hover .text-cont .t-arrow{display:block;} .new-news-wrapper .news-list li .text-cont .t-title{font-size:20px;font-weight:bold;color:#332f2b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .new-news-wrapper .news-list li .text-cont .t-text{font-size:16px;color:#999;line-height:2;margin-top:10px; height: 4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .base-pages{text-align:center;line-height:35px;} .base-pages a{display:inline-block;font-size:16px;color:#999;width:20px;height:20px;background-position:center;text-align:center;line-height:23px;background-repeat:no-repeat;vertical-align:middle;margin:0 8px;} .base-pages a:hover{text-decoration:underline;} .base-pages a.next{background-image:url(../image/page-arrow.png);} .base-pages a.prev{background-image:url(../image/page-arrow2.png);} .base-pages a.curr_page{ font-weight: bold; color: #312d29; } .new-news-wrapper .news-detail{width:1120px;margin:0 auto;padding-top:65px;} .new-news-wrapper .news-detail .d-top{text-align:center;border-bottom:1px solid #eee;padding-bottom:30px;} .new-news-wrapper .news-detail .d-title{font-size:20px;color:#332f2b;font-weight:bold;} .new-news-wrapper .news-detail .d-date{font-size:24px;color:#999;margin-top:20px;} .new-news-wrapper .news-detail .d-remark{font-size:16px;color:#333;line-height:32px;margin-top:20px;} .new-news-wrapper .news-detail .d-main{margin-top:30px;} .new-news-wrapper .news-detail .d-main p{font-size:16px;color:#666;line-height:32px;text-indent:2em;margin-bottom:30px;} .new-news-wrapper .news-detail .d-main img{margin-bottom:30px;} .new-news-wrapper.hyfwtk .news-detail .d-main p{ text-indent: 0; } .employ-banner{ position: relative; } .employ-banner img{ width: 100%; } .employ-wrapper{ overflow:hidden;padding-bottom:80px; padding-top: 65px;} .employ-wrapper .e-search{border:1px solid #665c4c;overflow:hidden;padding-left:40px;} .employ-wrapper .e-search > div{float:left;} .employ-wrapper .e-search .btn-cont{width:260px;height:66px;background:url(../image/employ-icon1.png) center no-repeat #665c4c;cursor:pointer;font-size: 0;} .employ-wrapper .e-search .select-cont{width:190px;height:34px;line-height:34px;border-right:1px solid #ccc;font-size:16px;color:#312d29;margin-top:16px;position:relative;cursor:pointer;padding-left: 25px;box-sizing: border-box;} .employ-wrapper .e-search .select-cont .text{padding-left:35px;} .simulation-select{ position: relative; overflow: hidden;} .simulation-select .arrow{width:0;height:0;position:absolute;border:8px solid transparent;border-top-color:#665c4c;right:20px;top:14px;} .simulation-select .select{ font-size:16px; border:0; width:100%; padding:3px 0; background-color:transparent;-moz-appearance:none; -webkit-appearance:none; appearance:none;position:relative;z-index:5; padding-right: 40px; } .simulation-select .select:focus{ border:0;} .employ-wrapper .e-search .input-cont{width:338px;font-size:16px;color:#312d29;margin-top:16px;} .employ-wrapper .e-search .input-cont input{border:none;width:100%;height:34px;line-height:34px;box-sizing:border-box;padding-left:20px;font-size:16px;} .employ-wrapper .e-search.has-city .select-cont{ width: 160px; } .employ-wrapper .e-search.has-city .input-cont{ width: 298px; } .employ-wrapper .e-list{margin-top:70px;margin-bottom:50px;} .employ-wrapper .e-list .top{border:1px solid #665c4c;height:75px;line-height:75px;overflow:hidden;font-size:16px;color:#333;} .employ-wrapper .e-list .e-item1,.employ-wrapper .e-list .e-item2{float:left;} .employ-wrapper .e-list .e-item1{width:318px;} .employ-wrapper .e-list .top .e-item1{text-indent:55px;} .employ-wrapper .e-list .e-item2{width:180px;text-align:center;} .employ-wrapper .e-list .e-item2:nth-of-type(3){ width: 220px; } .employ-wrapper .e-list .e-item2:nth-of-type(4){ width: 140px; } .employ-wrapper .e-list .item .i-text{height:75px;line-height:75px;overflow:hidden;font-size:18px;color:#666;border-bottom:1px dashed #ccc;} .employ-wrapper .e-list .item .i-text .e-item1{font-size:20px;color:#333;text-indent:35px;} .employ-wrapper .e-list .item .i-text .e-item2.e-btn{background:url(../image/employ-icon2.png) center no-repeat;height:75px;cursor:pointer;} .employ-wrapper .e-list .item .i-detail{background:#f4f4f4;padding:20px 55px;display:none;} .employ-wrapper .e-list .item.active .e-item2.e-btn{background-image:url(../image/employ-icon3.png);} .employ-wrapper .e-list .item.active .i-text{border:none;} .employ-wrapper .e-list .item .detail-item{float:left;padding:0 30px;box-sizing:border-box;} .employ-wrapper .e-list .item .detail-item.border{border-right:none} .employ-wrapper .e-list .item .detail-item .d-title{font-size:16px;color:#333;font-weight:bold;margin-bottom:5px;} .employ-wrapper .e-list .item .detail-item p{font-size:16px;color:#999;line-height:32px;} .employ-wrapper .e-list .item .detail-bottom{margin-top:20px;overflow:hidden;} .employ-wrapper .e-list .item .detail-bottom .detail-item{width:auto;} .employ-wrapper .e-list .item .toEmail{float:right;background:#312d29;color:#fff;font-size:14px;height:30px;line-height:30px;padding:0 20px;margin-top:10px;} .new-about-banner{position:relative;} .new-about-banner video,.new-about-banner img{width:100%;height: 100vh;object-fit: cover;} .new-about-banner video{ width: 100%; height: 100%; object-fit: fill } .new-about-wrapper .introduce{position:relative;} .new-about-wrapper .about-bg img{width:100%;max-height: 700px;object-fit: cover;} .new-about-wrapper .intr-text{padding:130px 0 80px;left:0;right:0;text-align:center;} .new-about-wrapper .intr-text .title-cn{font-size:30px;color:#fff;} .new-about-wrapper .intr-text .title-en{font-size:18px;color:#fff;margin-top:20px;} .new-about-wrapper .intr-text .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .new-about-wrapper .intr-text .i-text{width:580px;font-size:16px;color:#fff;margin:30px auto;line-height:36px;} .new-about-wrapper .hotel-item{width:50%;float:left;position:relative;height: 100%;} .new-about-wrapper .hotel-item .hotel-text{position:absolute;width:60%;top:20%;left:15%; text-align: justify;} .new-about-wrapper .hotel-item .hotel-text .title-cn{font-size:30px;color:#fff;} .new-about-wrapper .hotel-item .hotel-text .title-en{font-size:18px;color:#999;margin-top:10px;} .new-about-wrapper .hotel-item .hotel-text .border{width:95px;height:2px;background:#6f6e6c;margin-top:40px;margin-bottom:20px;} .new-about-wrapper .hotel-item .hotel-text p{font-size:16px;color:#e3e3e3;line-height:36px;margin-top:30px;} .new-about-wrapper .hotel-item .honor-swiper .swiper-wrapper{ width: 5000%; } .new-about-wrapper .hotel-item .honor-swiper .swiper-wrapper .swiper-slide{ float: left; } .new-about-wrapper .hotel-design{position:relative;} .new-about-wrapper .hotel-design .left-icon{width:357px;height:334px;background:url(../image/about-icon1.png);left:0;bottom:0;z-index:2;position:absolute;} .new-about-wrapper .hotel-design .right-icon{width:281px;height:386px;background:url(../image/about-icon2.png);right:0;top:0;z-index:2;position:absolute;} .new-about-wrapper .design-main{position:absolute;top:180px;left:0;right:0;text-align:center;} .new-about-wrapper .design-main .title-cn{font-size:24px;color:#332f2b;} .new-about-wrapper .design-main .title-en{font-size:18px;color:#333;margin-top:20px;} .new-about-wrapper .design-main .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .new-about-wrapper .design-main .design-list{margin-top:40px;font-size:22px;color:#999;} .new-about-wrapper .design-main .design-list .d-item{display:inline-block;margin:0 30px; cursor: pointer;} .new-about-wrapper .design-main .design-list .d-item.active{color:#312d29;} .new-about-wrapper .design-main .detail-list{margin:30px auto;width:1030px; height: 110px;} .new-about-wrapper .design-main .detail-list p{font-size:16px;color:#000;line-height:36px;display:none;} .new-about-wrapper .design-main .detail-list p.active{display:block;} .new-about-wrapper .design-main .design-icon{width:345px;height:296px;background:url(../image/about-icon3.png);margin:60px auto;} .new-about-wrapper .company-idea{position:relative;} .new-about-wrapper .company-idea .idea-title{width:66px;height:1047px;background:url(../image/about-icon4.png) no-repeat;position:absolute;top:0;left:15%;} .new-about-wrapper .company-idea .idea-list{position:absolute;top:350px;left:450px;} .new-about-wrapper .company-idea .idea-list li{width:380px;float:left;text-align:center;color:#999;} .new-about-wrapper .company-idea .idea-list li .l-icon{width:66px;height:66px;background-repeat:no-repeat;background-position:center;margin:0 auto;} .new-about-wrapper .company-idea .idea-list li .l-icon.icon1{background-image:url(../image/about-icon5.png);} .new-about-wrapper .company-idea .idea-list li .l-icon.icon2{background-image:url(../image/about-icon6.png);} .new-about-wrapper .company-idea .idea-list li .l-icon.icon3{background-image:url(../image/about-icon7.png);} .new-about-wrapper .company-idea .idea-list li .title-cn{font-size:22px;margin-top:30px;} .new-about-wrapper .company-idea .idea-list li .title-en{font-size:18px;margin-top:20px;} .new-about-wrapper .company-idea .idea-list li:hover .title-cn,.new-about-wrapper .company-idea .idea-list li:hover .title-en{color:#b28850;} .new-about-wrapper .company-idea .idea-list li p{font-size:20px;margin-top:20px;} .new-about-wrapper .hotel-history{position:relative;} .new-about-wrapper .hotel-history .history-icon{width:106px;height:98px;background:url(../image/about-icon8.png) no-repeat;position:absolute;left:50%;margin-left:-53px;top:0;margin-top:-49px;} .new-about-wrapper .history-main{position:absolute;top:130px;left:0;right:0;text-align:center;} .new-about-wrapper .hotel-history .title-cn{font-size:30px;color:#332f2b;} .new-about-wrapper .hotel-history .title-en{font-size:18px;color:#333;margin-top:20px;} .new-about-wrapper .hotel-history .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .new-about-wrapper .hotel-history .history-list{width:80%;height:430px;padding-top:40px;margin:0 auto;} .new-about-wrapper .hotel-history .history-list .time-line{border-bottom:1px solid #333;width:87%;margin:0 auto;color:#333;font-size:16px;} .new-about-wrapper .hotel-history .history-list .time-line ul{width:84%;margin:0 auto;position:relative; font-size: 0;} .new-about-wrapper .hotel-history .history-list .time-line ul li{/* float:left; */position:relative;padding:0 15px 40px 15px;cursor:pointer;/* width:12%; */text-align:center; display: inline-block; vertical-align: top; font-size: 16px;} .new-about-wrapper .hotel-history .history-list .time-line ul li.active p{font-size:16px;transform:scale(1.8)} .new-about-wrapper .hotel-history .history-list .time-line ul li:before{content:" ";position:absolute;left:0;height:5px;background:#333;bottom:-3px;} .new-about-wrapper .hotel-history .history-list .time-line ul li.bfactive:before{right:0;} .new-about-wrapper .hotel-history .history-list .time-line ul li.active:before{right:50%;} .new-about-wrapper .hotel-history .history-list .time-line ul li:after{content:" ";position:absolute;width:2px;height:40px;left:50%;margin-left:-1px;background:#313131;bottom:-21px;z-index:100;} .new-about-wrapper .hotel-history .history-list .time-line ul li.bfactive:after{background:#333;} .new-about-wrapper .hotel-history .history-list .time-line ul li.active:after{width:4px;background:#333;} .new-about-wrapper .hotel-history .history-list .history-swiper{width:400px;position:relative;margin:70px auto 0;} .new-about-wrapper .hotel-history .history-list .history-swiper .btn{width:26px;height:50px;position:absolute;top:50%;margin-top:-25px;z-index:99} .new-about-wrapper .hotel-history .history-list .history-swiper .left{background:url("../image/about-arrow1.png") no-repeat;left:-80px;} .new-about-wrapper .hotel-history .history-list .history-swiper .right{background:url("../image/about-arrow2.png") no-repeat;right:-80px;} .new-about-wrapper .hotel-history .history-list .swiper-wrapper{ width: 800%; } .new-about-wrapper .hotel-history .history-list .swiper-slide{/* float:left; */} .new-about-wrapper .hotel-history .history-list .swiper-slide .tit{font-size:26px;color:#333;text-align:center;margin-bottom:20px;} .new-about-wrapper .hotel-history .history-list .swiper-slide p{text-align:center;color:#000;font-size:24px;line-height:42px;} .new-about-wrapper .hotel-honor{overflow:hidden; position: relative;} .new-about-wrapper .hotel-honor .about-bg{ width: 50%; } .new-about-wrapper .hotel-honor .honor-wrapper{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;} .new-about-wrapper .hotel-honor .honor-icon{width:58px;height:280px;background:url(../image/about-icon9.png) no-repeat;position:absolute;top:25%;left:27%;} .new-about-wrapper .hotel-honor .honor-main{position:absolute;width:400px;top:15%;left:50%;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item{float:left;text-align:center;color:#949494;margin-right:60px;margin-left:20px;cursor: pointer;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-cn{font-size:26px;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item.active .title-cn,.new-about-wrapper .hotel-honor .honor-main .honor-top .t-item.active .title-en{color:#fff;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-en{font-size:18px;} .new-about-wrapper .hotel-honor .honor-main .honor-list{margin-top:40px;font-size:16px;color:#ccc;line-height:32px;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item{ display: none; } .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item.active{ display: block; } .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .honor-swiper{ height: 450px;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .swiper-wrapper{ /* width: 5000%; */ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .swiper-wrapper .swiper-slide{ float: left; overflow-y: auto; padding-right: 10px;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .swiper-wrapper .swiper-slide::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .swiper-wrapper .swiper-slide::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background: #fff; } .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .swiper-wrapper .swiper-slide::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: rgba(148,113,76,.9); } .new-about-wrapper .hotel-honor .honor-main .honor-list .s-title{font-weight:bold;} .new-about-wrapper .hotel-honor .honor-main .tab-list{margin-top:40px;} .new-about-wrapper .hotel-honor .honor-main .tab-list .tab-item{border-radius: 0; display:inline-block;width:50px;height:3px;background:#ccc;margin-right:6px;} .new-about-wrapper .hotel-honor .honor-main .tab-list .tab-item.active{background:#665c4c;} .new-about-wrapper .hotel-honor img{width:100%;display:block;} .new-about-wrapper .hotel-style{background:url(../image/home-brand-bg.jpg) -10px 0 repeat;padding:60px 90px;text-align:center;} .new-about-wrapper .hotel-style .title-cn{font-size:30px;color:#332f2b;} .new-about-wrapper .hotel-style .title-en{font-size:18px;color:#333;margin-top:20px;} .new-about-wrapper .hotel-style .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .new-about-wrapper .hotel-style .style-list{margin-top:40px;} .new-about-wrapper .hotel-style ul li{width:25%;float:left;position:relative;} .new-about-wrapper .hotel-style ul li img{width:100%;} .new-about-wrapper .hotel-style ul li .img-cont{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} .new-about-wrapper .hotel-style ul li:hover .img-cont{filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;} .new-about-wrapper .hotel-style ul li .text-cont{position:absolute;bottom:0;left:0;right:0;height:50px;line-height:50px;overflow:hidden;font-size:16px;color:#fff;background:rgba(0,0,0,.6);display:none;} .new-about-wrapper .hotel-style ul li:hover .text-cont{display:block;} .new-about-wrapper .hotel-style ul li .text-cont .t-left{float:left;text-align:left;margin-left:20px;} .new-about-wrapper .hotel-style ul li .text-cont .t-right{float:right;text-align:left;display:block;color:#fff;background:url(../image/about-icon10.png) right center no-repeat;margin-right:20px;padding-right:25px;} .new-about-wrapper .hotel-style .more-style{width:245px;height:55px;line-height:55px;text-align:center;font-size:18px;color:#0d0d0e;border:1px solid;padding-right:40px;box-sizing:border-box;background:url(../image/news-icon1.png) 180px center no-repeat;margin:50px auto 0;display:block;cursor: pointer;transition: all 1s;} .new-about-wrapper .hotel-style .more-style:hover{ background-position: 200px center; } .new-about-wrapper .hotel-leader{ padding: 5% 0; } .new-about-wrapper .hotel-leader .leader-title{ font-size: 28px; text-align: center; position: relative;padding-bottom: 20px; } .new-about-wrapper .hotel-leader .leader-title:after{content:"";display:inline-block;width:80px;height:2px;background:#a7a299;position:absolute;left:50%;bottom:0;margin-left:-40px;} .new-about-wrapper .hotel-leader .l-swiper{margin-top:40px;} .new-about-wrapper .hotel-leader .l-swiper .swiper-slide{overflow:hidden;} .new-about-wrapper .hotel-leader .l-swiper .img-cont{width:14%;float:left;} .new-about-wrapper .hotel-leader .l-swiper .img-cont img{display:block;width:100%;} .new-about-wrapper .hotel-leader .l-swiper .text-cont{width:83%;float:right;padding-top:2%;} .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-name{font-size:26px;} .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-text{margin-top:20px;font-size:18px;line-height:2;} .new-about-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;display:none;} .new-about-pop .p-mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .new-about-pop .p-main{position:absolute;width:1150px;height:740px;top:50%;left:50%;margin-top:-370px;margin-left:-575px;} .new-about-pop .p-main img{width:100%;} .new-about-pop .p-main .swiper-left{cursor: pointer; width:20px;height:11px;background:url(../image/pop-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-6px;left:0;z-index:2;margin-left:-80px;} .new-about-pop .p-main .swiper-right{cursor: pointer;width:20px;height:11px;background:url(../image/pop-icon2.png) no-repeat;position:absolute;top:50%;margin-top:-6px;right:0;z-index:2;margin-right:-80px;} .new-about-pop .p-main .swiper-wrapper{ width: 5000%; } .new-about-pop .p-main .swiper-wrapper .swiper-slide{ float: left; } .new-hotel-style{position:relative;} .new-hotel-style img{ width: 100%; } .new-style-wrapper{padding-top:60px;background:url(../image/home-brand-bg.jpg) -10px 0 repeat;} .new-style-wrapper li{overflow:hidden;} .new-style-wrapper .s-list{padding-bottom:80px;} .new-style-wrapper .s-list .s-point{width:18px;height:18px;border-radius:50%;background:#999;position:absolute;margin-left:-10px;} .new-style-wrapper .s-list .text-cont{width:350px;float:left;padding-left:15px;color:#999;margin-top:-5px;} .new-style-wrapper .s-list .text-cont .s-time{font-size:20px;} .new-style-wrapper .s-list .text-cont .s-title{font-size:18px;} .new-style-wrapper .s-list .s-item{padding-bottom:60px;border-left:3px solid #999999;} .new-style-wrapper .s-list .s-item:hover .s-point{background:#282828;} .new-style-wrapper .s-list .s-item:hover .s-time{color:#636363;font-weight:bold;} .new-style-wrapper .s-list .img-cont{width:1020px;padding:20px 0 20px 20px;overflow:hidden;background:#312d29;} .new-style-wrapper .s-list .img-cont .img-item{width:230px;float:left;margin-right:20px;} .new-style-wrapper .s-list .img-cont .img-item img{ width: 100%; } .new-style-wrapper .s-list .more-item{overflow:hidden;} .new-style-wrapper .s-list .more-item .s-point{margin-top:-2px;margin-left:-8px;} .new-style-wrapper .s-list .more-text{font-size:20px;color:#636363;font-weight:bold;float:left;margin-left:15px;margin-top:-5px;} .new-style-wrapper .s-list .s-page{float:right;} /* 订单查询 */ .orderList{display: flex;height:100%;} .orderList .menu-left{width:240px;background: #f8f8f8;border-radius: 8px;} .orderList .menu-left .title{border-bottom: 2px solid #e2e2e2;display: inline-block;font-size: 24px;padding: 24px 20px;width: 100%;} .orderList .menu-list{padding: 40px 0;text-align: center;} .orderList .menu-list li{font-size: 16px;line-height: 74px;position: relative;width: 100%;height: 74px;} .orderList .menu-list li.cur{background: #fff;} .orderList .menu-list li.cur span{width:100%;border-left:2px solid #ccc;height: 50px;line-height: 50px;top:12px;left:-1px;position: absolute;display: inline-block;} .orderList .main-content{width: 960px;background: #fff;height: 100%;padding:10px 35px;box-shadow: -1px -5px 10px rgba(0,0,0,0.2)} .orderList .main-content .noList{font-size: 20px;text-align: center;padding:80px 0;} .orderList .order-status-nav .navbar-nav{overflow: hidden;width:100%;border-bottom: 1px solid #c7c7c7;line-height: 60px;font-size: 18px;display: flex;} .orderList .order-status-nav .navbar-nav > li.active{color: #ba9e70;font-weight: bold;display: inline-block;border-bottom: 2px solid #ba9e70;line-height: 58px;} .orderList .order-status-nav .navbar-nav > li{flex:1;text-align: center;} .orderList .order-status-nav .navbar-nav > li.screen{float: right;font-size: 16px;text-align: right;} .orderList .order-status-nav .navbar-nav > li.screen .fa{margin:0 5px;font-size: 20px;} .orderList .screen-condition{background: #f8f8f8;border-radius: 8px;width:820px;padding:15px;margin:20px 0 0;} .orderList .screen-condition ul{display: flex;justify-content: space-around;align-items: center;} .orderList .screen-condition li select, .orderList .screen-condition li input, .orderList .screen-condition li button{border:1px solid #ccc;height: 30px;font-size: 14px;} .orderList .screen-condition li select{margin:0 35px;width: 100px;} .orderList .screen-condition li input{width: 140px;border-radius: 5px; padding-left: 5px;} .orderList .screen-condition li.between{margin:0 15px;font-size: 16px;line-height: 30px;} .orderList .screen-condition li button{width: 100px;border-radius: 5px;text-align: center;line-height: 26px;color:#fff;background: #ccc;} .orderList .order-list{width:100%;height: 220px;margin-top:15px;background: #f8f8f8;border-radius: 8px;} .orderList .order-list .head{border-bottom: 1px solid #e2e2e2;height: 70px;padding: 0 20px;color:#333;display: flex;flex-direction: column;justify-content: center;} .orderList .order-list .head .order-status{font-size: 18px;} .orderList .order-list .head .order-info{font-size: 16px;display: flex;justify-content: space-between;} .orderList .order-list .content {padding: 20px;display: flex;} .orderList .order-list .content .pic img{width:110px;height: 110px;border-radius: 5px;} .p_dingdanchaxun{padding-top:150px;padding-bottom:150px} .orderList .order-list .content .order-info{flex:1;padding-left: 15px;} .orderList .order-list .content .order-info p{font-size: 14px;line-height: 24px;color:#333;} .orderList .order-list .content .order-info p.hotelname{font-size: 18px;font-weight: bold;} .orderList .order-list .content .order-info p.roomname{margin-bottom: 15px;font-size: 16px;} .orderList .order-list .content .order-btns{width: 106px;} .orderList .order-list .content .order-btns a, .orderList .order-list .content .order-btns .btnstyle{display:block;width: 106px;margin:10px 0;border-radius: 5px;line-height: 35px;text-align: center;font-size: 16px;} .orderList .order-list .content .order-btns .pay-btn{color:#fff;} .orderList .order-list .content .order-btns .detail-btn{color:#333;border:1px solid #ccc;background: #fff;} .orderList .has_total{font-size: 18px;padding: 20px 0 10px;} .orderList .page-info{width: 100%;text-align: center;padding: 20px 0;} .orderList .page-info span{margin: 0 3px;} .orderList .page-info .first-page, .orderList .page-info .last-page{padding: 0px 12px;font-size: 24px; border:1px solid #ccc;border-radius: 5px;} .orderList .page-info .page-num{font-size: 22px;color:#999999;} .orderList .page-info .page-num.cur{border-bottom:1px #ccc solid;} .orderList .content-box{background: #fff;width:100%;padding-bottom: 100px;} .orderList .content-box .form-group{width:300px;margin:6% auto 0;} .orderList .d-form-control{line-height: 38px;margin-bottom: 30px; border-bottom: 1px solid #999;display: flex;border-radius: 5px;position: relative;} .orderList .d-form-control.code {width: 60%;position: relative;overflow: visible;} .orderList .d-form-control .codebtn{line-height:35px;border:1px solid #0c79be;position: absolute;left: 200px;width:100px;height:38px;text-align:center;border-radius:5px;color: #0c79be;font-size: 14px;} .orderList .d-form-control .codebtn.countdown{color: #fff;background:#bbb;font-size: 14px;} .orderList .d-form-control label{min-width:90px;margin-left:5px;text-align: left;font-size: 14px;display: inline-block;} .orderList .d-form-control label i{margin-right: 5px;} .orderList .d-form-control label.error{width: auto;text-align: left;font-size: 12px;color: red;margin-left: 8px;position: absolute;top:32px;} .orderList .d-form-control label.error:before{content:"*";color:red;font-size: 12px;} .orderList .d-form-control input{border: 0;height: 38px;width:100%;padding: 0 5px 0 0;font-size: 14px;} .orderList .button-style {height: 38px;border-radius: 5px;width: 100%; border: none;display: block;color: #fff;background: #0c79be;margin: 0 auto;font-size: 16px; } /* 最新资讯列表start */ .newList{padding-top:25px;} .newList .item-list li {display: flex;justify-content: space-between;align-items: center;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #e8e8e8;} .newList .item-list li .pic {display: block;width: 32%;overflow: hidden;} .newList .item-list li .pic .imgbox {width: 100%;padding-bottom: 61%;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 0.5s;} .newList .item-list li:hover .pic .imgbox {transform: scale(1.05);} .newList .item-list li .detail {width: 65%;} .newList .item-list li .detail .title {font-size: 16px;color: #0c0c17;line-height: 2em;} .newList .item-list li .detail .seo{font-size: 14px;color: #757581;line-height: 24px;height: 72px;overflow: hidden;margin: 15px 0;} .newList .item-list li .detail .more{font-size: 14px;color: #3e3a39;line-height: 2em;display: flex;} .newList .item-list li .detail .more i{margin-left: 20px;font-size: 24px;vertical-align: middle;margin-top:5px;} /* 最新资讯列表end */ /* 最新资讯详情start */ .newDetail{padding:80px 0;} .newDetail .archive-top{margin-bottom:30px} .newDetail .archive-title{text-align: center;} .newDetail .archive-title h1{font-size: 30px;} /* 最新资讯详情end */ .new-hotel-join{position:relative;} .new-hotel-join img{width:100%;} .hotel-join-wrapper .brand-list{} .hotel-join-wrapper .brand-list ul li{float:left;width:20%;background-repeat:no-repeat;background-position:center;height:150px;cursor: pointer;} .hotel-join-wrapper .brand-list ul li.icon1{background-image:url(../image/join-brand1.png);} .hotel-join-wrapper .brand-list ul li.icon2{background-image:url(../image/join-brand2.png);} .hotel-join-wrapper .brand-list ul li.icon3{background-image:url(../image/join-brand3.png);} .hotel-join-wrapper .brand-list ul li.icon4{background-image:url(../image/join-brand4.png);} .hotel-join-wrapper .brand-list ul li.icon5{background-image:url(../image/join-brand5.png);} .hotel-join-wrapper .brand-list ul li.icon6{background-image:url(../image/join-brand6.png);} .hotel-join-wrapper .brand-list ul li.icon7{background-image:url(../image/join-brand7.png);} .hotel-join-wrapper .brand-list ul li.icon1.active{background-image:url(../image/join-brand1_.png);} .hotel-join-wrapper .brand-list ul li.icon2.active{background-image:url(../image/join-brand2_.png);} .hotel-join-wrapper .brand-list ul li.icon3.active{background-image:url(../image/join-brand3_.png);} .hotel-join-wrapper .brand-list ul li.icon4.active{background-image:url(../image/join-brand4_.png);} .hotel-join-wrapper .brand-list ul li.icon5.active{background-image:url(../image/join-brand5_.png);} .hotel-join-wrapper .brand-list ul li.icon6.active{background-image:url(../image/join-brand6_.png);} .hotel-join-wrapper .brand-list ul li.icon7.active{background-image:url(../image/join-brand7_.png);} .hotel-join-wrapper .brand-type-item{ display: none; } .hotel-join-wrapper .brand-type-item.active{ display: block; } .hotel-join-wrapper .brand-info{background:url(../image/home-brand-bg2.jpg) -10px 0 repeat;padding:40px 0;text-align:center;} .hotel-join-wrapper .brand-info .info-logo{height:120px;background-repeat:no-repeat;background-position:center;} .hotel-join-wrapper .brand-info .info-logo.icon1{background-image:url(../image/join-logo2.png);} .hotel-join-wrapper .brand-info .info-logo.icon2{background-image:url(../image/join-logo1.png);} .hotel-join-wrapper .brand-info .info-logo.icon3{background-image:url(../image/join-logo3.png);} .hotel-join-wrapper .brand-info .info-logo.icon4{background-image:url(../image/join-logo4.png);} .hotel-join-wrapper .brand-info .info-logo.icon5{background-image:url(../image/join-logo5.png);} .hotel-join-wrapper .brand-info .info-logo.icon6{background-image:url(../image/join-logo6.png);} .hotel-join-wrapper .brand-info .info-logo.icon7{background-image:url(https://www.wandahotels.com/statics/wandahotels2018/cn/images/new/join-logo7.png);} .hotel-join-wrapper .brand-info .info-text{font-size:20px;color:#666;width:745px;margin:20px auto;line-height:35px;} .hotel-join-wrapper .brand-info .info-text .icon{display:inline-block;width:30px;height:23px;background-repeat:no-repeat;} .hotel-join-wrapper .brand-info .info-text .icon.prev{background-image:url(../image/join-icon1.png);} .hotel-join-wrapper .brand-info .info-text .icon.next{background-image:url(../image/join-icon2.png);} .hotel-join-wrapper .brand-condition{text-align:center;padding:50px 0;} .hotel-join-wrapper .brand-condition .title-cn{font-size:30px;color:#332f2b;} .hotel-join-wrapper .brand-condition .title-en{font-size:18px;color:#333;margin-top:20px;} .hotel-join-wrapper .brand-condition .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .hotel-join-wrapper .brand-condition .con-swiper{ overflow: hidden; } .hotel-join-wrapper .brand-condition .con-list{margin-top:50px;text-align:left; width: 500%;overflow: hidden; } .hotel-join-wrapper .brand-condition .con-list .con-item{ float: left; } .hotel-join-wrapper .brand-condition .con-list ul li{width:25%;float:left;margin-bottom:45px;} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon{height:50px;background-repeat:no-repeat;background-position:0 center;} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon1{background-image:url(../image/join-c1.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon2{background-image:url(../image/join-c2.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon3{background-image:url(../image/join-c3.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon4{background-image:url(../image/join-c4.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon5{background-image:url(../image/join-c5.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon6{background-image:url(../image/join-c6.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon7{background-image:url(../image/join-c7.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon8{background-image:url(../image/join-c8.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon9{background-image:url(../image/join-c9.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon10{background-image:url(../image/join-c10.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-icon.icon11{background-image:url(../image/join-c11.png);} .hotel-join-wrapper .brand-condition .con-list ul li .c-title{font-size:28px;color:#666;margin-top:10px;} .hotel-join-wrapper .brand-condition .con-list ul li .c-border{margin-top:20px;width:35px;height:1px;background:#000;} .hotel-join-wrapper .brand-condition .con-list ul li p{font-size:20px;color:#666;margin-top:10px; height: 3em; padding-right: 10px;} .hotel-join-wrapper .brand-condition .tab-list{text-align:center;} .hotel-join-wrapper .brand-condition .tab-list .tab-item{display:inline-block;width:50px;height:5px;background:#ccc;margin-right:6px; border-radius: 0; opacity: 1;} .hotel-join-wrapper .brand-condition .tab-list .tab-item.swiper-pagination-bullet-active{background:#665c4c;} .hotel-join-wrapper .business-terms{position:relative;} .hotel-join-wrapper .business-terms .terms-main{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;padding:90px 0;} .hotel-join-wrapper .business-terms .terms-top{border-bottom:1px solid #3a3734;overflow:hidden;padding-top:1px;} .hotel-join-wrapper .business-terms .terms-top .t-left{float:left;color:#fff;margin-bottom:20px;} .hotel-join-wrapper .business-terms .terms-top .t-left .title-cn{font-size:30px;} .hotel-join-wrapper .business-terms .terms-top .t-left .title-en{font-size:18px;margin-top:20px;} .hotel-join-wrapper .business-terms .terms-top .t-right{float:right;height:100%;margin-top:18px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item{float:left; width: 100px; padding-bottom:20px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item.active{} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-icon{background-repeat:no-repeat;background-position:center;height:45px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-text{display: none; font-size:20px;color:#666;text-align:center;margin-top:10px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon1{background-image:url(../image/join-term1.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon2{background-image:url(../image/join-term2.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon3{background-image:url(../image/join-term3.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon1{background-image:url(../image/join-term1_.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon2{background-image:url(../image/join-term2_.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon3{background-image:url(../image/join-term3_.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon4{background-image:url(../image/join-term4_.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon5{background-image:url(../image/join-term5_.png);} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .icon6{background-image:url(../image/join-term6_.png); background-size: auto 75%;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-text{ color: #dadada; } .hotel-join-wrapper .business-terms .terms-bottom{padding-top:65px;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list ul{ display: none; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list ul.active{ display: block; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list ul li{width:33.33%;float:left;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list ul li img{width:100%;display:block;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item{position:relative;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .bg{ position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: rgba(0,0,0,.6);display: none;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item:hover .bg{ display: block; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont{position:absolute;left:20px;bottom:40px;color:#ffffff;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-cn{font-size:26px;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-en{font-size:18px;margin-top:20px;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont p{font-size:16px;margin-top:10px;width:80%;display: none;} .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item:hover .text-cont p{ display: block; } .hotel-join-wrapper .about-bg img{width:100%;} .hotel-join-wrapper .join-reward{position:relative;} .hotel-join-wrapper .join-reward .reward-main{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:160px;box-sizing:border-box;text-align:center;} .hotel-join-wrapper .join-reward .reward-main .title-cn{font-size:30px;color:#332f2b;} .hotel-join-wrapper .join-reward .reward-main .title-en{font-size:18px;color:#333;margin-top:20px;} .hotel-join-wrapper .join-reward .reward-main .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .hotel-join-wrapper .join-reward .reward-main .reward-list{width: 500%; margin-top:80px;font-size:24px;color:#312d29;line-height:45px;font-weight:bold;overflow: hidden;} .hotel-join-wrapper .join-reward .reward-main .reward-list .reward-item{ float: left; } .hotel-join-wrapper .join-reward .reward-main .reward-list span{font-size:30px;color:#b28850;font-weight:bold;} .hotel-join-wrapper .join-reward .reward-main .tab-list{text-align:center;margin-top:40px;} .hotel-join-wrapper .join-reward .reward-main .tab-list .tab-item{display:inline-block;width:50px;height:3px;background:#ccc;margin-right:6px;opacity: 1; border-radius: 0;} .hotel-join-wrapper .join-reward .reward-main .tab-list .tab-item.swiper-pagination-bullet-active{background:#665c4c;} .hotel-join-wrapper .join-case{position:relative;} .hotel-join-wrapper .join-case .case-main{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;box-sizing:border-box;padding-top:80px;} .hotel-join-wrapper .join-case .case-main .title-cn{font-size:30px;color:#332f2b;} .hotel-join-wrapper .join-case .case-main .title-en{font-size:18px;color:#333;margin-top:20px;} .hotel-join-wrapper .join-case .case-main .border{width:85px;height:2px;background:#a39d94;display:inline-block;margin-top:45px;} .hotel-join-wrapper .join-case .case-main .case-swiper{ overflow: hidden; } .hotel-join-wrapper .join-case .case-main .case-list{margin:0 -25px;margin-top:80px;width: 500%;overflow: hidden;} .hotel-join-wrapper .join-case .case-main .case-list .case-item{ float: left; } .hotel-join-wrapper .join-case .case-main .case-list ul li{width:33.33%;padding:0 25px;float:left;margin-bottom:60px;cursor:pointer;} .hotel-join-wrapper .join-case .case-main .case-list ul li .img-cont{background:#000; overflow: hidden;} .hotel-join-wrapper .join-case .case-main .case-list ul li img{width:100%;display:block;opacity:.6;} .hotel-join-wrapper .join-case .case-main .case-list ul li .text-cont{background: #fff; border:1px solid #efefef;border-top:none;height:70px;line-height:70px;font-size:18px;} .hotel-join-wrapper .join-case .case-main .case-list ul li:hover .img-cont img{opacity:1;} .hotel-join-wrapper .join-case .case-main .case-list ul li:hover .text-cont{border:none;background:#bc9161;color:#fff;} .hotel-join-wrapper .join-case .case-main .tab-list{text-align:center;margin-top:40px;} .hotel-join-wrapper .join-case .case-main .tab-list .tab-item{display:inline-block;width:50px;height:3px;background:#ccc;margin-right:6px;border-radius: 0; opacity: 1;} .hotel-join-wrapper .join-case .case-main .tab-list .tab-item.swiper-pagination-bullet-active{background:#665c4c;} .hotel-join-wrapper .join-case .case-main .down-btn{width:245px;height:55px;line-height:55px;text-align:center;font-size:18px;color:#0d0d0e;border:1px solid;padding-right:40px;box-sizing:border-box;background:url(../image/news-icon1.png) 180px center no-repeat;margin:50px auto 0;display:block;cursor: pointer;transition: all 1s;} .hotel-join-wrapper .join-case .case-main .down-btn:hover{ background-position: 200px center; } .brand-banner-text{width:497px;height:135px;background-repeat: no-repeat;position:absolute;left:50%;margin-left:-248px;top:250px; background-size: 100% auto;} .brand-banner-text.brand1{ background-image: url(../image/brand-bText1.png); } .brand-banner-text.brand2{ background-image: url(../image/brand-bText2.png); } .brand-banner-text.brand3{ background-image: url(../image/brand-bText3.png); } .brand-banner-text.brand4{ background-image: url(../image/brand-bText4.png); } .brand-banner-text.brand5{ background-image: url(../image/brand-bText5.png);} .brand-banner-text.brand6{ background-image: url(../image/brand-bText6.png);} .brand-banner-text.brand7{ background-image: url(../image/brand-bText7.png);} .brand-banner-text.brand8{ background-image: url(../image/brand-bText8.png);} .brand-banner-text.brand9{ background-image: url(https://www.wandahotels.com/statics/wandahotels2018/cn/images/new/brand-bText9.png);} .brand-banner-text.brand10{ background-image: url(https://www.wandahotels.com/statics/wandahotels2018/cn/images/new/brand-bText10.png);} .brand-banner-text.brand11{ background-image: url(https://www.wandahotels.com/statics/wandahotels2018/cn/images/new/brand-bText11.png);} .brand-banner-text.brand12{ background-image: url(https://www.wandahotels.com/statics/wandahotels2018/cn/images/new/brand-bText12.png);} .brand-banner-logo{ width: 96px; height: 96px; top: 12%; right: 18%; background-repeat: no-repeat; position: absolute;} .brand-banner-logo.logo1{ background-image: url(../image/brand-blogo1.png); } .brand-banner-logo.logo2{ background-image: url(../image/brand-blogo2.png); } .brand-banner-logo.logo3{ background-image: url(../image/brand-blogo3.png); } .brand-banner-logo.logo4{ background-image: url(https://www.wandahotels.com/statics/wandahotels2018/cn/images/new/brand-blogo4-bai.png); } .brand-banner-logo.logo5{ background-image: url(../image/brand-blogo5-1.png); } .new-brand-wrapper .brand-info{position:relative;} .new-brand-wrapper .brand-info img{width:100%;} .new-brand-wrapper .brand-info .brand-logo{width:358px;position:absolute;left:50%;margin-left:-179px;top:100px;} .new-brand-wrapper .core-values{overflow:hidden;} .new-brand-wrapper .core-values img{width:100%;display:block;} .new-brand-wrapper .core-values .core-item{float:left;width:50%;position:relative;} .new-brand-wrapper .core-values .core-item .core-swiper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .new-brand-wrapper .core-values .core-item .swiper-wrapper{ overflow: hidden; } .new-brand-wrapper .core-values .core-item .core-text{position:absolute;top:20%;left:20%; padding-right: 40px;} .new-brand-wrapper .core-values .core-item .core-text .title-cn{font-size:22px;color:#332f2b;} .new-brand-wrapper .core-values .core-item .core-text .title-en{font-size:20px;color:#333;margin-top:20px;} .new-brand-wrapper .core-values .core-item .core-text .border{width:65px;height:3px;background:#9d958b;margin-top:20px;margin-bottom:30px;} .new-brand-wrapper .core-values .core-item .core-text p{font-size:20px;color:#666;line-height:36px; margin-bottom: 40px; text-align: justify;} .new-brand-wrapper .core-values .tap-list{position:absolute;left:20%;bottom:20%;overflow:hidden;z-index: 2;} .new-brand-wrapper .core-values .tap-list .tab-item{width:50px;height:3px;background:#ccc;float:left;margin-right:20px; border-radius: 0;} .new-brand-wrapper .core-values .tap-list .tab-item.swiper-pagination-bullet-active{ background: #665c4c; } .new-brand-wrapper .brand-hotel{position:relative;} .new-brand-wrapper .brand-hotel img{width:100%;display:block;} .new-brand-wrapper .brand-hotel .hotel-name{top:20%;left:15%;position:absolute;} .new-brand-wrapper .brand-hotel .hotel-name .title-cn{font-size:30px;color:#fff;writing-mode:tb-rl;float:left;} .new-brand-wrapper .brand-hotel .hotel-name .title-en{font-size:18px;color:#fff;writing-mode:tb-rl;float:left;margin-top:100px;margin-right:10px;} .new-brand-wrapper .brand-hotel .hotel-name .look-pic-btn{ cursor: pointer; font-size:16px;color:#fff;writing-mode:tb-rl;float:left;margin-top:380px;background: url(../image/brand-moreIcon.png) center bottom no-repeat; padding-bottom: 30px;transition: all 1s;} .new-brand-wrapper .brand-hotel .hotel-name .look-pic-btn:hover{ padding-bottom: 60px; } .new-brand-wrapper .brand-hotel .hotel-list{width:420px;position:absolute;right:20%;bottom:210px;background:url(../image/brand-bg1.png);color:#fff;font-size:22px;line-height:48px;padding:10px;box-sizing:border-box;display:none;} .new-brand-wrapper .brand-hotel .hotel-list .list-top{border-bottom:1px solid #605e5b;height:80px;line-height:80px;text-align:center;} .new-brand-wrapper .brand-hotel .hotel-list .list-main{padding:20px 0;max-height:540px;box-sizing:border-box;overflow-y:auto;} .new-brand-wrapper .brand-hotel .hotel-list .list-main li{cursor:pointer; padding: 0 25px; cursor: pointer;} .new-brand-wrapper .brand-hotel .hotel-list .list-main li:hover{ color: #d2a06a; } .new-brand-wrapper .brand-hotel .hotel-select{width:250px;height:50px;line-height:50px;font-size:18px;position:absolute;right:20%;bottom:150px;border:2px solid #fff;color:#fff;cursor:pointer;} .new-brand-wrapper .brand-hotel .hotel-select .h-text{padding:0 30px;} .new-brand-wrapper .brand-hotel .hotel-select .h-arrow{position:absolute;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;right:30px;top:8px;} .new-brand-wrapper .hotel-map{overflow:hidden;} .new-brand-wrapper .hotel-map .map-pic{width:50%;float:left;position:relative;} .new-brand-wrapper .hotel-map .map-tab{ position: absolute; top: 120px; left: 0; right: 0; text-align: center; z-index: 2;} .new-brand-wrapper .hotel-map .map-tab .tab-item{ display: inline-block; font-size: 30px; color: #666; margin: 0 30px;padding-bottom: 20px; cursor: pointer;} .new-brand-wrapper .hotel-map .map-tab .tab-item.active{ color: #333; border-bottom: 2px solid #9b948b; } .new-brand-wrapper .hotel-map img{width:100%;display:block;} .new-brand-wrapper .hotel-map .map-pic .brand-bg{ position: relative;} .new-brand-wrapper .hotel-map .map-pic .brand-bg .dot-box{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;} .new-brand-wrapper .hotel-map .map-pic .brand-bg .dot-box .dot{ width: 8px; height: 8px; background-color: #be9066; border-radius: 100%; position: absolute; cursor: pointer;} .new-brand-wrapper .hotel-map .map-pic .brand-bg .dot-box .dot:before{ content: ''; width: 25px; height: 25px; background-color: #be9066; opacity: 0.3; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -12.5px 0 0 -12.5px; animation: videoleftbtn 1.5s infinite linear;-webkit-animation: videoleftbtn 1.5s infinite linear;-moz-animation: videoleftbtn 1.5s infinite linear;-o-animation: videoleftbtn 1.5s infinite linear;} .new-brand-wrapper .hotel-map .map-pic .brand-bg .dot-box .dot.active:before{ content: ''; width: 50px; height: 50px; background-color: #be9066; opacity: 0.3; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; animation: videoleftbtn 1.5s infinite linear;-webkit-animation: videoleftbtn 1.5s infinite linear;-moz-animation: videoleftbtn 1.5s infinite linear;-o-animation: videoleftbtn 1.5s infinite linear;} @-webkit-keyframes videoleftbtn{0%{-webkit-transform:scale(1.0);} 50%{-webkit-transform:scale(0.8);} 100% {-webkit-transform:scale(1.0);}} @-moz-keyframes videoleftbtn{ 0% {-moz-transform:scale(1.0);} 50% {-moz-transform:scale(0.8);} 100% {-moz-transform:scale(1.0);}} @-o-keyframes videoleftbtn{0%{-o-transform:scale(1.0);} 50%{-o-transform:scale(0.8);} 100%{-o-transform:scale(1.0);}} .new-brand-wrapper .hotel-map .map-cont{ float: right; width: 50%; position: relative;} .new-brand-wrapper .hotel-map .map-text .cont-focus{ /* height: 246px; */} .new-brand-wrapper .hotel-map .map-text .cont-focus .swiper-container { width: 100%; height: 100%;} .new-brand-wrapper .hotel-map .map-text .cont-focus .swiper-slide{ height: auto; margin-bottom: 15px;} .new-brand-wrapper .hotel-map .map-text .cont-focus .swiper-pagination{ text-align: right;} .new-brand-wrapper .hotel-map .map-text .cont-focus .swiper-pagination-bullet{ width: 50px; height: 3px; background: #ccc; border-radius: 0; opacity: 1;} .new-brand-wrapper .hotel-map .map-text .cont-focus .swiper-pagination-bullet-active{ background: #675c4d;} .new-brand-wrapper .hotel-map .text-item{ display: none;} .new-brand-wrapper .hotel-map .map-text{position:absolute;top:27.592592%;left:12.9%; width: 68.8%;} .new-brand-wrapper .hotel-map .map-text .title-cn{font-size:30px;color:#332f2b;} .new-brand-wrapper .hotel-map .map-text .title-en{font-size:18px;color:#333;margin-top:20px;} .new-brand-wrapper .hotel-map .map-text .border{width:85px;height:2px;background:#a49d94;margin-top:30px;margin-bottom:30px;} .new-brand-wrapper .hotel-map .map-text p{font-size:18px;color:#666;line-height:36px;} .new-brand-wrapper .hotel-map .map-text p.blod{font-weight:bold;} .new-brand-wrapper .hotel-map .city-list{margin-top:35px;font-size:22px;color:#999;} .new-brand-wrapper .hotel-map .city-list .city-item{display:inline-block;margin-right:20px; margin-bottom: 20px; cursor: pointer; width: 90px;} .new-brand-wrapper .hotel-map .city-list .city-item.active{color:#312d29;} #shijie-text .city-item{ width: 110px; } /* 品牌地图新 */ .new-brand-wrapper .hotel-map .Hainan{ top: 70.3%; left: 64.8125%;} .new-brand-wrapper .hotel-map .Hubei{ top: 56.574074%; left: 69.270833%;} .new-brand-wrapper .hotel-map .Shanghai{ top: 54.722222%; left: 77.8125%;} .new-brand-wrapper .hotel-map .Sichuan{ top: 56.851851%; left: 57.291666%;} .new-brand-wrapper .hotel-map .Beijing{ top: 44.907407%; left: 70.416666%;} .new-brand-wrapper .hotel-map .Fujian{ top: 61.203703%; left: 75.833333%;} .new-brand-wrapper .hotel-map .Gansu{ top: 46%; left: 51.8125%;} .new-brand-wrapper .hotel-map .Guangdong{ top: 64.444444%; left: 71.875%;} .new-brand-wrapper .hotel-map .Guangxi{ top: 65.37037%; left: 62.8125%;} .new-brand-wrapper .hotel-map .Henan{ top: 50.555555%; left: 68.75%;} .new-brand-wrapper .hotel-map .Heilongjiang{ top: 36.944444%; left: 79.895833%;} .new-brand-wrapper .hotel-map .Hunan{ top: 59.537037%; left: 67.916666%;} .new-brand-wrapper .hotel-map .Jilin{ top: 39.444444%; left: 78.020833%;} .new-brand-wrapper .hotel-map .Liaoning{ top: 42.314814%; left: 76.770833%;} .new-brand-wrapper .hotel-map .Neimenggu{ top: 40.833333%; left: 69.6875%;} .new-brand-wrapper .hotel-map .Qinghai{ top: 49.5%; left: 51.208333%;} .new-brand-wrapper .hotel-map .Shandong{ top: 48.888888%; left: 72.1875%;} .new-brand-wrapper .hotel-map .Shanxi{ top:50.722222%; left:65.4125%;} .new-brand-wrapper .hotel-map .Tianjin{ top: 46.203703%; left: 71.458333%;} .new-brand-wrapper .hotel-map .Xinjiang{ top: 43.37037%; left: 39.8125%;} .new-brand-wrapper .hotel-map .Yunnan{ top: 63.518518%; left: 55.208333%;} .new-brand-wrapper .hotel-map .Anhui{ top: 54.814814%; left: 72.395833%;} .new-brand-wrapper .hotel-map .Hebei{ top: 46.574074%; left: 69.166666%;} .new-brand-wrapper .hotel-map .Jiangsu{ top: 54.722222%; left: 75.625%;} .new-brand-wrapper .hotel-map .Jiangxi{ top: 58.796296%; left: 72.291666%;} .new-brand-wrapper .hotel-map .Ningxia{ top: 48.5%; left: 60.208333%;} .new-brand-wrapper .hotel-map .Shaanxi{ top: 50.5%; left: 63.5%;}/* 陕西 */ .new-brand-wrapper .hotel-map .Zhejiang{ top: 57.037037%; left: 76.041666%;} .new-brand-wrapper .hotel-map .Guizhou{ top: 61.296296%; left: 59.895833%;} .new-brand-wrapper .hotel-map .Chongqing{ top: 57.851851%; left: 60.291666%;} /* 世界格局 */ .new-brand-wrapper .hotel-map.vista .zhijiage{ top: 50.27777%; left: 34.387755%;} .new-brand-wrapper .hotel-map.vista .ystbr{ top: 49.07407%; left: 60.204081%;} .new-brand-wrapper .hotel-map.vista .wanxiang{ top: 55.55555%; left: 80.208333%;} .new-brand-wrapper .hotel-map.vista .zhongguo{ top: 50.925925%; left: 78.645833%;} .new-brand-list .new-brand-item{ display: none; } .new-brand-list .new-brand-item.active{ display: block; } .new-brand-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;display:none;} .new-brand-pop .p-mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .new-brand-pop .p-main{position:absolute;width:980px;height:650px;top:50%;left:50%;margin-top:-325px;margin-left:-490px;} .new-brand-pop .p-main img{width:100%;} .new-brand-pop .p-main .swiper-left{cursor: pointer; width:20px;height:11px;background:url(../image/pop-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-6px;left:0;z-index:2;margin-left:-80px;} .new-brand-pop .p-main .swiper-right{cursor: pointer;width:20px;height:11px;background:url(../image/pop-icon2.png) no-repeat;position:absolute;top:50%;margin-top:-6px;right:0;z-index:2;margin-right:-80px;} .new-brand-pop .p-main .swiper-wrapper{ width: 5000%; } .new-brand-pop .p-main .swiper-wrapper .swiper-slide{ float: left; } .new-brand-pop .p-main .close-btn{ position: absolute; width: 35px;height: 35px; background: url(../image/pop-close3.png) no-repeat; top: 0; right: 0; margin-top: -40px; cursor: pointer;} /* 联系我们*/ .contactPage{padding:150px 0 120px;} .contact{display: flex;justify-content: space-between;border-radius:10px;background: #fff;padding:40px;} .contact .Service_list{width: 35%;position: relative;} .contact .Service_list .Service_title{font-size: 16px;font-weight: 500;border-bottom:1px solid #ddd;padding-bottom:20px} .contact .Service_list-item{display: flex;align-items: center;margin:30px 0;} .contact .Service_list-item .icon{font-size: 16px;font-weight: bold;margin-right:30px} .contact .Service_list-item .Service_name{font-weight: bold;} .contact .Service_code{display: flex;justify-content: space-around;position: absolute;width: 100%;bottom:30px;} .contact .Service_code .code{margin-right:20px;text-align: center;} .contact .Service_code .code img{width: 80px;height:80px;} .contact .Service_map{width: 60%;height:480px;object-fit: cover;border-radius: 10px;} /*酒店设计院*/ .new-design-intro{position:relative;} .new-design-intro img{width:100%;display:block;} .new-design-intro .intro-main{position:absolute;top:0;left:0;bottom:0;right:0;} .new-design-intro .intro-main .intro-swiper .swiper-slide{float:left;} .new-design-intro .intro-main .edit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .new-design-intro .intro-main .intro-swiper .img-cont{float:left;width:840px;} .new-design-intro .intro-main .intro-swiper .text-cont{float:right;width:560px;padding:110px 50px;} .new-design-intro .intro-main .intro-swiper .text-cont p{font-size:20px;line-height:36px;color:#666;margin-top:40px;opacity:0;transition:all 1s 2s;} .new-design-intro .intro-main .swiper-slide-active .text-cont{-webkit-animation:slideInRight 1s ease-out;-o-animation:slideInRight 1s ease-out;animation:slideInRight 1s ease-out;} .new-design-intro .intro-main .intro-swiper .swiper-slide-active p{-webkit-animation:slideInUp 1s ease-out 2s;-o-animation:slideInUp 1s ease-out 2s;animation:slideInUp 1s ease-out 2s;opacity:1;} .new-design-intro .intro-contact .intro-swiper .text-cont .cn_title{font-size:24px;color:#000;} .new-design-intro .intro-main .intro-swiper .text-cont .en_title{font-size:18px;color:#000;margin-top:20px;} .new-design-intro .intro-main .intro-swiper .text-cont .border{width:85px;height:2px;background:#a09a90;margin-top:30px;} .new-design-intro .intro-main .intro-swiper .clearfix{background:rgba(255,255,255,.3);} .new-design-intro .intro-main .new-cotanct{ margin-top: 25% } .new-design-intro .intro-main .new-cotanct .n-title{ font-size: 24px; } .new-design-intro .intro-main .new-cotanct p{ margin-top: 10px; } .new-design-intro .intro-main .new-cotanct p span{ display: block; } .new-design-honor{position:relative;} .new-design-honor .design-bg img{ width: 100%; display: block; } .new-design-honor .honor-main{ padding:80px 0;text-align:center;color:#fff; position:absolute;top:0;left:0;right:0;bottom:0;} .new-design-honor .honor-main .cn_title{font-size:30px;} .new-design-honor .honor-main .en_title{font-size:18px;margin-top:20px;} .new-design-honor .honor-main .h_border{width:85px;height:2px;margin:50px auto;background:rgba(255,255,255,.6);} .new-design-honor .honor-main .honor-swiper{width:1080px;margin:0 auto;} .new-design-honor .honor-main .honor-swiper span{font-size:16px;line-height:36px;} .new-design-honor .honor-main .honor-swiper .swiper-wrapper{width:999999px;} .new-design-honor .honor-main .honor-swiper .swiper-slide{padding-left:40px;float:left;} .new-design-honor .honor-main .honor-swiper .swiper-slide.swiper-slide-active{-webkit-animation:fadeInUp ease-in 1s;-o-animation:fadeInUp ease-in 1s;animation:fadeInUp ease-in 1s;} .new-design-honor .honor-main .honor-swiper .h-icon1{position:absolute;width:30px;height:23px;background:url(../image/honor-icon1.png) no-repeat;z-index:2;display:inline-block;margin-left:-40px;} .new-design-honor .honor-main .honor-swiper .h-icon2{width:30px;height:23px;background:url(../image/honor-icon2.png) no-repeat;display:inline-block;margin-left:10px;} .new-design-honor .honor-main .tap-list{ margin-top: 40px; text-align: center; } .new-design-honor .honor-main .tap-list .tap-item{cursor: pointer; width:50px;height:3px;background:#ccc; display: inline-block; margin-right:20px; border-radius: 0;} .new-design-honor .honor-main .tap-list .tap-item.swiper-pagination-bullet-active{ background: #bc9161; } .new-design-honor .honor-main .honor-main-title{ margin:20px auto; width: 40%; } .new-design-honor .honor-main .honor-main-title img{ width: 100%; display: block; } .new-design-honor .honor-main .honor-list-wrapper{ margin-top: 60px; position: relative; } .new-design-honor .honor-main .honor-list-wrapper .swiper-container{ position: relative; } .new-design-honor .honor-main .honor-list-wrapper .swiper-left-btn,.new-design-honor .honor-main .honor-list-wrapper .swiper-right-btn{ width: 20px; height: 36px; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -18px; z-index: 2; cursor: pointer; } .new-design-honor .honor-main .honor-list-wrapper .swiper-left-btn{ left: 0; margin-left: -50px; background-image: url(../image/honor-arrow1.png); cursor: pointer; } .new-design-honor .honor-main .honor-list-wrapper .swiper-right-btn{ right: 0; margin-right: -50px; background-image: url(../image/honor-arrow2.png); cursor: pointer; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide{ width: 25%; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide img{ display: block; width: 100%; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-title{ position: absolute; left: 0; bottom: 30px; text-align: left; padding-left: 20px; border-left: 5px solid #bc9161; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide:hover .honor-title{ top: 35px; bottom: auto; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-title .cn_title{ font-size: 16px; color: #bc9161; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-title .en_title{ font-size: 12px; color: #bc9161; margin-top: 2px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info{ top: 0; left: 100%; position: absolute; width: 200%; height: 100%; background: rgba(148,113,76,.9); color: #fff; font-size: 16px; line-height: 32px; z-index: 2; text-align: left; display: none; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide.hoverRight .honor-info{ left: auto; right: 100%; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide.hoverLeft .honor-info,.new-design-honor .honor-main .honor-list-wrapper .swiper-slide.hoverRight .honor-info{ display: block; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .info-arrow{ position: absolute; top: 45px; left: 0; width: 0; height: 0; border: 15px solid transparent; border-right-color: rgba(148,113,76,.9); margin-left: -30px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide.hoverRight .honor-info .info-arrow{ border-right-color:transparent; border-left-color: rgba(148,113,76,.9); left: auto; right: 0; margin-right: -30px; margin-left: 0; top: auto; bottom: 45px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .info-main{ position: absolute; top: 0; left: 60px; right: 60px; bottom: 0; padding: 30px 0; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .info-text{ /* position: absolute; top: 50%; transform: translate(0,-50%); */ height: 100%; overflow-y: auto; padding-right: 10px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .info-text::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .info-text::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background: #fff; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .info-text::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: rgba(148,113,76,.9); } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info .circle{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; vertical-align: 2px; margin-right: 10px; } .new-design-intro .intro-main .tap-list{ margin-top: 40px; text-align: center; } .new-design-intro .intro-main .tap-list .tap-item{cursor: pointer; width:50px;height:3px;background:#ccc; display: inline-block; margin-right:20px; border-radius: 0;} .new-design-intro .intro-main .tap-list .tap-item.swiper-pagination-bullet-active{ background: #bc9161; } .hotel-works-wrapper .brand-list ul li{float:left;width:12.5%;background-repeat:no-repeat;background-position:center;height:150px;cursor: pointer; position: relative;} .hotel-works-wrapper .brand-list ul li.icon1{background-image:url(../image/join-brand1.png);} .hotel-works-wrapper .brand-list ul li.icon2{background-image:url(../image/join-brand2.png);} .hotel-works-wrapper .brand-list ul li.icon3{background-image:url(../image/join-brand3.png);} .hotel-works-wrapper .brand-list ul li.icon4{background-image:url(../image/join-brand4.png);} .hotel-works-wrapper .brand-list ul li.icon5{background-image:url(../image/join-brand5.png);} .hotel-works-wrapper .brand-list ul li.icon6{background-image:url(../image/join-brand6.png);} .hotel-works-wrapper .brand-list ul li.icon7{background-image:url(../image/join-brand7.png);} .hotel-works-wrapper .brand-list ul li.icon1.active{background-image:url(../image/join-brand1_.png);} .hotel-works-wrapper .brand-list ul li.icon2.active{background-image:url(../image/join-brand2_.png);} .hotel-works-wrapper .brand-list ul li.icon3.active{background-image:url(../image/join-brand3_.png);} .hotel-works-wrapper .brand-list ul li.icon4.active{background-image:url(../image/join-brand4_.png);} .hotel-works-wrapper .brand-list ul li.icon5.active{background-image:url(../image/join-brand5_.png);} .hotel-works-wrapper .brand-list ul li.icon6.active{background-image:url(../image/join-brand6_.png);} .hotel-works-wrapper .brand-list ul li.icon7.active{background-image:url(../image/join-brand7_.png);} .hotel-works-wrapper .brand-list ul li .other{ width: 56px; height: 56px; line-height: 56px; background-color: #c7ab89; border-radius: 100%; font-size: 16px; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px;} .hotel-works-wrapper .brand-list .edit-container{ width: 1000px;} .hotel-works-wrapper .brand-type-item{ display: none; } .hotel-works-wrapper .brand-type-item.active{ display: block; } .works-list-main{border-top:1px solid #f4f4f4;text-align:center;padding-top:80px;} .works-list-main .cn_title{font-size:30px;color:#000;} .works-list-main .en_title{font-size:18px;color:#000;margin-top:20px;} .works-list-main .border{width:85px;height:3px;margin:40px auto;background:#666;} .works-list-main .works-list{overflow:hidden;margin:0 -25px;} .works-list-main .works-list ul li{width:33.33%;padding:0 25px;float:left;margin-bottom:60px;cursor:pointer;} .works-list-main .works-list ul li .img-cont{background:#000; height: 289px; overflow: hidden;} .works-list-main .works-list ul li img{width:100%;display:block;opacity:.6;} .works-list-main .works-list ul li .text-cont{border:1px solid #efefef;border-top:none;height:70px;line-height:70px;font-size:18px;} .works-list-main .works-list ul li:hover .img-cont img{opacity:1;} .works-list-main .works-list ul li:hover .text-cont{border:none;background:#bc9161;color:#fff;} .new-hotel-works{position:relative;} .new-hotel-works .j-banner img{width:100%;} .works-list-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;display:none;} .works-list-pop .p-mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .works-list-pop .p-main{position:absolute;width:980px;height:650px;top:50%;left:50%;margin-top:-325px;margin-left:-490px;background:#333;padding:30px;} .works-list-pop .p-main img{width:100%;} .works-list-pop .p-main .close-btn{position:absolute;width:35px;height:35px;background:url(../image/pop-close3.png) no-repeat;top:0;right:0;margin-top:-40px;cursor:pointer;} .works-list-pop .p-main .swiper-left,.works-list-pop .p-main .swiper-right{position:absolute;width:55px;height:46px;background-repeat:no-repeat;top:40%;margin-top:-23px;cursor:pointer;z-index:2;} .works-list-pop .p-main .swiper-left{background-image:url(../image/works-icon1.png);left:30px;} .works-list-pop .p-main .swiper-left:hover{background-image:url(../image/works-icon1_.png);} .works-list-pop .p-main .swiper-right{background-image:url(../image/works-icon2.png);right:30px;} .works-list-pop .p-main .swiper-right:hover{background-image:url(../image/works-icon2_.png);} .works-list-pop .p-main .text-cont{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);color:#fff;padding:15px 25px;overflow:hidden;} .works-list-pop .p-main .text-cont .t_left{float:left; line-height: 40px;} .works-list-pop .p-main .text-cont .t_border{width:1px;height:130px;transform:rotate(30deg);background:rgba(255,255,255,.4);float:left;margin-left:60px;display: none;} .works-list-pop .p-main .text-cont .t_right{width:660px;float:right; display: none;} .works-list-pop .p-main .text-cont .t_title{font-size:20px; display: inline-block; margin-left: 10px;} .works-list-pop .p-main .text-cont .t_num{font-size:24px;color:#885f3c; float: left; display: inline-block;} .works-list-pop .p-main .text-cont .t_right p{font-size:14px;line-height:28px;} .works-list-pop .p-main .swiper-wrapper{width:999999px;} .works-list-pop .p-main .swiper-wrapper .swiper-slide{float:left;} .new-online-contact{ width: 50px; height: 50px; background: #eee; position: fixed; z-index: 222222; top: 50%; margin-top: -25px; right: 50px; cursor: pointer; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .new-online-contact .icon{ display: block; width: 100%; height: 100%; background: url(../image/online.png) center center no-repeat; background-size: 26px; } .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .register .privacy_remark{ height: auto;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .register .privacy_remark .f-name{ width: 20px; vertical-align: top;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .register .privacy_remark .f-name input{ height: auto; vertical-align: top;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .register .privacy_remark .f-input{ width: 87%; text-align: justify; font-size: 12px; vertical-align: top;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .login-bottom .f-name{ vertical-align: top;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .login-bottom .f-input{ vertical-align: top;} /* 餐饮美食,会议会展,娱乐设施介绍 */ .introduction .topBanner img{width: 100vw; height:100vh;object-fit: cover;} .introduction .banner{display: flex;padding:120px 0;width: 100%;position: relative;} .introduction .banner .bannerText{position: relative;margin-right:5%;flex:1} .introduction .banner .bannerText .hotelLogo{height:100px;} .introduction .banner .bannerTextMain{font-size: 14px;position: absolute;bottom:0;} .introduction .banner .bannerTextMain .bannnerContent{max-height: 200px;overflow-y: auto;} .introduction .banner .bannerText .swiper-pagination-bullet{width: 40px;height:4px;border-radius:0;} .introduction .banner .bannerTitle{font-size: 20px;margin-bottom:10px} .introduction .bannerImg{width: 60%;overflow: hidden;} .introduction .bannerImg img{width: 100%;object-fit: cover;height:400px;} .introduction .bannerImg .hideInfo{display: none;} .introduction .controls{position:absolute;width: 56%;right:2%;height:40px;z-index:9;top:50%;margin-top: -20px;display: flex;justify-content: space-between;} .introduction .controls .controls-left,.introduction .controls .controls-right{height:40px;width: 40px;border-radius: 100%;border:1px solid #fff;background: rgba(0,0,0,0.5);color:#fff;line-height: 40px;text-align: center;} .introduction .bannerAnimate{animation-timing-function: ease;opacity: 0;animation-duration: 2s;} .hotel-title-inner {display:flex;} .hotel-title-inner .logo-box{padding-right: 20px;border-right: 1px solid #e4e4e4;} .hotel-title-inner .img-logoImg{height:60px;} /* 注册页面 */ .page-register { padding-bottom:80px; .d-top{ position: relative; .mask_bottom{position: absolute;width:100%;height: 252px;bottom:0;left:0;background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);} } .title{margin:52px 0 10px;} .hytq-box{ background:#f6f7f8;padding:36px;color: #3D3E42; ul li .s-icon{width: 68px;height: 68px;background:rgba(143, 120, 72, 0.2);display: block;border-radius: 50%;text-align: center;line-height: 68px;margin:0 auto;} ul li .icon{font-size:30px;} ul li{padding:0 20px;} ul li h3{font-size:18px;margin:15px 0 10px;color:#8F7745;} ul{margin-top:32px;} } .d-form { background:#fff;color:rgba(61, 62, 66, 1);padding:50px 20% 68px; .list-item{ border-radius: 8px;border: 1px solid #D9D9D9;display:flex;margin-bottom:24px;height:60px;padding:0 16px; input{border:none;font-size:16px;height:100%;-webkit-box-shadow:0 0 1000px #ffffff inset;} .f-name{display: inline-block;width: 75px;}/* color: #818284 */ .c-btn{color:rgba(31, 111, 255, 1);white-space: nowrap;} } .register-btn{border-radius: 8px;color:#fff;height: 56px;background:#8F7745;margin:45px auto 0;width:80%;line-height:56px;text-align:center;} } } /* 文旅产业 */ .page-culturalTourism { width: 100%; overflow: hidden; box-sizing: border-box; background: #fff; .artcenter-container{ position: relative;height:660px;overflow:hidden; .right-box{ position: absolute;width:100%;height:100%;top:0;left:0;color:#fff; .d-right{ width:40%;flex-shrink:0;padding-right:16%; .d-txt{ margin-top:14%;padding-left: 26%; p{text-indent: 2em;line-height: 27px;} } } } } .com-content{ line-height: 22px;padding: 0 6%;text-indent: 2em;margin-top:58px; } .ysht-container{ background: #F6F7F8;padding:5% 6% 5% 0; .d-left{padding:0 8% 0 13%;} .d-right{width: 50%;height:430px;flex-shrink: 0;background: #fff;} .d-txt{ margin-top:14%;padding-right: 33%; p{text-indent: 2em;line-height: 27px;} } } .title-box { margin: 0 auto; position: relative; padding-bottom: 44px; .title { font-weight: bold; font-size: 48px; text-align: center; color: #333333; line-height: 58px; } .sub-title-box { padding-top: 17px; .line { width: 105px; height: 1px; background: #cccccc; display: block; position: absolute; left: 50%; transform: translate(-50%, -50%); } .sub-title { padding-top: 17px; text-align: center; font-family: MicrosoftYaHei; font-size: 18px; color: #333333; line-height: 32px; } } } .hotel-box { padding: 110px 0; .activity-box { font-family: MicrosoftYaHei; display: flex; margin: 0 auto; .activity-detail:nth-child(even){ flex-direction: column-reverse; } .activity-detail { flex: 1; cursor: pointer; position: relative; /* margin-bottom: 48px; */ /* background: #fff; */ border-radius: 8px; .active-line { position: absolute; bottom: 0; width: 0; height: 2px; background: #8f7745; border-radius: 8px; transition: width 1s ease; } .img-box { width: 100%; height: 430px; } .activity-img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; } .detail-box { position: relative; padding: 16px 16px 28px 16px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16); .icon-tuxing { font-size: 34px; } } .activity-time { font-size: 18px; color: #8f7745; } .activity-title { font-family: MicrosoftYaHei, MicrosoftYaHei; font-size: 22px; font-weight: bold; color: #333333; } .activity-content { font-size: 14px; color: #666666; padding-top: 8px; } .omit-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .omit-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } } } .video-box { position: relative; top: 0; left: 0; width: 100vw; height: 100vh; video{ width: 100%; height: 100vh; object-fit: cover; } img { width:100%;height:auto; } } .clique { width: 100%; } } @media (max-width: 990px){ .w1280{width:100%;} .edit-container{ width: 100%; padding: 0 15px;} .book-main .book-pay .book-submit{flex-direction:column-reverse;} .book-main .book-pay .book-submit .pay-left{padding:0 16px;} .book-main .book-pay .pay-right .price, .book-main .book-pay .pay-right .text{padding-left:16px;padding-right:16px;} .book-main .book-pay .book-submit .pay-right{width:100%;} .book-main .book-pay .info-main{padding-left:0;padding-right:0;} .book-main .book-pay .pay-left .pay-title{padding:0 16px;} .book-main .book-pay .book-info .input-cont .name{font-size:13px;} .book-main .book-pay .book-info .other-message{margin-top:0;} .book-main .book-pay .book-info .input-cont .input{flex:1;width:auto;} .book-main .book-pay .book-info .other-message .textarea-box{display: block;} .book-main .book-pay .pay-left .pay-title, .book-main .book-pay .book-info .other-message .other-title, .book-main .book-pay .pay-right .text .t-title{font-size:16px;} .book-main .book-bottom{text-align:center;} .book-main .book-pay .pay-info .pay-item{padding-left:0;} .book-main .book-pay .pay-info .pay-item .txt-right{width:auto;} .base-play{ display: none; } .bodymain{ padding-top: 42px;} .new-header{ height: 55px;} .new-header .logo img{height: 40px;} .new-header .header-right .icon-language img, .swiper-button-prev, .swiper-button-next{ -webkit-filter: grayscale(100%) brightness(300%);-moz-filter: grayscale(100%) brightness(300%); -ms-filter: grayscale(100%) brightness(300%);-o-filter: grayscale(100%) brightness(300%); filter: grayscale(100%) brightness(300%); } .room-photo-layer .layer-inner .photo-container .focus .m-arrow .icon:hover{color:#fff} .new-header .header-right .login-block a {color: #fff;} .new-header .nav-xs{position: fixed; height: calc(100vh - 55px);overflow:auto;right: 0; top: 55px;width:100%; background: rgba(0,0,0,0.5); padding:0px; box-shadow: 0 1px 2px #ccc;} .new-header .nav-xs ul {background:#fff;padding:10px 20px;} .new-header .nav-xs ul li{line-height:45px;border-bottom:1px solid rgba(255,255,255,0.2);} .new-header .nav-xs ul li a{color: #333;display:block;} .new-header .nav-xs ul li a.title{font-size:16px;display:flex;justify-content:space-between;align-items:end;} .new-header .nav-xs ul li a.title .icon{font-size:12px;} .new-header .nav-xs ul li a.small{font-size:14px;} .orderList .main-content{width:100%;margin:0;box-shadow:none;padding:10px 15px} .p_dingdanchaxun{padding:70px 0 0;} .orderList .order-status-nav .navbar-nav{font-size:14px;width:auto;margin:0;} .orderList .order-list .head .order-info{font-size:14px;} .orderList .order-list .content{padding:15px 0;} .orderList .order-list{padding:0 15px;height:auto;} .orderList .order-list .head{padding:15px 0;} .orderList .order-list .content .order-info p.hotelname{font-size:14px;} .orderList .order-list .content .order-info p.roomname, .orderList .order-list .content .order-info p{font-size:12px;} .orderList .bottom {display:flex;justify-content:space-between;align-items:center;border-top: 1px solid #e2e2e2;padding:15px 0;font-size:14px;} .orderList .bottom .detail-btn{display:block;color:#333;border:1px solid #ccc;background: #fff; padding: 8px 15px;} .orderList .has_total{font-size: 14px;padding: 15px 0px 0;} .orderList .order-list .head .order-status { font-size: 16px;color: #ba9e70;margin-bottom:5px; } .book-main .book-finish .finish-order-info .content{flex-direction: column;} .book-main .book-finish .finish-order-info .top-title { font-size: 16px;margin:20px 0 0; } .book-main .book-finish .finish-order-info .info-cont{padding:0;margin:15px 0 0;border:none;width:auto;} .book-main .book-finish .finish-title{margin: 0 15px 15px;} .book-main .book-finish .hotel-info { margin-top: 25px; } .book-main .book-finish .finish-content{ flex-direction: column;padding:15px;} .book-main .book-finish .top-info {margin-top:30px;} .book-main .book-finish .top-info .return{ padding-right: 0px;position: static;} .book-main .book-finish .finish-left {width:100%;} .book-main .book-finish .finish-right { margin-left: 0px;} .new-header-mobile .login-box{ background:url(../image/head-bg2.png) repeat; position: absolute; right: 0; width:100%; padding:15px; top: 43px; display: none;} .new-header-mobile .login-box .inputText{ width:100%; padding:0 15px; font-size:14px; height:45px; line-height:45px; margin-bottom:10px; border: 0;} .new-header-mobile .login-box .inputBtn{ width:100%; font-size:14px; height:45px; margin-bottom:10px; background-color: #c1986e; color: #fff; border: 0;} .new-header-mobile .login-box .loginLink{ font-size:14px;} .new-header-mobile .login-box .loginLink a{ color: #fff;} .new-header-mobile .login-box .loginLink a:nth-child(1){ float:left;} .new-header-mobile .login-box .loginLink a:nth-child(2){ float:right;} /* .book-main .hotel-list{padding:0 15px;} */ .hotel-title-inner{ flex-direction: column;justify-content:center;text-align:center;} .hotel-title-inner .logo-box{padding:0 0 15px 0;border:none;} .hotel-title-inner .right-content .bottom ul{flex-direction: column;justify-content:center;text-align:center;} .hotel-title-inner .right-content .bottom li{padding-bottom:15px;} .room-list-inner .room-block .right-content .cont-box .top-title{display:flex;justify-content:space-between;} .room-list-inner .room-block .room-information{flex-direction: column;} .room-list-inner .room-block .pic-box{width:100%;height:180px;} .room-list-inner .room-block .right-content{width:100%;padding:15px;flex-direction: column;} .room-list-inner .room-block .pic-box .pic img{width:100%;height:auto;} .room-list-inner .room-block .right-content .cont-box{width:100%;} .room-list-inner .room-block .right-content .right-box{margin-top:15px;display:flex;justify-content:space-between;flex-direction: row;} .room-list-inner .room-block .right-content .right-box .housing-type-trigger{margin:0;font-size:14px;} .room-list-inner .room-block .room-list li{padding:15px;} .room-list-inner .room-block .room-list li .right-box .price-box .price span{font-size:18px;} .room-list-inner .room-block .room-list li .right-box .price-box .booking-btn{width:auto;} .room-list-inner .room-block .room-list li .right-box .price-box .booking-btn .title{font-size:14px;} .room-list-inner .room-block .right-content .cont-box .top-title{font-size:18px;font-weight: 400;} .room-list-inner .room-block { margin-top: 20px;} .room-list-inner .room-block .right-content .right-box .price span{font-size:22px;} .room-list-inner .room-block .right-content .right-box .price{font-size:12px;} .book-main .hotel-list .search-main .s-top{flex-direction: column;} .book-main .hotel-list .search-main .s-top .s-item{width:100%;margin:15px 0 0 0;} .book-main .hotel-list .search-main .s-top .s-item.endDate{margin-left:10px;} .book-main .hotel-list .search-main .s-top .item-date.column-xs{flex-direction: column;} .book-main .hotel-list .search-main .s-top .s-item.block-btn{margin:15px 0 0 0;} .book-main .hotel-list .search-main{border-radius:10px;padding:0 ;margin-top: -12%;} .book-main .hotel-list .search-main .s-top .s-item.date i{font-size: 20px;top:3px;} .book-main .hotel-list .search-main .s-top .s-item .name{font-size:12px;} .book-main .hotel-list .search-main .s-top .s-item .input-cont{margin-top:2px;} .book-main .hotel-list .search-main .search-btn{height:48px;line-height:48px;} .newLoginPop .l-main{width:100%;} .newLoginPop .l-main .l-tabWrap{padding:0 20px 20px;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .login-form .list-item{flex-direction: column;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item{padding:20px;border-radius: 0 0 10px 10px;} .newLoginPop .l-main .l-tabWrap .tab-top .t-item:first-child{border-radius:10px 0 0 0;} .newLoginPop .l-main .l-tabWrap .tab-top .t-item:last-child{border-radius:0 10px 0 0;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .register .f-name, .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .login-form .f-name{text-align:left;} .newLoginPop .l-main .l-close{right:10px;top:-37px;} .newLoginPop .l-main .l-tabWrap .tab-cont .c-item .login-bottom{width:100%;margin-top:10px;} .room-photo-layer .layer-inner .photo-container .focus{flex-direction: column;height:100%;} .room-photo-layer .layer-inner .photo-container .focus .m-arrow{position: absolute;z-index: 9;} .room-photo-layer .layer-inner .photo-container .focus .m-arrow.m-arrow-left{left:0;top:43%} .room-photo-layer .layer-inner .photo-container .focus .m-arrow.m-arrow-right{right:0;top:43%} .room-photo-layer .layer-inner .photo-container{ width: 94%;height:100%;padding:0 3%;} .room-photo-layer .layer-inner .photo-container .focus .m-album-aside{width:auto;} .room-photo-layer .layer-inner .photo-container .focus .m-title{margin:20px 0;font-size:20px;} .room-photo-layer .layer-inner .photo-container .focus .swiper-slide img{object-fit:cover;} .new-header .nav-liebiao .icon.icon-menu{color:#fff;font-size:22px;margin-top: 13px;float: left;font-weight: bold;} .new-header .nav-liebiao{margin-left:15px;} .new-header .nav-liebiao .icon-cha{font-weight:800;font-size:24px;color:#fff} .new-home-banner{ height: 200px;} .new-home-banner .edit-container{ left: 12px; margin-left: 0;} .new-home-banner .home-banner-floating-txt-box{ top: 60px;} .new-home-banner .home-banner-floating-txt-box .cn{ font-size: 15px; line-height: 15px;} .new-home-banner .home-banner-floating-txt-box .en{ font-size: 12px; line-height: 12px; margin-top: 7px;} .new-home-banner .swiper-pagination{ top: 80%; left: 5%;} .new-home-banner .swiper-pagination-bullet{ width: 25px; height: 1.5px;} .new-home-banner .home-banner-bottom-text{ width: 291px; bottom: 20px; height: 30px; margin-right: -100px; background-size: 100% auto; font-size:12px;} .home-brand .home-banner-bottom-text{ width: 291px; margin-right: 0px; background-size: 100% auto; font-size:12px;} .member-hotline img{ width: 278px;} .footer-middle{ padding: 0; width: 100%;} .footer-middle .qr-code-box{ margin-top: 15px;} .footer-middle .qr-code-box .item{ margin: 0 15px;} .footer-middle .qr-code-box .item .type{ height: 74px;} .footer-middle .qr-code-box .item .type span{ font-size: 12px; line-height: 12px; padding: 0; margin-top: -30px;} .footer-middle .qr-code-box .item .pic{ width: 74px; height: 74px;} .footer-left{ width: 100%; } .footer-left .fl-item{ margin-bottom: 20px; } .footer-left .fl-item:nth-of-type(4){ margin-left: 38%;} .new-footer .footer-main{ padding-bottom: 0px; padding-top: 20px; } .new-footer .copyright{ font-size: 12px; line-height: 2; padding: 14px 0; text-align: center;} .new-footer .copyright a{ display: block; margin-left: 0;} .home-discount{ padding:10px 0 0 0;} .home-discount-container{ margin: 0; padding: 30px 15px 32px 15px; height: auto;} .home-discount-box{ width: auto; padding-top: 0;} .home-discount-box .img-cont{ width: 40%; } .home-discount-box .title-box{ margin-top: 20px; } .home-discount-box .title-box .cn{ font-size: 14px; line-height: 22px;} .home-discount-box .title-box:before{ width: 42px; margin-left: -21px; bottom: -20px;} .home-discount-box .cont{ font-size: 13px; line-height: 24px; margin-top: 40px;} .home-discount-box .btn-box{ margin-top: 35px;} .home-discount-box .btn-box a{ width: 122px; margin: 0 10px; font-size: 12px; height: 30px; line-height: 30px;} .home-discount-box .btn-box a:before{ right: 20px;} .home-brand{ background: none; padding: 25px 0 25px 25px; height: auto;} .home-brand .icon-snowflake{ display: none;} .home-brand-focus{ padding: 0;} .home-brand-focus .swiper-container{ padding-bottom: 23px;} .home-brand-focus .swiper-pagination{ padding-right: 12px;} .home-brand-focus .swiper-pagination-bullet{ width: 10px; height: 1.5px; margin: 0 2px !important;} .brand-banner-text{ width: 60%; height: 35%; margin-left: 0; top: 50%; transform: translate(-50%,-50%); } .home-brand .txt-content .box{ padding-left: 50px;} .home-brand .txt-content .txt-box .icon{ display: none;} .home-brand .txt-content .txt-box .txt{ position: relative; top: 0 !important; right: 0 !important;} .home-brand .txt-content .txt-box .txt p{ writing-mode: inherit;} .home-brand .txt-content .txt-box .txt.cn{ font-size: 16px; line-height: 10px; padding-left: 37px;} .home-brand .txt-content .txt-box .txt.en{ font-size: 12px; line-height: 12px; margin-top: 5px; display: none;} .home-brand .txt-content .txt-box .bot-logo{ width: 31px; right: auto; bottom: 0; left: 0; top: 0; margin-top: -10px;} .home-brand .txt-content .txt-box .bot-logo img{ display: block; width: 100%;} .brand-banner-logo{ width: 50px; height: 50px; background-size: cover; } .home-bottom-box{ height: auto;} .home-bottom-box .txt-content{ height: auto; margin: 0; padding-bottom: 0;} .home-bottom-box .txt-content .txt-box{ width: auto; padding: 30px 25px 92px 25px; margin-left: 0;} .home-bottom-box .txt-content .txt-box .tab li{ text-align: center;} .home-bottom-box .txt-content .txt-box .tab li .cn{ font-size: 16px; line-height: 16px;} .home-bottom-box .txt-content .txt-box .tab li .en{ font-size: 12px; line-height: 12px; margin-top: 10px;} .home-bottom-box .txt-content .txt-box .cont{ font-size: 13px; line-height: 24px; margin-top: 18px;max-height: 300px;overflow-y: auto;} .home-bottom-box .txt-content .txt-box .btn-box{ margin-top: 20px;} .home-bottom-box .txt-content .txt-box .btn-box a{ width: 122px; margin: 0 10px; font-size: 14px; height: 30px; line-height: 30px;} .home-bottom-box .txt-content .txt-box .btn-box a:before{ right: 20px;} .home-bottom-box .pic{ position: relative; top: -64px;} .new-banner-arrow,.new-return-top{ display: none; } .new-news-wrapper{padding-bottom:80px;} .new-news-wrapper .news-list{padding:40px 0 0 0; box-sizing: border-box;} .new-news-wrapper .news-list ul{ width: 100%; } .new-news-wrapper .news-list li{width:100%;margin-right:0;margin-bottom:40px;} .new-news-wrapper .news-list li .img-cont{height:auto;} .new-news-wrapper .news-list li .text-cont{padding:20px 15px;} .new-news-wrapper .news-list li .text-cont .t-left{display: none;} .new-news-wrapper .news-list li .text-cont .t-right{width:100%;} .new-news-wrapper .news-list li .text-cont .t-date{font-size:16px;} .new-news-wrapper .news-list li .text-cont .t-arrow{width:20px;height:11px;margin-top:20px;margin-left:20px;} .new-news-wrapper .news-list li .text-cont .t-title{font-size:14px;font-weight:bold;;} .new-news-wrapper .news-list li .text-cont .t-text{font-size:12px;margin-top:10px;} .new-news-wrapper .news-detail{width:100%;padding:40px 20px 0;} .new-news-wrapper .news-detail .d-title{font-size:16px;} .new-news-wrapper .news-detail .d-date{font-size:18px; margin-top: 10px;} .new-news-wrapper .news-detail .d-remark{font-size:14px; margin-top: 10px; line-height: 28px;} .new-news-wrapper .news-detail .d-main{margin-top:15px;} .new-news-wrapper .news-detail .d-main p{font-size:14px; line-height: 28px; margin-bottom: 10px;} .new-news-wrapper .news-detail .d-main img{ margin-bottom: 10px; width: 100% !important; height: auto !important; } .new-news-wrapper .news-detail .d-top{ padding-bottom: 15px; } .employ-wrapper{background:#f4f4f4;padding-top:20px;} .employ-wrapper .e-search{border:none;padding:0;} .employ-wrapper .e-search .select-cont{width:100%;border-right:none;border-bottom:1px solid #d4d4d4;margin-top:5px;height:40px;line-height:40px;} .employ-wrapper .e-search.has-city .select-cont{ width: 100%; } .employ-wrapper .e-search .select-cont.half-cont{width:50%;} .employ-wrapper .e-search .select-cont .text{padding-left:15px;} .employ-wrapper .e-search .select-cont .arrow{border-width:5px;} .employ-wrapper .e-search .input-cont{width:100%;margin-top:5px;border-bottom:1px solid #d4d4d4;} .employ-wrapper .e-search .input-cont input{background:transparent;padding-left:15px;} .employ-wrapper .e-search .btn-cont{width:100%;height:40px;line-height:40px;text-align:center;background:#312d29;margin-top:20px;font-size:14px;color:#fff;} .employ-wrapper .m-employ-list{padding:20px 0;background:#fff;margin-top:20px;} .employ-wrapper .m-employ-list ul{border-bottom:1px solid #f5f5f5;} .employ-wrapper .m-employ-list .e-top{border-top:1px solid #f5f5f5;padding:0 20px;height:50px;line-height:50px;} .employ-wrapper .m-employ-list .e-top > div{float:left;} .employ-wrapper .m-employ-list .e-top .name{width:45%;font-size:16px;font-weight:bold; height: 50px; overflow: hidden;} .employ-wrapper .m-employ-list .e-top .time{width:45%;font-size:12px;} .employ-wrapper .m-employ-list .e-top .e-btn{width:10%;height:50px;background:url(../image/employ-icon2.png) right center no-repeat;background-size:18px 18px;} .employ-wrapper .m-employ-list .active .e-top .e-btn{background:url(../image/employ-icon3.png) right center no-repeat;background-size:18px 2px;} .employ-wrapper .m-employ-list .e-detail{background:#f4f4f4;padding:10px 20px;display:none;} .employ-wrapper .m-employ-list .active .e-detail{display:block;} .employ-wrapper .m-employ-list .e-detail .d-item{width:100%;float:left;font-size:14px;color:#848383;} .employ-wrapper .m-employ-list .e-detail .d-left{text-align:left;} .employ-wrapper .m-employ-list .e-detail .d-center{text-align:left;} .employ-wrapper .m-employ-list .e-detail .d-right{text-align:left;} .employ-wrapper .m-employ-list .e-detail .e-title{margin-top:10px;font-size:16px;color:#333333;font-weight:bold;} .employ-wrapper .m-employ-list .e-detail p{font-size:14px;line-height:25px;color:#999;} .employ-wrapper .m-employ-list .e-detail .m-toEmail{margin-top:10px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#fff;display:block;background:#312d29;} .new-about-wrapper .intr-text{top:20px;} .new-about-wrapper .intr-text .title-cn{font-size:18px;} .new-about-wrapper .intr-text .title-en{font-size:12px;margin-top:0px;} .new-about-wrapper .intr-text .border{display:block;margin:5px auto 0;width:60px;} .new-about-wrapper .intr-text .i-text{padding:0 15px;width:100%;font-size:14px;line-height:25px;margin-top:5px;} .new-about-wrapper .introduce .about-bg{margin:0 -30%;} .new-about-wrapper .hotel-item{width:100%;float:none;overflow: hidden; height: auto;} .new-about-wrapper .hotel-item:before{ height: 0; } .new-about-wrapper .hotel-item:nth-of-type(1){background:url(../image/about-pic3.jpg) center no-repeat; background-size: cover;} .new-about-wrapper .hotel-item:nth-of-type(1) .about-bg{ display: none;} .new-about-wrapper .hotel-item .hotel-text{top: 0;left: 0;right: 0;width:auto;position: relative;padding: 20px;} .new-about-wrapper .hotel-item .hotel-text .title-cn,.new-about-wrapper .design-main .title-cn,.new-about-wrapper .hotel-history .title-cn,.new-about-wrapper .hotel-style .title-cn{font-size:16px;} .new-about-wrapper .hotel-item .hotel-text .title-en,.new-about-wrapper .design-main .title-en,.new-about-wrapper .hotel-history .title-en,.new-about-wrapper .hotel-style .title-en{font-size:12px;margin-top:5px;} .new-about-wrapper .hotel-item .hotel-text .border,.new-about-wrapper .design-main .border,.new-about-wrapper .hotel-history .border,.new-about-wrapper .hotel-style .border{margin-top:15px;} .new-about-wrapper .hotel-item .hotel-text p{font-size:14px;line-height:25px;margin-top:10px;} .new-about-wrapper .hotel-design .right-icon,.new-about-wrapper .hotel-design .left-icon{display:none;} .new-about-wrapper .design-main{top:20px;} .new-about-wrapper .design-main .design-list{margin-top:20px;font-size:14px;} .new-about-wrapper .design-main .design-list .d-item{margin:0 15px;} .new-about-wrapper .design-main .detail-list{margin:10px auto;width:100%;} .new-about-wrapper .design-main .detail-list p{font-size:12px;padding:0 10px;line-height:25px;} .new-about-wrapper .company-idea .idea-title{height:100%;background-size:auto 100%;left:40px;} .new-about-wrapper .company-idea .idea-list{position:static;padding:50px 0 50px 100px;} .new-about-wrapper .company-idea .about-bg{position:absolute;z-index:-1;height:100%;} .new-about-wrapper .company-idea .about-bg img{width:auto;height:100%;} .new-about-wrapper .company-idea .idea-list li{width:100%;margin-bottom:20px;} .new-about-wrapper .company-idea .idea-list li .l-icon{width:44px;height:44px;background-size:cover;} .new-about-wrapper .company-idea .idea-list li .title-cn{font-size:18px;margin-top:10px;} .new-about-wrapper .company-idea .idea-list li .title-en{font-size:14px;margin-top:0px;} .new-about-wrapper .company-idea .idea-list li p{font-size:14px;margin-top:5px;padding:0 20px;} .new-about-wrapper .hotel-history .history-icon{display:none;} .new-about-wrapper .history-main{position:static;padding:50px 0;} .new-about-wrapper .hotel-history .about-bg{position:absolute;z-index:-1;} .new-about-wrapper .hotel-history .history-list{height:auto;text-align:left;} .new-about-wrapper .hotel-history ul{border-right:2px solid #3c3c3c;display:inline-block;padding:50px 0 50px 0;} .new-about-wrapper .hotel-history li{padding:25px 30px 25px 20px;position:relative;} .new-about-wrapper .hotel-history li.bfactive:before{content:" ";position:absolute;right:-3px;top:0;bottom:0;width:4px;background:#a58969;z-index:99} .new-about-wrapper .hotel-history li.active:before{content:" ";position:absolute;right:-3px;top:0;bottom:50%;width:4px;background:#a58969;z-index:99} .new-about-wrapper .hotel-history li.active{color:#000000} .new-about-wrapper .hotel-history li:after{content:" ";position:absolute;width:25px;height:2px;background:#212121;right:-12px;top:50%;margin-top:-1px;} .new-about-wrapper .hotel-history li.bfactive:after{background:#8f775b;} .new-about-wrapper .hotel-history li.active:after{background:#8f775b;height:4px;margin-top:-2px;} .new-about-wrapper .hotel-history li .cont{position:absolute;width:220px;right:-246px;top:0;display:none;} .new-about-wrapper .hotel-history li.active .cont{display:block;} .new-about-wrapper .hotel-history li .cont .tit{font-size:26px;color:#bc9a71} .new-about-wrapper .hotel-history li .cont p{color:#8c8b8b!important;} .new-about-wrapper .hotel-honor .honor-icon{margin-top:40px;margin-left:20px;width:40px;background-size:100% auto;position: static;float: left;} .new-about-wrapper .hotel-honor .honor-main{margin-top:60px;margin-left:20px;width:calc(100% - 80px);float: left;position: static;margin-bottom: 20px;} .new-about-wrapper .hotel-item .honor-swiper{ width: 100%; } .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-cn{font-size:16px;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-en{font-size:14px;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item{margin-right:20px;} .new-about-wrapper .hotel-honor .honor-main .honor-list{margin-top:10px;font-size:14px;line-height:25px; padding-right: 20px;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .honor-swiper{ height: auto;} .new-about-wrapper .hotel-honor .honor-main .tab-list{margin-top:20px;} .new-about-wrapper .hotel-honor .honor-main .tab-list .tab-item{width:30px;} .new-about-wrapper .hotel-honor .honor-wrapper{ position: static; } .new-about-wrapper .hotel-honor .about-bg{ position: absolute; z-index: -1; height: 100%; } .new-about-wrapper .hotel-honor .about-bg img{ width: auto; height: 100%; } .new-about-wrapper .hotel-style{background:none;padding:40px 20px;} .new-about-wrapper .hotel-style .style-list{margin-top:20px;} .new-about-wrapper .hotel-style ul li{width:100%;float:none;} .new-about-wrapper .hotel-style ul li .text-cont{display:block;} .new-about-pop .p-main{width:80%;margin-left:-40%;height:auto;top:20%;margin-top:0;} .new-about-pop .p-main .swiper-left{margin-left:0;} .new-about-pop .p-main .swiper-right{margin-right:0;} .new-brand-pop .p-main{width:80%;margin-left:-40%;height:auto;top:20%;margin-top:0;} .new-brand-pop .p-main .swiper-left{margin-left:0;} .new-brand-pop .p-main .swiper-right{margin-right:0;} .new-style-wrapper{ padding-top: 50px; background: none; } .new-style-wrapper .s-list{ padding: 0 20px; } .new-style-wrapper .s-list .img-cont{ width: 100%; padding: 0; padding-bottom: 20px;} .new-style-wrapper .s-list .img-cont .img-item{ margin-right: 0; width: 100%; padding: 20px 20px 0 20px; } .new-style-wrapper .s-list .more-text{ font-size: 16px; } .new-style-wrapper .s-list .s-page{ float: none; clear: both;margin:20px 0;} .hotel-join-wrapper .brand-list ul{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;} .hotel-join-wrapper .brand-list ul li{ width: 100px; /* margin: 0 4%; */ background-size: auto 45%; height: 80px; float: none; display: inline-block;} .hotel-join-wrapper .brand-info{ background-size: 40%; } .hotel-join-wrapper .brand-info .info-text{ font-size: 16px; width: 100%; line-height: 30px; } .hotel-join-wrapper .brand-info .info-text .icon{ background-size: 75%; } .hotel-join-wrapper .brand-condition .title-cn{ font-size: 18px; } .hotel-join-wrapper .brand-condition .title-en{ font-size: 12px; margin-top: 10px; } .hotel-join-wrapper .brand-condition .border{ margin-top: 30px; } .hotel-join-wrapper .brand-condition .con-list ul li{ width: 50%; margin-bottom: 5px;text-align: center; } .hotel-join-wrapper .brand-condition .con-list ul li .c-title{ font-size: 16px; } .hotel-join-wrapper .brand-condition .con-list ul li p{ font-size: 14px; height: 42px; } .hotel-join-wrapper .brand-condition .con-list ul li .c-border{ margin: 10px auto; } .hotel-join-wrapper .brand-condition .con-list{ margin-top: 30px; } .hotel-join-wrapper .brand-condition .con-list ul li .c-icon{ background-position: center center } .hotel-join-wrapper .business-terms .terms-main{ position: static; padding: 20px 0;} .hotel-join-wrapper .business-terms .about-bg{ position: absolute; z-index: -1; height: 100%;} .hotel-join-wrapper .business-terms .about-bg img{ height: 100%; } .hotel-join-wrapper .business-terms .terms-top .t-left .title-cn{ font-size: 20px; } .hotel-join-wrapper .business-terms .terms-top .t-left .title-en{ font-size: 14px; margin-top: 10px; } .hotel-join-wrapper .business-terms .terms-top .t-right .level-item{ margin: 0; float: none; display: inline-block;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-text{ font-size: 12px; } .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-icon{ height: 30px; background-size: auto 30px; } .hotel-join-wrapper .business-terms .terms-top .t-right .level-item:nth-of-type(2){ width: 120px; } .hotel-join-wrapper .business-terms .terms-top .t-right .level-item:nth-of-type(3){ width: 80px; } .hotel-join-wrapper .business-terms .terms-bottom{ padding-top: 30px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list ul li{ width: 100%; float: none; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item{ height: 230px; overflow: hidden; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-cn{ font-size: 18px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-en{ font-size: 14px; margin-top: 10px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont p{ display: block; font-size: 14px; } .hotel-join-wrapper .join-reward .about-bg{ position: absolute; z-index: -1; height: 100%;} .hotel-join-wrapper .join-reward .about-bg img{ height: 100%; } .hotel-join-wrapper .join-reward .reward-main{ position: static; padding: 30px 0; } .hotel-join-wrapper .join-reward .reward-main .title-cn{ font-size: 20px; } .hotel-join-wrapper .join-reward .reward-main .title-en{ font-size: 14px; margin-top: 10px; } .hotel-join-wrapper .join-reward .reward-main .border{ margin-top: 20px; } .hotel-join-wrapper .join-reward .reward-main .reward-list{ margin-top: 20px; font-size: 14px; line-height: 28px;} .hotel-join-wrapper .join-reward .reward-main .reward-list span{ font-size: 16px; } .hotel-join-wrapper .join-reward .reward-main .reward-list .reward-item{ padding: 0 20px; } .hotel-join-wrapper .join-reward .reward-main .tab-list{ margin-top: 20px; } .hotel-join-wrapper .join-case .about-bg{ position: absolute; z-index: -1; height: 100%;} .hotel-join-wrapper .join-case .about-bg img{ height: 100%; } .hotel-join-wrapper .join-case .case-main{ position: static; padding: 30px 0; } .hotel-join-wrapper .join-case .case-main .title-cn{ font-size: 20px; } .hotel-join-wrapper .join-case .case-main .title-en{ font-size: 14px; margin-top: 10px; } .hotel-join-wrapper .join-case .case-main .border{ margin-top: 20px; } .hotel-join-wrapper .join-case .case-main .case-list{ margin: 20px 0 0 0; } .hotel-join-wrapper .join-case .case-main .case-list ul li{ width: 100%; padding: 0 15px; margin-bottom: 20px;} .hotel-join-wrapper .join-case .case-main .tab-list{ margin-top: 0;} .new-brand-wrapper .brand-info .brand-bg{ width: 200%; margin-left: -50%; } .new-brand-wrapper .core-values .core-item{ width: 100%; float: none; } .new-brand-wrapper .core-values .core-item .core-text{ top: 0; left: 0; padding: 20px; text-align: center; right: 0;} .new-brand-wrapper .core-values .core-item .core-text .title-cn{ font-size: 18px;margin-top: 20px; } .new-brand-wrapper .core-values .core-item .core-text .title-en{ font-size: 14px; margin-top: 5px; } .new-brand-wrapper .core-values .core-item .core-text .border{ margin: 10px auto 20px; } .new-brand-wrapper .core-values .core-item .core-text p{ font-size: 18px; text-align: left; line-height: 28px; padding: 0; } .new-brand-wrapper .core-values .tap-list{ bottom: 40px; } .new-brand-wrapper .brand-hotel .brand-bg{ width: 150%; } .new-brand-wrapper .brand-hotel .hotel-name{ top: 20px; left: 20px; } .new-brand-wrapper .brand-hotel .hotel-name .title-cn{ font-size: 16px; } .new-brand-wrapper .brand-hotel .hotel-name .title-en{ font-size: 14px; margin-top: 35px; margin-right: 5px; } .new-brand-wrapper .brand-hotel .hotel-name .look-pic-btn{ margin-top: 150px; font-size: 12px; background-size: 50% auto;} .new-brand-wrapper .brand-hotel .hotel-select{ width: 150px; height: 35px; line-height: 32px; font-size: 14px; bottom: 30px; right: 40px; } .new-brand-wrapper .brand-hotel .hotel-select .h-text{ padding: 0 15px; } .new-brand-wrapper .brand-hotel .hotel-select .h-arrow{ top: 8px; right: 15px; border-width: 6px; } .new-brand-wrapper .brand-hotel .hotel-list{ width: 180px; right: 40px; bottom: 70px; } .new-brand-wrapper .brand-hotel .hotel-list .list-main li{ padding: 0 10px; } .new-brand-wrapper .brand-hotel .hotel-list{ font-size: 14px; line-height: 25px; } .new-brand-wrapper .brand-hotel .hotel-list .list-main{ padding: 0; max-height: 120px;} .new-brand-wrapper .brand-hotel .hotel-list .list-top{ height: 30px; line-height: 30px; } .new-brand-wrapper .hotel-map .map-pic,.new-brand-wrapper .hotel-map .map-cont{ width: 100%; float: none; } .new-brand-wrapper .hotel-map .map-text{ padding: 40px; position: static; width: 100%;} .new-brand-wrapper .hotel-map .brand-bg{ height: 100%; position: absolute; z-index: -1;} .new-brand-wrapper .hotel-map .map-bg img{ width: auto; height: 100%; } .new-brand-wrapper .hotel-map .map-text .title-cn{ font-size: 18px; } .new-brand-wrapper .hotel-map .map-text .title-en{ font-size: 14px; margin-top: 5px; } .new-brand-wrapper .hotel-map .map-text .border{ margin-top: 10px; margin-bottom: 20px;} .new-brand-wrapper .hotel-map .map-text p{ font-size: 14px; } .new-brand-wrapper .hotel-map .city-list{ margin-top: 20px; font-size: 14px;} .new-brand-wrapper .hotel-map .city-list .city-item{ width: 60px; } .new-brand-wrapper .hotel-map .map-text .cont-focus{ /* height: auto; */ } .hotel-join-wrapper .business-terms .terms-top .t-right{ float: none; clear: both; text-align: center;} .contact-wrapper .contact-item .c-top-title{margin-top:40px;font-size:18px;} .contact-wrapper .contact-item .c-top-ltitle{font-size:14px;} .contact-wrapper .contact-item .c-top-border{margin-top:20px;} .contact-wrapper .contact-item .contact-list .c-item .item-title{font-size:16px;} .contact-wrapper .contact-item .contact-list .c-item .item-item{width:100%;} .contact-wrapper .contact-item .contact-list .c-item .i-phone,.contact-wrapper .contact-item .contact-list .c-item .i-email{font-size:14px;} .contact-wrapper .contact-item .contact-list .c-item.right-margin{margin-right:0;} .contact-wrapper .contact-item .contact-list .c-item.c-item2{width:100%;} .contact-wrapper .contact-item .contact-list .c-item{margin-top:2px;} .jiameng-fixed-bottom{height:120px;} .jiameng-fixed-bottom .jm-btn{width:50%;font-size:14px;height:35px;line-height:35px;background:none;padding:0;text-align:center;margin:0;margin-top:15px;} .jimeng-contactPop .jm-main{width:90%;height:auto;margin-top:0;margin-left:0;transform:translate(-50%,-50%);padding-bottom:40px;} .works-list-main{padding-top:20px;} .works-list-main .cn_title{font-size:18px;} .works-list-main .en_title{font-size:14px;margin-top:5px;} .works-list-main .border{margin:10px auto;width:40px; height: 2px;} .works-list-main .works-list ul li{ padding: 0; width: 100%; margin-top: 20px; margin-bottom: 0; } .works-list-main .works-list{ margin: 0; } .works-list-main .works-list ul li .text-cont{height:40px;line-height:40px;font-size:14px;} .works-list-main .works-list .base-pages{ margin-top: 40px; } .works-list-pop .p-main{width:90%;height:auto;margin-left:-45%; margin-top: 0;padding: 10px; transform: translate(0,-50%);} .works-list-pop .p-main .text-cont .t_title{font-size:16px;} .works-list-pop .p-main .text-cont .t_left{width:100%; padding-left: 15px;} .works-list-pop .p-main .text-cont .t_border{display: none;} .works-list-pop .p-main .text-cont .t_right{width:500px;display: none;} .works-list-pop .p-main .text-cont{ position: static; height: auto; padding: 0px; padding-top: 10px;} .works-list-pop .p-main .swiper-left, .works-list-pop .p-main .swiper-right{ width: 33px; height: 28px; background-size: cover; top: 50%; } .works-list-pop .p-main .swiper-left{ left: 10px; } .works-list-pop .p-main .swiper-right{ right: 10px; } .new-design-intro .intro-main .intro-swiper .img-cont,.new-design-intro .intro-main .intro-swiper .text-cont{ width: 100%; } .new-design-intro .intro-main,.new-design-intro .intro-main .edit-container{ position: static; } .new-design-intro .intro-main{ padding: 20px 0; } .new-design-intro .intro-main .edit-container{ transform: translate(0,0); } .new-design-intro .intro-main .intro-swiper .text-cont{ padding: 20px 10px; } .new-design-intro .intro-main .intro-swiper .text-cont .cn_title{ font-size: 14px; } .new-design-intro .intro-main .intro-swiper .text-cont .en_title{ font-size: 12px; margin-top: 5px;} .new-design-intro .intro-main .intro-swiper .text-cont .border{ margin-top: 10px; } .new-design-intro .intro-main .intro-swiper .text-cont p{ font-size: 14px; margin-top: 10px; line-height: 25px; } .new-design-intro .design-bg{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;} .new-design-intro .design-bg img{width:auto;height:100%;} .new-design-intro .intro-main .new-cotanct .n-title{ font-size: 14px; } .new-design-intro .intro-main .new-cotanct{ margin-top: 30px; } .new-design-honor .honor-main{ padding-top: 20px; } .new-design-honor .honor-main .cn_title{ font-size: 18px; } .new-design-honor .honor-main .en_title{ font-size: 14px; margin-top: 10px;} .new-design-honor .honor-main .h_border{ margin: 20px auto; } .new-design-honor .honor-main .honor-swiper{ width: 100%; } .new-design-honor .honor-main .honor-swiper span{ font-size: 14px; line-height: 25px; } .new-design-honor .honor-main,.new-design-honor .honor-main .edit-container{ position: static; } .new-design-honor .honor-main{ padding: 20px 0; } .new-design-honor .design-bg{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center; z-index: -1;} .new-design-honor .design-bg img{width:auto;height:100%;} .new-design-honor .honor-main .honor-swiper .h-icon1,.new-design-honor .honor-main .honor-swiper .h-icon2{ width: 15px; height: 11px; background-size: cover; } .new-design-honor .honor-main .honor-swiper .h-icon1{ margin-left: -20px; } .new-design-honor .honor-main .honor-swiper .swiper-slide{ padding-left: 20px; } .new-design-honor .honor-main .honor-swiper .h-icon2{ margin-left: 0; } .new-design-honor .honor-main .honor-list .honor-item,.new-design-honor .honor-main .honor-list .honor-item.active{ width: 100%; } .new-design-honor .honor-main .honor-list .honor-item .item-center{ position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height: auto; margin: 0;} .new-design-honor .honor-main .honor-list .honor-item .item-title .cn-title{ font-size: 18px; } .new-design-honor .honor-main .honor-list .honor-item .item-title .en-title{ font-size: 14px; } .new-design-honor .honor-main .honor-list .honor-item .item-detail{ font-size: 14px; line-height: 20px; } .new-design-honor .honor-main .honor-list .honor-item .item-top,.new-design-honor .honor-main .honor-list .honor-item .item-bottom{ height: auto; line-height: normal;} .new-design-honor .honor-main .honor-list .honor-item{ padding: 20px 0; position: relative; padding-left: 40px; } .new-design-honor .honor-main .honor-list .honor-item .item-title,.new-design-honor .honor-main .honor-list .honor-item .item-top{ text-align: left; } .new-design-honor .honor-main .honor-list .honor-item .item-img{ padding: 0; width: 50%; } .new-design-honor .honor-main .honor-list .honor-item .item-bottom{ text-align: left; margin-top: 20px; } .new-design-honor .honor-main .honor-list .honor-item .item-center .item-point{ width: 10px; height: 10px; border-width: 2px; top: 50%; margin-top: -20px; margin-left: -5px;} .new-design-honor .honor-main .honor-list .honor-arrow.prev{ top: 0; margin-top: -7px; margin-left: -4px; transform: rotate(90deg); } .new-design-honor .honor-main .honor-list .honor-arrow.next{ left: 0; top: auto; bottom: 0; margin-bottom: -7px; margin-left: -4px; transform: rotate(90deg);} .footer-middle .member-hotline{ font-size: 16px; letter-spacing: 0;} .works-list-main .works-list ul li .img-cont{ height: auto; } .infoPop .popInner .info{ text-align: justify; } .home-brand .right{ float: none; } .home-brand .txt-content{ height: auto; position: relative; } .new-brand-wrapper .hotel-map .map-tab{ top: 40px; } .new-brand-wrapper .hotel-map .map-tab .tab-item{ font-size: 18px; padding-bottom: 5px; } .base-bottom-pop{display:block;position:fixed;bottom:0;left:0;right:0;z-index:22222;} .base-bottom-pop img{width:100%;display:block;} .base-bottom-pop .close-btn{width:21px;height:21px;position:absolute;top:10px;right:10px;background:url(../image/new-closeBtn.png);z-index:2;background-size:cover;} .new-about-wrapper .hotel-leader .leader-title{ font-size: 24px; padding-bottom: 10px; } .new-about-wrapper .hotel-leader .leader-title:after{ width: 60px; margin-left: -30px; } .new-about-wrapper .hotel-leader .l-swiper .img-cont{ width: 50%; margin: 0 auto; float: none; } .new-about-wrapper .hotel-leader .l-swiper .text-cont{ width: 100%; float: none; } .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-name{ font-size: 18px; } .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-text{ font-size: 14px; line-height: 1.5; } .hotel-works-wrapper .brand-list .edit-container{ width: 100%;} .hotel-works-wrapper .brand-list .edit-container{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;} .hotel-works-wrapper .brand-list ul{ display: block; white-space: nowrap;} .hotel-works-wrapper .brand-list ul li{ float: none; display: inline-block; width: 56px; background-size: 60% auto;} .hotel-works-wrapper .brand-list ul li .other{ width: 40px; height: 40px; line-height: 40px; font-size: 12px; margin: -20px 0 0 -20px;} .hotel-works-wrapper .brand-list ul li.icon7{ width: 120px;} } @media (min-width: 990px) and (max-width: 1280px){ .bodymain{ padding-top: 76px;} .edit-container{ width: 96vw;} .new-header{ height: 76px;} .new-header .logo{ margin-top: 18px;} .new-header .nav{ margin-left: 20px;} .new-header .nav li{ font-size: 14px; margin-right: 8px;} .new-header .nav ul li a{ padding: 0 14px;} .new-header .header-right .icon-language{ margin-left: 14px;} .new-header .header-right .header-phone{ font-size: 14px; margin: 17px 17px 0 0;} .new-header .view-hotels{ display: none; } .new-header .nav-book-wrapper{ padding: 10px 0; } .new-header .book-btn{ font-size: 14px; width: 100px; height: 35px;line-height: 35px; margin-left: 0px;} .new-header .nav-book-wrapper .binput-wrap{ width: 740px; margin-left: 120px; } .new-header .nav-book-wrapper .item.home-destination{ width: 180px; } .new-header .nav-book-wrapper .item.home-startDate{ width: 165px; } .new-header .nav-book-wrapper .item.home-endDate{ width: 200px; } .new-header .nav-book-wrapper .bmore-btn{ font-size: 16px; margin-top: 14px; } .new-header .nav-book-wrapper .item.home-searchBtn{ width: 180px; line-height: 50px;} .new-header .nav-book-wrapper .item,.new-header .nav-book-wrapper .item .input-text{ height: 50px; line-height: 50px; } .new-header .nav-book-wrapper .active .item.home-destination{ width: 250px; } .new-header .nav-book-wrapper .active .item.home-startDate{ width: 218px; } .new-header .nav-book-wrapper .active .item.home-endDate{ width: 270px; } .new-header .nav-book-wrapper .active .home-number{ line-height: 50px; width: 250px; } .new-header .nav-book-wrapper .active .home-number .h-btn{ margin-left: 20px; } .new-header .nav-book-wrapper .active .home-number .h-text{ margin-left: 20px; } .new-header .nav-book-wrapper .active .home-protocolCode{ width: 306px; } .new-header .nav-book-wrapper .active .home-endDate .input-text{ padding-left: 100px; background-position: 60px center; } .new-home-banner .edit-container{ margin-left: -485px;} .new-home-banner{ height: 580px;} .new-home-banner .home-banner-floating-txt-box{ top: 190px;} .new-home-banner .home-banner-floating-txt-box .cn{ font-size: 40px; line-height: 40px;} .new-home-banner .home-banner-floating-txt-box .en{ font-size: 24px; line-height: 24px; margin-top: 24px;} .new-home-banner .swiper-pagination{top:61%;left:0;} .new-home-banner .swiper-pagination-bullet{ width: 40px;} .new-home-banner .home-banner-bottom-text{ width: 291px; background-size: 100% auto; bottom: 30px; margin-right: -150px; font-size:12px;} .home-brand .home-banner-bottom-text{ width: 291px; background-size: 100% auto; bottom: 30px; margin-right: 15px; font-size:12px;} .new-home-search{ width: 970px; margin-left: -480px; bottom: 120px;} .new-home-search .item{ width: 168px; height: 60px; } .new-home-search .item .input-text{ font-size: 14px; background-size: auto 24px !important; height: 60px; line-height: 60px;} .new-home-search .item.home-destination{ width: 188px;} .new-home-search .item.home-destination .input-text{ background-position: 20px center;} .new-home-search .item.home-startDate .input-text{ padding-left: 46px;} .new-home-search .item.home-searchBtn{ width: 218px; font-size: 16px; height: 60px; line-height: 60px;} .new-home-search .item.home-destination .cityCont{ top: 60px;} .new-home-search .item.home-endDate{ width: 310px; } .new-home-search.active .item.home-destination{ width: 300px;} .new-home-search.active .home-number{ width: 300px; } .new-home-search.active .home-startDate{ width: 250px; } .new-home-search.active .home-endDate{ width: 340px; } .new-home-search.active .home-protocolCode{ width: 370px; } .new-home-search.active .home-number .h-btn{ margin-left: 20px; } .new-home-search.active .home-number .h-text{ margin-left: 20px; margin-right: 0; } .new-home-search.active .home-number .h-name{ margin-left: 60px; } .friendly-link-logo{ padding: 10px 0;} .friendly-link-logo img{ height: 42px;} .friendly-link-logo ul li img{ height: 40px; } .friendly-link-logo .wanda-logo img{ height: 40px;} .friendly-link-logo .wanda-logo{ padding: 10px 35px 10px 0; margin-left: 60px;} .friendly-link-logo .club-logo{ padding: 10px 0 10px 35px; margin-right: 50px;} .friendly-link-logo .club-logo img{ height: 30px; margin-top: 5px;} .friendly-link-logo ul{ padding-left: 13px; } .friendly-link-logo ul li{ margin: 0 10px;} .footer-left{ width: 360px; } .footer-left .fl-item .big{ font-size: 14px; } .footer-middle{ padding: 0; width: 580px;} .member-hotline img{ height: 19px;} .footer-middle .links span{ margin: 0 10px; } .footer-middle .qr-code-box .item{ margin: 0 45px;} .footer-middle .qr-code-box .item .type{ height: 75px;} .footer-middle .qr-code-box .item .type span{ font-size: 12px; line-height: 12px; padding: 0; margin-top: -30px;} .footer-middle .qr-code-box .item .pic{ width: 75px; height: 75px;} .footer-middle .links{ margin-top: 28px; font-size: 12px; line-height: 12px;} .footer-middle .member-hotline{ font-size: 14px;} .new-footer .copyright{ font-size: 12px; line-height: 12px; padding: 18px 0 22px 0;} .home-discount{ padding: 70px 0;} .home-discount-container{margin: 0 -70px;} .home-discount-box{ width: 650px; padding-top: 80px;} .home-discount-box .img-cont{ width: 160px; } .home-discount-box .title-box .cn{ font-size: 18px; } .home-discount-box .title-box:before{ width: 68px; margin-left: -34px; bottom: -42px;} .home-discount-box .cont{ margin-top: 72px; font-size: 14px; line-height: 30px;} .home-discount-box .btn-box{ margin-top: 52px;} .home-discount-box .btn-box a{ width: 196px; height: 44px; line-height: 44px; font-size: 14px; padding-right: 35px;} .home-discount-box .btn-box a:before{ right: 52px;} .home-brand{ background-size: 208px auto; background-position: 10px 0;} .home-brand .icon-snowflake{ width: 84px; height: 78px; background-size: 84px 78px; margin-left: -42px; bottom: -39px;} .home-brand .txt-content .txt-box{ margin-right: -56px;} .home-brand .txt-content .txt-box .icon{ width: 165px; height: 120px; background-size: 165px 120px; top: 40px; right: -46px;} .home-brand .txt-content .txt-box .txt.cn{ font-size: 24px; top: 88px; } .home-brand .txt-content .txt-box .txt.en{ font-size: 12px; top: 130px; bottom: 140px; min-width: 55px;} .home-brand .txt-content .txt-box .bot-logo{ right: 42px; } .home-brand .txt-content .txt-box .bot-logo img{ display: block; width: 48px;} .home-brand-focus{ padding-left: 56px;} .home-brand-focus .swiper-pagination{ padding-right: 82px;} .home-brand-focus .swiper-pagination-bullet{ width: 40px;} .home-bottom-box .txt-content{ height: auto;} .home-bottom-box .txt-content .txt-box{ width: 360px; padding-top: 8%;} .home-bottom-box .txt-content .txt-box .tab li .cn{ font-size: 24px; line-height: 24px;} .home-bottom-box .txt-content .txt-box .tab li .en{ font-size: 14px; line-height: 14px; margin-top: 14px;} .home-bottom-box .txt-content .txt-box .cont{ font-size: 13px; line-height: 24px; margin-top: 32px;} .home-bottom-box .txt-content .txt-box .btn-box{ margin-top: 10px;} .home-bottom-box .txt-content .txt-box .btn-box a{ width: 196px; height: 44px; line-height: 44px; font-size: 14px; padding-right: 35px;} .home-bottom-box .txt-content .txt-box .btn-box a:before{ right: 52px;} .new-news-wrapper{padding-bottom:80px;} .new-news-wrapper .news-list{padding-top:65px;} .new-news-wrapper .news-list li{width:470px;margin-right:40px;margin-bottom:40px;} .new-news-wrapper .news-list li .img-cont{height:230px;} .new-news-wrapper .news-list li .text-cont{padding:20px 15px;} .new-news-wrapper .news-list li .text-cont .t-left{width:80px;} .new-news-wrapper .news-list li .text-cont .t-right{width:360px;} .new-news-wrapper .news-list li .text-cont .t-date{font-size:16px;} .new-news-wrapper .news-list li .text-cont .t-arrow{width:20px;height:11px;margin-top:20px;margin-left:20px;} .new-news-wrapper .news-list li .text-cont .t-title{font-size:14px;font-weight:bold;;} .new-news-wrapper .news-list li .text-cont .t-text{font-size:12px;margin-top:10px;} .new-news-wrapper .news-detail{width:100%;padding-top:65px;} .new-news-wrapper .news-detail .d-title{font-size:18px;} .new-news-wrapper .news-detail .d-date{font-size:20px;} .new-news-wrapper .news-detail .d-remark{font-size:14px;} .new-news-wrapper .news-detail .d-main{margin-top:30px;} .new-news-wrapper .news-detail .d-main p{font-size:14px;} .employ-wrapper .e-search{padding-left:20px;} .employ-wrapper .e-search .btn-cont{width:160px;height:50px;} .employ-wrapper .e-search .select-cont{width:150px;margin-top:8px; font-size: 14px;} .employ-wrapper .e-search .select-cont .text{padding-left:25px;} .employ-wrapper .e-search .input-cont{width:188px;font-size:14px;margin-top:8px;} .employ-wrapper .e-search.has-city .select-cont{ width: 130px; } .employ-wrapper .e-search.has-city .input-cont{ width: 138px; } .employ-wrapper .e-list .e-item1{width:240px;} .employ-wrapper .e-list .top{ height: 60px; line-height: 60px; font-size: 14px;} .employ-wrapper .e-list .top .e-item1{text-indent:50px;} .employ-wrapper .e-list .e-item2{width:120px;text-align:center;} .employ-wrapper .e-list .item .i-text{height:65px;line-height:65px;font-size:14px;} .employ-wrapper .e-list .item .i-text .e-item1{font-size:16px;text-indent:35px;} .employ-wrapper .e-list .item .i-text .e-item2.e-btn{height:65px;cursor:pointer;} .employ-wrapper .e-list .item .i-detail{padding:20px;} .employ-wrapper .e-list .item .detail-item .d-title{font-size:14px;} .employ-wrapper .e-list .item .detail-item p{font-size:12px;line-height:25px;} .employ-wrapper .e-list .item .toEmail{ margin-top: 15px; } .new-about-wrapper .hotel-item .hotel-text{top:15%;width:65%;} .new-about-wrapper .hotel-item .hotel-text .title-cn{font-size:22px;} .new-about-wrapper .hotel-item .hotel-text .title-en{font-size:14px;} .new-about-wrapper .design-main{top:16%;} .new-about-wrapper .company-idea .idea-list{top:32%;left:25%;} .new-about-wrapper .company-idea .idea-title{height:100%;background-size:auto 100%;left:10%;} .new-about-wrapper .company-idea .idea-list li{width:200px; margin-right: 20px;} .new-about-wrapper .company-idea .idea-list li .l-icon{ width: 50px; height: 50px; background-size: cover; } .new-about-wrapper .company-idea .idea-list li .title-cn{ font-size: 18px; } .new-about-wrapper .company-idea .idea-list li .title-en,.new-about-wrapper .company-idea .idea-list li p{ font-size: 14px; } .new-about-wrapper .hotel-honor .honor-main{top:8%; width: 230px;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item{ margin-right: 30px; margin-left: 10px; } .new-about-wrapper .history-main{top:12%;} .new-about-wrapper .intr-text{ top: 12%; } .new-about-wrapper .hotel-item .hotel-text p{ font-size: 14px; line-height: 25px; margin-top: 20px; } .new-about-wrapper .intr-text .title-cn,.new-about-wrapper .design-main .title-cn,.new-about-wrapper .hotel-history .title-cn,.new-about-wrapper .hotel-style .title-cn{ font-size: 26px; } .new-about-wrapper .intr-text .title-en,.new-about-wrapper .design-main .title-en,.new-about-wrapper .hotel-history .title-en,.new-about-wrapper .hotel-style .title-en{ font-size: 16px; margin-top: 15px; } .new-about-wrapper .intr-text .border,.new-about-wrapper .design-main .border,.new-about-wrapper .hotel-history .border,.new-about-wrapper .hotel-style .border{ margin-top: 20px; } .new-about-wrapper .intr-text .i-text{ font-size: 14px; margin-top: 20px; line-height: 28px; } .new-about-wrapper .hotel-history .history-list .swiper-slide .tit{ font-size: 22px; } .new-about-wrapper .hotel-history .history-list .swiper-slide p{ font-size: 14px; line-height: 26px; } .new-about-wrapper .design-main .design-list{ font-size: 18px; margin-top: 20px;} .new-about-wrapper .design-main .detail-list{ width: 60%; } .new-about-wrapper .design-main .detail-list p{ font-size: 14px; line-height: 25px; } .new-about-wrapper .hotel-design .left-icon{ width: 180px; height: 170px; background-size: 100%; } .new-about-wrapper .hotel-design .right-icon{ width: 140px; height: 195px; background-size: 100%; } .new-about-wrapper .design-main .design-icon{ width: 180px; background-size: 100% auto; background-repeat: no-repeat; margin-top: 20px;} .new-about-wrapper .hotel-honor .honor-icon{ width: 40px; background-size: 100% auto; left: 28%;} .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-cn{ font-size: 16px; } .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-en{ font-size: 12px; } .new-about-wrapper .hotel-honor .honor-main .tab-list .tab-item{ width: 30px; height: 2px; } .new-about-wrapper .hotel-honor .honor-main .honor-list{ font-size: 12px; margin-top: 20px; line-height: 25px; } .new-about-wrapper .hotel-honor .honor-main .tab-list{ margin-top: 10px; } .new-style-wrapper .s-list .text-cont{width:220px; float: none;} .new-style-wrapper .s-list .text-cont .s-time{font-size:18px;} .new-style-wrapper .s-list .text-cont .s-title{font-size:16px;} .new-style-wrapper .s-list .s-item{padding-bottom:40px;} .new-style-wrapper .s-list .img-cont{width:840px; margin-top: 20px; margin-left: 15px; float: none;} .new-style-wrapper .s-list .img-cont .img-item{width:185px;} .new-style-wrapper .s-list .more-text{font-size:16px; margin-top: 0;} .hotel-join-wrapper .brand-list ul li{ background-size: 20%; } .hotel-join-wrapper .brand-info .info-text{ font-size: 16px; } .hotel-join-wrapper .brand-condition .title-cn{ font-size: 24px; } .hotel-join-wrapper .brand-condition .title-en{ font-size: 14px; margin-top: 10px; } .hotel-join-wrapper .brand-condition .border{ margin-top: 30px; } .hotel-join-wrapper .brand-condition .con-list ul li .c-title{ font-size: 18px; } .hotel-join-wrapper .brand-condition .con-list ul li .c-border{ margin-top: 10px; } .hotel-join-wrapper .brand-condition .con-list ul li p{ font-size: 20px; } .hotel-join-wrapper .brand-condition .con-list ul li .c-icon{ background-size: 15% auto; } .hotel-join-wrapper .business-terms .terms-main{ padding: 30px 0; } .hotel-join-wrapper .business-terms .terms-top .t-left .title-cn{font-size:18px;} .hotel-join-wrapper .business-terms .terms-top .t-left .title-en{font-size:14px;margin-top:10px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-text{font-size:14px; margin-top: 0;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-icon{background-size:auto 65%;} .hotel-join-wrapper .business-terms .terms-top .t-right{ margin-top: 0; } .hotel-join-wrapper .business-terms .terms-top .t-right .level-item{ padding-bottom: 10px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-cn{ font-size: 16px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-en{ font-size: 12px; margin-top: 5px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list{ width: 80%; margin: 0 auto; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont p{ font-size: 12px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont{ bottom: 20px; } .hotel-join-wrapper .join-reward .reward-main,.hotel-join-wrapper .join-case .case-main{ padding-top: 40px; } .hotel-join-wrapper .join-reward .reward-main .title-cn,.hotel-join-wrapper .join-case .case-main .title-cn{ font-size: 24px; } .hotel-join-wrapper .join-reward .reward-main .title-en,.hotel-join-wrapper .join-case .case-main .title-en{ font-size: 14px; margin-top: 10px; } .hotel-join-wrapper .join-reward .reward-main .border,.hotel-join-wrapper .join-case .case-main .border{ margin-top: 30px; } .hotel-join-wrapper .join-reward .reward-main .reward-list{ font-size: 18px; } .hotel-join-wrapper .join-reward .reward-main .reward-list span{ font-size: 24px; } .hotel-join-wrapper .join-case .case-main{ padding-top: 40px; } .hotel-join-wrapper .join-case .case-main .case-list{ margin-top: 40px; } .hotel-join-wrapper .join-case .case-main .down-btn{ width: 200px; height: 45px; line-height: 45px; background-position: 160px center; font-size: 16px; margin-top: 30px;} .new-brand-wrapper .brand-info .brand-logo{ width: 300px; top: 50px; } .new-brand-wrapper .core-values .core-item .core-text .title-cn{ font-size: 26px; } .new-brand-wrapper .core-values .core-item .core-text .title-en{ font-size: 16px; margin-top: 10px;} .new-brand-wrapper .core-values .core-item .core-text p{ font-size: 14px; line-height: 28px; } .new-brand-wrapper .brand-hotel .hotel-name .title-cn{ font-size: 22px; } .new-brand-wrapper .brand-hotel .hotel-name .title-en{ font-size: 16px; } .new-brand-wrapper .brand-hotel .hotel-name{ left: 12%; } .new-brand-wrapper .brand-hotel .hotel-select{ width: 200px; height: 40px; line-height: 40px; bottom: 100px;} .new-brand-wrapper .brand-hotel .hotel-select .h-arrow{ top: 4px; } .new-brand-wrapper .brand-hotel .hotel-list{ bottom: 140px; font-size: 16px; width: 300px; line-height: 34px; } .new-brand-wrapper .brand-hotel .hotel-list .list-top{ height: 50px; line-height: 50px; } .new-about-wrapper .hotel-style ul li .text-cont{ font-size: 14px; } .new-about-pop .p-main{ width: 800px; margin-left: -400px; height: 512px; margin-top: -256px; } .new-brand-pop .p-main{ width: 800px; margin-left: -400px; height: 512px; margin-top: -256px; } .new-about-wrapper .hotel-history .history-list .time-line ul li{ padding-bottom: 30px; } .new-about-wrapper .hotel-history .history-list{ padding-top: 30px; } .new-about-wrapper .hotel-history .history-list .time-line ul li:before{ height: 5px; } .new-about-wrapper .hotel-history .history-list .history-swiper{ margin-top: 50px; } .new-brand-wrapper .brand-hotel .hotel-list .list-main{ max-height: 350px; } .new-brand-wrapper .brand-hotel .hotel-name .look-pic-btn{ margin-top: 300px; } .contact-wrapper .contact-item .contact-list .c-item .i-phone,.contact-wrapper .contact-item .contact-list .c-item .i-email{ font-size: 14px; } .works-list-main{padding-top:60px;} .works-list-main .cn_title{font-size:24px;} .works-list-main .en_title{font-size:16px;margin-top:10px;} .works-list-main .border{margin:30px auto;width:60px;margin-top:20px;} .works-list-main .works-list ul li .text-cont{height:55px;line-height:55px;font-size:16px;} .works-list-pop .p-main{width:780px;height:530px;margin-top:-265px;margin-left:-390px;} .works-list-pop .p-main .text-cont .t_title{font-size:16px;} .works-list-pop .p-main .text-cont .t_left{ line-height: 30px; } .works-list-pop .p-main .text-cont .t_border{height:90px;margin-left:40px;} .works-list-pop .p-main .text-cont .t_right{width:500px;} .works-list-pop .p-main .text-cont{} .new-design-intro .intro-main .intro-swiper .img-cont{ width: 500px; } .new-design-intro .intro-main .intro-swiper .text-cont{ width: 470px; padding: 50px 30px;} .new-design-intro .intro-main .intro-swiper .text-cont .cn_title{ font-size: 22px; } .new-design-intro .intro-main .intro-swiper .text-cont .en_title{ font-size: 18px; } .new-design-honor .honor-main .honor-swiper{ width: 880px; } .new-design-honor .honor-main{ padding-top: 40px; } .new-design-honor .honor-main .cn_title{ font-size: 22px; } .new-design-honor .honor-main .en_title{ font-size: 16px; margin-top: 10px; } .new-design-honor .honor-main .h_border{ margin: 20px auto; } .new-design-honor .honor-main .honor-swiper span{ font-size: 14px; line-height: 28px; } .works-list-main .works-list ul li .img-cont{ height: 190px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info{ font-size: 14px; line-height: 18px; } .new-about-wrapper .hotel-leader .leader-title{ font-size: 24px; padding-bottom: 10px; } .new-about-wrapper .hotel-leader .leader-title:after{ width: 60px; margin-left: -30px; } .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-name{ font-size: 18px; } .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-text{ font-size: 14px; line-height: 1.5; } .new-design-intro .intro-main .intro-swiper .text-cont p{ font-size: 14px; line-height: 28px; margin-top: 20px; } .new-design-intro .intro-main .new-cotanct .n-title{ font-size: 16px; } .new-design-intro .intro-main .intro-swiper .text-cont .new-cotanct p{margin-top: 10px;} .new-design-intro .intro-main .new-cotanct{ margin-top: 15%; } .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .honor-swiper{ height: 280px;} } @media (min-width: 1281px) and (max-width: 1440px){ .edit-container{ width: 88vw;} .new-home-banner{ height: 620px;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .honor-swiper{ height: 320px;} .new-about-wrapper .hotel-honor .honor-main{top:10%;width: 300px;} } @media (min-width: 1441px) and (max-width: 1680px){ .edit-container{ width: 88vw;} .new-home-banner{ height: 720px;} .new-about-wrapper .hotel-honor .honor-main .honor-list .l-item .honor-swiper{ height: 405px;} .new-about-wrapper .hotel-honor .honor-main{top:10%;width: 320px;} } @media (min-width: 1280px) and (max-width: 1600px){ .bodymain{ padding-top: 76px;} .edit-container{ width: 88vw;} .page-culturalTourism { .artcenter-container{height:430px;} .hotel-box { .activity-box { .activity-detail { .img-box{height: 280px;} } } } } .new-header{ height: 76px;} .new-header .logo{ margin-top: 18px;} .new-header .logo img{height: 40px;} .new-header .nav{ margin-left: 30px;} .new-header .nav li{font-size: 16px; margin-right: 10px;} .new-header .nav ul li a{ padding: 0 16px;} .new-header .header-right .icon-language{ margin-left: 16px;} .new-header .header-right .header-phone{ font-size: 14px; margin: 17px 20px 0 0;} .new-header .nav-book-wrapper{ padding: 10px 0; } .new-header .book-btn{ font-size: 14px; width: 140px; height: 35px;line-height: 35px; margin-left: 0px;} .new-header .nav-book-wrapper .binput-wrap{ width: 840px; margin-left: 140px; } .new-header .nav-book-wrapper .item.home-destination{ width: 220px; } .new-header .nav-book-wrapper .item.home-startDate{ width: 165px; } .new-header .nav-book-wrapper .item.home-endDate{ width: 200px; } .new-header .nav-book-wrapper .bmore-btn{ font-size: 16px; margin-top: 14px; } .new-header .nav-book-wrapper .item.home-searchBtn{ width: 220px; line-height: 50px;} .new-header .nav-book-wrapper .item,.new-header .nav-book-wrapper .item .input-text{ height: 50px; line-height: 50px; } .new-header .nav-book-wrapper .active .item.home-destination{ width: 300px; } .new-header .nav-book-wrapper .active .item.home-startDate{ width: 228px; } .new-header .nav-book-wrapper .active .item.home-endDate{ width: 310px; } .new-header .nav-book-wrapper .active .home-number{ line-height: 50px; } .new-header .nav-book-wrapper .active .home-protocolCode{ width: 316px; } .new-home-banner .edit-container{ margin-left: -540px;} .new-home-banner .home-banner-floating-txt-box{ top: 190px;} .new-home-banner .home-banner-floating-txt-box .cn{ font-size: 40px; line-height: 40px;} .new-home-banner .home-banner-floating-txt-box .en{ font-size: 24px; line-height: 24px; margin-top: 24px;} .new-home-banner .swiper-pagination{ top: 65%; left: 0;} .new-home-banner .swiper-pagination-bullet{ width: 40px;} .new-home-banner .home-banner-bottom-text{ width: 291px; background-size: 100% auto; bottom: 30px; font-size:12px;} .home-brand .home-banner-bottom-text{ width: 291px; background-size: 100% auto; bottom: 30px; font-size:12px;} .new-home-search{ width: 1080px; margin-left: -540px; bottom: 90px;} .new-home-search .item{ width: 176px; height: 60px; } .new-home-search.active .home-number{ width: 400px; } .new-home-search.active .home-number .h-text{ margin-left: 20px; margin-right:0; } .new-home-search.active .home-protocolCode{ width: 325px; } .new-home-search .item .input-text{ height: 60px; line-height: 60px; font-size: 13px;} .new-home-search .item.home-destination{ width: 200px;} .new-home-search .item.home-startDate .input-text{ padding-left: 46px;} .new-home-search .item.home-searchBtn{ width: 274px; font-size: 14px; height: 60px; line-height: 60px;} .new-home-search .item.home-destination .cityCont{ top: 60px;} .friendly-link-logo{ padding: 10px 0;} .friendly-link-logo img{ height: 42px;} .friendly-link-logo ul li img{ height: 38px; } .friendly-link-logo .wanda-logo img{ height: 42px; } .friendly-link-logo .wanda-logo{ padding: 10px 40px 10px 0; margin-left: 70px;} .friendly-link-logo .club-logo{ padding: 10px 0 10px 40px; margin-right: 70px;} .friendly-link-logo .club-logo img{ height: 30px;} .friendly-link-logo ul{ padding-left: 15px; } .friendly-link-logo ul li{ margin: 0 16px;} .footer-left{ width: 380px; } .footer-left .fl-item .big{ font-size: 14px; } .footer-middle{ padding: 0; width: 640px;} .member-hotline img{ height: 19px;} .footer-middle .qr-code-box .item{ margin: 0 45px;} .footer-middle .qr-code-box .item .type{ height: 75px;} .footer-middle .qr-code-box .item .type span{ font-size: 12px; line-height: 12px; padding: 0; margin-top: -30px;} .footer-middle .qr-code-box .item .pic{ width: 75px; height: 75px;} .footer-middle .links{ margin-top: 28px; font-size: 12px; line-height: 12px;} .footer-middle .links span{ margin: 0 15px; } .footer-middle .member-hotline{ font-size: 16px;} .new-footer .copyright{ font-size: 12px; line-height: 12px; padding: 18px 0 22px 0;} .home-discount{ padding: 50px 0;} .home-discount-container{margin: 0 -128px;} .home-discount-box{ width: 650px; padding-top: 120px;} .home-discount-box .img-cont{ width: 180px; } .home-discount-box .title-box .cn{ font-size: 24px;} .home-discount-box .title-box:before{ width: 68px; margin-left: -34px; bottom: -42px;} .home-discount-box .cont{ margin-top: 72px; font-size: 14px; line-height: 30px;} .home-discount-box .btn-box{ margin-top: 52px;} .home-discount-box .btn-box a{ width: 196px; height: 44px; line-height: 44px; font-size: 14px; padding-right: 35px;} .home-discount-box .btn-box a:before{ right: 52px;} .home-brand{ background-size: 208px auto; background-position: 10px 0;} .home-brand .icon-snowflake{ width: 84px; height: 78px; background-size: 84px 78px; margin-left: -42px; bottom: -39px;} .home-brand .txt-content .txt-box{ margin-right: -56px;} .home-brand .txt-content .txt-box .icon{ width: 165px; height: 120px; background-size: 165px 120px; top: 40px; right: -46px;} .home-brand .txt-content .txt-box .txt.cn{ font-size: 24px; } .home-brand .txt-content .txt-box .txt.en{ font-size: 14px; min-width: 65px;} .home-brand .txt-content .txt-box .bot-logo{ right: 42px;} .home-brand .txt-content .txt-box .bot-logo img{ display: block; width: 48px;} .home-brand-focus{ padding-left: 56px;} .home-brand-focus .swiper-pagination{ padding-right: 208px;} .home-brand-focus .swiper-pagination-bullet{ width: 40px;} .home-bottom-box .txt-content{ height: auto;} .home-bottom-box .txt-content .txt-box{ width: 408px; } .home-bottom-box .txt-content .txt-box .tab li .cn{ font-size: 24px; line-height: 24px;} .home-bottom-box .txt-content .txt-box .tab li .en{ font-size: 14px; line-height: 14px; margin-top: 14px;} .home-bottom-box .txt-content .txt-box .cont{ font-size: 13px; line-height: 28px; margin-top: 32px;} .home-bottom-box .txt-content .txt-box .btn-box{ margin-top: 25px;} .home-bottom-box .txt-content .txt-box .btn-box a{ width: 196px; height: 44px; line-height: 44px; font-size: 14px; padding-right: 35px;} .home-bottom-box .txt-content .txt-box .btn-box a:before{ right: 52px;} .new-news-wrapper{padding-bottom:80px;} .new-news-wrapper .news-list{padding-top:65px;} .new-news-wrapper .news-list li{width:520px;margin-right:40px;margin-bottom:40px;} .new-news-wrapper .news-list li .img-cont{height:258px;} .new-news-wrapper .news-list li .text-cont{padding:25px 20px;} .new-news-wrapper .news-list li .text-cont .t-left{width:80px;} .new-news-wrapper .news-list li .text-cont .t-right{width:400px;} .new-news-wrapper .news-list li .text-cont .t-date{font-size:20px;} .new-news-wrapper .news-list li .text-cont .t-arrow{width:20px;height:11px;margin-top:20px;margin-left:25px;} .new-news-wrapper .news-list li .text-cont .t-title{font-size:16px;font-weight:bold;;} .new-news-wrapper .news-list li .text-cont .t-text{font-size:14px;margin-top:10px;} .new-news-wrapper .news-detail{width:100%;padding-top:65px;} .new-news-wrapper .news-detail .d-title{font-size:18px;} .new-news-wrapper .news-detail .d-date{font-size:20px;} .new-news-wrapper .news-detail .d-remark{font-size:14px;} .new-news-wrapper .news-detail .d-main{margin-top:30px;} .new-news-wrapper .news-detail .d-main p{font-size:14px;} .employ-wrapper .e-search{padding-left:20px;} .employ-wrapper .e-search .btn-cont{width:200px;height:50px;} .employ-wrapper .e-search .select-cont{width:160px;margin-top:8px; font-size: 14px;} .employ-wrapper .e-search .select-cont .text{padding-left:25px;} .employ-wrapper .e-search .input-cont{width:218px;font-size:14px;margin-top:8px;} .employ-wrapper .e-search.has-city .select-cont{ width: 140px; } .employ-wrapper .e-search.has-city .input-cont{ width: 158px; } .employ-wrapper .e-list .e-item1{width:250px;} .employ-wrapper .e-list .top{ height: 65px; line-height: 65px; font-size: 14px;} .employ-wrapper .e-list .top .e-item1{text-indent:55px;} .employ-wrapper .e-list .e-item2{width:135px;text-align:center;} .employ-wrapper .e-list .e-item2:nth-of-type(3){ width: 165px; } .employ-wrapper .e-list .e-item2:nth-of-type(4){ width: 105px; } .employ-wrapper .e-list .item .i-text{height:65px;line-height:65px;font-size:16px;} .employ-wrapper .e-list .item .i-text .e-item1{font-size:18px;text-indent:35px;} .employ-wrapper .e-list .item .i-text .e-item2.e-btn{height:65px;cursor:pointer;} .employ-wrapper .e-list .item .i-detail{padding:20px 30px;} .employ-wrapper .e-list .item .detail-item .d-title{font-size:14px;} .employ-wrapper .e-list .item .detail-item p{font-size:14px;line-height:28px;} .new-about-wrapper .hotel-item .hotel-text{top:15%;width:65%;} .new-about-wrapper .hotel-item .hotel-text .title-cn{font-size:26px;} .new-about-wrapper .hotel-item .hotel-text .title-en{font-size:16px;} .new-about-wrapper .design-main{top:14%;} .new-about-wrapper .design-main .design-icon{ width: 260px; height: 250px; background-size: 100% auto; background-repeat: no-repeat; margin-top: 40px;} .new-about-wrapper .company-idea .idea-list{top:32%;left:25%;} .new-about-wrapper .company-idea .idea-title{height:100%;background-size:auto 100%;left:10%;} .new-about-wrapper .company-idea .idea-list li{width:280px;} .new-about-wrapper .history-main{top:10%;} .new-about-wrapper .intr-text{ top: 90px; } .new-about-wrapper .intr-text .border{ margin-top: 30px; } .new-about-wrapper .intr-text .i-text{ line-height: 30px; } .new-about-wrapper .hotel-history .history-list .time-line{ font-size: 14px; } .new-about-wrapper .hotel-history .history-list .time-line ul li{ font-size: 14px;} .new-about-wrapper .hotel-history .history-list .time-line ul li.active p{ font-size: 14px; transform: scale(1.4); } .new-about-wrapper .hotel-history .history-list .time-line ul li:before{ height: 3px; bottom: -2px; } .new-about-wrapper .hotel-history .history-list .time-line ul li.active:after{ width: 3px; } .new-about-wrapper .hotel-history .history-list .swiper-slide p{ font-size: 18px; line-height: 32px; } .new-style-wrapper .s-list .text-cont{width:220px;} .new-style-wrapper .s-list .text-cont .s-time{font-size:18px;} .new-style-wrapper .s-list .text-cont .s-title{font-size:16px;} .new-style-wrapper .s-list .s-item{padding-bottom:40px;} .new-style-wrapper .s-list .img-cont{width:840px;} .new-style-wrapper .s-list .img-cont .img-item{width:185px;} .new-style-wrapper .s-list .more-text{font-size:18px;} .hotel-join-wrapper .brand-condition .title-cn{font-size:28px;} .hotel-join-wrapper .brand-condition .con-list ul li .c-title{font-size:22px;} .hotel-join-wrapper .business-terms .terms-main{padding:30px 0;} .hotel-join-wrapper .business-terms .terms-top .t-left .title-cn{font-size:24px;} .hotel-join-wrapper .business-terms .terms-top .t-left .title-en{font-size:16px;margin-top:10px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-text{font-size:16px;} .hotel-join-wrapper .business-terms .terms-top .t-right .level-item .l-icon{background-size:auto 75%;} .hotel-join-wrapper .business-terms .terms-top .t-right{ margin-top: 0; } .hotel-join-wrapper .business-terms .terms-top .t-right .level-item{ padding-bottom: 10px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-cn{ font-size: 20px; } .hotel-join-wrapper .business-terms .terms-bottom .terms-list .terms-item .text-cont .title-en{ font-size: 16px; } .hotel-join-wrapper .join-reward .reward-main{ padding-top: 80px; } .hotel-join-wrapper .join-reward .reward-main .reward-list{ font-size: 22px; } .hotel-join-wrapper .join-reward .reward-main .reward-list span{ font-size: 26px; } .hotel-join-wrapper .join-case .case-main .case-list{ margin-top: 40px; } .hotel-join-wrapper .join-case .case-main .down-btn{ width: 200px; height: 45px; line-height: 45px; background-position: 160px center; font-size: 16px;} .new-brand-wrapper .brand-info .brand-logo{ top: 50px; } .new-about-pop .p-main{ width: 900px; margin-left: -450px; height: 575px; margin-top: -287px; } .new-brand-pop .p-main{ width: 900px; margin-left: -450px; height: 575px; margin-top: -287px; } .new-about-wrapper .hotel-design .right-icon{ width: 200px; background-size: 100% auto; height: 275px; } .new-about-wrapper .hotel-design .left-icon{ width: 280px;background-size: 100% auto; height: 260px;} .new-brand-wrapper .brand-hotel .hotel-list .list-main{ max-height: 450px; } .new-brand-wrapper .hotel-map .map-text{ top: 15%; width: 72%; } .contact-wrapper .contact-item .contact-list .c-item .i-phone,.contact-wrapper .contact-item .contact-list .c-item .i-email{ font-size: 16px; } .new-design-intro .intro-main .intro-swiper .img-cont{ width: 600px; } .new-design-intro .intro-main .intro-swiper .text-cont{ width: 480px; padding: 80px 50px; } .works-list-main .works-list ul li .img-cont{ height: 215px; } .new-design-honor .honor-main .honor-list-wrapper .swiper-slide .honor-info{ font-size: 14px; line-height: 22px; } .new-brand-wrapper .hotel-map .map-tab .tab-item{ font-size: 24px; } .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-cn{ font-size: 20px; } .new-about-wrapper .hotel-honor .honor-main .honor-top .t-item .title-en{ font-size: 14px; } .new-about-wrapper .hotel-honor .honor-main .honor-list{ font-size: 14px; } .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-name{ font-size: 22px; } .new-about-wrapper .hotel-leader .l-swiper .text-cont .t-text{ font-size: 16px; line-height: 1.8; } .new-design-intro .intro-main .intro-swiper .text-cont p{ font-size: 16px; line-height: 28px; margin-top: 20px; } .new-design-intro .intro-main .new-cotanct .n-title{ font-size: 18px; } .new-design-intro .intro-main .intro-swiper .text-cont .new-cotanct p{margin-top: 10px;} .hotel-works-wrapper .brand-list .edit-container{ width: 800px;} }