*{margin: 0;padding: 0;}

/* middle开始 */
#middle{
    width: 100%;
    height: 700px;
    background-color: #f3f3f3;
}
.middle-0 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.middle-0 .middle-1{
    width: 1300px;
    height: 600px;
    display: flex;
    flex-direction: column;
}

.text-top{
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.text-top #sp{
    height: 4px;
    width: 75px;
    background-color: #0161ac;
}
.text-top p{
    font-size: 19px;
    margin-top: 13px;
    color: #0161ac;
}
.middle-1 .text-lower{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
}
.middle-1 .text-0{
    width: 310px;
    height: 140px;
    background-color: #0161ac;
    border-radius: 9px;
    margin-top: 20px;
}
.middle-1 .text-0 h3{
    width: 100%;
    text-align: center;
    padding-top: 54px;
    font-size: 23px;
    color: #f3f3f3;
}

.text-lower  #sp-00{
    width: 100%;
    height: 125px;
    position: relative;
}
.text-lower .sp00{
    width: 3px;
    height: 45px;
    background-color: #81b8e4;
    position: absolute;
    left: 650px;
}
.text-lower .sp03{
    width: 500px;
    height: 3px;
    background-color: #81b8e4;
}
.text-lower .sp01{
    position: absolute;
    right: 150px;
    top: 45px;
}
.text-lower .sp02{
    position: absolute;
    top: 45px;
    left: 150px;
}
.text-lower .sp04{
    width: 3px;
    height: 80px;
    background-color: #81b8e4;

}
.text-lower .sp05{
    position: absolute;
    top: 45px;
    left: 150px;
}
.text-lower .sp06{
    position: absolute;
    top: 45px;
    right: 150px;
}

.lower{
    width: 100%;
    height: 200px;
    position: relative;
}
.lower  .lowers{
    height: 80px;
    background-color: #81b8e4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
}
.lower .lowers b{
    font-size: 25px;
    color: whitesmoke;
}
.lower .lower-0{
    position: absolute;
    left: 65px;
    width: 180px;
}

.lower .lower-1{
    position: absolute;
    left: 300px;
    width: 180px;
}
.lower .lower-2{
    position: absolute;
    right: 300px;
    width: 470px;
}
.lower .lower-3{
    position: absolute;
    right: 65px;
    width: 180px;
}


#lower-middle{
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#lower-middle .lower-middle-0{
    width: 1300px;
    height: 550px;
    display: flex;
    flex-direction: column;
}
.lower-middle-0 h3{
    font-size: 25px;
    border-left: 4px solid #0161ac;
    padding-left: 9px;
    margin-top: 50px;
}
.lower-middle-0 .logos{
    height: 440px;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
}
.logos .logo-left{
    width: 46%;
    height: 100%;
    position: relative;
}
.logos .logo-left img{
    width: 100%;
    height: 100%;
}
.logo-left .left-top{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 154px;
    background-color: rgba(5, 73, 128, .8);
    border-radius: 10px 0 0 0;
}

.logo-left .left-top .times{
    width: 70px;
    margin-top: 15px;
    padding-left: 15px;
    text-align: center;
}
.logo-left .left-top b{
    font-size: 12px;
    color: white;
}
.left-top .times b:first-child{
    font-size: 25px;
}
.left-top .text1{
    margin: 15px 0 0 15px;
}
.logos .logo-right{
    width: 54%;
    height: 100%;
}
.logo-right .right-top{
    width: 100%;
    height: 65%;
    display: flex;
    flex-direction: row;
}
.right-top img{
    width: 50%;
    height: 100%;
}
.logo-right .right-bottom{
    width: 100%;
    height: 35%;
    display: flex;
    flex-direction: row;
}

.right-bottom .bottom-box1{
    height: 100%;
    width: 50%;
    position: relative;
}
.right-bottom .bottom-box1 img{
    height: 100%;
    width: 100%;
}
.bottom-box1 .logo-top-text{
    position: absolute;
    top: 15px;
    left: 15px;
}
.logo-top-text .times2{
    width: 70px;
    text-align: center;
}
.logo-top-text b{
    color: white;
    font-size: 12px;
}
.logo-top-text .times2 b:first-child{
    font-size: 25px;
}
.right-bottom .bottom-box2{
    height: 100%;
    width: 50%;
    background-color: #e5f3fc;
}
.bottom-box1 .text2{margin: 15px 0 0 15px;}
.bottom-box2 .times3 {
    width: 70px;
    text-align: center;
    margin: 15px 0 0 15px;
}
.bottom-box2 .times3 b{font-size: 12px;}
.bottom-box2 .times3 b:first-child{font-size: 25px;}
.bottom-box2 .text3{margin: 15px 0 0 20px;}
/* middle结束 */


 /* 底部开始  */

 #footer{
     width: 100%;
     height: 250px;
     background-color: #f3f3f3;
     display: flex;
     justify-content: center;
 }
 #footer .footer-top{
     width: 1300px;
     height: auto;
 }
 .footer-top .title{
     width: 100%;
     margin-top: 100px;
     text-align: center;
 }
 .footer-top .title .tp{
     width: 60px;
     height: 3px;
     background-color: #0161ac;
     margin-left: 620px;
 }
 .footer-top ul li{list-style: none;}
 .footer-top ul{
     width: 1200px;
    display: flex;
    flex-direction: row;
}
 .footer-top .title-text0{
     width: 200px;
     height: 125px;
     margin: 90px 0 0 160px;
     padding-left: 15px;
     border-left: 2px solid #b41212;
 }
 .footer-top .title-text0 b{
     font-size: 18px;
     line-height: 40px;
 }
 .footer-top .title-text0 b:first-child{
     font-size: 25px;
     color: #b41212;
 }

 footer{
     width: 100%;
     height: 150px;
     
}
 #ft{
     width: 100%;
     height: 100%;
    background-image: url(../img/11.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 #ft .ft-box{
     width: 1000px;
     height: 150px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-content: center;
 }
 #ft .ft-box .ft-text {
     margin-top: 45px;
 }
 #ft .ft-box .ft-text b{
     color: white;
     font-size: 15px;
     line-height: 25px;
 }
 #ft .ft-box img:first-child{
     width: 300px;
    height: 80px;
    margin-top: 45px;
 }
 #ft .ft-box img:last-child{
     width: 100px;
     height: 100px;
 }
 /* 底部结束  */