/* 移动端自适应样式 */
/* 仅在移动设备上应用这些样式 */

/* 移动端断点 */
@media screen and (max-width: 768px) {

    /* 基础样式重置 */
    * {
        box-sizing: border-box;
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    .publicity {
        width: 100% !important;
    }

    .body-right-page {

        width: 100% !important;
    }

    .sgs-content .body-right-content {
        overflow-y: auto !important;
        width: 92% !important;
        padding-top: 10px !important;
        margin: 0 auto !important;
    }

    #table-date {
        width: 100% !important;
    }

    #table-date * {
        display: block !important;
        width: 100% !important;
    }


    body .input-left,
    body .input-right {
        position: absolute !important;
        right: -10000px !important;
    }

    #table-date input {
        border: 1px solid #ccc !important;
        background: none !important;
    }

    .query_btn {
        width: 100% !important;
    }

    .info table * {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        text-align: left !important;
    }

    .footer .footer_content ul li div, .footer .footer_content ul li span{
        font-size: 14px !important;
    }
    .footer *{
        font-size: 14px !important;
    }


    .sgs-container .sgs-content .sgs-body-right {
        width: 100% !important;
    }

    .info table input {
        border: 1px solid #ccc !important;
        background: none !important;
    }
    .detail_title span{
        width: 100% !important;
        padding-left: 0 !important;
    }
    .title-div{
        height: 116px !important;
    }

    .title-div .btn{
        top: 46px !important;
        line-height: 42px !important;

    }

    .detail-content-all .body-right{
        overflow-y: auto !important;
    }

    .detail-content-all .body-right .content-list{
        width: 840px !important;
    } 

    .detail-content-message{
        padding: 10px !important;
    }

    .detail-content-message .seconde td.value{
        display: none !important;
    }

     .detail-content-message table *{
        display: block !important;
        width: 340px !important;
        margin: 0 auto !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    } 
    .detail-content-message table tr{
        height: auto !important;
    }

    .detail-content table tr td{
        height: auto !important;
        line-height: 40px !important;
    }
    .detail-content-message  .jgmc,
    
    .detail-content-message  .qy-sxlhjl,
    .detail-content-message  .qy-sxlhcj,
    .detail-content-message  .qyzt,
    .detail-content-message  .qyzt span {
        width: auto !important;
        display: inline-block !important;
    }
    .detail-content-message table td{
        position: relative !important;
        padding-left: 150px !important;
    }
    .detail-content-message table .field{
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }
    .detail-content-message table .field-value{
       display: block !important;
       word-break: break-all !important;
       line-height: 25px !important;
       min-height: 40px !important;
       width: 100% !important;
    }
    .detail-content-message table .field-value.bm{
        display: none !important;
    }

    .detail-content-message #downloadBtn{
        position: fixed !important;
        right: 20px !important;
        top: 90% !important;
        width: 50px !important;
        height: 50px !important;
        text-align: center !important;
        line-height: 20px !important;
        border-radius: 4px !important;
        z-index: 999999 !important;
        padding-top: 5px !important;
    }
    .detail-content-message #qrcode{
        display: none !important;
        
    }
    /* .credit-content{
        width: 100% !important;
        overflow-y: auto !important;
    }
    .credit-content table{
        width: 840px !important;
    } */
    .table-content .table-list .t-th{
        width: 150px !important;
    }
    .credit-content .title-div{
        height: 30px !important;
        margin-top: 5px !important;
    margin-left: 10px !important;
    }

    .body-right-form table * {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        text-align: left !important;
    }

    .body-right-form input {
        border: 1px solid #ccc !important;
        background: none !important;
    }

    .publicity-container{
        width: 100% !important;
    }

    .sgs-detail-content .detail-content{
        width: 100% !important;
        overflow-y: auto !important;
    }
    .detail-xy-content *{
        font-size: 14px !important;
    }
    .sgs-form-cx.query_btn{
        float: none !important;
    }
    .body-right-form{
        padding: 0 !important;
        height: auto !important;
    }
    .body-right-form .sgs-form-xdr{
        padding-left: 10px !important;
    }
    .body-right-form *{
         float: none !important;
         height: auto !important;
         line-height: 44px !important;
         display: block !important;
         width: 100% !important;
    }
    .sgs-form-xkWsh{
        padding-left: 10px !important; 
        margin: 0 !important;
    }
    .body-right-form .sgs-form-cx.query_btn{
        margin: 10px 0 !important;
        margin-left: 10px !important;
        width: 333px !important;
    }
    .body-right-form .sgs-form-cx{
        margin: 0 !important;
    }
    .publicity-container .detail_title{
        height: auto !important;
    }
    .publicity-container .detail-xy-content{
        padding-right: 0px;
        float: none !important;
    }
    .body-right-form .sgs-form-xmmc{
        float: none !important;
        height: auto !important;
    }
    .body-right-form .sgs-form-xmmc{
        margin: 0 0px 0 10px !important;
    }
    .detail_title{
        margin:0 !important;
    }

    .publicity-container .list-body{
        overflow-y: auto !important;
    }

    .publicity-container .list-body .list-data-title,
    .publicity-container .list-body .list-data-body{
        width: 1200px!important;
    }

    .publicity-container .list-body .list-data-content .list-data-content-item{
        width: 100% !important;
    }
    .sgs-detail-container, .sgs-list-container{
        border: none !important;
        padding-top: 10px !important;
    }
    .sgs-container{
        padding: 0 !important;
    }

    .layui-layer {
        width: 90% !important;
        margin: 0 auto !important;
    }

    .cre_pub_hd {
        margin: 0 !important;
    }

    .publicity-container .publicity-list .body-right-content{
        width: 100% !important;
        overflow-y: auto !important;
        margin-left: 10px !important;
    }
    .publicity-container .publicity-list .body-right-content .sgs-content-title,
    .publicity-container .publicity-list .body-right-content .sgs-content-data{
        width: 1200px !important;
        
    }

    .sgs-content .sgs-content-title {
        width: 1200px !important;
    }

    .sgs-content .sgs-content-data {
        width: 1200px !important;
    }


    .dataTable {
        width: 100% !important;
        overflow-y: auto !important;
    }

    .dataTable thead {
        width: 1500px !important;
    }

    .dataTable tbody {
        width: 1500px !important;
    }


    .searchXK {
        display: block !important;
        height: 45px !important;
        margin-bottom: 60px;
    }

    .searchXK .searchBtn {
        top: 45px !important;
    }

    .child_li li {
        height: auto !important;
    }

    #searchrang {
        height: 100% !important;
    }

    .search_input .inputcontent {
        width: 100% !important;
    }

    .search_input {
        position: relative !important;
    }

    .search_input .searchBtn {
        position: absolute !important;
        bottom: 0 !important;
        top: 45px !important;
        right: -2px !important;
    }

    .detail-content table tr td.label{
        min-width: 100px !important;
    }

    .sgs-container .sgs-content {
        width: 100% !important;
    }
    .blocktable td {
        display: block !important;
    }
    .xyxfButtun{
        margin-left: 0 !important;
    }

    .child_li li {
        line-height: 20px !important;
    }
     .open_dh li{
        width: 30% !important;
    }  

    .open_dh .styleDie{
        position: absolute !important;
        left: 20px !important;
        transform:none !important;
    }

    .right_content .body-right-form {
        height: auto !important;
    }

    .sgs-detail-container,
    .sgs-list-container {
        width: 100% !important;
    }

    .father .depart_td {
        width: 48% !important;
    }

    .answer {
        word-break: break-all !important;
    }

    #pageJsonContent {

        overflow-y: auto !important;
    }

    #pageJsonContent table {
        width: 1000px !important;
    }

    .gjdw {
        width: 100% !important;
    }

    .gjdw .data-body {
        width: 100% !important;
    }

    .main {
        width: 100% !important;
    }

    .publicity ul li {
        width: 46% !important;
        margin: 0 2% !important;
        margin-bottom: 10px !important;
    }

    .publicity ul li img {
        width: 100% !important;
        height: 100% !important;
    }

    .publicity ul>a {
        display: none !important;
    }

    #navlist {

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #navlist * {
        display: none !important;
    }

    .content {
        width: 100% !important;
    }

    .title {
        margin: 0 !important;
        padding-left: 10px !important;
        font-size: 18px !important;
    }

    .query_conetent .content_box {
        display: block !important;
        margin-top: 10px !important;
    }

    .content_box .dropdown {
        margin: 0 !important;
        padding: 0 10px !important;
    }

    .dropdown-backdrop {
        display: none !important;
    }

    .dropdown ul {
        position: static !important;
    }

    .dropdown-menu {
        float: none !important;
    }

    .dropdown-menu>li>a {
        line-height: 44px !important;
    }

    .content_box .dropdown {
        height: auto !important;
    }

    .right_query {
        width: 96% !important;
        margin: 10px auto !important;
    }

    .info-big-title {
        width: 100% !important;
    }

    .query_conetent .right_query {
        height: auto !important;
    }

    .query_conetent .right_query>div {
        height: auto !important;
    }

    .query_conetent .right_query .query_form {
        display: block !important;
    }

    .query_conetent .right_query .query_form * {
        display: block !important;
        width: 99% !important;
        text-align: left !important;
        margin: 0 auto !important;
    }

    .query_conetent .right_query #queryBtn {
        text-align: center !important;
        margin-top: 10px !important;
    }

    .dropdown .dropdown-menu li {
        width: 100% !important;
    }

    .query_conetent .tips_title {
        height: 168px !important;
    }


    /* 头部登录导航 - 移动端适配 */
    #left_top_title {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 10px 15px !important;
        background: rgba(255, 255, 255, 0.9) !important;
        z-index: 1000 !important;
    }

    .header_login {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .header_login span {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }

    .header_login em {
        display: none !important;
    }

    .head {
        display: block !important;
    }

    .head .searchNew {
        width: 100% !important;
        margin-top: 0 !important;
        padding: 0 !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
    }

    .head .dropdown_cx {
        width: 100% !important;
    }

    /* .header img{
      transform: translate(0px, 40px) !important;
   } */


    /* Logo区域 - 移动端适配 */
    .header {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        left: 0 !important;
        top: 0px !important;
        transform: none !important;

        text-align: center !important;
    }

    .open_dh li {
        line-height: 20px !important;
    }

    .dropdown-selected {
        text-indent: 0px !important;
    }

    .open_dh li span {
        font-size: 18px !important;
    }

    .header img {
        max-width: 80% !important;
        height: auto !important;
    }

    /* 搜索框 - 移动端适配 */
    .searchNew {
        width: 100% !important;
        padding: 0 15px !important;
        margin-top: 20px !important;
    }

    .search_term {
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 15px !important;
        flex-wrap: wrap !important;
    }

    .search_term div {
        margin: 0 10px !important;
        flex: 1 1 auto !important;
        min-width: 120px !important;
    }

    .search_term ul {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .search_term li {
        font-size: 14px !important;
        padding: 8px 12px !important;
        background: rgba(0, 123, 255, 0.1) !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        transition: background-color 0.3s !important;
    }

    .search_term li:hover {
        background: rgba(0, 123, 255, 0.2) !important;
    }

    .search_term li.search_li_color {
        background: rgba(0, 123, 255, 0.3) !important;
        color: #007bff !important;
        font-weight: bold !important;
    }

    /* 搜索tab箭头图标 - 移动端适配 */
    .search_li_img1,
    .search_li_img2 {
        display: inline-block !important;
        margin-left: 5px !important;
        vertical-align: middle !important;
    }

    .search_li_img1 img,
    .search_li_img2 img {
        width: 12px !important;
        height: 12px !important;
        vertical-align: middle !important;
    }

    /* 搜索tab激活状态 */
    .search_term div.active ul li {
        background: rgba(0, 123, 255, 0.4) !important;
        color: #007bff !important;
        font-weight: bold !important;
    }

    .searchContent {
        width: 94% !important;
        margin: 0 auto !important;
    }

    .searchStyle {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .dropdown {
        width: 100% !important;
    }

    .searchInput {
        width: 100% !important;
        height: 44px !important;
        font-size: 16px !important;
        padding: 10px 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
    }

    .searchStyle {
        position: relative !important;
    }

    .searchBtn {
        position: absolute;
        right: 0;
        top: 0;
        width: 80px !important;
        height: 44px !important;
        font-size: 16px !important;
        color: white !important;
        border: none !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        z-index: 99999;
        background-color: #f50002 !important;
    }

    .showUl {
        width: 100% !important;
        max-height: 200px !important;
        overflow-y: auto !important;
    }

    .search_li {
        padding: 10px 15px !important;
        border-bottom: 1px solid #eee !important;
    }

    .div_ONE {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }

    .div_TWO {
        font-size: 12px !important;
        color: #666 !important;
    }

    .open {
        display: block !important;
    }

    .open li {
        width: 30% !important;
        line-height: 25px !important;
    }

    .open #btn {
        display: none !important;
    }

    .hlw-dc-box {
        display: none !important;
    }

    #ulSwiper>div {
        display: block !important;
    }

    #ulSwiper {
        overflow: visible !important;
        display: block !important;
    }

    #ulSwiper>div>li {
        width: 48% !important;
        float: left !important;
        margin-right: 1% !important;
    }

    #ulSwiper>div>li img {
        width: 100% !important;
        height: 60px !important;
    }

    .index .bottom {
        height: 350px !important;
    }

    /* 导航栏 - 移动端适配 */
    .navBar {
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        top: 80px !important;
        right: 0 !important;
        transform: none !important;
        margin-top: 20px !important;
        height: 170px !important;
    }

    .header .navBar {
        top: 0 !important;
    }

    .query_list dl dd span{
        display: block !important;
        float: none !important;
    }
    .query_list .tag{
        display: inline-block !important;
        float: none !important;
    }
    .index .photo .left_box{
       width: 100% !important;
    }
    .index .img_info{
        display: none !important;
    }

    .gcsp{
        width: 100% !important;
        overflow-y: auto !important;
        padding-top: 20px !important;
    }
    .gcsp .dataTable{
        width: 1164px !important;
    }

    .query_xygd_list dl dd span{
        display: block !important;
        float: none !important;
    }

    .query_xygd_list dl dd span.tag{
        display: inline-block !important;
    }

    .navBar ul {
        display: block !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 0 15px !important;
    }

    .navBar li {
        flex: 1 1 auto !important;
        min-width: 80px !important;
        text-align: center !important;
        padding: 10px 5px !important;
        margin: 2px !important;
        /* background: rgba(0, 123, 255, 0.8) !important; */
        /* border: 1px solid #fff !important; */
        border-radius: 4px !important;
        float: left !important;
        /* width: 30% !important; */
    }
/* 
    .navBar li .selectNav_p{
        position: absolute !important;
        left: 30% !important;
    } */

    /* .navBar li span {
       font-size: 12px !important;
   } */

    .navBar li a {
        color: white !important;
        text-decoration: none !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        font-size: 16px !important;
    }

    /* 右侧导航栏 - 移动端隐藏 */
    .navigationBar {
        display: none !important;
    }

    /* 浮动提示框 - 移动端适配 */
    .floatgg {
        position: fixed !important;
        left: 15px !important;
        right: 15px !important;
        bottom: 20px !important;
        top: auto !important;
        transform: none !important;
        z-index: 1001 !important;
    }

    .float-box {
        width: 100% !important;
        max-width: none !important;
        border-radius: 8px !important;
    }

    .float-cont {
        height: 100px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .close_floatgg {
        position: absolute !important;
        top: -10px !important;
        right: -10px !important;
        background: #ff4444 !important;
        color: white !important;
        width: 24px !important;
        height: 24px !important;
        border-radius: 50% !important;
        text-align: center !important;
        line-height: 24px !important;
        font-size: 12px !important;
    }

    /* 重要提醒框 - 移动端适配 */
    .hlw-dc-box {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 300px !important;
        z-index: 1002 !important;
    }

    .hlw-dc-box p {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .hlw-dc-box div {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* 页脚 - 移动端适配 */
    .footer {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        padding: 20px 15px !important;
        margin-top: 20px !important;
        min-width: auto !important;
    }

    .footer>div {
        width: 100% !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .footer_left {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 20px !important;
    }

    .footer_right {
        width: 100% !important;
    }

    .footer_content ul {
        padding: 0 !important;
    }

    .footer_content ul li {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        gap: 10px !important;
    }

    .footer_content ul li div,
    .footer_content ul li span {
        margin: 0 !important;
        font-size: 12px !important;
    }

    .footer_content ul li:nth-child(2) {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .othrSpan {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .othrSpan span {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
    }

    /* iframe 容器 - 移动端适配 */
    #bodywrapper {
        width: 100% !important;
        height: auto !important;
        min-height: 1380px !important;
        padding: 0 !important;
    }

    .index .top .top_left {
        width: 100% !important;
    }

    .index .top .top_right .top_right_left {
        margin-left: 0 !important;
    }

    .index .top {
        display: block !important;
        height: 648px !important;
    }

    .index .top .top_right .top_right_left .top_content ul li {
        padding-left: 0 !important;
    }

    .banner .ul_list li {
        width: 390px !important;
    }

    .content-data embed {
        width: 120% !important;
    }

    .cre_pub_hd {
        width: 100% !important;
    }

    .my_info {
        float: none !important;
        width: 100% !important;
        margin-top: 10px !important;
        background-size: 100% 100% !important;
    }

    .left_menu_box {
        margin-top: 198px !important;
    }

    .left_nav {
        width: 100% !important;
    }

    .left_menu {
        width: 100% !important;
    }

    .keyPType ul li {
        width: 46% !important;
        margin: 10px 2% !important;
    }

    .index .top .top_left {
        height: 247px !important;
    }

    .banner .ul_list li a img {
        height: auto !important;
    }

    #context {
        width: 100% !important;
        height: 1000px !important;
        border: none !important;
        overflow: hidden !important;
        left: 0 !important;
        top: 390px !important;
        right: 0 !important;
        transform: none !important;

    }

    /* iframe 内容样式 - 确保轮播图正常显示 */
    #context iframe {
        width: 100% !important;
        height: 100% !important;
        border: none !important;
    }

    /* 轮播图相关样式 - 移动端适配 */
    .indbanner {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
        overflow: hidden !important;
    }

    .indbanner .bd {
        width: 100% !important;
        height: auto !important;
    }

    .indbanner .bd ul {
        width: 100% !important;
        height: auto !important;
    }

    .indbanner .bd li {
        width: 100% !important;
        height: auto !important;
    }

    .indbanner .bd img {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
        object-fit: cover !important;
    }

    /* 轮播图控制按钮 - 移动端适配 */
    .indbanner .hd {
        position: absolute !important;
        bottom: 10px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 10 !important;
    }

    .indbanner .hd ul {
        display: flex !important;
        gap: 8px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .indbanner .hd li {
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.5) !important;
        cursor: pointer !important;
        transition: background-color 0.3s !important;
    }

    .indbanner .hd li.on {
        background: #fff !important;
    }

    /* 背景图片 - 移动端适配 */
    #web_bg {
        background-size: cover !important;
        background-position: center !important;
    }

    /* 清除浮动 */
    .clearBoth {
        clear: both !important;
    }

    /* 按钮样式优化 */
    button,
    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border-radius: 4px !important;
    }

    /* 触摸优化 */
    a,
    button,
    input,
    select,
    textarea {
        min-height: 44px !important;
        min-width: 44px !important;
    }

    /* 防止横向滚动 */
    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
    }

    /* 字体大小优化 */
    input,
    textarea,
    select {
        font-size: 16px !important;
        /* 防止iOS缩放 */
    }
}

/* 小屏幕设备优化 */
@media screen and (max-width: 480px) {
    .header_login span {
        font-size: 14px !important;
        padding: 4px 6px !important;
    }

    .navBar li {
        min-width: 70px !important;
        padding: 8px 4px !important;
    }

    .navBar li span {
        font-size: 16px !important;
    }

    .searchInput {
        font-size: 14px !important;
    }

    .searchBtn {
        font-size: 14px !important;
    }

    .footer_content ul li div,
    .footer_content ul li span {
        font-size: 11px !important;
    }

    /* 小屏幕搜索tab优化 */
    .search_term div {
        min-width: 100px !important;
        margin: 0 5px !important;
    }

    .search_term li {
        font-size: 12px !important;
        padding: 6px 8px !important;
    }

    /* 小屏幕轮播图优化 */
    .indbanner {
        max-height: 150px !important;
    }

    .indbanner .bd img {
        max-height: 150px !important;
    }

    .indbanner .hd li {
        width: 10px !important;
        height: 10px !important;
    }
}

/* 横屏模式优化 */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .header {
        padding: 10px 15px !important;
    }

    .header img {
        max-width: 60% !important;
    }

    .navBar ul {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 0 10px !important;
    }

    .navBar li {
        flex-shrink: 0 !important;
        min-width: 100px !important;
    }
}

/* 高分辨率屏幕优化 */
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .header img {
        image-rendering: -webkit-optimize-contrast !important;
    }

    input,
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* 打印样式 */
@media print {

    .navigationBar,
    .floatgg,
    .hlw-dc-box {
        display: none !important;
    }
}