@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

@media screen and (min-width: 1200) {}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */

@media screen and (max-width: 1299px) {
    #header {
        background: #018083 url(images/header-bj.png) center center no-repeat;
    }
    .head .sitelogo {
        margin-left: 5px;
    }
    .head-right {
        float: right;
        width: 200px;
        margin-top: 60px;
    }
    .nav-pc .wp_nav .nav-item a span.item-name {
        display: inline-block;
        padding: 0px 21px;
        line-height: 50px;
        cursor: pointer;
    }
    .news_list li.news span.news_title {
        float: left;
        width: 230px;
        height: 28px;
        overflow: hidden;
    }
    .wrapper .inner {
        width: 98%;
    }
    .mbanner .inner{
        width: 100%;
    }
    .mod .ml {
        width: 66%;
        float: left;
    }
    .mod .mc {
        width: 32%;
        float: right;
    }
    .sousuo{
        margin-top: 0;
    }
    .mod .tzgg2 {
        width: 43%;
    }
    .mod .gzdt {
        width: 55%;
    }
}

@media screen and (max-width: 1024px) {
    .head .sitelogo {
        float: none;
        margin: 0 auto;
    }
    .head-right {
        float: none;
        margin: 0 auto;
    }
    .sudy-tab .tab-menu li {
        padding: 0 0px;
        line-height: 48px;
        font-size: 18px;
        height: 48px;
        margin-right: 8px;
    }
    .sudy-tab .tab-menu {
        width: 100%;
        height: 51px;
        margin-bottom: 10px;
    }
    .post .tt .tit {
        display: inline-block;
        float: left;
        font-size: 18px;
        font-weight: bold;
        color: #313131;
        line-height: 48px;
        border-bottom: 4px solid #016871;
    }
    .post .tt {
        display: inline-block;
        width: 100%;
        height: 51px;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
    }
    .mainbottom {
        margin-top: 20px;
        padding-bottom: 20px;
    }
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */

@media screen and (max-width: 999px) {
    .kstd {
        padding: 0px 0;
    }
    .nav-pc {
        display: none;
    }
    #nav {
        display: block;
        background: #016871;
    }
    .wrapper {}
    /**主体开始**/
    #container {}
    #container .inner {
        width: auto;
        padding: 6px;
    }
    .head {
        height: auto;
        padding: 10px 0px;
    }
    /**页头部分**/
    .head .sitelogo {
        float: none;
        padding-top: 0px;
        padding-left: 0px;
        text-align: center;
    }
    .head .sitelogo a img {
        width: 67%;
        max-width: 300px;
        margin: 10px auto;
    }
    .head .sitetitle {
        float: none;
        margin-top: 0px;
        margin-left: 50px;
        font-size: 22px;
    }
    /**站点名称**/
    /**slide导航**/
    .navi-aside-toggle {
        display: block;
    }
    .wp-navi .navi-slide-head {
        display: block;
    }
    .wp-navi .navbar {
        background: none;
    }
    .wp-navi .navbox {
        width: 100%;
    }
    .wp-navi .wp_nav {
        background: #fff;
    }
    .navbox .wp-menu {
        display: none;
        background: #fff;
    }
    .navbox .wp-menu .menu-item {
        display: block;
        float: none;
        position: relative;
        z-index: 100;
        width: 100%;
        padding-left: 0px;
        border-bottom: 1px solid #eee;
    }
    .navbox .wp-menu .menu-item .menu-switch-arrow {
        display: block;
        width: 38px;
        height: 38px;
        position: absolute;
        right: 6px;
        top: 1px;
        background: url(/_upload/tpl/02/bc/700/template700/css/img/icons.png) no-repeat 10px -116px;
    }
    .navbox .wp-menu .menu-item a.menu-link {
        display: block;
        padding: 0 20px;
        line-height: 40px;
        color: #343434;
        font-size: 15px;
    }
    .navbox .wp-menu .menu-item a.menu-link.hover, .navbox .wp-menu .menu-item a.menu-link.parent {
        text-decoration: none;
        color: #000;
        background-color: #eee;
    }
    .navbox .sub-menu {
        display: none;
        position: relative;
        left: 0;
        bottom: 0px;
        top: 0px;
        min-width: 0px;
        z-index: 100;
        background: #fff;
    }
    .navbox .sub-menu .sub-item {
        position: relative;
        white-space: nowrap;
        vertical-align: top;
        _zoom: 1;
        border: 1px solid #eee;
    }
    .navbox .sub-menu .sub-item a {
        display: block;
        height: auto;
        line-height: 43px;
        padding: 0 44px;
        font-size: 14px;
        color: #000;
        background: none;
    }
    .navbox .sub-menu .sub-item a:hover {
        display: block;
        color: #eee;
        background-color: #eee;
    }
    .navbox .sub-menu .sub-menu {
        left: 0%;
        top: 0;
        z-index: 200;
        background: #fff;
    }
    .navbox .sub-menu .sub-menu .sub-item a {
        padding: 0 64px;
    }
    /**首页三列布局**/
    .mod {}
    .mod .ml {
        width: 100%;
        float: none;
    }
    /**左列**/
    .mod .mc {
        width: 100%;
        margin-left: 0px;
        float: none;
    }
    /**中间**/
    .mod .mr {
        width: 100%;
        float: none;
    }
    /**右列**/
    /**自定义新闻列表**/
    .news_list li.news {
        margin: 8px 0px;
    }
    .news_list li.news span.news_title {
        margin-right: 50px;
    }
    .news_list li.news span.news_meta {
        margin-left: -50px;
    }
    .news_list li.news.firstNews span.news_meta{
        margin-left: 0px;
    }
    .tzgg .news_list li.news.firstNews span.news_title {
        background: none;
        padding-left: 15px;
        margin-right: 0;
    }
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */

@media screen and (max-width: 768px) {
    .tzgg .news_list li.news span.news_title {
        width: auto;
    }
    .tabwindow .news_list li.news span.news_title {
        width: auto;
    }
    .foot-xx {
        width: 33%;
    }
    .foot-email{
        background: none;
    }
    .foot-lm {
        width: 400px;
        margin: 0 auto;
        float: none;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    body, p, a {
        font-size: 16px;
    }
    .post .tt .tit {
        font-size: 16px;
    }
    /**标题字体**/
    .lbanner .column-name {
        display: block;
    }
    .col_menu {
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
        position: relative;
    }
    .col_menu .col_menu_con {
        display: none;
    }
    .column-switch {
        display: block;
    }
    .col_news {
        width: 100%;
        min-height: 0px;
        float: none;
    }
    /**栏目新闻**/
    .col_news .col_news_box {
        margin-left: 0px;
    }
    .col_news_head {
        border: none;
    }
    .col_metas .col_title {
        display: none;
        float: none;
        height: 30px;
        line-height: 30px;
    }
    /**当前栏目**/
    .col_metas .col_title h2 {
        display: block;
        font-size: 18px;
        font-weight: normal;
    }
    /**当前栏目名称**/
    .col_metas .col_path {
        display: inline-block;
        float: none;
        white-space: nowrap;
        height: 18px;
        line-height: 18px;
        margin-top: 5px;
    }
    /**当前位置**/
    .col_news_con {
        padding: 5px 0px 10px 0px;
        margin: 0 0px;
    }
    .article .entry .read img {
        max-width: 100%;
    }
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */

@media screen and (max-width: 479px) {
    .box-img {
        width: 100%;
        float: none;
    }
    .box-list {
        float: none;
        width: 100%;
    }
    .head .sitelogo {
        width: 100%;
    }
    .head-right {
        width: 100%;
    }
    .sousuo {
        margin-right: 15px;
        margin-top: 5px;
    }
    .banner .focus-pagination {
        bottom: 5px;
    }
    .news_list li.news span.news_title {
        float: left;
        width: 240px !important;
        height: 28px;
        overflow: hidden;
    }
    li.foot-nav-list {
        width: 100%;
        float: left;
        text-align: left;
        line-height: 22px;
        height: 22px;
    }
    .foot-lm {
        width: 90%;
    }
    .foot-xx {
        background: none;
        width: 88%;
        margin: 20px auto;
        float: none;
    }
    #footer {
        background: #016871;
        padding: 10px 0;
    }
    li.kstd-list {
        width: 23%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 8px;
    }
    li.kstd-list.i-1 {
        margin-left: 1%;
    }
    .foot-xx-title {
        line-height: 24px;
        height: auto;
        color: #fff;
        font-size: 14px;
    }
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */

@media screen and (max-width: 319px) {}