.component-title{text-align:center;width:100%}.component-title .component-title-name{display:inline-block;font-weight:700;font-size:30px;color:#222;letter-spacing:-.71px;padding:0 19px;vertical-align:middle}.component-title .component-title-dot0{display:inline-block;background:#FBE134;width:6px;height:6px;border-radius:3px;margin:0 10px;vertical-align:middle}.component-title .component-title-dot1{display:inline-block;background:#FBE134;width:12px;height:12px;border-radius:6px;vertical-align:middle}.component-subtitle .component-subtitle-name{display:inline-block;font-weight:700;font-size:18px;padding-left:8px;color:#222;vertical-align:middle}.component-subtitle .component-subtitle-dot{display:inline-block;background:#FBE134;width:10px;height:10px;border-radius:5px;vertical-align:middle}.component-tabtitle{flex-direction:row;flex-wrap:wrap;display:flex}.component-tabtitle .component-tabtitle-item{padding:0 20px;cursor:pointer;position:relative}.component-tabtitle .component-tabtitle-item .component-tabtitle-name{display:inline-block;font-size:16px;color:#222;vertical-align:middle}.component-tabtitle .component-tabtitle-item div{background:#FBE134;border-radius:4px 4px 0 0;width:60px;height:4px;position:absolute;left:50%;margin-left:-30px;bottom:-10px}.component-tabtitle-border{height:10px;width:100%;border-bottom:1px solid #f5f5f5}.component-select{width:100%;position:relative}.component-select .component-select-label{cursor:pointer;position:absolute;left:0;top:0;padding-left:60px;font-weight:700;font-size:18px;color:#404040;letter-spacing:0;text-align:left;height:64px;line-height:64px}.component-select .component-select-label img{position:absolute;left:20px;top:20px}.component-select .component-select-option{font-size:16px;letter-spacing:0;position:relative;height:64px;padding:0 4px;margin-left:144px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in-out}.component-select .component-select-option:hover{outline:0}.component-select .component-select-option:hover .component-select-option-clearable{display:block}.component-select .component-select-option .component-select-option-placeholder{position:absolute;color:#d9d9d9;left:7px;height:64px;line-height:64px}.component-select .component-select-option .component-select-option-clearable{display:none;position:absolute;right:10px;top:0;background:#fff;color:#808695;height:64px;line-height:64px}.component-select .component-select-option .component-select-option-drop{display:block;position:absolute;right:10px;top:0;color:#808695;transition:all .2s ease-in-out;height:64px;line-height:64px}.component-select .component-select-option .component-select-option-drop-show{transform:rotate(-180deg)}.component-select .component-select-option .component-select-option-item{display:inline-block;color:#222;height:64px;width:90%;line-height:64px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-select .component-select-option .component-select-option-item span{padding-right:10px}.component-select .component-select-option .component-select-option-item-single{padding:0 4px;cursor:pointer;height:64px;line-height:64px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-select .component-select-option-show{outline:0}.component-select .component-select-content{position:absolute;width:99%;opacity:0;margin:5px 0;padding:20px 10px;z-index:-1;overflow:auto;background:#fff;transform:scaleY(0);transform-origin:center top 0;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);border-radius:10px;transition:all .3s ease-in-out}.component-select .component-select-content .component-select-content-items{margin:10px;overflow:hidden}.component-select .component-select-content .component-select-content-items ul{list-style:none}.component-select .component-select-content .component-select-content-items ul li{cursor:pointer;padding:0 12px;margin:0 4px 4px 0;height:30px;display:inline-block;line-height:30px;font-size:14px;color:#4a4a4a;border-radius:15px}.component-select .component-select-content .component-select-content-items ul li:active,.component-select .component-select-content .component-select-content-items ul li:hover{color:#FBE134!important;font-weight:700}.component-select .component-select-content .component-select-content-items-fold{height:100px}.component-select .component-select-content .component-select-content-items-sel{font-weight:700!important;font-size:14px;color:#222!important;background:#FBE134}.component-select .component-select-content .component-select-content-items-more{height:30px;line-height:30px;width:100px;display:inline-block;cursor:pointer;position:absolute;text-align:right;right:29px;top:6px;font-weight:700;font-size:12px;color:#18d3a0}.component-select .component-select-show{opacity:1;z-index:900;transform:scaleY(1)} .home{width:100%} .home .home-banner{width:100%;position:relative;height:640px} .home .home-banner .swiper-slide{overflow:hidden!important}.home .home-banner .home-banner-item{overflow:hidden;height:640px;width:100%;line-height:640px;color:#fff;text-align:center;font-size:40px;font-weight:700;background-repeat:no-repeat;background-position-x:center;background-size:1920px 640px} .home .home-banner:hover .home-banner-preview-back,.home .home-banner:hover .home-banner-preview-next{opacity:1} .home .home-banner .home-banner-preview-back{transition:all .2s ease-in-out;opacity:0;width:60px;height:60px;background:rgba(0,0,0,.65);border-radius:30px;transform:translate3d(40px,-40px,0)} .home .home-banner .home-banner-preview-back span{font-size:20px;height:60px;line-height:60px;color:#fff;text-align:left;width:100%;display:inline-block;padding-left:18px} .home .home-banner .home-banner-preview-next{transition:all .2s ease-in-out;opacity:0;position:absolute;width:60px;height:60px;background:rgba(0,0,0,.65);border-radius:30px;transform:translate3d(-40px,-40px,0)} .home .home-banner .home-banner-preview-next span{font-size:20px;height:60px;line-height:60px;color:#fff;text-align:right;padding-right:18px;width:100%;display:inline-block} .home .home-banner .swiper-pagination{text-align:right;padding-right:20px;padding-bottom:20px} .home .home-banner .swiper-pagination .swiper-pagination-bullet{background:#fff!important;opacity:.5;transition:all .2s ease-in-out} .home .home-banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff!important;width:18px;border-radius:4px;opacity:1} .home .home-banner .home-banner-cover{position:absolute;left:0;right:0;bottom:-10px;z-index:1000} .home .home-search-bar{position:relative;height:100px;margin:-190px auto 0;z-index:1000;width:760px}.home .home-search-bar .home-hots{height:40px;font-size:16px;color:#fff;line-height:22px;font-weight:700}.home .home-search-bar .home-hots span{color:#fff;float:left;margin-right:10px;text-shadow:0 1px 1px rgba(0,0,0,.4)}.home .home-search-bar .home-hots ul{display:inline-block;list-style:none}.home .home-search-bar .home-hots ul li{float:left;padding-right:10px;position:relative;cursor:pointer}.home .home-search-bar .home-hots ul li div{margin-top:0;height:22px;line-height:22px;background:url(../image/tag.png) no-repeat;background-size:50px 22px;opacity:.9;border-radius:2px}.home .home-search-bar .home-hots ul li div p{font-size:14px;font-weight:700;color:#4a4a4a;margin-left:14px;height:100%;border-radius:2px;padding-right:6px;background:#fff}.home .home-search-bar .home-hots ul li div p:hover{color:#000}.home .home-search-bar .home-search-bar-content{height:64px;background:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.2);border-radius:10px;flex-direction:row;flex-wrap:wrap;display:flex}.home .home-search-bar .home-search-bar-content .home-search-lbl{line-height:64px;font-size:18px;color:#3a3936;padding-left:19px}.home .home-search-bar .home-search-bar-content .home-search-split{border-right:1px solid #e8e8e8;height:40px;display:inline-block;position:absolute;right:0;top:10px}.home .home-search-bar .home-search-bar-content input{flex-grow:1;font-size:16px;color:#343434;border:none;outline:none;background:none;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px}.home .home-search-bar .home-search-bar-content input::-moz-placeholder{color:#999}.home .home-search-bar .home-search-bar-content input:-ms-input-placeholder{color:#999}.home .home-search-bar .home-search-bar-content input::placeholder{color:#999}.home .home-search-bar .home-search-bar-content .home-search-submit{background:#FBE134;box-shadow:0 4px 6px 0 rgba(255,197,61,.41);border-radius:5px;width:100px;height:48px;font-size:16px;color:#222;margin-top:8px;margin-right:8px}.home .home-empty{height:50px}.home .home-section{width:100%;overflow:hidden} .home .home-section .home-section-content{margin:0 auto} .home .home-section .home-section-content .home-section-content-title{min-height:160px} .home .home-section .home-section-content .home-section-content-title span{display:inline-block;text-align:center;width:100%;font-size:38px;color:#201f1f;padding-top:50px} .home .home-section .home-section-content .home-section-content-title p{display:inline-block;text-align:center;width:100%;font-size:18px;color:#666;padding-top:20px;padding-bottom:40px} .home .home-section .home-section-content .home-section-content-list{flex-direction:row;flex-wrap:wrap;display:flex;justify-content:space-between;cursor:pointer} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-cover{margin-bottom:34px;transition:all .3s ease-in-out;width:235px;height:338px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-cover .home-section-content-category-cover-img{background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:100%} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-cover:hover{transform:translateY(-5px)} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item{flex-shrink:0;background:#fff;border:1px solid #f5f5f5;height:338px;width:258px;display:block;border-radius:8px;transition:all .3s ease-in-out;overflow:hidden;position:relative} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item:hover .home-section-content-category-reason{opacity:.9} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-img{height:160px;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-title{font-weight:700;font-size:16px;color:#222;overflow:hidden;letter-spacing:0;padding:13px 18px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-tags{padding:4px 18px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-tags span{height:20px;line-height:20px;display:inline-block;font-size:13px;color:#5a5a5a;text-align:center} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-type{padding:6px 18px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-type span{height:18px;line-height:18px;color:#666;font-size:12px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-days{padding:0 18px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-days span{height:18px;line-height:18px;color:#666;font-size:13px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-reason{transition:all .3s ease-in-out;background:#FBE134;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;padding:35px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-reason span{font-size:20px;color:#222;font-weight:700} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-reason div{border-bottom:1px solid #222;height:25px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-reason p{font-size:14px;color:#222;padding-top:20px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-reason label{display:block;text-align:right;font-size:12px;color:#222;position:absolute;right:35px;bottom:60px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-price{position:absolute;bottom:14px;left:18px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-price span{font-weight:700;font-size:18px;color:#f9541c}.home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-price span:after{content:" 起/人";color:#222;font-size:14px}.home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-price1{position:absolute;bottom:14px;left:18px} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-price1 span{font-weight:700;font-size:18px;color:#f9541c} .home .home-section .home-section-content .home-section-content-list .home-section-content-category-item .home-section-content-category-price1 span:after{content:" 元/场";color:#666;font-size:12px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination{height:621px;position:relative} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d{border-radius:6px;position:absolute;background:#fff;overflow:hidden} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d:hover .home-section-content-destination-item-mask{opacity:.9} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-img{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-shadow{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.58));height:77px;position:absolute;left:0;right:0;bottom:0}.home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-shadow .home-section-content-destination-item-title{font-size:28px;color:#fff;line-height:77px;text-align:center;display:inline-block;width:100%;text-shadow:0 2px 1px rgba(0,0,0,.3)}.home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-mask{transition:all .3s ease-in-out;opacity:0;background:#FBE134;position:absolute;left:0;top:0;width:100%;height:100%;padding:50px 0;text-align:center} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-mask .home-section-content-destination-item-mask-title{font-size:28px;font-weight:700;color:#222} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-mask div{border-bottom:1px solid #222;width:50%;margin:0 auto;height:5px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-mask .home-section-content-destination-item-mask-subtitle{font-size:14px;color:#222;padding:6px 15%} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d .home-section-content-destination-item-mask .home-section-content-destination-item-mask-subtitles{font-size:16px;font-weight:700;padding:10px 0;color:#222} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d1{left:0;top:0;width:522px;height:253px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d2{left:538px;top:0;width:522px;height:352px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d3{left:807px;top:0;width:253px;height:352px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d4{left:0;top:269px;width:522px;height:352px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d5{left:269px;top:269px;width:253px;height:352px} .home .home-section .home-section-content .home-section-content-list .home-section-content-destination .d6{left:538px;top:368px;width:522px;height:253px} .home .home-section .home-section-content .home-section-content-list .home-section-content-product-item{background:#fff;border:1px solid #f5f5f5;height:430px;width:342px;border-radius:4px;transition:all .3s ease-in-out;overflow:hidden;position:relative;margin-bottom:20px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item:hover{cursor:pointer;box-shadow:10px 10px 20px rgba(0,0,0,.1)}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-img{height:243px;width:100%;display:block;background:#f8f8f8;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-title{font-weight:700;font-size:18px;color:#222;overflow:hidden;padding:13px 20px;max-height:80px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-tags{padding:0 20px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-tags span{padding:0 6px;background:#f5f5f5;border-radius:2px;height:30px;line-height:30px;display:inline-block;font-size:12px;color:#5a5a5a;text-align:center;margin-right:5.8px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-type{padding:6px 20px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-type span{height:22px;line-height:22px;color:#666;font-size:14px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-days{padding:0 20px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-days span{height:22px;line-height:22px;color:#666;font-size:14px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-price{position:absolute;bottom:14px;right:20px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-price span{font-weight:700;font-size:23px;color:#f9541c}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-item .home-section-content-product-price span:after{content:" 起/人";color:#222;font-size:14px}.home .home-section .home-section-content .home-section-content-list .home-section-content-product-more{margin:0 auto;width:200px;padding-top:20px;padding-bottom:30px}.home .home-section .home-section-content .home-section-content-list .home-section-content-case-item{background:#fff;width:343px;overflow:hidden;position:relative;border-radius:6px;border:1px solid #e8e8e8;height:334px}.home .home-section .home-section-content .home-section-content-list .home-section-content-case-item:hover .home-section-content-case-item-img{transform:scale(1.1)}.home .home-section .home-section-content .home-section-content-list .home-section-content-case-item .home-section-content-case-item-img{width:100%;height:200px;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:all .3s ease-in-out}.home .home-section .home-section-content .home-section-content-list .home-section-content-case-item .home-section-content-case-item-company{font-size:20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color:#222;font-weight:700;width:100%;display:inline-block;padding:15px 30px 0}.home .home-section .home-section-content .home-section-content-list .home-section-content-case-item .home-section-content-case-item-comment{font-size:12px;color:#222;padding:0 30px 0 46px;height:60px;margin-top:-26px;width:343px;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.home .home-section .home-section-content .home-section-content-list .home-section-content-case-item img{margin-left:30px} .home .home-section .home-section-content .home-section-content-list .home-section-content-case-logos{flex-direction:row;flex-wrap:wrap;display:flex;padding:20px 100px;background:#fff} .home .home-section .home-section-content .home-section-content-list .home-section-content-case-logos .home-section-content-case-logo{background:#fff;border:1px solid #e8e8e8;border-radius:2px;height:80px;width:160px;margin-right:20px;margin-bottom:20px;overflow:hidden} .home .home-section .home-section-content .home-section-content-list .home-section-content-case-logos .home-section-content-case-logo img{width:100%;height:100%;-moz-filter:contrast(0);-ms-filter:contrast(0);-o-filter:contrast(0);filter:contrast(0);opacity:.6} .home .home-section .home-section-content .home-section-content-list .home-section-content-case-logos .home-section-content-case-logo img:hover{opacity:1;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none} .home .home-section .home-section-content .home-section-content-more{text-align:center;width:100%;padding:40px 0} .home .home-section .home-section-content .home-section-content-more span{background:#f2f2f2;border-radius:6px;font-size:16px;color:#222;padding:12px 118px;cursor:pointer} .home .home-section .home-section-content .home-video{height:416px;width:100%;margin:40px 0 20px} .home .home-section .home-section-content .home-video .swiper-container{overflow:visible!important} .home .home-section .home-section-content .home-video .swiper-slide{width:979px;height:416px;transition:all .3s ease-in-out;transform:scaleY(.94);overflow:hidden} .home .home-section .home-section-content .home-video .swiper-slide-active{transform:scale(1);z-index:1000;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border-radius:6px}.home .home-section .home-section-content .home-video .swiper-slide-active .home-video-cover-mask{opacity:0}.home .home-section .home-section-content .home-video .swiper-slide-duplicate-active{transform:scale(1);z-index:1000;border-radius:6px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3)}.home .home-section .home-section-content .home-video .swiper-slide-duplicate-active .home-video-cover-mask{opacity:0}.home .home-section .home-section-content .home-video .home-video-cover{width:979px;height:416px;background:#fff;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-video .home-video-cover-mask{transition:all .3s ease-in-out;opacity:1;position:absolute;left:0;top:0;width:979px;height:416px;pointer-events:none;background:hsla(0,0%,100%,.5)}.home .home-section .home-section-content .home-video .home-video-player{width:979px;height:416px;-o-object-fit:cover;object-fit:cover} .home .home-section .home-section-content .home-cases{margin-left:-100px;margin-right:-100px} .home .home-section .home-section-content .home-cases:hover .home-section-content-case-back,.home .home-section .home-section-content .home-cases:hover .home-section-content-case-next{opacity:1} .home .home-section .home-section-content .home-cases .home-section-content-case-back{z-index:1000;transition:all .2s ease-in-out;opacity:0;width:60px;height:60px;background:rgba(0,0,0,.2);border-radius:30px} .home .home-section .home-section-content .home-cases .home-section-content-case-back span{font-size:20px;height:60px;line-height:60px;color:#fff;text-align:left;padding-left:18px;width:100%;display:inline-block} .home .home-section .home-section-content .home-cases .home-section-content-case-next{z-index:1000;transition:all .2s ease-in-out;opacity:0;position:absolute;width:60px;height:60px;background:rgba(0,0,0,.2);border-radius:30px} .home .home-section .home-section-content .home-cases .home-section-content-case-next span{font-size:20px;height:60px;line-height:60px;color:#fff;text-align:right;padding-right:18px;width:100%;display:inline-block} .home .home-section .home-section-content .home-cases .swiper-button-disabled{background:rgba(0,0,0,.1)} .home .home-section .home-section-content .home-order{position:relative} .home .home-section .home-section-content .home-order .home-order-bg{margin-left:-50%;margin-right:-50%;margin-top:80px;background:#FBE134;height:242px}.home .home-section .home-section-content .home-order .home-order-img0{position:absolute;left:-160px;bottom:40px;width:117px;height:91px;display:block;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-order .home-order-img1{position:absolute;right:-160px;bottom:40px;width:130px;height:63px;display:block;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-order .home-order-img2{position:absolute;bottom:40px;left:300px;width:336px;height:261px;display:block;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-order .home-order-txt{position:absolute;font-size:22px;line-height:36px;font-weight:700;color:#f5fae4;left:20px;bottom:44px;width:264px}.home .home-section .home-section-content .home-order .home-order-booking{padding-top:20px;background:#fff;box-shadow:0 3px 30px 0 rgba(0,0,0,.1);position:absolute;right:20px;bottom:35px;width:360px;height:263px}.home .home-section .home-section-content .home-order .home-order-booking .home-order-booking-captcha{position:absolute;width:120px;height:40px;right:20px;z-index:1000;top:0}.home .home-section .home-section-content .home-order .home-order-booking .home-order-booking-submit{margin-top:22px}.home .home-section .home-section-content .home-order .home-order-booking .home-order-booking-success{background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px}.home .home-section .home-section-content .home-order .home-order-booking .home-order-booking-success span{font-size:80px;color:#17d3a1;text-align:center;width:264px;display:block;margin:20px auto 0}.home .home-section .home-section-content .home-order .home-order-booking .home-order-booking-success p{font-weight:700;font-size:18px;color:#000;letter-spacing:0;text-align:center;line-height:36px;width:264px;margin:20px auto 0} .home .home-section .home-section-content .home-memory{padding:40px 0;position:relative} .home .home-section .home-section-content .home-memory .home-memory-mask{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;right:0;top:40px;height:554px;z-index:1000;width:100%;pointer-events:none} .home .home-section .home-section-content .home-memory .home-memory-mask .p1{font-size:38px;color:#fff;position:absolute;width:100%;text-align:center;top:75px;font-weight:700} .home .home-section .home-section-content .home-memory .home-memory-mask .p2{font-size:18px;color:#fff;position:absolute;text-align:center;top:152px;width:100%} .home .home-section .home-section-content .home-memory .home-memory-mask .p3{font-size:38px;color:#fff;position:absolute;width:25%;right:1080px;top:277px;font-weight:700;font-family:Bebas} .home .home-section .home-section-content .home-memory .home-memory-mask .p4{font-size:38px;color:#fff;position:absolute;width:25%;right:730px;top:277px;font-weight:700;font-family:Bebas} .home .home-section .home-section-content .home-memory .home-memory-mask .p5{font-size:18px;color:#fff;position:absolute;width:25%;right:1080px;top:363px} .home .home-section .home-section-content .home-memory .home-memory-mask .p6{font-size:18px;color:#fff;position:absolute;width:25%;right:725px;top:363px} .home .home-section .home-section-content .home-memory .home-memory-mask .p7{font-size:38px;color:#fff;position:absolute;width:25%;right:350px;top:277px;font-weight:700;font-family:Bebas} .home .home-section .home-section-content .home-memory .home-memory-mask .p8{font-size:38px;color:#fff;position:absolute;width:25%;right:0px;top:277px;font-weight:700;font-family:Bebas} .home .home-section .home-section-content .home-memory .home-memory-mask .p9{font-size:18px;color:#fff;position:absolute;width:25%;right:355px;top:363px} .home .home-section .home-section-content .home-memory .home-memory-mask .p10{font-size:18px;color:#fff;position:absolute;width:25%;right:0px;top:363px} .home .home-section .home-section-content .home-memory .home-memory-mask span{font-size:16px;color:#FBE134;position:absolute;left:646px;top:98px} .home .home-section .home-section-content .home-memory .swiper-slide div{transition:1s linear 2s;transform:scale(1.1)}.home .home-section .home-section-content .home-memory .swiper-slide-active div,.home .home-section .home-section-content .home-memory .swiper-slide-duplicate-active div{transition:6s linear;transform:scale(1)}.home .home-section .home-section-content .home-coach{padding:40px 0}.home .home-section .home-section-content .home-coach .home-coach-items{flex-direction:row;flex-wrap:nowrap;display:flex}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item{width:250px;height:369px;background:#fff;border-radius:6px;margin-right:20px;overflow:hidden;position:relative}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item:hover .home-coach-item-mask{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item:hover .home-coach-item-mask .home-coach-item-mask-subtitle,.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item:hover .home-coach-item-mask .home-coach-item-mask-subtitles,.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item:hover .home-coach-item-mask .home-coach-item-mask-title,.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item:hover .home-coach-item-mask div{opacity:1}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-img{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-shadow{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.58));height:120px;position:absolute;left:0;right:0;bottom:0;padding:20px 0 30px}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-shadow .home-coach-item-title{font-size:28px;color:#fff;line-height:50px;text-align:center;display:inline-block;width:100%;text-shadow:0 2px 1px rgba(0,0,0,.3)}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-shadow .home-coach-item-subtitles{font-size:18px;color:#fff;text-align:center;width:100%}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-mask{transition:all .3s ease-in-out;position:absolute;left:0;top:0;width:100%;height:100%;padding:70px 0}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-mask .home-coach-item-mask-title{transition:all .3s ease-in-out;opacity:0;font-size:24px;color:#fff;text-align:center}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-mask .home-coach-item-mask-subtitle{transition:all .3s ease-in-out;opacity:0;font-size:14px;color:#fff;padding:20px 30px}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-mask div{transition:all .3s ease-in-out;opacity:0;border-bottom:1px solid #fff;margin:0 30px;padding-top:10px}.home .home-section .home-section-content .home-coach .home-coach-items .home-coach-item .home-coach-item-mask .home-coach-item-mask-subtitles{transition:all .3s ease-in-out;opacity:0;font-size:14px;color:#fff;text-align:center}.home .home-section .home-section-content .home-brand{padding:40px 0}.home .home-section .home-section-content .home-brand .home-brand-items{flex-direction:row;flex-wrap:wrap;display:flex;justify-content:space-between;padding-bottom:0px;padding-top:20px}.home .home-section .home-section-content .home-brand .home-brand-items .home-brand-item{width:33%;height:170px;position:relative}.home .home-section .home-section-content .home-brand .home-brand-items .home-brand-item img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;position:absolute}.home .home-section .home-section-content .home-brand .home-brand-items .home-brand-item span{font-size:20px;color:#222;position:absolute;left:70px;top:0}.home .home-section .home-section-content .home-brand .home-brand-items .home-brand-item p{position:absolute;font-size:14px;color:#666;line-height:26px;left:70px;top:40px;padding-right:50px}.home .home-section .home-section-content .home-brand .home-brand-data{position:relative}.home .home-section .home-section-content .home-brand .home-brand-data .home-brand-data-bg{margin-left:-50%;margin-right:-50%;background:#1f1f1f;height:226px}.home .home-section .home-section-content .home-brand .home-brand-data .home-brand-data-items{position:absolute;flex-direction:row;flex-wrap:wrap;display:flex;top:0;left:0;width:100%;height:226px}.home .home-section .home-section-content .home-brand .home-brand-data .home-brand-data-items .home-brand-data-item{color:#fff;flex:1;text-align:center}.home .home-section .home-section-content .home-brand .home-brand-data .home-brand-data-items .home-brand-data-item span{font-size:44px;color:#fff;font-weight:700;padding-top:60px;display:inline-block}.home .home-section .home-section-content .home-brand .home-brand-data .home-brand-data-items .home-brand-data-item p{font-size:18px;color:#fff;font-weight:700} .home .home-section .home-section-content .home-brand .home-brand-logo .home-cases-logo{width:100%;display:block;background-size:100%;background-position:50%;background-repeat:no-repeat;height:240px;margin-top:50px} .home .home-section .home-section-content .home-process{padding-bottom:100px}.home .home-section .home-section-content .home-process .home-process-items{flex-direction:row;flex-wrap:wrap;display:flex}.home .home-section .home-section-content .home-process .home-process-items .home-process-item{flex:1;position:relative} .home .home-section .home-section-content .home-process .home-process-items .home-process-item img{width:100%;height:130px;-o-object-fit:contain;object-fit:contain;padding-bottom:30px;border-bottom:1px solid #FBE134} .home .home-section .home-section-content .home-process .home-process-items .home-process-item .home-process-item-dot{position:absolute;background:#FBE134;width:13px;height:13px;border-radius:6.5px;left:50%;margin-left:-6.5px;top:123px} .home .home-section .home-section-content .home-process .home-process-items .home-process-item .home-process-item-subtitle{font-size:14px;color:#666;line-height:26px;padding:40px 30px}.home .home-section .home-section-content .home-flow{height:100px;background:#f7f7f7;flex-direction:row;flex-wrap:nowrap;display:flex}.home .home-section .home-section-content .home-flow .home-flow-item{flex:1;position:relative}.home .home-section .home-section-content .home-flow .home-flow-item img{position:absolute;left:20px;top:10px}.home .home-section .home-section-content .home-flow .home-flow-item span{font-size:16px;color:#000;font-weight:700;position:absolute;left:70px;top:10px}.home .home-section .home-section-content .home-flow .home-flow-item p{font-size:13px;color:#666;position:absolute;left:70px;top:40px;right:30px;line-height:21px}.home .home-section .home-section-content .home-flow .home-flow-item div{border-right:1px solid #cecece;position:absolute;top:30px;right:0;height:30px}.home .home-purpose{width:100%;background:#fff;position:relative}.home .home-purpose .home-purpose-img{width:100%;height:615px;background-size:cover;background-position:50%;background-repeat:no-repeat;display:block}.home .home-purpose .home-purpose-cover{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,.37);transition:all .3s ease-in-out;cursor:pointer}.home .home-purpose .home-purpose-cover .home-purpose-cover-title{font-weight:700;font-size:28px;color:#fff}.home .home-purpose .home-purpose-cover .home-purpose-cover-text,.home .home-purpose .home-purpose-cover .home-purpose-cover-title{position:absolute;top:50%;left:50%;width:200px;height:50px;margin-left:-100px;margin-top:-25px;letter-spacing:0;text-align:center;transition:all .3s ease-in-out}.home .home-purpose .home-purpose-cover .home-purpose-cover-text{font-size:16px;color:#3a3936;opacity:0;word-break:break-all}.home .home-purpose .home-purpose-cover .home-purpose-cover-icon{text-align:center;position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:30px;font-size:30px;opacity:0;transition:all .3s ease-in-out}.home .home-purpose .home-purpose-cover:hover{background:rgba(23,211,161,.9)}.home .home-purpose .home-purpose-cover:hover .home-purpose-cover-title{color:#222;margin-top:-70px}.home .home-purpose .home-purpose-cover:hover .home-purpose-cover-icon,.home .home-purpose .home-purpose-cover:hover .home-purpose-cover-text{opacity:1}@media screen and (max-width:768px){.home .home-search-bar{width:768px;display:none}.home .home-section .home-section-content{width:768px}}@media screen and (min-width:768px) and (max-width:1060px){.home .home-search-bar,.home .home-section .home-section-content{width:100%}}@media screen and (min-width:1060px){.home .home-search-bar{width:760px}.home .home-section .home-section-content{width:1060px}} .search-container{position:absolute;bottom:45px;left:50%;margin-left:-320px;width:632px;z-index:5} .search-group{padding:15px;font-weight:10;border-radius:4px} .searchbar{height:46px;overflow:hidden} .search-wrapper{float:left;width:494px} .search-group .search-input{height:46px;overflow:hidden} .search-group .search-input input{border: none;outline: none;width:494px;height:46px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:1px;border-color:#FBE134;padding:0 21px;margin:0;line-height:46px;font-size:16px;color:#666;border-top-left-radius:10px;border-bottom-left-radius:10px;} .search-group .search-input input:hover{width:494px;height:46px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:1px;border-color:#C4C7CE;padding:0 21px;margin:0;line-height:46px;font-size:16px;color:#666;border-top-left-radius:10px;border-bottom-left-radius:10px;} .search-group .search-button{float:left;margin-left:0px;width:105px;height:46px} .search-group .search-button button{width:105px;line-height:46px;height:46px;background-color:#FBE134;border: none;outline: none;border-top-right-radius:10px;border-bottom-right-radius:10px;text-align:center} .search-group .search-button button:hover{background-color:#FBE134} .search-group .icon-search{display:inline-block;margin-top:20px;width:24px;height:24px;background-image:url(../images/header-sprites13.png);background-position:0 -110px!important;overflow:hidden;vertical-align:top} /* 必要布局样式css */ .step-content { padding: 0px 0; box-sizing: border-box; } .step-header h2 { position: relative; font-weight: normal; text-align: center; font-size: 38px; color: #353535; z-index: 50; } .step-header h3 { position: relative; font-weight: normal; text-align: center; font-size: 24px; color: #888; z-index: 50; } .step-layout { width: 1000px; position: relative; margin: 0 auto } .step-layout-list { text-align: center; padding: 10px 0 0; } .step-layout-item { float: left; vertical-align: top; width: 25%; position: relative; } .step-layout-item img { vertical-align: top; display: inline-block; background-color: transparent; } .step-layout-item img:hover { vertical-align: top; display: inline-block; background-color: transparent; transform: scale(1.1); } .step-layout-item h4 { font-size: 24px; margin: 20px 0 5px; font-weight: normal; } .step-layout-item p { font-size: 13px; line-height: 1.6; color: #888; } .step-layout .step-layout-list .step-layout-item:not(:last-child):after { content: ""; position: absolute; top: 30px; right: -10px; display: block; width: 20px; height: 28px; background: url(../images/sapp-store-arror.png) no-repeat; } .col_fourth { width: 23.5%; } .col_fourth{ position: relative; display:inline; display: inline-block; float: left; margin-right: 2%; margin-bottom: 20px; } .end { margin-right: 0 !important; } /* Column Grids End */ .szwrapper { width: 1200px; margin: 30px auto; position: relative;} .counter { padding: 20px 0; border-radius: 5px;margin-top: 220px;} .count-title { font-size: 45px; font-weight: normal;color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center; } .count-title:after { font-size: 45px; font-weight: normal;color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center;content:"+"; } .count-title12 { font-size: 45px; font-weight: normal;color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center; } .count-title12:after { font-size: 45px; font-weight: normal;color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center;content:"万+"; } .count-title13 { font-size: 45px; font-weight: normal;color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center; } .count-title13:after { font-size: 45px; font-weight: normal;color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center;content:"%+"; } .count-text { font-size: 16px; font-weight: normal; color: #fff; margin-top: 30px; margin-bottom: 0; text-align: center; } .fa-2x { margin: 0 auto; float: none; display: table; color: #fff; } .fa-3x { margin: 0 auto; float: none; display: table; color: #fff; } .fa-3x img{ height: 100px;} .fa-3x img:hover { margin: 0 auto; float: none; display: table; height: 105px;} .counter2 { background-color: #f5f5f5; padding: 20px 0; border-radius: 5px;} .count-title2 { font-size: 26px; font-weight: 400;font-family: Arial; color: #000; margin-top: 10px; margin-bottom: 0; text-align: center; } .count-text2 { font-size: 14px; font-weight: normal;font-family: Arial; color: #000; margin-top: 10px; margin-bottom: 0; text-align: center; } .mxds_div { width: 100%; background-color: #fff; padding-top: 10px; padding-bottom: 5px; } .mxds { width: 1240px; margin: 0px auto; overflow: hidden; } .mxds_list { width: 1240px; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; } .mxds_details { width: 285px; height: 100%; position: relative; cursor: pointer; } .mxds_details img { width: 284px;height: 400px; } .mxds_details .mxds_details_name { position: absolute; width: 100%; height: 60px; background-color: #f5f5f5; left: 0; bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; transition: all .6s ease; } .mxds_details .mxds_details_name .mxds_details_name_text { color: #555; font-size: 22px; margin-left: 14px; } .mxds_details .mxds_details_name .mxds_details_name_label { color: #F4D624; font-size: 14px; width: 73px; height: 23px; border: 1px solid #F4D624; border-radius: 5px; text-align: center; line-height: 23px; margin-right: 14px; } .mxds_details .mxds_details_desc { position: absolute; width: 285px; height: 315px; background-color: rgba(0,0,0,0.5); left: 0px;white-space:pre-line; bottom: -320px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; transition: all .6s ease; } .mxds_details .mxds_details_desc .mxds_details_desc_content { padding-left: 28px; padding-right: 24px; padding-top: 10px; } .mxds_details .mxds_details_desc .mxds_details_desc_content .ds_name { font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 10px;margin-top: 30px; } .mxds_details .mxds_details_desc .mxds_details_desc_content p { font-size: 16px; color: #fefeff; line-height: 28px; } .mxds_details:hover .mxds_details_name { bottom: -60px; } .mxds_details:hover .mxds_details_desc { bottom: 0px; } .h_tonglan {width:1240px;background:#FFFFFF;margin:0 auto;} .h_tonglan ul {overflow:hidden;} .h218px {width:1240px;height:400px;margin:0 auto;} .h218px th {padding-top:185px;} .h218px td {overflow:hidden;} #scrollbox ul {overflow:hidden;} #scrollbox ul LI {margin-left: 12px;FLOAT:left;width:285px;height:400px;overflow:hidden;} #scrollbox ul LI img{ width:285px;height:400px;border:0px;} .pointer {CURSOR: pointer} .containervi{width:1200px;margin:0 auto;padding:0;} .index-title{font-size:16px;text-align:center;padding:50px 0;} .index-title h2{font-size:36px;font-family:"Microsoft Yahei";font-weight:400;} .index-title a{width:100px;height:36px;line-height:36px;border:1px solid #DBDCE0;text-align:center;font-size:14px;display:block;margin:25px auto 0;transition:all .2s;} .index-title a:hover{background:#F96A69;color:inherit;border-color:#F96A69;color:#fff;} .video .inner{display:block;cursor:pointer;} .video .inner img{transition:all .4s;} .video .inner:hover img{transform:scale(1.05);} .video .vr-big{float:left;width:766px;height:484px;margin-bottom:20px;position:relative;overflow:hidden;} .video .vr-big .text{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:0 30px 20px 30px;font-size:16px;} .video .vr-big .text h3{font-size:24px;margin-bottom:4px;} .video .vr-big .link{width:130px;height:48px;font-size:16px;line-height:48px;text-align:center;position:absolute;z-index:2;right:30px;bottom:20px;border:1px solid #eee;color:#fff;transition:all .2s;} .video .vr-big .link:hover{background:#F96A69;border-color:#F96A69;color:#fff;} .video .vr-big .play{width:83px;height:83px;background:rgba(0,0,0,.4) url(../images/3f_play_left.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-21px 0 0 -21px;border-radius:50%;cursor:pointer;transition:all .2s;} .video .vr-big .play:hover{background-color:rgba(0,0,0,.6);} .video .vr-right{float:left;width:412px;margin-left:22px;} .video .vr-small{margin-bottom:20px;width:412px;height:232px;position:relative;overflow:hidden;} .video .vr-small .text{position:absolute;left:0;right:0;bottom:0;padding:0 20px 20px 20px;font-size:16px;color:#fff;} .video .vr-small .link{width:30px;height:30px;position:absolute;background:url(../images/3f_icon.png) no-repeat center center;right:20px;bottom:14px;z-index:2;transition:all .2s;} .video .vr-small .link:hover{background-image:url(../images/3f_icon_02.png);} .video .vr-small .play{width:51px;height:51px;background:rgba(0,0,0,.4) url(../images/3f_play_right.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:50%;cursor:pointer;transition:all .2s;} .video .vr-small .play:hover{background-color:rgba(0,0,0,.6);}