*{ padding:0; margin:0;}
body,html{ overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
a img{ border:0;}
.main1{ width:980px; height:480px; margin:0 auto; position:relative; background:url(/templets/default/images/index_04.gif) no-repeat center bottom;}
.cle{ clear:both;}
.banner{ width:1440px; height:480px; position:absolute; left:-230px; top:0px;}
.yh{ width:1440px; position:relative; }
.fl{ float:left; display:inline;}
.yh ul.navi{ position:absolute; top:450px; left:662px; padding-left:5px; z-index:8;}
.yh ul.navi li{ background:url(/templets/default/images/banner1_03.png) no-repeat; width:26px; height:26px; overflow:hidden; margin-right:3px; cursor:pointer;}
.yh ul.navi li.hover{ background-position:0 -26px;}
ul.lifl li{ float:left;}
.scroll{ position:relative; overflow:hidden;}
.scroll ul{ position:absolute; width:20000em;}
.scroll ul li{ float:left;}
.b1{ height:480px; position:relative; left:0px; width:1440px;}

.pd30{ padding:30px;}



/*首页顶部代码*/
  /* 全局容器，控制整体宽度 */
        .header-container {
            width: 100%;
			margin:0 auto;
            background: #ffffff;
        }

        /* ====================== 第一块：LOGO区域 ====================== */
        .logo-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 5%;
            min-height: 120px;
            background: #fff;
        }

        /* 左侧LOGO */
        .logo-left {
            height: 100px;
        }
        .logo-left img {
            height: 100%;
            width: auto;
        }

        /* 右侧LOGO（微信二维码+联系方式） */
        .logo-right {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .contact-info {
            text-align: right;
            font-size: 28px;
            font-weight: bold;
        }
        .contact-info .label {
            color: #333;
            font-size: 24px;
            margin-right: 8px;
        }
        .contact-info .phone {
            color: #ff0000;
        }

        .qrcode {
            height: 100px;
            width: 100px;
        }
        .qrcode img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

        /* ====================== 第二块：导航区域 ====================== */
         .nav-bar {
            width: 100%;
            /* 👇 浅灰色背景，和上面白色区分 */
            background: #f9f9f9;
            /* 👇 顶部细线，更精致 */
            border-top: 1px solid #f0f0f0;
            /* 👇 底部红色粗线 */
            border-bottom: 3px solid #c40000;
            /* 👇 阴影效果，立体区分 */
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
            /* 👇 上下内边距，让导航更高档 */
            padding: 5px 0;
        }

        /* 导航内容：中间80% + 两端对齐 */
        .nav-content {
            width: 1240px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 60px;
        }

        .nav-content a {
            text-decoration: none;
            color: #222;
            font-size: 22px;
            font-weight: bold;
            transition: all 0.3s;
            padding: 10px 14px;
            border-radius: 4px;
        }

        /* 鼠标悬浮效果 */
       .nav-content a.active,  .nav-content a:hover {
            color: #fff;
            background: #c40000;
        }
		
    /* 新闻列表 */

 

        /* 新闻列表容器 */
        .news-list {
            list-style: none;
        }

        /* 单条新闻样式 */
        .news-list .news-item {
            background: white;
            padding: 20px;
            margin-bottom: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            transition: transform 0.2s;
        }

        /* 鼠标悬浮效果 */
       .news-list  .news-item:hover {
            transform: translateY(-3px);
        }

        /* 新闻标题 */
       .news-list  .news-title {
            font-size: 18px;
            color: #222;
            margin-bottom: 8px;
            font-weight: bold;
        }

        /* 发布时间 */
       .news-list  .news-time {
            font-size: 14px;
            color: #909399;
            margin-bottom: 10px;
        }

        /* 新闻简介 */
       .news-list  .news-desc {
            font-size: 15px;
            color: #666;
            line-height: 1.6;
        }
 
 
 /*新闻详情*/
         /* 新闻标题 */
       .news-content .news-title {
            font-size: 26px;
            color: #222;
            text-align: center;
            margin-bottom: 15px;
            line-height: 1.5;
        }

        /* 发布时间 */
        .news-content .news-time {
            text-align: center;
            color: #999;
            font-size: 15px;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        /* 新闻内容 */
       .news-content  .news-content {
            font-size: 16px;
            color: #444;
            line-height: 1.8;
            margin-bottom: 40px;
            text-align: justify;
        }

        /* 分页按钮区域 */
       .page-nav {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }

         .page-nav a {
            padding: 10px 20px;
            background: #666;
            color: #fff;
            text-decoration: none;
            border-radius: 6px;
            transition: background 0.2s;
        }

          .page-nav a:hover {
            background: #ff0000;
        }
		
		
		/*产品列表*/
		
		        /* 标题 */
      .product-list  .page-title {
            text-align: center;
            font-size: 28px;
            margin-bottom: 30px;
            color: #333;
        }

        /* 产品容器：自动一行4个 */
        .product-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px; /* 产品之间的间距 */
        }

        /* 单个产品：一行4个 */
         .product-list  .product-item {
            width: calc(25% - 35px);
            background: white;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            text-align: center;
            margin-bottom: 20px;
        }

        /* 产品图片 */
         .product-list  .product-img {
            width: 100%;
          
            background-color: #e8f3ff;
            border-radius: 6px;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #409eff;
            font-size: 14px;
        }
		.product-list  .product-img img{ max-width:100%}

        /* 产品名称 */
         .product-list  .product-name {
            font-size: 16px;
            color: #333;
            margin: 8px auto 0;
            font-weight: bold;
        }

        /* 产品价格 */
        .product-list   .product-price {
            font-size: 18px;
            color: #ff4d4f;
            font-weight: bold;
        }

        /* 手机适配：一行2个 */
        @media (max-width: 768px) {
            .product-item {
                width: calc(50% - 10px);
            }
        }