*{
    margin: 0;
    padding: 0;
}
.BaseBox{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.aboutMain{
    width: 100vw;
    height: 451vh;
    background-image: url(../image/about/aboutbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    padding-top: 1px;
}
.abouttitle{
    width: 80vw;
    height: 8.4vh;
    background-image: url(../image/about/abouttitleimg.png);
    background-size: contain;
    margin: 18vh auto 3vh auto;
    background-repeat: no-repeat;
    display: none;
}
.abouttext1{
    width: 80vw;
    margin: 0 auto;
    font-size: 4vw;
    color: white;
    text-align: justify;
    line-height: 4vh;
    display: none;
}
.abouttext2{
    width: 80vw;
    margin: 5vh auto;
    font-size: 4vw;
    color: white;
    text-align: justify;
    line-height: 4vh;
    display: none;
}
.aboutimgs{
    width: 80vw;
    margin: 8vh auto;

}
.aboutimgs1{
    background-image: url(../image/about/about48.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20vw;
    height: 10vh;
    display: none;
}

.aboutimgs2{
    background-image: url(../image/about/about480.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20vw;
    height: 10vh;
    display: none;
}
.aboutimgs3{
    background-image: url(../image/about/about60.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30vw;
    height: 10vh;
    display: none;
}
.aboutimgs4{
    background-image: url(../image/about/abouttimg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80vw;
    height: 28vh;
    margin-top: 3vh;
    margin-bottom: 3vh;
    display: none;
}
.aboutimgtext1{
    font-size: 4vw;
    color: white;
    text-align: justify;
    line-height: 4vh;
    margin-bottom: 3vh;
    display: none;
}
.aboutimgtext2{
    font-size: 4vw;
    color: white;
    text-align: justify;
    line-height: 4vh;
    display: none;
}
.aboutimgatext{
    width: 100vw;
    margin: 0 auto;
    display: none;
}
.aboutitbox{
    justify-content: space-between;
}
.aboutleft{
    width: 50%;  
    height: 22vh;
}
.aboutright{
    width: 50%;
    height: 22vh;
}

.one .aboutleft{
    background-image: url(../image/about/about1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   
}
.one .aboutright{
    background-color: #52c3be;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3vw;
    padding: 10px;
    box-sizing: border-box;
}

.two .aboutleft{
    background-image: url(../image/about/about2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   
}
.two .aboutright{
    background-color: #b31757;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3vw;
    padding: 10px;
    box-sizing: border-box;
}

.three .aboutleft{
    background-image: url(../image/about/about3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   
}
.three .aboutright{
    background-color: #e4a228;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3vw;
    padding: 10px;
    box-sizing: border-box;
}

.four .aboutleft{
    background-image: url(../image/about/about4.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   
}
.four .aboutright{
    background-color: #302d8b;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3vw;
    padding: 10px;
    box-sizing: border-box;
}
.aboutt{
    width: 80vw;
    margin: 5vh auto;
    font-size: 4vw;
    color: white;
    text-align: justify;
    line-height: 3vh;
    display: none;
}
.ab1{
    background-image: url(../image/about/ab1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30vw;
    height: 4vh;
    position: absolute;
    bottom: 38vh;
    left: 40vw;
}
.ab2{
    background-image: url(../image/about/ab2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50vw;
    height: 4vh;
    position: absolute;
    bottom: 45vh;
    left: 8vw;
}
.ab3{
    background-image: url(../image/about/ab3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 35vw;
    height: 4vh;
    position: absolute;
    bottom: 55vh;
    left: 7vw;
}
.ab4{
    background-image: url(../image/about/ab4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30vw;
    height: 4vh;
    position: absolute;
    bottom: 25vh;
    left: 25vw;
}
.ab5{
    background-image: url(../image/about/ab5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30vw;
    height: 4vh;
    position: absolute;
    bottom: 30vh;
    right: 20vw;
}
.ab6{
    background-image: url(../image/about/ab6.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30vw;
    height: 4vh;
    position: absolute;
    bottom: 53vh;
    right: 18vw;
}