html,body{
    margin: 0;
    padding: 0;
}
.hB{
    width: 100%;
    background: linear-gradient(180deg, #002F75 0%, rgba(0,56,140,0) 100%);
}
.header{
    width: 100%;
    height: 80px;
    box-sizing: border-box;   
}
.content{
    max-width: 1200px;
    margin: 0 auto;
}
.title{
    font-size: 20px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF;
    height: 80px;
    margin-left: 40px;
    line-height: 80px;
}
/* banner */
.banner{
    height: 520px;
    background: url("../img/bn.png") no-repeat;
    background-size: cover;
}
.bnIf{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 520px;
}
.bnTitle{
    width: 680px;
    font-size: 52px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #D8E5F6;
    line-height: 83px;
    margin-top: 100px;
}
.bnText{
    width: 680px;
    font-size: 20px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #8DAFDD;
    line-height: 30px;
    margin-top: 30px;
}
.bnR{
    margin-left: 40px;
}


/* 内容 */
.ifTitle{
    height: 40px;
    font-size: 28px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #012E67;
    line-height: 40px;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 33px;
}
.ifBox{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.JJFAItem{
    width: 380px;
    position: relative;
    margin-right: 20px;
    background-color: #ffffff;
}
.JJFAItem:hover{
    background-color: #E8F2FF;
}
.JJFATitle{
    width: 180px;
    height: 50px;
    background: #DA0808;
    border-radius: 10px;
    position: absolute;
    top: -25px;
    left: 100px;
    font-size: 20px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
}
.JJFAText{
    margin-top: 50px;
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #6A798B;
    line-height: 28px;
    padding: 0 30px 70px;
}
/*  */
.swiperBox{
    position: relative;
    width: 885px;
    height: 465px;
    overflow-x: auto;  
    position: relative;
}
.swiperBox::-webkit-scrollbar { display : none }
.swiper{
    height: 465px;
    width:1500px;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper::-webkit-scrollbar { display : none }
.ifItem{
    width: 285px;
    height: 465px;
    padding: 0 20px;
    box-sizing: border-box;
    margin-right: 15px;
    float: left;
}
.ifItem1{
    background: url("../img/img1.png") no-repeat;
    background-size: cover;
}
.ifItem2{
    background: url("../img/img2.png") no-repeat;
    background-size: cover;
}
.ifItem3{
    background: url("../img/img3.png") no-repeat;
    background-size: cover;
}
.ifItem4{
    background: url("../img/img4.png") no-repeat;
    background-size: cover;
}
.ifItem5{
    background: url("../img/img5.png") no-repeat;
    background-size: cover;
}
.ifItem1:hover{
    background: url("../img/img1a.png") no-repeat;
    background-size: cover;
}
.ifItem2:hover{
    background: url("../img/img2a.png") no-repeat;
    background-size: cover;
}
.ifItem3:hover{
    background: url("../img/img3a.png") no-repeat;
    background-size: cover;
}
.ifItem4:hover{
    background: url("../img/img4a.png") no-repeat;
    background-size: cover;
}
.ifItem5:hover{
    background: url("../img/img5a.png") no-repeat;
    background-size: cover;
}

.left{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 207px;
}
.left img{
    width: 100%;
    height: 100;
}
.right{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 207px;
}
.right img{
    width: 100%;
    height: 100;
}

.ifItem1{
    width: 285px;
    height: 465px;
    padding: 0 20px;
    box-sizing: border-box;
}
.ifTop1{
    margin-top: 80px;
    height: 45px;
    font-size: 24px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 45px;
}
.ifText1{
    margin-top: 16px;
    height: 29px;
    font-size: 18px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #BAC5D5;
    line-height: 29px;
}
.ifTop{
    margin-top: 65px;
    height: 30px;
    font-size: 24px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
}


.ifText{
    margin-top: 60px;
    font-size: 20px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #6A798B;
    line-height: 29px;
}
.ifItem:hover .ifTop{
    color: #003D8A;
}
.ifItem:hover .ifText{
    color: #092E5E;
}


/*  */
.JSNLitem{
    width: 50%;
    height: 300px;
}
.JSNlTitle{
    margin-top: 164px;
    padding: 0 40px;
    height: 28px;
    font-size: 18px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
    width: 80%;
}
.JSNlText{
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #F2F4F6;
    line-height: 20px;
    margin-top: 12px;
    padding: 0 40px;
    width: 80%;
}
.FWYSitem{
    width: 18%;
    text-align: center;
    padding: 30px 20px;
    box-sizing: border-box;
    margin-right: 18px;    
    margin-bottom: 10px;
}
.FWYSitem img{
    width: 75px;
    height: 75px;
}
.FWYStext{
    font-size: 16px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 30px;
}
/*  */
.GYWMitem{
    width: 48%;
    height: 500px;
    background: #F9F9FB;
    border-radius: 4px;
    padding: 30px 40px;
    box-sizing: border-box;
}
.GYWMitem1{
    background:url('../img/w1.png') no-repeat;
    background-size: cover;
    width: 48%;
    height: 500px;
}
.GYWMT{
    height: 44px;
    font-size: 28px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #333333;
    line-height: 44px;
}
.GYWMtitle{
    margin-top: 10px;
    font-size: 20px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #003D8A;
    line-height: 30px;
}
.GYWMtext{
    margin-top: 6px;
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #6A798B;
    line-height: 24px;
}
.call{
    /* background-color: #F5F5F8; */
    width: 100%;
    height: 460px;
    background: url("../img/bg2.png") no-repeat;
    background-size: cover;
    margin-top: 80px;
    padding-top: 40px;
}
.callItm{
    width:70%    
}
/* .callInfo{
    display: flex;
    justify-content: space-between;
} */
.callTitle{
    height: 54px;
    font-size: 24px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 54px;
    padding-left: 45px;
}
.callText{
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #D1DEEF;
    line-height: 30px;
    padding-left:45px;

}
.lxItem{
    margin-top: 18px;    
}
.lxTop{
    display: flex;
    align-items: center;
    padding-left: 45px;
    margin-top: 40px;
}
.lxFs{
    height: 24px;
    font-size: 16px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #D1DEEF;
    line-height: 24px;
    margin-left: 5px;
}
.lxCode{
    margin-left: 41px;
    height: 24px;
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}
.bottom{
    height: 50px;
    background-color: #E4E4E4;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 50px;
}
/* 适配手机端 */
@media screen and (max-width:1200px){
    
    .bnTitle{
        font-size: 40px;
        padding-left: 45px;
    }
    .bnText{
        font-size: 20px;
        padding-left: 45px;
    }
    .bnR{
        margin-left: 30px;
    }
    .bnImg{
        width: 468px;
        height: 300px;
    }
    .JJFAItem{
        width: 280px;
        position: relative;
        margin-right: 20px;
        background-color: #ffffff;
    }
    .JJFAItem:hover{
        background-color: #E8F2FF;
    }
    .JJFATitle{
        width: 180px;
        height: 50px;
        background: #DA0808;
        border-radius: 10px;
        position: absolute;
        top: -25px;
        left: 50px;
        font-size: 20px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 50px;
        text-align: center;
    }
    .JJFAText{
        margin-top: 50px;
        font-size: 18px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #6A798B;
        line-height: 30px;
        padding: 0 30px 70px;
    }
    /* .ifTitle{
        font-size: 42px;
    }
    .ifItem {
        width: 800px;
        height: 300px;
        margin-bottom: 20px;
    }
    .ifT{
        font-size: 32px;
    }
    .ifText {
        padding-top: 15px;
        padding-left: 45px;
        width: 540px;
        font-size: 24px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #254369;
        line-height: 40px;
    } */
    .content{
        max-width: 900px;
    }
    .swiperBox{
        position: relative;
        width: 585px;
        height: 465px;
        overflow-x: auto;  
        position: relative;
    }
    .ifItem .ifTop{
        color: #003D8A;
    }
    .ifItem .ifText{
        color: #092E5E;
    }
    .ifItem1{
        background: url("../img/img1a.png") no-repeat;
        background-size: cover;
    }
    .ifItem2{
        background: url("../img/img2a.png") no-repeat;
        background-size: cover;
    }
    .ifItem3{
        background: url("../img/img3a.png") no-repeat;
        background-size: cover;
    }
    .ifItem4{
        background: url("../img/img4a.png") no-repeat;
        background-size: cover;
    }
    .ifItem5{
        background: url("../img/img5a.png") no-repeat;
        background-size: cover;
    }
    .JSNlTitle{
        margin-top: 140px;
        font-size: 24px;
        
    }
    .JSNlText{
        font-size: 18px;
        line-height: 28px;
    }
    .FWYSitem{
        width: 18%;
    }
    .gyBox .FWYSitem:nth-child(3){
        margin-right: 0;
    }
    .FWYStext {
        font-size: 20px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 30px;
        margin-top: 10px;
    }
    .GYWMtitle{
        margin-top: 20px;
        font-size: 30px;
    }
    .GYWMtext{
        font-size: 20px;
        line-height: 30px;
    }
    .GYWMitem{
        padding: 30px 30px;
        width: 100%;
    }
    .GYWMitem1{
        display: none;
    }
    .ifItem1{
        background: url('../img/img1a.png') no-repeat;
        background-size:cover;
    }
    .ifItem2{
        background: url('../img/img2a.png') no-repeat;
        background-size:cover;
    }
    .ifItem3{
        background: url('../img/img3a.png') no-repeat;
        background-size:cover;
    }
    .ifItem4{
        background: url('../img/img4a.png') no-repeat;
        background-size:cover;
    }
    .callTitle{
        font-size: 32px;        
    }
    .callText{
        font-size: 20px;
        line-height: 34px;
    }
    .lxFs{
        font-size: 24px;
    }
    .lxCode{
        font-size: 20px;
    }
    
}