body{
    font-size: 100%;
    background: #f0f0f0;
}
.banner{
    width: 100%;
    font-size: 0;
    overflow: hidden;
    background: url('//icon.zhiding.cn/stor-age/special/IBM_C4_200628/images/b.jpg') no-repeat top center;
}
.main_banner{
    max-width: 1366px;
    margin: 0 auto;
}
.main_banner img{
    width: 100%;
}
.banner1{
    /* width: 67.3%; */
    width: 59.3%;
    vertical-align: top;
}
.banner1_mob{
    width: 71.6%;
    vertical-align: top;
    display: none;
}
.banner2{
    width: 40.7%;
    vertical-align: top;
}
.banner2_mob{
    width: 28.4%;
    vertical-align: top;
    display: none;
}
main{
    width: 100%;
    font-size: 0;
    max-width: 1366px;
    margin: 0 auto;
}
.infoTit{
    width: 97%;
    margin: 30px 3% 30px 0;
    padding: 0 20px;
    height: 108px;
    background: linear-gradient(45deg, #9d87ff, #0463ff);
}
.infoTit p{
    width: 97%;
    height: 100%;
    color: #fff;
    font-size: 38px;
    /* margin: 30px 3% 30px 20px; */
    line-height: 108px;
}

/* 左侧 */
main .infoWrap{
    width: 63.1%;
    display: inline-block;
    vertical-align: top;
}
.info_ai, .info_hi, .info_da{
    width: 100%;
}
.info_ai .info_ai_box{
    width: 97%;
    margin: 30px 3% 30px 0;
    padding: 30px 20px;
    background: #fff;
    overflow: hidden;
}
.info_ai_box p{
    font-size: 18px;
    line-height: 35px;
    text-align: justify;
}
.info_mrtop{
    margin-top: 20px;
}
.info_bt{
    color: #0062ff;
    font-weight: bold;
}
.info_bgt{
    background: #0062ff;
    display: inline-block;
    min-width: 600px;
    color: #fff;
    padding: 0 10px;
}
.info_bgtBox{
    margin: 15px 0;
}

.info_hi_box{
    width: 97%;
    margin: 50px 3% 50px 0;
    /* padding: 50px 20px; */
}
.info_ldtt{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
.info_hi_slid{
    width: 100%;
    height: 100%;
    /* border: 2px solid #e0e0e0; */
    padding: 30px 20px;
    background: #fff;
}
.info_hi_slid1{
    margin-bottom: 50px;
}
.info_hi_box ul{
    padding: 0;
}
.info_hi_box ul li{
    padding: 20px 0;
    text-align: justify;
    border-top: 1px solid #000;
}
.info_hi_box ul li span{
    font-size: 18px;
}

.info_da .info_da_box{
    width: 97%;
    margin: 30px 3% 50px 0;
}
.info_da_table, .info_da_table1{
    width: 100%;
}
.info_da_table1 tr td{
    font-size: 20px;
    display: inline-block;
}
.info_da_table1 tr{
    width: 100%;
    display: block;
    font-size: 0;
    padding: 25px 10px;
    position: relative;
}
.info_da_table tr td{
    font-size: 18px;
    display: inline-block;
}
.info_da_table tr{
    width: calc(100% - 100px);
    margin: 0 90px 0 10px;
    display: block;
    font-size: 0;
    padding: 15px 0;
}
.info_da_table tr .info_da_short{
    width: 36%;
}
.info_da_table tr .info_da_long{
    width: 64%;
}
/* 表格一级粗蓝字体 */
.info_da_tt{
    color: #0062ff;
    font-weight: bold;
    font-size: 22px !important;
}
/* 表格短 */
.info_da_short{
    width: 33%;
    /* padding-left: 10px; */
}
/* 表格long */
.info_da_long{
    width: 67%;
    /* padding-right: 90px; */
}
/* 表格二级粗蓝字体 */
.info_da_tt2{
    color: #0062ff;
    font-weight: bold;
    font-size: 18px;
}
.info_da_bg{
    background: #fff;
}
.div_mar{
    margin-top: 30px;
    padding: 25px 90px 25px 10px;
}
.table_mar{
    margin-bottom: 30px;
}
/* tr上边框 */
.tr_topline{
    border-top: 1px solid #000;
}
.tishi{
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.tishi span{
    font-size: 14px;
    color: #000;
}
.tishi2{
    text-align: right;
    /* display: none; */
}
.tishi span{
    font-size: 14px;
    color: #000;
}






main .loginWrap{
    width: 36.9%;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    padding: 50px 75px 50px 35px;
}
.loginTit{
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
    font-weight: bold;
}
.login_text{
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}
.login_text2{
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    text-align: justify;
    line-height: 25px;
}
.loginInput_box{
    background: #d8e4fa;
    width: 85%;
    height: 40px;
    margin-bottom: 30px;
}
.loginInput_box input{
    border: none;
    outline: none;
    background: #d8e4fa;
    width: 100%;
    height: 100%;
    font-size: 18px;
    text-indent: 1em;
}
.loginInput_box input::placeholder{
    color: #6f81a3;
}
.submitBtn{
    width: 110px;
    height: 40px;
    background: #0062ff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 70px;
}
.login_bt{
    font-size: 18px;
    color: #0062ff;
    font-weight: bold;
    line-height: 20px;
}
.login_bt2{
    margin-bottom: 30px;
}
.login_bt3{
    color: #0062ff;
}

.form-control{
    border: none;
    background: transparent;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 18px;
    color: #6f81a3;
}
.unline{
    margin-bottom: 40px !important;
}
.topline{
    padding-top: 40px;
    border-top: 1px solid #000;
}

.loginLabel{
    display: block;
    position: relative;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    line-height: 24px;
    margin: 20px 50px;
    cursor: pointer;
}
.loginLabel input[type=checkbox]{
    position: absolute;
    left: -50px;
    top: 10%;
}
.loginLabel input[type=checkbox]::after{
    position: absolute;
    top: -4px;
    background-color: #d8e4fa;
    color: #000;
    width: 30px;
    height: 30px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    font-size: 20px;
    border-radius: 3px;
    cursor: pointer;
}
input[type=checkbox]:checked::after{
    content: "✓";
    font-weight: bold;
    background-color: #0062ff;
    color: #fff;
}
.loginLabel_one input[type=checkbox]{
    position: absolute;
    left: -50px;
    top: 0;
    /* height: 30px; */
    transform: translateY(-25%);
    /* width: 30px; */
}
.submitBtn_box{
    width: 100%;
    position: relative;
}
.submitBtn2{
    width: 110px;
    height: 40px;
    background: #0062ff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 70px;
    border: none;
    margin-top: 50px;
    outline: none;
    vertical-align: top;
    padding: 0;
}
.resetBtn{
    width: 110px;
    height: 40px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    color: #0062ff;
    font-size: 20px;
    margin-bottom: 70px;
    border: none;
    outline: none;
    border: 2px solid #0062ff;
    position: absolute;
    top: 50px;
    right: 0;
    padding: 0;
    box-sizing: border-box;
}



.footer{
    width: 100%;
    height: 108px;
    background: #000;
}

@media screen and (min-width: 1470px) and (max-width: 1920px) {
    .submitBtn2, .resetBtn{
        width: 130px;
        left: 180px;
        right: auto;
    }
}
@media screen and (min-width: 320px) and (max-width: 1200px){
    .banner1{
        display: none;
    }
    .banner2{
        display: none;
    }
    .main_banner{
        display: none;
    }
    .banner1_mob{
        display: inline-block;
    }
    .banner2_mob{
        display: inline-block;
    }
    main .infoWrap{
        display: block;
        width: 100%;
    }
    .info_ai .info_ai_box{
        width: calc(100% - .4rem);
        margin: .5rem .2rem;
        padding: .5rem .3rem;
    }
    .info_ai_box p{
        font-size: .48rem;
        font-size: 0.3rem;
        line-height: .36rem;
        margin: .2rem 0;
    }
    .info_ai_box .info_bgtBox {
        font-size: .2rem;
    }
    .info_bgt{
        min-width: 100%;
        padding: 0;
    }
    
    .infoTit{
        height: 1.2rem;
    }
    .infoTit p{
        font-size: .56rem;
        line-height: 1.2rem;
        margin: 0 .2rem;
    }
    .info_hi_box{
        width: calc(100% - .4rem);
        margin: .3rem .2rem;
        padding: .2rem 0;
    }
    .info_ldtt{
        font-size: .36rem;
        margin-bottom: .2rem;
    }
    .info_hi_slid{
        width: 100%;
        height: auto !important;
        min-height: auto;
        padding: .2rem;
    }
    .info_hi_slid1{
        margin: 0;
        margin-bottom: .3rem;
    }
    .info_hi_box ul li{
        padding: .2rem 0;
    }
    .info_hi_box ul li span{
        font-size: .3rem;
    }

    .info_da .info_da_box{
        width: calc(100% - .4rem);
        margin: .3rem .2rem;
        padding: .2rem 0;
    }
    .info_da_table1 tr {
        padding: .2rem;
    }
    .info_da_table1 tr td{
        font-size: .36rem;
    }
    .info_da_table tr .info_da_short{
        width: 36%;
    }
    .info_da_table tr .info_da_long{
        width: 64%;
    }
    /* .info_da_table1 tr td.tishi{
        display: none;
    } */
    .info_da_box p.tishi2{
        /* display: block; */
        font-size: .24rem;
    }
    .info_da_tt2, .info_da_tt {
        font-size: .36rem;
    }
    .div_mar{
        padding: .2rem;
    }
    .info_da_table tr{
        width: calc(100% - .6rem);
        margin: 0 .4rem 0 .2rem;
        padding: .2rem 0;
    }
    .info_da_table tr td{
        font-size: .36rem;
    }



    main .loginWrap{
        display: block;
        width: 100%;
        padding: .3rem .2rem;
    }
    .loginTit, .login_text{
        font-size: .36rem;
    }
    .loginInput_box{
        width: 95%;
        height: 1rem;
        font-size: .34rem;
        margin-bottom: .2rem;
    }
    .loginInput_box input{
        font-size: .34rem;
    }
    .submitBtn {
        width: 2rem;
        height: 1rem;
        line-height: 1rem;
        font-size: .36rem;
        margin-bottom: 1.2rem;
    }
    .login_bt {
        font-size: .36rem;
        line-height: .56rem;
    }
    .form-control{
        height: 1rem;
        line-height: 1rem;
        font-size: .34rem;
    }
    .loginLabel{
        font-size: .34rem;
        line-height: .4rem;
        margin: .2rem .5rem;
    }
    .loginLabel input[type=checkbox]{
        left: -.5rem;
    }
    .loginLabel input[type=checkbox]::after {
        width: .4rem;
        height: .4rem;
        font-size: .32rem;
        left: -.1rem;
    }
    .topline{
        padding-top: .2rem;
    }
    .login_text2{
        margin-bottom: .2rem;
        font-size: .34rem;
        line-height: .5rem;
    }
    .submitBtn_box{
        overflow: hidden;
    }
    .submitBtn2{
        width: 2rem;
        height: 1rem;
        line-height: 1rem;
        line-height: .5remrem;
        font-size: .36rem;
        display: block;
        margin: 0 auto;
        margin-bottom: .5rem;
        margin-top: 1.5rem;
    }
    .resetBtn{
        width: 2rem;
        height: 1rem;
        line-height: 1rem;
        line-height: .5remrem;
        font-size: .36rem;
        top: .2rem;
        left: 50%;
        transform: translateX(-50%);
    }
}