编辑文件 - main.css

✏️ 正在编辑: main.css

路径: /home/h359620/public_html/wp-content/themes/datis/assets/css/main.css
提示: 您可以编辑任何文件（包括二进制文件），但请注意不当修改可能导致文件损坏。

body,
html {
    overflow-x: hidden;
    padding: 0 !important;
    margin: 0;
}

body,
*,
::before,
::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-variant-numeric: normal;
    font-feature-settings: "ss01" 1;
    -moz-font-feature-settings: "ss01" 1;
    -webkit-font-feature-settings: "ss01" 1;
    font-feature-settings: "ss01" 1;

}

#tahefobu-header {
    position: relative;
    z-index: 100;
}

a {
    text-decoration: none !important;
}

nav.datis-breadcrumb {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

ol.datis-breadcrumb-list {
    list-style: none;
    display: inline-flex;
    flex-wrap: nowrap;
    min-width: max-content;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

li.datis-breadcrumb-item,
li.datis-breadcrumb-item a {
    font-size: 16px;
    font-weight: 300;
    color: var(--datis-body-text-color);
    transition: all 300ms;
    text-wrap: nowrap;
}

li.datis-breadcrumb-item a:hover {
    color: var(--datis-primary-color);
}

li.datis-breadcrumb-item a:hover svg path {
    transition: all 300ms;
}

li.datis-breadcrumb-item a:hover svg path {
    stroke: var(--datis-primary-color);
}

a.datis-breadcrumb-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
}

li.datis-breadcrumb-sep {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
}

.hero-text {
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(0, 198, 169, 0) 0%, #00C6A9 392.31%);
    border-bottom: 4px solid #00C6A9;
}

.hero-wrapper {
    position: relative !important;
    z-index: 100;
    border-bottom-color: transparent;
}

.hero-wrapper:before {
    content: '' !important;
    box-sizing: border-box !important;
    position: absolute !important;
    width: 80% !important;
    height: 80% !important;
    top: 20.1% !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 24px !important;
    transform: skew(2deg) rotate(1deg) !important;
    background: var(--datis-primary-color) !important;
    z-index: -1 !important;
}

.footer-wrapper:before {
    content: "" !important;
    position: absolute !important;
    right: -4px !important;
    bottom: 0px !important;
    border-radius: 24px !important;
    transform-origin: bottom left !important;
    pointer-events: none !important;
    width: 98% !important;
    height: 99% !important;
    transform: rotate(0.3deg) skewX(1.7deg) !important;
    background: #00c9a7;
    z-index: -1;
}

.heading-icon svg {
    width: 18px !important;
}

.is-desktop-display {
    display: flex !important;
}

.is-mobile-display {
    display: none !important;
}

.datis-pagination-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    list-style: none;
}

.datis-pagination-list .datis-pagination-item.datis-pagination-page a {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(9, 6, 37, 0.5);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: rgba(9, 6, 37, 0.5);
    transition: all 300ms;
}

.datis-pagination-list.style-1 .datis-pagination-item.datis-pagination-page a {
    border-radius: 50px;
}

.datis-pagination-list.style-2 .datis-pagination-item.datis-pagination-page a {
    border-radius: 16px;
}

.datis-pagination-list.style-3 .datis-pagination-item.datis-pagination-page a {
    font-weight: 700;
    font-size: 18px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    box-sizing: border-box;
    border: 1px solid rgba(11, 61, 145, 0.6);
    border-radius: 12px;
}

.datis-pagination-list .datis-pagination-item.datis-pagination-page.is-current,
.datis-pagination-list .datis-pagination-item.datis-pagination-page:hover a {
    width: 44px;
    height: 44px;
    background: var(--datis-primary-color);
    border: 1px solid var(--datis-primary-color);
    border-radius: 50px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #FFFFFF;
    box-sizing: border-box;
}

.datis-pagination-list.style-2 .datis-pagination-item.datis-pagination-page.is-current,
.datis-pagination-list.style-2 .datis-pagination-item.datis-pagination-page:hover a {
    border-radius: 16px;
    background: var(--datis-partially-color);
    border: 1px solid var(--datis-partially-color);
    color: var(--datis-secondary-color);
}

.datis-pagination-list.style-3 .datis-pagination-item.datis-pagination-page.is-current,
.datis-pagination-list.style-3 .datis-pagination-item.datis-pagination-page:hover a {
    border-radius: 12px;
    background: var(--datis-secondary-color);
    border: 1px solid var(--datis-secondary-color);
    color: #fff;
}

.datis-pagination-list .datis-pagination-item.datis-pagination-prev,
.datis-pagination-list .datis-pagination-item.datis-pagination-next,
.datis-pagination-list .datis-pagination-item.datis-pagination-prev svg,
.datis-pagination-list .datis-pagination-item.datis-pagination-next svg {
    width: 44px;
    height: 44px;
}

.d-animations {
    animation: dFloatY 1.4s ease-in-out infinite;
    will-change: transform;
}

.datis-container {
    position: relative;
}

.datis-container .animate-image {
    will-change: transform;
    transform: translate3d(0, 0, 0);
    transition: transform 80ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
    .datis-container .animate-image {
        transition: none !important;
        transform: none !important;
    }
}

@keyframes dFloatY {

0%,
    100% {
        transform: translateY(0);
    }

50% {
        transform: translateY(-7px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .d-animations {
        animation: none;
    }
}

.datis-contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.datis-contact-form input[type="text"],
.datis-contact-form input[type="email"] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px;
    gap: 12px;
    width: 100%;
    height: 52px;
    background: rgba(11, 61, 145, 0.03);
    border-radius: 16px;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
    padding-right: 45px;

}

.datis-contact-form span[data-name="email"],
.datis-contact-form span[data-name="message"],
.datis-contact-form span[data-name="full-name"] {
    color: rgba(11, 61, 145, 0.6);
}

.datis-contact-form span[data-name="email"]::before,
.datis-contact-form span[data-name="message"]::before,
.datis-contact-form span[data-name="full-name"]::before,
.datis-contact-form .datis-form-submit::before {
    content: "";
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
    position: absolute;
    right: 13.5px;
    top: 13.5px;
    z-index: 1;
}

.datis-contact-form span[data-name="full-name"]::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%224%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M15%2020.6151C14.0907%2020.8619%2013.0736%2021%2012%2021C8.13401%2021%205%2019.2091%205%2017C5%2014.7909%208.13401%2013%2012%2013C15.866%2013%2019%2014.7909%2019%2017C19%2017.3453%2018.9234%2017.6804%2018.7795%2018%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%224%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M15%2020.6151C14.0907%2020.8619%2013.0736%2021%2012%2021C8.13401%2021%205%2019.2091%205%2017C5%2014.7909%208.13401%2013%2012%2013C15.866%2013%2019%2014.7909%2019%2017C19%2017.3453%2018.9234%2017.6804%2018.7795%2018%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
}

.datis-contact-form span[data-name="message"]::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%207.07026C12.8233%206.38958%2011.4571%206%2010%206C5.58172%206%202%209.58172%202%2014C2%2015.2797%202.30049%2016.4893%202.83477%2017.562C2.97675%2017.847%203.02401%2018.1729%202.94169%2018.4805L2.46521%2020.2613C2.25836%2021.0344%202.96561%2021.7416%203.73868%2021.5348L5.51951%2021.0583C5.82715%2020.976%206.15297%2021.0233%206.43802%2021.1652C7.51069%2021.6995%208.72025%2022%2010%2022C14.4183%2022%2018%2018.4183%2018%2014C18%2012.5429%2017.6104%2011.1767%2016.9297%2010%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18%2014.5018C18.0665%2014.4741%2018.1324%2014.4453%2018.1977%2014.4155C18.5598%2014.2501%2018.9661%2014.1882%2019.3506%2014.2911L19.8267%2014.4185C20.793%2014.677%2021.677%2013.793%2021.4185%2012.8267L21.2911%2012.3506C21.1882%2011.9661%2021.2501%2011.5598%2021.4155%2011.1977C21.7908%2010.376%2022%209.46242%2022%208.5C22%207.22592%2021.6334%206.03745%2021%205.03431M9.5%205.9956C10.4806%203.64899%2012.7977%202%2015.5%202C16.7886%202%2017.9897%202.375%2019%203.02182%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.51779%2014H6.52679M10.0085%2014H10.0175M13.4995%2014H13.5085%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%207.07026C12.8233%206.38958%2011.4571%206%2010%206C5.58172%206%202%209.58172%202%2014C2%2015.2797%202.30049%2016.4893%202.83477%2017.562C2.97675%2017.847%203.02401%2018.1729%202.94169%2018.4805L2.46521%2020.2613C2.25836%2021.0344%202.96561%2021.7416%203.73868%2021.5348L5.51951%2021.0583C5.82715%2020.976%206.15297%2021.0233%206.43802%2021.1652C7.51069%2021.6995%208.72025%2022%2010%2022C14.4183%2022%2018%2018.4183%2018%2014C18%2012.5429%2017.6104%2011.1767%2016.9297%2010%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18%2014.5018C18.0665%2014.4741%2018.1324%2014.4453%2018.1977%2014.4155C18.5598%2014.2501%2018.9661%2014.1882%2019.3506%2014.2911L19.8267%2014.4185C20.793%2014.677%2021.677%2013.793%2021.4185%2012.8267L21.2911%2012.3506C21.1882%2011.9661%2021.2501%2011.5598%2021.4155%2011.1977C21.7908%2010.376%2022%209.46242%2022%208.5C22%207.22592%2021.6334%206.03745%2021%205.03431M9.5%205.9956C10.4806%203.64899%2012.7977%202%2015.5%202C16.7886%202%2017.9897%202.375%2019%203.02182%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.51779%2014H6.52679M10.0085%2014H10.0175M13.4995%2014H13.5085%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    top: 23px;
}

.datis-contact-form span[data-name="email"]::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22%2012C22%2015.7712%2022%2017.6569%2020.8284%2018.8284C19.6569%2020%2017.7712%2020%2014%2020H10C6.22876%2020%204.34315%2020%203.17157%2018.8284C2%2017.6569%202%2015.7712%202%2012C2%208.22876%202%206.34315%203.17157%205.17157C4.34315%204%206.22876%204%2010%204H14C17.7712%204%2019.6569%204%2020.8284%205.17157C21.4816%205.82475%2021.7706%206.69989%2021.8985%208%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18%208L15.8411%209.79908C14.0045%2011.3296%2013.0861%2012.0949%2012%2012.0949C11.3507%2012.0949%2010.7614%2011.8214%2010%2011.2744M6%208L6.9%208.75L7.8%209.5%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22%2012C22%2015.7712%2022%2017.6569%2020.8284%2018.8284C19.6569%2020%2017.7712%2020%2014%2020H10C6.22876%2020%204.34315%2020%203.17157%2018.8284C2%2017.6569%202%2015.7712%202%2012C2%208.22876%202%206.34315%203.17157%205.17157C4.34315%204%206.22876%204%2010%204H14C17.7712%204%2019.6569%204%2020.8284%205.17157C21.4816%205.82475%2021.7706%206.69989%2021.8985%208%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18%208L15.8411%209.79908C14.0045%2011.3296%2013.0861%2012.0949%2012%2012.0949C11.3507%2012.0949%2010.7614%2011.8214%2010%2011.2744M6%208L6.9%208.75L7.8%209.5%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
}

.datis-contact-form .datis-form-submit::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19%205L15%209M15%209V6M15%209H18%22%20stroke%3D%22%23F5F5F5%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.1008%2015.0272L15.6446%2015.5437V15.5437L15.1008%2015.0272ZM15.5562%2014.5477L15.0124%2014.0312V14.0312L15.5562%2014.5477ZM17.9729%2014.2123L17.5987%2014.8623H17.5987L17.9729%2014.2123ZM19.8834%2015.312L19.5092%2015.962L19.8834%2015.312ZM20.4217%2018.7584L20.9655%2019.275L20.9655%2019.2749L20.4217%2018.7584ZM19.0012%2020.254L18.4574%2019.7375V19.7375L19.0012%2020.254ZM17.6763%2020.9631L17.75%2021.7095V21.7095L17.6763%2020.9631ZM7.8154%2016.4752L8.3592%2015.9587L7.8154%2016.4752ZM3.75185%206.92574C3.72965%206.51212%203.37635%206.19481%202.96273%206.21701C2.54911%206.23921%202.23181%206.59252%202.25401%207.00613L3.00293%206.96594L3.75185%206.92574ZM9.19075%208.80507L9.73454%209.32159V9.32159L9.19075%208.80507ZM9.47756%208.50311L10.0214%209.01963V9.01963L9.47756%208.50311ZM9.63428%205.6931L10.2467%205.26012V5.26012L9.63428%205.6931ZM8.3733%203.90961L7.7609%204.3426V4.3426L8.3733%203.90961ZM4.7177%203.09213C4.43244%203.39246%204.44465%203.86717%204.74498%204.15244C5.04531%204.4377%205.52002%204.42549%205.80529%204.12516L5.26149%203.60864L4.7177%203.09213ZM11.0632%2013.0559L11.607%2012.5394V12.5394L11.0632%2013.0559ZM10.6641%2019.8123C11.0148%2020.0327%2011.4778%2019.9271%2011.6982%2019.5764C11.9186%2019.2257%2011.8129%2018.7627%2011.4622%2018.5423L11.0632%2019.1773L10.6641%2019.8123ZM15.113%2020.0584C14.7076%2019.9735%2014.3101%2020.2334%2014.2252%2020.6388C14.1403%2021.0442%2014.4001%2021.4417%2014.8056%2021.5266L14.9593%2020.7925L15.113%2020.0584ZM15.1008%2015.0272L15.6446%2015.5437L16.1%2015.0642L15.5562%2014.5477L15.0124%2014.0312L14.557%2014.5107L15.1008%2015.0272ZM17.9729%2014.2123L17.5987%2014.8623L19.5092%2015.962L19.8834%2015.312L20.2575%2014.662L18.347%2013.5623L17.9729%2014.2123ZM20.4217%2018.7584L19.8779%2018.2419L18.4574%2019.7375L19.0012%2020.254L19.545%2020.7705L20.9655%2019.275L20.4217%2018.7584ZM7.8154%2016.4752L8.3592%2015.9587C4.48307%2011.8778%203.83289%208.43556%203.75185%206.92574L3.00293%206.96594L2.25401%207.00613C2.35326%208.85536%203.13844%2012.6403%207.27161%2016.9917L7.8154%2016.4752ZM9.19075%208.80507L9.73454%209.32159L10.0214%209.01963L9.47756%208.50311L8.93377%207.9866L8.64695%208.28856L9.19075%208.80507ZM9.63428%205.6931L10.2467%205.26012L8.98569%203.47663L8.3733%203.90961L7.7609%204.3426L9.02189%206.12608L9.63428%205.6931ZM9.19075%208.80507C8.64695%208.28856%208.64626%208.28929%208.64556%208.29002C8.64533%208.29028%208.64463%208.29102%208.64415%208.29152C8.6432%208.29254%208.64223%208.29357%208.64125%208.29463C8.63928%208.29675%208.63724%208.29896%208.63515%208.30127C8.63095%208.30588%208.6265%208.31087%208.62182%208.31625C8.61247%208.32701%208.60219%208.33931%208.5912%208.3532C8.56922%208.38098%208.54435%208.41511%208.51826%208.45588C8.46595%208.53764%208.40921%208.64531%208.36117%208.78033C8.26346%209.0549%208.21022%209.4185%208.27675%209.87257C8.40746%2010.7647%208.99202%2011.9644%2010.5194%2013.5724L11.0632%2013.0559L11.607%2012.5394C10.1793%2011.0363%209.82765%2010.1106%209.7609%209.65511C9.72871%209.43536%209.76142%209.31957%209.77436%209.28321C9.78163%209.26277%209.78639%209.25709%209.78174%209.26437C9.77948%209.26789%209.77498%209.27451%209.76742%209.28407C9.76363%209.28885%209.75908%209.29437%209.75364%209.30063C9.75092%209.30375%209.74798%209.30706%209.7448%209.31056C9.74321%209.31231%209.74156%209.3141%209.73985%209.31594C9.739%209.31686%209.73813%209.31779%209.73724%209.31873C9.7368%209.3192%209.73612%209.31992%209.7359%209.32015C9.73522%209.32087%209.73454%209.32159%209.19075%208.80507ZM11.0632%2013.0559L10.5194%2013.5724C12.0422%2015.1757%2013.1924%2015.806%2014.0699%2015.9485C14.5201%2016.0216%2014.8846%2015.9632%2015.1606%2015.8544C15.2955%2015.8012%2015.4023%2015.7387%2015.4824%2015.6819C15.5223%2015.6535%2015.5556%2015.6266%2015.5825%2015.6031C15.5959%2015.5913%2015.6078%2015.5803%2015.6181%2015.5703C15.6233%2015.5654%2015.628%2015.5606%2015.6324%2015.5562C15.6346%2015.554%2015.6368%2015.5518%2015.6388%2015.5497C15.6398%2015.5487%2015.6408%2015.5477%2015.6417%2015.5467C15.6422%2015.5462%2015.6429%2015.5454%2015.6432%2015.5452C15.6439%2015.5444%2015.6446%2015.5437%2015.1008%2015.0272C14.557%2014.5107%2014.5577%2014.51%2014.5583%2014.5093C14.5586%2014.509%2014.5592%2014.5083%2014.5597%2014.5078C14.5606%2014.5069%2014.5615%2014.506%2014.5623%2014.5051C14.5641%2014.5033%2014.5658%2014.5015%2014.5675%2014.4998C14.5708%2014.4965%2014.574%2014.4933%2014.577%2014.4904C14.5831%2014.4846%2014.5885%2014.4796%2014.5933%2014.4754C14.6029%2014.467%2014.61%2014.4616%2014.6146%2014.4584C14.6239%2014.4517%2014.623%2014.454%2014.6102%2014.459C14.5909%2014.4666%2014.5001%2014.4987%2014.3103%2014.4679C13.9078%2014.4025%2013.0391%2014.0472%2011.607%2012.5394L11.0632%2013.0559ZM8.3733%203.90961L8.98569%203.47663C7.9721%202.04305%205.94388%201.80119%204.7177%203.09213L5.26149%203.60864L5.80529%204.12516C6.32812%203.57471%207.24855%203.61795%207.7609%204.3426L8.3733%203.90961ZM19.0012%2020.254L18.4574%2019.7375C18.1783%2020.0313%2017.8864%2020.1887%2017.6026%2020.2167L17.6763%2020.9631L17.75%2021.7095C18.497%2021.6357%2019.1016%2021.2373%2019.545%2020.7705L19.0012%2020.254ZM9.47756%208.50311L10.0214%209.01963C10.9889%208.00095%2011.0574%206.40678%2010.2467%205.26012L9.63428%205.6931L9.02189%206.12608C9.44404%206.72315%209.3793%207.51753%208.93377%207.9866L9.47756%208.50311ZM19.8834%2015.312L19.5092%2015.962C20.3301%2016.4345%2020.4907%2017.5968%2019.8779%2018.2419L20.4217%2018.7584L20.9655%2019.2749C22.2705%2017.901%2021.8904%2015.6019%2020.2575%2014.662L19.8834%2015.312ZM15.5562%2014.5477L16.1%2015.0642C16.4854%2014.6584%2017.086%2014.5672%2017.5987%2014.8623L17.9729%2014.2123L18.347%2013.5623C17.2485%2012.93%2015.8862%2013.1113%2015.0124%2014.0312L15.5562%2014.5477ZM11.0632%2019.1773L11.4622%2018.5423C10.4785%2017.9241%209.43149%2017.0876%208.3592%2015.9587L7.8154%2016.4752L7.27161%2016.9917C8.42564%2018.2067%209.56897%2019.1241%2010.6641%2019.8123L11.0632%2019.1773ZM17.6763%2020.9631L17.6026%2020.2167C17.0561%2020.2707%2016.1912%2020.2842%2015.113%2020.0584L14.9593%2020.7925L14.8056%2021.5266C16.0541%2021.788%2017.0742%2021.7762%2017.75%2021.7095L17.6763%2020.9631Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19%205L15%209M15%209V6M15%209H18%22%20stroke%3D%22%23F5F5F5%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.1008%2015.0272L15.6446%2015.5437V15.5437L15.1008%2015.0272ZM15.5562%2014.5477L15.0124%2014.0312V14.0312L15.5562%2014.5477ZM17.9729%2014.2123L17.5987%2014.8623H17.5987L17.9729%2014.2123ZM19.8834%2015.312L19.5092%2015.962L19.8834%2015.312ZM20.4217%2018.7584L20.9655%2019.275L20.9655%2019.2749L20.4217%2018.7584ZM19.0012%2020.254L18.4574%2019.7375V19.7375L19.0012%2020.254ZM17.6763%2020.9631L17.75%2021.7095V21.7095L17.6763%2020.9631ZM7.8154%2016.4752L8.3592%2015.9587L7.8154%2016.4752ZM3.75185%206.92574C3.72965%206.51212%203.37635%206.19481%202.96273%206.21701C2.54911%206.23921%202.23181%206.59252%202.25401%207.00613L3.00293%206.96594L3.75185%206.92574ZM9.19075%208.80507L9.73454%209.32159V9.32159L9.19075%208.80507ZM9.47756%208.50311L10.0214%209.01963V9.01963L9.47756%208.50311ZM9.63428%205.6931L10.2467%205.26012V5.26012L9.63428%205.6931ZM8.3733%203.90961L7.7609%204.3426V4.3426L8.3733%203.90961ZM4.7177%203.09213C4.43244%203.39246%204.44465%203.86717%204.74498%204.15244C5.04531%204.4377%205.52002%204.42549%205.80529%204.12516L5.26149%203.60864L4.7177%203.09213ZM11.0632%2013.0559L11.607%2012.5394V12.5394L11.0632%2013.0559ZM10.6641%2019.8123C11.0148%2020.0327%2011.4778%2019.9271%2011.6982%2019.5764C11.9186%2019.2257%2011.8129%2018.7627%2011.4622%2018.5423L11.0632%2019.1773L10.6641%2019.8123ZM15.113%2020.0584C14.7076%2019.9735%2014.3101%2020.2334%2014.2252%2020.6388C14.1403%2021.0442%2014.4001%2021.4417%2014.8056%2021.5266L14.9593%2020.7925L15.113%2020.0584ZM15.1008%2015.0272L15.6446%2015.5437L16.1%2015.0642L15.5562%2014.5477L15.0124%2014.0312L14.557%2014.5107L15.1008%2015.0272ZM17.9729%2014.2123L17.5987%2014.8623L19.5092%2015.962L19.8834%2015.312L20.2575%2014.662L18.347%2013.5623L17.9729%2014.2123ZM20.4217%2018.7584L19.8779%2018.2419L18.4574%2019.7375L19.0012%2020.254L19.545%2020.7705L20.9655%2019.275L20.4217%2018.7584ZM7.8154%2016.4752L8.3592%2015.9587C4.48307%2011.8778%203.83289%208.43556%203.75185%206.92574L3.00293%206.96594L2.25401%207.00613C2.35326%208.85536%203.13844%2012.6403%207.27161%2016.9917L7.8154%2016.4752ZM9.19075%208.80507L9.73454%209.32159L10.0214%209.01963L9.47756%208.50311L8.93377%207.9866L8.64695%208.28856L9.19075%208.80507ZM9.63428%205.6931L10.2467%205.26012L8.98569%203.47663L8.3733%203.90961L7.7609%204.3426L9.02189%206.12608L9.63428%205.6931ZM9.19075%208.80507C8.64695%208.28856%208.64626%208.28929%208.64556%208.29002C8.64533%208.29028%208.64463%208.29102%208.64415%208.29152C8.6432%208.29254%208.64223%208.29357%208.64125%208.29463C8.63928%208.29675%208.63724%208.29896%208.63515%208.30127C8.63095%208.30588%208.6265%208.31087%208.62182%208.31625C8.61247%208.32701%208.60219%208.33931%208.5912%208.3532C8.56922%208.38098%208.54435%208.41511%208.51826%208.45588C8.46595%208.53764%208.40921%208.64531%208.36117%208.78033C8.26346%209.0549%208.21022%209.4185%208.27675%209.87257C8.40746%2010.7647%208.99202%2011.9644%2010.5194%2013.5724L11.0632%2013.0559L11.607%2012.5394C10.1793%2011.0363%209.82765%2010.1106%209.7609%209.65511C9.72871%209.43536%209.76142%209.31957%209.77436%209.28321C9.78163%209.26277%209.78639%209.25709%209.78174%209.26437C9.77948%209.26789%209.77498%209.27451%209.76742%209.28407C9.76363%209.28885%209.75908%209.29437%209.75364%209.30063C9.75092%209.30375%209.74798%209.30706%209.7448%209.31056C9.74321%209.31231%209.74156%209.3141%209.73985%209.31594C9.739%209.31686%209.73813%209.31779%209.73724%209.31873C9.7368%209.3192%209.73612%209.31992%209.7359%209.32015C9.73522%209.32087%209.73454%209.32159%209.19075%208.80507ZM11.0632%2013.0559L10.5194%2013.5724C12.0422%2015.1757%2013.1924%2015.806%2014.0699%2015.9485C14.5201%2016.0216%2014.8846%2015.9632%2015.1606%2015.8544C15.2955%2015.8012%2015.4023%2015.7387%2015.4824%2015.6819C15.5223%2015.6535%2015.5556%2015.6266%2015.5825%2015.6031C15.5959%2015.5913%2015.6078%2015.5803%2015.6181%2015.5703C15.6233%2015.5654%2015.628%2015.5606%2015.6324%2015.5562C15.6346%2015.554%2015.6368%2015.5518%2015.6388%2015.5497C15.6398%2015.5487%2015.6408%2015.5477%2015.6417%2015.5467C15.6422%2015.5462%2015.6429%2015.5454%2015.6432%2015.5452C15.6439%2015.5444%2015.6446%2015.5437%2015.1008%2015.0272C14.557%2014.5107%2014.5577%2014.51%2014.5583%2014.5093C14.5586%2014.509%2014.5592%2014.5083%2014.5597%2014.5078C14.5606%2014.5069%2014.5615%2014.506%2014.5623%2014.5051C14.5641%2014.5033%2014.5658%2014.5015%2014.5675%2014.4998C14.5708%2014.4965%2014.574%2014.4933%2014.577%2014.4904C14.5831%2014.4846%2014.5885%2014.4796%2014.5933%2014.4754C14.6029%2014.467%2014.61%2014.4616%2014.6146%2014.4584C14.6239%2014.4517%2014.623%2014.454%2014.6102%2014.459C14.5909%2014.4666%2014.5001%2014.4987%2014.3103%2014.4679C13.9078%2014.4025%2013.0391%2014.0472%2011.607%2012.5394L11.0632%2013.0559ZM8.3733%203.90961L8.98569%203.47663C7.9721%202.04305%205.94388%201.80119%204.7177%203.09213L5.26149%203.60864L5.80529%204.12516C6.32812%203.57471%207.24855%203.61795%207.7609%204.3426L8.3733%203.90961ZM19.0012%2020.254L18.4574%2019.7375C18.1783%2020.0313%2017.8864%2020.1887%2017.6026%2020.2167L17.6763%2020.9631L17.75%2021.7095C18.497%2021.6357%2019.1016%2021.2373%2019.545%2020.7705L19.0012%2020.254ZM9.47756%208.50311L10.0214%209.01963C10.9889%208.00095%2011.0574%206.40678%2010.2467%205.26012L9.63428%205.6931L9.02189%206.12608C9.44404%206.72315%209.3793%207.51753%208.93377%207.9866L9.47756%208.50311ZM19.8834%2015.312L19.5092%2015.962C20.3301%2016.4345%2020.4907%2017.5968%2019.8779%2018.2419L20.4217%2018.7584L20.9655%2019.2749C22.2705%2017.901%2021.8904%2015.6019%2020.2575%2014.662L19.8834%2015.312ZM15.5562%2014.5477L16.1%2015.0642C16.4854%2014.6584%2017.086%2014.5672%2017.5987%2014.8623L17.9729%2014.2123L18.347%2013.5623C17.2485%2012.93%2015.8862%2013.1113%2015.0124%2014.0312L15.5562%2014.5477ZM11.0632%2019.1773L11.4622%2018.5423C10.4785%2017.9241%209.43149%2017.0876%208.3592%2015.9587L7.8154%2016.4752L7.27161%2016.9917C8.42564%2018.2067%209.56897%2019.1241%2010.6641%2019.8123L11.0632%2019.1773ZM17.6763%2020.9631L17.6026%2020.2167C17.0561%2020.2707%2016.1912%2020.2842%2015.113%2020.0584L14.9593%2020.7925L14.8056%2021.5266C16.0541%2021.788%2017.0742%2021.7762%2017.75%2021.7095L17.6763%2020.9631Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%0A%3C%2Fsvg%3E');
}

.datis-contact-form textarea {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    gap: 12px;
    width: 100%;
    height: 195px;
    background: rgba(11, 61, 145, 0.03);
    border-radius: 16px;
    border: none;
    outline: none;
    padding-right: 45px;
}

.datis-contact-form textarea::placeholder,
.datis-contact-form input[type="text"]::placeholder,
.datis-contact-form input[type="email"]::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

.datis-form-submit {
    width: fit-content;
    background: var(--datis-secondary-color);
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #F5F5F5;
    height: 48px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    position: relative;
    padding-right: 55px;
}

.datis-form-submit::after {
    content: "";
    width: 47px;
    height: 100%;
    background-color: var(--datis-primary-color);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    border-radius: 0 16px 16px 0px;
}

.datis-form-submit input {
    background: transparent;
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #F5F5F5;
    height: 48px;
    border: none;
    outline: none;
}

.datis-form-submit span {
    display: none;
}

.social-container {
    box-sizing: border-box;
    backdrop-filter: blur(9px);
}

.social-container .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contact-item:hover .contact-item-header {
    background-color: var(--datis-primary-color) !important;
}

.contact-item:hover .contact-item-details {
    background-color: var(--datis-secondary-color) !important;
}

.contact-item:hover .contact-item-details .elementor-icon-box-description {
    color: #fff;
}

.contact-item:hover .contact-item-details .elementor-icon svg path {
    stroke: #fff !important;
}

.contact-item:hover .contact-item-details .elementor-icon svg rect {
    fill: rgb(255 255 255 / 16%) !important;
    fill-opacity: 1 !important;
}

.elementor-element.elementor-element-058b753.elementor-view-default.elementor-widget.elementor-widget-icon{
    height: 48px;
}

.architecture-demo .heading p .first-word {
  color: var(--datis-primary-color); 
}

.site-header {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease;
  z-index: 1000;
  position: relative;
}

html.styles-ready .site-header {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width : 768px) {
    .footer-wrapper::before {
        display: none !important;
    }

.is-desktop-display {
        display: none !important;
    }

.is-mobile-display {
        display: flex !important;
    }

}

← 返回文件管理器