@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    /* src: url(/Content/fonts/worksans.woff2) format('woff2');*/
    src: url(../fonts/worksans.woff2) format('woff2');
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /*src: url(/Content/fonts/worksans.woff2) format('woff2');*/
    src: url(../fonts/worksans.woff2) format('woff2');
}


@font-face {
    font-family: Poppins;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}


/*
   粗体 pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2
   粗体 pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2

*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    -ms-scrollbar-face-color: #B4B4B4;
    scrollbar-face-color: #B4B4B4;
    -ms-scrollbar-3dlight-color: #B5CBF7;
    scrollbar-3dlight-color: #B5CBF7;
    -ms-scrollbar-darkshadow-color: #B5CBF7;
    scrollbar-darkshadow-color: #B5CBF7;
    -ms-scrollbar-base-color: #B5CBF7;
    scrollbar-base-color: #B5CBF7;
    -ms-scrollbar-shadow-color: #efeff4;
    scrollbar-shadow-color: #efeff4;
    -ms-scrollbar-highlight-color: #efeff4;
    scrollbar-highlight-color: #efeff4;
    -ms-scrollbar-track-color: #efeff4;
    scrollbar-track-color: #efeff4;
    -ms-scrollbar-arrow-color: #4A6184;
    scrollbar-arrow-color: #4A6184;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Poppins,Sans-serif !important;
}

body, html {
    background-color: #f3f4fb;
    background-color: #ffffff;
    overflow-x: hidden;
    font-family: Poppins,Sans-serif !important;
}

.gw-container {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.gw-logo {
    height: 90px;
}

.gw-nav a {
    font-size: 22px;
    padding: 30px 20px;
    color: #333333;
}

    .gw-nav a:hover, .gw-nav a.select {
        color: #2fb3ff;
    }

.gw-nav-mob a {
    font-size: 14px;
    padding: 15px 0px;
    color: #333333;
    border-top: 1px solid #f2f2f2;
}

.gw-body {
    /*    background-image: url(/Content/Images/bg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .gw-body .w-e-text-container {
        height: auto;
    }

.swiper-container {
    width: 100%;
    margin: 0 auto;
}

.swiper-slide {
    position: relative;
}

    .swiper-slide img {
        width: 100%;
        object-fit: cover;
    }

.iants-buyer-topbar {
    color: #ffffff;
    padding: 2px 0;
    min-height: 28px;
    background-color: transparent;
}

.iants-buyer-dropdown {
    top: 25px;
    z-index: 9999;
    display: none;
    min-width: 120px;
}

    .iants-buyer-dropdown a {
        color: #888888;
    }

    .iants-buyer-dropdown li:hover a {
        color: #222;
    }

.iants-buyer-switchlang {
    min-height: 28px;
}

    .iants-buyer-switchlang:hover label, .iants-buyer-switchlang:hover .iconfont {
        color: #222;
        cursor: pointer;
    }

    .iants-buyer-switchlang:hover .iants-buyer-dropdown {
        display: block;
    }


.swiper-slide {
    position: relative;
}

    .swiper-slide img {
        width: 100%;
        object-fit: cover;
    }


.gw-product a {
    border: 6px solid #e6e6e6;
    display: block;
    position: relative;
    padding: 0
}

.gw-product .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background-color: #9b7185;*/
    opacity: 0.8;
    /*  background: linear-gradient(to bottom, #fadfad, #ffd178);*/
    /*  background: linear-gradient(to bottom, #fadfad, #ffd178);*/
    background: linear-gradient(to bottom, #c1deff, #9ccbff);
    z-index: 10;
}

.gw-product .desc {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 111;
    background-color: transparent;
    overflow: auto;
    max-height: 500px;
}

.gw-product .leftx, .gw-product .lefty, .gw-product .bottomx, .gw-product .bottomy {
    position: absolute;
    z-index: 112;
    background-color: #d32f7e;
    background-color: #a8cbf5;
    display: block;
}

.gw-product .leftx {
    height: 6px;
    width: 90px;
    top: -6px;
    left: -6px;
}

.gw-product .lefty {
    height: 84px;
    width: 6px;
    top: 0;
    left: -6px;
}

.gw-product .bottomx {
    height: 6px;
    width: 90px;
    bottom: -6px;
    right: -6px;
}

.gw-product .bottomy {
    height: 84px;
    width: 6px;
    bottom: 0;
    right: -6px;
}

.gw-product .desc h4 {
    color: #000;
    font-size: 26px;
}

.gw-product .desc p {
    color: #000;
    font-size: 14px;
}

.gw-product img {
    width: 100%;
}

#map {
    overflow: hidden;
    width: 100%;
    height: 360px;
    margin: 0;
    font-family: "微软雅黑";
}

.buyer-footer2 {
    padding: 15px 0 15px;
    background: #2e2e2e;
    border-bottom: 4px solid #ff6c00;
}

#showMobNav {
    display: none;
}

.gw-product.one img {
    height: 500px;
}

.gw-product.two img {
    height: 230px;
}

.gw-yunwei .w-e-text-container {
    background-color: transparent;
    height: auto;
    max-height: 350px;
}


.gw-title {
    font-size: 30px;
}

.gw-title-border {
    border-bottom: 6px solid #666666;
    width: 100px;
    margin-top: 10px;
}

.w-e-text-container img {
    width: 100%;
}



@media (min-width: 768px) {
    .gw-container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 90%;
        max-width: 1200px;
    }
}

/*.gw-shadow {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
*/
.gw-new-header {
    background-color: #14b1e7;
    /* background-image: linear-gradient(180deg, #2a7690 5%, #14b1e7 82%);*/
    background-image: url(../Images/top_bg.jpg);
    background-size: 100% 100%;
}

    .gw-new-header .logo {
        width: 300px;
    }

    .gw-new-header .w-e-text-container {
        background-color: transparent;
        color: #ffffff;
    }

        .gw-new-header .w-e-text-container p {
            color: #ffffff !important;
        }

.gw-new-header-form {
    background-image: url(../Images/dotted-overlay-light.png);
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #bdbdbd;
    background-color: #ffffff;
    font-size: 14px;
}

    .gw-new-header-form .title-form {
        color: #000;
        font-weight: 700;
        font-size: 20px;
        margin: 0;
        text-align: center;
    }

    .gw-new-header-form select {
        border: 0.0625rem solid #ced4da;
        background-color: #fff;
        height: 2.125rem;
        width: 100%;
        padding: 0 0.625rem;
        border-radius: 3px;
    }

    .gw-new-header-form textarea {
        padding: 0.625rem;
        border-radius: 3px;
    }

.gw-new-article h4 {
    font-size: 24px;
    font-weight: bold;
}

.gw-new-article pre {
    font-size: 18px;
    line-height: 2;
}

.font-worksans {
    font-family: Work Sans;
    -webkit-font-smoothing: antialiased;
}

.gw-new-header .companyinfo {
    width: 60%;
    padding-right: 60px;
}

.gw-new-header .form-container {
    width: 40%;
}

.iants-gw-submit {
    margin-top: 10px;
    color: #000;
    padding: 18px 20px !important;
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(90deg, #000 50%, #ffcc29 50%) !important;
    background-size: 202% !important;
    background-position: 100% !important;
    transition: .3s;
    width: 100%;
    text-align: center;
    border-radius: 5px;
}

    .iants-gw-submit:hover {
        background: linear-gradient(90deg, #000 50%, #000 50%) !important;
        color: #fff;
    }

#map img {
    width: 100%;
}

@media all and (max-width:767px) {


    #showMobNav {
        display: block;
    }

    .gw-new-header .companyinfo {
        width: 100%;
        padding-right: 10px;
    }

    .gw-new-header .form-container {
        width: 100%;
    }

    .gw-body {
        background-position: center center;
    }

    .gw-product.col-4 {
        width: 100% !important;
    }

    .w-e-text img {
        width: 100%;
    }

    .px-5 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .gw-yunwei.flex, .top-flex.flex {
        flex-direction: column !important;
    }

        .gw-yunwei.flex .flex-1 {
            padding-left: 0;
        }

    .gw-product.one {
        margin-right: 0px !important;
        margin-bottom: 20px;
    }

        .gw-product.one img {
            height: 650px;
        }

    .gw-contact.flex, .buyer-footer2 .text-centerv.flex {
        flex-direction: column !important;
    }

        .gw-contact.flex .flex-1 {
            width: 100%;
            margin-bottom: 20px;
        }

    .buyer-footer2 .text-centerv span {
        margin-bottom: 5px;
    }

    .gw-nav.flex {
        display: none !important;
    }

    .font-lg {
        font-size: 16px;
    }

    .w-e-text-container {
        padding: 0 10px;
    }

    .gw-yunwei .col-4 {
        width: 100%;
    }

        .gw-yunwei .col-4 .gw-product.mr-2 {
            margin-right: 0px !important;
        }
}
/*#dify-chatbot-bubble-button {
    background-color: #1C64F2 !important; !* 按钮背景颜色 *!
    color: #FFFFFF !important; !* 按钮文字颜色 *!
    font-size: 16px !important; !* 按钮文字大小 *!
    width: 80px !important; !* 按钮宽度 *!
    height: 80px !important; !* 按钮高度 *!
    border-radius: 50% !important; !* 圆形按钮 *!
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) !important; !* 按钮阴影 *!
    border: 2px solid #FFFFFF !important; !* 按钮边框 *!
    animation: pulse 1.5s infinite; !* 添加动画效果 *!
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(28, 100, 242, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 10px 20px rgba(28, 100, 242, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(28, 100, 242, 0);
    }
}*/
#dify-chatbot-bubble-button {
    background-color: #FFA400 !important; /* 按钮背景颜色 */
    color: #FFFFFF !important; /* 按钮文字颜色 */
    font-size: 14px !important; /* 按钮文字大小 */
    width: 70px !important; /* 按钮宽度 */
    height: 70px !important; /* 按钮高度 */
    border-radius: 50% !important; /* 圆形按钮 */
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) !important; /* 按钮阴影 */
    border: 2px solid #FFFFFF !important; /* 按钮边框 */
    /*animation: pulse 1.5s infinite; /* 添加动画效果 */
    position: relative;
    padding-bottom: 25px; /* 为文字留出空间 */
}
#iframe.dify-chatbot-bubble-window {
    position: fixed;
    bottom: auto; /* 不设置 bottom，防止向下弹出 */
    top: 20px; /* 确保弹出框不会超出视口顶部 */
    right: 12px; /* 保持与右侧的距离 */
    width: 24rem; /* 固定宽度 */
    max-width: calc(100vw - 24px); /* 最大宽度，减去左右边距 */
    height: calc(100vh - 140px); /* 高度设为视口高度减去按钮高度和上方空白 */
    border-radius: 0.75rem; /* 圆角 */
    box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 30px 0px, rgba(150, 150, 150, 0.2) 0px 0px 0px 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2147483647;
    overflow-y: auto; /* 当内容超出时，允许垂直滚动 */
    background-color: rgb(243, 244, 246);
    transform: translateY(-100%); /* 确保永远向上弹出 */
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; /* 平滑显示效果 */
}


#dify-chatbot-bubble-button::after {
    content: "yumAI";
    font-size: 14px; /* 文字大小 */
    position: absolute;
    bottom: 6px; /* 文字与按钮底部的距离 */
    width: 100%;
    text-align: center;
    color: #FFFFFF; /* 文字颜色 */
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(28, 100, 242, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 10px 20px rgba(28, 100, 242, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(28, 100, 242, 0);
    }
}