@charset "utf-8";
/* 二级页面移动端适配CSS - 作者：zhangwei 日期：2024-12-19 */

/* 移动端联系栏 */
.mobile-contact {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #236a9e, #085c98);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    font-size: 16px;
    z-index: 9999;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.3);
}
#contacter,#sex1,#sex2{
width:unset   !important;
}
.guestbook .content input{
width:98%
}
.guestbook .content textarea{
width:98%
}
/* 电话号码样式 */
.mobile-contact .phone {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    animation: pulse 1.5s infinite; /* 呼吸光效 */
    margin-right: 34px;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    background: url("/image/tel.png") no-repeat left center;
    background-size: 40px 50px;
}
.box {
  width: 100px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #000; /* 边框也会包含在 100px 内 */
}
/* 呼吸动画 */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* 只在手机显示 */
@media (min-width: 768px) {
    .mobile-contact {
        display: none;
    }
}
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
/* 移动端菜单按钮 - 只在手机版显示 */
@media screen and (max-width: 767px) {
       #mobile-menu-toggle {
        display: block;
        color: white;
        border: none;
        padding:0px 15px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        text-align: left;
    }
    .nav .rightbox {
    color: #0076e5;
  }
  
  .detail .content img{
   width: 100%;
  } 
  .detail .content .ke-zeroborder
  {
  
  }
}

/* PC版隐藏移动端菜单按钮 */
@media screen and (min-width: 768px) {
    #mobile-menu-toggle {
        display: none ;
    }
}

/* 二级页面移动端适配 */
@media screen and (max-width: 767px) {
    /* 隐藏电脑版导航的ul部分，但保留nav容器 */
    .nav ul {
        display: none !important;
    }
    
    /* 移动端导航容器 */
    #pc-nav {
        position: relative;
        width: 100%;
    }
    
    #pc-nav.show ul {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #333;
        z-index: 1000;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #pc-nav.show ul li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #555;
        height: unset;
    }
    
    #pc-nav.show ul li .secondUL {
        display: none;
    }
    
    #pc-nav.show ul li a {
        display: block;
        color: white;
        text-decoration: none;
        width: 100%;
        padding: 0px;
    }
    body{
      background:unset;
    }
    #pc-nav.show ul li a:hover {
        background: #555;
    }
    
    /* 移动端banner高度调整 */
    .banner {
        height: 120px !important; /* 调整为更适合手机的高度 */
       padding: 0 0px  !important;
    }
    .head{
      height:unset;
      overflow: unset;
    }
    .secondUL .secondLI {
        display: none !important;
    }
    .banner #pub_slideplay {
        height: 120px !important;
    }
    
    .banner #pub_slideplay li {
        height: 120px !important;
    }
    
    .banner #pub_slideplay img {
       width: 100% !important;
        height: 120px !important;
        object-fit: cover !important; /* 保持图片比例，避免变形 */
         object-position: center;    /* 图片居中，从中间往两边扩展 */
    }
    /* 面包屑导航 */
    .path .contbody {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    .path .text {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 12px !important;
    }
    .foot,.headbody,.nav,.top{
      padding:0px
    }
    /* 主内容区域 */
    .mainpart {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0px !important;
    }
    
    /* 隐藏左侧导航 */
    .mainpart .leftpart {
        display: none !important;
    }
    
    /* 右侧内容区域全宽 */
    .mainpart .rightpart {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }
    
    /* 标题区域 */
    .txtlist .title h1, .detail .title h1, .piclist .title h1, .guestbook .title h1 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 16px !important;
    }
    
    /* 内容区域 */
    .txtlist .content, .detail .content, .piclist .content, .guestbook .content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }
    
    /* 新闻列表项 */
    .txtlist .content li {
        height: auto !important;
        min-height: 55px !important;
        padding: 10px !important;
        margin-bottom: 10px !important;
        background: #f9f9f9 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 5px !important;
    }
    
    .txtlist .content li a {
        font-size: 14px !important;
        line-height: 1.4 !important;
        display: block !important;
        margin-bottom: 5px !important;
    }
    
    /* 分页样式 */
    .page {
        text-align: center !important;
        margin: 20px 0 !important;
    }
    
    .page .pnum {
        margin: 2px !important;
        display: inline-block !important;
    }
    
    .page .pnum a {
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
    
    /* 详情页内容 */
    .detail .content {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    
    .detail .content h1 {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important;
    }
    
    /* 图片列表 */
    .piclist .content li {
        width: 48% !important;
        max-width: 48% !important;
        margin: 1% !important;
        float: left !important;
    }
    
    .piclist .content li .pic {
        width: 100% !important;
        height: auto !important;
    }
    
    .piclist .content li .pic img {
        width: 100% !important;
        height: auto !important;
    }
    
    .piclist .content li .txt {
        font-size: 12px !important;
        text-align: center !important;
        margin-top: 5px !important;
    }
    
    /* 相关文章 */
    .related > .content > li {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px 0 !important;
        display: block !important;
    }
}