@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap");
ul,li{list-style:none;margin:0;padding:0}
body{margin:0;padding:0;overflow-x: hidden;font-family: "Poppins", sans-serif;}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{letter-spacing:0px;margin:0;padding:0}
h2{letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
a{text-decoration:none;}

.fuwuall{background-color: #fff;width:100%;}
.fuwu{padding: 260px 10% 0px 10%;width: 80%;}
#ticker{height:auto; padding: 0.6em 0; margin: 0 0 0em 0; border-top:0px solid #efefef; border-bottom:0px solid #efefef; position: absolute;z-index: 99;
    top: 15vw;
    left: 11%;}
#ticker h2{margin-bottom: 0.8em;font-size: 2.5vw;color: #fff;font-family:Microsoft YaHei, sans-serif;}

.gdkd {position: relative;
            width: 100%;
            height:100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin:0vw 0 0px 0;
            transition: transform 0.3s ease-out;}
.gdkd dd{color: #fff;font-size: 1.1vw;font-weight:normal;position: absolute;z-index: 99;
    top: 13vw;
    left: 11%;}
        
.scaling-image {position: relative;
            width: 100%;
            height:40vw;
            object-fit: cover;
            border-radius:0px;
            transition: transform 0.3s ease-out;}

.news{width:88%;margin:5vw 6%;overflow: hidden;position: relative;}
.news h3{font-size: 3vw;color: #222;font-family: "Poppins", sans-serif;position: relative; float: left;}

.topr{ width:16%; float:right;margin-top:0.8vw;border-bottom: 1px solid #ddd;}
.topr_ico a{ display: block; width: 100%;float: left;margin:0px 5px 5px 5px;position: relative;font-size: 15px;color: #377967;font-weight: bold;}
.topr_ico a img{margin-top: 5px;margin-right:8px;}
.topr_ico a span{line-height: 38px;float: right;}
.topweixin{ position:absolute; left: -126px; display: none;}
.tel{font-size: 15px;}
.tel img{vertical-align: middle;margin:0px 0px 0px 0px;}

.enter {
    width: 65%;
    float: left;
    height: 2vw;
    color: #666;
    font-size: 0.8vw;
    line-height: 2vw;
    margin-left: 0vw;
    padding-left: 0vw;
    outline: none;
    border: none;
    padding-right: 1vw;
    background: none;
}
.fdj {
    height: 2.5vw;
    width: 1.5vw;
    background: url(../images/searchlan.png) no-repeat 0.7vw 0.5vw;
    float:right;
    border: none;
    font-size: 0;
    cursor: pointer;
    padding-right:0.5vw;
}
.seach_k{margin-top:0px;background:#fff;overflow: hidden;border-radius: 30px;}
.rmss{float:right !important;display: block !important;}

.news ul{padding:0;margin:8vw 0 0 0;overflow: hidden;}
.news ul li{float:left;width:28%;margin-right:2%;background:#f5f5f5;box-shadow: 0 0.12rem 0.36rem 0 rgba(91,117,127,.15);
    padding: 2%;
    border-radius: 20px;margin-bottom: 4%;padding-bottom: 2%;}
.news ul li:nth-child(3n){margin-right:0;}
.news ul li img{width:100%;border-radius: 15px;margin-top: 2vw;transition: all .3s ease;}
.news ul li:hover img{transform: scale(1.05);}
.news ul li dd{font-size:0.8vw;color:#222;padding-top:1vw;}
.news ul li h4{font-size:1.6vw;color:#222;padding:2vw 0 .5vw 0;font-weight:normal;line-height: 2.2vw;height: 12vw;height: 12vw;}
.news ul li p{font-size:0.8vw;color:#999;line-height: 1.5vw;}

.news a{display: inline-block;
    padding: 0 2vw;
    margin-top: 3vw;
    background:rgba(28, 31, 31, .1);
    font-size: 0.9vw;
    color: #fff;
    overflow: hidden;
    width: 7.5vw;
    line-height: 2.6vw;
    border-radius: 35px;}
.news a:hover{background:#0081e0;}
.news a img {margin-top: 0vw!important;
    background: none;
    position: relative;
    top: 0.65vw;
    margin-right: 0vw;
    padding: 0;
    border-radius: 0;
    width:1.6vw !important;
    float: right;}

.newsr{width:88%;margin:150px auto;overflow: hidden;text-align:center;}
.newsr h3{font-size:30px;color:#333;font-weight:normal;padding-bottom:30px;}
.newsr p{font-size:16px;color:#666;font-weight:normal;line-height:30px;}

.articleA{width:100%;padding: 5vw 0;}
.article{width: 88%;
    background:#f5f5f5;
    overflow: hidden;
    margin: 0px auto 0px auto;
    max-width: 1600px;
    padding:0vw 0%;
    text-align:center;
    padding-bottom: 4vw;
    min-width: 1200px;}

.article h3{font-size:2.5vw;color:#222;font-weight:bold;padding-top:5vw;}
.article dd{font-size:16px;color:#333;font-weight:normal;line-height:30px;text-align:center;padding: 15px 0 30px 0;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.article p{font-size:16px;color:#666;font-weight:normal;line-height:30px;text-align:left;padding: 0px 6%;}
.article img{width:50%;padding: 0px 6%;margin:2vw 0;}
/* ========== 移动端样式（仅针对屏幕宽度≤768px生效，完全不影响桌面端原有样式） ========== */
@media screen and (max-width: 768px) {
  /* 全局调整：防止横向滚动，字体适当缩放 */
  body {
    overflow-x: hidden !important;
    font-size: 14px !important;
  }
  .dachengall {
    overflow-x: hidden !important;
  }

  /* ---------- 导航栏移动端改造（保留原有结构，增加折叠菜单功能） ---------- */
  /* 让复选框在移动端可见且显示为"汉堡菜单"图标，桌面端保持原样（默认复选框样式） */
  .caidan {
    position: relative !important;
    padding: 10px 5% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    z-index: 1000 !important;
  }
  /* 隐藏原本桌面端可能的多余样式，保留复选框用于菜单控制 */
  .caidan #menu-toggle-checkbox {
    position: absolute !important;
    top: 18px !important;
    right: 5% !important;
    width: 30px !important;
    height: 30px !important;
    opacity: 0; /* 透明但可点击，实际用伪元素做图标 */
    cursor: pointer !important;
    z-index: 1002 !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  /* 利用复选框的伪元素制作汉堡菜单图标（视觉上） */
  .caidan #menu-toggle-checkbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    z-index: 1;
  }
  .caidan #menu-toggle-checkbox::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 22px;
    height: 2px;
    background: #333;
    box-shadow: 0 8px 0 #333, 0 16px 0 #333;
    transition: all 0.2s;
  }
  /* 选中时改变图标样式（叉号效果） */
  .caidan #menu-toggle-checkbox:checked::after {
    transform: rotate(45deg);
    top: 14px;
    box-shadow: 0 0 0 #333, 0 8px 0 #333;
    background: #333;
  }
  .caidan #menu-toggle-checkbox:checked::before {
    background: transparent;
  }

  /* 移动端菜单默认隐藏，选中时显示 */
  .caidan .menu {
    position: absolute !important;
    top: 70px !important;
    left: 0 !important;
    width: 100% !important;
    background: #fff !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 20px 5% !important;
    margin: 0 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    display: none !important;
    z-index: 1001 !important;
    border-top: 1px solid #eee !important;
    box-sizing: border-box !important;
  }
  .caidan #menu-toggle-checkbox:checked ~ .menu {
    display: flex !important;
  }
  .caidan .menu li {
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    border-bottom: 1px solid #f0f0f0 !important;
    position: relative !important;
  }
  .caidan .menu li a {
    display: block !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
    color: #222 !important;
    font-weight: 500 !important;
  }
  /* 子菜单移动端样式调整 */
  .caidan .menu li .submenu {
    position: static !important;
    width: 100% !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    padding-left: 15px !important;
    display: none !important;
    margin-top: 0 !important;
  }
  .caidan .menu li:hover .submenu,
  .caidan .menu li:focus .submenu {
    display: none !important;
  }
  /* 移动端子菜单通过点击父级展开（简单起见，可自行点击，但保留结构不做js） */
  .caidan .menu li .submenu li a {
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: #555 !important;
  }
  /* 语言切换部分移动端调整 */
  .caidan .yycg {
    margin-right: 50px !important;
    margin-top: 5px !important;
  }
  .caidan .yycg a {
    font-size: 14px !important;
  }
  /* logo 移动端适当缩小 */
  .caidan .logo {
    width: 120px !important;
  }
  .caidan .logo img {
    max-width: 100%;
    height: auto;
  }

  /* ---------- Banner 区域移动端适配 ---------- */
  .gdkd {
    margin-top: 0 !important;
    height: auto !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .gdkd .scaling-image {
    height: 55vw !important;
    width: 100% !important;
    object-fit: cover !important;
    transform: scale(1) !important; /* 移动端取消滚动缩放效果，保持完整显示 */
  }
  .gdkd dd {
    top: 16vw !important;
    left: 6% !important;
    font-size: 4vw !important;
    font-weight: normal !important;
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  }
  #ticker {
    top: 21vw !important;
    left: 6% !important;
  }
  #ticker h2 {
    font-size: 5vw !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    margin-bottom: 0 !important;
  }

  /* ---------- 新闻列表区域移动端 ---------- */
  .news {
    width: 92% !important;
    margin: 8vw 4% !important;
  }
  .news h3 {
    font-size:6vw !important;
    float: none !important;
    display: block !important;
    margin-bottom: 15px !important;
  }
  /* 搜索区域移动端全宽 */
  .topr {
    width: 100% !important;
    float: none !important;
    margin-top: 0 !important;
    border-bottom: none !important;
    margin-bottom: 20px !important;
  }
  .topr_ico .seach_k {
    display: flex !important;
    align-items: center !important;
    background: #f5f5f5 !important;
    border-radius: 40px !important;
    padding: 5px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .enter {
    width: 85% !important;
    font-size: 14px !important;
    line-height: 40px !important;
    height: 40px !important;
    padding: 0 !important;
  }
  .fdj {
    width: 30px !important;
    height: 30px !important;
    background-size: 18px !important;
    background-position: center !important;
  }
  /* 新闻列表移动端单列显示 */
  .news ul {
    margin-top: 5vw !important;
  }
  .news ul li {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 6vw !important;
    padding: 5% !important;
    box-sizing: border-box !important;
  }
  .news ul li img {
    margin-top: 5vw !important;
    width: 100% !important;
    border-radius: 12px !important;
  }
  .news ul li h4 {
    font-size:4vw !important;
    line-height: 6vw !important;
    height: auto !important;
    min-height: 12vw !important;
    padding: 3vw 0 2vw 0 !important;
  }
  .news ul li dd {
    font-size: 3.5vw !important;
    padding-top: 2vw !important;
  }
  .news ul li p {
    font-size: 3.5vw !important;
    line-height: 5vw !important;
    margin: 2vw 0 !important;
  }
  .news ul li a {
    width: 32% !important;
    font-size: 3.8vw !important;
    line-height: 8vw !important;
    padding: 0 4vw !important;
    margin-top: 4vw !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .news ul li a img {
    width: 5vw !important;
    margin-top: 0 !important;
    top: 0 !important;
    float: none !important;
  }

  

  /* ---------- 其他细节优化 ---------- */
  /* 滚动缩放效果在移动端禁用或优化，防止变形 */
  .gdkd {
    transform: none !important;
  }
  .scaling-image {
    transform: scale(1) !important;
    transition: none !important;
  }
  /* 保证所有容器不溢出 */
  
  /* 按钮悬停效果在移动端取消 */
  .news a:hover {
    background: rgba(28, 31, 31, .1) !important;
  }
  /* 面包屑/分割线等 */
  .article, .newsr {max-width: 92%;
        min-width: 92%;
    width: 92% !important;
    margin: 30px auto !important;
  }
  .article h3 {
    font-size: 6vw !important;
  }
  .article dd, .article p {
    font-size: 16px !important;
    line-height: 1.8 !important;
  }
  /* 解决部分绝对定位层级冲突 */
  .caidan .menu {
    overflow-y: auto !important;
    max-height: 80vh !important;
  }
}