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

 body {
     font-family: 'microsoft yahei', sans-serif;
     background: #f0f3f5;
     background-image: url(/uploads/image/wtdtimg/contactbg.gif);
     min-height: 100vh;

 }

 .body_list {
     background: #f0f3f5;
     min-height: 100vh;
     background-image: url(/uploads/image/wtdtimg/bglist.png);
     background-repeat: repeat-x;
 }

 a {
     color: #000;
     text-decoration: none;
 }

 a:hover {
     color: #048d62;
 }

 .pc-hide {
     display: none;
 }

 /* 通用样式 */
 /* 标题区域 */
 .header {
     width: 100%;
     margin: 0 auto;
     text-align: center;
     padding: 70px 0;
     transition: filter 0.3s ease;
 }

 .header_list {
     max-width: 1320px;
     margin: 0 auto;
     display: flex;
     background-image: url(/uploads/image/wtdtimg/head.png);
     background-size: cover;
     background-position: center;
     padding: 70px 0 30px 0;
     transition: filter 0.3s ease;
 }

 

 .header_home {
    background-image: url(/uploads/image/wtdtimg/bg.png);
    background-size: cover;
    background-position: center;
    height: auto;
    min-height: 670px;
    margin-bottom: 100px;
}

.header_list img {
    max-width: 1320px;
    margin-top: 70px;
}

 .header_list div {
     margin: auto;
 }

 .header_home img {
     max-width: 1320px;
     margin-top: 100px;
 }

 .color-picker {
     position: absolute;
     top: 200px;
     right: 10px;
     display: flex;
     gap: 8px;
 }

 .color-option {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     border: 2px solid white;
     cursor: pointer;
     transition: transform 0.2s;
 }

 .color-option:hover {
     transform: scale(1.1);
 }

 /* 设置5种颜色选项 */
 .color-option:nth-child(1) {
     background: #4caf50;
 }

 .color-option:nth-child(2) {
     background: #2196f3;
 }

 .color-option:nth-child(3) {
     background: #9c27b0;
 }

 .color-option:nth-child(4) {
     background: #ff9800;
 }

 .color-option:nth-child(5) {
     background: #795548;
 }

 .green {
     background-image: url(/uploads/image/wtdtimg/greenbg.png);
     background-repeat: repeat-x;
     background-color: #fff;
 }

 .blue {
     background-image: url(/uploads/image/wtdtimg/bluebg.png);
     background-repeat: repeat-x;
     background-color: #fff;
 }

 .gold {
     background-image: url(/uploads/image/wtdtimg/goldbg.png);
     background-repeat: repeat-x;
     background-color: #fff;
 }

 .nomral {
     background-color: #fff;
 }

 .green .pagination a.active {
     background-color: #048d62
 }

 .blue .pagination a.active {
     background-color: #2196f3
 }

 .gold .pagination a.active {
     background-color: #ff9800
 }

 .main-title {
     font-family: '思源黑体 bold';
     font-size: 36px;
     color: #044315;
     margin-bottom: 10px;
 }

 .sub-title {
     font-family: '思源宋体 regular';
     font-size: 20px;
     color: #018360;

 }

 .topnews {
    width: 1320px;
    background-color: #5cb90d;
    color: #fff;
    margin: auto;
    padding: 15px 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 3px 18px rgba(1, 32, 22, 0.3);
    display: flex;
    top: -15px;
    position: relative;
    transition: all 0.3s ease;
 }

 .topnews:hover {
     transform: translatey(-3px);
     background-color: #018360;
 }

 .topnews a {
     color: #fff;
 }

 .topnews a:hover {
     color: #b9e6e2;
 }
 .topnews> :first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
    line-height: 2em;
    font-size: 32px;
}

 .newsmore {
     border-radius: 50%;
     border: none;
     background-color: #018360;
     max-width: 30px;
     height: 30px;
     color: #fff;
     font-size: 40px !important;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background-color 0.3s;
     margin-left: auto;
     /* 新增右侧定位 */
     flex-shrink: 0;
     cursor: pointer;

 }

 .newsmore:hover {
     background-color: #01694c;
     color: #fff;
 }

 /* 卡片容器 */
 .container {
     width: 100%;
     margin: 0 auto;
     margin-top: -50px;
     background-image: url(/uploads/image/wtdtimg/contactbg.gif);
     /* display: flex; */
     gap: 30px;
     border-radius: 20px 20px 0 0;
     justify-content: center;
     align-items: center;
     /* 新增垂直居中 */
     flex-wrap: wrap;
 }

 .container_list {
     max-width: 1320px;
     margin: 0 auto;
     padding: 0 20px;
     /* display: flex
; */
     gap: 30px;
     justify-content: center;
 }

 /* 通用卡片样式 */
 .card {
     max-width: 1320px;
     flex: 1;
     border-radius: 8px;
     padding: 30px;
     box-shadow: 0 4px 12px rgba(99, 99, 99, 0.1);
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
     opacity: 0;
     transform: translatey(30px);
     transition: opacity 0.5s ease, transform 0.5s ease;
     margin: auto;
     margin-top: 30px;
     margin-bottom: 30px;
 }


 .card.show {
     opacity: 1;
     transform: translatey(0);
 }

 /* 轮播图样式 */
 .carousel {
     position: relative;
     width: 500px;
     height: 390px;
     overflow: hidden;
     border-radius: 8px;
     flex: 0 0 47%;
 }

 .carousel-inner {
     display: flex;
     transition: transform 0.5s ease;
     width: 100%;
 }

 .carousel-item {
     flex: 0 0 100%;
     width: 100%;
     height: 390px;
     box-sizing: border-box;
 }

 .carousel-item.active {
     opacity: 1;
 }

 .carousel-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .carousel-prev,
 .carousel-next {
     position: absolute;
     top: 50%;
     transform: translatey(-50%);
     background: rgba(0, 0, 0, 0);
     color: white;
     border: none;
     padding: 15px;
     cursor: pointer;
     border-radius: 50%;
     font-size: 2em;
 }

 .carousel-prev {
     left: 10px;
 }

 .carousel-next {
     right: 10px;
 }

 .carousel-indicators {
     position: absolute;
     bottom: 20px;
     left: 50%;
     transform: translatex(-50%);
     display: flex;
     gap: 10px;
 }

 .carousel-indicators span {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.5);
     cursor: pointer;
 }

 .carousel-indicators span.active {
     background: #fff;
 }

 .card .content-box:hover {
     /* transform: translatey(-4px); */
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.0.0.3);
 }

 /* 主题色配置 */
 .card h3 img {
    height: 50px;
    padding-left: 20px
 }

 .green h3 {
     color: #4caf50;
     color: #333;
 }

 .gold h3 {
     color: #ffb300;
     color: #333;
 }

 .blue h3 {
     color: #2196f3;
     color: #333;
 }

 /* 内容区域 */
 .card h3 {
     font-size: 28px;
     margin-bottom: 25px;
     /* text-align: center; */
 }

 .content-box {
     height: 200px;
     margin-bottom: 25px;
     transition: transform 0.3s ease;
 }



 /* 描述文字 */
 .card .pdesc {
     text-align: center;
     color: #999999;
     font-size: 16px;
     line-height: 1.6;
 }



 /* 波浪装饰线 */
 .card::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 0;
     right: 0;
     height: 20px;
     background: linear-gradient(transparent 50%,
             rgba(0, 0, 0, 0.05) 100%);
     clip-path: ellipse(60% 10px at 50% 100%);
 }

 /* 文章列表样式 */
 .article-list {
     padding: 15px;
 }

 .article-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 12px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.08);

 }

 .article-item:last-child {
     border-bottom: none !important;
 }

 .article-title {
     font-size: 18px;
     color: #333;
     max-width: 83%;

     white-space: nowrap;
     position: relative;
     display: block;
     padding-left: 20px;
     /* 为图标预留空间 */
 }

 .article-title::before {
     content: "\e756";
     /* 使用unicode编码 */
     font-family: "iconfont";
     /* 使用你的iconfont字体 */
     position: absolute;
     left: 0px;
     line-height: 20px;
     font-size: 18px;
     width: 20px;
     text-align: center;
 }

 .green .article-title::before {
     color: #5cdd61 !important;
     ;
 }

 .blue .article-title::before {
     color: #4c95ef !important;
     ;
 }

 .gold .article-title::before {
     color: #ffb300 !important;
     ;
 }

 .nomral .article-title::before {
     color: #048d62 !important;
     ;
 }

 /* 日期样式 */
 .article-date {
    font-size: 16px;
    color: #666;
    flex-shrink: 0;
 }

 /* 调整原有内容框高度 */
 .content-box {
     height: auto;
     /* 改为自适应高度 */
     min-height: 200px;
     padding: 0;
     /* 移除原有内边距 */
     display: flex;
     gap: 20px;
     padding: 15px;
 }

 footer {

     padding: 20px 0;
     margin-top: 40px;
     font-size: 14px;
     color: #666;
 }

 /* 链接样式 */
 .article-title a {
     text-decoration: none;
     transition: all 0.3s ease;
     display: block;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 /* 主题色链接配置 */
/* .green .article-title a,
 .green .article-title::before {
     color: #4caf50;

 }

 .gold .article-title a,
 .gold .article-title::before {
     color: #b67f00;

 }

 .blue .article-title a,
 .blue .article-title::before {
     color: #0665b3;

 }*/

 /* 悬停效果 */
 .article-title a:hover {
     transform: translatex(-3px);
 }

 .green .article-title a:hover {
     color: #388e3c;
     border-bottom-color: #4caf50;
 }

 .gold .article-title a:hover {
     color: #f57c00;
     border-bottom-color: #ffb300;
 }

 .blue .article-title a:hover {
     color: #1976d2;
     border-bottom-color: #2196f3;
 }

 /* 标题右侧链接样式 */
 .card h3 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 25px !important;
 }

 .more-link {
     font-size: 14px;
     font-weight: normal;
     text-decoration: none;
     transition: all 0.3s ease;
     display: inline-flex;
     align-items: center;
     position: relative;
     right: -32px;
     padding: 2px 10px;
 }

 .more-link::after {
     content: "→";
     margin-left: 6px;
     transition: transform 0.3s;
 }

 .more-link:hover::after {
     transform: translatex(3px);
 }

 /* 主题色配置 */
 .green .more-link {
     background-color: #4caf50;
     color: #ffffff;
 }

 .gold .more-link {
     background-color: #ffb300;
     color: #ffffff;
 }

 .blue .more-link {
     background-color: #2196f3;
     color: #ffffff;
 }

 /* 图片链接容器 */
 .image-column {
     flex: 0 0 35%;
     min-width: 200px;
     position: relative;
     border-radius: 6px;
     overflow: hidden;
     transition: transform 0.3s;
 }

 .image-column:hover {
     transform: scale(0.98);
 }

 /* 主题色边框 */
 .green .image-column {
     border: 2px solid #e8f5e9;
 }

 .gold .image-column {
     border: 2px solid #fff3e0;
 }

 .blue .image-column {
     border: 2px solid #e3f2fd;
 }

 /* 图片样式 */
 .main-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     min-height: 240px;
 }

 /* 文章列表容器 */
 .list-column {
     flex: 1;
     min-width: 0;
 }

 .w1200 {
     display: flex;
     width: 1290px;
     margin: 0 auto;
     overflow: hidden;
     padding: 0 15px;
 }

 .dzjg {
     width: 8%;
     float: left;
     margin: 2% 2% 2% 0;
     text-align: center;
 }

 .foot_text {
     width: 62%;
     float: left;
     margin: 2% 0;
 }

 .foot_qrcode {
     width: 25%;
     float: left;
 }

 .foot_qrcode ul li {
     width: 50%;
     float: left;
     margin: 0 0%;
     text-align: center;
     font-size: 0.6em;
 }

 .foot_qrcode ul li img {
     width: 80%;
     margin: 0 10%;
 }

 img.tyimg {
     width: 100%;
     display: block;
 }

 ul {
     margin: 0px;
     padding: 0px;
     outline: none;
 }

 li {
     list-style: none;
 }

 footer a {
     color: #333;
 }


 /* 导航菜单样式 */
 .nav-container {
     position: fixed;
     top: 0;
     z-index: 1000;
     width: 100%;
 }

 .nav-container.scrolled {
     background: #fff;
     box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
     transition: background 0.5s, box-shadow 0.5s;
 }

 .nav-container.scrolled .nav-menu {
     background: rgba(255, 255, 255, 0.95);
     box-shadow: none;
     transition: background 0.3s, box-shadow 0.3s;
 }

 .nav-menu img {
     height: 65%;
     padding: 15% 0 0 35%;
 }

 .nav-menu {
     background: rgba(255, 255, 255, 0.95);
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     max-width: 1320px;
     margin: auto;
     margin-top: 20px;
     padding: 0px;
     display: flex;
     gap: 60px;
     flex-wrap: wrap;
     border-radius: 9999px;
 }

 .nav-item {
     justify-content: flex-start;
     padding: 10px 0;
     position: relative;
     font-family: '思源黑体 medium';
     font-size: 16px;
     color: #555;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .right-align {
     margin-left: auto;
     /* 自动左外边距使其居右 */
 }

 .nav-item::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 4px;
     background: #048d62;
     transition: width 0.3s;
     border-radius: 4px 4px 0 0;
 }

 .nav-item:hover {
     color: #333;
 }

 .nav-item:hover::after {
     width: 100%;
 }

 /* 当前激活状态 */
 .nav-item.active {
     color: #048d62;
     font-weight: 500;
 }

 .nav-item.active::after {
     width: 100%;
 }


 .searchform {
     border: 1px solid #ddd;
     border-radius: 4px
 }

 .search-box {
     display: flex;
     align-items: center;
     margin-left: 20px;
 }

 .search-box input {
     padding: 8px 12px;
     border: none;
     border-radius: 4px 0 0 4px;
     outline: none;
     width: 180px;
 }

 .search-btn {
     padding: 8px 12px;
     background: #048d62;
     color: white;
     border: none;
     border-radius: 0 4px 4px 0;
     cursor: pointer;
     transition: all 0.6s ease;
 }

 .search-btn:hover {
     background: #048d62;
 }

 .back-to-top {
     position: fixed;
     right: calc(50% - 660px);
     bottom: 100px;
     width: 50px;
     height: 50px;
     background: #048d62;
     color: white;
     border-radius: 10%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     opacity: 0;
     transition: all 0.6s ease;
     z-index: 999;

 }

 .back-to-top span {
     font-size: 24px;
 }

 .back-to-top.show {
     opacity: 1;
 }

 .back-to-top:hover {
     background: #32b6a0;
 }

 .current-location {
     font-size: 16px;
     color: #666;
     margin-left: 15px;
     font-weight: normal;
     vertical-align: middle;
 }

 /* 内容页 */
 .content {
     padding: 20px;
     background: #fff;
     border-radius: 8px;

 }

 .content h2 {
    color: #048d62;
    padding-bottom: 25px;
    font-size: 2rem;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}

 .content>div:first-of-type {
     color: #666;
     font-size: 16px;
     margin-bottom: 20px;
     text-align: center;
 }

 .content-text {
    line-height: 2em;
    font-size: 18px;
    color: #333;
    text-align: left;
}

 .content-text p {
     margin-bottom: 15px;
     text-indent: 2em;
 }

 .content-text img{ 
    display: block;
    margin: 0 auto 10px auto;
    max-width: 100%;
    height: auto;
}

 .pagination {
     display: flex;
     justify-content: center;
     margin: 30px 0;
     flex-wrap: wrap;
     font-size: 12px;
 }

 .pagination a {
     color: #333;
     padding: 8px 16px;
     text-decoration: none;
     border: 1px solid #ddd;
     margin: 0 4px;
     border-radius: 4px;
     transition: transform 0.3s ease;
 }

 .pagination a.active {
     background-color: #048d62;
     color: white;
     border: 1px solid #ddd;
 }

 .pagination a:hover:not(.active) {
     background-color: #f5f5f5;
 }

 .pagination a.prev,
 .pagination a.next {
     background-color: #f1f1f1;
 }

/* 2025-05-28 */



.nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 30px;
}

.page {width: 100%;text-align: center;margin: 30px 0 30px 0;}
.page a{background: #fff;color: #333;border: #ccc 1px solid;padding: 5px 10px;margin-right: 10px;}
.page a.on {background: #3cb446;color: #fff;border: #3cb446 1px solid;}
.page .current {    background: #3cb446;
    color: #fff;
    border: #3cb446 1px solid;
    padding: 5px 10px;
    margin-right: 10px;}
.page span {padding: 5px 10px;}
.page form {display: contents;}
.page select {padding: 5px 10px;}

/* 移动端隐藏文字 */
@media (max-width: 480px) {
    .nav-item span:last-child {
        display: none;
    }
}

/* 移动菜单按钮 */
.mobile-menu-btn {
    display: none;
    padding: 15px;
    background: #038360;
    color: white;
    cursor: pointer;
}
@media (max-width: 768px) {
    .mobile-menu-btn {
        display: block;
    }
    .carousel-item {
        flex: 0 0 100%;
        width: 100%;
        height: 200px;
        box-sizing: border-box;
    }
    
    .nav-menu {
        display: none;
        width: 100%;
        padding: 0;
        background: #f8f9fa;
    }
    
    .nav-menu.active {
        display: flex;
        flex-direction: column;
    }
    
    .nav-item {
        width: 100%;
        margin: 0;
        padding: 12px 15px;
        border-bottom: 1px solid #ddd;
    }
    
    .search-box {
        order: 0;
        padding: 15px;
    }
    .nav-menu{gap: 20px;
        margin-top: 0;
    border-radius: 0;}

    .m-hide{display: none;}
    .header_home{min-height: 180px;}

.header_home img {width: 95%;margin-top:30px}
.topnews{width: 95%;margin: 0 auto;}
.content-box{display: contents;}
.article-item{align-items: flex-start;}
.article-list{padding: 0;}
.w1200{width: 100%;display: contents;}
.dzjg{width: 30%; margin: 0 35%;}
.foot_text{width: 90%; margin: 0 5%; font-size: 0.8em;}
.foot_qrcode{width: 70%;margin: 3% 15%;}
}
  /*alignment*/
  .alignleft {
    display:inline;
    float:left;
    margin-right:1.625em;
 }
 .alignright {
    display:inline;
    float:right;
    margin-left:1.625em;
 }
 .aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
 }
 /* 移动端适配 */
@media screen and (max-width: 768px) {
    .nav-menu {
        flex-wrap: wrap;
        padding: 10px;
    }
    
    .nav-item {
        width: 100%;
        margin: 5px 0;
        padding: 8px;
    }
    
    .card {
        width: 95% !important;
        margin: 10px auto;
    }
    
    .carousel {
        width: 100%;
        height: 200px;
    }
    
    .article-list {
       
    }
    
    .article-item {
        flex-direction: column;
    }
    
    .article-date {
        margin-top: 5px;
        font-size: 0.8rem;
        display: none;
    }

    .topnews> :first-child {
        font-size: 1rem;
    }
    .card h3 img {
        height: 20px;
        padding-left: 0;
    }
    .article-title {
        font-size: 0.8rem;
        color: #333;
        max-width: 100%;
        white-space: nowrap;
        position: relative;
        display: block;
        padding-left: 15px;
    }
    .header_list img {
        max-width: 90%;
        margin: 30px 5% 0 5%;
    }
    .container_list {
        max-width: 100%;
        padding: 0;
    }
    .card{ padding: 3%;}
    .current-location {
        font-size: 0.8rem;
        color: #666;
        margin-left: 0;
        font-weight: normal;
        vertical-align: middle;
    }
    .content{ padding: 0;}
    .content h2 {
        color: #048d62;
        padding-bottom: 25px;
        font-size: 1.2rem;
        margin-bottom: 15px;
        border-bottom: 1px solid #eaeaea;
        text-align: center;
    }
    .content-text {
        line-height: 2em;
        font-size: 1rem;
        color: #333;
        text-align: left;
    }
    .more-link {
        right: -3%;
    }


    
   
}