*{
    margin: 0;
    padding: 0;
    cursor: default;
   
}
.bg{
    background-size: 100%;
}
.content{
    border:0;
    
    
}
.head{
   position: absolute;
   top:0;
   width: 1920rem;
}

.icon{
    display: inline-block;
    width: 88rem;
    margin-top: 17rem;
    height: 88rem;
    margin-left: 203rem;
    background-image: url('./img/Rectangle\ 6.png');
}
.iconText{
    color: #fff;
    font-family:'misans';
    font-size: 40rem;
    font-style: normal;
    font-weight: 700;
    line-height: 48rem; /* 120% */
    letter-spacing: -0.24rem;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    margin-top: 40rem;
    margin-left: 31rem;
}
.btnBox{
    width: 739rem;
    height: 48rem;
    margin-top: 40rem;
    margin-right: 163rem;
    float: right;
    display: flex;
    align-items: center;
    color: #fff;
}
.btn{
    height: 48rem;
    
    margin-right: 64rem;
    float: right;
    
}
.btn{
    font-family: "October Devanagari";
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 48rem; /* 150% */
    position: relative;
    cursor: pointer;
}

.active::after{
    top:50rem;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    display: block;
    position: absolute;
    width: 129rem;
    height: 6rem;
    border-radius: 3px;
    background-color: #3EC2FB;
}


.act:hover:after{
    top:50rem;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    display: block;
    position: absolute;
    width: 129rem;
    height: 6rem;
    border-radius: 3px;
    
    background-color: #3EC2FB;
    animation: long .5s forwards;
}
@keyframes long {
    0%{
        width: 0rem;
    }
    100%{
        width:129rem;
    }
}
.btnH{
    
    margin-left: 83rem;
}


.page{
    display: none;
    background-image: url('./img/背景区\ 1.png');
    
}

.pageH{
    width: 1920rem;
    height: 5274.527rem;
    
}

.bannerH1{
    width: 1920rem;
    height: 1094.063rem;
    
    background-image: url('./img/Group 1442 1.png');
}
.bannerH2{
    width: 1920rem;
    height: 999.844rem;
    
    background-image: url('./img/Group\ 1378\ 1.png');
}
.bannerH3{
    width: 1920rem;
    height: 1047.188rem;
    
    background-image: url('./img/Group\ 1443\ 1.png');
  
}
.bannerH4{
    width: 1920rem;
    height: 1756.875rem;
    background-image: url('./img/Group\ 1445\ 1.png');
}
.bannerH5{
    width: 800rem;
    height: 268rem;
    background-image: url('./img/Group\ 1363\ 1.png');
    margin-left: 533rem;
    margin-top: -100rem;
    position: absolute;
}
.bannerH6{

    display: flex;
    justify-content: space-around;
}
.Htext{
    color: white;
    text-align: center;
    font-family: "LINE Seed Sans App";
    font-size: 45rem;
    font-style: normal;
    font-weight: 700;
    line-height: 33rem; /* 73.333% */
    display: inline-block;
    cursor: pointer;
}
.Hls{
    display: inline-block;
    margin-left: 30rem;
    width: 20rem;
    height: 36rem;
    background-image: url('./img/Vector.png');
}
.Hl,.Hf{
    margin-top: 250rem;
}
.buttonl,.buttonf{
    cursor: pointer;
}

.bottomBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 36rem;
    margin-top: 60rem;
    text-decoration: underline;
}

.bannerP1{
    width: 1920rem;
    height: 1090rem;
    
    background-image: url('./img/Group\ 1447\ 1.png');
}
.bannerP2{
    width: 1920rem;
    height: 2725.141rem;
    
    background-image: url('./img/Group\ 1450\ 1.png');
}
.bannerP3{
    width: 1920rem;
    height: 990rem;
    background-image: url('./img/Mask\ group\ 1.png');
}
.bannerP4{
    width: 1920rem;
    height: 1814.063rem;
    background-image: url('./img/Group\ 1449\ 1.png');
}

.bannerJ1{
    width: 1920rem;
    height: 1041.094rem;
    background-color: lightgray ;
    background-image: url('./img/Group\ 1451\ 1.png');
    
}
.bannerJ2{
    width: 1920rem;
    height: 3101.073rem;
    
    background-image: url('./img/Group\ 1452\ 1.png');
}


.bottom{
    width: 1920rem;
    height: 486rem;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #000;
    text-align: center;
    font-family: "LINE Seed Sans App";
    font-size: 40rem;
    font-style: normal;
    font-weight: 400;
    line-height: 33rem; /* 82.5% */
}