@charset "UTF-8";


/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner { width:100%; max-width:100%; margin:0 auto; padding: 0 10px; box-sizing: border-box;}
.navi-aside-toggle,
.navi-aside-search {display: block;}

#header .inner{padding:10px 0px;height: auto;position:relative;background:none;}
.header .head-left{float:none;display: block;width: auto;height:auto;text-align:center;margin: 0 30px 20px;}
.header .sitelogo{float:none;margin-top:0px;}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {margin-top:38px;font-size:28px;}
.header .head-main{display:none;}
.header .head-right{float:none;width: auto;margin-top:0px;/* margin: 0 30px; */}
.header .head-right .searchbox{margin: 5px 0px; width:100%;}


}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 768px) {


    #top-background {
        position: absolute;  /* 让它浮在页面上，不占空间 */
        top: 0;              /* 贴紧顶部 */
        right: 0;            /* 贴紧右侧 */
        height: 80px;        /* 调整高度 */
        z-index: 0;          /* 让它在最底层 */
        /*clip-path: inset(0 50px 0 0); !* 裁剪掉右边50px的部分 *!*/
        margin-right: 0px;  /* 搜索框左边固定10px距离 */
        /*margin-left: 20px;*/
    }


    #logo-img {
        width: auto;
        height: 90%;
        object-fit: cover;
        margin-left: 15px;
    }

    #header {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #search-container {
        width: 100%;
    }

    #search-box {
        width: 95%;

        margin: 10px;
    }

    #search-box input {
        width: 85%;
    }

    #search-box button {
        width: 15%;
    }

    .left-menu {
        padding-left: 0; /* 移除左侧菜单内边距 */
    }

    #right-section {
        width: 100%; /* 宽度为100% */
        display: flex;
        flex-direction: column; /* 切换为垂直布局 */
        /*align-items: flex-start; !* 左对齐 *!*/
    }

    /* Navbar 样式调整 */
    .navbar ul {
        flex-direction: column; /* 切换为垂直排列 */
        align-items: center; /* 中心对齐 */
    }

    .navbar ul li {
        padding: 5px 0; /* 减小间距 */
    }

    /* 首页内容调整 */
    .main-content {
        padding: 10px; /* 减少内边距 */
    }
    
    /* 右侧信息框 */
    .right-box {
        text-align: left;
    }

    #Information_disclosure_in_key_areas {
        padding-left: 10px;
        padding-bottom: 10px;
    }



    #header .inner{height: auto;}
    .header .sitelogo a img{max-width: 85%;margin:5px 0px;}
    .header .sitelogo a{}
    .header .sitetitle {display:block;margin-top: 10px;font-size:18px;}
    .header .sitelogo .sitetitle{
        margin-left: 0;
        border-left: 0;
        padding-left: 0;
        display: block;
        font-size: 25px;
        line-height: normal;
        padding: 0;
    }
    .main1 .ml{float:none; width:100%;}
    .main1 .mr{float:none; width:100%;}

    .main4 .inner{padding: 10px 0 15px;}
    .main4 .mr{float:none;}
    .post .tt .tit{font-size: 18px;}
    .post-12 .news_list .col_box{width:100px;font-size: 16px;text-align: center;}
    .post-12 .news_list .article_box{
        width: calc(100% - 100px);
    }
    .post-11 .news_list li.news{width:50%;}
    .post-11 .news_list li.news .link_con{font-size:16px;}
    #footer .inner {padding: 17px 0px;}
    #footer .inner .foot-left{float:none;}
    #footer .inner p{text-align:center;}

    .mbanner .focus-pagination {display:none;}
    /*栏目图片*/
    .l-banner{height: 180px;}
    .l-banner img{width:100%;height:100%;}
    #l-container .inner,
    #d-container .inner {padding:0px 0px;}
    #l-container.wrapper .inner .mod,
    #d-container.wrapper .inner .mod{padding:0;}

    .column-switch {display:block;}

    .col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/

    .col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/
    .col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
    .col_news_list li.news{font-size: 16px;}
    .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}

    .wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}

    .infobox { width:auto;padding:0px;  margin:0 10px; }

    .col_news_list .wp_entry img,
    .article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/

    #sidebar-container {
        display: block;
    }

    #sidebar-container .inner {
        padding: 0px 0px;
    }

    #sidebar-container .inner .sidebar-menu {width: 100%;float:none;margin-right:0px;position:relative;}
    
    
    #sidebar-container .inner .sidebar-menu .sidebar-menu-content{display:none;border:0px solid #e4e4e4;}

    #sidebar-container .sidebar-menu-head h3.sidebar-nav-title .sidebar-title-text {display:block;line-height:40px;padding: 0px 5px 0px 12px;font-size: 17px;}



    /* #sidebar-container {
        max-width: 100%; 
        margin: 20px auto; 
        width: 100%; 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
    } */

    /* #Left_navigation_bar_header 已更新为 #sidebar-nav-header */
    #sidebar-nav-header {
        /* 内边距调整为15px */
        font-size: 20px; /* 字体大小调整为20px */
        width: 100%; /* 宽度设置为100% */
        /*text-align: left; !* 文字居中 *!*/
        /*距离右边一定距离*/
        padding: 15px 15px 15px 50px;
    }

    /* #Left_navigation_bar_menu 已更新为 #sidebar-nav-menu */
    #sidebar-nav-menu {
        width: 100%; /* 宽度设置为100% */
    }

    /* .Left_navigation_bar_title 已更新为 .sidebar-title */
    .sidebar-title {
        font-size: 14px; /* 字体大小为14px */
        padding: 10px 15px; /* 内边距调整为10px 15px */
        width: 100%; /* 宽度设置为100% */
    }

    /* .Left_navigation_bar_submenu_item 已更新为 .sidebar-submenu-item */
    .sidebar-submenu-item {
        font-size: 14px; /* 字体大小为12px */
        padding: 10px 15px 10px 30px; /* 内边距调整为10px 15px 10px 30px */
        width: 100%; /* 宽度设置为100% */
    }

    /* .Left_navigation_bar_submenu_item::before 已更新为 .sidebar-submenu-item::before */
    .sidebar-submenu-item::before {
        left: 15px; /* 左侧位置调整为15px */
    }





    /* 中部自适应区域 */

    #content-responsive-container {
        padding: 20px 0 0;
        width: 100%;
    }


    .content-layout-container {
        flex-direction: column; /* 将flex容器的主轴方向改为垂直方向 */
        padding: 0; /* 去除容器的内边距 */
        margin: 0; /* 去除容器的外边距 */
        justify-content: flex-start; /* 保证子元素从顶部开始排列 */
        width: 100%; /* 确保容器宽度顶满屏幕 */
    }

    .left, .center, .right {
        flex: 0 0 100%; /* 每个模块占据100%的宽度 */
        padding-left: 0; /* 去除内边距 */
        padding-right: 0; /* 去除内边距 */
        margin-left: 0; /* 去除左边距 */
        margin-right: 0; /* 去除右边距 */
        margin-bottom: 10px; /* 增加元素之间的垂直间距 */
    }

    .right {
        padding-top: 15px; /* 控制右侧模块顶部间距 */
    }

    .main-content {
        padding: 0; /* 移动端去除额外的内边距 */
    }


    .right-box{
        font-size: 15px;
    }

    #ironbox-responsive-div {
        padding: 20px 0 0;
        width: 100%; /* 在小屏幕上宽度为100% */
    }

    .CKTC_grid {
        grid-template-columns: 1fr; /* 单列布局 */
        gap: 20px;
        height: auto; /* 高度自适应 */
    }

    .CKTC_side_news_item {
        flex-direction: column; /* 保持垂直布局 */
    }

    .CKTC_side_news_item_image {
        height: 120px; /* 移动端图片高度减小 */
    }

    .CKTC_side_news_title {
        font-size: 16px; /* 标题字体大小 */
        white-space: nowrap; /* 不允许换行 */
        overflow: hidden; /* 隐藏超出部分 */
        text-overflow: ellipsis; /* 超出部分显示省略号 */
        display: block; /* 确保标题是块级元素 */
        width: 100%; /* 占满父容器宽度 */
    }

    .CKTC_side_news_meta {
        font-size: 15px; /* 移动端描述字体减小 */
        -webkit-line-clamp: 2; /* 最多显示两行 */
    }

    .CKTC_side_news_content {
        padding: 10px;
        gap: 6px; /* 移动端间距减小 */
    }

    #CKTC_header {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
        font-size: 20px; /* 移动端标题字体减小 */
    }

    .CKTC_City_News_news-item {
        font-size: 14px;
    }

    .CKTC_City_News_section {
        width: auto;
    }

    #footer-header-content {
        width: 100%; /* 更改为90%宽度以增加一些边距 */
        flex-direction: column; /* 切换为垂直布局 */
        align-items: center; /* 元素居中对齐 */
        justify-content: center; /* 垂直居中对齐 */
        text-align: center; /* 设置文本为居中 */
    }

    #footer-logo-section {
        margin-bottom: 10px; /* 添加底部间距 */
        justify-content: center; /* 居中显示logo */
    }

    #footer-site-title {
        font-size: 20px; /* 调小字体 */
        padding-left: 10px; /* 减少内边距 */
        border-left: none; /* 移除左边的边框 */
        margin-top: 10px; /* 在小屏幕上增加一些间隔 */
        text-align: center; /* 居中文本 */
    }

    #footer-contact-info {
        font-size: 12px; /* 缩小字体 */
        text-align: center; /* 居中显示联系信息 */
        margin-top: 10px; /* 增加上边距 */
    }

}

/* 移动端适配时显示 */
@media only screen and (max-width: 768px) {
    /* 在移动端隐藏主导航条 */
    #main-nav {
        display: none; /* 隐藏主导航条 */
    }
    
    #sidebar-container {
        display: block; /* 或者根据需要设置为 flex、grid 等 */
    }

    .carousel-container {
        height: auto; /* 高度自适应 */
    }

    .carousel-item img {
        object-fit: contain; /* 图片完整显示，不裁剪 */
    }
    #carouselTrack {
        display: flex;
        transition: transform 0.5s ease;
        height: 100%;
    }
}

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


@media screen and (max-width: 479px) {
    #footer-header-content {
        width: 100%; /* 使用100%宽度 */
        padding: 10px 0; /* 减少顶部和底部内边距 */
    }

    #footer-site-title {
        font-size: 18px; /* 进一步减小字体 */
        padding-left: 0; /* 去除内边距 */
        margin-top: 5px; /* 增加上边距 */
        text-align: center; /* 居中文本 */
    }

    #footer-contact-info {
        font-size: 12px;
        text-align: center; /* 居中 */
        margin-top: 5px;
    }

    #sidebar-nav-header {
        font-size: 20px;
        padding: 10px; /* 内边距调整为10px */
        width: 100%; /* 宽度设置为100% */
        text-align: center; /* 文字居中 */
    }

    /* .Left_navigation_bar_title 已更新为 .sidebar-title */
    .sidebar-title {
        font-size: 16px;
        padding: 10px 10px; /* 内边距调整为8px 10px */
        width: 100%; /* 宽度设置为100% */
    }

    /* .Left_navigation_bar_submenu_item 已更新为 .sidebar-submenu-item */
    .sidebar-submenu-item {
        font-size: 14px; /* 字体大小调整为10px */
        padding: 8px 10px 8px 20px; /* 内边距调整为8px 10px 8px 20px */
        width: 100%; /* 宽度设置为100% */
    }

    /* .Left_navigation_bar_submenu_item::before 已更新为 .sidebar-submenu-item::before */
    .sidebar-submenu-item::before {
        left: 10px; /* 左侧位置调整为10px */
    }

}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {

}