* { box-sizing: border-box; }
body{ margin:0; background-color:#fff;font-size: 14px;line-height: 30px; font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;}
td{font-size: 14px;line-height: 30px;}
a{color: #333; text-decoration:none;}
a:hover{color:#F00;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:16px}
ul{padding: 0;margin: 0;}
li{ list-style:none;}

#width1280{ width:1280px; margin:20px auto; clear:both; height:auto; overflow:hidden;}
#about-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-about.jpg); color:#FFF;}
#aboutmenu{ width:50%; float:left; height:70px; border-bottom:#ccc 3px solid;}
#aboutmenu ul li{ float:left; line-height:70px; font-size:18px; text-align:center; width:100px;}
#aboutmenu ul li a{color:#000;}
.aboutmenusel{ background-color:#ffb027;color:#fff;}
.aboutmenusel a{ color:#fff;}
#lm-guid{ width:50%; float:left;height:70px; line-height:70px; text-align:right; font-size:18px; border-bottom:#ccc 3px solid;}
#about-img{ float:left; width:630px; padding-top:20px;}
#about-txt{ float:left; width:650px; padding-top:0px;}
/*About us滚动Product image*/
div.indexmaindiv{height:270px;margin:0px auto;width:100%; margin-top:30px;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:25px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:225px;height:205px;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:224px;height:184px; overflow:hidden; text-align:left;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%;}
div.indexmaindiv1 div.playerdetail div.teanames{width:225px;text-align:center;font-size:18px;margin-top:5px;color:#404040; font-weight:bold;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:207px;height:27px;margin:5px 8px;color:#222; line-height:25px; text-align:center;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:225px;height:27px;display:block;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:25px;height:28px;background:url('../images/arrowfoot.png') no-repeat left;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1207px;height:345px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:226px;height:245px;margin-left:13px; border:#ccc 1px solid;}
div.maindiv1 ul li:hover{ background-color:#FFF3E6; color:#F00;}
#about-px{ width:100%; margin:0 auto; clear:both; background:url(../images/about-bg2.jpg); justify-content: center;align-items: center; text-align: center; padding:50px 0; height:auto; overflow:hidden;}
#about-kh{ width:100%; margin:0 auto; clear:both; text-align:center; font-size:35px; line-height:100px; font-weight:bold; color:#FFF; margin-bottom:30px;}
#about-kh1{ width:1280px; margin:0 auto;clear:both; text-align:center; color:#FFF;flex: 1;box-sizing: border-box; }
#about-kh1 ul li{ float:left; width:20%; font-size:16px; line-height:38px; padding:60px 20px 30px 20px; margin:5px;width: calc(20% - 10px); border:#fff 1px solid; background-color: rgba(255, 255, 255, 0.2);}
#about-kh1 ul li:hover{background-color: rgba(255, 215, 0, 0.2);}
#about-kh1 ul li strong{ font-size:25px; line-height:60px;}
#about-hz{ width:100%; margin:0 auto; clear:both; margin-top:30px;}
#about-hz ul li{ float:left; width:210px; border:#ccc 1px solid;}
#about-hz ul li img{ width:100%;}
.about-hztitle{ text-align:center; line-height:80px; font-size:35px;}
#about-imglist{ width:100%; margin:0 auto; clear:both; margin-top:30px;}
#about-imglist ul li{ float:left; width:20%; text-align:center; margin-bottom:15px;}
#about-imglist ul li img{ width:90%;}
#about-wh1{ width:100%; margin:20px auto; clear:both; height:auto; overflow:hidden; background:url(../images/wh1.jpg);}
#about-wh1 h1{ font-size:40px; text-align:center; line-height:80px;}
#about-wh1 p{ font-size:16px; text-align:center;}
#about-wh1 h2{ font-size:22px; text-align:center; line-height:40px; color:#f59b00;}

#about-wh2{ width:1280px; margin:20px auto; clear:both; height:auto; overflow:hidden; font-size:26px; line-height:70px; text-align:center;}
#about-wh2 strong{font-size:30px; line-height:40px;}
#about-wh3{ width:1280px; margin:20px auto; clear:both; height:auto; overflow:hidden; font-size:20px; line-height:70px; font-weight:bold; color:#FFF;justify-content: center;align-items: center; text-align: center;}
#about-wh3 ul li{ float:left; width:30%; margin-right:5%; padding:110px 30px;}
#about-wh3 ul li:last-child{ margin-right:0;}
.about-dxpz1{ background:url(../images/cu2img1.jpg);}
.about-dxpz2{ background:url(../images/cu2img2.jpg);}
.about-dxpz3{ background:url(../images/cu2img3.jpg);}


/*点击放大Product image*/
 /* 缩略图 */
  .thumb {
    cursor: zoom-in;
    transition: transform .25s ease, box-shadow .25s ease;
    display: block;
  }
  .thumb:hover {
    transform: translateY(-3px) scale(1.02);
   
  }

  /* ===== 透明遮罩层 ===== */
  .overlay {
    position: fixed;          /* 浮于网页上方 */
    inset: 0;                 /* top/right/bottom/left 全为 0 */
    background: rgba(0, 0, 0, .6);  /* 半透明 */
    backdrop-filter: blur(4px);     /* 毛玻璃效果（可选） */
    -webkit-backdrop-filter: blur(4px);

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;

    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 9999;
    cursor: zoom-out;
  }

  .overlay.active {
    opacity: 1;
    visibility: visible;
  }

  /* 放大后的Product image */
  .overlay img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0,0,0,.5);
    cursor: default;
    transform: scale(.85);
    opacity: 0;
    transition: transform .3s cubic-bezier(.2,.8,.3,1), opacity .3s ease;
  }

  .overlay.active img {
    transform: scale(1);
    opacity: 1;
  }

  /* Close按钮 */
  .close-btn {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
  }
  .close-btn:hover {
    background: rgba(255,255,255,.3);
    transform: rotate(90deg);
  }

  /* 防止背景滚动 */
  body.no-scroll { overflow: hidden; }

/* Manufacturing-Quality Control System */
#sc-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-sczz.jpg); color:#FFF;}
#pk-0{ width:100%; text-align:center; font-size:30px; line-height:80px; font-weight:bold; margin-bottom:50px;text-decoration: underline;text-decoration-thickness: 5px; text-decoration-color: #ffb027;text-underline-offset: 20px; }
#pk-1{ width:30%; float:left; text-align:left;}
#pk-2{ width:70%; float:left; text-align:left; height:282px;display: flex; align-items: center; font-size:18px; line-height:40px; font-weight:bold;}
#pk-3{ width:100%; float:left; text-align:center; font-size:18px; line-height:50px;}
#pk-3 img{ width:100%;}
/* Manufacturing-Domestic IC */
#gcic-0{ width:100%; text-align:center; font-size:30px; line-height:80px; font-weight:bold;text-decoration: underline;text-decoration-thickness: 5px; text-decoration-color: #ffb027;text-underline-offset: 20px; }
#gcic-1{ width:100%; text-align:center; font-size:18px; line-height:50px;}
#gcic-2{ width:100%; text-align:center; font-size:18px; line-height:50px;}
#gcic-3{ width:100%; text-align:center; background:url(../images/poilc.png); margin-top:20px; padding-top:30px; height:440px;}
#gcic-4{ width:100%; text-align:center; font-size:30px; line-height:80px; font-weight:bold;text-decoration: underline;text-decoration-thickness: 5px; text-decoration-color: #ffb027;text-underline-offset: 20px;color:#FFF;}
#gcic-5{ width:1280px; text-align:center; font-size:18px; line-height:90px; color:#FFF; margin:0 auto; clear:both;}
#gcic-6{ width:1280px; margin:-200px auto 0 auto; clear:both;}
#gcic-6 img{ width:100%; border:#fff 20px solid;}
#gcic-7{ width:100%; background-color:#f5f5f5; overflow:hidden; height:auto; padding-bottom:30px;}
#gcic-8{ width:1280px; margin:0 auto; clear:both;}
#gcic-8 ul li{ float:left; width:169px; margin-right:13px; background-color:#FFF; margin-top:15px;}
#gcic-8 ul li img{ width:100%; border-bottom:#ddd 1px solid;}
#gcic-8 ul li:nth-of-type(7n){ margin-left:0px;}
   /* 主容器：自适应，最大 1280px，居中 */
        .main-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
        }

        .carousel-section {
            position: relative;
            background: #fff;
            padding-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }

        /* 视口 */
        .carousel-viewport {
            overflow: hidden;
            width: 100%;
            padding-top: 10px;
        }

        /* 滚动轨道 */
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        /* 单个卡片：默认 25% (一屏 4 个) */
        .carousel-item {
            width: 25%;
            flex-shrink: 0;
            padding: 0 8px;
            cursor: pointer;
            position: relative;
        }

        /* Product image自适应：占满卡片宽度，高度按比例缩放，防止变形 */
        .carousel-item img {
            width: 100%;
            aspect-ratio: 16 / 10; /* 统一比例 */
            object-fit: cover;
            border-radius: 4px;
            display: block;
        }

        .carousel-item p {
            margin-top: 12px;
            font-size: 15px;
            color: #333;
            text-align: center;
            font-weight: 500;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* 视频播放按钮覆盖层 */
        .play-overlay {
            position: absolute;
            top: 40%; /* 根据Product image比例调整 */
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.85);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s;
            pointer-events: none;
        }

        .carousel-item:hover .play-overlay {
            background: rgba(255, 153, 0, 0.9);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .play-overlay::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 0 8px 14px;
            border-color: transparent transparent transparent #ff9900;
            margin-left: 4px;
        }

        .carousel-item:hover .play-overlay::after {
            border-color: transparent transparent transparent #fff;
        }

        /* 底部指示器 */
        .indicators {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }

        .dot {
            width: 10px;
            height: 10px;
            background-color: #d1d1d1;
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .dot.active {
            background-color: #ffaa00;
        }

        /* ================= 视频弹窗 ================= */
        .video-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .video-modal.show {
            display: flex;
        }

        .modal-content {
            position: relative;
            width: 800px;
            max-width: 90vw; /* 弹窗自适应小屏幕 */
            background: #000;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }

        .modal-content video {
            width: 100%;
            display: block;
            outline: none;
        }

        .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            color: #fff;
            font-size: 30px;
            font-weight: bold;
            cursor: pointer;
            z-index: 10;
            transition: color 0.3s;
            line-height: 1;
        }

        .close-btn:hover {
            color: #ffaa00;
        }

        /* ================= 响应式媒体查询 ================= */
        /* 屏幕宽度小于 1024px 时，一屏显示 3 个 */
        @media (max-width: 1024px) {
            .carousel-item {
                width: 33.3333%;
            }
        }

        /* 屏幕宽度小于 768px 时，一屏显示 2 个 */
        @media (max-width: 768px) {
            .carousel-item {
                width: 50%;
            }
            .play-overlay {
                top: 35%; /* Product image比例改变，播放按钮位置微调 */
                transform: translate(-50%, -50%) scale(0.8);
            }
        }

        /* 屏幕宽度小于 480px 时，一屏显示 1 个 */
        @media (max-width: 480px) {
            .carousel-item {
                width: 100%;
            }
        }
		
		
/*Application Fields*/	
#yyly-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-yyly.jpg); color:#FFF;}
#yyly-imglist{ width:100%; margin:0 auto; clear:both; margin-top:30px;}
#yyly-imglist ul li{ float:left; width:23.5%; text-align:center; margin-bottom:2%;margin-right:2%; font-size:18px; background-color:#f5f5f5; padding-bottom:10px;}
#yyly-imglist ul li img{ width:100%;}
#yyly-imglist ul li:nth-of-type(4n){ margin-right:0px;}
/*联系我们*/
#cantact-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-contact.jpg); color:#FFF;}
#cantact{ width:1280px; margin:0 auto; clear:both; border:#ddd 1px solid; padding:50px; overflow:hidden; height:auto;}
#cantact-1{ width:34%; float:left; font-size:32px; line-height:70px; color:#ffb027;}
#cantact-1 strong{ color:#000; font-size:45px;}
#cantact-2{ width:66%; float:left;}
#cantact-2 ul li{ float:left; width:45%; margin-left:5%; margin-bottom:20px;}
#contact-icon{ float:left; width:20%;}
#contact-txt{ float:left; width:80%;}

/*NEWS*/
#news-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-news.jpg); color:#FFF;}
#news-0{ width:100%; text-align:center; font-size:30px; line-height:80px; font-weight:bold;text-decoration: underline;text-decoration-thickness: 5px; text-decoration-color: #ffb027;text-underline-offset: 20px; }
#news-1{ width:100%; margin:0 auto; clear:both;}
#news-1 ul li{ float:left; width:32%; margin-right:2%; background-color:#f5f5f5; overflow:hidden; height:auto; margin-top:25px; min-height:410px;}
#news-1 ul li:nth-of-type(3n){ margin-right:0;}
#news-img{ width:100%; height:226px; overflow:hidden;}
#news-img img{ width:100%;}
#news-title{ width:100%; display: inline-block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:18px; line-height:40px; padding:15px 15px 0 15px;}
#news-date{ font-size:14px; color:#CCC; line-height:20px; padding:0 15px;}
#news-contain{width:100%; font-size:15px; line-height:26px; color:#666; padding:5px 15px 15px 15px;overflow-wrap: break-word;}
#news-detail{ width:100%; border:#ccc 1px solid; padding:30px;}
#news-t{ width:100%; height:80px;}
#news-t h1{ font-size:35px; text-align:center;}
#news-d{ width:100%; font-size:14px; line-height:30px; color:#ccc; text-align:center;}
#news-c{ width:100%; font-size:18px; line-height:34px; color:#333;}
#news-c a{color:#333;}
#news-c p{ padding-top:15px;}
#news-c img{border:#000 1px solid;}
#news-detail-more{ width:100%; border:#ccc 1px solid; padding:30px; overflow:hidden; height:auto;}
#news-detail-more ul li{ float:left; width:50%; font-size:18px; line-height:42px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*Product Center*/
#product-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-product.jpg); color:#FFF;}
#product-1{ width:100%; clear:both;}
#product-1 ul li{ float:left; width:47%; margin-right:3%; line-height:66px; padding-left:30px; font-size:18px; margin-top:30px; background:url(../images/arrow-black.png) #ffb027; background-repeat:no-repeat; background-position:center right;}
#product-1 ul li:hover{background-color:#444;}
#product-1 ul li:hover a{ color:#FFF;}

#products-t{ float:left; width:95%; margin-right:3%; line-height:66px; padding-left:30px; font-size:20px; margin-top:30px; background:url(../images/arrow-black.png) #ffb027; background-repeat:no-repeat; background-position:center right; font-weight:bold;}
#products-t:hover{background-color:#f00;}
#products-t:hover a{ color:#FFF;}
#products-b{ float:left; width:95%; margin-right:3%; line-height:66px; font-size:18px; margin-top:10px;}
#products-b td a:link{ color:#F90; font-weight:bold;}
#products-b td a:visited{ color:#F90; font-weight:bold;}
#products-b td a:hover{ color:#F00; font-weight:bold;}
#products-b td a:active{ color:#F90; font-weight:bold;}
.lbhalf{ width:50%; float:left;}
#products-t1{ float:left; width:95%; margin-right:3%; line-height:66px; padding-left:30px; font-size:18px; margin-top:10px; background:url(../images/arrow-black.png) #ffeed0; background-repeat:no-repeat; background-position:center right;}

#product-guid{ width:1280px; margin:0 auto; line-height:70px; height:70px; text-align:left; background:url(../images/icon-home.jpg) no-repeat; background-position:center left; padding-left:30px;}
#product-0{ width:100%; clear:both; height:25px; line-height:25px; font-size:25px; font-weight:bold; border-left:#ffb027 5px solid; padding-left:20px; margin-bottom:20px; margin-top:20px;}
#product-2{ width:100%; clear:both; font-size:18px; line-height:35px; background-color:#f5f5f5; padding:20px;}
#product-guid1{ width:99%; margin:0 auto; line-height:70px; height:70px; text-align:left; background:url(../images/icon-home.jpg) no-repeat; background-position:center left; padding-left:30px;}
#width99{ width:99%; margin:0 auto;}
#product-summary{width:100%; font-size:18px; line-height:35px; color:#333;}
#product-download{width:100%; margin-top:35px; font-weight:bold;}
.download{line-height:50px; color:#fff; font-size:16px; padding:18px 35px 20px 65px;background:url(../images/icicon-pdf.png) #ffb027; background-repeat:no-repeat; background-position:29px center; }
.buy{line-height:50px; color:#fff; font-size:16px; padding:18px 35px 20px 65px;background:url(../images/ico-buy.png) #ffb027; background-repeat:no-repeat; background-position:25px center; }
#product-detail-left{ float:left; width:70%;}
#product-detail-right{ float:left; width:30%; text-align:right;}
#product-detail-right img{ border:#ccc 1px solid; width:240px;}
#product-detail-jj{width:100%; clear:both; margin:15px 0;background:url(../images/bg3.png) no-repeat; background-position:center left; padding:50px 0; font-size:16px; line-height:38px;}
#product-detail-js{width:100%; clear:both; margin:5px 0;background:url(../images/bg1.png) no-repeat; background-position:center left; padding:50px 0; font-size:16px; line-height:38px; height:auto; overflow:hidden;}
#product-detail-js strong{ font-size:20px;}

#product-detail-cs dl{width:100%;overflow: hidden; border-top:#ccc 1px solid;margin: 0; padding: 0; }
#product-detail-cs > dl:nth-of-type(odd) {background-color: #ffffff;}
#product-detail-cs > dl:nth-of-type(even) {background-color: #eeeeee;}
#product-detail-cs dl dt{ float:left; width:50%; font-size:14px; line-height:45px; font-weight:bold; margin: 0; padding: 0;box-sizing: border-box; }
#product-detail-cs dl dd{ float:left; width:50%; font-size:14px; line-height:45px; margin: 0; padding: 0;box-sizing: border-box;}
#product-detail-xg{width:100%; clear:both; margin:0 auto; height:auto; overflow:hidden;}
#product-detail-xg ul li{ float:left; width:19%; margin-right:1%; border:#ccc 1px solid; margin-top:20px; box-sizing: border-box; overflow:hidden; text-align:center; padding-bottom:8px;}
#product-detail-xg ul li:nth-of-type(5n){margin-right:0;}
#product-detail-xg ul li img{ width:100%; border-bottom:#ccc 1px solid;transition: transform 0.3s ease, box-shadow 0.3s ease;}
#product-detail-xg ul li img:hover {transform: translateY(-6px);box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);}
#page{ width:1280px; margin:20px 0; clear:both; text-align:center; font-size:14px; background-color:#eee; height:60px; line-height:60px; overflow:hidden; height:auto; border-top:#fff 30px solid;}
#page a{background-color:#ffb027; padding:5px 10px; color:#FFF; margin-left:1px;}


    /* ---------- 遮罩层 ---------- */
    .modal-mask {
      display: none;
      position: fixed;
      inset: 0;                 /* 铺满整个窗口 */
      z-index: 9999;            /* 浮在网页上层 */
      background: rgba(0, 0, 0, 0.5);

      /* 让弹层居中 */
      align-items: center;
      justify-content: center;

      /* 遮罩本身也留一点边距，防止弹层贴边 */
      padding: 16px;
    }
    .modal-mask.show {
      display: flex;
    }

    /* ---------- 弹层内容（自适应核心） ---------- */
    .modal {
      position: relative;

      /* 宽度自适应：最大 600px，最小不超过窗口宽度 */
      width: 100%;
      max-width: 600px;

      /* 高度自适应：最大不超过窗口高度 - 边距 */
      max-height: 100%;

      background: #fff;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

      /* 内容过多时内部滚动，不撑破弹层 */
      overflow: auto;
      -webkit-overflow-scrolling: touch;

      /* 弹层内部布局：头 + 内容 + 底 */
      display: flex;
      flex-direction: column;

      animation: pop 0.2s ease;
    }

    /* 头部 */
    .modal-header {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 20px;
      border-bottom: 1px solid #eee;
      font-size: 18px;
      font-weight: bold;
    }

    /* Close按钮 */
    .modal-close {
      border: 0;
      background: transparent;
      font-size: 26px;
      line-height: 1;
      cursor: pointer;
      color: #888;
      padding: 0 4px;
    }
    .modal-close:hover { color: #333; }

    /* 内容区：可滚动 */
    .modal-body {
      flex: 1 1 auto;
      overflow-y: auto;
      padding: 20px;
      line-height: 1.7;
      color: #333;
	  text-align:center;
	  font-size:18px;
    }

 
    @keyframes pop {
      from { transform: scale(0.92); opacity: 0; }
      to   { transform: scale(1);    opacity: 1; }
    }

    /* ---------- 小屏适配 ---------- */
    @media (max-width: 480px) {
      .modal-mask { padding: 0; }       /* 手机上贴边全屏感更强 */
      .modal {
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;               /* 手机上去掉圆角，更像原生弹层 */
        height: 100%;
      }
    }
#product-yyly{ width:100%; margin-top:30px;}
#product-yyly ul{ display: grid;
    grid-template-columns: repeat(6, 1fr); /* 一行 6 个，等宽 */
    gap: 10px;                             /* 中间的空隙（上下左右都留） */
    width: 100%;
    margin: 0;
    padding: 0;                            /* 去掉 ul 默认内边距 */
    list-style: none;}
#product-yyly ul li{ overflow: hidden; text-align:center;}
#product-yyly ul li img{  display: block;      /* 去掉Product image底部空隙 */
    width: 100%;         /* Product image撑满 li */
    height: auto;}



@media (max-width: 992px) {
.floating_ck{ display:none;}
#width1280{ width:100%; margin:20px auto; clear:both; font-size:12px;}
/*About us*/
#about-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-about.jpg); color:#FFF;}
#aboutmenu{ width:100%; float:left; height:70px; border-bottom:#ccc 3px solid;}
#aboutmenu ul li{ float:left; line-height:70px; font-size:18px; text-align:center; width:100px;}
#aboutmenu ul li a{color:#000;}
.aboutmenusel{ background-color:#ffb027;color:#fff;}
.aboutmenusel a{ color:#fff;}
#lm-guid{ width:50%; float:left;height:70px; line-height:70px; text-align:right; font-size:18px; border-bottom:#ccc 3px solid; display:none;}
#about-img{width:100%; padding-top:30px;}
#about-img img{width:100%;}
#about-txt{width:100%; padding-top:30px;}	
/*About us滚动Product image*/
div.indexmaindiv{height:270px;margin:0px auto;width:100%; margin-top:10px;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:0;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:20%;height:245px;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:224px;height:184px; overflow:hidden; text-align:left;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%;}
div.indexmaindiv1 div.playerdetail div.teanames{width:225px;text-align:center;font-size:18px;margin-top:5px;color:#404040; font-weight:bold;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:207px;height:27px;margin:5px 8px;color:#222; line-height:25px; text-align:center;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:225px;height:27px;display:block;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:0;height:28px;background:url('../images/arrowfoot.png') no-repeat left;margin:106px 0px 0px 15px;cursor:pointer;}
div.maindiv1{float:left;width:100%;height:345px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:226px;height:295px;margin-left:13px; border:#ccc 1px solid;}
div.maindiv1 ul li:hover{ background-color:#F90;}
#about-px{ width:100%; margin:0 auto; clear:both; background:url(../images/about-bg2.jpg); justify-content: center;align-items: center; text-align: center; padding:20px 0; height:auto; overflow:hidden;}
#about-kh{ width:100%; margin:0 auto; clear:both; text-align:center; font-size:35px; line-height:50px; font-weight:bold; color:#FFF; margin-bottom:10px;}
#about-kh1{ width:100%; margin:0 auto;clear:both; text-align:center; color:#FFF;flex: 1;box-sizing: border-box; }
#about-kh1 ul li{ float:left; width:20%; font-size:12px; line-height:28px; padding:60px 20px 30px 20px; margin:5px;width: calc(20% - 10px); border:#fff 1px solid;}
#about-kh1 ul li strong{ font-size:18px; line-height:30px;}
#about-hz{ width:100%; margin:0 auto; clear:both; margin-top:30px;}
#about-hz ul li{ float:left; width:16%; border:#ccc 1px solid;}
#about-hz ul li img{ width:100%;}
.about-hztitle{ text-align:center; line-height:80px; font-size:35px;}

#about-wh1{ width:100%; margin:20px auto; clear:both; height:auto; overflow:hidden; background:url(../images/wh1.jpg);}
#about-wh1 h1{ font-size:20px; text-align:center; line-height:40px;}
#about-wh1 p{ font-size:14px; text-align:center;}
#about-wh1 h2{ font-size:18px; text-align:center; line-height:30px; color:#f59b00;}
#about-wh2{ width:100%; margin:20px auto; clear:both; height:auto; overflow:hidden; font-size:18px; line-height:40px; text-align:center;}
#about-wh2 strong{font-size:22px; line-height:20px;}
#about-wh3{ width:100%; margin:20px auto; clear:both; height:auto; overflow:hidden; font-size:20px; line-height:70px; text-align:center; font-weight:bold; color:#FFF;justify-content: center;align-items: center; text-align: center;}
#about-wh3 ul li{ float:left; width:30%; margin-right:5%; padding:40px 30px; font-size:18px; line-height:32px;}
#about-wh3 ul li:last-child{ margin-right:0;}
.about-dxpz1{ background:url(../images/cu2img1.jpg);}
.about-dxpz2{ background:url(../images/cu2img2.jpg);}
.about-dxpz3{ background:url(../images/cu2img3.jpg);}

/* Manufacturing-Quality Control System */
#pk-0{ width:100%; text-align:center; font-size:20px; line-height:40px; font-weight:bold; margin-bottom:30px;text-decoration: underline;text-decoration-thickness: 5px; text-decoration-color: #ffb027;text-underline-offset: 15px; }
#pk-1{ width:100%; text-align:center; margin:0 auto;}
#pk-2{ width:100%; text-align:center; margin:0 auto; height:auto; font-size:16px;}
#pk-3{ width:100%; text-align:center; font-size:14px; line-height:26px; margin:0 auto}

/*联系我们*/
#cantact-banner{ width:100%; height:228px;display: flex; justify-content: center;align-items: center; text-align: center;line-height: 1.5; font-size:24px; font-weight:bold; background:url(../images/banner-contact.jpg); color:#FFF;}
#cantact{ width:100%; margin:0 auto; clear:both; border:#ddd 1px solid; padding:50px; overflow:hidden; height:auto;}
#cantact-1{ width:100%; float:left; font-size:38px; line-height:70px; color:#ffb027;}
#cantact-1 strong{ color:#000; font-size:45px;}
#cantact-2{ width:100%; float:left;}
#cantact-2 ul li{ float:left; width:100%; margin-left:0; margin-bottom:20px;}
#contact-icon{ float:left; width:0; display:none;}
#contact-txt{ float:left; width:100%;}
/*NEWS*/
#news-0{ width:100%; text-align:center; font-size:22px; line-height:80px; font-weight:bold;text-decoration: underline;text-decoration-thickness: 5px; text-decoration-color: #ffb027;text-underline-offset: 20px; }
#news-1{ width:100%; margin:0 auto; clear:both;}
#news-1 ul li{ float:left; width:100%; margin-right:0; background-color:#f5f5f5; overflow:hidden; height:auto; margin-top:15px;}
#news-1 ul li:nth-of-type(3n){ margin-right:0;}
#news-img{ width:100%; height:226px; overflow:hidden;}
#news-img img{ width:100%;}
#news-title{ width:100%; display: inline-block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:16px; line-height:30px; padding:10px 15px 0 15px;}
#news-date{ font-size:12px; color:#CCC; line-height:20px; padding:0 15px;}
#news-contain{width:100%; font-size:12px; line-height:24px; color:#666; padding:5px 15px 15px 15px;}
#news-detail-more{ width:100%; border:#ccc 1px solid; padding:10px;}
#news-detail-more ul li{ float:none; width:100%; font-size:12px; line-height:25px;}

#news-detail{ width:100%; border:#ccc 1px solid; padding:30px;}
#news-t{ width:100%; height:50px;}
#news-t h1{ font-size:20px; text-align:center;}
#news-d{ width:100%; font-size:12px; line-height:20px; color:#ccc; text-align:center;}
#news-c{ width:100%; font-size:12px; line-height:24px; color:#333;}
#news-c a{color:#333;}
#news-c p{ padding-top:10px;}
#news-c img{border:#000 1px solid;}
#product-guid{ width:100%; margin:0 auto; line-height:70px; height:70px; text-align:left; background:url(../images/icon-home.jpg) no-repeat; background-position:center left; padding-left:20px;}
#product-0{ width:100%; clear:both; height:25px; line-height:25px; font-size:18px; font-weight:bold; border-left:#ffb027 5px solid; padding-left:20px; margin-bottom:20px;}
#product-2{ width:100%; clear:both; font-size:18px; line-height:35px; background-color:#f5f5f5; padding:20px;}

#product-summary{width:100%; font-size:12px; line-height:35px; color:#333; text-align:center;}
#product-download{width:100%; margin-top:15px; text-align:center;}
#product-download a{line-height:50px; color:#fff; font-size:16px; padding:10px 25px 12px 40px;background:url(../images/icicon-pdf.png) #ffb027; background-repeat:no-repeat; background-position:15px center; }
#product-detail-left{ float:none; width:100%;}
#product-detail-left h1{ font-size:18px; text-align:center;}
#product-detail-right{ float:none; width:90%; margin:15px auto 0 auto;}
#product-detail-right img{ border:#ccc 1px solid; width:100%;}
#product-detail-jj{width:100%; clear:both; margin:15px 0;background:url(../images/bg1.png) no-repeat; background-position:center left; padding:20px 0; font-size:12px; line-height:24px;}
#product-detail-cs dl{width:98%;overflow: hidden; border-top:#ccc 1px solid;margin: 0 auto; padding: 0; }
#product-detail-cs > dl:nth-of-type(odd) {background-color: #ffffff;}
#product-detail-cs > dl:nth-of-type(even) {background-color: #eeeeee;}
#product-detail-cs dl dt{ float:left; width:50%; font-size:12px; line-height:35px; font-weight:bold; margin: 0; padding: 0;box-sizing: border-box; }
#product-detail-cs dl dd{ float:left; width:50%; font-size:12px; line-height:35px; margin: 0; padding: 0;box-sizing: border-box;}
#product-detail-xg{width:100%; clear:both; margin:0 auto; height:auto; overflow:hidden;}
#product-detail-xg ul li{ float:left; width:32%; margin-right:2%; border:#ccc 1px solid; margin-top:20px; box-sizing: border-box; overflow:hidden; text-align:center; padding-bottom:8px;}
#product-detail-xg ul li:nth-of-type(5n){margin-right:2%;}
#product-detail-xg ul li:nth-of-type(3n){margin-right:0;}
#product-detail-xg ul li img{ width:100%; border-bottom:#ccc 1px solid;transition: transform 0.3s ease, box-shadow 0.3s ease;}
#product-detail-xg ul li img:hover {transform: translateY(-6px);box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);}
#page{ width:100%; margin:20px 0; clear:both; text-align:center; font-size:12px; background-color:#eee; height:30px; line-height:30px; overflow:hidden; height:auto; border-top:#fff 30px solid;}
#page a{background-color:#ffb027; padding:3px 15px; color:#FFF; margin-left:15px; margin-right:15px;}

#product-yyly{ width:100%; margin-top:30px;}
#product-yyly ul{ display: grid;
    grid-template-columns: repeat(3, 1fr); /* 一行 6 个，等宽 */
    gap: 10px;                             /* 中间的空隙（上下左右都留） */
    width: 100%;
    margin: 0;
    padding: 0;                            /* 去掉 ul 默认内边距 */
    list-style: none;}
#product-yyly ul li{ overflow: hidden; text-align:center;}
#product-yyly ul li img{  display: block;      /* 去掉Product image底部空隙 */
    width: 100%;         /* Product image撑满 li */
    height: auto;}
	
#products-t{ float:left; width:100%; line-height:66px; padding-left:30px; font-size:18px; margin-top:30px; background:url(../images/arrow-black.png) #ffb027; background-repeat:no-repeat; background-position:center right;}
#products-t:hover{background-color:#444;}
#products-t:hover a{ color:#FFF;}
#products-b{ float:left; width:100%; line-height:66px; font-size:18px; margin-top:10px;}
#products-b td a:link{ color:#F90; font-weight:bold;}
#products-b td a:visited{ color:#F90; font-weight:bold;}
#products-b td a:hover{ color:#F00; font-weight:bold;}
#products-b td a:active{ color:#F90; font-weight:bold;}
.lbhalf{ width:100%}
}