@charset "UTF-8";

html,
body {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: relative;
}
.mask-tip {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    background: url('../images/j01.jpg') no-repeat center center / cover #9b5231;
    z-index: 9999;
    width: 100%;
    height: 100%;
}
.mask-tip .tip {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffea8b;
    font-size: 18px;
    text-align: center;
}
.mask-tip .icon {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background: url('../images/g01.gif') no-repeat center center / 100%;
}


.mask-tip .inner {
    /* display: flex;
    width: fit-content; */
    position: relative;
    /* height: 40px;
    overflow: hidden; */
     /* animation-name: move;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 8500ms;
  animation-direction: normal;
  animation-play-state:running; */
}

.mask-tip .inner .mask-inner-span{
    position: absolute; left: 0;top: 0;
    opacity: 1;
    display: none; 
    width: 100vw;
    line-height: 40px;
    /* background-color: #f6f6f6; */
    
    /* display: inline-block; */
    box-sizing: border-box;
    
}
.mask-tip .inner .pic{width: 100%;line-height: 0;}
.mask-tip .inner .pic img{max-width: 100%;display: block;margin: 0 auto;}

@keyframes move {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

.loading-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ad0d01;
    z-index: 999;
    color: #fff;
    background: url('../images/j01.jpg') no-repeat center center / cover;
    color: #ffea8b;
    font-size: 18px;
    text-align: center;
}
.loading-box .tip {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffea8b;
    font-size: 18px;
    text-align: center;
}
.custom-progress {
    width: 80%;
    margin: 10px auto;
    background-color: #c81a0d;
    border-radius: 10px;
}
.custom-progress-bar {
    width: 0;
    height: 6px;
    border-radius: 10px;
    background-color: #feffd0;
}

.enter-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: url('../images/j02.jpg') no-repeat center center / cover;
}

.enter-page .cont {
    width: 100%;
    position: relative;
   height: 100vh;box-sizing: border-box;
}
.enter-page .logo {
    width: 60%;
   position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    top: 50px;
}
.enter-page .logo img{width: 100%;}
.enter-page .go-btn {
    width: 25%;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 30px;
    line-height: 0;
}
.enter-page .go-btn img{width: 100%;vertical-align: top;}
.enter-page .icon{display: block;line-height: 0;position: absolute;left: 50px;top: 60px;width: 23%;}
.enter-page .icon img{width: 100%; }


.return-top{position: fixed;z-index: 9;width: 40px;height:55.6px;right: 10px;bottom: 20px;cursor: pointer;background: url(../images/p28.png) no-repeat center center /100% 100%;text-align: center;font-family: '黑体';font-size: 14px;color: #fff;}



.menu-btn{position: fixed;width: 40px;height: 42px;right: 0;top: 0;cursor: pointer;background:url(../images/p25.png) no-repeat center center/100% #fff;}

.menu-box{position: fixed;height: 100vh;overflow-y: auto;width: 17%;right: 0;z-index: 8;background: #f0eee6;top: 0;display: none;
padding: 60px 0;box-sizing: border-box;
}
.menu-box li{display: block;width: 100%;height: 60px;text-align: center;line-height: 60px;font-size: 33px;cursor: pointer;color: #695238;font-weight: 500;}
.menu-box li:last-child{margin-top: 60px;}
.menu-box li.on{background-color: #af2a2a;color: #fff;}

.menu-box .close-btn{width: 38px;height: 39px;position: absolute;right: 10px;top: 10px;background:url(../images/p27.png) no-repeat center center/100%;cursor: pointer;}

.float-handtip{position: fixed;
    z-index: 9;
  
    width: auto;
    height: 100vh;
    left: 0;
    top: 0;
    right: 39vw;
    box-sizing: border-box;}
.float-handtip .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
    width: 861px;height: 525px;background: url(../images/g07.gif) no-repeat center center /100%;
}
.float-handtip .close-btn{width: 80px;height: 80px;cursor: pointer;position: absolute;right: 36px;top: 36px;}

.wrap {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    transition: transform 0.5s;
    margin: 0 auto;
overflow: hidden;
    display: flex;
}
.map-box {
    flex: 1;
}
.main-cont {
    width: 39%;
    height: 100vh;
    overflow: auto;
    /* scroll-snap-type: y mandatory;  */
     box-shadow: 
    -3px 0 5px rgba(0, 0, 0, 0.1),
    -8px 0 15px rgba(0, 0, 0, 0.15);
    position: relative;
}

.bmap-container {
    height: 100vw;
}
.section {
    width: 100%;
    padding: 0 40px;
    margin-bottom: 0;
    box-sizing: border-box;
    scroll-snap-align: start; /* 吸附顶部 */
   
    
}
.section .hd {
    padding-top:20px ;
    margin-bottom: 40px;
}
.section .hd .line{
    width: 100%;height: 1px;background-color: #c81a0d;position: relative;
}
.section .hd .line:before{ content: '';width: 29%;height: 4px;background-color: #c81a0d;position: absolute;left: 0;top: 0;
}
.section .hd .tit{font-size: 40px;font-weight: 500;
color: #AD4A34;
line-height: 1.1;margin-bottom: 20px;}
.section .hd .num{font-size: 60px;
color: #ad4a34;font-weight: 700;margin-bottom: 30px;padding-top: 40px;
line-height: 1.1;}
 .section .hd .titile{max-width: 100%;}


.section p {
    color: #1a1a1a;
    font-size: 32px;
    line-height: 1.5;
  
    margin-bottom: 10px;
    text-align: center;
}
.section img {
    width: 100%;
    margin: 0 auto 10px;
    display: block;
}
.section .pic{margin: 0 auto 20px;width: 90%;}
.section .pic .info{font-size: 30px;color: #313131;line-height: 1.2;}
.section .pic .icon{display: inline-block;width: 32px;height: 32px;background: url(../images/p34.png) no-repeat center center /100%;vertical-align: middle;margin-right: 20px;}
.section .link{text-align: center;line-height: 0;margin-bottom: 20px;}
.section .link img{ display: inline-block;width: 25%;
}


.float-dialog{
position: fixed;
    z-index: 9999;
     width: calc(100vw - 39vw);
/* width:auto; */
    height: 100vh;
     -webkit-overflow-scrolling: touch; /* 优化滚动体验 */
    left: 0;
    top: 0;
    /* right: 39vw; */
    display: none;
    box-sizing: border-box;
}
.float-dialog .dialog-box{ 
 border: 4px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 36vw;
    width: 48vw;
    background: url(../images/j20.jpg)no-repeat center center /cover;
    background-clip: padding-box;
    /* 4:3比例 */
}
.float-dialog .game-box{background: #d8cebf!important;}

.float-dialog .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    background: url(../images/p21.png) no-repeat center center /100% 100%;
}



.float-map{position: fixed;
    z-index: 998;
    width: auto;
    height: 100vh;
    left: 0;
    top: 0;
    right: 39vw;
   line-height: 0;font-size: 0;
   background: url('../images/g06.gif') no-repeat center center / cover ;
    box-sizing: border-box;}



.float-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-audio{opacity: 0;width: 0;height: 0;}


#popup-container {
   
}
#popup-content {
    background: #fff;
   
  
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    height: 100%;
    overflow-x: hidden;
    /* padding: 11%; */
    border: 10px rgba(255, 255, 255, 0.4) solid;

}

#popup-content {
    line-height: 2em;
    font-size: 1em;
}
#popup-content img,
#popup-content video {
    display: block;
    margin: 0 auto;
    max-width: 90% !important;
    height: auto !important;
}
#popup-content iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 478px;
}
#popup-content p {
    padding-bottom: 0; /* text-indent: 2em; */
}
#close-popup {
    background: 0;
    border: 0;
    position: absolute;right: 5px;top: 5px;
    background: url(../images//p21.png) no-repeat center center /100% 100%;
    width: 28px;
    height: 28px;
}
#popup-content h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px #ddd solid;
    text-align: center;
    padding-bottom: 20px;
}

.float-map-tip{position: absolute;left: 10px;bottom: 10px;width: 350px;line-height: 0;z-index: 99;display: none;}
.float-map-tip img{width: 100%; }

.custom-info-window{display: flex;box-sizing: content-box;padding: 0 20px;}
.custom-info-window .pic{line-height: 0;width: 164px;padding-bottom: 20px;margin-right: 10px;}
.custom-info-window .pic img{width: 100%;}
.custom-info-window .info{flex: 1;color: #000;padding-bottom: 20px;}
.custom-info-window h3{font-size: 36px; margin: 0 0 5px;line-height: 1.2;}
.custom-info-window p{font-size: 24px;line-height: 1.2;padding-left: 40px;background: url(../images/p13.png) no-repeat left top /35px; }


.android-box{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;top: 0;display: none;}
.android-box .pic{line-height: 0;margin: 0 auto;width: 80%;padding-top: 20px;}
.android-box img{display: block;width: 100%;}
.android-box .return-btn{width: 260px;height: 90px;text-align: center;color: #fff;font-size: 40px;cursor: pointer;font-weight: 700;
margin: 0 auto;border: 2px solid rgba(255, 255, 255, 1);border-radius: 6px;line-height: 90px;margin-top: 50px;
}

.float-map-banner{display: none;}

@media screen and (max-width: 1400px) {
    html,
    body {
        font-size: 4.6296296vw;
    }
    .section{padding:0 .5rem 0 .7rem; margin-bottom: 0;}
    .section .hd { margin-bottom: .5rem;line-height: 0;}
    .section .hd .tit{font-size: .5rem;line-height: 1.1;margin-bottom: .15rem;}
    .section .hd .num{font-size: .98rem;margin-bottom: .2rem;padding-top:.56rem;
    line-height: 1.1;}

    .section p {font-size: .48rem;line-height: .8rem;margin-bottom: .8rem;}
    .section .pic{margin:0 auto .8rem;}
    .section p .icon-tit{display: inline-block;background: #ab9e83;color: #fff;font-weight: 700;padding: .1rem .2rem;margin: .2rem 0;}


    .section .pic .info{font-size: .41rem;line-height: 1.2;}
    .section .pic .icon{width: .32rem;height: .32rem;margin-right: .2rem;}
    .section img {    margin: 0 auto .1rem;}
    
    #popup-container {
        padding:.8rem 1rem;font-family: '黑体';
    }
    #popup-content {
        padding:.8rem .8rem;
        width: 100%;
        border: 10px rgba(255, 255, 255, 0.4) solid;
    }
    #popup-content {
        line-height: 1.5;
        font-size: .4rem;
    }
    #popup-content iframe {
        width: 270px;
        height: 478px;
    }
    #popup-content p {
        padding-bottom: 0; 
    }
    #popup-content h1 {
        font-size: .5rem;
        margin-bottom:.4rem;
        padding-bottom: .4rem;
    }                                                                       
    #close-popup {
        right: .2rem;top: .8rem;
        width: .55rem;
        height: .55rem;
    }



    
    .float-dialog {
        padding:.8rem 1rem;
    }
    .float-dialog .dialog-box {
        border: 4px solid rgba(255, 255, 255, 0.4);
    }
    .float-dialog .close-btn {right: .2rem;top: .8rem;width: .55rem;height: .55rem;}
    .float-game iframe{width: 100%!important;height: 100%!important;}

    .enter-page .icon{left: .5rem;top:.6rem;}

    .return-top{width: .69rem;height:.96rem;right: .3rem;bottom: .4rem;}
    .menu-btn{width: 1.065rem;height: 1.125rem;}


    .menu-box{padding: .60rem 0;}
    .menu-box li{height: .6rem;line-height: .6rem;font-size: .33rem;}
    .menu-box .close-btn{width: .57rem;height: .585rem;right: .1rem;top: .1rem;}
    .menu-box li:last-child{margin-top: .6rem;}

    .float-handtip .icon{ width: 8.61rem;height: 5.25rem; }
    .float-handtip .close-btn{width: .80rem;height: .8rem;right: .36rem;top: .36rem;}

    .float-map-tip{width: 3.5rem;}

    .custom-info-window{padding: 0 .2rem;}
    .custom-info-window .pic{padding-bottom: 20px;}
    .custom-info-window .pic{width: 1.64rem;}
    .custom-info-window h3{font-size: .38rem;}
    .custom-info-window p{font-size: .3rem;padding-left: .4rem;background: url(../images/p13.png) no-repeat left top /.35rem; }



  
    .android-box .pic{width: 80%;padding-top: 1rem;}
    .android-box .return-btn{width: 5.2rem;height: 1.8rem;font-size: .8rem;line-height: 1.8rem;margin-top: 3rem;box-sizing: content-box;}

    .section .link{margin-bottom: .8rem;}
    .section .link img{width: 30%;}
    .mask-tip .inner .pic img{width: 80%;}
}

/*# sourceMappingURL=index.css.map */