/* Start:/biot2024/css/style.css?17368760244274*/
.biot{
    text-align: center;
}
.biot .pg__h1{
    margin-top: 30px;
}
.biot .im{
    position: relative;
}
.biot img{
    max-width: 100%;
}
.biot .desc{
    margin: 45px auto;
    max-width: 1300px;
    font-size: 28px;
}
.biot .img_free{
    display: flex;
    margin-bottom: 20px;
    gap:20px
}
.biot .img_free>div:last-child{
    margin-right: unset;
}
@media (max-width: 620px){
    body{
        padding-top: 80px !important;
    }
}
@media (max-width: 500px){
    .biot .img_free{
        flex-wrap: wrap;
        gap:20px
    }
    .biot .img_free>div{
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
}
.ar{
    position: absolute;
    display: block;
    animation: pulse 2.5s linear infinite;
    background-image: url("/biot/img/arrow.svg?v1");
    width: 30px;
    height: 32px;
    background-size: contain;
    text-decoration: none;
}
.ar span{
    display: none;
    position: relative;
    background: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    right: -27px;
    top: 0;
    width: fit-content;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #ffe100;
}
.ar span.r{
    right: 25px;
    top: 30px;
}
.ar span.rl{
    right: 54px;
    top: 30px;
}
.ar:hover{
    animation: unset;
    background-image: url("/biot/img/arrow_a.svg?v1");
    transform: scale(1.5);
    text-decoration: none !important;
}
.ar:hover span{
    display: block;
}
.ar1{
    top: 14%;
    left: 39%;
}
.ar2{
    top: 65%;
    left: 30%;
}
.ar3{
    top: 92%;
    left: 27%;
}
.ar4{
    top: 65%;
    left: 55%;
}
.ar5{
    top: 92%;
    left: 55%;
}
.ar6{
    top: 65%;
    left: 77%;
}

.ar7{
    top: 56%;
    left: 76%;
}
.ar8{
    top: 56%;
    left: 89%;
}
.ar9{
    top: 70%;
    left: 87%;
}
.ar10{
    top: 76%;
    left: 21%;
}
.ar11{
    top: 69%;
    left: 6%;
}
.ar12{
    top: 72%;
    left: 10%;
}
.ar13{
    top: 66%;
    left: 16%;
}
.ar14{
    top: 58%;
    left: 46%;
}
.ar15{
    top: 75%;
    left: 67%;
}
.ar16{
    top: 65%;
    left: 67%;
}

.ar17{
    top: 19%;
    left: 28%;
}
.ar18{
    top: 53%;
    left: 52%;
}
.ar19{
    top: 36%;
    left: 47%;
}
.ar20{
    top: 92%;
    left: 50%;
}
.ar21{
    top: 54%;
    left: 90%;
}
.ar22{
    top: 53%;
    left: 83%;
}
.ar23{
    top: 52%;
    left: 17%;
}
.ar24{
    top: 59%;
    left: 36%;
}
.ar25{
    top: 50%;
    left: 8%;
}

.ar26{
    top: 11%;
    left: 50%;
}
.ar27{
    top: 49%;
    left: 82%;
}
.ar28{
    top: 46%;
    left: 29%;
}
.ar29{
    top: 35%;
    left: 7%;
}
.ar30{
    top: 63%;
    left: 9%;
}
.ar31{
    top: 49%;
    left: 46%;
}
.ar32{
    top: 55%;
    left: 56%;
}
.ar33{
    top: 39%;
    left: 94%;
}
.ar34{
    top: 34%;
    left: 78%;
}
.ar35{
    top: 5%;
    left: 29%;
}
.ar36{
    top: 40%;
    left: 61%;
}
.ar37{
    top: 53%;
    left: 61%;
}
.ar38{
    top: 53%;
    left: 83%;
}
.ar39{
    top: 54%;
    left: 44%;
}
.ar40{
    top: 56%;
    left: 22%;
}
.ar41{
    top: 52%;
    left: 15%;
}
.ar42{
    top: 52%;
    left: 7%;
}

.ar43{
    top: 14%;
    left: 53%;
}
.ar44{
    top: 31%;
    left: 69%;
}
.ar45{
    top: 40%;
    left: 62%;
}
.ar46{
    top: 49%;
    left: 67%;
}
.ar47{
    top: 84%;
    left: 47%;
}
.ar48{
    top: 31%;
    left: 27%;
}
.ar49{
    top: 39%;
    left: 13%;
}
.ar50{
    top: 37%;
    left: 42%;
}
.ar51{
    top: 57%;
    left: 28%;
}
.ar52{
    top: 17%;
    left: 52%;
}
.ar53{
    top: 37%;
    left: 77%;
}
.ar54{
    top: 46%;
    left: 74%;
}
.ar55{
    top: 56%;
    left: 72%;
}
.ar56{
    top: 62%;
    left: 74%;
}
.ar57{
    top: 77%;
    left: 51%;
}
.ar58{
    top: 44%;
    left: 58%;
}
.ar59{
    top: 57%;
    left: 55%;
}
.ar60{
    top: 65%;
    left: 53%;
}
.ar61{
    top: 62%;
    left: 28%;
}
.ar62{
    top: 47%;
    left: 21%;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

/* End */
/* /biot2024/css/style.css?17368760244274 */