html {
    width:100%;
    overflow-x:hidden;
}
a{
    text-decoration: none;
    color: #3F3F3F;
}
.nav {
    width:100%;
    height:400px;
    background-color:#31B2EB;
    color: #fff;
    line-height: 1.3;
}
.nav .imgBox {
    display:block;
    width:550px;
    height:397px;
    background-color:#31B2EB;
    border:3px solid #31B2EB;
    top:90px;
    left:0;
    right:0;
    margin:0 auto;
    position:absolute;
    overflow:hidden;
    z-index:10;
}



#viWaves {
    width: 100%;
    position: absolute;
    left: 0;
    top:590px;
    z-index: 0;
}
#viWaves .wave {
    background: url('../image/wave.svg') repeat-x;
}
.wave {
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
}
.wave:nth-of-type(2) {
    top: -178px;
    animation: wave s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}
.wave:nth-of-type(3) {
    top: -178px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -1.125s infinite, swell 7s ease -2.25s infinite;
    opacity: 1;
}
.wave:nth-of-type(4) {
    top: -178px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -2.125s infinite, swell 7s ease -4.25s infinite;
    opacity: 1;
}
@keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}
@keyframes swell {
    0%, 100% {
        transform: translate3d(0,-25px,0);
    }
    50% {
        transform: translate3d(0,5px,0);
    }
}
.main{
    margin-top:230px;
    padding: 10px 0;
}
.main:after{
    content:".";
    display:block;
    clear:both;
}
.main .mainl {
    float: left;
    width: 100%;
}
.main .mainl h3{
    padding-bottom: 20px;
}
.main .mainl .BodyContent{
    line-height: 25px;
    margin-bottom:40px;
}

.main .box{
    position: relative;
    min-height: 400px;
}
.main .fixedBox{
    position: absolute;
    left: -20%;
    top: 5%;
    width: 150px;
}
.main .fixedBox .fixed div{
    border: 1px solid #EC7C32;
    text-align: center;
    height: 40px;line-height: 40px;
    
    font-size: 16px;
    width: 100px;
    margin: 0 auto;
}
.main .fixedBox .fixed ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-left: 75px;
    border-left: 1px solid #5A97CF;
    line-height: 50px;
    letter-spacing: 2px;
    padding-left: 10px;
}