#header {
    width: 100%;
    /* background-color: #367bf0; */
    position: relative;
    padding-top: 164px;
    box-sizing: border-box;
    background: url(/assets/images/selection/confidential_review/banner.png) center top no-repeat, linear-gradient(180deg, #367BF0, #41B9FF);
    /*background-size: auto 100%;*/
    background-size: cover;
    padding-bottom: 80px;
    height: 100%;
}
#container {
    width: 100%;
    height: 563px;
}
#header>.bt_group {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}
.bt_group .phone {
    display: flex;
    align-items: center;
    width: 185px;
    height: 47px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
}
.bt_group .phone span{
    font-size: 17px;
    color: #FFFFFF;
    line-height: 20px;
    margin-left: 12px;
}
.bt_group .phone a img {
    width: 19px;
    height: 19px;
    display: inline-block;
    /*position: relative;*/
    /*top: 2px;*/
    /*left: 18px;*/
    vertical-align: initial;
    margin-left: 18px;
}
.bt_group .phone .phone_link{
    display: flex;
}
.header_title_wrap {
    width: 956px;
    margin-right: auto;
    margin-left: auto;
}
.header_title {
    font-size: 64px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 20px;
}
.header_title_wrap p {
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    padding-bottom: 20px;
}
.header_btn_collection{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.header_btn_collection .call{
    width: 128px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}
.header_btn_collection .call:hover{
    transform: translateY(-5px);
    cursor: pointer;
}
.header_btn_collection .call .btn_text{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #007FDF;
    line-height: 32px;
}
.header_btn_collection .download{
    width: 128px;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.header_btn_collection .download .btn_text{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
}
.why_do_container{
    width: 1080px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 130px;
}
.why_do_container .why_do .title{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    text-align: center;
    margin-bottom: 67px;
}
.why_do_container .reason_list .reason_item{
    width: 486px;
    height: 212px;
    background: linear-gradient(270deg, #F9FDFF 0%, #F1FAFF 100%);
    border-radius: 12px;
    padding-left: 28px;
    padding-right: 74px;
    padding-top: 60px;
    position: relative;
    transition: all .3s linear;
}
.why_do_container .reason_list .reason_item:hover{
    background: linear-gradient(270deg, #F9FDFF 0%, #F1FAFF 100%);
    box-shadow: 0px 0px 20px 0px rgba(192,192,192,0.44);
    transform: translateY(-10px);
}
.why_do_container .reason_list{
    display: flex;
    justify-content: space-between;
}
.why_do_container .reason_list .reason_text{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 30px;
    margin-top: 15px;
}
.why_do_container .reason_list .number{
    position: absolute;
    right: 67px;
    top: -44px;
    width: 119px;
    height: 99px;
    font-size: 99px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #007FDF;
    line-height: 99px;
}
.reason_item .reason_split{
    width: 157px;
    height: 4px;
    position: relative;
}
.reason_item .range{
    position: absolute;
    height: 4px;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, #00B7F4 0%, #0080E6 100%);
}
.risk_analysis_container{
    width: 1080px;
    margin: 0 auto;
    padding-bottom: 117px;
}
.risk_analysis_container .risk_analysis .title{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    text-align: center;
    margin-bottom: 38px;
}
.risk_analysis .risk_list .risk_item{
    width: 464px;
    height: 190px;
    background: #F5FCFF;
    border-radius: 15px;
    display: flex;
    padding-top: 28px;
    padding-left: 48px;
    padding-right: 44px;
    margin-top: 53px;
    transition: all .3s linear;
}
.risk_analysis .risk_list .risk_item:hover{
    background: #FFFFFF;
    box-shadow: 0px 2px 42px -7px rgba(203,203,203,0.64), 0px 2px 5px 0px rgba(0,0,0,0.05);
    transform: translateY(-10px);
}
.risk_analysis .risk_icon_container .risk_icon{
    width: 42px;
    height: 42px;
    display: block;
    margin-right: 26px;
    background: url(/assets/images/selection/confidential_review/logos.svg);
}
.risk_analysis .risk_icon_container .risk_icon.icon2{
    background-position-x: -43px;
}
.risk_analysis .risk_icon_container .risk_icon.icon3{
    background-position-x: -87px;
}
.risk_analysis .risk_icon_container .risk_icon.icon4{
    background-position-x: -128px;
}
.risk_analysis .risk_icon_container .risk_icon.icon5{
    background-position-x: -170px;
}
.risk_analysis .risk_icon_container .risk_icon.icon6{
    background-position-x: -212px;
}
.risk_item .risk_content .risk_title{
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1A2736;
    line-height: 33px;
    margin-bottom: 15px;
}
.risk_item .risk_content .risk_desc{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 30px;
}
.risk_analysis .risk_list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.standard_container{
    background: linear-gradient(270deg, #F9FDFF 0%, #F1FAFF 100%);
    padding-top: 65px;
    padding-bottom: 106px;
}
.standard_container .standard{
    width: 987px;
    margin: 0 auto;
}
.standard_container .title{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    margin-bottom: 53px;
    text-align: center;
}
.overall_process_container{
    padding-top: 110px;
    padding-bottom: 140px;
}
.overall_process_container .overall_process{
    width: 1180px;
    margin: 0 auto;
}
.overall_process_container .overall_process .title{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    text-align: center;
    margin-bottom: 70px;
}
.overall_process .process_item .process_head{
    width: 357px;
    height: 73px;
    background: #E0F3FF;
    border-radius: 11px 11px 0px 0px;
    position: relative;
    /*transition: height 0.5s ease-in-out; !* 添加过渡动画 *!*/
}
.overall_process .process_item.active .process_head{
    height: 101px;
    background: #007FDF;
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.29);
    border-radius: 11px 11px 0px 0px;
}
.overall_process .process_head .process_title{
    font-size: 25px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #58697C;
    line-height: 36px;
    position: absolute;
    top: 18px;
    left: 126px;
    transition: all .3s linear;
}
.overall_process .process_item.active .process_head .process_title{
    top: 33px;
    left: 33px;
}
.process_item.active .process_head{
    display: block;
    padding-top: 33px;
    padding-left: 32px;
    transition: all .3s linear;
}
.process_item.active .process_head .process_title{
    width: 107px;
    height: 36px;
    font-size: 25px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 36px;
    text-align: left;
}
.overall_process .process_head .process_num{
    font-size: 76px;
    font-family: PingFangSC-Thin, PingFang SC;
    font-weight: 100;
    color: #C8EAFF;
    line-height: 107px;
    position: absolute;
    top: -16px;
    right: 12px;
}
.process_item.active .process_head .process_num{
    font-size: 97px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0079D4;
    line-height: 136px;
}
.process_item{
    width: 357px;
}
.process_item.active .process_split{
    height: 5px;
    background: linear-gradient(90deg, #00DBFF 0%, #0081E5 100%);
}
.process_item.active .process_body{
    padding-top: 13px;
}
.process_item .process_body{
    width: 100%;
    background: #F5F8FC;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    padding-left: 32px;
    padding-top: 20px;
    padding-bottom: 18px;
    position: relative;
}
.process_item .process_body .body_item{
    width: 288px;
    height: 57px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.process_item .process_body .body_item .body_num{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 22px;
    margin-left: 18px;
    color: #58697C;
}
.process_item.active .process_body .body_item .body_num{
    color: #007FDF;
}
.process_item .process_body .body_item .body_text{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5B697A;
    line-height: 22px;
    margin-left: 14px;
}
.process_body .triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 22px solid #fff; /* 纯白色 */
    top: 0;
    left: 0;
}
.process_item.item2 .process_body .triangle{
    top: 50px;
}
.process_item.item3 .process_body .triangle{
    top: 17px;
    left: -5px;
}
.overall_process .process_list{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
}
.panoramic_plan_container{
    background: linear-gradient(270deg, #F9FDFF 0%, #F1FAFF 100%);
    padding-top: 65px;
    padding-bottom: 106px;
}
.panoramic_plan_container .panoramic_plan{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.panoramic_plan_container .panoramic_plan .title{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    margin-bottom: 60px;
}
.solution_container{
    padding-top: 110px;
    padding-bottom: 180px;
}
.solution_container .solution{
    width: 1100px;
    margin: 0 auto;
}
.solution_container .solution .title{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    text-align: center;
    margin-bottom: 60px;
}
.solution_container .solution .solution_nav{
    display: flex;
    width: 449px;
    justify-content: space-between;
    margin: 0 auto;
}
.solution_container .solution_nav .solution_nav_item{
    display: flex;
    width: 211px;
    height: 60px;
    background: #F1F4F7;
    border-radius: 4px;
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1A2736;
    line-height: 28px;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}
.solution_container .solution_nav .solution_nav_item.active{
    background: #007FDF;
    color: #FFFFFF;
    transform: translateY(-5px);
}
.solution_content .solution_desc{
    width: 800px;
    margin: 0 auto;
    margin-top: 90px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 30px;
    margin-bottom: 37px;
}
.architecture_list{
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
}
.solution_container .architecture_detail .title,
.solution_container .advantage_detail .title
{
    width: 101px;
    height: 31px;
    background: #D0EAFF;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0080E6;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.solution_container .advantage_detail .title{
    background: #FFF0D9;
    color: #ED7600;
}
.solution_content .detail_item_head,
.solution_content .advantage_item_head{
    display: flex;
    width: 457px;
    height: 42px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.11);
    border-radius: 6px;
    border: 1px solid #D2F0FF;
    padding-left: 25px;
    align-items: center;
    transition: all .3s linear;
}
.solution_content .detail_item_head.active,.solution_content .advantage_item_head.active{
    background: linear-gradient(270deg, #0081E5 0%, #00B5FF 100%);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.37);
    border-radius: 5px;
    border: unset;
    color: #FFFFFF;
    /*position: absolute;*/
    top: 0;
    left: 0;
}
.solution_content .detail_item_head.active .point,.solution_content .advantage_item_head.active .point{
    background: #FFFFFF;
}

.solution_content .detail_item_head .point,.solution_content .advantage_item_head .point{
    width: 5px;
    height: 5px;
    background: #0080E6;
    margin-right: 14px;
}

.architecture_list .detail_item,.architecture_list .advantage_item{
    width: 457px;
    position: relative;
}

.architecture_list .item_desc{
    display: none;
    background: #F9FDFF;
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.11);
    border-radius: 6px;
    border: 1px solid #D2F0FF;
    /*padding-top: 50px;*/
    padding-top: 8px;
    padding-bottom: 12px;
    padding-left: 40px;
    padding-right: 56px;
    border-top-style: none;
    border-top-width: 0;
    border-top-color: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 30px;
}
.architecture_list .item_desc.active{
    display: block;
}
.solution_content.slack{
    display: none;
}
.solution_nav_item:hover{
    cursor: pointer;
}
.process_item.item1 .process_head{
    background: url("/assets/images/selection/confidential_review/01.png");
    background-size: cover;
}
.process_item.item2 .process_head{
    background: url("/assets/images/selection/confidential_review/02.png");
    background-size: cover;
}
.process_item.item3 .process_head{
    background: url("/assets/images/selection/confidential_review/03.png");
    background-size: cover;
}
.process_item.item1.active .process_head{
    background: url("/assets/images/selection/confidential_review/01a.png");
    background-size: cover;
}
.process_item.item2.active .process_head{
    background: url("/assets/images/selection/confidential_review/02a.png");
    background-size: cover;
}
.process_item.item3.active .process_head{
    background: url("/assets/images/selection/confidential_review/03a.png");
    background-size: cover;
}
@media screen and (max-width: 1200px){
    .overall_process_container .overall_process{
        width: 90%;
    }
    .overall_process .process_list{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .process_item{
        margin-bottom: 50px;
    }
    .process_item:last-child{
        margin-bottom: unset;
    }
}
@media screen and (max-width: 1100px){
    .why_do_container .reason_list{
        flex-direction: column;
        align-items: center;
    }
    .why_do_container .reason_list .reason_item{
        margin-bottom: 100px;
    }
    .why_do_container .reason_list .reason_item:last-child{
        margin-bottom: unset;
    }
    .risk_analysis_container{
        width: 90%;
    }
    .why_do_container{
        width: 90%;
    }
    .why_do_container .reason_list .reason_item{
        padding-right: 28px;
    }
    .solution_container .solution{
        width: 90%;
    }
    .solution_content .solution_desc{
        width: 100%;
    }
    .architecture_list{
        flex-direction: column;
        align-items: center;
    }
    .architecture_detail{
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 1000px){
    .panoramic_plan_container .panoramic_plan{
        width: 90%;
    }
}
@media screen and (max-width: 980px){
    #container{
        height: unset;
    }
    .header_title_wrap{
        width: 90%;
        height: unset;
    }
    .standard_container .standard{
        width: 90%;
    }
    .header_title{
        font-size: 48px;
    }
}
@media screen and (max-width: 500px){
    .why_do_container .reason_list .reason_item{
        width: unset;
    }
    .risk_analysis .risk_list .risk_item{
        height: unset;
        padding-bottom: 20px;
    }
    .solution_container .solution .solution_nav{
        flex-direction: column;
        align-items: center;
    }
    .solution_container .solution_nav .solution_nav_item{
        margin-bottom: 30px;
    }
    .solution_container .solution .solution_nav{
        width: 100%;
    }
    .solution_content .detail_item_head, .solution_content .advantage_item_head{
        width: 100%;
    }
    .architecture_list .detail_item, .architecture_list .advantage_item{
        width: 100%;
    }
}
@media screen and (max-width: 400px){
    .process_item .process_body{
        width: 100%;
    }
    .overall_process .process_item .process_head{
        width: 100%;
    }
    .process_item{
        width: 100%;
    }
    .process_item .process_body .body_item{
        width: 90%;
        padding-right: 30px;
    }
}