@font-face {
    font-family: 'ITCAvantGardeStd-Md'; /* 您给字体起的名字，后续CSS将引用它 */
    src: url('fonts/667a7576e7e7ef3ba89b3f58_ITCAvantGardeStd-Md.ttf') format('truetype'); /* 指向TTF文件的路径 */
    font-weight: normal; /* 可选：声明此字体文件的粗细 */
    font-style: normal;  /* 可选：声明此字体文件的样式 */
}
@font-face {
    font-family: 'ITCAvantGardeStd-Bk'; /* 您给字体起的名字，后续CSS将引用它 */
    src: url('fonts/66c47f01a6e91ef41a350f54_ITCAvantGardeStd-Bk.woff') format('woff'); /* 指向TTF文件的路径 */
    font-weight: normal; /* 可选：声明此字体文件的粗细 */
    font-style: normal;  /* 可选：声明此字体文件的样式 */
}
h1,h2,h3,h4,h5,h6,strong,b{
    font-family: "ITCAvantGardeStd-Md", sans-serif;
    font-weight: 500;
}
body{
    font-family: 'ITCAvantGardeStd-Bk';
    font-weight: 400;
    color:#222;
    font-size: 1rem;
}
.btn, .has-hover .btn:hover, .has-hover .btn:hover:active, .has-hover a:hover, .has-hover a:hover:active, .is-active.btn, a, a.is-active {
    text-decoration: none;
}
a:hover{ color: var(--i_color3);}
a {
    transition-duration: 0.3s;
    color: #222;
  }
  img{max-width: 100%;}
  .imghoverbig {
    cursor: pointer;
    transition: all 0.6s;
  }
  
  .imghoverbig:hover {
    transform: scale(1.5);
  }
  /*设置文字显示几行*/
  .textovershow1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  
  .textovershow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .textovershow3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .textovershow4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .textovershow5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .textovershow6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  a:hover {
    text-decoration: none;
  }li {
    list-style: none;
  }
  ul{margin: 0; padding: 0;}
  :root {
    --i_color: #011963;
    /* 全局颜色 */
    --i_color2: #242424;
    --i_color3: #D51A2D;
    --i_color4: #224364;
    --i_color5: #4285ec;
    --i_color6: #07273c;
    --i_color7: #d5b868;
    --i_color8: #d4d4d4;
    --i_color9: #484b82;
    --i_color10: #f5b21e;
    --i_color11: #002956;
    /* 副颜色 */
    --header_height: 1.1rem;
    /* 头部高度 */
    --header_height_reduce: 60px;
    /* 头部收缩后高度 */
    --border_color: rgba(0, 0, 0, 0.1);
    /* 默认边框颜色 */
    --f_menu_height: 56px;
    /* 移动端底部固定菜单 */
  }
/* 头部 */
.site-menu-close {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    outline: none;
    position: absolute;
    z-index: 10;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 4rem;
    height: 4rem;
    color: #fffdf7;
}
.site-menu-close-text {
    display: none;
    margin-left: .5em;
    font-weight: 400;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}.site-menu-close .material-symbols-outlined {
    font-variation-settings: "wght" 400;
    font-size: 1.5rem;
}
.navbar-expand-lg .navbar-nav .nav-link:hover,.dropdown-item:hover{ color: var(--i_color3);}
.navbar-nav .dropdown-menu li{ width: 100%;}
.dropdown-item{ font-size: 12px;}
header .logo{ width: 200px;}
.tmb-language a {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: block;
    float: left;
    border: 1px solid #c5c5c5;
    color: #666666;
    font-size: 12px;
    margin-left: 10px;
}
.tmb-language a.active {
    background-color: #1b58ab;
    border-color: #1b58ab;
    color: #fff;
}
.site-header-btn {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    outline: none;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 32px;
    font-weight: 400;
    text-align: center;
    color: #594b4b;
    transition: height .2s ease, border .2s ease;
}
.site-header-btn.site-menu-toggle .site-menu-toggle-icon {
    display: inline-flex;
    flex-direction: column;
    width: 1rem;
    padding-bottom: 2px;
}
.site-header-btn.site-menu-toggle .site-menu-toggle-icon span {
    background: #fffdf7;
}
.site-header-btn.site-menu-toggle .site-menu-toggle-icon span {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: #594b4b;
    transition: background-color .2s ease;
}.site-header-btn.site-menu-toggle .site-menu-toggle-icon+.site-header-btn-text {
    margin-left: .75em;
}.site-menu {
    width: 400px;
    z-index: 9999;
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    pointer-events: none;
    clip-path: inset(0 0 100% 0);
    transition: clip-path .6s cubic-bezier(0.77, 0, 0.175, 1);
    overflow-y: scroll;
}.site-menu-main {
    background: #384347;
    padding: 40px;
}.site-menu-nav {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6rem 0 2rem 0;
    flex-direction: column;
    padding-top: 0;
}.site-menu-social {
    justify-content: start;
    padding: 2.5rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}.site-menu-social li {
    margin: 0 1em;
}.clogo {
    margin-bottom: 20px;
}.site-menu-nav ul {
    text-align: left;
}.site-header-btn.site-menu-toggle:hover .site-menu-toggle-icon span {
    animation: menuIconHover .5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}.site-menu-social li a:hover {
    background-position: 0% 100%;
    background-size: 100% 1px;
}
.site-menu-social li a {
    display: inline-block;
    color: #fffdf7;
    background-image: linear-gradient(rgba(255, 253, 247, 0.5), rgba(255, 253, 247, 0.5));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    visibility: visible;
    transition: background-size .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes menuIconHover{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}55%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
.site-menu.site-menu-is-open {
    opacity: 1;
    visibility: visible;
    clip-path: none;
    transition: opacity 0s, visibility 0s;
    pointer-events: auto;
clip-path: inset(0 0 0 0);
}
.site-menu-nav ul li ul.iuo li a {
    font-size: 14px;
    color: #ddd;
}
.site-menu-nav ul li a {
    position: relative;
    display: inline-block;
    color: #fffdf7;
    visibility: visible;
    transition: opacity .4s;
}
.site-menu-nav ul li ul.iuo li:hover a {
    color: var(--i_color3);
}.site-menu-nav ul span.fa {
    visibility: inherit !important;
    color: #FFFFFF;
}.site-menu-nav ul li:hover span.fa:before {
    content: "\f0d7";
}
.searchbox{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 1px solid transparent;
    border-radius: 9999999px;
    outline: 3px solid transparent;
    outline-offset: -3px;
    background-color: #f3f3f6;
    height:50px;
    padding: 10px;
    width: 220px;
}
.searchbox .form-control-dark{
    background: none;
    border: none;
    width: 80%;
    color: #222;
}
.searchbox .form-control-dark:focus{ 
    outline: none;          /* 去掉默认的外轮廓线 */
    box-shadow: none;       /* 去掉可能存在的阴影光圈（Chrome/Safari常见） */
}
.searchbox:hover {
    outline-color:#ddd;
    background-color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link{ padding: 0 15px; font-size: clamp(12px, 1.0vw, 16px);}
header .open > .dropdown-menu {
    display: flex;
    left: auto;
    flex-wrap: wrap;
}
.header-search-btn{ width: 45px; height: 45px; background: var(--i_color3); color: #fff; text-align: center; line-height: 22px; border-radius: 50%; flex-shrink: 0;}
/* banner */
.proDot .item img{ max-width: 60px;}
.proDot .item .name:before,.picboxs .item .title2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0px;
    display: block;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: var(--i_color3);
    transform: scaleX(0);
    transform-origin: top right;
    transition: transform 0.3s ease-out;
}
.proDot .item:hover .name:before,.picboxs .item .title2:hover::before {
    transform: scaleX(1);
    transform-origin: top left;
}
.full-container.hero-s {
    overflow: hidden;
}
.full-container {
    position: relative;
}.container.hero-sc {
    justify-content: flex-end;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-flow: column;
}.hero-bg-elements {
    aspect-ratio: 100 / 62.5;
    width: 100%;
    overflow: hidden;
}    .hero-bg-ellipse {
    -webkit-filter: blur(12rem);
    filter: blur(12rem);
}.hero-bg-ellipse {
    will-change: filter;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.hero-bg-ellipse {
    aspect-ratio: 1 / 1;
    background-color: #06f;
    width: 58rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    border-radius: 50%;
    inset: -50% 0% auto;
}[data-noise]::before {
    content: '';
    position: absolute;
    inset: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/67f799b3c397656e8c23fd98_noise.gif);
    background-position: 50%;
    background-repeat: repeat;
    background-size: auto;
    opacity: 0.08;
    pointer-events: none;
}.hero-bg-noise {
    width: 100%;
    height: 100%;
    position: absolute;
    mask-image: radial-gradient(at center top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 58%);
}.hero-bg-images {
    z-index: 100;
    aspect-ratio: 32 / 13;
    width: 100%;
    position: absolute;
    top: 12%;
    left: 0;
}.hero-bg-image.s1 {
    z-index: 10;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
}
.hero-bg-image{
    position: absolute;  
    width: 150px;
    z-index: 2;
}
.hero-bg-image.cus {
    width: 100%;
    position: absolute;
    z-index: 1;
}
.hero-sc .image-contain.cus {
    object-fit: contain;
    width: 100%;
    display: block;
    background: none;
    border-radius: none;
}
.hero-sc .image-contain
{
    background:#a8d9fa;
    border-radius: 50%;
}
.hero-bg-image.s2{ left:0; bottom: 50%;}
.hero-bg-image.s3{ left:180px; bottom: 40%;}
.hero-bg-image.s4{ left:40%; bottom: 50%;}
.hero-bg-image.s5{ right:300px; bottom: 70%;}
.hero-bg-image.s6{ right:150px; bottom: 60%;}
.hero-bg-image.s7{ right:0px; bottom: 50%;}
.hero-bg-image.s3 {
    z-index: 15;
}
[data-levitation="2"] {
    animation: levitateSecond 5s ease-in-out infinite;
}@keyframes levitateSecond {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15%);
    }
    100% {
        transform: translateY(0);
    }
}[data-levitation="1"] {
    animation: levitateFirst 6s ease-in-out infinite;
}@keyframes levitateFirst {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(0);
    }
}.w-embed::before, .w-embed::after {
    content: " ";
    display: table;
    grid-area: 1 / 1 / 2 / 2;
}.w-embed::after {
    clear: both;
}

.w-embed::before, .w-embed::after {
    content: " ";
    display: table;
    grid-area: 1 / 1 / 2 / 2;
}.hero-main-elements {
    z-index: 200;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: absolute;
    bottom: 4.2rem;
}.text-elements {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}.headline-wrapper.hero-s {
    width: 54rem;
}.headline-h1 {
    color: #222;
    font-size: 30px;
}.word-span.view {
    opacity: 100;
    filter: blur(0);
    transform: scale(1);
}.word-span {
    opacity: 0;
    filter: blur(.6rem);
    transition: filter .6s, transform .6s, opacity .6s;
    transform: scale(1.2);
}.email-form-wrapper {
    padding: .1rem;
    border-radius: 256rem;
    background-color:#010320;
    width: 30rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}.email-form {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    grid-template-rows: auto;
    grid-template-columns: 18.6rem 1fr;
    grid-auto-columns: 1fr;
    display: grid
;
}

.w-input, .w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}input.w-button {
    -webkit-appearance: button;
}.email-input {
    border-radius: 256rem;
    color: #010320;
    border: 1px #000;
    height: 3.6rem;
    margin: 0;
    padding: 0 1.1rem 0 1.68rem;
}
.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}
.email-submit {
    border-radius: 256rem;
    background-color: transparent;
    transition: background-color .2s;
}
/* 关于我们区 */
.e_icon-25 {
    width: 45px;
    height: 45px;
    font_radio: 1;
    display-radio: 1;
    margin-left: 20px;
    background-color: #E40000;
    border-radius: 50%;
    display: inline-block;
    padding: 10px;
}
.e_icon-25 .icon {
    margin: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.e_icon-25 svg {
    cursor: pointer;
    user-select: none;
    transition: 0.5s;
}
.e_icon-25 a:hover svg {
    transform: rotate(360deg);
}
.e_icon-25 .icon {
    font-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor;
}.e_icon-25 .icon path {
    fill: #fff;
}
.videobox .box{ border-radius: 30px;}
.about_section .othertext .item{ color:#fff; flex-direction: column;background:#333444; display: flex; width: 150px; height: 150px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #444; padding: 10px; text-align: center; margin:10px auto}
.about_section .othertext .col-6:nth-child(1) .item,.about_section .othertext .col-6:nth-child(5) .item{ background:#34a3ff}
.about_section .othertext .col-6:nth-child(4) .item,.about_section .othertext .col-6:nth-child(8) .item{ background:#cbadfe}
.about_section .othertext .item span{font-family: 'ITCAvantGardeStd-Md'; font-size: 18px; line-height: 20px;}
.about_section .othertext .col-6 .item:hover{ background: #1b58ab; color: #fff;}
/*图片模块*/
.pic_section .picboxs h3{ font-size: 18px;}


.site-footer-marquee-item__stack:before, .site-footer-marquee-item__stack:after {
    --stack-offset-y: -2px;
    --stack-offset-x: -2px;
    --stack-bg: var(--stack-color-1);
    content: '';
    position: absolute;
    z-index: -1;
    top: var(--stack-offset-y);
    right: var(--stack-offset-x);
    width: 97%;
    height: 78%;
    overflow: hidden;
    -webkit-transform: translate(var(--stack-translate-x), var(--stack-translate-y));
    -ms-transform: translate(var(--stack-translate-x), var(--stack-translate-y));
    transform: translate(var(--stack-translate-x), var(--stack-translate-y));
    -webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transition-delay: var(--stack-translate-delay, 0.1s);
    transition-delay: var(--stack-translate-delay, 0.1s);
    border: 2px solid #fff;
    border-radius: 10px;
    background: #EDF3D8
}
.site-footer-marquee-item__stack:before {
    --stack-translate-delay: 0s;
    --stack-bg: #E6FDC9;
    --stack-offset-y: -10px;
    --stack-offset-x: -10px;
    width: 96%;
    height: 76%;
    border-radius: 12px;
    opacity: 0.4;
}
.site-footer-marquee-item__stack:after{
    background: #E6FDC9;
}
.pic_section .picboxs .item:hover .site-footer-marquee-item__stack:before, .pic_section .picboxs .item:hover .site-footer-marquee-item__stack:after {
    --stack-translate-scale: 0.5;
    --stack-translate-x: calc(-1 * -10px * var(--stack-translate-scale));
    --stack-translate-y: calc(var(--stack-offset-y) * var(--stack-translate-scale));
    border-radius: 8px;
}
.user-avatar-container {
    --avatar-size: 72px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.user-avatar-line {
    width: 100%;
    border: 1px solid #e7e7e9;
}
.user-avatar-container drb-avatar {
    margin: 0 24px;
}
drb-avatar {
    --popover-transition-delay: 0.5s;
    --tooltip-padding: 12px;
    display: -ms-inline-flexbox;
    display: inline-block;
    position: relative;
    width: var(--avatar-size, 60px);
    height: var(--avatar-size, 60px);
    container-type: inline-size;
}
.aboutbtns a{
    background: #0d0c22;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
}
.aboutbtns a.btn2--tertiary{
    border: 1px solid #ddd;
    background: none;
    color: #222;
}
.pic_section .picboxs .picbox{
    overflow: hidden;
}
 /* 每个图片项容器 */
 .image-item {
    position: relative;
    width: 100%;
    padding-bottom: 75%; /* 3:4 比例，可根据需要调整 */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgb(27 88 171);
    background: #e9ecef; /* 容器底色，防止加载前空白 */
}

/* 图片层：绝对定位填满容器 */
.image-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity 0.6s ease 0.1s; /* 轻微延迟，让背景层先滑动 */
    z-index: 1;
}

/* 背景层（占位层）：纯色，覆盖在图片之上 */
.image-item .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1b58ab; /* 纯背景色，可替换为渐变或图案 */
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: #adb5bd;
    transform: translateX(0);
    transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
    pointer-events: none; /* 让点击穿透 */
}

/* ----- 动画激活状态 ----- */
/* 当 .image-item 获得 .visible 类时 */
.image-item.visible img {
    opacity: 1; /* 图片渐显 */
}

.image-item.visible .bg-layer {
    transform: translateX(-100%); /* 背景层从右向左滑出 */
}

.image-item.visible .bg-layer .icon {
    opacity: 0; /* 图标淡出 */
}

/* 可选：每个图片项错落延迟，增加动感 */
.image-item:nth-child(2) {
    transition-delay: 0.1s;
}
.image-item:nth-child(3) {
    transition-delay: 0.2s;
}
.image-item:nth-child(4) {
    transition-delay: 0.3s;
}
/* 新闻 */
.solutions-slider-content{ background: #eee;}

.solutions-slider-content .site-footer-marquee-item__stack:before, .solutions-slider-content .site-footer-marquee-item__stack:after {
    --stack-offset-y: 9px;
    --stack-offset-x: 9px;
    --stack-bg: var(--stack-color-1);
    content: '';
    position: absolute;
    z-index: -1;
    top: var(--stack-offset-y);
    right: var(--stack-offset-x);
    width: 92%;
    height: 78%;
    overflow: hidden;
    -webkit-transform: translate(var(--stack-translate-x), var(--stack-translate-y));
    -ms-transform: translate(var(--stack-translate-x), var(--stack-translate-y));
    transform: translate(var(--stack-translate-x), var(--stack-translate-y));
    -webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transition-delay: var(--stack-translate-delay, 0.1s);
    transition-delay: var(--stack-translate-delay, 0.1s);
    border: 2px solid #fff;
    border-radius: 10px;
    background: #dbdbde;
}
.solutions-slider-content .site-footer-marquee-item__stack:before {
    --stack-translate-delay: 0s;
    --stack-bg: var(--stack-color-2);
    --stack-offset-y: 2px;
    --stack-offset-x: 2px;
    width: 90%;
    height: 76%;
    border-radius: 12px;
    opacity: 0.4;
}
.solutions-slider-content .e_icon-25{ position: absolute; right: 20%; bottom:20px; z-index: 99;}
.sol-slider-title-svg {
    justify-content: center;
    align-items: center;
    width: 1.66rem;
    height: 1.66rem;
    display: flex;
}
.solutions-slider-nav{ width: 55%; flex-shrink: 0;}
.full-container.solutions-s {
    background-color: #06f;
    background-image: radial-gradient(circle farthest-corner at 50% 0%, #ffffff2e, var(--_color---color--transparent) 36%);
    border-top-left-radius: 5.56rem;
    border-top-right-radius: 5.56rem;
    overflow: hidden;
    position: relative;
}
.custom-dot{
    opacity: .4;
    color:#fff;
}
.custom-dot.is-active {
    opacity: 1;
}
/*底部*/

#bigimage1 {
    position: absolute;
    display: none;
    z-index: 999;
    bottom: 120px;
    right: 350px;
}#bigimage1 img {
    max-width: 120px;
}
.smallimage1:hover #bigimage1{ display: block;}
footer a {
    color: #fff;
}
.footer-logo{ width: 200px; margin: 20px auto;}
.fsocial a {
    padding: 5px;
    background: #fff;
    border-radius: 6px;
    color: #D51A2D !important;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
}.fsocial a:hover {
    background: #D51A2D;
    color: #fff !important;
}
.footer-coin.s1 {
    left: -26%;
}
.footer-coin.s2 {
    bottom: 0;
    right: -15%;
}
.menu-insurance-products{ width: 400px;}
.menu-insurance-products-container li{ display: flex; align-items: center;}.menu-insurance-products-container li span{ width: 20px; color: #fff; flex-shrink: 0;}
@media (max-width: 1440px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding:0 5px;
    }
    .headline-h1{ font-size: 20px;}
    .videobox iframe{ height: 550px !important;}
    .videobox .box{ padding-bottom: 25px !important;}
    .headline h3{ font-size: 12px;}
    .headline-h3 { font-size: 25px;}
    .footer-coin.s1{ width: 22rem;}
    .footer-coin.s1 {
        left: -13%;
    }
    .footer-coin.s2 {
        bottom: 0;
       right: -15%;
    }
}
@media (max-width: 786px) {
header .logo {
        width: 150px;
    }
/* .hero-bg-image,.hero-bg-images{ position: relative;}
.hero-bg-images{ display: flex; gap: 10px;} 
.hero-bg-image{ width: 30%;}*/
.hero-main-elements{ position: relative; margin-top: -100px;}
.videobox iframe {
    height: 160px !important;
}
.email-form{ display: flex;}
.headline-wrapper.hero-s,.email-form-wrapper,.hero-main-elements,.description-wrapper.footer-s,.text-elements,.solutions-headline-element,.headline-wrapper.solutions-s,.solutions-slider-nav,.view-element,.solutions-slider-content{ width: 100%;}
.container.solutions-s{ padding-top: 21rem;}
.body-b5{ font-size: 1rem;}
.headline-tag-svg {
    width: 2.8rem;
    height: 2.8rem;
    padding: 1rem;
}.headline-tag.changed-color{ padding: 10px 20px;}
.solutions-slider-nav, .solutions-slider-content{ display: block;}
.solutions-content{padding: 80px 20px;}
.custom-dot{ margin-bottom: 20px;}
.solutions-content{ flex-direction: column;}
.solutions-headline-element{ top:-15%}
.container.footer-s{ padding-top: 0;}
.footer-coin{display: none;}
.body-b2.white-80{font-size: 30px;}
.description-wrapper.footer-s{ padding-top: 10px;}
.footer-form{ padding: 10px 0;}
.footer-logo{ margin-bottom: 30px;}
input.w-button{ font-size: 1rem;}
.hero-bg-image{ width: 50px;}
.hero-bg-image.s4 {
    left: 15%;
    bottom: 50%;
}
.hero-bg-image.s5{ right: 70px;}
.hero-bg-image.s3{ left: 140px;}
}