.body{
    width: 100%;
}
.banner{
    width: 100%;
    height: 410px;
    position: relative;
}
.bannerbox{
    width: 100%;
    height: 100%;
    background:linear-gradient(230deg,rgba(0,34,111,1) 0%,rgba(0,19,52,1) 100%);
}
.imgbox{
    width: 960px;
    height: 100%;
    margin:0 auto;
    overflow: hidden;
}
.bannerbox img{
    width: 588px;
    height: 477px;
    position: relative;
    left: 393px;
}
.content{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
}
.contentbox{
    width: 960px;
    margin:0 auto;
}
.banner .bigfont{
    font-size:36px;
font-weight:400;
color:rgba(255,255,255,1);
line-height:54px;
letter-spacing:2px;
padding-top: 100px;
}
.banner .letterfont{
    font-size:18px;
color:rgba(255,255,255,0.6);
line-height:24px;
padding-top: 12px;
letter-spacing:1px;
}
.adver{
    width:100%;
height:80px;
background:rgba(246,247,252,1);
padding: 20px 0;
box-sizing: border-box;
}
.adverbox{
    width: 960px;
    height: 40px;
    margin:0 auto;
}
.experbtn{
    width:116px;
height:40px;
background:#fff;
border-radius:2px;
text-align: center;
margin-top: 38px;
}
.experbtn:hover{
        opacity: 0.8;
}
.experbtn a:hover{
    color: #24304a;
}
.experbtn a{
    font-size:16px;
color:#24304a;
line-height:40px;
letter-spacing:1px;
display: block;
}
.midbox1{
    width: 960px;
    margin: 0 auto;
    padding: 48px 0 56px 0;
    box-sizing: border-box;
}
.midbox1 .title{
    text-align: center;
}
.midbox1 .title p{
    font-size:24px;
color:#1F2122;
line-height:40px;
letter-spacing:1.5px;
}
.servesform{
    width: 960px;
    height: 372px;
    padding-top: 32px;
}
.servesform div{
    box-sizing:  border-box;
}
.formtop{
    width: 100%;
    height: 60px;
    background:rgba(0,26,79,1);

}
.topleft{
    padding-left: 20px;
    box-sizing: border-box;
    width: 240px;
    float: left;
    height: 100%;
    font-size:18px;
color:rgba(255,255,255,1);
line-height:24px;
letter-spacing:1px;
padding-top: 18px;
}
.topright{
    padding-left: 20px;
    box-sizing: border-box;
    width: 720px;
    float: left;
    height: 100%;
    font-size:18px;
color:rgba(255,255,255,1);
line-height:24px;
letter-spacing:1px;
padding-top: 18px;
}
.formpart{
    width: 100%;
    height: 120px;
}
.partleft{
    font-size:18px;
color:rgba(31,33,34,1);
line-height:24px;
letter-spacing:1px;
width: 240px;
height: 120px;
border:1px solid rgba(172,186,191,1);
border-top: none;
padding: 44px 0 0 20px;
float: left;
}
.partright{
    width: 720px;
    height: 120px;
    border:1px solid rgba(172,186,191,1);
    float: left;
    border-top: none;
    border-left: none;
}
.ulone{
    padding: 12px 20px;
}
.partright li{
    font-size:14px;
color:rgba(88,90,90,1);
line-height:24px;
}
.ultwo{
    padding: 12px 20px;
}
.midbox2{
    width: 100%;
    height: 160px;
    background:linear-gradient(53deg,rgba(90,43,175,1) 0%,rgba(54,187,206,1) 100%);
}
.midbox2 p{
    text-align: center;
}
.onefont{
    font-size:18px;
color:rgba(255,255,255,1);
line-height:32px;
letter-spacing:1px;
padding-top: 40px;
}
.twofont{
    font-size:24px;
color:rgba(255,255,255,1);
line-height:32px;
letter-spacing:1px;
padding-top: 16px;
}