.index-box1{

    background-image:url("../images/banner.png");

    position: relative;

}

.home-maintitle{

    position: absolute;

    width:600px;

    height: 250px;

    top:100px;

    left:12%;

    /* display:flex; */

    /* justify-content: center; */

    /* align-items: center;

    flex-direction: column; */

    color:#fff;

    /* text-align:center; */

}

.home-maintitle-top{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    /* text-align: center; */

    width:100%;

    margin:0 auto 50px;

}

.home-maintitle-top p{

    font-size:20px;

    margin:20px 0;

}

.home-maintitle-top p span{

    color:#FFCE70;

}

.home-maintitle-bottom button{

    height:40px;

    width:100px;

    border-radius:40px;

    border:none;

    color:#404040;

    font-size:16px;

    outline: none;

    margin-bottom:10px;

    background:#fff;

    cursor:pointer;

}

.home-maintitle-bottom button:hover{

    background:#fff;

    color:#333;

}

.index-title1 span{

    font-size:35px;

}

.index-title1 p{

    font-size:16px;

}

.batch-box1{

    height:550px;

    padding-top:70px

}

.batchbox1-content{

    display:flex;

    justify-content: center;

    margin-top:50px;

}

.batchbox1-content li{

    width:280px;

    height:400px;

    background:rgba(255,255,255,1);

    box-shadow:0px 0px 20px rgba(3,0,91,0.1);

    border-radius:10px;

    margin-right:20px;

    display:flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

.batchbox1-content li p{

    font-size:24px;

    margin-bottom:20px;

}

.batchbox1-content li span{

    color:#aaa;

    line-height:30px;

    font-size:14px;

}

.batchbox1-content li span:last-of-type{

    line-height:1em;

    color:#333;

}

.batchbox1-content li img{

    width:120px;

    height:120px;

    margin:20px 0;

}

.batch-box2{

    /* height:800px; */

    background:#f7f7fc;

    padding-top:70px;

}

.batchbox2-content{

    display:flex;

    margin-top:50px;

    justify-content: center;

    flex-wrap: wrap;

    width:1200px;

    margin:0 auto;

}

.batchbox2-content li{

    width:33%;

    /* height:350px; */

    margin:30px auto;

    justify-content: center;

    align-items: center;

    display: flex;

    flex-direction: column;

}

.batchbox2-content li img{

    width:150px;

    height:150px;

}

.batchbox2-content li p{

    font-size:20px;

}

.batchbox2-content li span{

    font-size:14px;

    color:#777;

    line-height:24px;

}

.batch-box3{

    /* height:800px; */

    padding-top:70px;

    /* background-image: url("../images/背景图1@2x.png"); */

    background-size: 100%  420px;

    background-repeat: no-repeat;

    background-position:center;

}

.batchbox3-content{

    width:1200px;

    height:650px;

    background:rgba(255,255,255,1);

    box-shadow:0px 0px 20px rgba(3,0,91,0.1);

    border-radius:10px;

    margin:50px auto;

    box-sizing:border-box;

    padding:30px 0;

}

.batchbox3-content ul.step{

    margin-top:50px;

    box-sizing:border-box;

    width:1000px;

    height:80px;

    border-bottom:1px solid #eee;

    display:flex;

    margin:0 auto;

    position:relative;

}

.batchbox3-content ul.step li{

    width:250px;

    height:80px;

    line-height:80px;

    text-align:center;

    box-sizing:border-box;

    /* font-weight:400; */

    cursor: pointer;

    font-size:24px;

}

.batchbox3-content ul.step .activeNav{

    position:absolute;

    bottom:0;

    left:0;

    width:250px;

    height:2px;

    background:#78a9ff;

    transition:all .3s linear;

}

.step-content li{

    height:570px;

    justify-content: center;

    align-items: center;

    display:none;

    overflow: hidden;

}

.step-content li:first-of-type{

    display:flex;

}

.content-text{

    width:500px;

    display: flex;

    margin: 0 100px;

    flex-direction: column;

    animation:ltr .5s linear;

    position: relative;

}

.content-text p{

    font-size:24px;

    color:#2d3c56;

    margin:30px 0;

}

.content-text span{

    font-size:16px;

    color: #687d9f;

    margin:30px 0;

}

.content-text strong{

    font-size:18px;

    color:#2d3c56;

    margin:10px 0;

    font-weight: normal;

}

.content-text strong::before{

    content:"";

    display:inline-block;

    width:10px;

    height:10px;

    border-radius:50%;

    background:#2d3c56;

    margin-right:5px;

}

.content-pic{

    animation:rtl .5s linear;

    position: relative;

}

.batch-box4{

    padding:70px 0;

}

.batchbox4-content{

    width:1200px;

    display:flex;

    flex-wrap:wrap;

    margin:0 auto;

}

.batchbox4-content li{

    width:350px;

    height:200px;

    box-sizing:border-box;

    margin-right:50px;

    display:flex;

    flex-direction: column;

    justify-content: center;

}

.batchbox4-content li p{

    font-size:16px;

    line-height:50px;

}

.batchbox4-content li span{

    font-size:14px;

    color:#777;

}

.step-content li{

    justify-content: space-around;

}

.step-content .content-text{

    margin:0 0 0 50px;

}