* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
        body {background-color: #f5f2ea;background-image: radial-gradient(circle at 10px 10px, rgba(0,0,0,0.03) 2px, transparent 0),radial-gradient(circle at 30px 30px, rgba(0,0,0,0.03) 2px, transparent 0);background-size: 40px 40px;color: #333;line-height: 1.5;}
        .container {width: 100%;max-width: 1600px;margin: 0 auto;/*padding: 0 15px;*/}
        .container1 {width: 100%;max-width: 1200px;margin: 0 auto;/*padding: 0 15px;*/}
        /* 主头部区域 - 响应式优化 */
        .main-header {padding: 15px 0;display: flex;flex-direction: column;align-items: center;gap: 15px;}
        .logo-section {display: flex;flex-direction: column;align-items: center;text-align: center;}
        .logo {font-size: 32px;font-weight: bold;color: #ff6600;margin-bottom: 5px;}
        .brand-name {font-size: 20px;font-weight: bold;color: #333;}
        .slogan {font-size: 12px;color: #666;margin-top: 5px;}
        .contact-section {text-align: center;}
        .hotline {font-size: 16px; color: #333;margin-bottom: 5px;}
        .phone-number {font-size: 20px; font-weight: bold;color: #ff6600;}
        .phone-number a{color: #ff6600;text-decoration: none;}
        /* 导航栏 - 响应式优化 */
        .nav-bar {background-color: #ff6600;padding: 10px 0;position: relative;}
        .navs{width:90%; margin:0 auto;}
        .nav-toggle {display: none;background: none;border: none;color: white;font-size: 24px;cursor: pointer;padding: 10px 15px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 60px;height: 50px;text-align: center;}
        .nav-menu {display: flex;list-style: none; gap: 10px;padding: 0 10px;transition: all 0.3s ease;}
        .nav-menu li {margin: 0;}
        .nav-menu a { color: #fff;text-decoration: none;font-size: 14px;font-weight: bold;transition: color 0.3s;padding: 5px 10px;display: block;}
        .nav-menu a:hover {color: #333;}
        /* Banner区域 */
         .banner {height:400px;margin:0 auto; overflow: hidden;position: relative;background-color: #f5f2ea;}
         /* 轮播容器 */
         .banner-slides {display: flex;width: 100%;height: 100%;transition: transform 0.5s ease;}
        /* 单个轮播项 */
       .banner-slide {min-width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;position: relative;flex-shrink: 0;}
       /* 内容样式 */
        .slide-content {position: relative;z-index: 2;font-size: 24px;font-weight: bold;color: #ff6600;text-align: center;padding: 20px;background-color: rgba(255, 255, 255, 0.7);border-radius: 8px;}
       /* 控制按钮 */
    .banner-controls {position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;gap: 10px;z-index: 10;}
     .banner-dot {width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s;}
     .banner-dot.active {background-color: #ff6600;}
      /* 背景图片定义 */
     .banner-slide:nth-child(1) {background-image: url('../images/banner01.jpg');}
    .banner-slide:nth-child(2) {background-image: url('../images/banner02.jpg');}
    .banner-slide:nth-child(3) {background-image: url('../images/banner03.jpg');}


     /* Banner控制按钮 */
     .banner-controls {position: absolute;bottom: 20px;left: 0;right: 0;display: flex;justify-content: center;gap: 10px;z-index: 10;}
     .banner-dot {width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s;}
     .banner-dot.active {background-color: #ff6600;}
        
        /* 搜索区域 */
.search-section {padding: 15px 0;background-image: url('../images/s_bg.jpg');background-size: cover;background-position: center;margin: 0 auto;}
        .search-content {display: flex;justify-content: space-between;align-items: center;}
        .keywords {font-size: 14px;color: #666;}
        .keywords span {color: #ff6600;font-weight: bold;}
        .search-box {display: flex;width: 300px;}
        .search-box input {flex: 1;padding: 8px 12px;border: 1px solid #ddd;border-right: none;border-radius: 4px 0 0 4px;outline: none;}
        .search-box button {background-color: #ff6600;color: #fff;border: none;padding: 8px 15px;border-radius: 0 4px 4px 0;cursor: pointer;transition: background-color 0.3s;}
        .search-box button:hover {
            background-color: #e55a00;
        }
        
        /* 搜索区域 - 响应式优化 */
        .search-section {
            background-color: #fff;
            padding: 15px 0;
            border-top: 1px solid #eee;
            padding-left: 15px;
        }
        
        .keywords {
            font-size: 12px;
            color: #666;
            text-align: center;
        }
        
        .keywords span {
            color: #ff6600;
            font-weight: bold;
        }
        
        .search-box {
            display: flex;
            width: 100%;
            max-width: 400px;
            margin: 0 auto;
        }
        
        .search-box input {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-right: none;
            border-radius: 4px 0 0 4px;
            outline: none;
            font-size: 14px;
        }
        
        .search-box button {
            background-color: #ff6600;
            color: #fff;
            border: none;
            padding: 8px 15px;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
            transition: background-color 0.3s;
            font-size: 14px;
        }
        .search-box button:hover {
            background-color: #e55a00;
        }
        /* 主要内容区域 */
        .main-content {background: url(../images/n_nh.jpg) no-repeat center 0;/*background-size: cover;background-position: center;*/ display: grid;grid-template-columns: 1.5fr 1.5fr;gap:10px;padding: 10px 0;margin:0 auto;}
        .news-section {width：1200px; margin:auto 0 px;padding: 20px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
        .section-header {display: flex; justify-content: space-between; text-align: center; align-items: center;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid #ff6600;}
        .section-title {font-size: 18px;font-weight: bold;color: #ff6600; margin: 0 auto; margin-top: 10px;}
        .more-link {color: #ff6600;text-decoration: none;font-size: 14px;}
        .news-list {list-style: none; line-height:26px;
                   display: -webkit-box;           /* 旧版弹性盒模型（支持多行省略必备） */
                    -webkit-line-clamp: 11;          /* 限制显示行数 */
                    -webkit-box-orient: vertical;   /* 垂直排列 */
                    overflow: hidden;
                    text-overflow: ellipsis;}
        .news-item {padding: 15px 0;border-bottom: 1px solid #eee;}
        .news-item:last-child {border-bottom: none;}
        .news-title {font-size: 16px;color: #333;margin-bottom: 5px;text-decoration: none;display: block;}
        .news-title:hover {color: #ff6600;}
        .news-title span{float:right;}
        .news-date {font-size: 12px;color: #999;float:right;}
        /* 右侧图片区域 */
        .image-section {background: url(../images/n_tvbg.gif) no-repeat;width: 467px;height: 281px;margin-top:70px;}
        .crab-image {width: 100%;height: 400px; background: linear-gradient(135deg, #ff6600 0%, #ff8c00 100%);border-radius: 8px;display: flex;align-items: center; justify-content: center;color: white; font-size: 18px;position: relative;overflow: hidden; }
        .crab-image::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.1"><path d="M20,20 Q40,5 60,20 T100,20 Q80,40 60,20 T20,20" fill="white"/></svg>');
            background-size: 200px 200px;
        }
       .about{ /*background-image: url('../images/ys_bg.jpg');*/background-size: cover;background-position: center;overflow: hidden; height: 1862px;}
       .about-one{ background-image: url('../images/ys_bg1.jpg');background-size: cover;background-position: center;overflow: hidden; height: 752px;position: inherit;text-align: center;padding-top: 65px;} 
       .about-one h1,.about-one span,.title-two span,.title-three span{color: #ff8c00;}
       .about-one p{font-size: 18px; padding-top: 8px;font-weight: bolder;}
       .showabout{font-size: 16px;padding-top:22px;clear: both;}
        .title-one{width: 35%;margin: 100px;text-align: left; }
       .bgtit{background-image: url('../images/ys_t.png');background-size: cover;background-position: center;width:67px;height: 98px;font-size: 40px;padding-top: 25px;font-weight: bold;text-align: center; }
      .title-one span{font-size:28px;font-weight: bold;}
      .about-two{ background-image: url('../images/ys_bg2.jpg');background-size: cover;background-position: center;overflow: hidden; height: 1113px;} 
       .title-two{width: 35%;margin: 100px;text-align: right; float: right;}
       .title-two .bgtit2{ float: right;}
       .title-two span{font-size:28px;font-weight: bold;}
       .title-two p{font-size: 18px; padding-top: 8px;font-weight: bolder;}
       .title-three{width: 35%;margin: 100px;text-align: left; float: left;margin-top: 650px;}
       .title-three .bgtit2{ float: left;}
       .title-three span{font-size:28px;font-weight: bold;}
       .title-three p{font-size: 18px; padding-top: 8px;font-weight: bolder;}
       .tels{/*background-image: url('../images/tts.jpg');*/background-size: cover;background-position: center;overflow: hidden; height: 294px;}
       .tel{background-image: url('../images/tt1.jpg');background-size: cover;background-position: center;overflow: hidden; height: 294px;}
       .tel .tel_txt{float: right;padding: 130px 350px;font-size: 25px;text-align: center;}
       .tel .tel_txt span{color: #ff6a0b;font-weight: bolder;}
       .pinx{/*background-image: url('../images/pc_bg.jpg');*/background-size: cover;background-position: center;overflow: hidden; height: 734px;}
       .pin{background-image: url('../images/pc_bg1.jpg');background-size: cover;background-position: center;overflow: hidden; height: 734px;}
        
        /*首页展示*/
        .carousel-container {width: 100%;max-width: 1200px;margin: 40px auto;padding: 0 20px;}
        .carousel-title {text-align: center;font-size: 28px;color: #ff6600;margin-bottom: 30px;font-weight: bold;}
        .carousel-title h6{text-align: center;}
        .carousel {position: relative;width: 100%;overflow: hidden; margin-top: 100px;}
        .carousel-track {display: flex;transition: transform 0.5s ease;gap: 15px;}
        .carousel-item {min-width: calc(33.333% - 10px);height: 377px;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.1);flex-shrink: 0;}
        .carousel-item img {height: 90%;object-fit: cover;}
        .carousel-controls {display: flex;justify-content: center;gap: 15px;margin-top: 20px;}
        .carousel-btn {background-color: #ff6600;color: white;border: none;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;font-size: 18px;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s;
}
        .carousel-btn:hover {background-color: #e55a00;}
        .carousel-dots {display: flex;justify-content: center;gap: 10px;margin-top: 15px;}
        .carousel-dot {width: 12px;height: 12px;border-radius: 50%;background-color: #ddd;cursor: pointer;transition: background-color 0.3s;}
        .carousel-dot.active {background-color: #ff6600;}

        .walk{/*background-image: url('../images/zj_bg0.jpg');*/background-size: cover;background-position: center;overflow: hidden; height: 757px;}
        .walk1{/*background-image: url('../images/zj_bg.jpg');*/background-size: cover;background-position: center;overflow: hidden; height: 757px;}
        .titbg{text-align: center;margin-top: 95px;}
        .imgnr{width: 820px;margin: 0 auto;}
        .imgc{background-image: url('../images/20150420172032_99969.jpg');background-size: cover;background-position: center;overflow: hidden;width: 447px;height: 325px; float: right;margin-top: 146px;margin-right: -10px;}
        .imgtext{width:35%;float: left;margin: 0 auto;margin-top: 146px;margin: 146px 15px 0px 30px;}
        .imgtextimg{text-align:center;padding-bottom: 20px;}

         /* 新增滚动客户区域样式 */
        .clients-scroll-container {width: 100%;overflow: hidden;position: relative;padding: 10px 0;}
        .clients-scroll-wrapper {display: flex;transition: transform 0.5s ease;width: max-content;gap: 25px;}
        .client-scroll-item {flex: 0 0 250px;text-align: center;padding: 15px;border-radius: 5px;transition: all 0.3s ease;background-color: #f9f9f9; height: 130px;}
        .client-scroll-item:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); cursor:pointer;}
        .scroll-controls {display: flex;justify-content: center;margin-top: 15px;gap: 15px;}
        .scroll-btn {width: 40px;height: 40px;border-radius: 50%;background-color: #ff6600;color: white;display: flex;align-items: center;justify-content: center;cursor: pointer;border: none;outline: none;transition: all 0.3s ease;}  
        .scroll-btn:hover {background-color: #e55a00;transform: scale(1.1);}
        .scroll-btn:disabled {background-color: #ccc;cursor: not-allowed;transform: none;}
        .c1{background-image: url('../images/20150422130531_60871.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c2{background-image: url('../images/20150422130544_75018.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c3{background-image: url('../images/20150422130550_47140.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c4{background-image: url('../images/20150422130617_67244.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c5{background-image: url('../images/20150422130625_36059.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c6{background-image: url('../images/20150422130641_78901.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c7{background-image: url('../images/20150422130647_12409.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c8{background-image: url('../images/20150422130654_32761.jpg');background-size: cover;background-position: center;overflow: hidden;}
        .c9{background-image: url('../images/20150422130701_91575.jpg');background-size: cover;background-position: center;overflow: hidden;}

          /* 新闻内容区域 */
        .news-detail {background-color: white;margin: 0 auto;max-width: 1200px;box-shadow: 0 0 20px rgba(0,0,0,0.05);}
        .news-cover {width: 100%;height: 300px; /* 电脑端增加高度 */background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), 
                       url('https://via.placeholder.com/1200x400?text=新闻封面图') center/cover;display: flex;align-items: flex-end;padding: 30px;color: white;}
        .news-titles {font-size: 28px; /* 电脑端增大字号 */font-weight: bold;margin-bottom: 15px;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
        .news-meta {display: flex;gap: 20px; /* 电脑端增加间距 */font-size: 14px; /* 电脑端增大字号 */opacity: 0.9;}
        .news-section {margin-bottom: 30px;}
        .news-section h3 {font-size: 20px; color: #ff6600;margin-bottom: 15px;padding-left: 15px;border-left: 4px solid #ff6600; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
        .news-section p {margin-bottom: 20px;text-align: justify;font-size: 16px; /* 电脑端增大字号 */color: #555;}
        .news-image {width: 100%;margin: 20px 0;border-radius: 5px;overflow: hidden;}
        .news-image img {width: 100%;height: auto;display: block;}
        .image-caption {font-size: 14px; /* 电脑端增大字号 */color: #999;text-align: center;margin-top: 8px;font-style: italic;}
        /*相关新闻*/
        .related-news {background-color: white;margin: 30px auto;padding: 25px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);max-width: 1200px;}
        .related-title {font-size: 20px; /* 电脑端增大字号 */font-weight: bold;margin-bottom: 20px;color: #333;padding-bottom: 15px;border-bottom: 1px solid #eee;}
        .related-list {display: grid;grid-template-columns: repeat(3, 1fr); /* 电脑端三列布局 */gap: 20px;}
        .related-item {display: flex;flex-direction: column;padding: 15px;border-radius: 5px;text-decoration: none;color: #333;transition: all 0.3s;background-color: #f9f9f9;}
        .related-item:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
        .related-item img {width: 100%;height: 120px;object-fit: cover;border-radius: 4px;margin-bottom: 12px;}
        .related-item-title {font-size: 16px;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
        .related-item-date {font-size: 14px;color: #999;}
        .meta-icon {display: inline-flex;align-items: center;margin-right: 5px;}
        .meta-icon svg {width: 14px;height: 14px;fill: currentColor;margin-right: 3px;}

        /*底部*/
        .footer-container {width: 100%;margin: 0 auto;background-color: #fff;border-radius: 8px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
        /* 顶部导航条 - 移动端改为垂直布局 */
        .footer-nav {background-color: #ff6600;padding: 15px;}
        .footer-nav-links {max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;list-style: none;gap: 10px;}
        .footer-nav-links li {position: relative;margin: 5px 0;}
        .footer-nav-links li:not(:last-child)::after {/*content: "|";*/color: rgba(255, 255, 255, 0.7);margin: 0 10px;}
        .footer-nav-links a {color: white;text-decoration: none;font-size: 14px;transition: opacity 0.3s;white-space: nowrap;}
        .footer-nav-links a:hover {opacity: 0.8;}
        /* 主要内容区域 - 移动端改为垂直布局 */
        .footer-main {max-width: 1200px;margin: 0 auto;display: flex;flex-direction: column;background-color: #fff;}
        /* 品牌信息区域 */
        .footer-brand {background-image: url('../images/f_logo.jpg');background-size: cover;background-position: center;overflow: hidden;width: 100%;background-color: #f5f2ea;padding: 20px;display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 20px;height: 300px;}
        .brand-logo {width: 70px;height: 70px;background-color: #ff6600;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;color: white;font-weight: bold;font-size: 16px;}
        .brand-name {font-size: 20px;font-weight: bold;color: #333;margin-bottom: 5px;}
        .brand-tagline {font-size: 13px;color: #666;line-height: 1.4;}
        .footer-main .text{width: 100%;text-align: center;line-height: 40px;}
        /* 公司信息区域 */
        .footer-info {width: 100%;margin-bottom: 20px;}
        .company-name {font-size: 16px;font-weight: bold;color: #333;margin-bottom: 15px;text-align: center;padding-top: 80px;}
        .contact-info {margin-bottom: 20px;}
        .contact-item {margin-bottom: 8px;font-size: 14px;color: #555;text-align: center;}
        .links-section {margin-bottom: 20px;}
        .links-title {font-size: 15px;font-weight: bold;color: #333;margin-bottom: 10px;text-align: center;}
        .links-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;justify-items: center;}
        .links-grid a {color: #555;text-decoration: none;font-size: 13px;transition: color 0.3s;text-align: center;}
        .links-grid a:hover {color: #ff6600;}
        .copyright {font-size: 12px;color: #888;margin-top: 20px;text-align: center; padding-top: 40px;}
        /* 二维码区域 */
        .footer-qr {width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 20px; padding-top:85px;}
        .qr-code {background-image: url('../images/f_er.jpg');background-size: cover;background-position: center;overflow: hidden;width: 100px;height: 100px;background-color: #f0f0f0;margin-bottom: 10px;display: flex;align-items: center;}
        .qr-code::before, .qr-code::after {content: "";position: absolute;width: 90%;height: 90%;}
        .qr-code::before {top: 5%;left: 5%;}
        .qr-code::after {top: 10%;left: 10%;width: 80%;height: 80%;}
        .qr-logo {width: 30px;height: 30px;background-color: #333;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 12px;font-weight: bold;}
        .qr-text {font-size: 12px;color: #666;text-align: center;}
        /* 返回顶部按钮 */
        .top-button {position: fixed;bottom: 20px;right: 20px;width: 40px;height: 40px;background-color: #ff6600;color: white;border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;cursor: pointer;transition: background-color 0.3s;z-index: 100;}
        .top-button:hover {background-color: #e55a00;}
        

        /* 电脑端样式 */
        @media (min-width: 768px) {
            .main-header {width:90%; margin: 0 auto;flex-direction: row;justify-content: space-between;align-items: center;padding: 20px 0;}
            .logo-section {flex-direction: row;align-items: center;text-align: left;}
            .logo {font-size: 36px;margin-right: 10px;margin-bottom: 0;}
            .brand-name {font-size: 24px;}
            .slogan {font-size: 14px;}
            .contact-section {text-align: right;}
            .hotline {font-size: 18px;}
            .phone-number {font-size: 24px;}
            .nav-menu {gap: 20px;padding: 0;}
            .nav-menu a {font-size: 16px;padding: 5px 0;}
            .keywords {font-size: 14px;text-align: left; width:90%;}
            .footer-main {flex-direction: row;}
            .footer-brand {flex: 0 0 280px;margin-right: 30px;margin-bottom: 0;}
            .footer-info {flex: 1;padding-right: 30px;margin-bottom: 0;}
            .footer-qr {flex: 0 0 120px;margin-top: 0;}
            .company-name,.contact-item,.links-title {text-align: left;}
            .links-grid {justify-items: start;}
            .footer-nav-links {justify-content: space-between;flex-wrap: nowrap;}
            .mobile-footer,.wechat-modal{display: none;}
             .meta-icon svg {width: 16px;height: 16px;}
             .mp{display: none;}
        }
        
        /* 移动端导航菜单样式 */
        @media (max-width: 767px) {
            .main-header {display: block;background-color: #333;color: #fff;padding: 8px 0;font-size: 12px;}
            .logo-section {width: 30%;float: left;}
            .logo {font-size: 25px;}
            .logo img {width: 35px;height: 35px;}
            .logotxt, .hotline {display: none;}
            .banner{height:180px;}
            .phone-number {text-align: right;padding-right: 5px;}
            .nav-bar {padding: 20px 0;}
            .nav-toggle {display: block;right: 15px;top: 50%;transform: translateY(-50%);width: 60px;height: 50px;padding: 10px 15px;}
            .nav-menu {display: none;flex-direction: column;position: absolute;top: 100%;left: 0;right: 0;background-color: #ff6600;z-index: 1000;padding: 10px;}
            .nav-menu.active {display: flex;}
            .nav-menu li {width: 100%;text-align: center;}
            .nav-menu a {padding: 10px;border-bottom: 1px solid rgba(255,255,255,0.2);}
            .keywords,.about {padding: 0} 
            .main-content{grid-template-columns: 1.5fr;}
            .news-title{font-size: 13px;}
            .about,.tels,.walk,.footer-nav,.footer-main .text{display: none;}
             /* 底部导航栏 */
            .mobile-footer {position: fixed;bottom: 0;left: 0;right: 0;height: 60px;background-color: #fff;display: flex;border-top: 1px solid #e0e0e0;z-index: 100;}
            .footer-item {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #666;text-decoration: none;font-size: 12px;transition: all 0.3s;}
            .footer-item.active {color: #ff6600;}
            .footer-icon {width: 24px;height: 24px;margin-bottom: 4px;background-size: contain;background-repeat: no-repeat;background-position: center;}
            .home-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>');}
            .active .home-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6600"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>');}
            .wechat-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M8.5 4c-3.03 0-5.5 2.47-5.5 5.5 0 1.5.6 2.85 1.57 3.85L4 17l3.68-1.57c1 .57 2.14.92 3.32.92 3.03 0 5.5-2.47 5.5-5.5S11.53 4 8.5 4zm0 9.5c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>');}
            .active .wechat-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6600"><path d="M8.5 4c-3.03 0-5.5 2.47-5.5 5.5 0 1.5.6 2.85 1.57 3.85L4 17l3.68-1.57c1 .57 2.14.92 3.32.92 3.03 0 5.5-2.47 5.5-5.5S11.53 4 8.5 4zm0 9.5c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>');}
            .phone-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>');}
            .active .phone-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6600"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>');}
              /* 微信二维码弹窗 */
            .wechat-modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 1000;justify-content: center;align-items: center;}
            .wechat-content {background-color: white;padding: 20px;border-radius: 10px;text-align: center;width: 80%;max-width: 300px;}
            .wechat-qr {background-image: url('../images/f_qr.jpg');background-size: cover;background-position: center;overflow: hidden;width: 200px;height: 200px;margin: 15px auto;background-color: #f0f0f0;display: flex;align-items: center;justify-content: center;color: #666;font-size: 14px;}
            .close-btn {margin-top: 15px;padding: 8px 15px;background-color: #ff6600;color: white;border: none;border-radius: 5px;cursor: pointer;}
            .related-list {display: grid;grid-template-columns: repeat(1, 1fr);}
            .container{max-width:767px;}
            .news-section,.pc{display: none;}
            .image-section{width:100%;height: 281px;margin-top:0px;margin-left:0px;}

        }