html{
    height:100%;
}

body
{
    margin: 0;
    padding: 0; 
    /* font-family: "SourceHanSansCNNormal","Microsoft YaHei"; */
    font-family: "Microsoft YaHei";
    background-color: #030457;
}

.anchorBL
{
    display: none;
}

.wrap
{
    z-index:10; /* 最下面 */
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    display: block;
    overflow: hidden;
    background: url(../img/background.jpg) no-repeat;
    background-size: 100% 100%;
}

.map-box
{
    z-index:11; /* 最下面 */
    position: absolute; 
    top: 30px;
    left: 50px;
    height: 1020px;
    width: 1820px;
    display: block;
    /* filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; tmp*/
    /* background-color:#06d106; tmp*/
}

.map-container
{
    height: 100%;
    width: 100%;
    /* background-color: aqua; tmp*/
}


/* 大标题 */
.title
{
    z-index:99; /* 最上面 */
    position: absolute; 
    top:0px;
    left:615px;
    display: block;
    width: 600px;
    height: 100px;
    margin:0 auto;
    background: url(../img/title.png) no-repeat center;
}

/* 指南针 */
.compass
{
    z-index:98; /* 最上面 */
    position: absolute; 
    top: 50px;
    left: 55px; 
    display: block;
    width: 80px;
    height: 80px;
    background: url(../img/compass.png) no-repeat center;
}

/* 轮播按钮 */
.gobtn
{
    z-index:98; /* 最上面 */
    position: absolute; 
    top: 100px;
    left: 150px; 
    display: block;
    width: 80px;
    height: 80px;
}

/* 图例 */
.signs
{    
    z-index:98; /* 最上面 */
    position: absolute; 
    top: 150px;
    left: 50px; 
    display: block;
    width: auto;
    height: auto;
    padding: 15px 25px 15px 15px;
    background-color:rgba(2, 33, 106, 0.9);/*tmp*/
}
.signs div
{ 
    margin: 0;
    display: block;
    clear: both;
 }
.signs div span
{
    margin: 0;
    display: block;
    width: 30px;
    height: 20px;
    text-align: center;
    overflow: hidden;
    float: left;
}
.signs div span img
{
    max-height: 20px;
}
.signs div h3
{
    margin: 0;
    padding: 0 0 0 5px;
    display: block;
    height: 26px;
    line-height: 20px;
    overflow: hidden;
    float: left;
    font-weight: normal;
    font-size: 12px;
    letter-spacing:2px;
    color: #efefef;
}


/* 左侧缩进区域 */
.side-left-box
{
    z-index:98; /* 最上面 */
    position: absolute; 
    top: 370px;
    left: 15px;  
    display: block;
    width: 300px; /* 伸缩 */
    height: 600px;
}
/* 左侧缩进内容 */
.side-left-content
{
    z-index:97;
    position:relative; 
    top: -170px;
    float: left;
    display: block;
    width: 300px; /* 伸缩 */
    height: 600px;
    overflow: hidden;
    overflow-y: scroll;
}
.side-left-content ul
{
    display: block;
    margin: 0;
    padding: 0;
}
.side-left-content li
{
    display: block;
    margin: 0;
    padding: 0;
    width: 300px;
    height: 49px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #02F6FF;
    background: url(../img/btn-l3-a.png) no-repeat center;
    background-size: 100% 100%;
}
.side-left-content li.underline
{
    text-decoration:underline;
    text-underline-position: below;
    text-underline-offset: 5px;
}
.side-left-content li:hover,.side-left-content li.checked
{    
    color: #020356;
    background: url(../img/btn-l3-b.png) no-repeat center;
    background-size: 100% 100%;
}


/* 左侧缩进按钮 */
.side-left-button
{    
    z-index:96;
    position:relative; 
    top: 220px;
    right: -19px;
    float: right;
    display: block;
    width: 23px;
    height: 170px;
    overflow: hidden;
    background: url(../img/btn-right.png) no-repeat center;
    background-size:  100% 100%;
}

/* 左侧缩进区域 */
.side-left-box2
{
    z-index:98; /* 最上面 */
    position: absolute; 
    top: 360px;
    left: 15px;  
    display: block;
    width: 0px; /* 伸缩 */
    height: 600px;
}
/* 左侧缩进内容 */
.side-left-content2
{
    z-index:97;
    position:relative; 
    top: -170px;
    float: left;
    display: block;
    width: 0px; /* 伸缩 */
    height: 600px;
    overflow: hidden;
    overflow-y: scroll;
}
.side-left-content2 ul
{
    display: block;
    margin: 0;
    padding: 0;
}
.side-left-content2 li
{
    display: block;
    margin: 0;
    padding: 0;
    width: 300px;
    height: 49px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #02F6FF;
    background: url(../img/btn-l3-a.png) no-repeat center;
    background-size: 100% 100%;
}
.side-left-content2.underline
{
    text-decoration:underline;
    text-underline-position: below;
    text-underline-offset: 5px;
}
.side-left-content2 li:hover, .side-left-content2 li.checked
{    
    color: #020356;
    background: url(../img/btn-l3-b.png) no-repeat center;
    background-size: 100% 100%;
}


/* 左侧缩进按钮 */
.side-left-button2
{    
    z-index:96;
    position:relative; 
    top: 220px;
    right: -19px;
    float: right;
    display: block;
    width: 23px;
    height: 170px;
    overflow: hidden;
    background: url(../img/btn-left.png) no-repeat center;
    background-size:  100% 100%;
}


/* 右侧栏目区块 */
.side-right-box1
{    
    z-index: 99; /* 最上面 */
    position: absolute;  
    top: 55px;
    right: 50px;
    display: block;
    width: 580px;
    height: 345px;
    /* filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
    background-color:#fa430b; */
}
.menuA
{
    position: relative;
    display: block;
    width: 215px;
    height: 345px;
    float: right;
    overflow: hidden;
}
.menuA ul
{
    display: block;
    margin: 0;
    padding: 0;
}
.menuA li
{
    display: block;
    margin: 0 0 21px 0;
    padding: 0;
    width: 215px;
    height: 70px;
    overflow: hidden;
    text-align: left;
    line-height: 70px;
    font-size: 20px;
    letter-spacing: 2px;
    color: #02F6FF;
    background: url(../img/btn-l1-a.png) no-repeat center;
    background-size: 100% 100%;
    filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5;
}
.menuA li:hover, .menuA li.checked
{
    filter:alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;
}
.menuA li span
{    
    float: left;
    margin: 5px 10px 0 30px;
}
.menuB
{
    position: relative;
    display: block;
    width: 350px;
    height: 345px;
    float: left;
    overflow: hidden;
    overflow-y: scroll;
}
.menuB ul
{
    display: block;
    margin: 0;
    padding: 0;
}
.menuB li
{
    display: block;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 49px;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    font-size: 16px; 
    color: #FFFFFF;
    background: url(../img/btn-l2-b.png) no-repeat center;
    background-size: 100% 100%;
    filter:alpha(Opacity=90); -moz-opacity:0.9; opacity:0.9;
}
.menuB li.underline
{
    text-decoration:underline;
    text-underline-position: below;
    text-underline-offset: 5px;
}
.menuB li:hover, .menuB li.checked
{
    color: #02F6FF;
    background: url(../img/btn-l2-a.png) no-repeat center;
    filter:alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;
}

/* 右侧文章区块 */
.side-right-box2
{
    z-index:98; /* 最上面 */
    position: absolute;   
    top: 425px;
    right: 50px;
    display: block;
    width: 630px;
    height: 610px;
    background: url(../img/art-bg.png) no-repeat center;
    /* filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
    background-color:#7efa0b; */
}
.item-title
{
    position: relative;   
    display: block;
    width: 630px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px; 
    color: #030457;
    overflow: hidden;
}
.item-content
{
    position: relative;   
    display: block;
    width: 570px;
    height: 515px;
    margin: 0 auto;
    padding: 20px;    
    overflow: hidden;
    overflow-y: scroll;
}
.item-pic
{
    text-align: center;
    /* height: 263px; */
}
.item-pic img
{
    margin: 0 auto;
    border: 1px solid #02F6FF;
    width: 420px;
    height: auto;
}
.item-summary
{
    color: #02F6FF;
}
.item-summary p
{
    text-align: justify;
    /* text-align-last: justify; */
    text-indent: 2em;
    font-size: 18px;
    line-height:30px;
}



.info {
    z-index: 999;
    width: auto;
    min-width: 16rem;
    padding: .75rem 1.25rem;
    margin-left: 1.25rem;
    position: fixed;
    top: 1rem;
    background-color: rgba(265, 265, 265, 0.9);
    border-radius: .25rem;
    font-size: 14px;
    color: #666;
    box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.3);
}
.infobox {
    border: 1px solid #cccccc;
    padding: 10px;
    margin: 10px;
    background: #efefef;
    display: block;
    height: 100px;
    overflow-y: scroll;
}
.infotable {
    padding: 5px;
    margin: 5px;
}
.infotable table{
    width: 100%;
}
.infotable th{
    border: 1px solid #cccccc;
}
.infotable td{
    border: 1px solid #cccccc;
    text-align: left;
}

.markerBox{ 
    text-align: center;
}
.markerImg{ 
    display: none;
    text-align: center;
    /* position: relative;
    z-index: 800; */
    /* width: 215px;
    height: 170px; */
    /* width: 300px;
    height: 236.99px; */
}
.markerIcon{ 
    text-align: center; 
    /* position: relative;
    z-index: 700; */
}
.markerIcon img{
    margin: 0 auto;
}

.markerLight{
    position: relative;
    z-index: 1;
    width: 50px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #FFFFFF; */
}

.markerLight::before {
    content: '';
    position: absolute;
    top:-2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    /* background: #FFFFFF; */
    z-index: -1;/*元素堆叠顺序*/

}
/*另一个溢出的盒子，模糊形成光晕效果*/
.markerLight::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: #FFFFFF;
z-index: -2;
/*添加模糊滤镜*/
filter: blur(20px);
}
/* .markerLight::before,
.markerLight::after{ */
/*三色渐变，中间为背景色，融入背景*/
/* background: linear-gradient(235deg,#89ff00,#060c21,#00bcd4);
} */
.markerLight2 {
padding: 20px;
box-sizing: border-box;
color: #fff;
}

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   :rgba(2, 247, 255, 1.0);
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : rgba(2, 3, 86, 0.05);
}


@font-face
{
    font-family:SourceHanSansCNNormal;
    src:url('SourceHanSansCN-Normal.otf');
}