@charset "UTF-8";
:root{--purple-color:#209afb;--blue-color: #209afb;--black-color: #2E2D2D;--purple-color: #209afb;--shadow: 0 5px 23px rgba(0, 0, 0, .09);--sm-border-radius: 8px;--mid-border-radius: 15px;--big-border-radius: 26px;--cubic: cubic-bezier(.25, 1.1, .7, .99);--cubic2: cubic-bezier(.47, 0, .6, 1);--font-size: 21px;--swiper-theme-color: #47adff;--swiper-pagination-bullet-width: 13px;--swiper-pagination-bullet-height: 13px;--swiper-pagination-bullet-horizontal-gap: 8px;--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-inactive-color: #fff;}
/* html,body{overflow-x: hidden;}*//* .revamp{overflow-x: hidden;}*//* default*/
*{margin:0;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.revamp ul{list-style:none;}
.revamp a, .revamp img{text-decoration:none;border:none;color: inherit;}
.revamp a:hover{color: unset;}
.revamp img{border:0;vertical-align:top;width:100%;height: auto;}
.revamp img[src=""]{display: none;}
.revamp .unselect{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.revamp html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
.revamp select, .revamp input, .revamp textarea{background: field;}
.revamp .clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.revamp .clearfix{display: inline-block;}
html[xmlns] .revamp .clearfix{display: block;}
* html .revamp .clearfix{height: 1%;}
/*html, body{overflow-x: hidden;max-width: 100vw;}*/
body{height: 100%;position: relative;background: white;overflow-x: hidden;color: var(--black-color);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Helvetica, Arial, "Noto Sans SC", sans-serif!important;}
.dz-remove{display:inline-block !important;width:1.2em;height:1.2em;position:absolute;top:5px;right:5px;z-index:1000;font-size:1.2em !important;line-height:1em;text-align:center;font-weight:bold;border:1px solid gray !important;border-radius:1.2em;color:gray;background-color:white;opacity:.5;}
.dz-remove:hover{text-decoration:none !important;opacity:1;}
.hidden{display: none;}
body.using-mobile #root #main{padding-top: 0;}
.revamp input{box-shadow: none;border:none;outline: none;}
.revamp input:focus{outline: none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.revamp input::placeholder{color:#231815;}
.revamp input[type="search"]::-webkit-search-decoration, .revamp input[type="search"]::-webkit-search-cancel-button, .revamp input[type="search"]::-webkit-search-results-button, .revamp input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;}
.revamp button{box-shadow: none;border:none;outline: none;border-radius: 0;}
a.sns-icon{width: 56px;height: 56px;filter: brightness(1.0);transition: filter 100ms linear;}
a.sns-icon:hover{filter: brightness(1.2);}
a.sns-icon.fb{background: url(../images/sns_fb.png) no-repeat;background-size: contain;}
a.sns-icon.ig{background: url(../images/sns_ig.png) no-repeat;background-size: contain;}
a.sns-icon.youtube{background: url(../images/sns_youtube.png) no-repeat;background-size: contain;}
a.sns-icon.linkedin{background: url(../images/sns_linkedin.png) no-repeat;background-size: contain;}
#root{max-width: 1920px;margin: 0 auto;position: relative;}
.revamp video{clip-path: inset(1px 1px);}
a.btn, button.btn{background-color: transparent;width: auto;}
header{width: 100%;height: 120px;position: fixed;top: 0;z-index: 999;background: #fff;transition: height 300ms var(--cubic);/* max-width: 1920px;*/display:block!important;}
header:after{content: '';width: 100vw;left: 50%;transform: translate3d(-50%, 0, 0);height: 160px;background: #fff;z-index: -1;position: fixed;top: 0;}
header.sticky:after{height: 90px;}
header.sticky:after{box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
header.sticky{height: 90px;}
picture img{object-fit: cover;width: 100%;height: 100%;}
.header-wrapper{position: relative;display: flex;height: 100%;font-size: var(--font-size);font-weight: bold;align-items: center;}
.header-lt{display: flex;align-items: center;}
.header-lt .logo-codecohk{width: 280px;margin: 0 188px 0 0;font-size:28px;/* 添加文字渐变色 */
    background: linear-gradient(to right, #8c54dd, #62dee6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;}
header.sticky .header-lt .logo-codecohk{font-size:28px;}
header .logo-codecohk .logo-video{position: relative;width: 100%;height: 0;padding-bottom: 44%;}
header .logo-codecohk .logo-video video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.header-lt nav > ul{display: flex;grid-gap: 11px 38px;flex-wrap: wrap;}
.header-lt nav > ul > li > a{color: var(--black-color);position: relative;/*transition: color 100ms linear;*/}
.header-lt nav > ul > li > a:after{position: absolute;content: '';width: 100%;height: 3px;border-radius: 50em;background-color: var(--purple-color);bottom: -6px;left: 0;transform-origin: left center;transform: scaleX(0);transition: transform 100ms;}
.header-lt nav > ul > li:hover > a, .header-lt nav > ul > li > a.current{color: var(--purple-color);}
.header-lt nav > ul > li:hover > a:after, .header-lt nav > ul > li > a.current:after{transform: scaleX(1.0);}
.header-lt nav .haveSubLevel > a{position: relative;padding-right: 24px;}
.header-lt nav .haveSubLevel > a:before{content: '';position: absolute;width: 24px;height: 24px;background-color: var(--black-color);clip-path: polygon(50% 57%, 71% 37%, 77% 43%, 50% 70%, 23% 43%, 29% 37%);right: 0;top: 4px;left: auto;bottom: auto;border-radius: 0;}
.header-lt nav .haveSubLevel > a.current:before, .header-lt nav .haveSubLevel:hover > a:before{background-color: var(--purple-color);}
.nav-sub-dropdown{display: none;position: absolute;z-index: 2;border-radius: var(--mid-border-radius);margin-left: -28px;margin-top: 10px;background: #fff;box-shadow: var(--shadow);overflow: hidden;}
.header-lt nav .haveSubLevel{position: relative;}
.header-lt nav .haveSubLevel:hover .nav-sub-dropdown{display: flex;/* flex-wrap: wrap;*/}
.header-lt nav .haveSubLevel:hover:after{position: absolute;z-index: 0;width: calc(100% + 40px);height: 20px;left: -20px;bottom: -20px;background: transparent;content: '';}
/*.header-lt nav .haveSubLevel .nav-sub-dropdown:after{position: absolute;top: -20px;left: 0;content: '';width: 100%;height: 20px;background: transparent;}*/.nav-sub-sub-title{font-size: 22px;padding: 27px 40px;display: block;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;position: relative;color: #fff;}
.nav-sub-sub-title > div{position: relative;z-index: 1;display: flex;text-shadow: 0 0 10px rgb(0 0 0 / 50%);align-items: center;}
.nav-sub-sub-title > div:after{position: relative;width: 30px;height: 30px;background: url(../images/arrow_lt.png) center center no-repeat;background-size: contain;margin-left: 3px;content: '';}
.nav-sub-sub-title[href="javascript:void(0);"] div:after{display: none;}
.nav-sub-sub-title:after{position: absolute;z-index: 0;content: '';background: rgba(106, 106, 106, .4);width: 100%;height: 100%;top: 0;left: 0;}
.nav-sub-sub-section:nth-child(odd){/*padding-right: 120px;*/}
.nav-sub-sub-section{min-width: 220px;}
.nav-sub-sub-section + .nav-sub-sub-section{margin-left: 5px;}
.haveSubLevel .nav-sub-dropdown ul{/*grid-gap: 20px 50px;display: grid;grid-template-columns: auto auto auto;flex: 0 0 auto;*/padding: 32px 40px;font-size: 18px;font-weight: normal;}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate{/*flex: 0 0 calc(33.333% - 40.6px);white-space: nowrap;*/white-space: nowrap;color: var(--black-color)}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate:not(:last-child){margin-bottom: 1em;}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col{/*grid-column: 1 / 3;*/font-weight: bold;padding-right: 30px;}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col a > div{position: relative;color: var(--black-color)}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col a > div:after{content: '';width: 20px;height: 20px;background: url(../images/arrow_lt.png) center center no-repeat;background-size: contain;position: absolute;filter: brightness(0);right: -27px;margin-top: 2px;}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.sub-col{padding-left: 1em;position: relative;}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.sub-col:before{position: absolute;top: .5em;left: 0;content: '';width: 6px;height: 6px;background-color: var(--purple-color);transform: rotate(45deg);}
.haveSubLevel .nav-sub-dropdown .nav-sub-sub-section ul{/*grid-template-columns: auto auto;*/}
.haveSubLevel .sub-cate a{display: flex;}
.haveSubLevel .sub-cate a .icon{width: 47px;height: 47px;background-size: contain;flex: 0 0 47px;margin-right: 8px;margin-left: -8px;}
.haveSubLevel .sub-cate .title{display: flex;flex-direction: column;justify-content: center;color: var(--black-color);}
.haveSubLevel .sub-cate .title{color: var(--black-color);}
.haveSubLevel .sub-cate .icon + .title{padding-bottom: 10px;}
.haveSubLevel .sub-cate a.current .title, .haveSubLevel .sub-cate a:hover .title{color: var(--purple-color);}
.haveSubLevel .sub-cate .description{font-size: .9em;color: #999;font-weight: 400;line-height: 1.2;margin-top: 0;}
.header-rt{display: flex;justify-content: flex-end;align-items: center;grid-gap: 0 20px;margin-left: auto;}
.header-rt .search{position: relative;}
.header-rt .search-btn:not(:focus-within) input.search-input{box-shadow: none;width: 46px;color: #fff;padding: 0;transition: box-shadow 300ms 200ms linear, width 300ms var(--cubic);}
.header-rt .search-btn:not(:focus-within) input.search-input::placeholder{color: #fff;}
.header-rt .search-btn:not(:focus-within) .search-icon-container .search_label{right: 0;}
.header-rt .search-btn:not(:focus-within) .search-submit{z-index: -1;}
.header-rt .search-btn input.search-input{box-shadow: 0 3px 10px rgba(0, 0, 0, .19);background: #fff;border-radius: var(--sm-border-radius);height: 46px;width: 246px;font-size: 17px;position: relative;transition: box-shadow 300ms 100ms linear, width 300ms var(--cubic);padding: 0 46px 0 20px;color: var(--black-color);}
.search-icon-container{position: absolute;width: 46px;justify-content: 46px;top: 0;right: 0;}
.search-icon-container .search_label{width: 46px;height: 46px;background-image: url(../images/search.png);background-position: center center;background-repeat: no-repeat;background-size: 24px;position: absolute;top: 0;right: 4px;transition: right 100ms linear;cursor: pointer;}
.header-rt .search-btn input.search-input::placeholder{color: #979797;}
.header-rt .search-submit{position: absolute;width: 46px;height: 46px;top: 0;right: 0;z-index: 1;cursor: pointer;background: transparent;}
.header-rt .bookmark{width: 46px;height: 46px;background-image: url(../images/ic_bookmark.png);background-position: center center;background-repeat: no-repeat;background-size: 28px;}
.freequote-btn{position: relative;width: 222px;height: 68px;}
.freequote-btn-block{color: #fff;background: var(--purple-color);border-radius: 50em;padding: 0 30px;margin-top: 9px;height: 50px;line-height: 48px;font-size: 20px;position: relative;transform: scale(1.0);transition: transform 300ms var(--cubic);}
.freequote-btn-block:after{position: absolute;content: '';right: 0;bottom: -6px;width: 55px;height: 45px;transform: translate3d(2px, 2px, 0);background-image: url(../images/hand.png);background-position: center center;background-repeat: no-repeat;background-size: contain;transition: transform 300ms var(--cubic);}
.blue-btn .freequote-btn-block:after{background-image: url(../images/hand_blue.png);}
.freequote-btn:hover .freequote-btn-block:after{transform: translate3d(-1px, -1px, 0);}
.freequote-btn:hover .freequote-btn-block{transform: scale(1.01);}
.downloadapp-btn{margin-left: 10px;position: relative;}
.downloadapp-icon{width: 72px;height: 72px;cursor: pointer;background: url(../images/download_app.png) center center no-repeat;background-size: 72px 46px;}
.downloadapp-panel{position: absolute;background: #fff;padding: 10px 20px 20px;box-shadow: 0 3px 10px rgba(0, 0, 0, .19);width: 200px;font-size: 15px;text-align: center;font-weight: normal;right: 0;bottom: -12px;transform: translate3d(0, 90%, 0);opacity: 0;visibility: hidden;transition: opacity 300ms, visibility 0s 300ms, transform 300ms var(--cubic);z-index: 99;border-radius: var(--sm-border-radius);}
.downloadapp-panel a{color: var(--purple-color);margin: 0 2px;font-weight: bold;text-decoration: underline;}
.downloadapp-btn:hover .downloadapp-panel{opacity: 1;visibility: visible;transform: translate3d(0, 92%, 0);transition: opacity 300ms, visibility 0s 0s, transform 300ms var(--cubic);}
#sec0{margin-top: 140px;}
#sec0:not(.home-banner), #sec0:not(.top-banner){margin-top: 40px;}
#sec0.standard-banner{margin-top: 140px;}
.sticky #sec0{margin-top: 70px;}
.sticky #sec0:not(.home-banner), .sticky #sec0:not(.top-banner){margin-top: -70px;}
#sec0.home-hero-banner{margin-top: 120px;padding-bottom: 0;padding-top: 0;}
.home-hero-banner{display: flex;position: relative;width: 100%;margin-top: 80px;padding-top: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.sticky #root{padding-top: 80px;}
.home-hero-banner .home-banner{position: relative;height: 0;padding-bottom: 35.15625%;margin-right: 56.25%;}
.home-hero-banner .hero-banner{top: 0;right: 0;width:100%;height: 100%;position: absolute;}
.home-hero-banner .hero-banner .swiper{width: 100%;overflow: hidden;height: 100%;}
.home-hero-banner .hero-banner .swiper .swiper-pagination{padding-right: 48px;text-align:center;bottom: 20px;}
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg, .home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg-mobile{background-size: cover;background-position: center center;position: absolute;width: 100%;height: 100%;}
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg-mobile{display: none;}
.home-sologan-block{position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);text-align: center;}
.home-sologan-block .sologan-block{background: #fff;width: 545px;height: 278px;border: 1px solid #979797;position: relative;}
.home-sologan-block .btn{margin-top: 38px;}
.cursor-move{position: absolute;width: 38px;height: 38px;background: url(../images/move.png) no-repeat;background-size: contain;top: 98%;right: 5%;z-index: 1;}
.btn{position: relative;min-width: 428px;height: 70px;display: inline-block;}
.btn div{line-height: 68px;font-weight: bold;font-size: 29px;border-radius: 50em;padding: 0 30px;height: 70px;position: relative;transform: scale(1.0);transition: transform 300ms var(--cubic);}
.cta-action-btns .btn-red{line-height: 66px;}
.cta-action-btns .btn-blue{line-height: 58px;}
.btn div:after{position: absolute;content: '';right: 0;bottom: 0;width: 1px;height: 1px;transform: translate3d(0, 0, 0);}
.btn:hover div{transform: scale(1.01);}
.align-center{display: inline-flex;flex-direction: column;align-items: center;}
.cta-label{margin: 1em 0 0;font-size: 1.2em;font-weight: bold;}
.home-banner.typeB{background: none;}
.home-banner .text-block{flex: 0 0 43.75%;padding: 0 90px 0 120px;text-align: left;display: flex;align-items: center;height: 100%;position: absolute;}
.home-banner .text-block .tagline{font-size: 33px;font-weight: bold;letter-spacing: 1px;position: relative;display: inline-block;/*padding: 0 20px;*/background: transparent;}
.home-banner .text-block .tagline:not(:empty){/*padding-left: 38px;*/padding-left: 0;position: relative;display: flex;align-items: center;font-size: 36px;line-height: 53px;margin-bottom: -10px;}
/*.home-banner .text-block .tagline:not(:empty):before{content: '';position: absolute;top: 0;left: 6px;width: 6px;border-radius: 3px;height: 100%;background-color: var(--purple-color);}*/.home-banner .text-block .title{font-size: 67px;font-weight: 900;line-height: 1.3;}
.home-banner .text-block .title .highlight-orange{color: var(--purple-color);}
.home-banner .text-block .description{margin-top: 14px;font-size: calc(var(--font-size) * 1.5);line-height: 1.5;}
.home-banner .text-block .btn{margin-top: 60px;text-align: center;}
.orange-btn{filter: brightness(1.0);transition: filter 100ms linear;cursor: pointer;}
.orange-btn:hover{filter: brightness(1.1);}
.border-blue{filter: brightness(1.0);transition: filter 100ms linear;cursor: pointer;}
.border-blue:hover{filter: brightness(1.1);}
.blue-btn{filter: brightness(1.0);transition: filter 100ms linear;cursor: pointer;}
.blue-btn:hover{filter: brightness(1.1);}
.orange-btn div{background: var(--purple-color);color: #fff;}
.blue-btn div{background: var(--blue-color);color: #fff;}
.corner-dots{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.corner-dots span{display: block;position: absolute;top: 0;left: 0;width: 100%;transform: translate3d(0, -50%, 0);}
.corner-dots span:before{width: 12px;height: 12px;background: #fff;border: 1px solid #979797;display: block;position: absolute;transform: translate3d(-50%, -50%, 0);left: 0;top: 0;content: '';}
.corner-dots span:after{width: 12px;height: 12px;background: #fff;border: 1px solid #979797;display: block;position: absolute;left: 100%;top: 0;content: '';transform: translate3d(-50%, -50%, 0);}
.corner-dots span:nth-child(2){top: 50%;}
.corner-dots span:nth-child(3){top: 100%;}
.home-banner .sologan{color: #000;font-size: 67px;font-weight: 900;display: flex;justify-content: center;align-items: center;align-content: center;width: 100%;height: 100%;padding: 0 40px;flex-wrap: wrap;line-height: 1;}
.home-banner .sologan:after{content: '';position: relative;display: inline;height: calc(67px * 1.2);width: 2px;margin: 10px 0 0 10px;background-color: var(--purple-color);animation: typeAni 2000ms 1000ms infinite;}
@keyframes typeAni{0%{background-color: white;}
20%{background-color: white;}
21%{background-color: var(--purple-color);}
70%{background-color: var(--purple-color);}
71%{background-color: white;}
100%{background-color: white;}}
.revamp section{position: relative;width: 100%;text-align: center;padding-bottom: 0;}
.section-title{font-size: calc(var(--font-size) * 2.75);position: relative;text-align: center;font-weight: 900;color: var(--black-color);padding-bottom: 20px;margin: 80px auto;display: inline-block;}
.section-title-left{font-size: calc(var(--font-size) * 2.75);position: relative;text-align: left;font-weight: 900;color: var(--black-color);padding-bottom: 50px;margin: 80px auto;display: block;margin-left: 0;left: 14%}
.section-title-left:after{left: 50px;transform: unset;}
.section-title + .description, .remark-blue-block + .description, .full-screen-banner + .description, .app-promotion .description, .know-more-block .description, .request-thank-block + .description , .vv_module{width: 800px;max-width: 80%;margin: 0 auto;font-size: 21px;line-height: 1.9;/*text-align: left;*//*display: flex;justify-content: center;*/}
.revamp .description a{color: var(--blue-color);text-decoration: underline;}
.full-screen-banner + .description{margin-top: 3em;margin-bottom: 2em;}
.section-title + .description .tooltips, .remark-blue-block + .description .tooltips, .full-screen-banner + .description .tooltips{margin: -1px 3px;}
.section-title .sub{font-size: 0.75em;}
.section-title.hide-bar{margin-bottom: 0;margin-top: 0;margin-left: -15px;text-align: center;}
.section-title:after{position: absolute;content: '';top: 100%;left: 50%;transform: translate3d(-50%, 0, 0);width: 120px;display: inline-block;height: 8px;border-radius: 50em;background: var(--purple-color);}
.section-title.hide-bar:after{display: none;}
.section-title-left:after{position: absolute;content: '';top: 100%;left: 45px;width: 120px;display: inline-block;height: 8px;border-radius: 50em;background: var(--purple-color);}
.color-orange.section-title:after{background: var(--purple-color);}
.color-blue.section-title:after{background: var(--blue-color);}
.color-blue.section-title-left:after{background: var(--blue-color);}
.color-orange .highlight{color: var(--purple-color);}
.color-blue .highlight{color: var(--blue-color);;}
.section-cards{display: flex;justify-content: center;align-items: center;width: 88.645%;margin: 0 auto;position: relative;z-index: 1;}
.section-cards .card{border-radius: var(--big-border-radius);background: #000;position: relative;overflow: hidden;z-index: 0;}
.section-cards .card > *{position: absolute;top: 0;left: 0;}
.section-cards .card .card-bg-img{width: 100%;height: 100%;z-index: 1;opacity: .8;transform-origin: center center;transform: scale(1.0) translate3d(0, 0, 0);transition: transform 3000ms var(--cubic);background-position: center center;background-size: cover;}
.cards-col-4-m2 .section-cards{grid-gap: 0 1.468%;}
.cards-col-4-m2 .card{flex: 0 1 25%;padding-top: 32.2%;}
.section-cards .card:hover .card-bg-img{transform: scale(1.1) translate3d(0, 0, 0);}
.section-cards .card .card-title{bottom: 0;left: 0;z-index: 2;color: #fff;display: flex;justify-content: flex-end;flex-direction: column;text-align: left;padding: 9.5%;}
.card .card-title .text{font-size: calc(var(--font-size) * 2);padding-bottom: 15px;margin-bottom: 12px;position: relative;font-weight: 900;line-height: 1.2;letter-spacing: 3px;text-shadow: 2px 2px 15px rgba(0, 0, 0, .7);}
.card .card-title .text:after{position: absolute;content: '';width: 100%;height: 6px;background: var(--purple-color);border-radius: 50em;left: 0;bottom: 0;transform: translate3d(0, -50%, 0);}
.card .card-title .cta{font-size: var(--font-size);font-weight: bold;display: flex;align-items: center;grid-gap: 0 8px;position: relative;transition: grid-gap 300ms var(--cubic2);text-shadow: 2px 2px 15px rgba(0, 0, 0, .7);}
.card .card-title .cta:after{width: 24px;height: 24px;background: url(../images/arrow_lt.png) center center no-repeat;background-size: contain;position: relative;content: '';display: block;}
.card:hover .card-title .cta{grid-gap: 0 10px;}
.cards-col-4-m2 .bg-elements{position: absolute;top: 100px;left: 0;width: 100%;height: 100%;z-index: 0;z-index: -1;}
.cards-col-4-m2 .bg-elements span{position: absolute;display: block;background: #fff;box-shadow: 0 19px 63px rgba(214, 214, 214, .5);}
.cards-col-4-m2 .bg-elements span:nth-child(1){right: 70px;width: 78px;height: 43px;bottom: 68%;border-radius: 14px;}
.cards-col-4-m2 .bg-elements span:nth-child(2){left: 29px;bottom: 6%;width: 263px;height: 166px;border-radius: 29px;}
.cards-col-4-m2 .bg-elements span:nth-child(3){width: 632px;height: 244px;right: -35px;bottom: -6%;border-radius: 62px;}
.cards-col-4-m2{padding-top: 130px;}
.show-case-col5-m3 .section-cards{width: 79%;/* 1519px*/grid-gap: 0 0.98%;flex-wrap: wrap;overflow: hidden;height: 840px;}
.show-case-col5-m3 .section-cards.open{height: auto;}
.show-case-col5-m3 .section-cards.open .overlay-for-show-case{position: relative;height: 60px;}
.show-case-col5-m3 .section-cards.open + .tagline-with-border{margin-top: 0;}
.show-case-col5-m3 .card{padding-top: calc(25% - 0.784%);flex: 0 0 calc(25% - 0.784%);/* (0.98 * 4 / 5)*/margin-bottom: 0.98%;}
.show-case-col5-m3 .card .card-title .text{font-size: 19px;font-weight: bold;padding-bottom: 9px;margin-bottom: 9px;}
.show-case-col5-m3 .card .card-title .text:after{display: none;}
.show-case-col5-m3 .card .card-title{padding: 0;width: 100%;text-align: center;}
.show-case-col5-m3 .section-cards .card .card-bg-img{opacity: 1;}
.show-case-col5-m3 .section-cards .card .card-bg-img:after{position: absolute;content: '';bottom: 0;left: 0;width: 100%;height: 50%;display: block;background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);}
.overlay-for-show-case{position: absolute;bottom: 0;z-index: 3;width: 102%;height: 34%;background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);left: -1%;cursor: pointer;}
.tagline-with-border:after{content: '';position: absolute;display: block;width: 100%;height: 8px;bottom: -4px;left: 0;background: #fff;z-index: 2;}
.tagline{font-size: 33px;font-weight: bold;letter-spacing: 1px;position: relative;display: inline-block;padding: 0 20px;background: #fff;}
.tagline-with-border{position: relative;width: 79%;height: 100%;z-index: 3;margin: 20px auto 50px;pointer-events: none;}
.tagline-with-border + a{z-index: 9;}
.tagline-with-border:before{position: absolute;background: #000;z-index: 0;content: '';top: 50%;left: 0;width: 100%;height: 2px;transform: translate3d(0, -50%, 0);}
.tagline-with-border.color-orange:before{background: var(--purple-color);}
.btn.border-blue{border-radius: 50em;background: #fff;color: var(--blue-color);}
.btn.border-blue div{line-height: 54px;border: 2px solid var(--blue-color);color: var(--blue-color);}
*:not(.home-banner) .btn.border-blue div{line-height: 62px;}
.full-screen-banner{position: relative;width: 100%;background: #000;padding-top: 36.14%;}
.full-screen-banner:before, .full-screen-banner:after{content: '';width: 100%;background: #fff;height: 6.8%;min-height: 36px;position: absolute;left: 0;z-index: 3;}
.full-screen-banner:before{top: -1px;clip-path: polygon(100% 0, 0 0, 14.6% 100%);}
.full-screen-banner:after{bottom: -2px;clip-path: polygon(100% 100%, 0 100%, 85.4% 0);}
.full-screen-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.full-screen-banner .title, .full-screen-banner .title-with-description{position: absolute;top: 0;height: 100%;width: 45%;display: flex;justify-content: center;align-items: center;}
.full-screen-banner .title-with-description{flex-direction: column;align-items: flex-start;}
.full-screen-banner.color-blue .title, .full-screen-banner.color-blue .title-with-description{background: var(--blue-color);color: #fff;}
.full-screen-banner.color-orange .title, .full-screen-banner.color-orange .title-with-description{background: var(--purple-color);color: #fff;}
.full-screen-banner.rt-title .title, .full-screen-banner .title-with-description{right: 0;}
.full-screen-banner .title-with-description .title{position: relative;width: 100%;right: auto;top: auto;height: auto;left: 0;display: block;white-space: nowrap;padding-left: 10%;padding-right: 0;}
.full-screen-banner .title div{/*flex: 0 0 70%;*/text-align: left;font-size: calc(var(--font-size) * 3.7);font-weight: 900;line-height: 1.2;padding-right: 10%;}
.full-screen-banner.rt-title .title:after, .full-screen-banner.rt-title .title-with-description:after{z-index: 1;position: absolute;content: '';left: -15%;width: 15%;height: 100%;clip-path: polygon(100% 0, 0 50%, 100% 100%);margin-left: 1px;}
.full-screen-banner.color-blue .title:after, .full-screen-banner.color-blue .title-with-description:after{background: var(--blue-color);}
.full-screen-banner.color-orange .title:after, .full-screen-banner.color-orange .title-with-description:after{background: var(--purple-color);}
.full-screen-banner .title-with-description .title:after{display: none;}
.full-screen-banner .title-with-description .description{/*width: 70%;*/width: 90%;text-align: left;left: 0;position: relative;font-size: 24px;padding-left: 10%;padding-top: 1em;}
.section-description{font-size: var(--font-size);margin: -20px auto 20px;}
.protect-timeline .bg-elements{position: absolute;top: calc(1920px * 0.6);width: 100%;height: 100%;}
.protect-timeline .bg-elements span{position: absolute;display: block;z-index: 0;}
.protect-timeline .bg-elements span:nth-child(1){width: 354px;height: 370px;background: url(../images/bg_ele_01.png) no-repeat;background-size: contain;left: -104px;top: 0;}
.protect-timeline .bg-elements span:nth-child(2){width: 362px;height: 414px;background: url(../images/bg_ele_02.png) no-repeat;background-size: contain;right: -200px;top: 30%;}
.protect-timeline .bg-elements span:nth-child(3){width: 256px;height: 314px;background: url(../images/bg_ele_03.png) no-repeat;background-size: contain;left: -46px;top: 60%;}
.timeline{position: relative;z-index: 1;padding-top: 0px;}
.timeline .sticky-house{position: sticky;margin: 0 auto;top: 5vh;/*transform: translate3d(0, -50%, 0);*/z-index: 10;max-width: 50%;min-width: 320px;transition: top 900ms var(--cubic);}
.timeline .sticky-house .section-title{margin: 0 auto;padding-bottom: 40px;padding-top: 12%;opacity: 1;transition: opacity 300ms var(--cubic);}
.fadein .sticky-house{top: 5vh;}
.fadein .sticky-house .section-title{opacity: 0;}
.timeline .sticky-house .section-title:after{display: none;}
.timeline .house-texts{position: absolute;left: 50%;z-index: 2;transform: scale(1) translate3d(-50%, 0, 0);transform-origin: left center;width: 100%;height: 100%;transition: opacity 600ms 0ms var(--cubic), transform 600ms 0ms var(--cubic);}
.house-texts .text{position: absolute;font-size: 21px;color: #C1B7B4;font-weight: bold;transform-origin: center center;transition: color 300ms var(--cubic), transform 300ms var(--cubic);}
.house-texts .text:nth-child(1){top: -10%;right: -10%;}
.house-texts .text:nth-child(2){bottom: 25%;right: -35%;}
.house-texts .text:nth-child(3){bottom: -29%;left: 50%;transform: translate3d(-50%, 0, 0);}
.house-texts .text:nth-child(4){bottom: 25%;left: -35%;}
.house-texts .text:nth-child(5){top: -10%;left: -10%;}
.house-texts .text.active{transform: scale(1.5);color: var(--purple-color);}
.house-texts .text.active:nth-child(3){transform: translate3d(-50%, 0, 0) scale(1.5);}
.timeline .house {
  position: relative;
  width: 200px;
  height: 200px;
  background: linear-gradient(45deg, #ff0080, #ff8c00, #40e0d0, #8a2be2);
  background-size: 300% 300%;
  margin: 0 auto;
  border: none;
  border-radius: 50%;
  animation: gradient-shift 5s ease infinite;
  
  /* 金属质感 */
  box-shadow: 
    inset 0 0 30px rgba(255, 255, 255, 0.4),
    0 10px 30px rgba(0, 0, 0, 0.3);
}

@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* 添加3D凸起感 */
.timeline .house::after {
  content: '';
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.2), transparent 70%);
  pointer-events: none;
}
.timeline .house .count{position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);font-size: 28px;font-weight: bold;}
.timeline .house span{font-size: 56px;}
.timeline-body{position: relative;margin-bottom: 300px;}
.timeline-body:after{position: relative;content: '';height: 80vh;display: block;width: 100%;}
.timeline-card-slide{max-width: 600px;margin: 50% auto 30%;position: sticky;top: 60%;}
.timeline-card-slide:nth-child(3){z-index: 1;}
.timeline-card-slide:nth-child(4){z-index: 2;}
.timeline-card-slide:nth-child(5){z-index: 3;}
.timeline-card-slide:nth-child(6){z-index: 4;}
.timeline-card-slide:nth-child(7){z-index: 5;}
.timeline-card-spacing{height: 40vh;}
.timeline-card-slide:before{content: '';position: absolute;width: 100%;height: 100%;background: #fff;top: 0;left: 0;pointer-events: none;opacity: 0;transition: opacity 300ms var(--cubic);z-index: 2;}
.fadein .timeline-card-slide:before{opacity: 1;margin: 2px;}
.fadein .house-texts{opacity: 0;transform: scale(0) translate3d(-50%, 0, 0);transition: opacity 1000ms 300ms var(--cubic), transform 1000ms 300ms var(--cubic);}
.timeline-card-slide:after{position: absolute;top: -50%;left: 0;width: 100%;height: 70vh;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 0) 100%);content: '';z-index: -1;}
.timeline-card-slide .timeline-card{text-align: left;display: flex;justify-content: center;align-items: flex-start;}
.timeline-card .title-with-icon{display: inline-flex;align-items: center;}
.timeline-card .title-with-icon .icon{width: 100px;height: 100px;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.timeline-card .text-content{padding-left: 25px;}
.timeline-card .title-with-icon .title{font-size: calc(var(--font-size)*2);font-weight: bold;white-space: nowrap;}
.timeline-card-slide .description{font-size: 32px;margin-bottom: 10px;font-weight: bold;text-align: left;padding-left: 5px;}
.timeline-card-slide .points{font-size: 20px;}
.timeline-card-slide .points li{padding-left: 1.5em;position: relative;text-align: left;}
.timeline-card-slide .points li:before{content: '・';padding-right: 0;position: absolute;width: 1em;height: 1em;display: block;color: #000;top: 0;left: 0;}
.tooltips{cursor: pointer;width: 20px;height: 20px;margin: -3px 4px;display: inline-block;position: relative;}
.tooltips:before{position: absolute;font-size: 13px;top: 0;left: 0;width: 20px;height: 20px;border-radius: 50em;border: 1px solid #999;color: #999;text-align: center;display: inline-flex;justify-content: center;align-items: center;content: 'i';font-weight: bold;background: white;overflow: hidden;}
.tips span.small, .tips span.small a{font-size: 12px;}
.timeline-card-slide .btn{min-width: auto;height: 46px;margin-top: 28px;}
.timeline-card-slide .btn div{height: 46px;line-height: 44px;font-size: 22px;padding: 0 40px;}
.house100{position: absolute;left: 50%;transform: scale(0) translate3d(-50%, -50%, 0);width: 412px;height: 412px;top: 50%;margin-top: 4em;z-index: -1;opacity: 0;transform-origin: left top;transition: transform 1000ms var(--cubic), opacity 300ms var(--cubic);}
.fadein .house100{opacity: 1;transform: scale(1) translate3d(-50%, -50%, 0);}
.house100 .circle1{width: 100%;height: 100%;border-radius: 50em;background: rgba(44, 205, 227, .4);}
.house100 .circle2{width: 81%;height: 81%;border-radius: 50em;overflow: hidden;background: rgba(255, 255, 255, .5);position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);}
.house100 .circle2 .house-logo{width: 9em;transform-origin: center center;margin: 1em auto;transform: scale(0);opacity: 0;transition: opacity 300ms 0ms var(--cubic), transform 300ms 0 var(--cubic);}
.house100 .circle2 .msg{font-size: 36px;font-weight: 900;margin-top: calc(50% + 1.6em);opacity: 0;transform-origin: center center;transform: scale(0);transition: opacity 300ms 0ms var(--cubic), transform 300ms 0 var(--cubic);}
.fadein .house100 .circle2 .msg, .fadein .house100 .circle2 .house-logo{opacity: 1;transform: scale(1);transition: opacity 1000ms 600ms var(--cubic), transform 1000ms 600ms var(--cubic);}
.house100 .circle-element{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.house100 .circle-element span{position: absolute;background: var(--blue-color);transform: scale(0);transition: transform 600ms 1000ms cubic-bezier(.54, .34, .18, 1.52);}
.fadein .house100 .circle-element span{transform: scale(1);transition: transform 600ms 1000ms cubic-bezier(.54, .34, .18, 1.52);}
.house100 .circle-element span:after{position: absolute;top: 50%;left: 50%;transform-origin: center center;content: '';background: var(--blue-color);}
.house100 .circle-element span:nth-child(1){width: 36px;height: 6px;/*left: 60%;*/left: calc(211px + 46%);margin-top: 12%;}
.house100 .circle-element span:nth-child(2){width: 20px;height: 4px;/*left: 63.5%;*/left: calc(211px + 60.5%);margin-top: 31%;}
.house100 .circle-element span:nth-child(3){width: 28px;height: 4px;/*left: 35.5%;*/left: calc(50% - 211px - 15.4%);margin-top: 60%;}
.house100 .circle-element span:nth-child(1):after{width: 6px;height: 36px;margin: -18px 0 0 -3px;}
.house100 .circle-element span:nth-child(2):after{width: 4px;height: 20px;margin: -10px 0 0 -2px;}
.house100 .circle-element span:nth-child(3):after{width: 4px;height: 28px;margin: -14px 0 0 -2px;}
.house100 .circle-element span:nth-child(4){width: 11px;height: 11px;border-radius: 50em;/*left: 37%;*/left: calc(50% - 211px - 10%);margin-top: 36.5%;}
.house100 .circle-element span:nth-child(5){background: #fff;border-radius: 50em;width: 13px;height: 13px;/*left: 62%;*/left: calc(211px + 51%);margin-top: 75%;border: 3px solid var(--blue-color);}
.house100 .circle-element span:nth-child(4):after, .house100 .circle-element span:nth-child(5):after{display: none;}
.house100 + .btn{position: absolute;top: calc(50% + 306px);left: 50%;transform: translate3d(-50%, 30px, 0);opacity: 0;transition: opacity 300ms 0ms var(--cubic), transform 300ms 0ms var(--cubic);pointer-events: none;}
.fadein .house100 + .btn{opacity: 1;transform: translate3d(-50%, 0, 0);transition: opacity 300ms 1500ms var(--cubic), transform 300ms 1500ms var(--cubic);pointer-events: auto;}
.testimonial-top{/*width: 69.7%;*/width: 1338px;max-width: 90%;margin: 0 auto 100px;}
.testimonial-block{border-radius: var(--sm-border-radius);background: #fff;box-shadow: 0 5px 23px rgba(0, 0, 0, .09);padding: 22px 33px;text-align: left;}
.testimonial-top .testimonial-block .video-player{flex: 1 0 52%;position: relative;padding-top: 29.25%;}
.testimonial-top .testimonial-block .video-player iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.testimonial-top .testimonial-block{border-radius: calc(var(--sm-border-radius) * 2);box-shadow: 0 13px 30px rgba(0, 0, 0, .09);padding: 45px 52px;display: flex;}
.testimonial-top .testimonial-block .testimonial-content{padding: 0 0 0 42px;}
.testimonial-name .name{font-size: var(--font-size);font-weight: bold;}
.testimonial-name .other-info{font-size: calc(var(--font-size) * 0.85);font-weight: bold;}
.testimonial-info{padding-bottom: 44px;display: flex;align-items: center;}
.testimonial-info .profile-img{width: 89px;flex: 0 0 89px;margin-right: 20px;height: 89px;border-radius: 50em;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.testimonial-msg-block{line-height: 2;position: relative;}
.testimonial-top .testimonial-msg-block{font-size: 23px;padding: 12px 44px;}
.testimonial-msg-block:before, .testimonial-msg-block:after{position: absolute;content: '';width: 16px;height: 16px;}
.testimonial-msg-block:before{background: url(../images/quote_lt.png) center center no-repeat;background-size: contain;top: 0;left: 0;}
.testimonial-msg-block:after{background: url(../images/quote_rt.png) center center no-repeat;background-size: contain;right: 0;bottom: 0;}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{width: 26px;height: 26px;}
.testimonials-list{position: relative;max-width: 95%;width: 1606px;margin-bottom: 100px;overflow: visible;height: 42vw;max-height: 806px;margin-left: auto;margin-right: auto;}
.testimonials-list .swiper-wrapper{position: absolute;z-index: 2;}
.swiper-slide .testimonial-block{padding: 33px;}
.swiper-slide .testimonial-info{padding-bottom: 24px;margin-top: -52px;align-items: flex-end;}
.swiper-slide .testimonial-msg-block{padding: 5px 25px;font-size: 19px;line-height: 1.7;}
.testimonials-list .swiper-slide{padding-top: 20px;width: 426px;position: absolute;height: auto;}
.testimonial-center-logo{position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.testimonials-list .swiper-slide:nth-child(1){top: 0;left: 0;}
.testimonials-list .swiper-slide:nth-child(2){top: 0;right: 0;}
.testimonials-list .swiper-slide:nth-child(3){bottom: 0;left: 0;}
.testimonials-list .swiper-slide:nth-child(4){bottom: 0;right: 0;}
.testimonial-center-logo .circle1{max-width: 612px;max-height: 612px;background: rgba(44, 182, 231, .4);display: flex;align-items: center;justify-content: center;border-radius: 50em;position: relative;width: calc(90vw - 882px);height: calc(90vw - 882px);transform: scale(0);transition: transform 1200ms var(--cubic);}
.testimonial-center-logo .circle2{background: #2AB6E7;width: 88.56%;height: 88.56%;box-shadow: 0 22px 84px rgba(129, 205, 231, 1);border-radius: 50em;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0) scale(0);transition: transform 1200ms var(--cubic);}
.testimonial-center-logo .circle3{width: 75.25%;height: 75.25%;background: #fff;border-radius: 50em;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0) scale(0);overflow: hidden;transition: transform 2000ms var(--cubic);}
.testimonial-center-logo .circle3 img{width: 75%;position: absolute;top: 44%;left: 50%;transform: translate3d(-50%, -50%, 0) scale(0);transition: transform 1200ms var(--cubic);}
.testimonials-list.active .testimonial-center-logo .circle1{transform: scale(1);}
.testimonials-list.active .testimonial-center-logo .circle2, .testimonials-list.active .testimonial-center-logo .circle3, .testimonials-list.active .testimonial-center-logo .circle3 img{transform: translate3d(-50%, -50%, 0) scale(1);}
.full-screen-banner.for-map{background-color: var(--blue-color);padding-top: 50.36%;}
.map-info-block{position: absolute;left: 7%;top: 52%;transform: translate3d(0, -50%, 0);background: #fff;border-radius: var(--sm-border-radius);padding: 20px;box-shadow: 0 17px 47px rgba(0, 0, 0, .06);min-height: 80%;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 4;min-width: 34%;}
.map-grahpic{position: absolute;top: 0;right: 0;width: 63.69%;height: 100%;z-index: 3;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.family-count-block{font-size: 55px;font-weight: 900;position: relative;display: flex;align-items: center;justify-content: center;}
.family-count-block:before{position: relative;width: 55px;height: 55px;background: url(../images/pin.png) center center no-repeat;background-size: contain;content: '';display: inline-block;margin-top: 5px;}
.map-info-block .top{margin-bottom: 50px;}
.map-info-block .top p, .map-info-block .bottom .content-block p{font-size: calc(var(--font-size) * 2);font-weight: bold;line-height: 1.2;}
.map-info-block .bottom{padding: 42px 0;position: relative;}
.map-info-block .bottom:after{position: absolute;top: 0;left: 50%;transform: translate3d(-50%, 0, 0);width: 120px;height: 8px;border-radius: 50em;content: '';}
.color-orange .map-info-block .bottom:after{background: var(--purple-color);}
.map-info-block .bottom .content-block .highlight{font-size: 55px;font-weight: 900;line-height: 1.3;}
.color-orange .map-info-block .highlight{color: var(--purple-color);}
.color-orange .map-info-block .bottom .remark{font-size: var(--font-size);line-height: 1.5;font-weight: bold;margin-top: 30px;}
.news-lists{display: flex;justify-content: space-between;grid-gap: 0 1.21%;width: 1487px;max-width: 90%;margin: 0 auto 60px;}
.news-list{border: 1px solid #C9C9C9;background: #fff;flex: 0 1 33%;display: flex;transform: translate3d(0, 0, 0);transition: transform 300ms var(--cubic);}
.news-list:hover{transform: translate3d(0, -5px, 0);}
.news-image{flex: 0 0 47%;padding-top: 47%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.news-content{padding: 18px 25px 10px;text-align: left;display: flex;flex-direction: column;justify-content: space-between;}
.news-content .title{font-size: var(--font-size);font-weight: bold;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.news-content .by{display: flex;align-items: center;font-size: 15px;}
.news-content .by .media-logo{flex: 0 0 60px;height: 50px;margin-right: 8px;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.news-content .by .media-name{margin-top: -2px;}
.media-lists{display: flex;flex-wrap: wrap;justify-content: center;grid-gap: 27px 60px;width: 1332px;max-width: 80%;margin: 30px auto 100px;}
.media-list{flex: 0 1 6.5%;display: flex;align-items: center;justify-content: center;}
.media-list.bigger1{flex: 0 1 8%;}
.steps-block{display: flex;grid-gap: 0 90px;max-width: 90%;width: 1327px;justify-content: center;margin: 0 auto;position: relative;}
.step-block{display: flex;margin: 61px 0;flex: 0 0 calc(33% - 30px);background: #fff;justify-content: center;padding: 0 28px;}
.step-block .step-bullet{background: var(--purple-color);border-radius: 50em;font-size: 37px;font-weight: bold;text-align: center;width: 80px;height: 80px;flex: 0 0 80px;color: #fff;line-height: 73px;}
.step-content{text-align: left;padding:10px 0 10px 24px;position: relative;}
.step-content .title{font-size: 37px;font-weight: bold;}
.step-content .description{font-size: var(--font-size);font-weight: bold;margin: 11px 5px;}
.steps-block:after{position: absolute;width: 100%;height: 5px;background: #D5D5D5;z-index: -1;content: '';top: 97px;}
#sec17 .full-screen-banner:before, #sec17 .full-screen-banner:after{clip-path: none;}
#sec0.services .full-screen-banner:before{display: none;}
.services-block{max-width: 85%;width: 1298px;display: flex;grid-gap: 0 40px;/*margin: -100px auto 100px;*/margin: 0 auto 100px;z-index: 3;position: relative;}
:not(.description) + .services-block{margin-top: -40px;margin-bottom: -40px;}
.service-block{border-radius: 23px;background: #fff;box-shadow: 0 8px 27px rgba(0, 0, 0, .04);flex: 1 1 auto;display: flex;flex-direction: column;padding: 22px 33px;align-items: center;transform: translate3d(0, 0, 0);transition: transform 300ms var(--cubic);}
.service-block:hover{transform: translate3d(0, -10px, 0);}
.service-block .icon{width: 100%;padding-top: 100%;margin-bottom: 44px;background-size: cover;background-position: center center;background-repeat: no-repeat;border-radius: 50em;overflow: hidden;}
.service-block .title{font-size: 32px;font-weight: bold;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;letter-spacing: 3px;}
.service-block:after{position: relative;background: url(../images/arrow_lt_orange.png) no-repeat;background-size: cover;width: 34px;padding-top: 34px;margin: 55px auto 22px;background-size: cover;background-position: center center;background-repeat: no-repeat;content: '';}
.full-screen-banner.center-title{padding-top: 25.36%;}
.full-screen-banner.center-title .section-title{font-size: calc(var(--font-size) * 3);color: #fff;flex: 1 1 auto;margin: 0 auto;}
.full-screen-banner.center-title .section-description{font-size: calc(var(--font-size) * 1.5);color: #fff;flex: 1 1 auto;margin: 60px auto 0;text-align: center;position: absolute;left: 50%;transform: translate3d(-50%, 0, 0);width: 100%;}
.full-screen-banner.center-title .section-title, .full-screen-banner.center-title .section-description{/* padding-right: 0;*/}
.full-screen-banner.center-title .title{background: none;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);margin: 0 auto;color: #fff;width: auto;height: auto;display: block;}
.discounts-block{width: 1489px;max-width: 90%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));margin: 0 auto 116px;gap: 27px 33px;}
.discount-block{position: relative;width: 100%;}
.discount-block > div{position: relative;width: 100%;padding-top: 52%;background-repeat: no-repeat;background-position: center center;background-size: cover;box-shadow: 0 7px 13px rgba(0, 0, 0, .13);transform: translate3d(0, 0, 0);transition: transform 300ms var(--cubic), box-shadow 300ms var(--cubic);}
.discount-block .title{padding: 14px 22px;font-size: var(--font-size);font-weight: bold;line-height: 1.3;text-align: left;letter-spacing: .5px;}
.discount-block:hover{transform: translate3d(0, -5px, 0);/* box-shadow: 0 12px 13px rgba(0,0,0,.13);*/}
.knowledge-tags{display: flex;grid-gap: 0 24px;margin: 0 auto;justify-content: center;max-width: 90%;width: 1489px;}
.knowledge-tags .knowledge-tag{min-width: auto;height: 55px;}
.knowledge-tags .knowledge-tag.btn div{font-size: 25px;height: 55px;line-height: 48px;}
.knowledges-block{width: 1489px;max-width: 90%;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin: 58px auto 116px;gap: 70px 2%;}
.knowledge-block{transform: translate3d(0, 0, 0);transition: transform 300ms var(--cubic);}
.knowledge-block:hover{transform: translate3d(0, -5px, 0);}
.knowledges-block .image{position: relative;width: 100%;padding-top: 53%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.knowledges-block .title{padding: 14px 22px;font-size: var(--font-size);font-weight: bold;line-height: 1.3;text-align: left;letter-spacing: .5px;}

.partners-block .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block{display: none;}
.partners-block.showAll .partner-block{display: block !important;}
.partners-block + a.btn div + div{display: none;}
.partners-block.showAll + a.btn div:nth-child(1){display: none;}
.partners-block.showAll + a.btn div:nth-child(2){display: block;}

/* 合作伙伴区块样式 */
.partners-block {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 六列布局 */
  gap: 25px;
  padding: 40px 20px;
  justify-items: center;
  align-items: center;
  max-width:1520px;
  margin: 0 auto;
}

.partner-block {
  width: 100%;
  height: 130px; /* 固定高度 */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  border: 1px solid #f0f0f0;
}

.partner-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  border-color: #e0e0e0;
}

.partner-block img {
  max-width: 100%;
  max-height: 100px; /* 图片最大高度 */
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(40%) opacity(0.9);
  transition: filter 0.3s ease;
}

.partner-block:hover img {
  filter: grayscale(0%) opacity(1);
}

/* 平板适配 (1024px以下) */
@media (max-width: 1024px) {
  .partners-block {
    grid-template-columns: repeat(4, 1fr); /* 平板显示4列 */
    gap: 20px;
    padding: 30px 15px;
  }
  
  .partner-block {
    height: 90px;
    padding: 12px;
  }
  
  .partner-block img {
    max-height: 65px;
  }
}

/* 大手机适配 (768px以下) */
@media (max-width: 768px) {
  .partners-block {
    grid-template-columns: repeat(3, 1fr); /* 手机显示3列 */
    gap: 15px;
    padding: 25px 12px;
  }
  
  .partner-block {
    height: 85px;
    padding: 10px;
    border-radius: 8px;
  }
  
  .partner-block img {
    max-height: 60px;
  }
}

/* 小手机适配 (480px以下) */
@media (max-width: 480px) {
  .partners-block {
    grid-template-columns: repeat(2, 1fr); /* 小手机显示2列 */
    gap: 12px;
    padding: 20px 10px;
  }
  
  .partner-block {
    height: 80px;
    padding: 8px;
    border-radius: 6px;
  }
  
  .partner-block img {
    max-height: 55px;
  }
}

/* 超小手机适配 (360px以下) */
@media (max-width: 360px) {
  .partners-block {
    gap: 10px;
    padding: 15px 8px;
  }
  
  .partner-block {
    height: 75px;
    padding: 6px;
  }
  
  .partner-block img {
    max-height: 50px;
  }
}

/* 打印样式 */
@media print {
  .partners-block {
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 20px 10px;
  }
  
  .partner-block {
    box-shadow: none;
    border: 1px solid #ddd;
  }
  
  .partner-block img {
    filter: grayscale(100%);
  }
}

.faqs-block{width: 1039px;max-width: 85%;text-align: left;margin: 0 auto;padding-bottom: 82px;}
.faq-block{background: #D1E1E3;border-radius: var(--sm-border-radius);font-size: 25px;font-weight: bold;position: relative;overflow: hidden;}
.faq-block .faq-q{padding: 0 37px;flex: 1 1 auto;display: flex;justify-content: space-between;align-items: center;max-width: 100%;cursor: pointer;}
.faq-block .faq-q .title{overflow: hidden;/*white-space: nowrap;display: inline-block;text-overflow: ellipsis;*/flex: 1 1 auto;padding: 19px 37px 19px 0;line-height: 1.3;}
.faq-block.open .faq-q .title{/*white-space: normal;*/}
.faq-block .faq-q:after{position: relative;width: 40px;height: 40px;background: url(../images/ic_arrow_down.png) no-repeat;background-size: contain;content: '';flex: 0 0 40px;transform-origin: center center;transform: translate3d(0, 0, 0);transition: transform 100ms;}
.faq-block.open .faq-q:after{transform: rotate(180deg);}
.faq-block .faq-a{display: none;}
.faq-block.open .faq-a{font-size: 18px;padding: 20px 37px 30px;line-height: 1.9;font-weight: 400;background: #e1f0f1;display: block;}
.faq-block.open .faq-a a{display: inline-block;color: var(--blue-color);text-decoration: underline;}
.faq-block:not(:last-child){margin-bottom: 18px;}
.backtotop{text-align: center;margin: 52px auto;}

.revamp section{opacity: 0;transition: transform 1500ms var(--cubic), opacity 600ms var(--cubic2);}
.revamp section.active{opacity: 1;transform: translateY(0);}
.desktop-revamp{display: inline-block;}
.mobile-revamp{display: none;}
.protect-timeline .bg-elements{contain: layout;}
.cards-col-4-m2 .bg-elements{contain: layout;}
.lang-dropdown{cursor: pointer;position: relative;}
.current-lang{padding-right: 24px;position: relative;font-size: 24px;}
.current-lang:after{position: absolute;top: 13px;right: 0;content: '';width: 0;height: 0;border-style: solid;border-width: 13px 8px 0 8px;border-color: #fff transparent transparent transparent;}
.lang-dropdown-lists{position: absolute;display: none;z-index: 1;background: #333;padding: 11px 0;font-size: var(--font-size);border-radius: var(--sm-border-radius);left: 5px;}
.lang-option{white-space: nowrap;padding-top: 3px;font-size: 20px;}
.lang-dropdown:hover .lang-dropdown-lists{display: block;}
.tooltips .tips{position: absolute;z-index: 1;width: 220px;font-size: 14px;text-align: left;padding: 11px 16px 14px;background: #eee;border-radius: var(--sm-border-radius);/* left: 0;*/display: none;top: 20px;font-weight: normal;width: 100%;min-width: 220px;max-height: 130px;overflow: hidden;overflow-y: auto;}
.tooltips .tips a{text-decoration: underline;color: var(--blue-color);}
.protect-timeline .timeline-card-slide .tooltips .tips{/* right: 0;*/}
.tooltips:hover .tips{display: block;}
/*.protect-timeline .timeline-card-slide:nth-child(even) .tips{left: 0;right: auto;}*/.seo-sm-block{margin-top: 50px;color: #666;background: #f2f2f2;}
.seo-title{padding: 14px 30px;cursor: pointer;font-size: 17px;}
.seo-msg{display: none;padding: 25px 30px 30px;text-align: left;line-height: 1.3;border-top: 1px solid #ddd;}
.seo-sm-block.open .seo-msg{display: block;}
.home-calculator{max-width: 90%;width: 1400px;margin: 0 auto;}
.cal-fields{display: flex;justify-content: center;text-align: center;grid-gap: 0 33px;margin-bottom: 35px;}
.cal-field{border-radius: var(--sm-border-radius);background: #f6f6f6;padding: 42px;flex: 0 0 31%;}
.cal-field .title{font-size: 26px;font-weight: bold;padding-bottom: 42px;}
.cal-field .cal-input-bar{font-size: 36px;font-weight: bold;background: #fff;border-radius: 50em;width: 230px;height: 60px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto 30px;}
.cal-field .cal-input-bar .btn-prev, .cal-field .cal-input-bar .btn-next{cursor: pointer;width: 46px;height: 46px;margin: 0 7px;border-radius: 50em;background: var(--blue-color) url(../images/btn_arrow_blue.png) center center no-repeat;background-size: cover;filter: brightness(1.0);}
.cal-field .cal-input-bar .btn-prev{transform: rotate(180deg);transform-origin: center center;}
.cal-field .cal-input-bar .btn-prev:hover, .cal-field .cal-input-bar .btn-next:hover{filter: brightness(1.1);}
.h-cal-value{margin-top: -2px;}
.h-cal-value input{width: 80px;text-align: center;background: transparent;}
.home-calculator-container .cal-checkboxes{padding: 50px 57px;margin-bottom: 40px;}
.cal-checkbox{text-align: left;font-size: 26px;font-weight: bold;}
.cal-checkbox + .cal-checkbox{margin-top: 28px;}
.cal-checkbox input{display: none;}
.cal-checkbox input + label{/*padding-left: 50px;*/display: flex;align-items: center;cursor: pointer;}
.cal-checkbox input + label:before{content: '';border: 1px solid #9CB7BB;width: 25px;height: 25px;border-radius: 4px;margin-right: 24px;background-image: url(../images/ic_tick.png);background-position: center center;background-repeat: no-repeat;}
.cal-checkbox input:checked + label:before{background-color: var(--blue-color);border: 1px solid var(--blue-color);background-size: contain;}
.h-cal-result-block{width: 644px;max-width: 80%;margin: 0 auto;display: none;}
.home-calculator-container.show-result .h-cal-result-block{display: block;}
.home-calculator-container.show-result .h-cal-result-block + a{display: none;}
.cal-result-bar{border: 1px solid #D3D3D3;border-radius: 8px;border-top-left-radius: 0;border-top-right-radius: 0;padding: 30px 50px;margin-bottom: 23px;display: flex;align-items: center;justify-content: space-between;font-weight: bold;}
.cal-result-bar .label{color: var(--blue-color);font-size: 21px;}
.h-cal-result-block a.cal-again{color: var(--blue-color);display: inline-flex;font-size: 24px;margin: 0 auto 23px;align-items: center;font-weight: bold;filter: brightness(1.0);}
.cal-title{background-color: var(--blue-color);color: #fff;font-weight: bold;text-align: center;padding: 10px 5px;font-size: 22px;}
.h-cal-result-block a.cal-again:before{content: '';width: 30px;height: 30px;background: url(../images/ic_refresh.png) center center no-repeat;background-size: contain;margin-right: 10px;}
.h-cal-result-block a.cal-again:hover{filter: brightness(1.1);}
.cal-result-bar .lable{color: var(--blue-color);font-size: 21px;}
.cal-result-bar .amount{font-size: 28px;}
.home-calculator-container .remark{margin-top: 54px;}
section.banner a{max-width: 90%;width: 1039px;margin: 0 auto;display: block;}
section.banner{padding-bottom: 100px;}
.trigger-line{/*border: 1px solid #000;*/}
.spacing-50{height: 50px;display: block;width: 100%;position: relative;}
.spacing-100{height: 100px;display: block;width: 100%;position: relative;}
.remark a{color: var(--blue-color);}
.ebook-banner{max-width: 80%;width: 1440px;margin: 0 auto 10em;position: relative;display: block;min-width: 320px;}
.app-promotion{max-width: 90%;margin: 0 auto;width: 1280px;}
.app-promotion .app-btns{display: flex;justify-content: center;}
.app-promotion .app-btns a.app-btn{flex: 0 0 210px;max-width: 36vw;margin-right: 0;}
.app-promotion .app-btns a.app-btn + .app-btn{margin-left: 40px;}
.nohover{pointer-events: none;}
.app-promotion .big-keyword{font-size: 36px;font-weight: bold;padding: 30px;letter-spacing: .25em;display: flex;justify-content: center;position: relative;}
.app-promotion .big-keyword div + div{padding-left: 35px;position: relative;display: flex;align-items: center;}
.app-promotion .big-keyword div + div:before{position: relative;content: '';width: 12px;height: 12px;background-color: var(--purple-color);transform: rotate(45deg);margin-right: 41px;}
.app-promotion .center-image{margin-top: -150px;z-index: -1;position: relative;}
.app-promotion .center-video{position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.app-promotion .center-video video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.popup{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.popup-old-theme .popup-block{top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);background-color: #fff;position: absolute;width: 490px;max-width: 95%;padding:40px 68px 20px;border-radius: 8px;border:1px solid #979797;box-shadow: 0 10px 25px rgba(0, 0, 0, .1);max-height: 95%;overflow: hidden;overflow-y: auto;}
.popup-old-theme .popup-block .title{text-align: center;font-size: 23px;font-weight: bold;padding-bottom: 32px;}
.popup-form-field{padding-bottom: 13px;display: flex;flex-direction: column;flex-wrap: wrap;}
.popup-form-field.input-col-half{flex-direction: row;justify-content: space-between;align-items: center;}
.popup-form-field .input-field input{-webkit-appearance:none;appearance: none;border: 1px solid #A8A8A8;border-radius: 8px;background-color: #fff;height: 44px;line-height: 45px;padding:0 22px;width: 100%;font-size: 16px;}
.popup-form-field .input-field > *::placeholder{font-size: 16px;color: #979797;}
.popup-form-field.input-col-half .input-field{flex: 0 1 calc(50% - 8px);}
.popup-form-field.input-col-full .input-field{flex: 1 1 auto;}
.popup-form-field .input-field input[type="radio"]{display: none;}
.popup-form-field .input-field.mrmrsms label:before{content: '';width: 13px;height: 13px;border-radius: 50em;padding: 0;margin-right: 3px;margin-top: 3px;position: relative;border:1px solid #979797;}
.popup-form-field .input-field.mrmrsms{display: flex;align-items: center;}
.popup-form-field .input-field.mrmrsms label{font-size: 13px;position: relative;display: flex;cursor: pointer;}
.popup-form-field .input-field.mrmrsms label:not(:nth-child(1)){margin-left: 10px;}
.popup-form-field .input-field.mrmrsms input[type="radio"]:checked + label:after{content: '';position: absolute;top: 5px;left: 2px;width: 9px;height: 9px;background-color: #2AB9EB;border-radius: 50em;}
.popup-form-field .input-field textarea{width: 100%;border: 1px solid #A8A8A8;border-radius: 8px;background-color: #fff;padding:10px 22px;font-size: 16px;resize: vertical;}
.popup-form-field .input-field input[type="file"]{display: none;}
.popup-form-field .input-field .label-file-upload{padding: 0 16px;border-radius: 8px;background-color: #D8D8D8;font-size: 14px;height: 40px;line-height: 40px;display: inline-block;float: left;cursor: pointer;filter: brightness(1.0);margin-top: 5px;}
.popup-form-field .input-field .label-file-upload:hover{filter: brightness(1.05);}
#file-upload + .msg{line-height: 40px;padding-left: 15px;float:left;font-size: 14px;}
.popup-form-field .remark{display: block;flex: 1 0 100%;}
.popup-form-field .remark.error{color:red;font-size: 12px;}
.popup-form-field .tnc .msg{float: left;font-size: 14px;padding-top: 5px;}
.popup-form-field .submit-btn, .popup-form-field .popup-btn{min-width: 160px;height: 51px;text-align: center;margin:20px auto 8px;border:0;color:#fff;font-size: 21px;font-weight: bold;border-radius: 18px;background-color: #2AB9EB;cursor: pointer;filter: brightness(1.0);line-height: 51px;padding:0 40px;}
.popup-form-field .submit-btn:hover{filter: brightness(1.05);}
.popup-form-field .input-field input[type="checkbox"]{display: none;}
.popup-form-field .input-field input[type="checkbox"] + label{position: relative;cursor: pointer;}
.popup-form-field .input-field input[type="checkbox"] + label:before{content: '';width: 16px;height: 16px;float: left;padding: 0;border-radius: 0;margin-top: 2px;margin-right: 5px;line-height: 1;border:1px solid #979797;}
.popup-form-field .input-field input[type="checkbox"]:checked + label:before{background-color: #2AB9EB;border-color: #2AB9EB;}
.popup-form-field .input-field input[type="checkbox"]:checked + label:after{content: '';width: 15px;height: 15px;position: absolute;top: 8px;left: 1px;background: url(../images/ic_tick.png);background-size: contain;}
.popup-form-field .back-btn{text-align: center;margin:10px auto;font-size: 15px;color:#C3C3C3;}
.popup-form-field input, .popup-form-field textarea{outline: none;}
.popup-block .description{text-align: center;}
.popup-block .icon.done{width: 73px;height: 73px;background: url(../images/popup_done.png);background-size: contain;margin:0 auto 10px;}
.popup-block .icon + .title{padding-bottom: 16px;}
.steppers{margin: 30px auto 50px;}
.stepper{display: flex;justify-content: center;position: relative;}
.stepper:after{width: calc(270px + 315px);}
/* .stepper:after{content: '';position: absolute;top: 50%;left: 50%;width: calc(270px + 315px);height: 1px;background: #D1D1D1;transform: translate(-50%, -50%);z-index: -1;}*/.stepper span{width: 45px;height: 45px;line-height: 41px;text-align: center;border:1px solid #D1D1D1;border-radius: 50em;background-color: #fff;margin:0 35px;font-size: 19px;display: block;}
.stepper span.current{background-color: var(--purple-color);color:#fff;font-weight: bold;border-color: var(--purple-color);}
.bg-elements + .full-screen-banner{z-index: 1;}
.noHousePercent .timeline-body{display: flex;flex-wrap: wrap;justify-content: center;}
.noHousePercent .timeline .sticky-house{position: relative;max-width: none;flex: 0 0 100%;order: 8;top: auto;margin:-50px 0 150px;}
.noHousePercent .timeline .sticky-house .section-title{padding-top: 0;}
.noHousePercent .protect-timeline .bg-elements{top: calc(1920px * .55);}
.noHousePercent .protect-timeline .bg-elements span:nth-child(1), .noHousePercent .protect-timeline .bg-elements span:nth-child(2), .noHousePercent .protect-timeline .bg-elements span:nth-child(3){transform: scale(.75);}
.noHousePercent .protect-timeline .bg-elements span:nth-child(3){top: 50%;}
.noHousePercent .timeline-card-slide{flex: 0 1 34%;margin:0 0 100%;max-width: none;margin-bottom: 100px;position: relative;top: auto;}
.noHousePercent .timeline-card-slide:after, .noHousePercent .timeline-card-spacing, .noHousePercent .fadein .timeline-card-slide:before{display: none;}
.noHousePercent .timeline-body:after{order: 7;width: auto;flex: 0 0 34%;height: 0;}
.noHousePercent .timeline-card-slide:nth-child(2){order: 1;}
.noHousePercent .timeline-card-slide:nth-child(3){order: 2;}
.noHousePercent .timeline-card-slide:nth-child(4){order: 3;}
.noHousePercent .timeline-card-slide:nth-child(5){order: 5;}
.noHousePercent .timeline-card-slide:nth-child(6){order: 6;}
/* ver.B*/.guarant-card{display: flex;margin:0 auto;align-items: center;}
.guarant-card .graphic-house{order: 2;flex:0 0 44%;max-width: 400px;opacity: 0;}
.guarant-card .content{order: 1;text-align: left;flex:1 1 auto;padding-right: 30px;}
.guarant-card .top{display: flex;margin-bottom: 30px;}
.guarant-card .top .lt{margin-right: 15px;}
.guarant-card .top .lt .number{width: 45px;height: 45px;font-size: 27px;font-weight: bold;color: white;background-color: var(--purple-color);border-radius: 50em;text-align: center;line-height: 42px;}
.guarant-card .top .rt .label{color: var(--purple-color);font-size: 36px;font-weight: bold;line-height: 42px;}
.guarant-card .top .rt .title{font-size: 30px;font-weight: bold;color: var(--black-color);}
.guarant-card .text-content{padding-left: 62px;}
.guarant-card .text-content .points{font-size: 18px;}
.guarant-card .text-content .points li{position: relative;}
.guarant-card .text-content .points li:before{position: absolute;top: 12px;left: -15px;content: '';width: 5px;height: 5px;border-radius: 50em;background-color: var(--black-color);}
.guarant-card a{margin-top: 30px;color: #aaa;display: inline-block;margin-left: 62px;font-size: 16px;}
.arrow3{width: 116px;height: 59px;background: url(../images/arrow3.png) center center no-repeat;background-size: contain;}
.guarant-cards + .arrow3{margin:0 auto;}
.guarant-card a:after{content: '';width: 24px;height: 24px;background: url(../images/ic_arrow_down.png) no-repeat;background-size: contain;transform: rotate(-90deg);opacity: 0.4;position: absolute;}
.guarant-cards > .title{font-size: 45px;margin: 40px auto 50px;}
.graphic-house-sticky{/*position: absolute;top: 0;width: 100%;z-index: 0;border:1px solid #000;pointer-events: none;*//* flex:0 0 400px;*/position: absolute;top: 0;right: 0;width: 44%;height: 100%;order: 2;z-index: 1;}
.graphic-house-sticky .gh-wrapper{/*display: flex;width: 900px;max-width: 90%;margin:0 auto;justify-content: flex-end;*/position: sticky;top: 50%;transform: translate3d(0, -50%, 0);margin-top: 200px;margin-bottom: -200px;}
.graphic-house-sticky .gh-wrapper .graphic-house{position: relative;}
.graphic-house-sticky .gh-wrapper .graphic-house img{opacity: 0;transition: opacity 300ms;}
.graphic-house-sticky .gh-wrapper .graphic-house img:nth-child(1){opacity: 1;}
.graphic-house-sticky .gh-wrapper .graphic-house img:not(:nth-child(1)){/*flex:0 0 44%;max-width: 400px;*//*transform: translate3d(0, -50%, 0);*/position: absolute;opacity: 0;left: 0;}
.for-sticky{position: relative;display: flex;width: 900px;max-width: 90%;margin:0 auto 50px;align-items: stretch;}
.guarant-cards .graphic-house-sticky + div{order: 1;flex: 1 1 auto;}
.min-header .logo-codecohk{width: 218px;margin: 0 18px 0 5px;height: 105px;position: relative;display: block;padding:23px;}
.min-header .logo-codecohk .logo-video{position: relative;width: 100%;height: 0;padding-bottom: 48.2857%;}
.min-header .logo-codecohk .logo-video video{position: absolute;width: 100%;height: 100%;}
.sticky .min-header{margin-top: -80px;}
/* @media only screen and (min-width: 640px){.tooltips .tips{left: 0;}}*/@media only screen and (min-width: 2560px){}
@media only screen and (max-width: 1920px){:root{--font-size: 19px;}
.home-banner .text-block .title{font-size: 3.5vw;}
.home-banner .text-block .tagline:not(:empty){font-size: 1.85vw;}
a.sns-icon{width: 46px;height: 46px;}
.show-case-col5-m3 .section-cards{height: 48vw;}
.full-screen-banner.center-title .section-title{padding-bottom: 30px;}
.full-screen-banner.center-title .section-description{margin: 40px auto 0;}}
@media only screen and (max-width: 1660px){.home-banner .text-block .title{font-size: 3.3vw;}
.home-banner .text-block .tagline:not(:empty){font-size: 1.75vw;}}
@media only screen and (max-width: 1600px){
.header-lt{margin-left: 2vw;}
.header-rt{margin-right: 3vw;}
.freequote-btn{width: 200px;}
.freequote-btn-block{padding: 0 24px;font-size: 19px;}
.header-lt .logo-codecohk{margin: 0 100px 0 0;}
.header-lt nav > ul{display: flex;flex-wrap: wrap;gap: 10px 24px;}
.downloadapp-icon{width: 60px;height: 60px;background-size: 60px 38px;}
.cards-col-4-m2 .bg-elements span:nth-child(1){right: 3vw;bottom: 34vw;}
.cards-col-4-m2 .bg-elements span:nth-child(2){left: 2vw;bottom: 3vw;}
.cards-col-4-m2 .bg-elements span:nth-child(3){right: -6vw;bottom: 3vw;}
.family-count-block, .map-info-block .bottom .content-block .highlight{font-size: 45px;}
.family-count-block:before{width: 45px;height: 45px;}
.map-info-block .top p, .map-info-block .bottom .content-block p{font-size: calc(var(--font-size) * 1.6);}
.map-info-block .top{margin-bottom: 40px;}
.map-info-block .bottom{padding: 32px 0;}
.color-orange .map-info-block .bottom .remark{margin-top: 20px;}
.map-info-block .bottom:after{width: 100px;height: 7px;}
}
@media only screen and (max-width: 1440px){.header-wrapper{font-size: 16px;}
.cta-label{font-size: 1em;}
.home-banner .text-block .tagline:not(:empty){font-size: 1.70vw;/*padding-left: 26px;*/line-height: 38px;margin-bottom: -8px;}
.home-banner .text-block .btn{min-width: 400px;max-width: 100%;}
.home-banner .text-block .tagline:not(:empty):before{width: 4px;border-radius: 2px;}
.home-banner .text-block .description{font-size: 21px;}
.protect-timeline .bg-elements span:nth-child(1){width: 18.4%;}
.protect-timeline .bg-elements span:nth-child(2){width: 18.8%;}
.protect-timeline .bg-elements span:nth-child(3){width: 13.3%;}
.freequote-btn{width: 169px;height: 58px;}
.freequote-btn-block{padding: 0px 23px;font-size: 17px;margin-top: 6px;height: 46px;line-height: 45px;}
.freequote-btn-block:after{width: 42px;height: 35px;}
.header-rt{grid-gap: 0 17px;}
.downloadapp-btn{margin-left: 6px;}
.header-lt .logo-codecohk{width: 318px;margin: 0 38px 0 0;}
.show-case-col5-m3 .section-cards{width: 84%;}
.btn{min-width: 400px;height: 66px;}
.cta-action-btns .btn-red{line-height: 64px;}
.cta-action-btns .btn-blue{line-height: 55px;}
.btn div{height: 66px;font-size: 26px;line-height: 60px;}
*:not(.home-banner) .btn.border-blue div{line-height: 64px;}
.full-screen-banner .title div{font-size: calc(var(--font-size) * 3.2);}
.full-screen-banner .title-with-description .description{font-size: 20px;width: 85%;}
.section-title{padding-bottom: 42px;margin: 62px auto;}
.section-title-left{padding-bottom: 42px;margin: 62px auto;left: 12%;}
.section-title:after{width: 100px;height: 7px;}
.section-title-left:after{width: 100px;height: 7px;left: 56px;}
.testimonial-info{padding-bottom: 35px;}
.testimonial-top .testimonial-block{padding: 35px 40px;}
.testimonial-top .testimonial-block .testimonial-content{padding-left: 35px;}
.testimonial-top .testimonial-msg-block{font-size: 21px;padding: 10px 40px;line-height: 1.7;}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{width: 24px;height: 24px;}
.family-count-block, .map-info-block .bottom .content-block .highlight{font-size: 35px;}
.family-count-block:before{width: 35px;height: 35px;}
.map-info-block .top p, .map-info-block .bottom .content-block p{font-size: calc(var(--font-size) * 1.5);}
.map-info-block .top{margin-bottom: 35px;}
.map-info-block .bottom{padding: 35px 0;}
.color-orange .map-info-block .bottom .remark{margin-top: 10px;}
.map-info-block .bottom:after{width: 80px;height: 6px;}
.map-info-block .btn{min-width: auto;width: 90%;}
.steps-block{grid-gap: 0 60px;}
.step-block{margin: 50px 0;}
.step-block .step-bullet{font-size: 27px;width: 62px;height: 62px;flex: 0 0 62px;line-height: 58px;}
.step-content{padding: 10px 0 10px 18px;}
.step-content .title{font-size: 27px;}
.steps-block:after{height: 4px;top: 77px;}
.step-block{padding: 0 22px;}
.step-content .description{margin: 3px 1px;}
.knowledge-tags{grid-gap: 0 20px;}
.knowledge-tags .knowledge-tag{height: 48px;}
.knowledge-tags .knowledge-tag.btn div{font-size: 20px;height: 48px;line-height: 41px !important;padding: 0 28px;}
.knowledges-block{margin: 48px auto 96px;gap: 60px 2%;}
.current-lang{padding-right: 23px;font-size: 23px;}
.current-lang:after{top: 12px;border-width: 11px 8px 0 8px;}
.lang-dropdown-lists{padding: 11px 0;}
.header-lt nav .haveSubLevel > a:before{width: 20px;height: 20px;top: 2px;}
.header-lt nav .haveSubLevel > a{padding-right: 22px;}
.noHousePercent .timeline-card-slide, .noHousePercent .timeline-body:after{flex: 0 0 45%;}
.home-banner .text-block .btn{margin-top: 40px;}}
@media only screen and (max-width: 1280px){:root{--font-size: 16px;}
*:not(.home-banner) .btn.border-blue div{line-height: 54px;}
header{height: 140px;}
.nav-container{top: 140px;}
.full-screen-banner .title div{font-size: calc(var(--font-size) * 3.2);}
.home-sologan-block .sologan-block{width: 395px;height: 198px;padding: 0px 10px;}
.home-banner .text-block .btn{min-width: 300px;}
.home-banner .sologan{font-size: 45px;padding: 0px 10px;}
.home-banner .sologan:after{height: calc(45px * 1.2);}
.freequote-btn{width: 149px;height: 50px;}
.freequote-btn-block{padding: 0px 21px;font-size: 15px;margin-top: 5px;height: 42px;line-height: 41px;}
.freequote-btn-block:after{width: 36px;height: 33px;}
.header-rt{grid-gap: 0 13px;margin-right: 2vw;}
.header-lt{margin-left:0;}
.downloadapp-btn{margin-left: 6px;}
.header-lt .logo-codecohk{width: 190px;margin: 0px 20px 0 0;}
.header-lt nav .haveSubLevel:hover .nav-sub-dropdown{margin-top: 10px;}
.haveSubLevel .nav-sub-dropdown ul{font-size: 15px;padding: 27px 35px;}
.nav-sub-sub-title{padding: 24px 35px;font-size: 19px;}
.haveSubLevel .sub-cate a .icon{width: 42px;height: 42px;flex: 0 0 42px;}
.nav-sub-sub-title > div:after{width: 25px;height: 25px;}
.header-lt nav > ul{/*display: flex;flex-wrap: wrap;*/grid-template-columns: auto auto auto auto auto;gap: 9px 19px;}
.full-screen-banner .title-with-description .description{font-size: 17px;}
.show-case-col5-m3 .section-cards{width: 84%;height: 65vw;}
.section-title{padding-bottom: 26px;margin: 56px auto;font-size: calc(var(--font-size) * 2.5);}
.section-title-left{padding-bottom: 26px;margin: 56px auto;font-size: calc(var(--font-size) * 2.5);}
.section-title:after{width: 90px;}
.section-title-left:after{width: 90px;left: 35px;}
.swiper-slide .testimonial-msg-block{padding: 5px 25px;font-size: 17px;line-height: 1.5;}
.full-screen-banner.center-title{padding-top: 28.36%;}
.tagline{font-size: 25px;}
.swiper-slide .testimonial-info{padding-bottom: 13px;margin-top: -35px;}
.swiper-slide .testimonial-block{padding: 24px 24px 18px;}
div:not(.testimonial-top) .testimonial-info .profile-img{width: 65px;flex: 0 0 65px;margin-right: 14px;height: 65px;}
.testimonials-list{height: 55vw;}
.testimonials-list .swiper-slide{width: 30vw;}
.testimonial-center-logo .circle1{width: calc(30vw);height: calc(30vw);}
.testimonial-info{padding-bottom: 25px;}
.testimonial-top .testimonial-block{padding: 25px 30px;}
.testimonial-top .testimonial-block .testimonial-content{padding-left: 25px;}
.testimonial-top .testimonial-msg-block{font-size: 20px;padding: 10px 34px;}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{width: 20px;height: 20px;}
.testimonial-info .profile-img{width: 75px;flex: 0 0 75px;margin-right: 14px;height: 75px;}
.family-count-block, .map-info-block .bottom .content-block .highlight{font-size: 35px;}
.family-count-block:before{width: 35px;height: 35px;}
.map-info-block .top p, .map-info-block .bottom .content-block p{font-size: calc(var(--font-size) * 1.5);}
.map-info-block .top{margin-bottom: 35px;}
.map-info-block .bottom{padding: 35px 0;}
.color-orange .map-info-block .bottom .remark{margin-top: 10px;}
.map-info-block .bottom:after{width: 80px;height: 6px;}
.map-info-block .btn{min-width: auto;width: 90%;}
.news-content{padding: 15px 20px 6px;}
.news-content .by{font-size: 13px;}
.news-content .by .media-logo{flex: 0 0 39px;height: 36px;margin-right: 6px;}
.news-lists{margin: 0 auto 60px;}
.media-lists{margin: 20px auto 80px;grid-gap: 26px;}
.services-block{grid-gap: 0 34px;/*margin: -75px auto 75px;*/margin: 0 auto 75px;}
.service-block .title{font-size: 26px;}
.service-block{border-radius: 20px;padding: 20px 29px;}
.step-block{padding: 0 18px;}
.full-screen-banner.center-title .section-description{margin: 33px auto 0;}
.step-block .step-bullet{font-size: 24px;width: 58px;height: 58px;flex: 0 0 58px;line-height: 54px;}
.step-content .title{font-size: 25px;}
.step-content .description{font-size: 15px;}
.cal-fields{grid-gap: 23px;margin-bottom: 25px;}
.cal-field{padding: 32px;}
.cal-field .title{font-size: 21px;padding-bottom: 32px;}
.cal-field .cal-input-bar{font-size: 30px;width: 194px;height: 46px;margin: 0 auto 24px;}
.cal-field .cal-input-bar .btn-prev, .cal-field .cal-input-bar .btn-next{width: 36px;height: 36px;}
.home-calculator-container .cal-checkboxes{padding: 40px 47px;margin-bottom: 30px;}
.cal-checkbox{font-size: 22px;}
.cal-checkbox input + label:before{width: 21px;height: 21px;margin-right: 19px;}
.cal-checkbox + .cal-checkbox{margin-top: 15px;}
.home-calculator-container .remark{margin-top: 44px;}
.cal-result-bar .label{font-size: 18px;}
.cal-result-bar .amount{font-size: 25px;}
.cal-result-bar{padding: 25px 40px;}
.h-cal-result-block{max-width: 55%;}
.home-banner .text-block .description{font-size: 18px;}
.home-banner .text-block{padding: 0 60px 0 90px;}
/* .home-banner .text-block .btn{margin-top: 48px;}*/.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col a > div:after{width: 15px;height: 15px;right: -20px;}
.app-promotion .center-image{margin-top: -6vw;}
.app-promotion .big-keyword{font-size: 28px;font-weight: bold;padding: 20px;letter-spacing: .25em;}
.app-promotion .big-keyword div + div{padding-left: 25px;}
.app-promotion .big-keyword div + div:before{width: 9px;height: 9px;margin-right: 30px;}
.stepper span{width: 35px;height: 35px;line-height: 30px;font-size: 16px;margin: 0 28px;}
.stepper:after{width: calc(200px + 265px);}
.guarant-cards > .title{font-size: 39px;margin:20px auto 40px;}}
@media only screen and (max-width: 1150px){.header-lt nav > ul{grid-template-columns: auto auto auto auto;gap: 9px 19px;}
.header-rt{grid-gap: 0 10px;}
.search-btn{margin-right: -0.4em;}
.show-case-col5-m3 .card .card-title .text{font-size: 16px;}
.home-banner .text-block .btn{min-width: 300px;margin-top: 40px;}}
@media only screen and (max-width: 1024px){.full-screen-banner{padding-top: 46.14%;}
.house-texts .text:nth-child(2){right: -40%;}
.house-texts .text:nth-child(4){left: -40%;}
.cta-label{font-size: 0.5em;margin: 1em 0 0;}
.home-banner .text-block{padding: 0 5vw;}
.home-banner .text-block .description{font-size: 14px;margin-top: 6px;}
.home-banner .text-block .btn{margin-top: 36px;min-width: 240px;}
/* .home-banner .text-block .btn{margin-top: 20px;width: 100%;min-width: auto;max-width: 240px;}*//* .home-banner .btn div{font-size: 19px;line-height: 48px;height: 50px;}*/.home-banner .text-block .tagline:not(:empty){/*padding-left: 24px;*/line-height: 26px;padding-right: 0;margin-bottom: -6px;}
.home-banner .tooltips:before, .home-banner .tooltips{width: 14px;height: 14px;}
.home-banner .tooltips:before{font-size: 11px;}
.home-banner .tooltips{margin: -1px 3px;}
.header-lt nav > ul{display: flex;}
.header-lt nav .haveSubLevel:hover .nav-sub-dropdown{flex-wrap: nowrap;}
.full-screen-banner .title div{font-size: calc(var(--font-size) * 2.9);}
.full-screen-banner.center-title .section-title{font-size: calc(var(--font-size) * 2.7);}
.full-screen-banner.center-title .section-description{font-size: calc(var(--font-size) * 1.5);}
.timeline-card-slide .description{font-size: 22px;}
.timeline-card-slide .points{font-size: 17px;}
.timeline-card-slide .btn div{height: 44px;line-height: 42px;font-size: 19px;padding: 0 35px;}
.timeline-card-slide .btn{height: 44px;margin-top: 22px;}
.timeline .house{width: 144px;height: 118px;}
.timeline .house span{font-size: 42px;}
.timeline .house .count{font-size: 22px;}
.timeline-card .title-with-icon .icon{width: 85px;height: 85px;}
.home-sologan-block .sologan-block{width: 315px;height: 158px;padding: 0px 10px;}
.home-banner .sologan{font-size: 36px;}
.home-banner .sologan:after{height: calc(36px * 1.2);}
/* .home-banner .btn{min-width: 294px;}*/.card .card-title .text{font-size: calc(var(--font-size) * 1.5);letter-spacing: 2px;}
.show-case-col5-m3 .card .card-title .text{font-size: 13px;}
.section-cards .card{border-radius: calc(var(--big-border-radius) * 0.8);}
header{height: 110px;}
.freequote-btn{width: 129px;height: 40px;}
.freequote-btn-block{padding: 0px 17px;font-size: 14px;margin-top: 2px;height: 38px;line-height: 37px;}
.freequote-btn-block:after{width: 30px;height: 30px;}
.header-rt{grid-gap: 0 0px;padding-left: 25px;position: relative;}
.header-rt .search-btn{position: absolute;right: calc(100% - 46px);}
.downloadapp-btn{margin-left: 6px;}
.header-lt .logo-codecohk{width: 200px;margin: 0px 15px 0 0; font-size:26px}
header.sticky .header-lt .logo-codecohk {
    width: 100px;
    font-size: 26px;
}
.header-lt nav > ul{/*display: flex;grid-gap: 0 24px;*/gap: 9px 15px;grid-template-columns: auto auto auto;}
.downloadapp-icon{width: 50px;height: 50px;background-size: 50px 33px;}
.btn{min-width: 300px;height: 60px;}
.btn div{height: 60px;font-size: 23px;line-height: 54px;}
.cta-action-btns .btn-red{line-height: 56px;}
.cta-action-btns .btn-blue{line-height: 50px;}
*:not(.home-banner) .btn.border-blue div{line-height: 54px;}
.section-title{padding-bottom: 30px;margin: 46px auto;font-size: calc(var(--font-size) * 2);}
.testimonials-list{height: 65vw;}
.testimonials-list .swiper-slide{width: 36vw;}
.testimonial-info{padding-bottom: 20px;}
.testimonial-top .testimonial-block{padding: 20px 25px;}
.testimonial-top .testimonial-block .testimonial-content{padding-left: 20px;}
.testimonial-top .testimonial-msg-block{font-size: 17px;padding: 7px 30px;}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{width: 17px;height: 17px;}
.testimonial-info .profile-img{width: 70px;flex: 0 0 70px;margin-right: 12px;height: 70px;}
.family-count-block, .map-info-block .bottom .content-block .highlight{font-size: 25px;}
.family-count-block:before{width: 25px;height: 25px;}
.map-info-block .top p, .map-info-block .bottom .content-block p{font-size: calc(var(--font-size) * 1.3);}
.map-info-block .top{margin-bottom: 30px;}
.map-info-block .bottom{padding: 30px 0;}
.color-orange .map-info-block .bottom .remark{margin-top: 10px;font-size: calc(var(--font-size) * 0.9);}
.map-info-block .bottom:after{width: 65px;height: 5px;}
.map-info-block .btn{min-width: auto;width: 90%;height: 60px;}
.map-info-block .btn div{height: 60px;line-height: 58px;font-size: 23px;}
.news-lists{margin: 0 auto 60px;flex-wrap: wrap;grid-gap: 20px 2%;justify-content: center;}
.news-list{flex: 0 0 49%;}
.services-block{grid-gap: 0 14px;/*margin: -42px auto 50px;*/margin: 0 auto 50px;}
.service-block{border-radius: 12px;padding: 14px 16px;}
.service-block .icon{margin-bottom: 30px;}
.service-block .title{font-size: 22px;}
.service-block:after{width: 22px;padding-top: 22px;margin: 34px auto 12px;}
.discounts-block{margin: 0 auto 46px;}
.full-screen-banner.center-title{padding-top: 28.36%;}
.services-block{grid-gap: 0 24px;margin: -60px auto 60px;}
.service-block .title{font-size: 26px;}
.service-block{border-radius: 16px;padding: 16px 23px;}
.service-block .icon{margin-bottom: 34px;}
.service-block:after{width: 26px;padding-top: 26px;margin: 42px auto 18px;}
.step-block .step-bullet{font-size: 20px;width: 49px;height: 49px;flex: 0 0 49px;line-height: 45px;}
.step-content{padding: 8px 0 8px 15px;}
.step-content .title{font-size: 23px;}
.step-block{margin: 40px 0;padding: 0 10px;}
.steps-block:after{height: 3px;top: 63px;}
.knowledge-tags{flex-wrap: wrap;}
.knowledge-tags .knowledge-tag.btn div{font-size: 16px;height: 40px;line-height: 35px;padding: 0 23px;}
.knowledge-tags .knowledge-tag{height: 40px;}
.knowledge-tags{grid-gap: 13px;}
.section-title:after{width: 75px;height: 5px;}
.section-title-left:after{width: 75px;height: 5px;left: 40px;}
.faq-block{font-size: 21px;}
.faq-block .faq-q{padding-right: 30px;}
.faq-block:after{width: 25px;height: 25px;flex: 0 0 25px;}
.full-screen-banner.center-title .section-title{padding-bottom: 26px;font-size: calc(var(--font-size) * 2.4);}
.full-screen-banner.center-title .section-description{margin: 33px auto 0;}
section + section, section + section + section{padding-top: 170px;padding-bottom: 0;}
.home-calculator{max-width: 95%;}
.cal-fields{grid-gap: 15px;}
.cal-field{padding: 22px;}
.cal-field .title{font-size: 18px;padding-bottom: 26px;}
.cal-field .cal-input-bar .btn-prev, .cal-field .cal-input-bar .btn-next{width: 26px;height: 26px;margin: 0 5px;}
.cal-field .cal-input-bar{font-size: 23px;width: 150px;height: 36px;margin: 0px auto 22px;}
.home-calculator-container .cal-checkboxes{padding: 30px 40px;margin-bottom: 20px;}
.cal-checkbox{font-size: 18px;}
.cal-checkbox input + label:before{width: 18px;height: 18px;margin-right: 16px;}
.cal-checkbox + .cal-checkbox{margin-top: 12px;}
.h-cal-result-block{max-width: 70%;}
.cal-result-bar{padding: 22px 32px;margin-bottom: 19px;}
.h-cal-result-block a.cal-again{font-size: 19px;margin: 0px auto 16px;}
.h-cal-result-block a.cal-again:before{width: 23px;height: 23px;margin-right: 8px;}
header:after{height: 110px;}
.section-title + .description, .remark-blue-block + .description, .full-screen-banner + .description, .app-promotion .description, .know-more-block .description, .request-thank-block + .description{font-size: 17px;}
.nav-sub-sub-section{min-width: 220px;}
.steppers{margin: 30px auto 30px;}
.noHousePercent .timeline-card-slide{margin-bottom: 70px;}
.noHousePercent .timeline-body:after{display: none;}
.noHousePercent .timeline-card-slide{flex: 0 0 100%;}
.noHousePercent .timeline .sticky-house{margin-top: 0;}
.noHousePercent .timeline-card .text-content{min-width: 36%;}
.noHousePercent .protect-timeline .bg-elements span:nth-child(1), .noHousePercent .protect-timeline .bg-elements span:nth-child(2), .noHousePercent .protect-timeline .bg-elements span:nth-child(3){transform: scale(1);}
/* ver.B*/.graphic-house-sticky .gh-wrapper{margin-top: calc(45vw * .44);margin-bottom: calc(-45vw * .44);}}
.home-banner .text-block .btn{margin-top: 20px;width: 100%;}
.home-banner .text-block .btn div{font-size: 19px;line-height: 48px;height: 50px;}
@media only screen and (max-width: 768px){#main{padding-top: 120px;}
.home-banner .text-block .btn{width: 100%;margin-top: 24px;min-width: 200px;max-width: 100%;}
.home-banner .text-block .btn div{height: 48px;font-size: 18px;line-height: 44px;}
.home-banner .text-block{padding: 0 57px;}
.home-banner .text-block .description{font-size: 12px;}
.nav-sub-sub-section{min-width: 220px;}
.nav-sub-sub-title{font-size: 19px;padding: 24px 33px;}
.haveSubLevel .nav-sub-dropdown ul{grid-gap: 18px 30px;padding: 28px 33px;font-size: 16px;}
.haveSubLevel .sub-cate a .icon{width: 39px;height: 39px;background-size: contain;flex: 0 0 39px;margin-right: 6px;}
.haveSubLevel .sub-cate .description{font-size: 14px;}
.nav-sub-sub-section + .nav-sub-sub-section{margin-left: 3px;}
.header-lt nav .haveSubLevel:nth-child(6):hover .nav-sub-dropdown{right: 0;left: auto;}
.nav-sub-dropdown{margin-left: -18px;}
.header-lt nav .haveSubLevel:hover .nav-sub-dropdown{left: 18px;}
.full-screen-banner .title div{font-size: calc(var(--font-size) * 2.4);}
.timeline-card-slide .description{font-size: 20px;margin-bottom: 7px;}
.timeline-card-slide .points{font-size: 15px;}
.timeline-card-slide .btn div{height: 40px;line-height: 38px;font-size: 16px;padding: 0 30px;}
.timeline-card-slide .btn{height: 40px;margin-top: 17px;float: left;}
.timeline .house{width: 140px;height: 118px;}
.timeline .house span{font-size: 39px;}
.timeline .house .count{font-size: 21px;margin-top: 8px;}
.timeline-body:before{width: 2px;margin-left: -1px;}
.timeline-card .title-with-icon .icon{width: 75px;height: 75px;}
.house100 .circle1{width: 352px;height: 352px;}
.home-hero-banner{margin-top: 40px;}
.timeline-body:after{height: 230px;}
.house100 .circle2 .msg{font-size: 29px;}
.house100 .circle-element span:nth-child(1){left: calc(176px + 39%);margin-top: 6%;}
.house100 .circle-element span:nth-child(2){left: calc(176px + 50%);margin-top: 19%;}
.house100 .circle-element span:nth-child(3){left: calc(50% - 176px - 9.4%);margin-top: 60%;}
.house100 .circle-element span:nth-child(4){left: calc(50% - 176px - 6%);margin-top: 27.5%;}
.house100 .circle-element span:nth-child(5){left: calc(176px + 49%);margin-top: 76%;}
.house100{width: 352px;height: 352px;}
.house-texts .text{font-size: 18px;}
.house-texts .text:nth-child(1){top: -10%;right: -10%;}
.house-texts .text:nth-child(2){bottom: 25%;right: -40%;}
.house-texts .text:nth-child(3){bottom: -30%;}
.house-texts .text:nth-child(4){left: -40%;}
.house-texts .text:nth-child(5){top: -10%;left: -10%;}
.house-texts .text.active{transform: scale(1.3);}
.house100 + .btn{top: calc(50% + 266px);}
.timeline-card-slide{max-width: 600px;}
.timeline-body{margin-bottom: 160px;}
.card .card-title .text{font-size: calc(var(--font-size) * 1.2);letter-spacing: 2px;}
.show-case-col5-m3 .section-cards{width: 90%;height: 70vw;}
.tagline{font-size: 21px;}
.cards-col-4-m2 .bg-elements span:nth-child(3){right: -6vw;bottom: 5vw;width: 322px;height: 164px;border-radius: 32px;}
.cards-col-4-m2 .bg-elements span:nth-child(2){left: 2vw;bottom: 5vw;width: 143px;height: 126px;border-radius: 19px;}
.cards-col-4-m2 .bg-elements span:nth-child(1){right: 3vw;bottom: 39vw;width: 48px;height: 33px;}
.downloadapp-btn{display: none;}
.nav-container{flex: 1 1 auto;top: 105px;}
.map-info-block{left: 3%;min-width: 39%;}
.header-lt nav ul{/*grid-gap: 0 16px;flex-wrap: wrap;*/grid-template-columns: auto auto;}
.full-screen-banner.for-map{padding-top: 60.36%;}
.testimonials-list .swiper-slide{width: 46vw;}
.testimonials-list{height: 90vw;}
.testimonial-info{padding-bottom: 13px;}
.testimonial-top .testimonial-block{padding: 15px 20px;}
.testimonial-top .testimonial-block .testimonial-content{padding-left: 15px;}
.testimonial-top .testimonial-msg-block{font-size: 14px;padding: 5px 23px;}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{width: 15px;height: 15px;}
.swiper-slide .testimonial-msg-block{font-size: 15px;}
.testimonial-info .profile-img{width: 54px;flex: 0 0 54px;margin-right: 10px;height: 54px;}
.media-list{flex: 0 1 7%;}
.media-lists{margin: 20px auto 80px;grid-gap: 26px;max-width: 90%;}
.knowledges-block .title{padding: 11px 12px;}
.knowledges-block .title{padding: 11px 12px;}
.knowledges-block{gap: 40px 2%;}
.partners-block{grid-template-columns: auto auto auto auto auto;}
.services-block{max-width: 90%;grid-gap: 0 14px;margin: -50px auto 60px;}
.service-block{border-radius: 14px;padding: 16px 18px;}
.service-block .icon{margin-bottom: 28px;}
.service-block .title{font-size: 20px;}
.service-block:after{width: 22px;padding-top: 22px;margin: 32px auto 15px;}
.full-screen-banner:before, .full-screen-banner:after{min-height: 22px;}
.full-screen-banner.center-title .section-title{padding-bottom: 19px;font-size: calc(var(--font-size) * 2.4);}
.full-screen-banner.center-title .section-description{margin: 24px auto 0;}
.step-block{margin: 28px auto;flex: 0 0 calc(33% - 0px);}
.step-block .step-bullet{font-size: 17px;width: 42px;height: 42px;flex: 0 0 42px;line-height: 39px;position: relative;}
.step-content{padding: 5px 0 5px 12px;}
.step-content .title{font-size: 20px;}
.step-content .description{font-size: 13px;}
.steps-block:after{height: 3px;top: 46px;}
.steps-block{grid-gap: 0 40px;}
.section-title + .description, .remark-blue-block + .description, .full-screen-banner + .description, .app-promotion .description, .know-more-block .description, .request-thank-block + .description , .vv_module{max-width: 90%;font-size: 17px;text-align: left;}
.full-screen-banner + .description{margin: 2em auto 3em;text-align: justify;}
.section-title + .description .tooltips, .remark-blue-block + .description .tooltips, .full-screen-banner + .description .tooltips{width: 16px;height: 16px;}
.section-title + .description .tooltips:before, .remark-blue-block + .description .tooltips:before, .full-screen-banner + .description .tooltips:before{width: 16px;height: 16px;}
.app-promotion .big-keyword{font-size: 23px;font-weight: bold;padding: 10px;letter-spacing: .25em;}
.app-promotion .big-keyword div + div{padding-left: 20px;}
.app-promotion .big-keyword div + div:before{width: 9px;height: 9px;margin-right: 29px;}
.noHousePercent .timeline-card .text-content{min-width: 42%;}
/* ver.B*/.guarant-card .top .lt .number{width: 36px;height: 36px;line-height: 34px;font-size: 20px;}
.guarant-card .top .rt .label{font-size: 30px;line-height: 34px;}
.guarant-card .top .rt .title{font-size: 24px;}
.guarant-card .top{margin-bottom: 16px;}
.guarant-card a{margin-top: 16px;margin-left: 51px;font-size: 14px;}
.guarant-card a:after{width: 22px;height: 22px;}
.guarant-card .text-content .points{font-size: 16px;}
.guarant-card .text-content{padding-left: 51px;}}
@media only screen and (max-width: 640px){:root{--font-size: 14px;--sm-border-radius: 4px;--big-border-radius: 13px;--swiper-theme-color: #47adff;--swiper-pagination-bullet-width: 9px;--swiper-pagination-bullet-height: 9px;--swiper-pagination-bullet-horizontal-gap: 0px;}
#main{padding-top: 0;}
#top_bar{position: fixed;}
#sec0.home-hero-banner{margin-top: 0;}
.home-banner.typeB{width: 64%;}
.home-banner .text-block{padding: 0;}
.home-hero-banner.typeB{flex-direction: column;height: 85vw;}
.home-hero-banner .home-banner.typeB{order: 2;top: 0;left: 0;transform: translate3d(0, 0, 0);position: relative;width: calc(100% - 34px);height: auto;padding: 0;margin: -35px auto 0;box-shadow: var(--shadow);}
.home-banner .text-block{padding: 17px 34px;background: #fff;height: auto;position: relative;}
.home-banner .text-block .tagline:not(:empty){line-height: 26px;margin-bottom: -3px;font-size: 16px;}
.home-banner .text-block .title{font-size: 8.1vw;}
.home-banner .text-block .description{margin-top: 11px;font-size: 17px;line-height: 1.9;}
.section-title.hide-bar{margin-bottom: 20px;margin-top: 20px;}
/* .home-banner .text-block .btn{min-width: auto;width: 100%;margin: 23px auto 12px;position: relative;top: auto;max-width: none;}*/.home-hero-banner .home-banner.typeB + .hero-banner{position: relative;width: 100%;height: 70vw;}
header{position: relative;background: transparent;}
.revamp .cards-col-4-m2{padding-top:0px;}
.revamp .cards-col-4-m2{padding-top: 30px;}
.home-hero-banner .hero-banner .swiper .swiper-pagination{padding-right: 9px;text-align: right;bottom: 21px;display: flex;flex-direction: column;width: 9px;right: 16px;left: auto;grid-gap: 12px 0;display: none;}
.freequote-btn{display: none;}
.nav-container{display: none;}
.header-lt{margin-left: 5px;}
.header-rt{margin-right: 5px;padding-left: 46px;}
header{height: 56px;position: relative;z-index: 4;}
/*header:after{width: 100%;height: 190%;position: absolute;content: '';display: block;z-index: -1;top: 0;left: 0;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);transform: translate3d(0,0,0);}*/.header-rt .search-btn input.search-input{width: 184px;}
.header-wrapper{overflow: hidden;}
.header-lt .logo-codecohk{width:230px;margin: 0;}
.hero-banner{width: 100%;}
.search-icon-container .search_label{background-size: 20px;}
.home-hero-banner{padding-top: 0;height: 100vw;margin-top: 0;}
#sec0, #sec0.standard-banner{margin-top: 0;}
header:after{display: none;}
.home-hero-banner .hero-banner .swiper{border-radius: 0;}
.home-hero-banner .home-banner{position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);background: transparent;}
.home-sologan-block{transform: translate3d(-50%, -63%, 0);}
.home-hero-banner .hero-banner{width: 100%;}
/* .home-banner .btn{min-width: 90%;margin-top: 28px;}*/.home-banner .sologan{padding: 0;font-size: 28px;}
.home-sologan-block .sologan-block{width: 232px;height: 116px;background: rgba(255, 255, 255, .5);}
.home-banner .sologan:after{height: calc(28px * 1.2);margin: 5px 0 0 6px;}
/* .home-banner .btn{height: 50px;top: 52vw;position: absolute;left: 0;width: 100%;margin-top: 0;}*/.cursor-move{position: absolute;width: 28px;height: 28px;top: 95%;}
/* .home-banner .btn div{font-size: 17px;line-height: 48px;height: 50px;}*/.corner-dots span:before, .corner-dots span:after{width: 6px;height: 6px;background: #eee;}
.home-hero-banner .hero-banner .swiper:after{position: absolute;width: 100%;height: 120px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);content: '';bottom: 0;left: 0;z-index: 1;}
.btn{min-width: 75%;height: 54px;}
.btn div{height: 54px;font-size: 19px;line-height: 54px;}
.cta-action-btns .btn-red{line-height: 52px;}
.section-title{margin: 30px 12px 35px;display: block;padding: 0 0 0 24px;text-align: left;font-size: calc(var(--font-size) * 2.2);}
.section-title-left{font-size: calc(var(--font-size) * 2.2);}
.timeline .sticky-house .section-title{padding: 0;text-align: center;}
.tooltips{width: 17px;height: 17px;margin: 0 4px;}
.tooltips:before{width: 17px;height: 17px;font-size: 12px;}
.section-title:after{top: 0;left: 0;width: 6px;height: 100%;}
.section-title-left:after{left: 30px;width: 60px;height: 7px;}
section + section, section + section + section{padding-top: 60px;padding-bottom: 0;}
*:not(.home-banner) .btn.border-blue div{line-height: 47px;}
.timeline-card-slide .points{font-size: 15px;}
.show-case-col5-m3 .section-cards{width: calc(100% - 5%);grid-gap: 0 6px;height: auto;}
.show-case-col5-m3 .card{padding-top: calc(50% - 3px);flex: 0 0 calc(50% - 3px);margin-bottom: 6px;}
.show-case-col5-m3 .card + .card + .card + .card + .card + .card + .card + .card + .card + .card + .card + .card + .card{display: none;}
.show-case-col5-m3 .card .card-title .text{font-size: 10px;padding-bottom: 6px;margin-bottom: 6px;}
.tagline-with-border{width: 90%;margin: 20px auto 30px;}
.tagline{font-size: 17px;padding: 0 7px;}
.card .card-title .cta{font-size: calc(var(--font-size) * .785);}
.card .card-title .cta:after{width: 14px;height: 14px;}
.card .card-title .text{font-size: calc(var(--font-size) * 1.5);letter-spacing: 1px;padding-bottom: 13px;margin-bottom: 8px;}
.card .card-title .text:after{height: 4px;}
.cards-col-4-m2 .bg-elements{display: none;}
.cards-col-4-m2 .section-cards{width: calc(100% - 16px);grid-gap: 8px;flex-wrap: wrap;}
.cards-col-4-m2 .card{flex: 1 1 calc(50% - 8px);padding-top: 61%;}
.protect-timeline .bg-elements{overflow-x: hidden;top: 130vh;pointer-events: none;z-index: 3;}
.timeline-card-slide{max-width: 100%;margin: 80% auto 0%;}
.full-screen-banner{padding-top: 136%;}
/*.full-screen-banner.rt-title .full-screen-bg,.full-screen-banner.lt-title .full-screen-bg{height: 65%;background-position: 16% center;}*/.full-screen-banner.rt-title .title, .full-screen-banner.lt-title .title{width: 100%;height: 35%;bottom: 0;top: auto;}
.full-screen-banner.rt-title .title div, .full-screen-banner.lt-title .title div{font-size: calc(var(--font-size) * 3);flex: 0 0 80%;padding-right: 0;padding-bottom: 34px;}
.full-screen-banner.rt-title .title:after, .full-screen-banner.lt-title .title:after{top: calc(-20% + 1px);left: 0;height: 20%;width: 100%;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);margin: 0;}
.testimonials-list .swiper-slide:nth-child(1), .testimonials-list .swiper-slide:nth-child(2), .testimonials-list .swiper-slide:nth-child(3), .testimonials-list .swiper-slide:nth-child(4){position: relative;top: auto;left: auto;right: auto;width: auto;}
.testimonials-list .swiper-wrapper{position: relative;align-items: stretch;}
.testimonials-list{height: auto;max-width: 100%;margin-bottom: 0;overflow-x: hidden;padding-bottom: 50px;}
.testimonial-top{max-width: calc(100% - 22px);margin: 0 auto 24px;}
.swiper-slide .testimonial-block{margin: 0 11px;height: 100%;}
.testimonial-top .testimonial-block{flex-direction: column-reverse;}
.testimonial-top .testimonial-block .testimonial-content{padding-left: 0;padding-bottom: 20px;}
.testimonial-top .testimonial-block .video-player{padding-top: 56.25%;}
.testimonial-top .testimonial-msg-block{font-size: 13px;padding: 12px 24px;}
.swiper-slide .testimonial-msg-block{font-size: 13px;padding: 5px 24px;}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{width: 18px;height: 18px;}
.testimonial-center-logo{display: none;}
.testimonials-list .swiper-slide{height: auto;}
.map-grahpic{width: 100%;top: -22%;}
.map-info-block{left: 18px;min-width: calc(100% - 36px);top: 100%;padding: 37px;}
.family-count-block, .map-info-block .bottom .content-block .highlight{font-size: 30px;}
.family-count-block:before{width: 30px;height: 30px;}
.map-info-block .top p, .map-info-block .bottom .content-block p{font-size: calc(var(--font-size) * 1.7);}
.map-info-block .bottom:after{width: 60px;height: 4px;}
.map-info-block .btn{min-width: auto;width: 100%;height: 58px;}
.map-info-block .btn div{height: 58px;line-height: 56px;font-size: 21px;}
.full-screen-banner.for-map{padding-top: 120.36%;margin-bottom: 50%;}
.news-lists{grid-gap: 15px 0;margin: 0 auto 40px;max-width: calc(100% - 22px);}
.news-list{flex: 0 0 100%;}
.news-content{padding: 15px 15px 6px;}
.media-lists{grid-gap: 18px 29px;margin: 20px auto 42px;}
.media-list{flex: 0 1 16%;}
.media-list.bigger1{flex: 0 1 20%;}
.steps-block{flex-wrap: wrap;margin: 0 auto 43px;}
.step-block{padding: 7px 0 0;flex: 0 0 70%;margin: 28px auto 0;justify-content: flex-start;}
.steps-block:after{display: none;}
.step-block:not(:last-child) .step-bullet:after{content: '';width: 3px;height: 100%;background: #D5D5D5;z-index: 0;position: absolute;top: 48px;left: 20px;}
.partners-block{grid-template-columns: auto auto auto;margin: 0 auto 30px;}
.full-screen-banner.center-title{padding-top: 56.36%;}
.full-screen-banner.center-title .title{left: 24px;transform: translate3d(0, -50%, 0);}
.full-screen-banner.center-title .section-title:after{top: -6px;}
.full-screen-banner:before, .full-screen-banner:after{min-height: 14px;height: 4.8%;}
.full-screen-banner.center-title .section-description{margin: 0 auto;padding-left: 24px;left: 0;text-align: left;transform: translate3d(0, 0, 0);font-size: calc(var(--font-size) * 1.3);}
.services-block{flex-wrap: wrap;grid-gap: 6px;margin: -40px auto 40px;}
.service-block{border-radius: 12px;padding: 9px 12px;flex: 1 1 calc(50% - 8px);grid-gap: 0 7px;box-shadow: 0 4px 14px rgba(0, 0, 0, .04);flex-direction: row;}
.service-block .icon{margin-bottom: 0;width: 39px;padding-top: 39px;flex: 0 0 39px;}
.service-block .title{-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;font-size: 17px;letter-spacing: 0;flex: 1 1 auto;text-align: center;}
.service-block:after{display: none;}
.discounts-block{grid-template-columns: auto;gap: 7px;max-width: calc(100% - 22px);}
.discount-block, .news-list, .knowledge-block{box-shadow: none;transition: none !important;}
.discount-block:hover, .news-list:hover, .knowledge-block:hover{transform: none;box-shadow: none;}
.knowledges-block{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 20px 6%;margin: 38px auto 56px;max-width: calc(100% - 22px);}
.knowledges-block .title{padding: 11px 0px;}
.knowledge-tags .knowledge-tag.btn div{line-height: 32px !important;font-size: 14px;height: 36px;padding: 0 18px;}
.knowledge-tags .knowledge-tag{height: 36px;}
.knowledge-tags{grid-gap: 8px;justify-content: flex-start;max-width: calc(100% - 22px);}
.faqs-block{max-width: calc(100% - 16px);margin: 0 0 0 16px;overflow-x: hidden;padding-bottom: 26px;}
.faq-block{font-size: 15px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.faq-block .faq-q{padding-right: 20px;padding-left: 23px;}

.faq-block:after{display: none;}
.faq-block.open .faq-a{font-size: 14px;padding: 14px 23px 21px;line-height: 1.7;}
.faq-block .faq-q:after{width: 30px;height: 30px;flex: 0 0 30px;}
.faq-block .faq-q .title{padding: 17px 18px 17px 0;}

.desktop-revamp{display: none;}
.mobile-revamp{display: block;}
.protect-timeline .section-description{padding: 0 32px;text-align: left;}
.timeline .house{top: 40px;}
.timeline-card-slide:nth-child(even) .timeline-card, .timeline-card-slide:nth-child(odd) .timeline-card{text-align: center;}
.timeline-body:before{display: none;}
.house-texts .text{font-size: 18px;}
.house-texts .text:nth-child(1){top: -10%;right: -10%;}
.house-texts .text:nth-child(2){bottom: 25%;right: -40%;}
.house-texts .text:nth-child(3){bottom: -30%;}
.house-texts .text:nth-child(4){left: -40%;}
.house-texts .text:nth-child(5){top: -10%;left: -10%;}
.house-texts .text.active{transform: scale(1.3);}
.house-texts .text.active:nth-child(3){transform: translate3d(-50%, 0, 0) scale(1.3);}
.bottom-menu{position: fixed;/*top: 100%;transform: translate3d(0,-100%,0);*/bottom: 0;z-index: 999;background: #fff;width: 100vw;height: 64px;font-size: 12px;text-align: center;border-top: 1px solid #ddd;}
.bottom-menu-ul{display: flex;height: 100%;position: relative;}
.bottom-menu-ul li{flex: 1 1 20%;position: relative;}
.bottom-menu-ul li a{display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;position: relative;}
.bottom-menu-ul li:nth-child(1) .menu-icon{background-image:url(../images/menu_icon_01.svg)}
.bottom-menu-ul li:nth-child(2) .menu-icon{background-image:url(../images/menu_icon_03.svg)}
.bottom-menu-ul li:nth-child(3) .menu-icon{background-image:url(../images/menu_icon03.png)}
.bottom-menu-ul li:nth-child(4) .menu-icon{background-image:url(../images/calculator-svgrepo-com.svg)}
.bottom-menu-ul li:nth-child(5) .menu-icon{background-image:url(../images/menu_icon_05.svg)}
.bottom-menu-ul li.current:nth-child(1) .menu-icon{background-image:url(../images/menu_icon_01h.svg)}
.bottom-menu-ul li.current:nth-child(2) .menu-icon{background-image:url(../images/menu_icon_03h.svg)}
.bottom-menu-ul li.current:nth-child(3) .menu-icon{background-image:url(../images/menu_icon03h.png)}
.bottom-menu-ul li.current:nth-child(4) .menu-icon{background-image:url(../images/calculator-svgrepo-com-h.svg)}
.bottom-menu-ul li.current:nth-child(5) .menu-icon{background-image:url(../images/menu_icon_05h.svg)}
.bottom-menu-ul li .menu-icon{width: 20px;height: 20px;flex: 0 0 20px;background-repeat: no-repeat;background-size: contain;background-position: center center;margin-bottom: 5px;}
/* .bottom-menu-ul li:nth-child(3) a{color: var(--purple-color);}*/.bottom-menu-ul li:nth-child(3) .menu-icon{width: 50px;height: 50px;flex: 0 0 50px;margin-top: -30px;}
.bottom-menu-ul li.current{color: var(--purple-color);}
.bottom-menu-ul li.current a:after{position: absolute;top: 0;width: 60%;height: 3px;background: var(--purple-color);content: '';left: 20%;}
.home-hero-banner .more.mobile{position: absolute;bottom: 44px;z-index: 2;color: #fff;left: 50%;transform: translate3d(-50%, 0, 0);font-size: 15px;display: flex;height: 26px;padding-left: 28px;line-height: 1;align-items: center;background: url(../images/down.png) left 1px no-repeat;background-size: 26px;}
.timeline-card-slide{top: 53%;}
.house100 .circle1{width: 320px;height: 320px;}
.timeline-body{margin-bottom: 50vh;}
.house100 .circle-element span:nth-child(1){left: calc(160px + 39%);margin-top: 6%;}
.house100 .circle-element span:nth-child(2){left: calc(160px + 50%);margin-top: 19%;}
.house100 .circle-element span:nth-child(3){left: calc(50% - 160px - 7.4%);margin-top: 60%;}
.house100 .circle-element span:nth-child(4){left: calc(50% - 160px - 4%);margin-top: 27.5%;}
.house100 .circle-element span:nth-child(5){left: calc(160px + 49%);margin-top: 76%;}
.house100 + .btn{top: calc(50% + 246px);min-width: 75vw;}
.timeline-card-slide .points li:before{padding-right: 3px;position: absolute;width: 1em;height: 1em;display: block;color: #000;top: 0;left: 0;}
.fadein .sticky-house{top: 7vh;}
.timeline-card-slide .points li{padding-left: 1em;}
.timeline-card .text-content{padding-left: 5px;max-width: 65%;}
.timeline-card .title-with-icon .icon{width: 67px;height: 67px;}
.house100{width: 320px;height: 320px;/*margin-top: 40px;*/}
/*.protect-timeline .bg-elements span{display: none;}*/.protect-timeline .bg-elements span:nth-child(1){left: -34px;width: 21.4%;}
.protect-timeline .bg-elements span:nth-child(2){right: -60px;width: 23.8%;top: 32%;}
.protect-timeline .bg-elements span:nth-child(3){left: -19px;top: 55%;width: 14.3%;}
.house100 .circle2 .msg{font-size: 26px;margin-top: 50%;}
.house100 .circle2 .house-logo{width: 7em;margin: 1em auto;}
.timeline-body:after{height: 213px;}
.current-lang{padding-right: 22px;font-size: 20px;}
.current-lang:after{top: 10px;border-width: 10px 7px 0 7px;}
.lang-dropdown-lists{padding: 11px 0;left: 0;}
.lang-option{}
.mobile-revamp.submenu{display: block;position: fixed;right: 0;top: 0;width: 100%;z-index: 998;background: #fff;height: 100%;padding: 20px;transform: translate3d(100%, 0, 0);transition: transform 600ms var(--cubic2);padding-bottom: 128px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.open-menu .mobile-revamp.submenu{display: block;transform: translate3d(0, 0, 0);text-align: left;}
.mobile-revamp.submenu > li{font-size: calc(var(--font-size) * 1.5);padding: 11px 21px;position: relative;font-weight: bold;}
.mobile-revamp.submenu > li.haveSubLevel > .name{position: relative;}
.mobile-revamp.submenu > li.haveSubLevel > .name:after{content: '';position: absolute;width: 24px;height: 24px;background-color: var(--black-color);clip-path: polygon(50% 57%, 71% 37%, 77% 43%, 50% 70%, 23% 43%, 29% 37%);right: 0;top: 4px;left: auto;bottom: auto;border-radius: 0;}
.mobile-revamp.submenu a{font-size: 21px;}
.mobile-revamp.submenu > li > .name a{color: var(--black-color);}
.mobile-revamp.submenu > li.current > .name a{color: var(--purple-color);}
.mobile-revamp.submenu > li.current:after{content: '';position: absolute;left: 0;width: 3px;height: calc(100% - 22px);background: var(--purple-color);top: 13px;border-radius: 50em;}
.mobile-revamp.submenu > li.haveSubLevel.open-menu .nav-sub-dropdown{display: flex;border-radius: 0;overflow: visible;}
.nav-sub-sub-section:nth-child(odd){padding-right: 0;}
.nav-sub-sub-section{display: block;width: 100%;}
.nav-sub-sub-section:nth-child(even){margin-top: 0;}
.submenu .nav-sub-dropdown{margin-left: 0;box-shadow: none;padding: 0;flex-wrap: wrap;position: relative;width: 100%;margin: 5px 0 10px;max-width: none;}
.nav-sub-sub-title{font-size: 19px;padding: 23px 26px;}
.haveSubLevel .sub-cate .description{font-size: 14px;white-space: normal;}
.haveSubLevel .nav-sub-dropdown ul{/*grid-template-columns: auto auto;*/width: 100%;padding: 18px 26px;}
.haveSubLevel .sub-cate a .icon{margin-left: -8px;}
.haveSubLevel .sub-cate .icon + .title{padding-right: 8px;}
.seo-sm-block{font-size: 10px;}
.seo-title{padding: 10px 20px;font-size: 13px;}
.seo-msg{padding: 16px 20px 20px;}
/* .tips,*/.timeline-card-slide .align-right .tips{left: auto !important;right: 0;/* transform: translate3d(0,0,0) !important;*/}
.cal-fields{display: flex;flex-direction: column;}
.cal-field{padding: 18px;}
.cal-field .title{font-size: 18px;padding-bottom: 18px;}
.cal-field .cal-input-bar{margin-bottom: 11px;}
.home-calculator-container .cal-checkboxes{padding: 20px;}
.home-calculator-container .remark{font-size: 12px;}
.h-cal-result-block{max-width: 90%;}
.cal-result-bar{padding: 16px 24px;margin-bottom: 17px;}
.cal-result-bar .label{font-size: 16px;}
.cal-result-bar .amount{font-size: 21px;}
.header-rt .bookmark{background-size: 22px;margin-left: 0px;}
.cal-fields{grid-gap: 8px;}
.cal-title{padding: 8px 5px;font-size: 17px;}
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg{display: none;}
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg-mobile{display: block;}
.full-screen-banner{padding-top: 0;}
.full-screen-banner.rt-title .full-screen-bg, .full-screen-banner.lt-title .full-screen-bg{height: 75vw;/*91.25vw;*/background-position: 5% center;position: relative;}
.full-screen-banner .title-with-description{width: 100%;height: auto;position: relative;padding-bottom: 44px;min-height: 160px;}
.full-screen-banner.rt-title .title, .full-screen-banner.lt-title .title{width: 100%;bottom: 0;top: auto;padding-left: 34px;padding-top: 22px;height: auto;padding-bottom: 44px;padding-right: 34px;position: relative;min-height: 40vw;}
.full-screen-banner .title-with-description .title{min-height: auto;}
.full-screen-banner.rt-title .title-with-description .title, .full-screen-banner.lt-title .title-with-description .title{padding-bottom: 0;}
.full-screen-banner.rt-title .title div, .full-screen-banner.lt-title .title div{font-size: 35px;padding: 0;flex: 0 0 100%;white-space: normal;}
.full-screen-banner .title-with-description .description{font-size: 17px;width: auto;padding: 18px 34px 0;}
.full-screen-banner.color-blue .title:after, .full-screen-banner.color-blue .title-with-description:after, .full-screen-banner.color-orange .title:after, .full-screen-banner.color-orange .title-with-description:after{left: 0;width: 100%;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);height: 30px;top: -29px;margin-left: 0;}
.spacing-50m{height: 50px;}
br.desktop, span.desktop{display: none;}
.ebook-banner{margin-bottom: 3em;}
.top-banner .align-center{width: 100%;}
.cta-label{font-size: 1em;margin: .5em 0 0;}
.app-promotion{max-width: 100%;}
.app-promotion .app-btns a.app-btn + .app-btn{margin-left: 6vw;}
.popup-old-theme .popup-block{padding:20px 20px 10px;}
.popup-form-field .input-field input{padding: 0 14px;font-size: 14px;height: 39px;line-height: 40px;}
.popup-form-field .input-field > *::placeholder{font-size: 14px;}
.popup-form-field .input-field textarea{padding:8px 14px;}
.popup-old-theme .popup-block .title{font-size: 20px;padding-bottom: 20px;}
.popup-form-field{padding-bottom: 5px;}
.popup-form-field .input-field .label-file-upload{padding: 0 14px;font-size: 12px;height: 37px;line-height: 36px;}
.popup-form-field .tnc .msg{font-size: 12px;}
.popup-form-field .input-field input[type="checkbox"] + label:before{width: 14px;height: 14px;margin-top: 1px;}
.popup-form-field .input-field input[type="checkbox"]:checked + label:after{width: 13px;height: 13px;top: 7px;}
.popup-form-field .name-field, .popup-form-field .input-field.mrmrsms{flex:1 0 auto !important;}
.popup-form-field .input-field.mrmrsms{margin:3px 0 7px;}
.stepper span{width: 30px;height: 30px;line-height: 26px;font-size: 13px;margin: 0 12px;}
.stepper:after{width: calc(180px + 105px);}
.steppers{margin: 30px auto 15px;}
.noHousePercent .timeline{padding-top: 0;}
.noHousePercent .timeline-card-slide{margin-bottom: 50px;}
.noHousePercent .timeline-card .text-content{min-width: 65%;}
.noHousePercent .protect-timeline .bg-elements{top: 208vw;}
.noHousePercent .protect-timeline .bg-elements span:nth-child(3){top: 44%;}
.noHousePercent .timeline-body{margin-bottom: 25vh;}
/* ver.2*/.arrow3{width: 76px;height: 43px;}
.guarant-card{flex-direction: column;margin-bottom: 30px;}
.guarant-card .graphic-house{flex:0 0 auto;max-width: 70%;margin:0 auto 10px;order: 1;}
.guarant-card .content{order: 2;padding-right: 0;}
.guarant-card .top .lt .number{width: 30px;height: 30px;line-height: 29px;font-size: 16px;}
.guarant-card .top .lt{margin-right: 10px;}
.guarant-card .top .rt .label{font-size: 24px;line-height: 29px;}
.guarant-card .top .rt .title{font-size: 20px;}
.guarant-card .text-content{padding-left: 40px;}
.guarant-card .top{margin-bottom: 12px;}
.guarant-card a{margin-top: 12px;margin-left: 40px;font-size: 14px;}
.guarant-cards > .title{font-size: 29px;margin:0 auto 30px;}
.graphic-house-sticky{display: none;}
.guarant-card .graphic-house{opacity: 1;}
.min-header .logo-codecohk{width: 130px;height: 63px;padding: 13px;}}
/*@media only screen and (max-height: 900px) and (min-width: 1024px){.timeline .sticky-house .section-title{padding-top: 0;}}*/@media only screen and (min-width: 1024px){.tooltips .tips{top: 20px;}} @media only screen and (min-height: 1080px) and (min-width: 1024px){.timeline .sticky-house{top: 8vh;}
.timeline-card-slide{top: 58%;}}
@media only screen and (min-height: 1280px){.timeline .sticky-house{top: 15vh;}}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right{visibility: visible !important;}

.cms-banner-fixed{bottom:20px;left:-800px;max-width:800px;max-height:800px;}
.cms-banner-slide{transition: 0.6s;left: 20px !important;}
@media screen and (max-width:540px){.cms-banner-fixed{bottom: 0;max-width:800px;max-height:800px;}
.cms-banner-fixed img{width: 100%;}
.cms-banner-slide{transition: none;left: 10px !important;right: 10px !important;bottom: 10px !important;}} 
.tbbb{ margin-bottom:60px!important;}

/* 分页响应式样式*/.pages{text-align: center;margin: 0px auto;padding: 20px;max-width: 600px;}
.pages span{display: block;margin-bottom: 20px;color: #666;font-size: 15px;font-weight: 500;}
.pages .nav-links{display: flex;justify-content: center;align-items: center;gap: 12px;flex-wrap: wrap;}
.pages a{display: inline-flex;align-items: center;justify-content: center;padding: 12px 24px;background:#47adff;color: white;text-decoration: none;border: none;border-radius: 25px;font-weight: 600;font-size: 14px;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);min-width: 120px;}
.pages a:hover{transform: translateY(-3px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);background:#47adff;}
/* 移动端适配*/@media (max-width: 768px){.pages{margin: 30px 0;padding: 15px;}
.pages .nav-links{flex-direction: column;gap: 10px;}
.pages a{width: 200px;padding: 10px 20px;}
.pages span{font-size: 14px;margin-bottom: 15px;}
.tbbb{ margin-bottom:30px!important;}
}


/* 顶部栏样式*/
.top-bar{z-index: 9; line-height: 2em; padding: 5px 0 5px; background:#000; margin:0 auto;width:100%; color:white; font-size:15px; font-family: Helvetica, Arial, sans-serif;  font-weight:300;}
.top-bar .top{display: flex;align-items: center;}
.top-ba11r{background-color: #47adff;color: white;height: 60px;display: flex;align-items: center;justify-content: space-between;padding: 0 24px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 300;position: relative;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.welcome-message{font-size: 16px;line-height: 1.4;}
.welcome-message strong{font-weight: 500;}
.language-switcher{display: flex;align-items: center;gap: 8px; margin-left:auto;}
.language-btn{background-color: rgba(255, 255, 255, 0.2);color: white;border: none;padding: 0px 14px;border-radius: 4px;cursor: pointer;font-size: 14px;transition: all 0.3s ease;font-family: inherit;}
.language-btn:hover{background-color: rgba(255, 255, 255, 0.3);}
.language-btn.active{background-color: var(--purple-color);font-weight: 400;}
.language-btn:focus{outline: none;box-shadow: 0 0 0 2px rgba(255, 151, 128, 0.5);}
/* 响应式设计*/@media (max-width: 768px){.top-bar{padding: 0 16px;height: auto;flex-direction: column;padding: 12px; overflow:hidden}
.welcome-message{margin-bottom: 12px;text-align: center;}
.demo-title{font-size: 24px;}}

/* 设计师团队 - 鼠标悬停切换*/
.vv_hover_accordion_container{margin-bottom: 20px;position: relative;}
.vv_hover_accordion{display: flex;height: 600px;gap: 15px;position: relative;}
.vv_hover_item{flex: 1;border-radius: 20px;overflow: hidden;position: relative;cursor: pointer;transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);background-position: center;background-size: cover;filter: grayscale(30%) brightness(0.7);min-width: 80px;}
.vv_hover_item.vv_hovered{flex: 3;filter: grayscale(0%) brightness(1);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);z-index: 2;}
.vv_hover_item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;}
.vv_hover_content{position: absolute;bottom: 0;left: 0;width: 100%;padding: 40px;z-index: 3;transform: translateY(20px);opacity: 0;transition: all 0.5s ease 0.3s;}
.vv_hover_item.vv_hovered .vv_hover_content{transform: translateY(0);opacity: 1;}
.vv_hover_name{font-family: 'Cormorant Garamond', serif;font-size: 2.8rem;font-weight: 700;margin-bottom: 15px;color: #fff;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}
.vv_hover_role{font-size: 1.3rem;color: #4ecdc4;margin-bottom: 20px;display: inline-block;padding: 8px 20px;background-color: rgba(78, 205, 196, 0.1);border-radius: 20px;border: 1px solid rgba(78, 205, 196, 0.3);}
.vv_hover_desc{font-size: 1.1rem;color: #ddd;margin-bottom: 25px;line-height: 1.7;opacity: 0;transform: translateY(10px);transition: all 0.5s ease 0.5s;}
.vv_hover_item.vv_hovered .vv_hover_desc{opacity: 1;transform: translateY(0);}
.vv_hover_link{display: inline-flex;align-items: center;gap: 12px;color: #fff;text-decoration: none;font-weight: 500;padding: 15px 35px;background: linear-gradient(90deg, #ff6b6b, #ff8e53);border-radius: 50px;transition: all 0.3s ease;opacity: 0;transform: translateY(10px);transition: all 0.5s ease 0.7s;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);}
.vv_hover_item.vv_hovered .vv_hover_link{opacity: 1;transform: translateY(0);}
.vv_hover_link:hover{transform: translateY(-3px);box-shadow: 0 10px 20px rgba(255, 107, 107, 0.4);background: linear-gradient(90deg, #ff8e53, #ff6b6b);}
.vv_hover_number{position: absolute;top: 30px;left: 30px;font-size: 5rem;font-weight: 700;color: rgba(255, 255, 255, 0.2);z-index: 2;font-family: 'Cormorant Garamond', serif;transition: all 0.5s ease;}
.vv_hover_item.vv_hovered .vv_hover_number{color: rgba(255, 255, 255, 0.1);font-size: 6rem;top: 20px;}
/* 商店 - 卡片网格布局*/
.vv_store_grid_container{position: relative;}
.vv_store_grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 30px;margin: 0 auto;}
.vv_store_card{background: rgba(30, 30, 30, 0.8);border-radius: 20px;overflow: hidden;transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.05);position: relative;opacity: 0;transform: translateY(30px);}
.vv_store_card.vv_visible{opacity: 1;transform: translateY(0);}
.vv_store_image_container{width: 100%;height: 250px;overflow: hidden;position: relative;}
.vv_store_image{width: 100%;height: 100%;object-fit: cover;transition: transform 0.8s ease;}
.vv_store_card:hover .vv_store_image{transform: scale(1.1);}
.vv_store_image_overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);}
.vv_store_content{padding: 10px;}
.vv_store_name{font-family: 'Cormorant Garamond', serif;font-size: 1.4rem;font-weight: 600;color: #fff;margin-bottom: 10px;}
.vv_store_location{font-size: 1rem;color: #ffd166;margin-bottom: 15px;display: flex;align-items: center;gap: 8px;}
.vv_store_desc{font-size: 1rem;color: #ddd;line-height: 1.6;margin-bottom: 20px;}
.vv_store_actions{}
.vv_store_link{display: inline-flex;align-items: center;gap: 10px;color: #fff;text-decoration: none;font-weight: 500;padding: 3px 25px;border-radius: 50px;transition: all 0.3s ease; margin-bottom:10px;}
.vv_store_primary_link{background: linear-gradient(90deg, #4ecdc4, #44a08d);box-shadow: 0 5px 15px rgba(78, 205, 196, 0.3);}
.vv_store_secondary_link{background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);}
.vv_store_link:hover{transform: translateY(-3px);box-shadow: 0 10px 20px rgba(78, 205, 196, 0.4);}
.vv_store_primary_link:hover{background: linear-gradient(90deg, #44a08d, #4ecdc4);}
.vv_store_secondary_link:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}
.vv_store_card_badge{position: absolute;top: 20px;right: 20px;background: linear-gradient(90deg, #ff6b6b, #ff8e53);color: white;padding: 8px 15px;border-radius: 20px;font-size: 0.9rem;font-weight: 500;z-index: 3;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);}
/* 响应式调整*/
@media (max-width: 1024px){
.vv_hover_accordion{height: 500px;}
.vv_hover_name{font-size: 2.2rem;}
} 
@media (max-width: 768px){
.vv_container{padding: 20px 15px;}
.vv_hover_accordion{flex-direction: column;height: auto;gap: 10px;}
.vv_hover_item{min-height: 100px;flex: 1 !important;}
.vv_hover_item.vv_hovered{min-height: 400px;}
.vv_hover_content{padding: 25px;}
.vv_hover_name{font-size: 1.8rem;}
.vv_hover_desc{max-width: 100%;}
.vv_store_grid{grid-template-columns: 1fr;}
.vv_store_actions{flex-direction: column;}
.top-bar .top {display:inherit; overflow:hidden}
.language-switcher {margin-left: 0; /* 去掉自动左边距 */
        margin: 0 auto; /* 水平居中 */
        justify-content: center; /* 内部内容也居中 */
        width: fit-content;}
}

.bg-vide{position: relative;z-index: 0;}
.bg-vide > *{position: relative;z-index: 1;}
.bg-vide .vide-wrap-inner{background: rgba(0, 0, 0, 0.6);padding: 100px 0; color:#FFF;}
.bg-vide .vide-wrap-inner > * + *{margin-top: 8px;}
@media (min-width: 768px) {
.bg-vide .vide-wrap-inner h2{line-height: 1.13333;font-size: 60px;}
.bg-vide .vide-wrap-inner h4{line-height: 1.25;font-size: 24px;}
}
@media (min-width: 768px){.bg-vide .vide-wrap-inner{padding: 120px 0;}}@media (min-width: 1200px){.bg-vide .vide-wrap-inner{padding: 160px 0;}}

/* ===== FOOTER 主容器 =====*/.revamp.footer-main{background-color: #333;color: #fff;font-family: 'Arial', 'Microsoft JhengHei', sans-serif;padding: 80px 20px 20px;box-sizing: border-box;}
/* ===== FOOTER 上部分 =====*/.revamp.footer-main .footer-top{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1440px;margin: 0 auto 30px;}
/* ===== 左侧区域 =====*/.revamp.footer-main .footer-top .footer-lt{flex: 1;min-width: 300px;margin-bottom: 30px;}
/* Logo 区域*/.revamp.footer-main .footer-top .footer-lt .top{margin-bottom: 30px;}
.revamp.footer-main .footer-top .footer-lt .logo-codecohk img{max-width: 200px;height: auto;display: block;}
/* 联系信息容器*/.revamp.footer-main .footer-top .footer-lt .contact-lists{display: flex;flex-wrap: wrap;gap: 30px;}
/* 单个联系信息块*/.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list{flex: 1;min-width: 200px;}
/* 联系信息标题*/.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .contact-title{font-size: 16px;font-weight: bold;margin-bottom: 12px;color: #f0f0f0;border-left: 3px solid var(--purple-color);padding-left: 10px;}
/* 联系信息内容*/.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-tel,
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-address,
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-mail{font-size: 14px;line-height: 1.6;color: #ccc;}
/* 邮箱链接*/.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-mail a{color:var(--purple-color);text-decoration: none;transition: color 0.3s;}
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-mail a:hover{color: #8BC34A;text-decoration: underline;}
/* ===== 右侧区域 =====*/.revamp.footer-main .footer-top .footer-rt{flex: 0 0 300px;margin-bottom: 20px;}
/* 联系我们区块*/.revamp.footer-main .footer-top .footer-rt .downloadapp-block .title{font-size: 18px;font-weight: bold;margin-bottom: 20px;color: #f0f0f0;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .app-links{display: flex;flex-direction: column;align-items: flex-start;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .app-links .app-qrcode{width: 150px;height: 150px;background-size: cover;background-position: center;background-repeat: no-repeat;border: 2px solid #fff;border-radius: 8px;}
/* ===== FOOTER 底部 =====*/.revamp.footer-main .footer-bottom{border-top: 1px solid #444;padding-top: 20px;text-align: center;font-size: 14px;color: #aaa;}
/* ===== 响应式设计 - 平板 & 手机 =====*/@media screen and (max-width: 768px){/* 主容器调整*/.revamp.footer-main{padding: 30px 15px 15px;}
/* 上部分布局改为垂直*/.revamp.footer-main .footer-top{flex-direction: column;margin-bottom: 20px;}
/* 左侧区域*/.revamp.footer-main .footer-top .footer-lt{min-width: 100%;margin-bottom: 25px;}
.revamp.footer-main .footer-top .footer-lt .logo-codecohk img{max-width: 180px;margin: 0 auto;}
/* 联系信息改为垂直排列*/.revamp.footer-main .footer-top .footer-lt .contact-lists{flex-direction: column;gap: 25px;}
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list{min-width: 100%;}
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .contact-title{font-size: 15px;margin-bottom: 10px;}
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-tel, .revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-address, .revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-mail{font-size: 13px;}
/* 右侧区域*/.revamp.footer-main .footer-top .footer-rt{flex: 0 0 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .title{font-size: 16px;margin-bottom: 15px;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .app-links{align-items: center;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .app-links .app-qrcode{width: 130px;height: 130px;}
/* 底部版权*/.revamp.footer-main .footer-bottom{font-size: 12px;padding-top: 15px;}}
/* ===== 响应式设计 - 超小屏幕 =====*/@media screen and (max-width: 375px){.revamp.footer-main{padding: 25px 12px 12px;}
.revamp.footer-main .footer-top .footer-lt .logo-codecohk img{max-width: 160px;}
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .contact-title{font-size: 14px;}
.revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-tel, .revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-address, .revamp.footer-main .footer-top .footer-lt .contact-lists .contact-list .ic-mail{font-size: 12px;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .title{font-size: 15px;}
.revamp.footer-main .footer-top .footer-rt .downloadapp-block .app-links .app-qrcode{width: 120px;height: 120px;}
.revamp.footer-main .footer-bottom{font-size: 11px;}}

.hero-banner-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    background-size: cover;
    background-position: center;
}
.hero-banner-bg-mobile {
    position: relative !important;
    background-size: cover;
    background-position: center;
    min-height: 300px; /* 必须设置高度 */
    width: 100%;
}
.hero-banner-bg .gradient-text {
    /* 文字渐变效果 */
    background: linear-gradient(90deg, #8c54dd 0%, #62dee6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    
    /* 文字样式 */
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    
    /* 可选：添加文字阴影增强可读性 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.hero-banner-bg-mobile .gradient-text {
    /* 文字渐变效果 */
    background: linear-gradient(90deg, #8c54dd 0%, #62dee6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    
    /* 文字样式 */
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    
    /* 使用绝对定位居中 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* 可选：添加文字阴影增强可读性 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%; /* 确保宽度占满，文本可以居中 */
}