* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    text-decoration: none;
}
img {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}
.lb{
    width: 100%;
    margin-top: 100px;
}
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0
}


li {
    list-style: none
}


.container {

    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.header{
    background: white;    
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}

.headnav {
    display: flex;
    height: 100px;
    width: 1220px;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    margin: 0 auto;

}

.headnav>.navul {
    display: flex;
    justify-content: center;
    align-content: center;

}



.headnav>.navul>li {
    padding: 0 20px;
    font-weight: 600;
}

.headnav>.navul>li>a {
    cursor: pointer;
}

.headnav>.navul>li>a:hover {
    color: rgb(124, 195, 244);
}

.main{
    width: 1200px;
    margin: 50px auto 0;
    padding-top: 130px;
    text-align: left;
    padding: 0 20px;
}
.main>h3{
    color: #0a3480;
    font-size: 46px;
    /* font-weight: 550; */
}
.main>span{
    font-size: 30px;
    color: #fd9e20;
    
}

.main1{
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
}

.main1-1-1{
    width: 200px;
    height: 170px;
    border-top: 1px solid #0a3480;
    padding-top: 20px;
}
.main1-1{
    width: 450px;
    margin-right: 160px;

    margin-left: 50px;
    float: left;
    
}

.main1-1>h4{
    margin-bottom: 25px;
}
.main1-1>span{
    font-size: 15px;
}

.main1-2{
    width: 450px;
    margin-left: 50px;
    float: left;
}
.main1-2>h4{
    margin-bottom: 25px;
}
.main1-2>span{
    font-size: 15px;
}
.main1-3{
    width: 450px;
    margin-right: 160px;
    margin-left: 50px;
    margin-top: 100px;
    float: left;
}
.main1-3>h4{
    margin-bottom: 25px;
}
.main1-3>span{
    font-size: 15px;
}
.main1-4{
    width: 450px;
    margin-left: 50px;
    float: left;
    margin-top: 100px;
}
.main1-4>h4{
    margin-bottom: 25px;
}
.main1-4>span{
    font-size: 15px;
}




.main2{
    background-color: #f5fafe;
    padding-bottom: 130px;
}
.main2-1{
    padding-top: 100px;
    padding-bottom: 100px;
}
.main2>.main2-1>h3{
    font-size: 50px;
    color: #0a347e;
    text-align: center;
}
.main2-1>span{
    display: block;
    color: #ff9d20;
    text-align: center;
    font-size: 30px;
}
.main2-1>p{
    text-align: center;
    margin-top: 27px;
    color: #08347f;
    font-weight: 550;
}
.main2-2{
    text-align: left;
    display: flex;
    flex-direction: row;
}
.main2-2-1,
.main2-2-2{
    display: flex;
    flex-direction: column;
    width: 50%;
}

.main2-2-2-1{
padding: 0 110px 55px 40px;

}
/* .main2-2-1>img{
    margin-right: 70px;
} */
.main2-2-1-1{
    padding-left: 80px;
    padding-right: 45px;
}
.main2-2-1-1>p,
.main2-2-2-1>p{
    font-size: 33px;
    color: #093580;
    padding: 20px 0 40px 0;
    
}
.main2-2-2-1>p{
    padding-top: 0;
}
.main2-2-1-1>span,
.main2-2-2-1>span{
    line-height: 35px;
    font-size: 22px;
}
.main2-2-1-1>p{
    text-align: right;
}
.footer{
    padding-top: 170px;
    height: 1300px;
    width: 100%;
    background:url('../img/ignb3.png') no-repeat 40% 80%;
    position: relative;
}

.footer1,
.footer2,
.footer3{
    width: 400px;
    height: 440px;
    padding:60px 45px 60px;
    box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, .2);
    text-align: left;
    background-color: white;
}
.footer1{
    position: absolute;
    left: 120px;
    top: 440px;
}
.footer2{
    position: absolute;
    left: 550px;
    top: 170px;
}
.footer3{
    position: absolute;
    left: 550px;
    top: 660px;
}
.footer1>h3,
.footer2>h3,
.footer3>h3{
    font-size: 20px;
    padding-bottom: 23px;
    padding-top: 52px;
    text-align: center;
}
.footer1>img,
.footer2>img,
.footer3>img{
    padding: 0 120px;
}
.footer1>.ig,
.footer2>.ig,
.footer3>.ig{
    float: right;
    padding: 0;
    margin-top: 40px;
}

.footer4>h3{
    font-size: 50px;
    color: #0a3480;
}
.footer4{
    font-size: 30px;
    color: #fd9d22;
    position: absolute;
    right: 375px;
    bottom: 590px;
}

.aa{
    color: #3aacf2;
}

.aa1{
    position: relative;
}

.aa1>div{
    display: none;
    position: absolute;
    top: 50px;
    background-color: white;
    width: 130px;
    left: 5px;
}
.aa1:hover>div{
    display: block;
}
.aa1>div>a{
    display: block;
    padding-left: 15px;
    margin:  25px 0;
    text-align: left;
}
.aa1>div>a:hover{
    color: #3aadf0;
}
.aa1>div{
    display: none;
    position: absolute;
    top: 90px;
    background-color: white;
    width: 130px;
    left: 5px;
}
.headnav>.navul>li {
    padding: 0 20px;
    font-weight: 600;
    height: 100px; 
     padding-top: 40px;
}
.aa1>span{
    color: #666;
}
.main1-5{
    width: 1200px;
   
    float: left;
    margin-top: 80px;
}

.btn{
    display: block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  
    background-color: #3aacf2;
    color: white;
    margin: 0 auto;
}