.banner{
    width: 100%;
    vertical-align: top;
}

.header{
    background: #1A1633;
}

.header .body{
    margin-left: 19.01%;
    padding: 1%;
    color: #FFFFFF ;
}

.content1{
    width: 62.5%;
    margin: 4% auto 0;
}

.content1 .title{
    width: 45.75%;
    margin: 0 auto;
}

.content1 .subtitle{
    width: 89.33%;
    margin: 0 auto;
    margin-top: 2%;
}

.content1 .body{
    margin-top: 4%;
}
.content1 .body>div{
    flex: 0 0 31%;
    background: #FFFFFF;
    border-radius: calc(100vw*20/1920) calc(100vw*20/1920) 0px 0px;
    border: 2px solid #EAE8EF;
    padding: 2% 0 0;
}

.content1 .body>div>p:first-child{
    text-align: center;
    padding: 2% 0;
}

.content1 .body>div>p:nth-child(2){
    padding: 0 1%;
    text-align: center;
    font-family: Segoe UI, Segoe UI;
}

.content1 .body>div>div{
    width: 95%;
    margin: 4% auto 0;
}

.content1 .img{
    margin-top: 6%;
}

.content2{
    margin-top: 4%;
}

.footer{
    background: #1A1633;
    margin-top: 4%;
    padding: 4% 0;
}

.footer .body{
    width: 29.68%;
    margin-left: 18.75%;
    color: #FFFFFF;
}

.footer .body p {
    padding: 2% 0;
}