.selector-for-some-widget {
    box-sizing: content-box;
}

:root {
    --primary-green: rgba(111, 186, 44, 1);
    --primary-green-color: 111, 186, 44;
    --primary-blue: rgba(29, 32, 136, 1);
    --primary-text-black: rgba(14,14,14, 1);
    --primary-text-black2: rgba(102, 102, 102, 1);
    --secondary-background-white: rgba(242, 242, 245, 1);
    --primary-english-color:rgba(233, 233, 240, 1);
    --primary-border-color: rgba(204, 204, 204, 1);
    --gradient-green: rgba(64, 184, 128, 0.8);
    --gradient-blue: rgba(17, 84, 166, 0.8);
    --gradient-footer-green: rgba(64, 184, 128, 0.9);
    --gradient-footer-blue: rgba(17, 84, 166, 0.9);
    --nav-sub-item-green: rgba(73, 145, 10, 0.8);
    --nav-sub-item-green-hover: rgba(120, 203, 48, 0.8);
    --primary-text-gray: rgba(187, 187, 187, 1);
    --secondary-text-gray: rgba(153, 153, 153, 1);
    --primary-border-phone: rgba(221, 221, 221, 1);
    --secondary-background-phone: rgba(245, 245, 247, 1);
}

html {
    overflow-x: hidden;
}

body {
    background-color: rgba(245, 245, 247, 1);
    color: var(--primary-text-black);
    overflow-x: hidden;
}
/* @media (min-width: 1000px) {
    html{
        font-size: 16px;
    }
}
@media (min-width: 1500px) {
    html{
        font-size: 20px;
    }
}
@media (min-width: 2000px) {
    html{
        font-size: 24px;
    }
} */

@font-face {
    font-family: 'icomoon';
    src: url('../icomoon/icomoon.eot?6qo3o3');
    src: url('../icomoon/icomoon.eot?6qo3o3#iefix') format('embedded-opentype'), url('../icomoon/icomoon.ttf?6qo3o3') format('truetype'),
        url('../icomoon/icomoon.woff?6qo3o3') format('woff'), url('../icomoon/icomoon.svg?6qo3o3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^='icon-'],
[class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.footer-link-item {
    text-align: center;
    line-height: 1.2;
    position: relative;
}

.footer-link-item i {
    color: rgba(255, 255, 255, 0.8);
    font-size: 28px;
}

.footer-link-item span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

#footer-link-menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.footer-link-item:hover #footer-link-menu {
    opacity: 1;
}

.footer-link-menu-item {
    font-size: 14px;
    padding: 10px 0;
    display: block;
    width: 100%;
    background-color: var(--nav-sub-item-green);
    color: white;
    transition: all 0.3s ease-in-out;
}

.footer-link-menu-item:hover {
    background-color: var(--nav-sub-item-green-hover);
    color: white;
    text-decoration: none;
}

@media (min-width: 992px) {
    .phone-navbar {
        display: none;
    }

    #top-container {
        height: 800px;
        position: relative;
    }

    #banner {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #nav {
        z-index: 999;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 80px;
        padding-bottom: -1px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        /* background-color: rgba(0, 0, 0, 0.1); */
        backdrop-filter: blur(2px);
        transition: all 0.3s ease-in-out;
        display: flex;
        justify-content: space-between;
    }

    #nav.full {
        backdrop-filter: blur(4px);
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.16);
    }

    #logo-container {
        height: 100%;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 64px 12px 46px;
    }

    #logo-container > img {
        height: auto;
        width: 10vw;
    }

    #logo-white {
    }

    .full #logo-white {
        display: none;
    }

    #logo {
        display: none;
    }

    .full #logo {
        display: inline-block;
    }

    #nav-menu {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        width: max-content;
    }

    .nav-menu-item-container {
        height: 100%;
        display: inline-block;
        position: relative;
        padding: 0;
        overflow: visible;
    }

    .nav-menu-item {
        height: 100%;
        display: inline-block;
        position: relative;
        padding: 0 32px;
        color: rgba(255, 255, 255, 0.9);
        transition: all 0.3s ease-in-out;
        line-height: 80px;
    }

    .full .nav-menu-item {
        color: rgba(0, 0, 0, 0.7);
    }

    .nav-menu-item.active {
        color: white;
    }

    .full .nav-menu-item.active {
        color: rgba(31, 38, 120, 1);
    }

    .nav-menu-item.active::after {
        content: '';
        border-bottom: 2px solid rgba(255, 255, 255, 1);
        position: absolute;
        bottom: 0;
        left: 32px;
        right: 32px;
        height: 0;
    }

    .full .nav-menu-item.active::after {
        border-bottom-color: rgba(0, 0, 0, 1);
    }

    .nav-menu-item span {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    }

    .full .nav-menu-item span {
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0);
    }

    .nav-menu-item-container:hover .nav-menu-item {
        color: white;
        background-color: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        text-decoration: none;
    }

    .full .nav-menu-item-container:hover .nav-menu-item {
        color: rgba(31, 38, 120, 1);
        background-color: rgba(167, 172, 224, 0.2);
    }

    .nav-sub-menu {
        position: absolute;
        display: block;
        width: auto;
        left: 0px;
        right: 0px;
        top: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        overflow: hidden;
        height: 0;
        transition: all 0.3s ease-in-out;
    }

    .nav-menu-item-container:hover .nav-sub-menu {
        height: 300px;
    }

    .nav-sub-menu-item {
        font-size: 14px;
        padding: 10px 0;
        display: block;
        width: 100%;
        background-color: var(--nav-sub-item-green);
        color: white;
        transition: all 0.3s ease-in-out;
    }

    .nav-sub-menu-item:hover {
        background-color: var(--nav-sub-item-green-hover);
        color: white;
        text-decoration: none;
    }

    #search {
        float: right;
        height: 100%;
        width: auto;
        padding: 24px 46px 24px 46px;
    }

    #search i {
        font-size: 20px;
        font-weight: bold;
        color: white;
    }

    .full #search i {
        color: rgba(31, 38, 120, 1);
    }

    #banner-slogen {
        position: relative;
        color: white;
        margin-top: 320px;
    }

    #banner-slogen-en {
        margin-bottom: 12px;
        font-size: 48px;
        display: block;
        font-weight: 700;
    }

    #banner-slogen-zh {
        margin-bottom: 16px;
        font-size: 30px;
        display: block;
        font-weight: 400;
    }

    #banner-slogen-line {
        display: block;
        width: 60px;
        border-bottom: 3px solid rgba(255, 255, 255, 1);
    }

    #menu-container {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100px;
        background-color: rgb(255, 255, 255, 0.1);
        backdrop-filter: blur(3px);
        box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    }

    .menu-item {
        color: white;
        text-align: center;
        height: 100px;
        display: inline-flex;
        transition: all 0.3s ease-in-out;
    }

    .menu-item.active {
        background-color: rgba(var(--primary-green-color), 0.9);
    }

    .menu-item:hover {
        color: white;
        background-color: rgba(var(--primary-green-color), 0.8);
        cursor: pointer;
        text-decoration: none;
    }

    .menu-item > span:first-child {
        font-size: 36px;
        margin-bottom: 8px;
    }

    #footer-about-container {
        background-image: linear-gradient(180deg, var(--gradient-footer-green) 0%, var(--gradient-footer-blue) 100%),
            url('../image/footer/bg.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #footer-about {
        height: 180px;
    }

    #footer-slogen {
        font-size: 14px;
        color: white;
    }

    #footer-info {
        height: 52px;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 52px;
        vertical-align: middle;
        color: var(--primary-text-black2);
    }

    #footer-info .footer-info-item {
        margin: 0 8px;
    }

    #footer-info a,
    #footer-info a:hover {
        color: var(--primary-text-black2);
    }
}

@media (max-width: 992px) {
    .phone-navbar {
        display: flex;
        background-color: white;
    }
    #phone-logo img {
        width: 103px;
    }
    .navbar {
        padding: 16px 20px;
    }
    .icon-collapsed::before {
        content: '\e900';
        color: inherit;
        font-size: 30px;
    }
    .icon-expend::before {
        content: '\e901';
        color: inherit;
        font-size: 30px;
    }

    .navbar-light .navbar-toggler {
        border: none;
    }

    .navbar-nav .dropdown-menu {
        transition: all 0.4s ease-in-out;
        overflow: hidden;
        max-height: 0;
        display: block;
        border: 0px;
        visibility: hidden; /* 替换display:none */
        padding: 0 0;
    }

    .navbar-nav .show .dropdown-menu {
        visibility: visible; /* 展开时显示菜单 */
        max-height: 360px;
        border: none;
        background-color: var(--secondary-background-phone);
    }
    .nav-link {
        line-height: 20px;
        font-size: 14px;
        padding: 16px 0px;
        border-bottom: 1px solid var(--primary-border-phone);
        outline: none;
    }
    .dropdown-item {
        font-size: 12px;
        color: var(--secondary-text-gray);
        padding: 10px 1.5rem;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .icon-nav-dropdown::before {
        content: '\e902';
        color: inherit;
        font-size: 30px;
    }
    .nav-item.dropdown.show .icon-nav-dropdown::before {
        content: '\e903';
        color: inherit;
        font-size: 30px;
    }

    .nav-item {
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
        outline: none;
    }

    .dropdown-item > span:first-child {
        font-size: 18px;
        margin-right: 8px;
    }
    .blank-bottom {
        margin: 40px;
    }
    .navbar {
        box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.16);
    }
    #nav {
        display: none;
    }
    #top-container {
        margin-top: 72px;
        height: 460px;
        position: relative;
    }

    #banner-slogen {
        position: relative;
        color: white;
        margin-top: 147px;
    }

    #banner-slogen-en {
        margin-bottom: 12px;
        font-size: 48px;
        display: block;
        font-weight: 700;
    }

    #banner-slogen-zh {
        margin-bottom: 16px;
        font-size: 30px;
        display: block;
        font-weight: 400;
    }

    #banner-slogen-line {
        display: block;
        width: 60px;
        border-bottom: 3px solid rgba(255, 255, 255, 1);
    }

    #menu-container {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 74px;
        background-color: rgb(255, 255, 255, 0.1);
        backdrop-filter: blur(3px);
        box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    }

    #banner {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    #menu-row {
        flex-wrap: nowrap;
        overflow-x: auto;
        transition: all 0.7s ease-in-out;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    #menu-row::-webkit-scrollbar{
        display: none; /* Safari and Chrome */
    }
    .menu-item {
        color: white;
        text-align: center;
        height: 74px;
        display: inline-flex;
        transition: all 0.3s ease-in-out;
        min-width: 114px;
        font-size: 14px;
    }
    .menu-item > span:first-child {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .menu-item.active {
        background-color: rgba(var(--primary-green-color), 0.9);
    }
    .menu-item:hover {
        color: white;
        text-decoration: none; /* 去除悬停时的下划线 */
    }
    .menu-item {
        text-decoration: none; /* 去除下划线 */
    }
    .menu-item:focus,
    .menu-item:active {
        outline: none; /* 去除点击时的蓝色边框 */
    }

    .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        /* 添加其他样式 */
        display: flex;
        width: 60px;
        height: 74px;
        z-index: 999;
        opacity: 0;
        /* background-color: white; */
        transition: opacity 0.7s;
        font-size: 32px;
        background: rgba(255, 255, 255, 0.3);
        justify-content: center;
        align-items: center;
        /* backdrop-filter: blur(6px); */
    }

    .left-arrow {
        left: 0; /* 设置左箭头的位置 */
    }

    .right-arrow {
        right: 0; /* 设置右箭头的位置 */
    }
    .arrow-show {
        opacity: 1;
    }

    #foot-container {
        background-image: linear-gradient(180deg, var(--gradient-footer-green) 0%, var(--gradient-footer-blue) 100%),
            url('../image/footer/bg.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        color: white;
    }

    #footer-about {
        height: 80px;
    }

    #footer-slogen {
        font-size: 14px;
    }
    #footer-info-container {
    }

    #footer-info {
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 24px;
        vertical-align: middle;
        color: rgb(204, 204, 204);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #footer-info .footer-info-item {
        margin: 0 8px;
    }

    #footer-info a,
    #footer-info a:hover {
        color: rgb(204, 204, 204);
    }

    .icon-menu-item-right::before {
        content: '\e940';
        color: white;
    }
    .icon-menu-item-left::before {
        content: '\e947';
        color: white;
    }
    .navbar-toggler{
        padding-right: 0px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    #logo-container {
        height: 100%;
        width: auto;
        display: inline-block;
        padding: 24px 24px 24px 16px;
    }

    #logo-container > img {
        height: 100%;
        width: auto;
    }
    .nav-menu-item {
        padding: 0 20px;
    }
}

@media (max-width: 500px) {
.menu-item {
    font-size: 12px;
    min-width: 102px;
}
}

.icon-ffjj::before {
    content: '\e916';
    color: inherit;
}
.icon-fzlc::before {
    content: '\e912';
    color: inherit;
}
.icon-qyry::before {
    content: '\e921';
    color: inherit;
}
.icon-whln::before {
    content: '\e933';
    color: inherit;
}
.icon-zzjg::before {
    content: '\e956';
    color: inherit;
}
.icon-ffyx::before {
    content: '\e918';
    color: inherit;
}
.icon-ffxw::before {
    content: '\e917';
    color: inherit;
}
.icon-zgsdt::before {
    content: '\e955';
    color: inherit;
}
.icon-jczt::before {
    content: '\e91f';
    color: inherit;
}
.icon-djgz::before {
    content: '\e94c';
    color: inherit;
}
.icon-qtgz::before {
    content: '\e926';
    color: inherit;
}
.icon-jswmjs::before {
    content: '\e920';
    color: inherit;
}
.icon-rcjs::before {
    content: '\e927';
    color: inherit;
}
.icon-cwxx::before {
    content: '\e907';
    color: inherit;
}
.icon-gbrm::before {
    content: '\e919';
    color: inherit;
}
.icon-yjkh::before {
    content: '\e94c';
    color: inherit;
}
.icon-gqgg::before {
    content: '\e91c';
    color: inherit;
}
.icon-gycq::before {
    content: '\e91d';
    color: inherit;
}
.icon-fdckf::before {
    content: '\e915';
    color: inherit;
}
.icon-sjsg::before {
    content: '\e92c';
    color: inherit;
}
.icon-trzgl::before {
    content: '\e930';
    color: inherit;
}
.icon-zcgl::before {
    content: '\e954';
    color: inherit;
}
.icon-csfw::before {
    content: '\e90a';
    color: inherit;
}
.icon-csgx::before {
    content: '\e90d';
    color: inherit;
}
.icon-zsyy::before {
    content: '\e951';
    color: inherit;
}
.icon-calender::before {
    content: '\e929';
    color: inherit;
}

.icon-right-arrow::before {
    content: '\e940';
    color: inherit;
}
.icon-double-right-arrow::before {
    content: '\e941';
    color: inherit;
}
.icon-double-left-arrow::before {
    content: '\e948';
    color: inherit;
}
.icon-double-down-arrow::before {
    content: '\e93d';
    color: inherit;
}
.icon-down-arrow::before {
    content: '\e94e';
    color: inherit;
}

.icon-play::before {
    content: '\e905';
    color: inherit;
}
.icon-rightup-arrow::before {
    content: '\e90f';
    color: inherit;
}