/* 通用头部开始 */
.top{height: 40px;line-height: 40px;font-size: 13px;background-color: #006eab;color: #ffffff;}
.top a{color: #ffffff;}
.banner{height: 150px;line-height: 150px;font-size: 32px;font-weight: bold;background-color: #f7f7f7;}

.nav ul li a{color: #ffffff;display: block;height: 50px;text-align: center;}
@media screen and (max-width:768px){
    .w1200{width: 100%;padding: 0 10px;}
    .nav ul{display: -webkit-flex;}
    .nav ul li{width: 33.33333%;}
    .banner{text-align:center;}
}
/* 通用头部结束 */
/* 通用底部开始 */
.footer{font-size: 13px;text-align: center;}
.footer-top{height: 40px;line-height: 40px;background-color: #edf3f9;}
.footer-bottom{height: 110px;line-height: 110px;background-color: #006eab;color: #ffffff;}
/* 通用底部结束 */



.nav{
    width: 100%;
    height:60px;
    position: relative;
    background: #25a3ea;

}
.nav .mbox{width: 1200px;margin:0 auto 20px;background: url(nav_bg.png) no-repeat #f5f9fe;height: 60px;}
.nav a{
    display: inline-block;
    font-size: 22px;
    color:#ffffff;
    line-height: 60px;
    text-align: center;
    padding-left: 50px;
    
}
.nav .navlist {
padding-left:70px;
float: left;}
.nav .lefttitle {
    width: 200px;
    float: left;
   }
.nav .navlist li {
    float: left;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding:0 20px;
    overflow: hidden;
    white-space: nowrap;
}
.nav .navlist li a{
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding:0;
 
}
.nav-more{width: 20px;height: 20px;position:absolute;right:0px;top:25px;background:url(wdj.png) center center no-repeat;}
.more-box{position: absolute;top:55px;right:-22px;}
.more-box ul{width: 100%;padding-top: 45px;}
.more-box ul li{line-height: 40px;font-size: 18px;padding-left: 20px;}
.more-box ul li a{color: #3869a1;font-size: 18px;line-height: 40px;text-align: left;padding-left: 20px;}
.hide{display: none;}
.nav .lefttitlebg {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    background: #487db0;
    padding-right: 42px;
    width: calc((100% - 1200px)/2);
    z-index: 1;
}



/* 当前位置开始 */
/* .current-position{line-height: 40px;font-size: 13px;background: #f7f7f7;}
.current-position>div{background: url(currentPosition.png) no-repeat left 15px;padding-left: 20px;padding-right: 20px;} */


.dangq{
    width: 1150px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    border-bottom: 1px solid #dcdcdc;
    background: url(dangq.png) no-repeat left center;
    margin-top: 19px;
   padding-left: 25px;
    color: #333333;
    font-size: 16px;
}
/* 当前位置结束 */

/* 主体内容开始 */
.main{padding: 40px 150px;}
.title{text-align: center;border-bottom: 1px solid #e3e3e3;}
.sub-title{text-align: center;}
.sub-title span{padding: 0 25px;}
.zoom img{margin: 0 auto;max-width: 90%;height: auto;display: block;}
.author,.resource{text-align: right;}
.sub-area{background-color: #f7f7f7;margin-top: 25px;}
.print-close a{padding-left: 20px;margin-right: 25px;cursor: pointer;}
.print{background: url(print.png) no-repeat left center;}
.close{background:url(close.png) no-repeat left center}
.main embed,.main video{display: block;max-width: 90%;margin: 0 auto;}
/* 主体内容结束 */

/* 字体定义开始 */
.title{font-size: 25px;font-weight: normal;line-height: 60px;}
.sub-title{font-size: 15px;line-height: 50px;}
.zoom{line-height: 30px;}
.author,.resource{font-size: 15px;line-height: 30px;}
.sub-area{height: 40px;line-height: 40px;font-size: 15px;}
/* 字体定义结束 */


.dabox{padding-left:30px;padding-right:30px;background:#fff;margin-top: 20px;}
.mol-box{display:none;}


@media (max-width: 768px){
    .mol-box{display:block;}
    .head_logo,.footer{display: none!important;}
    .nav {}
    .main{padding: 10px;}
    .dangq {width: 96%!important;font-size: 14px;}

.dangq table tr td:first-child{display: none;}
.dangq table tr td table tr td{display: none;}
.dangq table tr td table tr td:last-child{font-size: 16px;
    font-weight: bold;display: block;}


    .ziti{display: none!important;}
    .wz-time{padding-left: 0!important;width: 100%;}
    .wz-liu{display: none!important;}
 .sub-area,.shangx{display: none;}

 .nav {
        width: 100%;
        height: 40px;
    }
    .nav .mbox {
        width: 100%;
        margin: 20px auto 20px;
        background: none;
        height: 40px;
        overflow-x: scroll;
    }
    .nav .lefttitle {
        width: 22%;
        float: left;
        background: #487db0;
    }
    .nav .mbox .nav-img {
       display: none;
    }
    .nav a {
        width: auto;
        font-size: 16px;line-height: 40px;
        padding-left: 3px!important;
        text-align: center!important;
    }
    .nav .navlist {
        padding-left: 4px;
        float: left;
        width: 75%;
        overflow-y: scroll;
    }
    .nav .navlist {
        padding-left: 4px;
        float: left;
        width: 75%;
        overflow-y: scroll;
    }
    .nav .navlist li {
        float: left;
        color: #fff;
        font-size: 14px;
        text-align: center;overflow: visible;
        padding: 0 6px!important;}
        .nav ul li a {
            display: block;
            height: 40px;line-height: 40px;
        }
        .nav .navlist li a {
            color: #fff;
            font-size: 16px;
            text-align: center;
            padding: 0;
        }
.nav .lefttitlebg {
    display: none;}
}