* {

    margin: 0;

    padding: 0;

    font-family: "Microsoft YaHei";

    touch-action: pan-y;

}



a{

    /*display: block;*/

    color: #000;

}





#pageContent{

    position: fixed;

    z-index: 1;

}



#imgContainer {

    width: 100vw;

    height: 100vh;

}



#imageFullScreen {

    width: 100%;

    display: block;

    /*height: 100%;*/

}



#cover_map_div {

    position: relative;!important;

    z-index: 9;

    /*background: rgba(0, 0, 0, 0.5);*/

}





#positionButtonDiv {

    z-index: 99;

    background: rgb(58, 56, 63);

    background: rgba(58, 56, 63, 0.8);

    border: solid 1px #100000;

    color: #fff;

    padding: 8px;

    text-align: left;

    position: absolute;

    right: 35px;

    top: 35px;

}



#positionButtonDiv .positionButtonSpan img {

    float: right;

    border: 0;

}



.positionMapClass area {

    cursor: pointer;

}



.zoomButton {

    border: 0;

    cursor: pointer;

}





.map_link_blank{

    animation: map_link_move 3s ease-in-out 0s infinite normal;

    text-decoration: none;

}



.map_link_blank:after {

    content: attr(data-name);

    text-decoration: none;

    display: block;

    text-align: center;

    background: #77aae8;

    color: #fff;

    border-radius:12px;

    font-weight: bolder;

    padding: 0 20px;

    line-height: 35px;

    font-size:20pt;

    width: 200px;

    margin: -10px auto;

    border: 2px solid #3f80d2;

}



.map_link_blank:hover {

    transform: scale(1.5) translateY(-15%);

    animation: scale_link 100ms ease-in-out;

    text-decoration: none;

    z-index: 999999;

}





.map_link{

    animation: map_link_move 3s ease-in-out 0s infinite normal;

    text-decoration: none;

    width: 30px;

    height: 30px;

}

.map_link:after {

    content: attr(data-name);

    text-decoration: none;

    display: block;

    text-align: center;

    background: #ed6c1b;

    color: #fff;

    border-radius:12px;

    font-weight: bolder;

    padding: 0 20px;

    line-height: 35px;

    font-size:20pt;

    width: 200px;

    margin: -10px auto;

    border: 2px solid #eda605;

}



.map_link:hover {

    transform: scale(1.5) translateY(-15%);

    animation: scale_link 100ms ease-in-out;

    text-decoration: none;

    z-index: 999999;

}



.map_static_link{

    animation:none;

    text-decoration: none;

}

.map_static_link:hover {

    transform: scale(1.5);

    animation: scale_static_link 100ms ease-in-out;

    text-decoration: none;

    z-index: 999999;

}





.map_static_image{

    display: block;

    text-decoration: none;

}







@keyframes scale_link {

    from{

        transform: scale(1) translateY(0);

    }

    to{

        transform: scale(1.5) translateY(-15%);

    }

}

@keyframes scale_static_link {

    from{

        transform: scale(1) ;

    }

    to{

        transform: scale(1.5);

    }

}



@keyframes map_link_move {

    0%{

        transform: translateY(0);

    }

    79%{

        transform: translateY(0);

    }

    80%{

        transform: translateY(10%);

    }

    90%{

        transform: translateY(-10%);

    }

    100%{

        transform: translateY(0);

    }



}



/*.zoomableContainer {background-image: url("images/transparent.png");}*/





/* mapDiv */

.mapDiv {

    width: 200px;

    height: auto;

    color: #369;

    background-size:cover;

    position: absolute;

    display: none;

    word-break: break-all;

    text-align: center;

    border: 4px solid #6db2ec;

    border-radius: 15px;

    overflow: hidden;

}



.mapDiv h4 {

    text-align: left;

    font-weight: bold;

    font-size: 14pt;

    line-height: 50px;

    color: #4193d8;

    /*background:rgba(0,0,0,0.5);*/

}



.mapDiv span {

    text-align: left;

    line-height: 20px;

    font-size: 12px;

    color: #353535;

    font-weight: 400;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:5;

    margin-bottom: 20px;



    /*background:rgba(0,0,0,0.5);*/

}











/*PC版左侧菜单*/

.left_menu{

    position: fixed;

    left: 0;

    top: 0;

    z-index: 2;

    width: 160px;

    height: 100vh;

    overflow: auto;

}



.left_menu::-webkit-scrollbar {

    display: none;

}



/*PC版右侧公告*/

.right_announcement{

    position: fixed;

    right: 0;

    top: 0;

    z-index: 2;

    width: 350px;

    height: 100vh;

    overflow: auto;

}



.right_announcement::-webkit-scrollbar {

    display: none;

}



/*手机版菜单*/

.mobile_menu{

    position: fixed;

    z-index: 7;

    top: 0vh;

    width: 100%;

    height: 100vh;

    background: rgba(0,0,0,0.5);

    overflow: auto;

    left: 0px;

}



.mobile_menu::-webkit-scrollbar {

    display: none;

}



/*手机版隐藏提示*/

.tips_box{

    display: block;

    width: 200px;

    top: -100%;

    left: 50%;

    position: fixed;

    z-index: 7;

    transform:translateX(-50%);

}





body {

    background: url(../images/pc1.jpg);

    background-size:cover;

    height:100vh;        }

.body1 {

    background: url(../images/app.jpg);

    background-size:cover;

    height:100vh;        }

.loading_page {

    background: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100vh;

    position: fixed;

    z-index: 999;

}



.loading_icon {

    display: block;

    margin: 50vh auto 0 auto;

    width: 50px;

    height: 50px;

    transform: translateY(-50%);

}

.footer-bj{

    background: url(../images/appb.png);

    background-size:cover;

    height:32vh;

    position: fixed;

    bottom:0;

    width: 100%;

    left: 0;

}

/*logo*/

.pc-z-logo{

    background: url(../images/pc-z-logo.png);

    width: 400px;

    height: 180px;

    background-size: 100%;

    background-repeat: no-repeat;

    position: relative;

    top: 37px;

    left: 24px;

    z-index: 3;

}

.app-z-logo{

    background: url(../images/pc-z-logo.png);

    width: 200px;

    height: 180px;

    background-size: 100%;

    background-repeat: no-repeat;

    position: relative;

    top: 12px;

    left: 4px;

}

.pc-z-title{

    padding-left: 260px;

    font-size: 26px;

    position: absolute;

    top: 187px;

    left: 0px;

    z-index: 3;

}

.app-z-title{

    padding-left: 0;

    font-size: 16px;

    padding-top: 30px;

    position: absolute;

    top: 67px;

    left: 108px;

    z-index: 3;

}

.pc-z-title b{

    color: #1b6683;

    border-radius: 30px;

    border: 1px solid #1b6683;

    padding: 0 16px;

    box-shadow: 1px 1px 3px #1b6683;

}

.app-z-title b{

    padding: 0 8px;

}

.pc-l-code{

    width: 400px;

    height: 100px;

    left: 3%;

    top: 82%;

    position: absolute;

    z-index: 3;

}

.pc-l-code img{

    width: 100px;

    height: 140px;

    padding-right: 20px;



}

.appp-z-title{

    width: 100px;

    top:82%;

    z-index: 11;

}

.appp-z-title img{

    width: 70px;

    height: 100px;

}

.appp-z-title img:nth-child(2){

    display: none;

}

.page-app{

    position: absolute;

    top: 120px;    width: 100%;

}

.back{margin-bottom: 20px;padding-left: 8px;    position: relative;

    z-index: 22;}

.swiper-slide{

    /*width: 90%;margin-top: 78px;*/

}

.body2{

    position: relative;

}

.mobile_menu-list{

    position: absolute;

    right: 45px;

    top: 80px;

}
@media screen and (max-width: 640px) {
    .mobile_menu-list{
        right: 30px;
    }
    .mobile_menu-list .btn_box{
        width:90px;
        height: 30px;
        line-height: 30px;
    }
    .mobile_menu-list .btn_box:hover{
        width:90px;
        height: 30px;
        line-height: 30px;
    }
}



/*手机版菜单*/

.open_button {

    position: fixed;

    z-index: 1111;

    width: 66px;

    height: 33px;

    right: 40px;

    top: 40px;



}



.pc-menu a{  background: #fff;

    border: 1px solid #6098a5;

    color: #6098a5;}

.pc-menu a：hover{  background: #fff;

    border: 1px solid #6098a5;

    color: #6098a5;}

.mobile_menu::-webkit-scrollbar {

    display: none;

}

.close_button {

    display: block;

    position: absolute;

    z-index: 11;

    left: 50%;

    bottom: -60px;

    margin-left: -25px;

}

.mobile_menu0{

    top: 0;

}

.code-piaow{

    /* width: 400px;

    height: 100px;

    text-align: center;

    position: absolute;

    left: 50%;

    margin-left: -350px;

    top: 42%; */

    display: none;

}

.app-code-piaow{

    top: 146px;

}

.code-piaow img{

    /*width: 100px;*/

    height: 120px;

}

.btn_box {

    width: 140px;

    height: 50px;

    background: linear-gradient(to right, #78b1aa, #75aea8, #6098a5);

    border-radius: 10px;

    text-align: center;

    line-height: 50px;

    color: #ffffff;

    /*border: 3px solid #eb4103;*/

    display: block;

    margin: 5px auto;

    text-decoration: none;

    border: 1px solid #fff;

    box-shadow: 1px 1px 2px #fff

}



.btn_box:hover {

    width: 140px;

    height: 50px;

    background: linear-gradient(to right, #6096a4, #6098a5, #75aea8);

    border-radius: 10px;

    text-align: center;

    line-height: 50px;

    color: #ffffff;

    /*border: 3px solid #b91200;*/

    display: block;

    margin: 5px auto;

    text-decoration: none;

}

.announcement_title{background:#c01e00!important;}

.announcement{border: 1px solid #b10101!important;}

.announcement {

    width: 300px;

    margin: 50px auto 0 auto;

    position: relative;

    overflow: hidden;

    border: 1px solid #aac6e6;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.announcement_title {

    background: linear-gradient(to right, #4191f5,#48b3f5, #4191f5);

    color: #fff;

    line-height: 50px;

    text-align: center;

    font-size: 15pt;

}



.announcement_item {

    display: block;

    width: 260px;

    font-size: 10pt;

    background: #ffffff;

    padding: 10px 10px 30px 30px;

    position: relative;

    color: #000;

    text-decoration: none;

}



.announcement_item:hover {

    color: #888888;

    text-decoration: none;

}



.announcement_item:before {

    content: "⊙";

    display: inline-block;

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 10pt;

    font-weight: bold;

    color: red;

}



.announcement_item:after {

    content: attr(data-date);

    display: inline-block;

    border-radius: 5px;

    position: absolute;

    bottom: 0;

    left: 30px;

    font-size: 10pt;

    line-height: 30px;

    font-weight: bold;

}



.right_announcement_item {

    display: block;

    width: 210px;

    font-size: 10pt;

    background: #ffffff;

    padding: 10px 10px 30px 30px;

    position: relative;

    color: #000;

    text-decoration: none;

}



.right_announcement_item:hover {

    color: #888888;

    text-decoration: none;

}



.right_announcement_item:before {

    content: "⊙";

    display: inline-block;

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 10pt;

    font-weight: bold;

    color: red;

}



.right_announcement_item:after {

    content: attr(data-date);

    display: inline-block;

    border-radius: 5px;

    position: absolute;

    bottom: 0;

    left: 30px;

    font-size: 10pt;

    line-height: 30px;

    font-weight: bold;

}

.copyright{

    display: none!important;

}

/*.right_announcement {

    position: fixed;

    right: 0;

    z-index: 2;

    width: 90px;

    height: 100vh;

    overflow: auto;

    top: 40%;

}*/



.right-list{

    width:34px;

    border: 2px solid #338cb1;

    border-radius: 40px;

    position: fixed;

    right: 0;

    z-index: 2;

    overflow: auto;

    top: 40%;    right: 14px;

    background-color: #fff;

    padding: 7px 0;

}

.right-list img{

    width: 13px;

    padding-left: 10px;

    margin-top: 6px;

    margin-bottom: 6px;

    cursor: pointer;



}

.app-right-list{

    width: 30px;

    border: 2px solid #338cb1;

    border-radius: 40px;

    position: fixed;

    right: 0;

    z-index: 2;

    right: 14px;



    overflow: auto;

    top: 60%;

}

.app-right-list img{

    width: 15px;

    padding-left: 8px;

    margin-top: 3px;

    margin-bottom:3px;

    cursor: pointer;



}