:root {
    --sub_container: 3840px;
    --sub_container_height: 2160px;
}


#video_view {width: 3840px; height: 2160px;}
.main_bg img{width: 3840px;height: 2160px}
.sub_bg img{width: 3840px;height: 2160px}
.gallery_box ul li{background: unset}
.gallery_box ul li img{    width: 100%;    height: 100%;    object-fit: contain;}
/*.gallery_on {border: 4px solid greenyellow;}*/
/*.gallery_box ul li.on {border: 2px solid #f8d4c2;*/
/*.gallery_box ul li.on {border:4px solid greenyellow;}*/
.gallery_box ul li.on {    position: relative;    border: 2px solid #04dbff;}
.video_sum{object-fit: contain;width: 100%;height: 100%;}
.swiper-scrollbar-drag{background:#ffffff}
.swal2-popup{background: unset}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 200px;
    right: 70px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 200px;
    left: 70px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    /*right: 70px;*/
    right: -2736px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: auto;
    left: -200px;
    /*left: 70px;*/
}
.swal2-popup{
    position: absolute;
    left: calc(var(--sub_container)/ 9);
    bottom:calc(var(--sub_container_height)/ 11);
}
.swal2-container{
    /*top: calc(var(--sub_container)/ 2);*/
}
/*.spec_img_box{*/
/*    width: 2400px;*/
/*    overflow: unset;*/
/*    display: unset;*/
/*    vertical-align: unset;*/
/*    text-align: unset;*/
/*}*/
/*.spec_img{*/
/*    display: unset;*/
/*}*/
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ''}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ''}
/*.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{background: unset}*/
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{
    background: #00000091;
    width: 100%;
    height: 2160px;
    margin-top: 2160px;
}
.fa-5x {
    font-size: 6em;
    width: 81px ;
    color: #ffffff;

}
.volume_custom{
    width: 660px;
    right: 250px;
    height: 90px;
    bottom: 15px;
    position: absolute;
    z-index: 10;
}



.slider_range {
    -webkit-appearance: none;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius:300px;
    height: 20% ;
    width: 70%;
    position: inherit;
    top: 26px;
}
.slider_range:hover {
    opacity: 1;
}
.slider_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 82px;
    height: 82px;
    background: url(/main/images/common/icon_range.png) no-repeat;
    cursor: pointer;
}
.slider_range::-moz-range-thumb {
    width: 82px;
    height: 82px;
    background: url(/main/images/common/icon_range.png) no-repeat;
    cursor: pointer;
}

.technology_area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    /*right: 70px;*/
    right: 41px;
    left: auto;
    top: 50%;
}
.technology_area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 41px;
    top: 50%;
    /*left: 70px;*/
}
.technology_area .swiper-slide{
     margin-top: unset;
}
.technology_area li:nth-child(3){
    margin-top: unset;
/*margin-left: 20px;*/
}
.technology_area .swiper-wrapper {
    margin-left: 88px;
    margin-top: 65px;
}
.technology_list li{
    margin-bottom: unset;
}
.technology_list li .video_info_txt{
    width: 889px;
}

.technology_list ul li .video_thumb.on {    position: relative;    border: 5px solid #04dbff;}
.technology_list ul li .video_thumb {    position: relative;    border: 5px solid #acadad;}