body {
    margin:0;
    min-width:1200px;
}


.top_Wrap {
    width: 100%;
    height: 654px;
    background: url(/Content/indexImg/top_Bg.png) no-repeat;
    background-size:100% 100%;
    overflow:hidden;
}

.content {
    width:1200px;
    margin:0 auto;
}

.navbar {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
}


.logo_Banner_Wrap {
    display: flex;
    align-items: center;
}

.login_Wrap {
    margin-right:2%;
}

.banner {
    display: flex;
    margin-left: 30px;
}

    .banner div {
        margin-right: 30px;
        cursor: pointer;
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 14px;
        color: #2A2D30;
        user-select:none;
    }

    .banner .active {
        padding-bottom: 4px;
        border-bottom: 1px solid #559CE9;
        color: #559CE9;
    }

.login_Btn {
    width: 80px;
    height: 32px;
    background: linear-gradient( 45deg, #389DFF 0%, #2670FF 27%, #30B3FF 100%);
    border-radius: 4px 4px 4px 4px;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height:32px;
    text-align:center;
    user-select:none;
    cursor:pointer;
}

.top_Title {
    font-family: DingTalk JinBuTi, DingTalk JinBuTi;
    font-weight: 400;
    font-size: 52px;
    color: #0C0D18;
    margin-top:142px;
    text-align:center;
    letter-spacing:14px;
    user-select:none;
}

.search_Btn {
    display:flex;
    justify-content:center;
    margin:24px 0;
}

    .search_Btn> div {
        margin-right: 52px;
        font-weight: 550;
        font-size: 20px;
        color: #001633;
        cursor:pointer;
        user-select:none;
    }

.search_Line {
    border-bottom: 3px solid #0073FF;
    border-radius: 10px;
    width: 24px;
    margin: 4px auto;
}

.search_Input {
   display:flex;
   justify-content:center;
}

.search_Key {
    width: 450px;
    height: 52px;
    border: #0071FF solid 1px;
    border-radius:4px;
    outline:none;
    padding-left:14px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search {
    width: 120px;
    height: 52px;
    background: linear-gradient( 45deg, #0D8FFF 0%, #149DFE 100%);
    border-radius: 0px 4px 4px 0px;
    text-align:center;
    line-height:52px;
    font-size:20px;
    color:#fff;
    cursor:pointer;
}

.hot_Word{
    width:570px;
    display:flex;
    margin:0 auto;
    margin-top:22px;
}

.word_Title {
    margin-right: 14px;


}
.hot_Img{
    display: flex;
    align-items: center;
}

.hot_Img img{
    margin-right: 6px;
}

    .word_Title div {
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
        font-weight: 500;
        font-size: 16px;
        color: #FA544F;
        white-space: nowrap;
    }


    .every_Word {
        display: flex;
        flex-wrap: wrap;
    }

    .every_Word div {
        font-weight: 400;
        font-size: 16px;
        color: #3D3D3D;
        margin-right:14px;
        margin-bottom:18px;
        cursor:pointer;
    }
.hot_Standards_Wrap {
    width: 100%;
    height: 666px;
    background: url(/Content/indexImg/standards.png)no-repeat;
    background-size: 100% 100%;
  overflow:hidden;
}

.standard_Titles {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 42px;
    margin:0 auto;
    text-align:center;
    margin-top:64px;
}

.standard_Contents {
    display:flex;
    justify-content:space-between;
    margin-top:32px;
}

.every_Standards {
    width: 260px;
    height: 434px;
    background: #F8FAFE;
    border-radius: 4px 4px 4px 4px;
    margin-right:52px;
    user-select:none;
}

.Standard_Top_Show {
    width:100%;
    height:294px;
    background:url(/Content/indexImg/Standard_Top_Show.png) no-repeat;
    background-size:100% 100% ;
}

    .Standard_Top_Show img {
        width: 76%;
        height: 86%;
        margin-left: 10%;
        margin-top: 8%;
        cursor:pointer;
    }

    .Standard_Bottom_Show {
        width: 212px;
        margin: 0 auto;
    }

.Standard_Bottom_Info {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 22px;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.check_Detail {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 14px;
    color: #3D3D3D;
    cursor:pointer;
}

.our_Advantage_Wrap {
    width: 100%;
    height: 810px;
    background: url(/Content/indexImg/advantage.png) no-repeat;
    background-size:100% 100%;
overflow:hidden;
}

.advantage_Title {
    font-weight: 500;
    font-size: 42px;
    color: #3D3D3D;
    text-align:center;
    margin-top:82px;
}

.advantage_Introduce {
    width: 765px;
    font-weight: 500;
    font-size: 16px;
    color: #7C8692;
    margin: 0 auto;
    text-align: center;
    margin-top:18px;
    margin-bottom:40px;
}

.advantage_Content_Wrap {
    width:100%;
    height:514px;
    display:flex;
    justify-content:space-between;

}

.advantage_Left_List {
    width: 410px ;
    height:514px;
}

.advantage_Right_Show {
    height:514px;
    width:706px;
}

    .advantage_Right_Show img {
        width:100%;
        height:100%
    }

    .advantage_List_Content {
        width: 410px;
        height: 108px;
        background: #F0F1F3;
        border-radius: 14px 14px 14px 14px;
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer;
        user-select:none;
        font-weight: 400;
    }

.list_Centered {
    width:80%;
    height:70%;
    display:flex;
    justify-content:space-between;
}

.list_Centered_Img {
    margin-top:10px;
}

.advantage_Left_Title {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 20px;
    color: #404C5D;
}

.advantage_Left_Info {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 16px;
    color: #7C8692;
    margin-top:6px;
}

.advantage_List_Content:hover {
    background:#fff;
}

    .advantage_List_Content:hover .advantage_Left_Title {
        color: #11B883
    }

.experience {
    width: 168px;
    height: 52px;
    background: #13BE88;
    border-radius: 8px 8px 8px 8px;
    color:#fff;
    cursor:pointer;
    user-select:none;
    margin-top:40px;
    line-height:52px;
    display:flex;
    align-items:center;
}

    .experience div {
        padding-left:22px;
        display:inline-block;
    }

    .experience img {
        margin-left:14px;
    }

.hot_Info {
    width: 100%;
    height: 676px;
    background: #FAFDFF;
    overflow:hidden;
}

.hot_Info_Title {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 42px;
    color: #3D3D3D;
    text-align:center;
    margin-top:100px;
    margin-bottom:40px;
}

.info_Wrap {
    width:100%;
    display:flex;
    justify-content:space-between;
}

.every_Info {
    height: 388px;
    width: 370px;
    
}

.info_Img {
    width: 100%;
    height: 240px;
    border-radius: 18px 18px 18px 18px;
}

.info_Title {
    width:100%;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 18px;
    color: #3D3D3D;
    margin-top:24px;
    margin-bottom:14px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.info_Detail {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    color: #3D3D3D;
}

.info_Select {
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:16px;
    align-items:center;
}

.info_Select_Left {
    display:flex;
    align-items:center;
}

    .info_Select_Left div {
        font-weight: 400;
        font-size: 14px;
        color: #3D3D3D;
    }

    .info_Time_Icon {
        width: 22px;
        height: 22px;
    }

.info_Select_Right {
    display:flex;
    align-items:center;
}

    .info_Select_Right div {
        font-weight: 400;
        font-size: 14px;
        color: #727980;
        margin-left:12px;
    }

.red_More {
    font-weight: 400;
    font-size: 16px;
    color: #12BB86;
    text-align:center;
    margin-top:40px;
    cursor: pointer;
}

.account_Opening {
    background: #F7F9FD;
    width:100%;
    height:516px;
    overflow:hidden;
}

.account_Title {
    margin-bottom:50px;
    font-weight: 500;
    font-size: 42px;
    color: #3D3D3D;
    text-align:center;
    margin-top:50px;
}

.footer {
    width: 100%;
    height: 256px;
    background: #252627;
    overflow:hidden;
}

.footer_Wrap {
    width:100%;
    display:flex;
    margin-top:34px;
}

.record_Number{
    width: 100%;
    text-align: center;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 14px;
    color: #747374;
    margin-top: 26px;
}

.contact_Us_Title {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.company_Info {
    color: #8D98A8;
    margin-top: 14px;
}

.service_Hotline {
    margin-left:50px;
}

.code_Wrap {
   margin-left:80px;
}

.code_Info {
    font-size: 14px;
    color: #FFFFFF;
    margin-top:14px;
    text-align:center;
}

.account_Wrap {
    width: 1200px;
    display: flex;
    align-items:center;
}

.last_Page {
    cursor: pointer;
    width: 52px;
    height: 52px;
    margin-right: 100px;
}

    .last_Page img {
        width:100%;
        height:100%
    }

.next_Page {
    cursor: pointer;
    width: 52px;
    height: 52px;
    margin-left: 24px;
}

        .next_Page img {
            width: 100%;
            height: 100%
        }

.every_Account_Wrap {
    display:flex;
    width:1090px;
    height:240px;
}

.every_Account_Wraps{
    justify-content: space-between;
}

.every_Account {
    width: 170px;
    height: 222px;
    background: #F2F5FB;
    border-radius: 12px 12px 12px 12px;
    margin-top:24px;
    position: relative;
}

.spot{
    position: absolute;
    bottom: -28px;
    left: 44%;
}

.spots{
    position: absolute;
    bottom: -12px;
    left: 44%;
}
.spotss{
    position: absolute;
    bottom: -12px;
    left: 45%; 
}

    .every_Account .indexStatute {
        margin-left: 32%;
        margin-top: 20px;
    }

.account_Info {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 18px;
    color: #11B883;
    margin-top:16px;
    margin-bottom:12px;
    text-align:center;
}

.accoutn_Explain {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 14px;
    text-align:center;
    color: #7C8692;
    margin-top:6px;
}

.hidden{
    display: none;
    margin-right: 96px;
}