.page {
    padding-bottom: 80px;
    background: linear-gradient(180deg, #f9fbff 0%, #f9fbff 100%);
    border-radius: 0px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 100%;*/
}

/*.section-swiper{*/
/*    width: 100%;*/
/*    background-image: url("/assets/index/index_bg.svg");*/
/*}*/
.section {
    /*padding: 0px 78px;*/
    background-image: linear-gradient(96.9deg, #ebecfe 4.4%, #d3e0ff 99%);
    /*box-sizing: border-box;*/
    position: relative;
    height: auto;
    min-height: 600px;
    width: 100%;
    /*min-width: 1024px;*/
    overflow-x: hidden;
}

.section-bg {
    /*min-width: 900px;*/
    width: 90%;
    height: 100%;
    position: absolute;
    left: 5%;
    background-image: url("/assets/index/index_bg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.space-y-10 > *:not(:first-child) {
    /*margin-top: 10px;*/
}

.header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.group_header {
    align-self: center;
    width: 100%;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
    padding-top: 10px;
}

.group_header a.nav {
    cursor: pointer;
    text-decoration: none;
    position: relative;
}

.group_header a.nav.active {
    color: #4391FB;
}

.group_header a.nav::after {
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    bottom: -5px;
    left: 0;
    background-color: #4391fb;
    height: 2px;
}

.group_header a.nav.active::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    bottom: -8px;
    left: 0;
    background-color: #4391fb;
    height: 2px;
}

.space-x-80 > *:not(:first-child) {
    margin-left: 80px;
}

.image_logo {
    width: 110px;
    /*height: 50px;*/
}

.space-x-49 > *:not(:first-child) {
    margin-left: 49px;
}

.group_2 {
    width: 32px;
}

.font_1 {
    font-size: 16px;
    font-family: PingFang SC;
    line-height: 15px;
    color: #1f3349;
}

.text {
    color: #4391fb;
}

.divider {
    /*background-color: #4391fb;*/
    /*height: 2px;*/
}

.space-x-48 > *:not(:first-child) {
    margin-left: 48px;
}

.text_2 {
    line-height: 14.5px;
}

.text_3 {
    line-height: 14.5px;
}

.space-x-38 > *:not(:first-child) {
    margin-left: 38px;
}

.text-wrapper {
    padding: 10px 0 8px;
    background-color: #4391fb;
    border-radius: 24px;
    width: 76px;
    height: 32px;
}

.font_2 {
    font-size: 16px;
    font-family: PingFang SC;
    line-height: 15px;
    color: #ffffff;
}

.text_4 {
    line-height: 14.5px;
}

.image_3 {
    width: 75px;
    height: 52px;
}

.image_2 {
    margin-right: 16px;
    width: 68px;
    height: 58px;
}

.group_3 {
    padding-left: 8%;
    padding-right: 25px;
    position: relative;
    z-index: 2;

}

.group_4 {
    margin-top: 190px;
    width: 50%;
}

.space-y-60 > *:not(:first-child) {
    margin-top: 60px;
}

.space-y-22 > *:not(:first-child) {
    margin-top: 22px;
}

.font_3 {
    font-size: 48px;
    font-family: PingFang SC;
    line-height: 1.5;
    color: #1f3349;
}

.text_5 {
    font-weight: 800;
    line-height: 44.5px;
}

.text_6 {
    font-weight: 700;
}

.text_7 {
    color: #1f334999;
    /*line-height: 19px;*/
    line-height: 1.4;
}
.fz30{
    font-size: 30px;
}

.section_2 {
    background-color: #ffffff;
    border-radius: 4px;
    width: 508px;
    display: flex;
}

.section_2 input {
    width: 440px;
    font-size: 16px;
    height: 41px;
    border: none;
    outline: none;
    padding-left: 10px;
}

.text-wrapper_2 {
    /*margin-left: 440px;*/
    padding: 14px 0 16px;
    background-color: #64a6ff;
    border-radius: 0px 4px 4px 0px;
    width: 68px;
}

.space-x-42 > *:not(:first-child) {
    margin-left: 42px;
}

.image_5 {
    margin-top: 49px;
    width: 92px;
    height: 90px;
}

.image_4 {
    width: 619px;
    height: 433px;
}

.section_3 {
    /*padding: 0 15% 33px;*/
    width: 85%;
    max-width: 1400px;
    margin: 0 auto 33px;
    background-image: linear-gradient(180deg, #f9fbff 0%, #f9fbff 100%);
}

.group_5 {
    padding: 72px 0 64px;
}

.space-y-8 > *:not(:first-child) {
    margin-top: 8px;
}

.font_4 {
    font-size: 48px;
    font-family: AlibabaPuHuiTi_2_115_Black;
    line-height: 35px;
    font-weight: 900;
    color: transparent;
}

.text_8 {
    background-image: linear-gradient(180deg, #d6e6f4 0%, #e2f9fe00 100%);
    -webkit-background-clip: text;
}

.font_5 {
    font-size: 40px;
    font-family: PingFang SC;
    /*line-height: 37px;*/
    font-weight: 800;
    color: transparent;
}

.text_9 {
    background-image: linear-gradient(90deg, #25b1ff 1.7%, #4da0f0 40.6%, #1b6afe 100%);
    -webkit-background-clip: text;
}

.section_4 {
    padding: 32px 36px 42px 40px;
    background-color: #ffffff;
}

.font_6 {
    font-size: 24px;
    font-family: PingFang SC;
    line-height: 22.5px;
    color: #1f3349;
    margin-bottom: 10px;
}

.text_10 {
    line-height: 22px;
}

.text_11 {
    margin-right: 422px;
}

.space-x-68 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*.space-x-68 > *:not(:first-child) {*/
/*    margin-left: 68px;*/
/*}*/

.group_6 {
    /*flex: 1 1 528px;*/
    width: 48%;
    /*min-width: 600px;*/
    margin-bottom: 20px;
}

.news-title {
    display: flex;
    justify-content: space-between;
}

.news-title span {
    display: block;
    width: 48%;
    text-align: left;
}

.section_5 {
    width: 100%;
    padding: 22px 16px 12px;
    background-color: #f3f8ff;
    border-radius: 4px;
}

.section_5:hover {
    background: #fff;
    box-shadow: 1px 1px 5px #ddd;
    /*border-bottom: 2px solid #1b6afe;*/
    position: relative;
    cursor: pointer;
}

.section_5:hover ::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4391FB;
    border-radius: 0 2px 2px 0;
}

.font_7 {
    width: 100%;
    font-size: 18px;
    font-family: PingFang SC;
    line-height: 17px;
    color: #1f3349;
}

.text_12 {
    line-height: 16.5px;
}

.font_8 {
    width: 100%;
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 13px;
    color: #1f334999;
}

.text_13 {
    margin-top: 14px;
}

.group_8 {
    margin-top: 26px;
}

.font_9 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 9px;
    color: #1f334999;
}

.space-x-2 > *:not(:first-child) {
    margin-left: 2px;
}

.font_10 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 11px;
    color: #1f334999;
}

.image_6 {
    width: 16px;
    height: 16px;
}

.space-y-54 > *:not(:first-child) {
    margin-top: 54px;
}

.text_15 {
    line-height: 16.5px;
}

.text_17 {
    line-height: 16.5px;
}

.group_7 {
    flex: 1 1 528px;
}

.space-y-20 > *:not(:first-child) {
    margin-top: 20px;
}

.section_6 {
    padding: 22px 0 12px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 2px 8px #1f33491a;
    border-bottom: solid 4px #4391fb;
}

.text_14 {
    margin-top: 14px;
    line-height: 13.5px;
}

.group_9 {
    margin-top: 26px;
    padding: 0 16px;
}

.space-x-4 > *:not(:first-child) {
    margin-left: 4px;
}

.image_7 {
    width: 14px;
    height: 14px;
}

.font_11 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 17px;
    color: #1f334999;
    width: 100%;
    text-align: center;
}

.text_16 {
    margin-top: 12px;
}

.group_10 {
    margin-top: 24px;
}

.text_18 {
    margin-top: 12px;
}

.group_11 {
    margin-top: 24px;
}

.group_12 {
    width: 85%;
    max-width: 1400px;
    /*min-width: 1000px;*/
    margin: 62px auto 0;
    box-sizing: border-box;
    /*padding: 0 15%;*/
}

.space-y-58 > *:not(:first-child) {
    margin-top: 58px;
    flex-wrap: wrap;
}

.text_19 {
    margin-left: 482px;
}

.space-x-36 > *:not(:first-child) {
    /*margin-left: 36px;*/
}

.equal-division-item {
    width: 25%;
    padding: 54px 68px 14px;
    /*flex: 1 1 277px;*/
    background-color: #e7f8ff;
    border-radius: 8px;
    min-height: 352px;
    height: auto;
    position: relative;
}

.text_21 {
    /*margin-left: 12px;*/
    width: 100%;
    text-align: center;
}

.group_14 {
    margin-top: 26px;
}

.group_15 {
    margin-top: 42px;
    /*padding: 0 4px;*/
    text-align: center;
}

.image_8 {
    opacity: 0.302;
    width: 9px;
    height: 5px;
}

.image_9 {
    /*margin-left: 42px;*/
    /*position: absolute;*/
    /*bottom: 10px;*/
    margin: 0 auto;
}

.group_19 {
    padding-top: 102px;
    height: 151px;
}

.image_15 {
    opacity: 0.078;
    width: 79px;
    height: 49px;
}

.image_12 {
    opacity: 0.302;
    width: 65px;
    height: 43px;
}

.pos_9 {
    position: absolute;
    left: 0;
    bottom: 36.5px;
}

.image_13 {
    opacity: 0.2;
    width: 65px;
    height: 42px;
}

.pos_10 {
    position: absolute;
    right: 0;
    bottom: 36.5px;
}

.image_11 {
    opacity: 0.4;
    width: 130px;
    height: 79px;
}

.pos_5 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.image_10 {
    filter: drop-shadow(7px -4px 0px #18acfe4d);
    width: 44px;
    height: 79px;
}

.pos {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.image_14 {
    opacity: 0.302;
    width: 10px;
    height: 8px;
}

.pos_12 {
    position: absolute;
    right: 39.5px;
    top: 50%;
    transform: translateY(-50%);
}

.equal-division-item_2 {
    padding: 46px 54px 14px;
    flex: 1 1 277px;
    background-color: #eafbf3;
    border-radius: 8px;
    min-height: 352px;
    height: auto;
}

.space-y-19 > *:not(:first-child) {
    margin-top: 19px;
}

.group_16 {
    padding: 0 20px;
    margin-top: 30px;
}

.group_20 {
    padding-top: 102px;
    height: 150.5px;
}

.pos_11 {
    position: absolute;
    left: 0;
    bottom: 36.5px;
}

.pos_13 {
    position: absolute;
    right: 0;
    bottom: 36.5px;
}

.pos_6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pos_2 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.pos_14 {
    position: absolute;
    right: 39.5px;
    top: 50%;
    transform: translateY(-50%);
}

.fast-entry {
    display: flex;
    justify-content: space-between;
}

.equal-division-item_3 {
    width: 24%;
    padding: 46px 28px 14px;
    /*flex: 1 1 277px;*/
    background-color: #e7f8ff;
    border-radius: 8px;
    min-height: 352px;
    height: auto;
    position: relative;
}

.text_20 {
    line-height: 22px;
}

.group_13 {
    margin-top: 14px;
}

.space-y-4 > *:not(:first-child) {
    margin-top: 4px;
}

.group_17 {
    margin-top: 22px;
    padding: 0 44px;
}

.pos_15 {
    position: absolute;
    left: 0;
    bottom: 36.5px;
}

.pos_16 {
    position: absolute;
    right: 0;
    bottom: 36.5px;
}

.pos_7 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pos_3 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.pos_17 {
    position: absolute;
    right: 39.5px;
    top: 50%;
    transform: translateY(-50%);
}

.equal-division-item_4 {
    padding: 54px 32px 14px;
    flex: 1 1 277px;
    background-color: #e9f2ff;
    border-radius: 8px;
    height: 352px;
}

.space-y-24 > *:not(:first-child) {
    margin-top: 28px;
}

.group_18 {
    padding: 0 42px;
}

.pos_18 {
    position: absolute;
    left: 0;
    bottom: 36.5px;
}

.pos_19 {
    position: absolute;
    right: 0;
    bottom: 36.5px;
}

.pos_8 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pos_4 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.pos_20 {
    position: absolute;
    right: 39.5px;
    top: 50%;
    transform: translateY(-50%);
}

.group_21 {
    margin-top: 89px;
}

.space-y-44 > *:not(:first-child) {
    margin-top: 44px;
}

.section_7 {
    /*padding: 0px 15% 93px;*/
    max-width: 1400px;
    width: 85%;
    margin: 0 auto 93px;
    background-image: linear-gradient(180deg, #f9fbff 0%, #f9fbff 100%);
}

.space-y-52 > *:not(:first-child) {
    margin-top: 52px;
}

.space-x-46 > *:not(:first-child) {
    margin-left: 46px;
}

.section_8 {
    height: 460px;
    /*min-width: 400px;*/
    padding-left: 30px;
    padding-top: 58px;
    flex: 1 1 588px;
    background-color: #ECE5F4;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
}

.section_8 a {
    text-decoration: none;
}

.image_18 {
    width: 588px;
    height: 143px;
}

.section_10 {
    background-image: linear-gradient(0deg, #fbf9fe 0%, #cebee4 100%);
    border-radius: 50%;
    width: 153px;
    height: 153px;
}

.pos_21 {
    position: absolute;
    right: 104px;
    top: 224px;
}

.section_11 {
    padding: 17px 0 78px;
    background-image: linear-gradient(180deg, #f3edfb 0%, #c6b6db 100%);
    border-radius: 50%;
    width: 153px;
}

.pos_22 {
    position: absolute;
    right: 35px;
    top: 224px;
}

.section_12 {
    background-color: #ffffff99;
    filter: blur(20px);
    border-radius: 50%;
    width: 58px;
    height: 58px;
}

.section_13 {
    background-color: #e4d9f3;
    filter: blur(5.5px);
    border-radius: 50%;
    width: 86px;
    height: 23px;
}

.pos_26 {
    position: absolute;
    right: 35px;
    top: 364px;
}

.section_9 {
    padding-left: 30px;
    padding-top: 58px;
    flex: 1 1 588px;
    /*min-width: 400px;*/
    background-color: #dcf2ff;
    border-radius: 8px;
    height: 460px;
    cursor: pointer;
    overflow: hidden;
}

.section_9 a {
    text-decoration: none;
}

.text_22 {
    color: #4391fb;
    font-weight: 800;
    line-height: 22px;
}

.text_23 {
    margin-left: 4px;
    margin-top: 36px;
    color: #1f3349;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 33px;
}

.text_24 {
    margin-left: 4px;
    margin-top: 32px;
}

.group_22 {
    margin-top: 20px;
    padding: 3px 4px 216px;
}

.group_23 {
    padding-top: 0px;
    height: 235.5px;
}

.group_24 {
    width: 100%;
    height: 100%;
}

.image_18 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -100px;
}

.pos_23 {
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
}

.image_17 {
    opacity: 0.6;
    width: 100%;
    /*height: 149px;*/
    height: auto;
    position: absolute;
    right: 0;
    bottom: 20px;
}

.image_16 {
    width: 125px;
    height: 161px;
}

.pos_25 {
    position: absolute;
    right: 42.5px;
    top: 22px;
}

.pos_24 {
    position: absolute;
    right: 79px;
    top: 0;
}

.tabs {
    width: 85%;
    max-width: 1400px;
    background: #FFFFFF;
    border-radius: 8px;
    /*flex-wrap: wrap;*/
    position: relative;
    overflow-x: auto;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
    margin: 40px auto 24px;
}

.tabs-container {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    /*flex-wrap: wrap;*/
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.tabs::-webkit-scrollbar, .tabs-container::-webkit-scrollbar {
    display: none;
}

.tabs-roll {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tabs-roll > div:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100px;
    align-self: center;
    text-align: center;
    z-index: 9;
}

.tabs-roll > div:last-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100px;
    text-align: center;
    align-self: center;
    z-index: 9;
}

.tabs-roll > div img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
}

.tab-item {
    width: auto;
    min-width: 176px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.tab-item::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 35px;
    top: 33px;
    background: #f1f1f1;
}

.tab-item:last-child::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0px;
    height: 0px;
    top: 33px;
    background: #f1f1f1;
}

.tab-item-name {
    color: #1F3349;
}

.tab-item-des {
    color: rgba(31, 51, 73, 0.6);
    margin-top: 5px;
}

.commodity-container {
    width: 85%;
    max-width: 1400px;
    height: auto;
    flex-wrap: wrap;
    margin: auto;
}

.commodity-item {
    width: 24.25%;
    height: 479px;
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    margin-bottom: 24px;
    margin-right: 1%;
}

.commodity-item:nth-child(4n) {
    margin-right: 0;
}

.commodity-img {
    width: 100%;
    height: 282px;
    border-radius: 8px 8px 0 0;
}

.commodity-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0 0;
}

.commodity-content {
    width: 100%;
    box-sizing: border-box;
    margin-top: 16px;
    padding: 0 16px;
}

.commodity-title {
    align-items: center;
}

.commodity-title span.title {
    display: inline-block;
    width: 90%;
}

.commodity-title .tag {
    display: inline-block;
    background: #1b6afe;
    border-radius: 2px;
    box-sizing: border-box;
    width: 32px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-right: 6px;
}

.commodity-des {
    width: 100%;
    height: 40px;
    margin: 8px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /*两行文本*/
    -webkit-box-orient: vertical;
}

.commodity-full-container {
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 12px;
}

.commodity-full-item {
    width: auto;
    margin-right: 3px;
    height: 18px;
    background: #ffffff;
    border: 1px solid #f32d2d;
    border-radius: 2px;
}

.commodity-full-item span {
    display: block;
}

.commodity-full-item span:first-child {
    width: 20px;
    text-align: center;
    background: #F32D2D;
}

.commodity-full-item span:last-child {
    width: auto;
    box-sizing: border-box;
    padding: 0 5px;
}

@media (max-width: 1200px) {
    .section_3 {
        /*padding: 0 5% 33px;*/
    }

    .equal-division-item {
        width: 48%;
        margin-bottom: 30px;
    }

    .equal-division-item_3 {
        width: 48%;
    }

    .commodity-item {
        width: 49%;
        margin-right: 2%;
    }

    .commodity-item:nth-child(2n) {
        margin-right: 0;
    }

    .section_7 {
        padding: 0px 5% 93px;
    }
}

@media (max-width: 800px) {

}