* {margin: 0;padding: 0;box-sizing: border-box;}
        body {font-family: "Microsoft Yahei", "Inter", Arial, sans-serif;background-color: #ffffff;color: #1e2a3e;line-height: 1.5;        }
        a {text-decoration: none;transition: all 0.25s ease;}
      
       /* ========== 淡入淡出 Banner 样式 ========== */
.banner {  width: 100%;max-width: 1920px;height: auto;max-height: 680px;    margin:  auto;    position: relative;    overflow: hidden;    box-shadow: 0 12px 24px -8px rgba(0,0,0,0.1);}
.banner-fade {position: relative;width: 100%;height: 0;padding-bottom: 35.4%; /* 680/1920 ≈ 0.354，维持比例，也可用 min-height */}
.fade-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;z-index: 1;}
.fade-slide.active {opacity: 1;z-index: 2;}
.fade-slide img {width: 100%;height: 100%;object-fit: cover;display: block;}
/* 小圆点样式 */
.banner-dots {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 12px;z-index: 10;}
.dot {width: 12px;height: 12px;background-color: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;transition: all 0.2s;}
.dot.active {background-color: #f5a623;transform: scale(1.2);box-shadow: 0 0 6px rgba(245,166,35,0.6);}
.dot:hover {background-color: #f5a623;}
/* 响应式调整高度 */
@media (max-width: 768px) {.banner-fade {padding-bottom: 50%; /* 移动端比例稍高 */}
    .banner-dots {bottom: 12px;gap: 8px;}.dot {width: 10px;height: 10px;}}
	/* ========== 数据统计模块 data-section (最大1920px) + data-box (最大1300px居中) ========== */
       /*num-figure*/
.num-figure {width: 100%;max-width: 1300px;height: auto;margin:auto;text-align: center;}
.num-figure li{ list-style:none;}
.num-figure li .T2{font-size:20px;color:#112b5d;font-weight:700;line-height:10px; font-family:Arial, Helvetica, sans-serif;position: relative; top:-20px;   }
.num-figure li .T3{font-size:20px;color:#112b5d;font-weight:700;line-height:10px; font-family:Arial, Helvetica, sans-serif;position: relative;    }
.OEM-ico {padding: 23px 0;width:24.5%;float:left;}
.num-change{padding:0;}
.num-change li:first-child {width: 110px;height: 110px;margin: 0 auto;}

.num-figure .SS1 {background: url("../img/a1200_1.png") no-repeat;}
.num-figure .SS2 {background: url("../img/a1200_2.png") no-repeat;}
.num-figure .SS3 {background: url("../img/a1200_3.png") no-repeat;}
.num-figure .SS4 {background: url("../img/a1200_4.png") no-repeat;}
.OEM-ico a{text-decoration: none;}
.num-change li:nth-child(2) {font-size: 40px;font-family: YeSans;color: #005cef;font-weight: 600;}
.num-change li:nth-child(3) {color: #112c62;font-size: 16px;margin-top: 2px;}
@media (max-width: 768px) {.OEM-ico {padding: 23px 0;width:90%;float:auto;margin:auto}}
/*/* 工厂实拍图片墙 (内容居中1300px) */
        .factory-img {max-width: 1300px;margin: 10px auto 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px; overflow:hidden}
		.factory-img img {width: 100%;height: 200px;object-fit: cover;border-radius: 5px;transition: all 0.35s ease;box-shadow: 0 6px 12px rgba(0,0,0,0.05);}
		.factory-img img:hover {transform: scale(1.1);box-shadow: 0 20px 30px -8px rgba(0,0,0,0.2);filter: brightness(1.02);}

        /* ========== 设计服务模块 ========== */
        .design-service {max-width:1920px;background-color: #f8fafd;margin: auto; background: url(/img/design_service.jpg) no-repeat #f2f5f8}
        .service-wrap {max-width: 1300px;margin: 20px auto;display: flex;align-items: center;flex-wrap: wrap;gap: 40px;}
        .service-left {flex: 1.2;overflow: hidden;border-radius: 32px;        }
        .service-left img {width: 100%;transition: transform 0.4s ease;display: block;border-radius: 32px;        }
        .service-left img:hover {transform: scale(1.02);        }
        .service-right {padding-left:3rem;padding-top:3rem;padding-bottom:3rem;flex: 0.9; background:#f2f5f8}
        .service-right h2 {font-size: 2.2rem;font-weight: 700;color: #005cef;margin-bottom: 12px;letter-spacing: -0.5px;}
        .service-right .sub-title {font-size: 1.1rem;color: #f5a623;font-weight: 600;margin-bottom: 20px;border-left: 4px solid #f5a623;padding-left: 16px;        }
        .service-right p {font-size: 1rem;color: #555;line-height: 1.7;text-indent:0}

        /* ========== 四大优势模块 (内层1300px) ========== */
         .advantage-section {padding:  0;max-width:1300px;width:100%;margin:auto}
        .advantage-title {text-align: center;font-size: 2.2rem;margin-bottom: 50px;color: #005cef;font-weight: 700;}
        .advantage-list {display: flex;justify-content: space-between;        }
        .advantage-item {width: 23%;background: #f2f5f8;padding: 40px 20px;text-align: center;border-radius: 6px;transition: all 0.3s ease; border:1px #dfe6ec solid}
        .advantage-item:hover {transform: translateY(-8px);box-shadow: 0 12px 24px rgba(0,0,0,0.1);background-color: #10316b;}
        .advantage-item i {font-size: 4rem;color: #777;margin-bottom: 15px;        }
        .advantage-item h3 {font-size: 1.4rem;font-weight:600;margin-bottom: 12px;color: #10316b;}
        .advantage-item p {font-size: 1rem;color: #555;line-height: 1.7;text-indent:0}
		.advantage-item:hover i, .advantage-item:hover h3, .advantage-item:hover p {  color: #fff;}
		.advantage-section h2 {margin-bottom: 5px;}
		@media screen  and (max-width: 800px){.advantage-section{display:none;width:50%}}

  		.btn-more { display: inline-flex; align-items: center; gap: 12px; background: transparent; border: 2px solid #aaa; padding: 0.4rem 2.2rem; border-radius: 48px; font-size: 1rem; font-weight: 600; color: #f5a623; cursor: pointer; transition: all 0.25s; background-color: white; letter-spacing: 1px; text-decoration: none; }
        .btn-more:hover { background-color: #10316b; color: white; box-shadow: 0 8px 20px rgba(240,165,0,0.3); border-color: #00586d; transform: scale(0.98); }
   
		.allT{font-size: 2.2rem;font-weight: 700;color: #005cef;margin-bottom: 12px;letter-spacing: -0.5px;text-align:}
		.tline{width:60px;margin:auto;height:6px; background:#f5a623;border-radius: 30px;}
        /* ========== 公司简介（全屏背景，文字左偏移不变，但优化遮罩） ========== */
		.company-intro {  position: relative; width: 100%;max-width: 1920px;margin: 40px auto; min-height: 560px;background: url("/img/advantage01.jpg") no-repeat center center / cover;display: flex;align-items: center;justify-content: flex-start;padding-left: 22%;}        .intro-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.35);backdrop-filter: blur(2px);}
        .intro-box {position: relative;z-index: 2;background: rgba(255, 255, 255, 0.92);padding: 36px 44px;max-width: 800px;border-radius: 10px;box-shadow: 0 20px 30px rgba(0,0,0,0.1);transition: transform 0.3s;}
        .intro-box:hover {transform: translateY(-6px);}
        .intro-box h2 {font-size: 2.2rem;color: #005cef;margin-bottom: 18px;font-weight: 700;}
        .intro-box h3 {font-size: 1.1rem;font-weight:600;margin-bottom: 12px;color: #f5a623;}
	    .intro-box p {font-size: 1rem;color: #555;line-height: 1.7;}

        
		
		 /*index news*/
 .inews0{width:100%;margin:auto; position:relative;   background:#f9f9f8}
 .inews{width:100%;max-width:1300px;margin:auto}
 .inews img{width:100%}  .inews img:hover{transition: all 0.6s;transform: scale(1.1); }
 .inews .l{width:48%;float:left;margin-top:20px;}
 .inews .r{width:48%;float:right;margin-top:20px;}
 .inews .xl{width:36%;float:left; overflow:hidden}
 .inews .xr{width:62%;float:right}
 .inews .t1{float:left;width:100px; height:22px;line-height:22px;font-size:13px;font-weight:400;color:#FFF; text-align:center;background:#10316b}
 .inews .t2{margin:auto;width:100%; height:40px;line-height:40px;font-size:18px;font-weight:500;color:#666; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
 .inews .t3{width:100%;margin:auto;font-size:13px;color:#999;line-height:22px;}
 .inews0 .line{width:100%;max-width:1300px;height:10px; border-top:#ccc 1px solid;margin:10px auto auto auto}
 .inews0 .more{width:100%;max-width:1300px;margin:auto;color:#333; background:none;text-align:right}

@media screen and (max-width:800px){
	 .inews0{width:98%;margin:auto;top:40px;}
	 .inews .l{width:100%;float:none;margin:20px auto;}
 	 .inews .r{width:100%;float:none;margin:20px auto;}

	}
 /*index news end*/
		
		
		/* ========== 产品模块 网格约束1300px ========== */
		 .IP00{width:100%;max-width:1300px;height:auto;margin:auto; position:relative}
		
		
        .product-section {padding: 60px 0;}
        .product-title {
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            color: #1f3b4c;
        }
        .product-sub {
            text-align: center;

            font-size: 0.85rem;
            color: #8a9bb0;
            margin-bottom: 48px;
        }
        .product-grid {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
            gap: 30px;
        }
        .product-card {
            background: #ffffff;
            border-radius: 28px;
            overflow: hidden;
            transition: all 0.35s ease;
            border: 1px solid #eff3f8;
            box-shadow: 0 6px 12px rgba(0,0,0,0.02);
        }
        .product-card:hover {
            transform: translateY(-8px) scale(1.01);
            filter: brightness(1.02);
            box-shadow: 0 28px 38px -12px rgba(0,0,0,0.15);
            border-color: #f5e2c3;
        }
        .product-img {
            width: 100%;
            height: 210px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fafbfd;
            padding: 20px;
        }
        .product-img img {
            max-width: 85%;
            max-height: 85%;
            transition: transform 0.3s;
        }
        .product-card:hover .product-img img {
            transform: scale(1.05);
        }
        .product-desc {
            padding: 16px 18px 8px;
            font-size: 0.8rem;
            color: #4a5a72;
            line-height: 1.5;
            min-height: 70px;
        }
        .product-btn {
            display: block;
            margin: 12px 18px 20px;
            padding: 10px 0;
            background-color: #f5a623;
            color: #1f2a3e;
            text-align: center;
            font-weight: 600;
            font-size: 0.8rem;
            border-radius: 40px;
            transition: all 0.25s;
        }
        .product-btn:hover {
            background-color: #e69500;
            transform: scale(0.97);
            box-shadow: 0 6px 12px rgba(245,166,35,0.3);
            color: white;
        }
        .view-more {
            text-align: center;
            margin-top: 45px;
        }
        .view-more a {
            color: #f5a623;
            font-weight: 600;
            border-bottom: 1px dashed #f5a623;
            padding-bottom: 4px;
            font-size: 0.9rem;
        }
        .view-more a:hover {
            color: #e69500;
            letter-spacing: 0.5px;
        }

        /* ========== 新闻资讯模块 ========== */
        .news-section {
            padding: 60px 0;
            background-color: #f9fbfd;
        }
        .news-title {
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            color: #f5a623;
            margin-bottom: 24px;
        }
        .news-tab {
            display: flex;
            justify-content: center;
            gap: 32px;
            margin-bottom: 40px;
        }
        .news-tab a {
            font-size: 0.9rem;
            color: #6c7e96;
            font-weight: 500;
            padding: 6px 16px;
            border-radius: 40px;
            transition: 0.2s;
        }
        .news-tab a.active, .news-tab a:hover {
            color: #f5a623;
            background: #fff0e0;
        }
        .news-grid {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 28px;
        }
        .news-item {
            display: flex;
            gap: 20px;
            background: white;
            padding: 16px;
            border-radius: 28px;
            transition: all 0.3s;
            cursor: pointer;
            border: 1px solid #eef2f8;
        }
        .news-item:hover {
            transform: translateX(8px);
            background: #ffffff;
            box-shadow: 0 16px 28px -10px rgba(0,0,0,0.08);
            border-color: #f5d6a8;
        }
        .news-item img {
            width: 120px;
            height: 90px;
            border-radius: 20px;
            object-fit: cover;
            transition: 0.25s;
        }
        .news-item:hover img {
            transform: scale(1.02);
        }
        .news-info {
            flex: 1;
        }
        .news-date {
            font-size: 0.7rem;
            color: #a0aec0;
            margin-bottom: 6px;
        }
        .news-info h4 {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 8px;
            color: #1f3b4c;
        }
        .news-info p {
            font-size: 0.8rem;
            color: #5a6e85;
            line-height: 1.5;
        }
 
        /* ========== 响应式优化 ========== */
        @media screen and (max-width: 1100px) {
            .service-wrap {
                flex-direction: column;
            }
            .service-right {
                text-align: center;
            }
            .service-right .sub-title {
                border-left: none;
                text-align: center;
            }
            .factory-img {
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }
            .news-grid {
                grid-template-columns: 1fr;
            }
            .data-box {
                justify-content: center;
            }
            .company-intro {
                padding-left: 5%;
            }
            .intro-box {
                padding: 24px 32px;
                margin: 20px;
            }
        }

        @media screen and (max-width: 768px) {
            .container {
                padding: 0 16px;
            }
            .top-header {
                flex-direction: column;
                align-items: flex-start;
            }
            .nav-list li a {
                padding: 8px 16px;
                font-size: 0.8rem;
            }
            .data-num {
                font-size: 1.5rem;
            }
            .advantage-list {
                gap: 16px;
            }
            .product-grid {
                gap: 20px;
            }
            .factory-img {
                grid-template-columns: 1fr;
            }
            .news-item {
                flex-direction: column;
                align-items: flex-start;
            }
            .news-item img {
                width: 100%;
                height: 160px;
            }
            .intro-box {
                max-width: 90%;
            }
        }