html,body{
    color:#333;
    height: 100%;
    position:relative;
    background-color:#FFF;
    overflow-x: hidden;
}
html{
    font-size: 62.5%;
}
body{
    min-width:320px;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
}
.index_box1{
    width: 100%;
    height: 41.58vw;
    min-height: 320px;
    background: url('../images/index_1.jpg') no-repeat;
    background-size: cover;
    color:#F2F2F2;
    position: relative;
    text-align: center;
}
.index_box1_main{
    width:70%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.index_box1_title{
    font-weight: bold;
    font-size: 48px;
}
.index_box1_middle{
    padding-top: 40px;
    font-size: 20px;   
}
.index_box1_middle_line{
    margin: 0 8px;
    color: #fff;
}
.index_box1_bottom{
    width: 315px;
    margin: 0 auto;
    margin-top: 150px;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    padding: 16px 8px;
}
.index_box2{
    width: 100%;
    padding:50px 0;
    background: linear-gradient(90deg, #0E3066 0%, #174BA0 53%, #0E3066 100%);
}
.index_box2_ul{
    width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.index_box2_ul li{
    width: 28%;
    text-align: center;
    padding:50px 2%;
    color: #F2F2F2;
    font-size: 16px;
}
.index_box2_ul li img{
    width: 88px;
    margin: 0 auto;
    display: block;
}
.index_box2_ul_text1{
    padding-top: 22px;
}
.index_box2_ul_text2{
    padding-top: 12px;
}
.index_box_ex{
    width: 100%;
    height: 64.26vw;
    min-height: 320px;
    text-align:center;
    color: #F2F2F2;
}
.index_box3{
    background: url("../images/index_8.jpg") no-repeat;
    background-size: cover;
}
.index_box_ex_title{
    width:92%;
    margin:0 auto;
    font-weight: bold;
    font-size: 48px;
    padding-top: 160px;
}
.index_box_ex_text{
    width:92%;
    margin:0 auto;
    font-size: 24px;
    padding-top: 38px;
}
.index_box4{
    background: url("../images/index_9.jpg") no-repeat;
    background-size: cover;
}
.index_box5{
    background: url("../images/index_10.jpg") no-repeat;
    background-size: cover;
}



/*1200px以下导航栏和页脚的样式切换*/
@media (max-width: 1200px) {
    .index_box1_main{
        width:96%;
    }
    .index_box1_title{
        font-size: 4.6rem;
    }
    .index_box1_middle{
        padding-top: 3.6rem;
        font-size: 2rem;   
    }
    .index_box1_middle_line{
        margin: 0 4px;
    }
    .index_box1_bottom{
        margin-top: 100px;
    }
    .index_box2_ul{
        width:98%;
        margin:0 auto;
    }
    .index_box_ex_title{
        font-size: 4.6rem;
        padding-top: 10rem;
    }
    .index_box_ex_text{
        font-size: 2.2rem;
        padding-top: 2.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {

}
/* 媒体查询 - 平板设备 */
/*使用rem作单位*/
@media (max-width: 768px) {
    .index_box1{
        width: 100%;
        height: 76vw;
        min-height:20rem;
        background: url('../images/mindex_1.jpg') no-repeat;
        background-size: cover;
    }
    .index_box1_title{
        font-size: 4rem;
    }
    .index_box1_middle{
        padding-top: 2.6rem;
        font-size: 1.8rem;   
    }
    .index_box1_middle_line{
        margin: 0 3px;
    }
    .index_box1_bottom{
        width: 60%;
        margin-top: 5rem;
        font-size: 1.6rem;
        padding: 1.4rem 0.8rem;
    }
    .index_box2{
        padding:4rem;
    }
    .index_box2_ul li{
        width: 48%;
        padding:4rem 2%;
        font-size: 1.4rem;
    }
    .index_box2_ul li img{
        width: 30%;
    }
    .index_box2_ul_text1{
        padding-top: 1.6rem;
    }
    .index_box2_ul_text2{
        padding-top: 1rem;
    }
    .index_box_ex{
        width: 100%;
        height: 74vw;
        min-height: 20rem;
    }
    .index_box3{
        background: url("../images/mindex_2.jpg") no-repeat;
        background-size: cover;
    }
    .index_box_ex_title{
        font-size: 4rem;
        padding-top: 8rem;
    }
    .index_box_ex_text{
        font-size: 1.8rem;
        padding-top: 1.8rem;
    }
    .index_box4{
        background: url("../images/mindex_3.jpg") no-repeat;
        background-size: cover;
    }
    .index_box5{
        background: url("../images/mindex_4.jpg") no-repeat;
        background-size: cover;
    }
}
/* 媒体查询 - 移动设备 */
/*使用rem作单位*/
@media (max-width: 480px) {
    .index_box1_title{
        font-size: 3rem;
    }
    .index_box1_middle{
        padding-top: 2rem;
        font-size: 1.4rem;   
    }
    .index_box1_middle_line{
        margin: 0 2px;
    }
    .index_box1_bottom{
        width: 80%;
        margin-top: 3rem;
        font-size: 1.4rem;
        padding: 1rem 0.4rem;
    }
    .index_box2{
        padding:3rem;
    }
    .index_box2_ul li{
        width: 48%;
        padding:3rem 2%;
        font-size: 1.2rem;
    }
    .index_box2_ul li img{
        width: 33%;
    }
    .index_box2_ul_text1{
        padding-top: 1.2rem;
    }
    .index_box2_ul_text2{
        padding-top: 0.8rem;
    }
    .index_box_ex_title{
        font-size: 3rem;
        padding-top: 5rem;
    }
    .index_box_ex_text{
        font-size: 1.4rem;
        padding-top: 1rem;
    }
}