/* header  */
.nav-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 999;
    background-color: rgba(0,0,0,0.5);
}
.nav-container .nav-area {
    display: flex;
    width: 95%;
    height: 80px;
}
.nav-container .logo-area {
    width: 455px;
    height: 80px;
}
.nav-container .logo-area a {
    display: block;
    width: 85%;
    margin: auto;
    padding: 10px 0;
    cursor: pointer;
}
.nav-container .nav-area .nav-wrap {
    flex: 1;
    width: calc(100% - 455px);
}
.nav-container .nav-area .nav-list{
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
}
.nav-container .nav-area li {
    /*flex: 1;*/
    width: 10vw;
    text-align: center;
    cursor: pointer;
    line-height:80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.nav-container .nav-area li a {
    display: block;
    width: 100%;
    font-family: Tahoma;
    font-size: 16px;
    color: #FFFFFF;
}
.nav-container .nav-area li ol {
    display: none;
    background-color: rgba(0,0,0,0.5);
}
.nav-container .nav-area li:hover ol {
    display: block;
}
.nav-container .nav-area li.active .label {
    background-color: #FC55A7;
    color: #FFFFFF;
}
.nav-container .nav-area li .label:hover {
    background-color: #FC55A7;
    color: #FFFFFF;
}
.nav-container .checkbtn, .nav-container input { display: none;}
.nav-container .nav-area li:last-child .label:hover {
    background-color: transparent;
    color: #FC55A7;
}

@media screen and (min-width:1160px) {
    .nav-container .nav-area li:last-child {
        width: 50px;
        flex: 0;
        margin-left: 20px;
    }
}
@media screen and (max-width:1160px) {
    .nav-container .logo-area {
        max-width: calc(100% - 80px);
    }
    .nav-container .nav-area {
        position: relative;
        flex-direction: column;
        width: 100%;
    }
    .nav-container .nav-area .nav-wrap {
        width: 100%;
    }
    .nav-container .nav-wrap .nav-list {
        display: none;
        flex-direction: column;
        padding: 0 20px;
        background-color: rgba(0,0,0,.8);

    }
    .nav-container .nav-area li {
        line-height: 50px;
        border-bottom: 1px dashed #FC55A7;
    }
    .nav-container .nav-area li:last-child {border: none;}
    .nav-container #check { display: none;}
    .nav-container .checkbtn { display: block;}
    /* button  */
    .nav-container .checkbtn #gengduo, .checkbtn #guanbi {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80px;
        width: 60px;
        line-height: 80px;
        text-align: center;
        color: #FC55A7;
        float: right;
        right: 0;
        top: 0;
        cursor: pointer;
        transition: all .5s ease;
        z-index: 9999;
    }
    .nav-container .checkbtn #gengduo { font-size: 25px;}
    .nav-container .checkbtn #guanbi { font-size: 18px;}
    .nav-container .checkbtn #guanbi {
        opacity: 0;
        display: none;
    }
    .nav-container #check:checked~.checkbtn #gengduo {
        opacity: 0;
        display: none;
    }
    .nav-container #check:checked~.checkbtn #guanbi {
        opacity: 1;
        display: flex;
    }
    .nav-container #check:checked~.nav-list { display: block;}
}
@media screen and (max-width:500px) {
    .nav-container { height: 15vw;}
    .nav-container .checkbtn #gengduo, .checkbtn #guanbi { height: 15vw;}
}

/* banner  */
.w-slider {
    position: relative;
    width: 100%;
    height: 50vh;
    max-height: 32vw;
    overflow: hidden;
}
.w-slider .JQ-slide-content {
    overflow: hidden;
}
.w-slider .JQ-slide-content li {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.w-slider .JQ-slide-nav {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 20px;
    width: 100%;
    height: 20px;
}
.w-slider .JQ-slide-nav li {
    background-color: rgba(255,255,255,.5);
    width: 10px;
    height: 10px;
    margin: auto 5px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}
.w-slider .JQ-slide-nav li.on { background-color: rgba(255,255,255,1);}

/* footer  */
footer {
    padding: 10pt 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 140px;
    width: 100%;
    font-size: 10px;
    color: #ADADAD;
    background-color: #000000;
}
footer p {
    margin: 5px 0;
    line-height: 1.2em;
}
footer a { color: #ADADAD;}
footer .visitor { margin: 10px 0;}
footer .visitor .data {
    font-size: 15px;
    color: #CCAA00;
}
@media screen and (max-width:650px) {
    footer p { margin: 2px 0}
    footer .info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* tab */
.main > .nav {
    width: 100%;
    height: 5vw;
    display: flex;
    justify-content: center;
    background-color: #000;
    color: #fff;
}
.main > .nav .nav-item {
    width: 15%;
    height: 5vw;
    text-align: center;
    line-height: 5vw;
    color: #ccc;
    cursor: pointer;
}
.main > .nav .nav-item:hover { color: #FC55A7;}
.main > .nav .nav-item.active {
    color: #FC55A7;
    border-bottom: 6px solid #FC55A7;
}
.main .content .tab-item { display: none;}
.main .content .tab-item.active { display: block;}

@media screen and (min-width:1200px) {
    .main > .nav {
        min-width: 1200px;
    }

    .main > .nav .nav-item {
        width: 200px;
    }
}
@media screen and (max-width:800px) {
    .main > .nav { height: 40px;}
    .main > .nav .nav-item {
        height: 40px;
        line-height: 40px;
    }
    .main > .nav .nav-item { flex: 1;}
}

.page .pageItemDisable a:hover{
    color: #666;
    background: #fff !important;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    cursor: default;
}

/* 文章列表 */
.detailList .item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
    margin: 0 auto;
    padding: 8px 0;
    border-bottom: 1px dashed #ccc;
}
.detailList .item a .time {
     width: 10em;
     flex-shrink: 0;
 }
/*下载专区列表*/
.download .detailList {
    display: flex;
    flex-wrap: wrap;
}
.download .detailList .item {
    width: 50%;
    padding: 0.5vw;
    border: none;
}
.download .detailList .item a {
    display: block;
    height: 100%;
    border: none;
    padding: 1vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #F2F2F2;
}
@media only screen and (max-width:500px) {
    .download .detailList .item { width: 100%;}
}

/*分页*/
.w-page { margin-top: 3vw;}
.w-page .w-page-round {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15px;
}
.w-page ul li {
    margin: 0 10px;
    text-decoration: underline;
}
.w-page .w-page-btn.disabled a { cursor: default;}
.w-page .w-page-num.active a { color: #FC55A7;}