@charset "utf-8";

/* 通用样式 */


@media (max-width: 767px) {
    .phone {
        display: block;
    }

    .mobile_hide {
        display: none;
    }

    .mobile_show {
        display: block;
    }


    #left_menu {

        position: fixed;
        top: 200px;
        z-index: 10;
        transition: all ease 0.25s;

    }

    #left_menu .left_top {
        position: relative;
        max-height: 320px;
        overflow-x: visible;
        overflow-y: scroll;
    }

    #left_menu.alxd {
        right: -315px !important;
    }

    #left_menu .skip {
        content: '';
        pointer-events: auto;
        display: inline-block;
        width: 26px;
        height: 55px;
        background: url(icon05_2022gz.png) no-repeat center;
        background-color: rgb(112 207 253 / 50%);
        border-radius: 6px 0 0 6px;
        position: absolute;
        top: 50%;
        left: -26px;
        transform: translateY(-60%);
    }

    #left_menu.open .skip {
        content: '';
        pointer-events: auto;
        display: inline-block;
        width: 26px;
        height: 55px;
        background: url(icon06_2022gz.png) no-repeat center;
        background-color: rgb(112 207 253 / 50%);
        border-radius: 6px 0 0 6px;
        position: absolute;
        top: 50%;
        left: -26px;
        transform: translateY(-60%);
    }

    .left_top li {
        height: auto;
        line-height: 31px;
        background-color: #c0e7fe;
        margin-bottom: 1px;
        padding-left: 30px;
        font-weight: bold;
        color: #fff;
        clear: both;
    }

    .page_list {
        display: none;
    }

    .subNav .title_yellow {
        font-size: 18px;
        padding-right: 10px;
        color: rgb(3, 56, 134);
    }

    .subNav .left_top li a {
        color: rgb(3, 56, 134);
        line-height: 40px;

    }

    .subNav .left_top li {
        height: 40px;

    }

    #cs {
        line-height: 40px;
        color: rgb(3, 56, 134);
        padding-left: 40px;
    }


}

/* 头模板 */


@media (max-width: 767px) {
    #bodyhead {
        width: 100%;
        height: auto;
        background: none;

        border-top: 4px solid #fff;
        clear: both;
    }

    #bodyhead img {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 36px;
    }

    #bodyhead .phone-top {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background: rgb(28, 91, 196);
        padding: 5px 0;
        overflow: hidden;
    }

    .phone {
        display: block;
    }

    .phone-top li.search_btn {
        width: 30px;
        height: 30px;
        background: url(icon01_2022gz.png) center center no-repeat;
        background-size: contain;
    }

    .phone-top li {
        float: right;
        padding: 0 5px;
        line-height: 30px;
        color: #fff;
    }

    .phone-top li a {
        font-size: 14px;
        /* color: #00519a; */
        color: #fff;
    }

    .phone-top li.search_btn.active {
        background: url(icon03_2022gz.png) center center no-repeat;
        background-size: 75%;
    }

    .top-search {
        background: #FAFAFA;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        z-index: 999;
        display: none;
        margin-top: 40px;
    }

    .top-search .search-box {
        padding: 0 15px;
        margin: 0 auto;
    }

    .top-search .search-cont {
        display: block;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .top-search .s-inp {
        border: none;
        line-height: 40px;
        height: 40px;
        border-bottom: 1px solid #D2D2D2;
        width: 100%;
        outline: none;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .top-search .s-btn {
        background: url(icon02_2022gz.png) no-repeat center center;
        background-size: contain;
        width: 24px;
        height: 24px;
        border: none;
        position: absolute;
        right: 7px;
        top: 9px;
        z-index: 99;
    }

    #menu {
        overflow: hidden;
        height: 40px;
        background-size: cover;
    }

    .pc_nav_box {
        display: none;

    }

    .pad_nav_box {
        display: block;

    }

    #menu a {
        font-size: 18px;
        line-height: 40px;
    }

    .menu_pc {
        display: none;
    }

    .menu_mb {
        display: block;
    }

    .menu_mb li {
        float: left;
    }

    .menu_mb ul {
        transition-duration: 0ms;
        transform: translate3d(0px, 0px, 0px);
    }

    .pad_nav {
        background: url(bg01_2022gz.jpg) center center no-repeat;
        background-size: cover;
        height: 42px;
    }

    .pad_nav li {
        width: auto;
        padding: 10px 0px;
        touch-action: none;
        box-sizing: border-box;
    }

    .pad_nav li.cur {
        background: rgb(0, 79, 198);
    }

    .pad_nav li.cur a {
        color: #fff;
    }

    .pad_nav li a {
        color: #00519a;
        font-size: 18px;
        font-weight: 700;
        padding: 0 15px;
    }

    #swiper_container_pad_nav::after {
        content: ' ';
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        height: 44px;
        width: 30px;
        background: url(icon06_2022gz.png) no-repeat center rgb(0, 79, 198);
        z-index: 99;
    }
}

/* 首页模板 */

/* .newslist_tit a {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
} */

@media (max-width: 767px) {
    #bodycenter {
        padding: 0;
        background-size: auto 100px;
    }

    #wholebody {
        width: 100%;
    }

    .toplink,
    .main_left,
    .left_2 {
        display: none;
    }

    .main_container,
    .main_right {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .main_1 {
        width: 100%;
        height: auto;
    }

    .newslist_lpxs,
    .newslist_2 {
        width: 100%;

    }

    .main_1::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .main_container .news_img {
        margin-right: 0px;
        float: none;
    }

    .top_news,
    .newslist_2 {

        border: none !important;

    }

    .newslist_l {
        width: 100%;

    }

    .newslist_right {
        width: auto;
    }

    .main_container .news_img img {
        width: 100%;
        /* object-fit: cover; */
        height: 250px;
    }

    .left_l img,
    .left_l .title_contact {
        width: 100%;
    }

    .list_short {
        width: auto;

    }

    .top_news ul {
        width: auto;
        padding: 15px;
        border-bottom: 1px solid #6cc6ff;
    }

    .top_news ul .topnews_title {
        margin: 15px 0;
    }

    .top_news ul .topnews_more a {
        margin-right: 15px;
    }

    .top_news ul .topnews_more {
        padding-right: 0;
        /* background-position: left 10px; */
    }

    .top_news ul li {
        width: 100% !important;
    }


    .top_news {
        height: auto !important;
        padding: 0 !important;
    }

    .news_img {
        height: auto !important;
        width: 100% !important;
        padding-right: 0 !important;

    }

    .main_container .news_img img {
        height: 50vw;
    }

    .titleP a {
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 99;
        padding-right: 15px;
    }

    .titleP {
        padding: 10px 10px !important;
        height: auto !important;
    }

    /* 工作动态 */
    .newslist_l::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .newslist_l {
        padding: 10px 0;
        background-position: 15px;
    }

    .news_more {
        background-position: 42px;
        padding-right: 45px;
        margin: 0;
    }

    .news_more a {
        font-size: 18px;
    }

    .newslist_2_img {
        display: none;
    }

    .newslist_right {
        width: auto;
        float: none;
    }

    .newslist_l_title {
        font-size: 20px;
        background-position: 15px;
        padding-left: 35px;
        width: auto;
    }

    .newslist_right ul::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .newslist_right ul {
        width: 100%;
        padding: 0 0 10px;
    }

    .newslist_right li {
        float: none;
    }

    .newslist_tit {
        width: auto;
    }

    .newslist_time {
        font-size: 16px;
    }

    .newslist_tit a {
        font-size: 16px;
        width: auto;
        line-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 100;
    }

    .newslist_time {
        width: 100%;
        text-align: left;
        padding-left: 10px;
    }

    .main_1::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    /* 党建园地 */
    .newslist_2::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .newslist_2 {
        width: auto;
        padding: 15px 15px 0;
        float: none;

    }

    .newslist_2 ul {
        width: 100%;
        padding: 0 0 10px;
    }

    .newslist_2 li {
        float: none;
    }

    .list_short {
        float: none;
        margin-right: 0;
        padding: 0 15px;
    }

    .list_short a,
    .list_short img {
        width: 100%;
    }

    /* 通知公告 */
    .right_content li a {
        line-height: 26px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 100;
    }

    .right_title {
        background-color: rgb(248, 152, 89);
        background-image: none;
    }

    .green_title {
        background-color: rgba(145, 240, 94, 0.836);
        background-image: none;
    }

    .title_contact {
        background-color: rgb(201, 201, 201);
        background-image: none;
    }

    .right_title,
    .green_title,
    .title_contact {
        background-size: cover;
        padding-left: 15px;
        line-height: 30px;
    }

    .right_title1,
    .green_title,
    .title_contact {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .right_title1 a,
    .green_title,
    .title_contact {
        font-size: 20px !important;
    }

    .right_content li {
        margin-bottom: 10px;
    }

    #demob1 br {
        display: none;
    }

    .left_l {
        margin: 4px 15px !important;
    }


    .left_1 .contact {
        font-size: 16px;
        line-height: 30px;
    }

    #demob {
        height: 100% !important;
    }

    #demob2 {
        display: none;
    }

    .organiz {
        display: block;
    }

    /* 
    .organization ul {
        padding: 0 10px 0 15px;
    }

    .organization li {
        float: left;
        width: 50%;
        line-height: 50px;

    }

    .organization li a {
        display: inline-block;
        margin-left: 20px;
        color: #333;
    }

    .organization li a:hover {
        color: #333;
        background: none;
    } */


    /* 
    .organization li a::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(http://www.bmrdp.cas.cn/images/ico_circle_arrow.gif) no-repeat center;
        background-position: 10% 10%;
        background-color: #52aafc;
    }*/
    .topnews_content {
        font-size: 15px;
        line-height: 26px;
    }

    .organiz .title_blue {

        background-color: rgb(105, 203, 252);
        background-image: none;
        padding: 10px 0 10px 10px;
        color: #fff;
    }

    .organiz .title_blue span {
        font-size: 20px;
    }

    .organiz .title_blue span::before {
        content: ' ';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(icon04_2022gz.png) no-repeat;
        background-size: cover;
        margin-right: 10px;
    }

    .green_title span {
        font-size: 20px;
    }

    .green_title span::before {
        content: ' ';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(icon04_2022gz.png) no-repeat;
        background-size: cover;
        margin-right: 10px;
    }

    .right_title1 a::before {
        content: ' ';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(icon04_2022gz.png) no-repeat;
        background-size: cover;
        margin-right: 10px;
    }

    .title_contact span::before {
        content: ' ';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(icon04_2022gz.png) no-repeat;
        background-size: cover;
        margin-right: 10px;
    }

    .title_contact span {
        font-size: 20px;
    }

    .organization {
        display: block;
        width: auto;
        padding: 5px 15px;
    }

    .organization::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .organization li {
        display: inline-block;
        float: left;
        width: 49.5%;
        padding-left: 0;
        clear: none;
        padding: 0 5px;
        box-sizing: border-box;
        border-right: solid 5px #fff;
        border-bottom: solid 5px #fff;
    }

    .organization li a {
        margin-left: 35px;

    }
}



/* 尾模板 */

@media (max-width: 767px) {
    #bodybottom ul li:last-child {
        display: none;
    }

    #bodybottom .clear li {
        float: none;
    }

    #bodybottom {
        background: #dceefe;
    }

    #bodybottom ul {
        display: inline-block;
        text-align: center;
    }

    #bodybottom .logo-pc {
        display: none;
    }

    #bodybottom .logo-mb {
        display: block;
    }

    #bodybottom .clear li:first-child {
        display: inline-block;
        text-align: center;
        float: none !important;
        padding: 0 !important;
    }

    #bodybottom .clear li:first-child img {
        border: none;
    }

    #bodybottom .clear li:nth-child(2) {
        display: inline-block;
        font-size: 16px;
        text-align: center !important;
        padding: 10px 15px !important;
    }

    #bodybottom .clear li:nth-child(3) {
        float: left;
        display: inline-block;
        padding: 0 !important;
        width: 50%;
        margin-top: 14.5px;
        text-align: right;
    }

    #bodybottom .clear li:nth-child(4) {
        float: left;
        display: inline-block;
        width: 50%;
        text-align: left;
    }

    #bodybottom .clear li:nth-child(5) {
        clear: both;
        padding: 15px 0;

    }

    #bodybottom .clear li:nth-child(2) a {
        font-size: 16px;
    }

    .goto_top {
        float: none;
        margin: 0 !important;
    }

    #bodybottom img {
        margin-right: 0;
    }


}

/* 文章标题列表（无子栏目不显示时间） */
@media (max-width: 767px) {
    .left_top li {
        background: url(ico_circle_arrow_2022gz.gif) no-repeat 12px center #c0e7fe;
    }

    .left_top li a {
        margin-right: 10px;
    }

    .left_1.subNav {
        display: block !important;
    }

    .sub_left {
        display: none;
    }

    .sub_right {
        width: 100%;
    }

    .sub_right .tit_list,
    .tit_list_2 {
        font-size: 20px;
        line-height: 40px;
        padding: 5px 15px;
    }

    .position_list {
        height: auto;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .position_list li {
        padding: 9px 10px;
        border-bottom: solid 4px #ff7800;
        float: none;
    }

    .position_list li a {
        font-size: 14px;
    }

    .bgi_list li {
        padding: 10px 0 10px 15px;
        border-bottom: 2px dashed #d9d9d9;
        background-position: left 17px;
    }

    .bgi_list li a {
        font-size: 16px;
        line-height: 26px;
    }

    .bgi_list ul li span {
        float: none;
        font-size: 16px;
        line-height: 22px;
    }

    .bgi_list li a:hover {
        font-size: 18px;
        color: #f60;
    }


    .more_btn {
        display: inline-block;
        text-align: center;
        padding: 15px 70px;
        font-size: 18px;
        border: solid 2px #76a4cfb9;
        background: none;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        width: 150px;
    }
}

/* 文章标题列表概览(无左侧) */
@media (max-width: 767px) {
    .bgi_list ul li span {
        display: inline-block;

    }

    .bgi_list li::after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
}

/* 文章标题列表（无子栏目不显示时间） */
@media (max-width: 767px) {
    .tit_list_2 {
        margin-left: 32px;

    }

    .tit_more {
        margin-right: 12px;
        padding: 5px 15px 5px 0;
    }

    .tit_more a {
        font-size: 16px;
        line-height: 40px;

    }
}

/* 在线留言 */
@media (max-width: 767px) {
    .ly_tab a {
        float: left;
        width: 50%;
        margin-right: 0;
    }

    .zxly_main {
        background: none !important;
    }

    .ly_content {
        border: none !important;
        background: #f9f8fe;
        padding: 0 15px 5px !important;
    }

    .zxly_form label {
        margin-top: 0 !important;
        display: inline-block;

    }

    .zxly_form p {
        text-align: left !important;

    }

    .zxly_form input {
        width: 99% !important;
        padding: 0 !important;
    }

    .zxly_form select {
        width: 99% !important;
        padding: 0 !important;
    }

    .zxly_form .zxly_yzm_txt {
        clear: both;
        float: left;
        width: 65% !important;
    }

    .zxly_yzm_img {
        float: left;
        width: 30% !important;
        margin: 0 !important;
        height: 40px;
        margin-left: 5px !important;
    }

    .zxly_form textarea {
        width: 99% !important;
        padding: 0 !important;
    }

    .zxly_sub {
        width: 100% !important;

    }

    .zxly_main {

        padding: 32px 0px !important;
    }

    .ly_content {
        clear: both;
    }

    .ly_content .question p:last-child {
        font-size: 16px;
    }

    .page_lis.mobile_hidet {
        display: none;
    }
}

/* 细览 */
@media (max-width: 767px) {
    * {
        font-size: 16px;
    }

    #zoom {
        font-size: 16px;
    }

    .date_from span:last-child {
        display: none;
    }

    .news_content {
        word-wrap: break-word;

        word-break: break-all;

        overflow: hidden;
    }

    .news_content img,
    .news_content video,
    .news_content object {
        width: 100%;
        height: auto;
    }

    .isa_article_list li {
        height: auto;
    }

    .isa_article_title {
        margin-right: 15px;
    }

    .bgi_list .isa_article_list a {
        padding-right: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 99;
    }

    .bgi_list .isa_article_list span {
        display: block;
        float: none;
        font-size: 16px;
    }
}

/* 单篇 */

@media (max-width: 767px) {
    .bgi_list {
        padding: 15px 15px 20px;
        background: none;
        border-top: 1px solid rgba(109, 109, 109, 0.144);
    }

    .bgi_list ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 99;
    }
}