@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {
    font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}
*:before, *:after, div{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    border:0;
    margin:0;
    padding:0;
    display: block;
}
a {
    text-decoration: none;
}
ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.R {
    float: right;
}
.L {
    float: left;
}
.hide{
    display: none !important;
}

.clear:after{
    content: '';
    display: block;
    clear: both;
}
.container{
    position: relative;
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    background-color: #030303;
}
header{
    width: 100%;
    height: 65px;
    min-width: 1200px;
    position: relative;
    background-color: #fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    z-index: 999;
}
.header-container{
    height: 100%;
    padding: 9px 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.header-container .logo1{
    height: 100%;
    float: left;
}
.header-container .logo1 img{
    height: 100%;
}
.header-container .logo2{
    float: right;
    height: 100%;
    width: 135px;
    background: url("/special/eosr/images/logo4.png") 100% 50% no-repeat;
    background-size: contain;
}
.main-box{
    width: 100%;
    height: calc(100vh - 65px);
    min-height: 700px;
    background: url("/special/eosr/images/bg.jpg") 50% 50% no-repeat;
    background-size: cover;
    padding-top: 1px;
}
.ad-tips{
    width: 42px;
    height: 24px;
    position: absolute;
    right: 4.5vw;
    top: 80px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #333;
}
.main-box .content{
    margin: 0 auto;
    width: 800px;
    position: relative;
    margin-top: calc(20vh - 65px);
}
.main-box .content .time-box{
    position: relative;
    width: 100%;
    height: 350px;
    background: url("/special/eosr/images/circle.png") 50% 50% no-repeat;
    background-size: contain;
}
.time-board{
    height: 66px;
    width: 510px;
    /* background: red; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none;
    user-select:none;
}
.time-board .time{
    height: 100%;
    width: 72px;
    display: block;
    float: left;
    text-align: right;
}
.time-board .time .num{
    font-size: 65px;
    display: block;
}
.time-board .time .unit{
    font-size: 18px;
    display: block;
    margin-right: 5px;
    opacity: 0.5;
}
.time-board .dot{
    height: 100%;
    width: 74px;
    display: block;
    float: left;
    position: relative;
}
.time-board .dot span{
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: sans-serif;
    opacity: 0.5;
}
.info-box{
    text-align: center;
    margin-top: 30px;
}
.info-box h1{
    font-size: 26px;
    letter-spacing: 4px;
    font-weight: normal;
}
.info-box h2{
    font-size: 16px;
    letter-spacing: 4px;
    margin-top: 10px;
    opacity: 0.6;
    font-weight: normal;
}
.live_qr_code{
    width: 130px;
    margin-top: 20px;
}
.live_scan_tips{
    display: block;
    font-size: 16px;
    color: #666;
    letter-spacing: 5px;
}
footer{
    width: 800px;
    height: 65px;
    position: relative;
    margin: 0 auto;
    padding-top: 25px;
    box-sizing: border-box;
    /*bottom: 0px;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0%);*/
}
.icp-info div{
    float: left;
    font-size: 12px;
    color: #fff;
}
.icp-info a{
    text-decoration: none;
    color: #fff;
}
.icp-info .gawab{
    position: relative;
    margin-left: 25px;
}
.icp-info .gawab a{
    position: relative;
}
.icp-info .gawab a:before{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(/special/eosr/images/gongan.png);
    top: -4px;
    left: -20px;
}
footer .share{
    position: absolute;
    right: 0;
    top: 20px;
}
footer .share ul li {
    position: relative;
    float: left;
    margin: 0 11px 0 0;
    padding: 0;
    height: 26px;
}
footer .share ul li img {
    display: block;
    width: 26px;
}
footer .share .share-title{
    line-height: 26px;
    color: #fff;
}
footer .popup_wechat {
    display: none;
    position: absolute;
    padding: 20px;
    bottom: 56px;
    left: -80px;
    background: #fff;
    border: 2px solid #000;
    z-index: 15;
}
footer .popup_wechat h3 {
    margin: 0 0 14px 0;
    padding: 0 0 14px 0;
    text-indent: 29px;
    font-size: 14px;
    white-space: nowrap;
    line-height: 16px;
    background: url(/special/eosr/images/icon_moment.png) 6px 0 no-repeat;
    background-size: 16px 16px;
    border-bottom: 1px solid #969696;
}
footer .popup_wechat p {
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
}

footer .wechat_qr {
    width: 145px;
    height: 145px;
    margin: 0 auto;
}
footer .wechat_qr img{
    width: 100% !important;
}
footer .popup_wechat:after {
    position: absolute;
    top: 100%;
    left: 80px;
    content: " ";
    pointer-events: none;
    width: 28px;
    height: 21px;
    background: url(/special/eosr/images/fukidashi_arrow.png) 0 0 no-repeat;
    background-size: 28px 21px;
}
footer .popup_wechat.open {
    display: block;
    animation: anim_wechat_qr .5s ease-out;
}
.ifooter{
    background-color: #000;
    width: 100%;
    min-width: 1000px;
    position: relative;
}

.v-main .p-v, .popup-board .p-v{
    width: 100%;
    position: relative;
}
.v-main .p-v>img, .popup-board .p-v>img{
    width: 100%;
    display: block;
    pointer-events: none;
}



.slider-shop-link-board, .slider-shop-link-board-mao{
    position: absolute;
    padding: 10px;
    background-color: #9c0a0a;
    right: 0;
    top: 18%;
    z-index: 100;
}
.slider-shop-link-board-mao{
    visibility: hidden;
}
.slider-shop-link-board img{
    width: 64px;
    display: block;
    margin-bottom: 5px;
}
.slider-shop-link-board a:last-child img{
    margin-bottom: 0px;
}

.slider-shop-link-board-fixed{
    position: fixed;
    top: 0;
    z-index: 100;
}
.mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    left: 0;
    top: 0;
}
.mask-white{
    background-color: #fff;
    opacity: 0.95;
}
.mask-black{
    background-color: #000;
    opacity: 0.97;
}
.mask-black-70{
    background-color: #000;
    opacity: 0.7;
}
.gotop {
    width: 30px;
    height: 30px;
    display: none;
    cursor: pointer;
}
.gotop-fixed {
    position: fixed;
    z-index: 99;
    bottom: 20px;
    right: 20px;
    display: block;
}

.gotop img {
    width: 100%;
    height: 100%;
}
.ad-tips {
    width: 42px;
    height: 24px;
    position: absolute;
    right: 30px;
    top: 80px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #333;
    z-index: 10;
}
.number-item{
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
}
.swiper{
    /*width: 80%;*/
    /*height: 200px;*/
}
.menu-board{
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #262626;
    /*background-image: url("/special/eosr/images/idx2/idx_menu_bg.jpg");*/
    /*background-position: center;*/
    /*background-size: cover;*/
}
.menu-board-r6{
    background-color: #1e1f21;
    background-image: unset;
}
.menu-bar-bg{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.menu-container{
    position: relative;
    width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.menu-item{
    position: relative;
    float: left;
    height: 100%;
    width: 9%;
}
.menu-item-w{
    width: 15%;
}
.menu-item-w .menu-item-btn{
    width: 70%;
}

.menu-item-btn{
    position: relative;
    height: 100%;
    width: 70%;
    line-height: 65px;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
    cursor: pointer;
    color: #ddd;
}
.menu-item-btn:hover{
    color: #fff;
}
.menu-item-active .menu-item-btn{
    color: #fff;
}
.menu-item-active .menu-item-btn::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    bottom: 10px;
    background-color: #df0013;
}
.menu-board-fixed{
    position: fixed;
    top: 0;
}

.kv-img-item{
    width: 100%;
}
.kv-img-item-outter{
    cursor: pointer;
}
.idx-kv-swiper{
    overflow: visible !important;
}
.kv-swiper-pagination-board{
    position: absolute;
    width: 26vw;
    height: 3vw;
    right: 1%;
    bottom: 1.5vw;
    transform: translate(0%, 0);
    z-index: 99;
}
.kv-swiper-pagination-board-fixed{
    position: fixed;
    /*bottom: 5px;*/
}
.kv-swiper .swiper-button-prev{
    left: 40px;
    color: #fff !important;
}
.kv-swiper .swiper-button-next{
    right: 40px;
    color: #fff !important;
}
.swiper-pagination-bullet{
    margin: 4px 8px !important;
    width: 10px !important;
    height: 10px !important;
    background:#fff !important;
    opacity: 0.6 !important;
}
.swiper-pagination-bullet-active{
    width: 18px !important;
    height: 18px !important;
    margin: 0px 8px !important;
    opacity: 1 !important;
}
.kv-swiper-pagination{
    bottom: -40px !important;
}
.kv-swiper-pagination-fixed{
    position: fixed !important;
}
.idx-btn-video-01{
    position: absolute;
    width: 57%;
    height: 75%;
    left: 21.5%;
    top: 20%;
    cursor: pointer;
}
.idx-btn-video-02{
    position: absolute;
    width: 35%;
    height: 60%;
    left: 12%;
    top: 18%;
    cursor: pointer;
}
.idx-btn-video-03{
    position: absolute;
    width: 35%;
    height: 60%;
    left: 54%;
    top: 18%;
    cursor: pointer;
}
.idx-btn-video-04{
    position: absolute;
    width: 41.5%;
    height: 67%;
    left: 30%;
    top: 13%;
    cursor: pointer;
}
.idx-btn-video-05{
    position: absolute;
    width: 58%;
    height: 58%;
    left: 21%;
    top: 13.5%;
    cursor: pointer;
}
.idx-link-more-1{
    position: absolute;
    width: 13%;
    height: 18%;
    left: 12.7%;
    top: 45.5%;
}
.idx-link-more-2{
    position: absolute;
    width: 16.4%;
    height: 20%;
    left: 53%;
    top: 57.5%;
}
.idx-link-more-3{
    position: absolute;
    width: 16.6%;
    height: 20%;
    left: 52.8%;
    top: 53.5%;
}
.idx-link-more-4{
    position: absolute;
    width: 12.4%;
    height: 9%;
    left: 69.4%;
    top: 68.5%;
}
.idx-link-more-5{
    position: absolute;
    width: 18%;
    height: 5.8%;
    left: 51%;
    top: 87%;
}

.idx-video-swiper{
    position: absolute !important;
    left: 10%;
    top: 15%;
    width: 82.5%;
    height: 75%;
}
.idx-video-swiper-button-prev {
    left: 7% !important;
    color: #fff !important;
    top: 47% !important;
}
.idx-video-swiper-button-next {
    right: 5% !important;
    color: #fff !important;
    top: 47% !important;
}
.idx-video-swiper-pagination{
    top: 88% !important;
}
.idx-video-img-item{
    cursor: pointer;
}

/** eosr6 **/
.r6-ani-big-img{
    position: absolute;
    width: 65.7% !important;
    right: 0;
    top: 20.5%;
    z-index: 2;
}
.r6-ani-bg-01{
    position: absolute;
    width: 64% !important;
    left: 24%;
    top: -24.5%;
    z-index: 1;
}
.r6-ani-s-01{
    position: absolute;
    width: 27.1% !important;
    left: 26%;
    top: 12.3%;
    z-index: 3;
}
.r6-ani-s-02{
    position: absolute;
    width: 20.1% !important;
    left: 20.4%;
    top: 15.6%;
    z-index: 3;
}
.r6-ani-s-03{
    position: absolute;
    width: 22.5% !important;
    left: 70%;
    top: 80.2%;
    z-index: 1;
}
.r6-ani-s-04{
    position: absolute;
    width: 29.6% !important;
    left: 34%;
    top: 80.7%;
    z-index: 1;
}
.r6-ani-s-05{
    position: absolute;
    width: 23.5% !important;
    left: 0.5%;
    top: 25.3%;
    z-index: 1;
}
.r6-ani-s-06{
    position: absolute;
    width: 14.7% !important;
    left: 12%;
    top: 49.2%;
    z-index: 1;
}
.r6-ani-s-07{
    position: absolute;
    width: 8.5% !important;
    left: 16.1%;
    top: 41.3%;
    z-index: 2;
}
.r6-ani-s-08{
    position: absolute;
    width: 7% !important;
    left: 23.1%;
    top: 60.1%;
    z-index: 2;
}
.r6-ani-s-09{
    position: absolute;
    width: 8% !important;
    left: 9.1%;
    top: 46%;
    z-index: 2;
}
.r6-ani-s-10{
    position: absolute;
    width: 7% !important;
    left: 17.1%;
    top: 64.5%;
    z-index: 2;
}
.r6-ani-s-11{
    position: absolute;
    width: 48% !important;
    left: -4%;
    top: 23%;
    z-index: 0;
}
.r6-ani-s-12{
    position: absolute;
    width: 38% !important;
    left: 6%;
    top: 57%;
    z-index: 0;
}
.r6-ani-s-17{
    position: absolute;
    width: 16% !important;
    left: 12.1%;
    top: 52%;
    z-index: 2;
}
.r6-ani-s-18{
    position: absolute;
    width: 26% !important;
    left: 7%;
    top: 44%;
    z-index: 1;
}
.r6-ani-s-19{
    position: absolute;
    width: 29% !important;
    left: 8%;
    top: 85%;
    z-index: 2;
}
.r6-ani-s-20{
    position: absolute;
    width: 37% !important;
    left: 5%;
    top: 78%;
    z-index: 1;
}
.r6-ani-s-21{
    position: absolute;
    width: 45% !important;
    left: 28.2%;
    top: 7%;
    z-index: 2;
}
.r6-ani-s-22{
    position: absolute;
    width: 26% !important;
    left: 44%;
    top: -5%;
    z-index: 1;
}
.r6-ani-frame-board{
    position: absolute;
    height: 3.8%;
    width: 65.7%;
    left: 34.3%;
    top: 74%;
}
.r6-ani-frame-board img{
    width: calc(100% / 14);
    float: left;
}
.o-0{
    opacity: 0;
}
.r6-btn-video-01{
    position: absolute;
    width: 56%;
    height: 100%;
    left: 5%;
    top: 0;
    cursor: pointer;
}
.r6-btn-video-02{
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    cursor: pointer;
}
.r6-ani-s-14{
    position: absolute;
    width: 38% !important;
    left: 6%;
    top: 57%;
    z-index: 0;
}
.r6-ani-s-15{
    position: absolute;
    width: 38% !important;
    left: 6%;
    top: 57%;
    z-index: 0;
}
.r6-link-more-1{
    position: absolute;
    width: 19.1%;
    height: 49%;
    left: 43.1%;
    top: 12.5%;
}


/* eos r6m3 */

.r6m3-pc-left{
    position: absolute;
    width: 21.77%!important;
    left: 7.8%;
    top: 44.6%;
    z-index: 3;
}
.r6m3-pc-right{
    position: absolute;
    width: 27.97%!important;
    right: 2.55%;
    top: 22.6%;
    z-index: 3;
}
.r6m3-img2-02{
    position: absolute;
    width: 34.74%!important;
    left: 12.4%;
    top: 46.5%;
    z-index: 3;
}
.p-v-shoot{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.r6m3-img4-02{
    position: absolute;
    width: 65%!important;
    right: 7%;
    top: 0.3%;
    z-index: 3;
}
.r6m3-img4-03{
    position: absolute;
    width: 16.823%!important;
    right: 52.8%;
    top: 0.1%;
    z-index: 4;
}
.r6m3-img4-04{
    position: absolute;
    width: 37.292%!important;
    right: 4.0%;
    top: -7.88%;
    z-index: 4;
}
.r6m3-img4-05{
    position: absolute;
    width: 14.948%!important;
    right: 53%;
    top: 26%;
    z-index: 4;
}
.r6m3-img4-06{
    position: absolute;
    width: 12.448%!important;
    right: 10.7%;
    top: 38.25%;
    z-index: 4;
}
.r6m3-shoot-thumb{
    width: 100%;
    height: 29vw;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 4;
}
.r6m3-shoot-thumb-item{
    position: absolute;
    will-change: transform, opacity;
transform: translateZ(0);
}
.r6m3-animated.r6m3-shoot-thumb-item{
    animation-name: fadeIn;
    animation-duration: .1s;
    animation-fill-mode: forwards;
}
.r6m3-shoot-thumb-item-1{
    top: 0;
    z-index: 41;
}
.r6m3-shoot-thumb-item-2{
    top: 1.5%;
    z-index: 40;
}
.r6m3-animated.r6m3-shoot-thumb-item-2{
    -webkit-animation-delay: .024s;
    animation-delay: .024s;
}
.r6m3-shoot-thumb-item-3{
    top: 3%;
    z-index: 39;
}
.r6m3-animated.r6m3-shoot-thumb-item-3{
    -webkit-animation-delay: .048s;
    animation-delay: .048s;
}
.r6m3-shoot-thumb-item-4{
    top: 4.5%;
    z-index: 38;
}
.r6m3-animated.r6m3-shoot-thumb-item-4{
    -webkit-animation-delay: .072s;
    animation-delay: .072s;
}
.r6m3-shoot-thumb-item-5{
    top: 6%;
    z-index: 37;
}
.r6m3-animated.r6m3-shoot-thumb-item-5{
    -webkit-animation-delay: .096s;
    animation-delay: .096s;
}
.r6m3-shoot-thumb-item-6{
    top: 7.5%;
    z-index: 36;
}
.r6m3-animated.r6m3-shoot-thumb-item-6{
    -webkit-animation-delay: .12s;
    animation-delay: .12s;
}
.r6m3-shoot-thumb-item-7{
    top: 9%;
    z-index: 35;

}
.r6m3-animated.r6m3-shoot-thumb-item-7{
    -webkit-animation-delay: .144s;
    animation-delay: .144s;
}
.r6m3-shoot-thumb-item-8{
    top: 10.5%;
    z-index: 34;

}
.r6m3-animated.r6m3-shoot-thumb-item-8{
    -webkit-animation-delay: .168s;
    animation-delay: .168s;
}
.r6m3-shoot-thumb-item-9{
    top: 12%;
    z-index: 33;

}
.r6m3-animated.r6m3-shoot-thumb-item-9{
        -webkit-animation-delay: .192s;
    animation-delay: .192s;
}
.r6m3-shoot-thumb-item-10{
    top: 13.5%;
    z-index: 32;

}
.r6m3-animated.r6m3-shoot-thumb-item-10{
    -webkit-animation-delay: .216s;
    animation-delay: .216s;
}
.r6m3-shoot-thumb-item-11{
    top: 15%;
    z-index: 31;

}
.r6m3-animated.r6m3-shoot-thumb-item-11{
    -webkit-animation-delay: .24s;
    animation-delay: .24s;
}
.r6m3-shoot-thumb-item-12{
    top: 16.5%;
    z-index: 30;

}
.r6m3-animated.r6m3-shoot-thumb-item-12{
    -webkit-animation-delay: .264s;
    animation-delay: .264s;
}
.r6m3-shoot-thumb-item-13{
    top: 18%;
    z-index: 29;

}
.r6m3-animated.r6m3-shoot-thumb-item-13{
      -webkit-animation-delay: .288s;
    animation-delay: .288s;  
}
.r6m3-shoot-thumb-item-14{
    top: 19.5%;
    z-index: 28;

}
.r6m3-animated.r6m3-shoot-thumb-item-14{
    -webkit-animation-delay: .312s;
    animation-delay: .312s;
}
.r6m3-shoot-thumb-item-15{
    top: 21%;
    z-index: 27;

}
.r6m3-animated.r6m3-shoot-thumb-item-15{
    -webkit-animation-delay: .336s;
    animation-delay: .336s;
}
.r6m3-shoot-thumb-item-16{
    top: 22.5%;
    z-index: 26;

}
.r6m3-animated.r6m3-shoot-thumb-item-16{
    -webkit-animation-delay: .36s;
    animation-delay: .36s;
}
.r6m3-shoot-thumb-item-17{
    top: 24%;
    z-index: 25;

}
.r6m3-animated.r6m3-shoot-thumb-item-17{
    -webkit-animation-delay: .384s;
    animation-delay: .384s;
}
.r6m3-shoot-thumb-item-18{
    top: 25.5%;
    z-index: 24;

}
.r6m3-animated.r6m3-shoot-thumb-item-18{
    -webkit-animation-delay: .408s;
    animation-delay: .408s;
}
.r6m3-shoot-thumb-item-19{
    top: 27%;
    z-index: 23;

}
.r6m3-animated.r6m3-shoot-thumb-item-19{
    -webkit-animation-delay: .432s;
    animation-delay: .432s;
}
.r6m3-shoot-thumb-item-20{
    top: 28.5%;
    z-index: 22;

}
.r6m3-animated.r6m3-shoot-thumb-item-20{
        -webkit-animation-delay: .456s;
    animation-delay: .456s;
}
.r6m3-shoot-thumb-item-21{
    top: 30%;
    z-index: 21;
}
.r6m3-shoot-thumb-item-21-yellow{
    position:absolute;
    left: 49.2%;
    top: 30%;
    z-index: 21;
    opacity: 0;
}
.r6m3-animated.r6m3-shoot-thumb-item-21{
    animation:fadeIn .1s forwards .48s,fadeOut .2s forwards 1s;
}
.r6m3-animated.r6m3-shoot-thumb-item-21-yellow{
    animation:fadeIn .2s forwards 1s,fadeInUp .5s forwards 1.2s;  
}
.r6m3-shoot-thumb-item-22{
    top: 31.5%;
    z-index: 20;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-22{
    -webkit-animation-delay: .504s;
    animation-delay: .504s;
}
.r6m3-shoot-thumb-item-23{
    top: 33%;
    z-index: 19;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-23{
    -webkit-animation-delay: .528s;
    animation-delay: .528s;
}
.r6m3-shoot-thumb-item-24{
    top: 34.5%;
    z-index: 18;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-24{
-webkit-animation-delay: .552s;
    animation-delay: .552s;
}
.r6m3-shoot-thumb-item-25{
    top: 36%;
    z-index: 17;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-25{
-webkit-animation-delay: .576s;
    animation-delay: .576s;
}
.r6m3-shoot-thumb-item-26{
    top: 37.5%;
    z-index: 16;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-26{
-webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.r6m3-shoot-thumb-item-27{
    top: 39%;
    z-index: 15;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-27{
-webkit-animation-delay: .624s;
    animation-delay: .624s;
}
.r6m3-shoot-thumb-item-28{
    top: 40.5%;
    z-index: 14;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-28{
    -webkit-animation-delay: .648s;
    animation-delay: .648s;
}
.r6m3-shoot-thumb-item-29{
    top: 42%;
    z-index: 13;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-29{
-webkit-animation-delay: .672s;
    animation-delay: .672s;
}
.r6m3-shoot-thumb-item-30{
    top: 43.5%;
    z-index: 12;

}
.r6m3-animated.r6m3-shoot-thumb-item-30{
    -webkit-animation-delay: .696s;
    animation-delay: .696s;
}
.r6m3-shoot-thumb-item-31{
    top: 45%;
    z-index: 11;

}
.r6m3-animated.r6m3-shoot-thumb-item-31{
    -webkit-animation-delay: .72s;
    animation-delay: .72s;
}
.r6m3-shoot-thumb-item-32{
    top: 46.5%;
    z-index: 10;

}
.r6m3-animated.r6m3-shoot-thumb-item-32{
    -webkit-animation-delay: .744s;
    animation-delay: .744s;
}
.r6m3-shoot-thumb-item-33{
    top: 48%;
    z-index: 9;

}
.r6m3-animated.r6m3-shoot-thumb-item-33{
    -webkit-animation-delay: .768s;
    animation-delay: .768s;
}
.r6m3-shoot-thumb-item-34{
    top: 49.5%;
    z-index: 8;

}
.r6m3-animated.r6m3-shoot-thumb-item-34{
    -webkit-animation-delay: .792s;
    animation-delay: .792s;
}
.r6m3-shoot-thumb-item-35{
    top: 51%;
    z-index: 7;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-35{
    -webkit-animation-delay: .816s;
    animation-delay: .816s;
}
.r6m3-shoot-thumb-item-36{
    top: 52.5%;
    z-index: 6;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-36{
-webkit-animation-delay: .840s;
    animation-delay: .840s;
}
.r6m3-shoot-thumb-item-37{
    top: 54%;
    z-index: 5;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-37{
-webkit-animation-delay: .864s;
    animation-delay: .864s;
}
.r6m3-shoot-thumb-item-38{
    top: 55.5%;
    z-index: 4;
   
}
.r6m3-animated.r6m3-shoot-thumb-item-38{
 -webkit-animation-delay: .888s;
    animation-delay: .888s;
}
.r6m3-shoot-thumb-item-39{
    top: 57%;
    z-index: 3;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-39{
-webkit-animation-delay: .912s;
    animation-delay: .912s;
}
.r6m3-shoot-thumb-item-40{
    top: 58.5%;
    z-index: 2;
    
}
.r6m3-animated.r6m3-shoot-thumb-item-40{
-webkit-animation-delay: .936s;
    animation-delay: .936s;
}
.r6m3-btn-video-01{
    position: absolute;
    width: 94%;
    height: 90%;
    left: 3%;
    top: 3%;
    cursor: pointer;
}
.r6m3-btn-video-02{
    position: absolute;
    width: 60%;
    height: 100%;
    right: 1%;
    top: 5%;
    cursor: pointer;
}
.r6m3-img6-04{
    position: absolute;
    width: 30.78%!important;
    right: 6%;
    top: 55%;
    z-index: 3;
}
.r6m3-img6-05{
    position: absolute;
    width: 22.6%!important;
    right: 27%;
    top: 82.6%;
    z-index: 3;
}
.r6m3-img7-02{
    position: absolute;
    width: 35.625%!important;
    left: 2.55%;
    top: 5%;
    z-index: 3;
}
.r6m3-img8-03{
    position: absolute;
    width: 53.8%!important;
    left: 0;
    top: 4%;
    z-index: 3;
}
.r6m3-img8-04{
    position: absolute;
    width: 51%!important;
    right: 0;
    top: 45.6%;
    z-index: 3;
}



.r6m3-swiper-content{
    width: 100%;
    position: absolute;
    left: 0;
    right:0;
    z-index: 3;
    top: 3%;
}
.r6m3-swiper-content .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*֮ǰÊÇease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.r6m3-swiper-content .swiper-slide{
    width: 23.125%;
}
.r6m3-swiper-content .swiper-slide > img{
    width: 100%;
}
.r6m3-img9-01{
    position: absolute;
    z-index: 10;
    width:33.177%!important;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 14%;
}

.r6m3-img10-07,.r6m3-img10-08{

}
.r6m3-img10-07{
    position: absolute;
    z-index: 10;
    width:3.46%!important;
    left: 31.12%;
    top: 0.12%;
    transform: rotate(0deg);
    /* animation: hideToShow 2s infinite; */
}
.r6m3-img10-08{}

.r6m3-link-more-1{
    display: block;
    margin: 60px auto 200px;
    width: 20%;
    height: 60px;
    border: 1px #fff solid;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 26px;
    letter-spacing: 4px;
    transition: all .2s;
}
.r6m3-link-more-1:hover{
    transform: scale(1.1);
}

.r6m3-animate-item, .r6m3-thumb-animate-item{
    opacity: 0;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__fadeIn{
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__fadeInUp {
    animation-name: fadeInUp;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}.r6m3-animated.r6m3-animate__fadeInDown {
    animation-name: fadeInDown;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__fadeInLeftUp {
    animation-name: fadeInLeftUp;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__fadeInRightDown {
    animation-name: fadeInRightDown;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__fadeInLeft {
    animation-name: fadeInLeft;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__fadeInRight {
    animation-name: fadeInRight;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}
.r6m3-animated.r6m3-animate__delay-1 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.r6m3-animated.r6m3-animate__delay-2 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.r6m3-animated.r6m3-animate__delay-3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@keyframes hideToShow {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
}
@keyframes fadeInUp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(0, -30%, 0);
      transform: translate3d(0, -30%, 0);
    }
}
@keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -5%, 0);
      transform: translate3d(0, -5%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}
@keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}
@keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}
@keyframes fadeInLeftUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50%, 10%, 0);
      transform: translate3d(-50%, 10%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}
@keyframes fadeInRightDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(50%, -10%, 0);
      transform: translate3d(50%, -10%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}
@keyframes animation-left {
    from {
        transition: all 1s ease 0s, opacity 1.5s ease 0s;
        transform: translate(10%, -50%);
    }
    to {
        transition: all 1s ease 0s, opacity 1.5s ease 0s;
        transform: translate(0,0);
    }
}
@keyframes animation-right {
    from {
        transition: all 1s ease 0s, opacity 1.5s ease 0s;
        transform: translate(-10%, 50%);
    }
    to {
        transition: all 1s ease 0s, opacity 1.5s ease 0s;
        transform: translate(0,0);
    }
}







/** eosr5 **/
.r5-btn-video-01{
    position: absolute;
    width: 80%;
    height: 100%;
    left: 20%;
    top: 0;
    cursor: pointer;
}
.r5-btn-tab{
    width: calc(50% - 1px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.r5-btn-tab2{
    left: calc(50% + 1px);
}
.r5-btn-tab-active:before{
    content: '';
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background-color: #df0013;
}
.r5-btn-tab-item{
    position: absolute;
    width: 46%;
    height: 52%;
    left: 27%;
    top: 24%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.r5-btn-tab-item-1{
    background-image: url("/special/eosr/images/gallery/tab_01_02.jpg");
}
.r5-btn-tab-active .r5-btn-tab-item-1{
    background-image: url("/special/eosr/images/gallery/tab_01_01.jpg");
}
.r5-btn-tab-item-2{
    background-image: url("/special/eosr/images/gallery/tab_02_02.jpg");
}
.r5-btn-tab-active .r5-btn-tab-item-2{
    background-image: url("/special/eosr/images/gallery/tab_02_01.jpg");
}
.r5-link-more-1{
    position: absolute;
    width: 16.5%;
    height: 24%;
    left: 44%;
    top: 57.5%;
}
/** gallery2 **/
.tab1-board-r6m3{
    width: 100%;
    height: 200vw;
}
.gallery-r6m3-title{
    position: absolute;
    left: 52.08%;
    top: 5.8%;
    width: 31.09%!important;
}
.gallery-tab1-item-r6m3-1{
    position: absolute;
    left: 9.9%;
    top: 5.3%;
    width: 37.81%;
}
.gallery-tab1-item-r6m3-2{
    position: absolute;
    left: 50.2%;
    top: 13.4%;
    width: 41.25%;
}
.gallery-tab1-item-r6m3-3{
    position: absolute;
    left: 9.9%;
    top: 32.5%;
    width: 37.81%;
}
.gallery-tab1-item-r6m3-4{
    position: absolute;
    left: 9.9%;
    top: 45.4%;
    width: 49.58%;
}
.gallery-tab1-item-r6m3-5{
    position: absolute;
    left: 62.16%;
    top: 45.4%;
    width: 29.38%;
}
.gallery-tab1-item-r6m3-6{
    position: absolute;
    left: 62.16%;
    top: 56.2%;
    width: 29.38%;
}
.gallery-tab1-item-r6m3-7{
    position: absolute;
    left: 9.9%;
    top: 63%;
    width: 29.43%;
}
.gallery-tab1-item-r6m3-8{
    position: absolute;
    left: 41.8%;
    top: 67.2%;
    width: 49.58%;
}
.gallery-tab1-item-r6m3-9{
    position: absolute;
    left: 9.9%;
    top: 84.7%;
    width: 49.58%;
}
.gallery-tab1-item-r6m3-10{
    position: absolute;
    left: 61.8%;
    top: 84.7%;
    width: 29.53%;
}

.gallery-tab1-board-01{
    position: absolute;
    left: 10.2%;
    top: 4.4%;
    width: 79.8%;
    height: 93.5%;
}
.gallery-tab1-item{
    position: absolute;
    cursor: pointer;
}
.gallery-tab1-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-tab1-item-r1-1{
    left: 10%;
    top: 55%;
    width: 28.5%;
    height: 40%;
}
.gallery-tab1-item-r1-2{
    left: 40%;
    top: 22%;
    width: 51.5%;
    height: 73%;
}
.gallery-tab1-item-r1-3{
    left: 10.2%;
    top: 3%;
    width: 37.5%;
    height: 89%;
}
.gallery-tab1-item-r1-4{
    left: 52.5%;
    top: 3%;
    width: 37.5%;
    height: 89%;
}
.gallery-tab1-item-r5m2-1{
    left: 10.2%;
    top: 12%;
    width: 29.5%;
    height: 85%;
}
.gallery-tab1-item-r5m2-2{
    left: 43%;
    top: 34%;
    width: 48.5%;
    height: 63%;
}
.gallery-tab1-item-r5m2-3{
    left: 10.2%;
    top: 3%;
    width: 32.5%;
    height: 74%;
}
.gallery-tab1-item-r5m2-4{
    left: 46%;
    top: 2%;
    width: 44.9%;
    height: 46%;
}
.gallery-tab1-item-r5m2-5{
    left: 45.5%;
    top: 51%;
    width: 45.5%;
    height: 46%;
}
.gallery-tab1-item-r5-1{
    left: 10.2%;
    top: 8%;
    width: 29.5%;
    height: 89%;
}
.gallery-tab1-item-r5-2{
    left: 43.2%;
    top: 33%;
    width: 48.5%;
    height: 64%;
}
.gallery-tab1-item-r5-3{
    left: 10.2%;
    top: 2%;
    width: 32.5%;
    height: 28%;
}
.gallery-tab1-item-r5-4{
    left: 45.5%;
    top: 2%;
    width: 45.5%;
    height: 38%;
}
.gallery-tab1-item-r5-5{
    left: 10.2%;
    top: 34%;
    width: 32.5%;
    height: 62%;
}
.gallery-tab1-item-r5-6{
    left: 45.5%;
    top: 43%;
    width: 45.5%;
    height: 39%;
}
.gallery-tab1-item-r6m2-1{
    left: 10.2%;
    top: 51%;
    width: 26.5%;
    height: 45%;
}
.gallery-tab1-item-r6m2-2{
    left: 39.2%;
    top: 7%;
    width: 52.5%;
    height: 89%;
}
.gallery-tab1-item-r6m2-3{
    left: 10.2%;
    top: 6%;
    width: 39.5%;
    height: 89%;
}
.gallery-tab1-item-r6m2-4{
    left: 52%;
    top: 6%;
    width: 39%;
    height: 88%;
}
.gallery-tab1-item-r6m2-5{
    left: 10.5%;
    top: 5%;
    width: 39.5%;
    height: 82%;
}
.gallery-tab1-item-r6m2-6{
    left: 51.2%;
    top: 5%;
    width: 40%;
    height: 82%;
}
.gallery-tab1-item-r8-1{
    left: 10.2%;
    top: 37%;
    width: 21.5%;
    height: 61%;
}
.gallery-tab1-item-r8-2{
    left: 33.5%;
    top: 36%;
    width: 21%;
    height: 62%;
}
.gallery-tab1-item-r8-3{
    left: 56.5%;
    top: 7%;
    width: 35%;
    height: 91%;
}
.gallery-tab1-item-r8-4{
    left: 10.5%;
    top: 2%;
    width: 43.5%;
    height: 34%;
}
.gallery-tab1-item-r8-5{
    left: 56.5%;
    top: 1%;
    width: 35%;
    height: 27%;
}
.gallery-tab1-item-r8-6{
    left: 10.5%;
    top: 42%;
    width: 44.5%;
    height: 38%;
}
.gallery-tab1-item-r8-7{
    left: 56.5%;
    top: 33%;
    width: 35.5%;
    height: 66%;
}

.gallery-tab1-title1{
    position: absolute;
    width: 20.4%;
    height: 5%;
    left: 14.2%;
    top: 5.2%;
    background-image: url(/special/eosr/images/gallery/tab1_title_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99;
    pointer-events: none;
}
.gallery-tab1-title2{
    position: absolute;
    width: 20.5%;
    height: 12%;
    left: 49.2%;
    top: 2%;
    background-image: url(/special/eosr/images/gallery/tab1_title_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99;
    pointer-events: none;
}
.gallery-board-01{
    position: absolute;
    left: 14.5%;
    top: 10%;
    width: 70.4%;
    height: 86%;
}
.gallery-item{
    position: absolute;
    cursor: pointer;
}
.gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-01-item-01{
    left: 0;
    top: 0;
    width: 100%;
    height: 61.8%;
}
.gallery-01-item-02{
    left: 0;
    top: 62.8%;
    width: 24.2%;
    height: 18%;
}
.gallery-01-item-03{
    left: 25.1%;
    top: 62.8%;
    width: 24.2%;
    height: 18%;
}
.gallery-01-item-04{
    left: 0;
    top: 82%;
    width: 24.2%;
    height: 18%;
}
.gallery-01-item-05{
    left: 25.1%;
    top: 82%;
    width: 24.2%;
    height: 18%;
}
.gallery-01-item-06{
    left: 50.2%;
    top: 62.8%;
    width: 49.8%;
    height: 37.2%;
}

.gallery-board-02{
    position: absolute;
    left: 14.5%;
    top: 8.2%;
    width: 70.4%;
    height: 86.7%;
}

.gallery-02-item-01{
    left: 0;
    top: 0%;
    width: 24.2%;
    height: 15.5%;
}
.gallery-02-item-02{
    left: 25.1%;
    top: 0%;
    width: 24.2%;
    height: 15.5%;
}
.gallery-02-item-03{
    left: 0;
    top: 16.1%;
    width: 24.2%;
    height: 17%;
}
.gallery-02-item-04{
    left: 25.1%;
    top: 16.1%;
    width: 24.2%;
    height: 17%;
}
.gallery-02-item-05{
    left: 50.2%;
    top: 0%;
    width: 49.8%;
    height: 33.2%;
}
.gallery-02-item-06{
    left: 0;
    top: 34.2%;
    width: 100%;
    height: 65.8%;
}

.gallery-tab1-board-03{
    position: absolute;
    left: 10.3%;
    top: 3.5%;
    width: 79.7%;
    height: 95.95%;
}
.gallery-tab1-item-81{
    left: 0%;
    top: 5.5%;
    width: 25.7%;
    height: 11.7%;
}
.gallery-tab1-item-82{
    left: 28.5%;
    top: 5.5%;
    width: 25.7%;
    height: 11.7%;
}
.gallery-tab1-item-83{
    right: 0%;
    top: -0.1%;
    width: 42.8%;
    height: 17.4%;
}
.gallery-tab1-item-84{
    left: 0%;
    top: 18.2%;
    width: 54.4%;
    height: 10.9%;
}
.gallery-tab1-item-85{
    left: 0%;
    top: 30.1%;
    width: 20.95%;
    height: 6.3%;
}
.gallery-tab1-item-86{
    left: 23%;
    top: 30.1%;
    width: 31.3%;
    height: 6.3%;
}
.gallery-tab1-item-87{
    right: 0%;
    top: 18.2%;
    width: 42.8%;
    height: 8.7%;
}
.gallery-tab1-item-88{
    right: 0%;
    top: 28.1%;
    width: 42.8%;
    height: 8.7%;
}
.gallery-tab1-item-89{
    left: 0%;
    top: 37.4%;
    width: 54.4%;
    height: 10.9%;
}
.gallery-tab1-item-90{
    right: 0%;
    top: 38%;
    width: 42.8%;
    height: 8.5%;
}
.gallery-tab1-item-91{
    right: 0%;
    top: 47.5%;
    width: 42.8%;
    height: 8.5%;
}
.gallery-tab1-item-92{
    left: 0%;
    top: 49.4%;
    width: 54.4%;
    height: 10.9%;
}
.gallery-tab1-item-93{
    left: 0%;
    top: 61.2%;
    width: 25.7%;
    height: 11.7%;
}
.gallery-tab1-item-94{
    left: 28.5%;
    top: 61.2%;
    width: 25.7%;
    height: 11.7%;
}
.gallery-tab1-item-95{
    right: 0%;
    top: 57%;
    width: 42.8%;
    height: 19.4%;
}
.gallery-tab1-item-96{
    left: 0%;
    top: 73.8%;
    width: 54.4%;
    height: 24.6%;
}
.gallery-tab1-item-97{
    right: 0%;
    top: 77.5%;
    width: 42.8%;
    height: 8.5%;
}
.gallery-tab1-item-98{
    right: 0%;
    top: 87.2%;
    width: 42.8%;
    height: 8.5%;
}

.my-photo-album{
    position: absolute;
    width: 17%;
    height: 8%;
    left: 70%;
    top: 5%;
    background-image: url(/special/eosr/images/gallery_/my_photo_album.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99;
    pointer-events: none;
}
.our-story{
    position: absolute;
    width: 12%;
    height: 7%;
    left: 10%;
    top: 3%;
    background-image: url(/special/eosr/images/gallery_/our_story.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99;
    pointer-events: none;
}

.show-board{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}
.show-board .img-board{
    position: absolute;
    left: 50%;
    top: calc(50% + 25px);
    width: 70%;
    height: calc(75% - 30px);
    transform: translate(-50%, -50%);
}
.gallery-swiper{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.gallery-img-item{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.show-board .img-board .swiper-button-prev{
    left: calc(var(--swiper-navigation-size)/ 44 * -40) !important;
    color: #999;
}
.show-board .img-board .swiper-button-next{
    right: calc(var(--swiper-navigation-size)/ 44 * -40) !important;
    color: #999;
}
.show-board .img-board .img-txt{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    bottom: -25px;
    font-size: 12px;
    color: #666;
    transform: translate(-50%, 0);
}
.swiper-button-close{
    position: absolute;
    width: 30px;
    height: 30px;
    right: -55px;
    top: -25px;
    background-image: url(/special/eosr/images/btn_close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    cursor: pointer;
}
.tab1-board{
    display: block;
}
.tab2-board{
    display: none;
}
.gallery2-board{
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 1400px;
    min-width: 1100px;
    margin: 0 auto;
    font-size: 15px;
    background-color: #121315;
    color: #fff;
}
.gallery-tab-title{
    position: absolute;
    width: 18% !important;
    left: 16%;
    top: 45%;
    z-index: 10;
}

/** r8 **/
.r8-link-more-1{
    position: absolute;
    width: 13%;
    height: 25%;
    left: 11.5%;
    top: 47.5%;
}

.r8-link-more-2{
    position: absolute;
    width: 13%;
    height: 25%;
    left: 45.2%;
    top: 47.5%;
}

.r8-link-more-3{
    position: absolute;
    width: 13%;
    height: 25%;
    left: 45%;
    top: 47.5%;
}
.r8-btn-video-01{
    position: absolute;
    width: 88%;
    height: 100%;
    left: 6%;
    top: 0%;
    cursor: pointer;
}

/** r8r50 */
.r8r50-link-more-1{
    position: absolute;
    width: 16%;
    height: 23%;
    left: 13.8%;
    top: 35.5%;
}
.r8r50-link-more-2{
    position: absolute;
    width: 16%;
    height: 23%;
    left: 70.1%;
    top: 35.5%;
}


/** r1 **/
.r1-btn-video-01{
    position: absolute;
    width: 100%;
    height: 88%;
    left: 0;
    top: 12%;
    cursor: pointer;
}
.r1-link-more-1{
    position: absolute;
    width: 14.5%;
    height: 8%;
    left: 44%;
    top: 80%;
}
/** R5M2 */
.r5m2-link-more-1{
    position: absolute;
    width: 14.5%;
    height: 7%;
    left: 42.8%;
    top: 78%;
}
<!--ºÄʱ1787159499.0098Ãë-->