*{
    padding: 0;
    margin: 0;
}
body,html{
    font-family:"OPPOSans", "苹方" , "微软雅黑";
}
a{
    text-decoration: none;
}
a:hover{
    opacity: 0.8;
    cursor: pointer;
}
.img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex{
    display: flex;
}
.flex-h{
    display: flex;
    justify-content: center;
}
.flex-v{
    display: flex;
    align-items: center;
}
.flex-lr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-hv{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-wrp{
    flex-wrap: wrap;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-30{
    margin-bottom: 30px;
}
.container{
    width: 1080px;
    margin: 0 auto;
}
.index{
    width: 100%;
}
.index .index-header{
    background: #002269;
    height: 102px;
    line-height: 102px;
    background: #002269;
}
.index .index-header .container{
    height: 102px;
}
.banner{
    width: 100%;
    height: 834px;
    background: #333;
    position: relative;
    overflow: hidden;
}
.index-footer{
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #1b1b1b;
    padding: 70px 0;
}
.index-footer .title{
    font-size: 26px;
    font-weight: bold;
}
.b{
    font-weight: bold;
}
.yuan{
    position: absolute;
    bottom: 40px;
    width: 100%;
}
.yuan ul{
    width: 100%;
}
.yuan li{
    width: 90px;
    height: 10px;
    border-radius: 60px;
    background: #002269;
    display: block;
    margin: 0 10px;
}
.yuan li.on{
    background: #eacea4;
}
.aboutBox{
    background: #fafafa;
    width: 100%;
    text-align: center;
    padding: 60px 0;
}
.aboutMain{
    width: 100%;
    text-align: center;
}
.aboutMain img{
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
.mb-60{
    margin-bottom: 60px;
}
.index-header {
    background: #002269;
    height: 120px;
    line-height: 120px;
}
.index-header .container{
    width: 1080px;
    margin: 0 auto;
    height: 120px;
}
.headerList{
    float: left;
    position: relative;
    width: 16%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}
.headerList a{
    color: #fff;
}
.headerLis:hover{
    font-weight: bold;
}
.banner .bd ul{
    width: 100% !important;
    height: 834px;
}
.banner .bd li{
    width: 100% !important;
    height: 834px;
}
.banner .bd li div{
    height: 834px;
}
.banner .bd li img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}