@charset "utf-8";
/* CSS Document */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.fl {
    float: left;
}

.fr {
    float: right;
}

.h10 {
    clear: both;
    width: 100%;
    height: 10px;
    font-size: 0px;
    line-height: 0px;
}

/* .main{ width:100vw; height:56.25vw; background:url(../images/bg.jpg) center center no-repeat; background-size:100%; position:relative} */

.m_title {
    height: 4.8vw;
    text-align: center;
    line-height: 4.8vw;
    font-size: 1.8vw;
    font-weight: bold
}

/* .exit{ position:absolute; right:1vw; top:0; } */
.exit a {
    height: 3.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8vw;
    color: #63fff2
}
/* .exit a i{ display:block; height:1vw; width:1vw; margin-right:0.3vw; background:url(../images/exit.png) 0 0 no-repeat; background-size:100%} */

.radius {
    border-radius: 3px;
}

.boxall {
    border: 1px solid rgba(25,186,139,.17);
    background: rgba(255,255,255,.04);
    position: relative;
    z-index: 10;
    height: 100%
}

    .boxall:before,
    .boxall:after {
        position: absolute;
        width: .5vw;
        height: .5vw;
        content: "";
        border-top: .1vw solid #02a6b5;
        top: 0;
    }

    .boxall:before, .boxfoot:before {
        border-left: .1vw solid #02a6b5;
        left: 0;
    }

    .boxall:after, .boxfoot:after {
        border-right: .1vw solid #02a6b5;
        right: 0;
    }

.boxfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

    .boxfoot:before,
    .boxfoot:after {
        position: absolute;
        width: .5vw;
        height: .5vw;
        content: "";
        border-bottom: .1vw solid #02a6b5;
        bottom: 0;
    }


.block1 {
    position: absolute;
    left: 1vw;
    top: 6vw;
    width: 28.5vw;
}

.block2 {
    position: absolute;
    left: 1vw;
    top: 18vw;
    width: 28.5vw;
}

.block3 {
    position: absolute;
    left: 1vw;
    top: 37vw;
    width: 28.5vw;
}

.block4 {
    position: absolute;
    right: 1vw;
    top: 6vw;
    width: 28.5vw;
}

.block5 {
    position: absolute;
    right: 1vw;
    top: 31vw;
    width: 28.5vw;
}

.alltitle {
    font-size: .9vw;
    color: #fff;
    text-align: center;
    line-height: .9vw;
    padding: .7vw 0 .3vw 0
}

.allnav {
    position: relative;
    padding: .6vw
}

.left_video {
    float: left;
    width: 13.3vw;
    height: 10vw;
    background: #000
}

.right_video {
    float: right;
    width: 13.3vw;
    height: 10vw;
    background: #000
}

.block_num {
    position: absolute;
    left: 30vw;
    top: 7vw;
    width: 40vw;
    text-align: center
}

    .block_num .name {
        font-size: 1.4vw;
        font-weight: bold;
    }

    .block_num .number {
        text-align: center;
        padding: .8vw 0
    }

        .block_num .number span {
            display: inline-block;
            border: 1px solid rgba(25,186,139,.3);
            background: rgba(101,132,226,.1);
            font-size: 3.6vw;
            font-weight: bold;
            padding: .2vw;
            line-height: 1;
            color: #8ffff6;
            margin: 0 .2vw;
            border-radius: .3vw
        }

    .block_num .time {
        font-size: .8vw
    }

.map_block {
    position: absolute;
    left: 30vw;
    top: 17vw;
    width: 40vw;
}

    .map_block .map {
        height: 35vw;
    }

    .map_block .tip {
        position: absolute;
        left: 3vw;
        bottom: 2vw;
        text-align: left
    }

        .map_block .tip ul li {
            display: flex;
            align-items: center;
            padding-top: .6vw;
            font-size: .6vw
        }

            .map_block .tip ul li span {
                display: block;
                width: 1vw;
                height: 1vw;
                border-radius: 50%;
                margin-right: .5vw
            }

.footer_inf {
    position: absolute;
    left: 30vw;
    bottom: 1vw;
    width: 40vw;
    text-align: center;
    font-size: .8vw;
    line-height: 1.5
}

.setHover:hover {
    cursor: pointer;
    text-decoration: underline;
}

.setHoverNoLine:hover {
    cursor: pointer;
}

ul{
    padding: 0;
    margin: 0;
}

.link_tab .list {
    background: url(~/images/tab_line.jpg) bottom repeat-x;
    height: 52px;
}

    .link_tab .list ul li {
        float: left;
    }

        .link_tab .list ul li .tab {
            color: #666;
            font-size: 20px;
            display: block;
            line-height: 50px;
            padding: 0 20px;
            position: relative
        }

            .link_tab .list ul li .cur {
                color: #006ebd;
                font-weight: bold;
                border-bottom: 2px solid #e8383d
            }

                .link_tab .list ul li .cur span {
                    position: absolute;
                    left: 50%;
                    bottom: -8px;
                    background: url(../images/tab_on.png) 0 0 no-repeat;
                    display: block;
                    width: 13px;
                    height: 6px;
                    margin-left: -6px
                }

.link_tab .inf {
    padding: 20px 0;
    overflow: hidden
}

    .link_tab .inf ul li {
        float: left;
        line-height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        margin-right: 2%
    }

        .link_tab .inf ul li span {
            font-size: 18px;
        }