.content-nav-wrap{width:100%;position:relative;overflow:hidden;margin-top:-25px}
.content-nav-bg-box{width:100%;position:relative;}
.content-nav-bg-img{width:100%;height:400px;display:block;object-fit:cover;}
.content-nav-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(45,62,90,0.90);}
.content-nav-inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:60px 20px;text-align:center;}
.content-nav-title{font-size:42px;font-weight:700;color:#ffffff;margin-bottom:18px;text-transform:uppercase;}
.content-nav-title a{color:#ffffff;text-decoration:none;}
.content-nav-title a:hover{color:#ffffff;}
.content-nav-desc{font-size:16px;color:#b8c2d3;max-width:1100px;margin:0 auto 24px auto;line-height:1.7;}
.content-nav-desc a{color:#b8c2d3;text-decoration:none;}
.content-nav-desc a:hover{color:#015bac;}
.content-nav-down-icon{width:44px;height:44px;line-height:40px;border:2px solid #ffffff;border-radius:50%;margin:0 auto 30px auto;color:#ffffff;font-size:24px;    transform: rotate(90deg);}
.content-nav-btn-wrap{overflow:hidden;}
.content-nav-btn-item{display:inline-block;margin:0 10px;}
.content-nav-btn{display:block;padding:12px 36px;border:1px solid #ffffff;border-radius:99px;color:#ffffff;font-size:17px;text-decoration:none;transition:all 0.3s ease;}
.content-nav-btn:hover{border-color:#cccccc;color:#cccccc;}
.content-nav-btn:active{background:#ffffff;color:#015bac;}
.content-nav-btn.active{background:#ffffff;color:#015bac;border-color:#ffffff;cursor:default;}
.content-nav-btn.active:hover{background:#ffffff;color:#015bac;border-color:#015bac;}
@media screen and (max-width:1280px){
.content-nav-bg-img{height:420px;}
.content-nav-title{font-size:38px;margin-bottom:16px;}
.content-nav-desc{font-size:15px;margin-bottom:22px;}
.content-nav-btn{padding:11px 32px;font-size:16px;}
.content-nav-down-icon{width:40px;height:40px;line-height:40px;font-size:16px;margin-bottom:26px;}
}
@media screen and (max-width:992px){
.content-nav-bg-img{height:380px;}
.content-nav-title{font-size:32px;}
.content-nav-desc{font-size:15px;max-width:90%;}
.content-nav-btn-item{display:inline-block;margin:8px 8px;}
.content-nav-btn{padding:10px 28px;font-size:15px;}
.content-nav-inner{padding:40px 20px;}
}
@media screen and (max-width:768px){
.content-nav-bg-img{height:400px;}
.content-nav-title{font-size:28px;margin-bottom:14px;}
.content-nav-desc{font-size:14px;margin-bottom:20px;}
.content-nav-btn-item{display:block;margin:10px auto;max-width:300px;}
.content-nav-btn{padding:10px 22px;font-size:15px;}
.content-nav-down-icon{width:36px;height:36px;line-height:36px;font-size:16px;margin-bottom:20px;}
}
@media screen and (max-width:480px){
.content-nav-bg-img{height:400px;}
.content-nav-title{font-size:24px;}
.content-nav-desc{font-size:13px;}
.content-nav-btn{font-size:14px;padding:9px 18px;}
.content-nav-inner{padding:30px 14px;}
}
@media screen and (max-width:320px){
.content-nav-bg-img{height:400px;}
.content-nav-title{font-size:20px;}
.content-nav-desc{font-size:12px;}
}

.bread-outer{width:100%;border-bottom:1px solid #e5e5e5;}
.bread-wrap{width:100%;max-width:1600px;margin:0 auto;padding:24px 2%;box-sizing:border-box;}
.bread-list{margin:0;padding:0;list-style:none;font-size:18px;}
.bread-list li{display:inline-block;margin-right:8px;}
.bread-list li a{color:#333333;text-decoration:none;}
.bread-list li a:hover{text-decoration:underline;}
.bread-list li .bread-sep{margin:0 8px;color:#666;}
.bread-list li .bread-cur{color:#333;}
.bread-home-icon{color:#015bac;margin-right:6px;}
@media screen and (max-width:768px){
.bread-wrap{padding:18px 12px;}
.bread-list{font-size:16px;}
}
@media screen and (max-width:480px){
.bread-wrap{padding:14px 10px;}
.bread-list{font-size:15px;}
}
@media screen and (max-width:320px){
.bread-wrap{padding:12px 8px;}
.bread-list{font-size:14px;}}


    .product-nav-wrapper {
      width: 100%;
     max-width:1600px;
	 margin:0 auto;
	    padding:40px 2% 0px 2%;
      background: #ffffff;
  
    }
    .badge-pc { display: inline-block; }
    .badge-mobile { display: none; }
    .product-nav { width: 100%; }
    .nav-toggle-btn { display: none; align-items: center; justify-content: space-between; width: 100%; padding: 14px 20px; background: #f2f4f8; border: 1px solid #e2e6ec; border-radius: 0px; font-size: 16px; font-weight: 500; color: #1a1f2b; cursor: pointer; transition: background 0.2s; -webkit-tap-highlight-color: transparent; user-select: none; }
    .nav-toggle-btn:active { background: #e6eaf0; }
    .nav-toggle-btn .icon-arrow { display: inline-block; width: 20px; height: 20px; margin-left: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.25s ease; }
    .nav-toggle-btn.open .icon-arrow { transform: rotate(180deg); }
    .nav-collapsible { max-height: none; overflow: visible; opacity: 1; margin-top: 0; }
    .product-nav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
    .product-nav-item { display: inline-block; }
    .product-nav-link { display: flex; align-items: center; justify-content: center; padding: 0 26px; height: 54px; line-height: 54px; background: #f0f2f5; border-radius: 0px; font-size: 15px; font-weight: 450; color: #1a1f2b; text-decoration: none; text-align: center; white-space: nowrap; transition: background 0.15s, color 0.15s, box-shadow 0.15s; border: 1px solid transparent; }
    .product-nav-link:hover { background: #e4e8ef; }
    .product-nav-link.active { background: #015bac; color: #ffffff; border-color: #015bac; box-shadow: 0 4px 12px rgba(1, 91, 172, 0.20); font-weight: 500; }
    @media screen and (max-width: 767px) {
      .demo-wrapper { padding: 16px 14px 20px; border-radius: 16px; }
      .demo-title { font-size: 17px; margin-bottom: 14px; }
      .badge-pc { display: none; }
      .badge-mobile { display: inline-block; }
      .nav-toggle-btn { display: flex; }
      .nav-collapsible { max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; transition: max-height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s ease, margin 0.2s ease; visibility: visible; }
      .nav-collapsible.open { max-height: 3000px; opacity: 1; margin-top: 14px; }
      .product-nav-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
      .product-nav-item { display: flex; }
      .product-nav-link { width: 100%; padding: 12px 8px; height: auto; min-height: 46px; line-height: 1.3; white-space: normal; word-break: break-word; font-size: 14px; border-radius: 36px; text-align: center; }
      .product-nav-link:active { transform: scale(0.97); background: #e2e6ee; }
      .product-nav-link.active:active { background: #014a8a; transform: scale(0.97); }
      @media screen and (max-width: 420px) {
        .product-nav-list { gap: 8px; }
        .product-nav-link { font-size: 13px; padding: 10px 4px; min-height: 42px; border-radius: 32px; }
        .nav-toggle-btn { font-size: 15px; padding: 12px 16px; }
      }
      @media screen and (max-width: 360px) {
        .product-nav-list { gap: 6px; }
        .product-nav-link { font-size: 12px; padding: 8px 2px; min-height: 38px; border-radius: 28px; }
      }
    }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-nav-link { padding: 0 20px; height: 48px; line-height: 48px; font-size: 14px; }
      .product-nav-list { gap: 10px; }
    }





    .about-us-body{margin:0;padding:0;color:#000000;background:#ffffff;}
    .about-us-wrap{max-width:1400px;margin:0 auto;padding:40px 2% 0 2%;}
    .about-us-header{text-align:center;margin:0 0 30px 0;}
    .about-us-title{margin:0;font-size:40px;color:#000000;text-transform:uppercase;letter-spacing:1px;font-weight:700;}
    .about-us-title-line{width:30px;height:5px;background:#015bac;margin:12px auto 0 auto;}
    .about-us-content{margin:0 0 35px 0;line-height:1.7;font-size:14px;color:#333333;}
    .about-us-content p{margin:0 0 16px 0;}
    .about-us-image-box{margin:0 0 -120px 0;position:relative;z-index:2;}
    .about-us-img-wrap{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;position:relative;border-radius:4px;}
    .about-us-img-wrap img{width:100%;height:500px;display:block;object-fit:cover;transition:transform 0.3s ease,opacity 0.3s ease;cursor:pointer;}
    .about-us-img-wrap:hover img{transform:scale(1.04);opacity:0.85;}
    .about-us-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ffffff;background:transparent;border:5px solid #ffffff;border-radius:50%;width:60px;height:60px;line-height:60px;text-align:center;opacity:0.95;transition:all 0.2s ease;box-shadow:0 0 12px rgba(0,0,0,0.2);padding:0;display:inline-block;box-sizing:content-box;pointer-events:none;}
    .about-us-play-icon:before{margin-left:6px;display:inline-block;}
    .about-us-img-wrap:hover .about-us-play-icon{transform:translate(-50%,-50%) scale(1.08);border-color:#ffffff;opacity:1;box-shadow:0 0 20px rgba(255,255,255,0.4);}
    
	.about-us-stats{    width: 100%;

    background-color: transparent;
    background-image: 
        url('/static/web/image/about.jpg'),
        linear-gradient(to bottom, #ffffff, #ffffff, #015bac);
    background-size: cover, 100% 100%;
    background-position: center 30%, center;
    background-blend-mode: soft-light, normal;
    padding: 160px 0 110px 0;
    position: relative;
    z-index: 1;}
	
	
    .about-us-stats::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1,91,172,0.85);z-index:0;}
    .about-us-stats-inner{max-width:1400px;margin:0 auto;padding:0 15px;overflow:hidden;position:relative;z-index:2;}
    .about-us-stat-item{float:left;width:25%;text-align:center;color:#ffffff;box-sizing:border-box;padding:0 10px;}
    .about-us-stat-num{font-size:50px;font-weight:bold;margin:30px 0 8px 0;line-height:1;}
    .about-us-stat-text{font-size:18px;line-height:1.4;opacity:0.95;}
    /* 视频模态框 */
    .video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:9999;justify-content:center;align-items:center;animation:modalFade 0.25s ease;}
    .video-modal.active{display:flex;}
    .video-modal-content{position:relative;width:90%;max-width:860px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.6);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;}
    .video-modal-content video{width:100%;height:100%;display:block;background:#000;}
    .video-modal-close{position:absolute;top:12px;right:16px;font-size:32px;color:#fff;background:rgba(0,0,0,0.5);border:none;border-radius:50%;width:44px;height:44px;line-height:44px;text-align:center;cursor:pointer;z-index:10;transition:0.2s;font-family:Arial,sans-serif;font-weight:300;padding:0;opacity:0.9;}
    .video-modal-close:hover{background:rgba(255,255,255,0.25);transform:scale(1.08);color:#fff;}
    @keyframes modalFade{0%{opacity:0;transform:scale(0.96);}100%{opacity:1;transform:scale(1);}}
    /* 响应式 */
    @media screen and (max-width:992px){.about-us-img-wrap img{height:340px;}.about-us-image-box{margin:0 0 -90px 0;}.about-us-stats{padding:120px 0 40px 0;}.about-us-stat-item{width:50%;margin:0 0 30px 0;}.about-us-stat-num{font-size:36px;}}
    @media screen and (max-width:768px){.about-us-wrap{padding:30px 12px 0 12px;}.about-us-title{font-size:22px;}.about-us-content{font-size:13px;}.about-us-img-wrap img{height:260px;}.about-us-image-box{margin:0 0 -70px 0;}.about-us-stats{padding:100px 0 30px 0;}.about-us-stat-num{font-size:30px;}.about-us-play-icon{width:64px;height:64px;font-size:40px;line-height:64px;border-width:2.5px;}.video-modal-content{width:95%;}}
    @media screen and (max-width:480px){.about-us-wrap{padding:20px 10px 0 10px;}.about-us-title{font-size:18px;}.about-us-img-wrap img{height:200px;}.about-us-image-box{margin:0 0 -50px 0;}.about-us-stats{padding:80px 0 20px 0;}.about-us-stat-item{width:100%;margin:0 0 22px 0;}.about-us-stat-num{font-size:28px;}.about-us-play-icon{width:54px;height:54px;font-size:32px;line-height:54px;border-width:2px;}}
  
  
  
  
        .culture-container { width: 100%; margin: 0 auto; position: relative;overflow: visible; background: linear-gradient(to bottom, #333333 0%, #333333 65%, #333333 65%, #333333 100%); height: 400px;}
.culture-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height:100%; background-image: url('/static/web/image/culture.jpg'); background-repeat: repeat-x; background-size: cover; background-position: center; opacity: 0.85; pointer-events: none; z-index: 0; border-radius: 24px 24px 0 0; }
        @media (max-width: 768px) { .culture-container { background: #666666 !important; height: auto; min-height: 500px; padding-bottom: 20px; } .culture-container::before { height: 100%; border-radius: 24px; opacity: 0.25; } }
        .culture-items { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 100px; margin-bottom: 0px; position: relative; z-index: 1; }
        .culture-item { display: flex; flex-direction: column; align-items: center; position: relative; cursor: pointer; transition: transform 0.3s ease; width: 25%; padding: 0 15px; margin-bottom: 30px; -webkit-tap-highlight-color: transparent; pointer-events: auto; }
        .culture-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 0px; bottom: 0px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.3); pointer-events: none; }
        .culture-item:hover { transform: translateY(-5px); }
        .culture-icon-container { width: 110px; height: 110px; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 35px; pointer-events: none; }
        .culture-hexagon { position: absolute; width: 100%; height: 100%; background-color: transparent; border: 0px solid rgba(255, 255, 255, 0.9); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transition: border-color 0.3s ease; transform: scale(0.9) rotate(45deg); pointer-events: none; }
        .culture-item:hover .culture-hexagon { border-color: #ff8a00; }
        .culture-icon-img { width: 120px; height: 120px; object-fit: contain; z-index: 2; display: block; filter: brightness(0) invert(1); transition: filter 0.3s ease; pointer-events: none; }
        .culture-item:hover .culture-icon-img { filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(255, 138, 0, 0.5)); }
        .culture-title { font-size: 1.2rem; font-weight: 600; text-align: center; margin-bottom: 20px; padding: 0 10px; transition: color 0.3s ease; color: #fff; pointer-events: none; user-select: none; }
        .culture-item:hover .culture-title { color: #ffffff; }
        .culture-content { position: absolute; top: 100%; left: 15px; right: 15px; background-color: #015bac; color: #333; padding: 25px 20px; border-radius: 8px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); z-index: 10; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1); pointer-events: none; min-width: 200px; }
        .culture-content:before { content: ''; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 15px solid #015bac; }
        .culture-content h3 { font-size: 1.3rem; margin-bottom: 12px; color: #ffffff; text-align: center; }
        .culture-content p { font-size: 16px; color: #ffffff; line-height: 1.8; text-align: left; }
        .culture-item.active .culture-content { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
        .culture-item.active .culture-title { color: #ff8a00; }
        .culture-item.active .culture-hexagon { border-color: #ff8a00; }
        @media (max-width: 992px) { .culture-item { width: 50%; padding: 0 20px; margin-bottom: 40px; } .culture-item:not(:last-child)::after { display: none; } .culture-item:nth-child(odd):not(:last-child)::after { display: block; right: 0; top: 40px; bottom: 40px; width: 1px; background-color: rgba(255, 255, 255, 0.3); pointer-events: none; } .culture-item:nth-child(2)::after { display: none; } }
        @media (max-width: 768px) { body { padding: 20px 15px; } .culture-container { height: auto; min-height: 500px; padding-bottom: 20px; border-radius: 24px; } .culture-item { width: 50%; padding: 0 15px; margin-bottom: 30px; } .culture-icon-container { width: 90px; height: 90px; } .culture-hexagon { transform: scale(0.85) rotate(45deg); } .culture-icon-img { width: 40px; height: 40px; } .culture-title { font-size: 1.2rem; margin-bottom: 15px; } .culture-item:not(:last-child)::after { display: none; } .culture-item:nth-child(odd):not(:last-child)::after { display: block; right: 0; top: 30px; bottom: 30px; pointer-events: none; } .culture-item:nth-child(2)::after { display: none; } .culture-content { left: 5px; right: 5px; } }
        @media (max-width: 480px) { .culture-item { width: 50%; padding: 0 10px; margin-bottom: 25px; } .culture-icon-container { width: 80px; height: 80px; margin-bottom: 15px; } .culture-hexagon { transform: scale(0.8) rotate(45deg); } .culture-icon-img { width: 34px; height: 34px; } .culture-title { font-size: 1.1rem; } .culture-item:nth-child(odd):not(:last-child)::after { right: 0; top: 25px; bottom: 25px; pointer-events: none; } .culture-content { left: 0; right: 0; } }
        @media (max-width: 360px) { .culture-item { width: 100%; padding: 0 15px; margin-bottom: 30px; } .culture-item::after { display: none !important; } }
        @media (hover: hover) { .culture-item:hover .culture-content { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .culture-item.active .culture-content { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } }
        @media (hover: none) { .culture-item:hover .culture-content { opacity: 0; visibility: hidden; transform: translateY(-10px); pointer-events: none; } .culture-item:hover .culture-title { color: #fff; } .culture-item:hover .culture-hexagon { border-color: rgba(255, 255, 255, 0.9); } .culture-item:hover .culture-icon-img { filter: brightness(0) invert(1); } }
   
  
  
          .about_design-container { width: 100%; max-width: 1600px;margin:0 auto;padding:0 2%; background-color: white; border-radius: 0px; overflow: hidden; transition: transform 0.3s ease; }
        .about_design-container:hover { transform: translateY(-3px); }
        .about_design-content { display: flex; flex-direction: row; min-height: 500px; }
        .about_design-left { flex: 1; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: #000; }
        .about_design-device { width: 100%; height: 100%; position: relative; overflow: hidden; transition: all 0.4s ease; }
        .about_design-device-panel { position: absolute; display: flex; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease; overflow: hidden; }
        .about_design-device-panel img { width: 100%; height: 100%; object-fit: cover; }
        .about_design-device-text { color: #cbd5e0; font-size: 18px; text-align: center; padding: 10px; transition: all 0.4s ease; z-index: 2; position: relative; }
        .about_design-left:hover .about_design-device-text { color: #e2e8f0; transform: scale(1.01); }
        @keyframes glow { 0%, 100% { opacity: 0.5; } 50% { opacity: 0.8; } }
        .about_design-device-panel::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.7s ease; z-index: 1; }
        .about_design-left:hover .about_design-device-panel::before { left: 100%; }
        .about_design-right { flex: 1; background-color: #f4f4f4; padding: 40px 30px; position: relative; transition: background-color 0.3s ease; }
        .about_design-container:hover .about_design-right { background-color: #f0f0f0; }
        .about_design-title { color: #2c3e50; font-size: 28px; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; transition: color 0.3s ease; }
        .about_design-container:hover .about_design-title { color: #000000; }
        .about_design-description { color: #333; font-size: 16px; line-height: 1.8; margin-bottom: 20px; transition: color 0.3s ease; }
        .about_design-container:hover .about_design-description { color: #444; }
        .about_design-divider { width: 50px; height: 2px; background-color: #e67e22; margin: 30px 0; transition: width 0.3s ease; }
        .about_design-container:hover .about_design-divider { width: 70px; }
        .about_design-triangle { position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 25px solid #f4f4f4; cursor: pointer; transition: all 0.3s ease; z-index: 1; }
        .about_design-container:hover .about_design-triangle { border-right-color: #f0f0f0; }
        @media (max-width: 768px) { body { padding: 15px; } .about_design-content { flex-direction: column; min-height: auto; } .about_design-left { flex: none; width: 100%; height: 300px; min-height: 300px; order: 1; } .about_design-device { height: 100%; width: 100%; } .about_design-device-panel { position: relative; } .about_design-right { flex: none; width: 100%; padding: 30px 20px; order: 2; } .about_design-triangle { top: -20px; left: 50%; transform: translateX(-50%) rotate(90deg); } .about_design-title { font-size: 26px; margin-bottom: 20px; } .about_design-description { font-size: 15px; line-height: 1.6; } }
        @media (max-width: 480px) { body { padding: 10px; } .about_design-left { height: 250px; min-height: 250px; } .about_design-right { padding: 25px 15px; } .about_design-title { font-size: 24px; margin-bottom: 15px; } .about_design-description { font-size: 14px; line-height: 1.5; margin-bottom: 15px; } .about_design-triangle { top: -17px; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 20px solid #f4f4f4; } .about_design-container:hover .about_design-triangle { border-right-color: #f0f0f0; } }
        @media (max-width: 360px) { .about_design-left { height: 220px; min-height: 220px; } .about_design-right { padding: 20px 12px; } .about_design-title { font-size: 22px; } }
    
        .about_honor-container { width: 100%; max-width: 1600px;margin:0 auto;padding:0 2%; background-color: white; border-radius: 0px; overflow: hidden; transition: transform 0.3s ease; }
        .about_honor-container:hover { transform: translateY(-3px); }
        .about_honor-content { display: flex; flex-direction: row-reverse; min-height: 400px; }
        .about_honor-right { flex: 1; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: #000; }
        .about_honor-device { width: 100%; height: 100%; position: relative; overflow: hidden; transition: all 0.4s ease; }
        .about_honor-device-panel { position: absolute; display: flex; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease; overflow: hidden; }
        .about_honor-device-panel img { width: 100%; height: 100%; object-fit: cover; }
        .about_honor-device-text { color: #cbd5e0; font-size: 18px; text-align: center; padding: 10px; transition: all 0.4s ease; z-index: 2; position: relative; }
        .about_honor-right:hover .about_honor-device-text { color: #e2e8f0; transform: scale(1.01); }
        @keyframes glow { 0%, 100% { opacity: 0.5; } 50% { opacity: 0.8; } }
        .about_honor-device-panel::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.7s ease; z-index: 1; }
        .about_honor-right:hover .about_honor-device-panel::before { left: 100%; }
        .about_honor-left { flex: 1; background-color: #f4f4f4; padding: 40px 30px; position: relative; transition: background-color 0.3s ease; }
        .about_honor-container:hover .about_honor-left { background-color: #f0f0f0; }
        .about_honor-title { color: #2c3e50; font-size: 28px; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; transition: color 0.3s ease; }
        .about_honor-container:hover .about_honor-title { color: #e67e22; }
        .about_honor-description { color: #333; font-size: 16px; line-height: 1.8; margin-bottom: 20px; transition: color 0.3s ease; }
        .about_honor-container:hover .about_honor-description { color: #444; }
        .about_honor-divider { width: 50px; height: 2px; background-color: #e67e22; margin: 30px 0; transition: width 0.3s ease; }
        .about_honor-container:hover .about_honor-divider { width: 70px; }
        .about_honor-triangle { position: absolute; top: 50%; right: -20px; transform: translateY(-50%); width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 25px solid #f4f4f4; cursor: pointer; transition: all 0.3s ease; z-index: 1; }
        .about_honor-container:hover .about_honor-triangle { border-left-color: #f0f0f0; }
        @media (max-width: 768px) { body { padding: 15px; } .about_honor-content { flex-direction: column; min-height: auto; } .about_honor-right { flex: none; width: 100%; height: 300px; min-height: 300px; order: 1; } .about_honor-device { height: 100%; width: 100%; } .about_honor-device-panel { position: relative; } .about_honor-left { flex: none; width: 100%; padding: 30px 20px; order: 2; } .about_honor-triangle { top: -20px; right: 50%; transform: translateX(50%) rotate(90deg); border-left: 25px solid #f4f4f4; border-right: 0; } .about_honor-container:hover .about_honor-triangle { border-left-color: #f0f0f0; } .about_honor-title { font-size: 26px; margin-bottom: 20px; } .about_honor-description { font-size: 15px; line-height: 1.6; } }
        @media (max-width: 480px) { body { padding: 10px; } .about_honor-right { height: 250px; min-height: 250px; } .about_honor-left { padding: 25px 15px; } .about_honor-title { font-size: 24px; margin-bottom: 15px; } .about_honor-description { font-size: 14px; line-height: 1.5; margin-bottom: 15px; } .about_honor-triangle { top: -17px; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 20px solid #f4f4f4; } .about_honor-container:hover .about_honor-triangle { border-left-color: #f0f0f0; } }
        @media (max-width: 360px) { .about_honor-right { height: 220px; min-height: 220px; } .about_honor-left { padding: 20px 12px; } .about_honor-title { font-size: 22px; } }
		
.quality-section { width: 100%; max-width: 1600px;margin:0 auto;padding:0 2%;  overflow:hidden; }  
.quality-wrap { margin:40px 0px}
.quality-header { background-color:#015bac; padding:50px 20px; text-align:center; color:#ffffff; }
.quality-header h2 { font-size:48px; margin:0 0 20px 0; font-weight:700; color:#ffffff; }
.quality-header p { font-size:18px; line-height:1.8; max-width:1000px; margin:0 auto; color:rgba(255,255,255,0.9); }
.quality-row { max-width:1600px; margin:0 auto; padding:25px 20px; overflow:hidden; background: linear-gradient(to bottom, #015bac 51%, #ffffff 49%); }
.quality-item { display:block; float:left; text-decoration:none; transition:box-shadow 0.3s ease; position:relative; }
.quality-item:hover { box-shadow:0 5px 15px rgba(0,0,0,0.1); }
.quality-img-wrap { width:100%; overflow:hidden; display:block; position:relative; z-index:1; }
.quality-img-wrap img { width:100%; height:auto; display:block; border:0; transition:all 0.3s ease; }
.quality-item:hover .quality-img-wrap img { transform:scale(1.05); filter:brightness(0.85); }
.quality-content { background-color:#f5f5f5; padding:30px 25px; position:relative; z-index:2; }
.quality-content:before { content:""; position:absolute; top:-10px; left:50%; margin-left:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f5f5f5; }
.quality-content h3 { font-size:24px; margin:0 0 15px 0; color:#000000; transition:color 0.3s ease; font-weight:700; }
.quality-content h3 i { margin-right:0px; color:#015bac; }
.quality-item:hover .quality-content h3 { color:#015bac; }
.quality-content{ font-size:18px; line-height:1.5; color:#666666; margin:0; }
@media (min-width:992px) {
.quality-item { width:30.333%; margin:0 1.5% 0 1.5%; }
}
@media (max-width:991px) and (min-width:480px) {
.quality-item { width:47%; margin:0 1.5% 30px 1.5%; }
}
@media (max-width:479px) {
.quality-header { padding:30px 15px; }
.quality-header h2 { font-size:24px; }
.quality-header p { font-size:14px; }
.quality-row { padding:20px 15px; }
.quality-item { width:100%; margin:0 0 20px 0; }
.quality-content { padding:20px 15px; }
.quality-content h3 { font-size:18px; }
.quality-content p { font-size:14px; }
}
	
	
@keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.piclist-wrap {margin:40px 0px;background: #ffffff;}           
.piclist-container { max-width:1600px;margin:0 auto;padding:0 2%; }        
.piclist-grid { display: block; font-size:0; letter-spacing:0; }        
.piclist-item { display: inline-block; vertical-align: top; width: 23.5%; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); margin-right: 2%; margin-bottom: 25px; }        
.piclist-item:nth-child(4n) { margin-right: 0; }        
.piclist-item:hover { transform: translateY(-1px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }        
.piclist-img-container { position: relative; width: 100%; height: 280px; overflow: hidden; cursor: pointer; }        
.piclist-img { width: 100%; height: 280px; object-fit: cover; transition: transform 0.5s ease; }        
.piclist-item:hover .piclist-img { transform: scale(1.05); }        
.piclist-img-container::after { content: "\e612"; font-family: "iconfont"; font-weight: 400; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2.5rem; opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,0.7); transition: all 0.3s ease; z-index: 2; pointer-events: none; }        
.piclist-item:hover .piclist-img-container::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }        
.piclist-content { padding: 20px; text-align: center; }        
.piclist-title { font-size: 1rem; font-weight:400; margin-bottom: 5px; transition: color 0.3s ease; }        
.piclist-title a { color: #333333; text-decoration: none; transition: color 0.3s ease; cursor: pointer; }        
.piclist-title a:hover { color: #000000; }        
.piclist-btn { display: inline-block; padding: 10px 25px; background: linear-gradient(to right, #0a4387, #0a4387); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); cursor: pointer; }        
.piclist-btn:hover { transform: translateY(-3px); color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(to right, #0a4387, #0a4387); }        
.piclist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.80); display: flex; justify-content: center; align-items: center; z-index:99999; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }        
.piclist-lightbox.active { opacity: 1; pointer-events: all; }        
.piclist-lightbox-content { position: relative; max-width: 90%; max-height: 90%; transform: scale(0.8); transition: transform 0.5s ease; }        
.piclist-lightbox.active .piclist-lightbox-content { transform: scale(1); }        
.piclist-lightbox-img { max-width: 100%; max-height: 90vh; border-radius: 0px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }        
.piclist-lightbox-close { position: absolute; top: -40px; right: -40px; width: 36px; height: 36px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.5rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4); }        
.piclist-lightbox-close:hover { background: #ffffff; transform: rotate(90deg); }        
.piclist-lightbox-info { position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; color: white; padding: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px 10px; }        
.piclist-lightbox-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; transform: translateY(-50%); pointer-events: none; }        
.piclist-lightbox-prev, .piclist-lightbox-next { background: rgba(255, 255, 255, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; pointer-events: auto; }        
.piclist-lightbox-prev:hover, .piclist-lightbox-next:hover { color: #000000; background: rgba(255, 255, 255, 0.99); }        
@media (max-width: 1200px) { .piclist-item { width: 31.333%; margin-right: 3%; } .piclist-item:nth-child(4n) { margin-right: 3%; } .piclist-item:nth-child(3n) { margin-right: 0; } }        
@media (max-width: 900px) { .piclist-item { width: 48%; margin-right: 4%; } .piclist-item:nth-child(3n) { margin-right: 4%; } .piclist-item:nth-child(2n) { margin-right: 0; } .piclist-header h1 { font-size: 3rem; } }        
@media (max-width: 600px) { .piclist-container { margin: 30px 0 0 0 ; } .piclist-item { width: 100%; margin-right: 0; } .piclist-item:nth-child(2n) { margin-right: 0; } .piclist-header h1 { font-size: 2.2rem; } .piclist-header p { font-size: 1rem; } .piclist-lightbox-close { top: -60px; right: 0; } }        
.piclist-footer { text-align: center; margin-top: 50px; padding: 20px; color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); border-radius: 15px; backdrop-filter: blur(5px); }        
@keyframes loader { to { transform: translateY(-15px); background: #feb47b; } }        
a, .piclist-btn, .piclist-lightbox-close, .piclist-img-container, .piclist-lightbox-prev, .piclist-lightbox-next { cursor: pointer; }  

/* -----------------------内页证书------------------------ */		
.honorlist-wrap {margin:40px 0px;background: #ffffff;}           
.honorlist-container { max-width:1600px;margin:0 auto;padding:0 2%; }        
.honorlist-grid { display: block; font-size:0; letter-spacing:0; }        
.honorlist-item { display: inline-block; vertical-align: top; width: 23.5%; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); margin-right: 2%; margin-bottom: 25px; }        
.honorlist-item:nth-child(4n) { margin-right: 0; }        
.honorlist-item:hover { transform: translateY(-1px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }        
.honorlist-img-container { position: relative; width: 100%; height:450px; overflow: hidden; cursor: pointer; }        
.honorlist-img { width: 100%; height: 450px; object-fit: cover; transition: transform 0.5s ease; }        
.honorlist-item:hover .honorlist-img { transform: scale(1.05); }        
.honorlist-img-container::after { content: "\e612"; font-family: "iconfont"; font-weight: 400; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2.5rem; opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,0.7); transition: all 0.3s ease; z-index: 2; pointer-events: none; }        
.honorlist-item:hover .honorlist-img-container::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }        
.honorlist-content { padding: 20px; text-align: center; }        
.honorlist-title { font-size: 1rem; font-weight:400; margin-bottom: 5px; transition: color 0.3s ease; }        
.honorlist-title a { color: #333333; text-decoration: none; transition: color 0.3s ease; cursor: pointer; }        
.honorlist-title a:hover { color: #000000; }        
.honorlist-btn { display: inline-block; padding: 10px 25px; background: linear-gradient(to right, #0a4387, #0a4387); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); cursor: pointer; }        
.honorlist-btn:hover { transform: translateY(-3px); color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(to right, #0a4387, #0a4387); }        
.honorlist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.80); display: flex; justify-content: center; align-items: center; z-index:99999; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }        
.honorlist-lightbox.active { opacity: 1; pointer-events: all; }        
.honorlist-lightbox-content { position: relative; max-width: 90%; max-height: 90%; transform: scale(0.8); transition: transform 0.5s ease; }        
.honorlist-lightbox.active .honorlist-lightbox-content { transform: scale(1); }        
.honorlist-lightbox-img { max-width: 100%; max-height: 90vh; border-radius: 0px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }        
.honorlist-lightbox-close { position: absolute; top: -40px; right: -40px; width: 36px; height: 36px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.5rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4); }        
.honorlist-lightbox-close:hover { background: #ffffff; transform: rotate(90deg); }        
.honorlist-lightbox-info { position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; color: white; padding: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px 10px; }        
.honorlist-lightbox-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; transform: translateY(-50%); pointer-events: none; }        
.honorlist-lightbox-prev, .honorlist-lightbox-next { background: rgba(255, 255, 255, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; pointer-events: auto; }        
.honorlist-lightbox-prev:hover, .honorlist-lightbox-next:hover { color: #000000; background: rgba(255, 255, 255, 0.99); }        
@media (max-width: 1200px) { .honorlist-item { width: 31.333%; margin-right: 3%; } .honorlist-item:nth-child(4n) { margin-right: 3%; } .honorlist-item:nth-child(3n) { margin-right: 0; } }        
@media (max-width: 900px) { .honorlist-item { width: 48%; margin-right: 4%; } .honorlist-item:nth-child(3n) { margin-right: 4%; } .honorlist-item:nth-child(2n) { margin-right: 0; } .honorlist-header h1 { font-size: 3rem; } }        
@media (max-width: 600px) { .honorlist-container { margin: 30px 0 0 0 ; } .honorlist-item { width: 100%; margin-right: 0; } .honorlist-item:nth-child(2n) { margin-right: 0; } .honorlist-header h1 { font-size: 2.2rem; } .honorlist-header p { font-size: 1rem; } .honorlist-lightbox-close { top: -60px; right: 0; } }        
.honorlist-footer { text-align: center; margin-top: 50px; padding: 20px; color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); border-radius: 15px; backdrop-filter: blur(5px); }        
@keyframes loader { to { transform: translateY(-15px); background: #feb47b; } }        
a, .honorlist-btn, .honorlist-lightbox-close, .honorlist-img-container, .honorlist-lightbox-prev, .honorlist-lightbox-next { cursor: pointer; }  





.news-list-body { margin: 0; padding: 0;  background: #ffffff; color: #000000; }
.news-list-wrap { max-width: 1600px; margin: 40px auto 40px auto; padding: 0 2%; box-sizing: border-box; }
.news-list-row { width: 100%; overflow: hidden; }
.news-list-item { float: left; width: 23.5%; margin: 0 2% 24px 0; box-sizing: border-box; border: 1px solid #e6e6e6; background: #ffffff; transition: box-shadow 0.2s ease; }
.news-list-item:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
.news-list-item:nth-child(4n) { margin-right: 0; }
.news-list-link { display: block; text-decoration: none; color: inherit; }
.news-list-img-wrap { width: 100%; height: 200px; overflow: hidden; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; position: relative; }
/* 改动区域：铺满容器，居中裁切 */
.news-list-img-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease, opacity 0.3s ease; flex-shrink: 0; }
.news-list-img-wrap:hover img { transform: scale(1.03); opacity: 0.90; }
.news-list-text { padding: 16px 16px 14px 16px; }
.news-list-title { margin: 0 0 10px 0; font-size: 17px; line-height: 1.45; color: #000000; font-weight: 600; transition: color 0.2s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news-list-link:hover .news-list-title { color: #015bac; }
.news-list-date { margin: 0 0 10px 0; font-size: 13px; color: #888888; }
.news-list-desc { margin: 0 0 14px 0; font-size: 14px; line-height: 1.5; color: #444444; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news-list-more { font-size: 14px; color: #015bac; display: inline-flex; align-items: center; transition: color 0.2s; }
.news-list-link:hover .news-list-more { color: #015bac; }
.news-list-more i { margin-left: 4px; font-size: 13px; }
@media screen and (max-width: 992px) { .news-list-item { width: 49%; margin: 0 2% 20px 0; } .news-list-item:nth-child(4n) { margin-right: 2%; } .news-list-item:nth-child(2n) { margin-right: 0; } .news-list-img-wrap { height: 180px; } }
@media screen and (max-width: 768px) { .news-list-wrap { padding: 0 12px; } .news-list-item { float: none; width: 100%; margin: 0 0 20px 0; } .news-list-item:nth-child(4n), .news-list-item:nth-child(2n) { margin-right: 0; } .news-list-img-wrap { height: 190px; } }
@media screen and (max-width: 480px) { .news-list-wrap { padding: 0 10px; } .news-list-img-wrap { height: 170px; } .news-list-text { padding: 12px 12px 10px 12px; } .news-list-title { font-size: 16px; } .news-list-desc { font-size: 13px; } }
 

.newsv-body{margin:0;padding:0;color:#000000;background:#ffffff;}
.newsv-wrap{max-width:1600px;margin:0 auto;padding:0 2%;}
.newsv-article-box{margin:40px 0 60px 0;}
.newsv-article-title{font-size:28px;line-height:1.4;color:#000000;margin:0 0 16px 0;font-weight:600;}
.newsv-article-meta{font-size:14px;color:#666666;margin:0 0 24px 0;padding-bottom:12px;border-bottom:1px solid #e5e7eb;}
.newsv-article-meta span{margin-right:20px;display:inline-block;}
.newsv-article-section{margin:28px 0 0 0;}
.newsv-article-subtitle{font-size:18px;font-weight:600;margin:0 0 12px 0;color:#000000;}
.newsv-article-p{font-size:16px;line-height:1.8;color:#000000;margin:0 0 16px 0;}
.newsv-article-linkblock{display:block;text-decoration:none;color:#000000;}
.newsv-article-linkblock:hover .newsv-article-subtitle{color:#015bac;}
.newsv-img-wrap{width:100%;height:420px;overflow:hidden;margin:20px 0;position:relative;}
.newsv-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease,filter 0.3s ease;}
.newsv-img-wrap:hover img{transform:scale(1.04);filter:brightness(0.88);}
.newsv-prevnext-box{border:1px solid #e5e7eb;padding:20px;margin-top:40px;position:relative;}
.newsv-prevnext-inner{margin-right:140px;}
.newsv-prevnext-item{margin:10px 0;}
.newsv-prevnext-item a{color:#333333;text-decoration:none;font-size:15px;}
.newsv-prevnext-item a:hover{text-decoration:underline;}
.newsv-goback-btn{position:absolute;right:20px;top:30px;background:#015bac;color:#ffffff;padding:12px 24px;border-radius:50px;text-decoration:none;font-size:16px;}
.newsv-goback-btn:hover{color:#ffffff;}
.newsv-goback-btn i{margin-left:8px;}
@media screen and (max-width:1280px){
.newsv-wrap{max-width:1140px;}
.newsv-article-title{font-size:26px;}
.newsv-img-wrap{height:400px;}
}
@media screen and (max-width:992px){
.newsv-wrap{max-width:960px;padding:0 16px;}
.newsv-article-title{font-size:24px;}
.newsv-img-wrap{height:340px;}
.newsv-prevnext-inner{margin-right:0;margin-bottom:80px;}
.newsv-goback-btn{position:relative;right:auto;top:auto;margin-top:16px;display:block;text-align:center;}
}
@media screen and (max-width:768px){
.newsv-wrap{padding:0 14px;}
.newsv-article-box{margin:24px 0 40px 0;}
.newsv-article-title{font-size:22px;}
.newsv-img-wrap{height:280px;}
.newsv-article-p{font-size:15px;line-height:1.65;}
.newsv-prevnext-box{padding:16px;}
}
@media screen and (max-width:480px){
.newsv-wrap{padding:0 12px;}
.newsv-article-title{font-size:20px;}
.newsv-img-wrap{height:220px;}
.newsv-article-meta span{display:block;margin:4px 0;}
}


service-wrap{width:100%;padding:60px 20px;display:block;}
service-container{max-width:1600px;margin:0 auto;padding:0 2%;overflow:hidden;display:block;}
service-left{float:left;width:54%;padding-right:40px;display:block;}
service-right{float:left;width:46%;display:block;}
service-img-box{width:100%;overflow:hidden;border:0;display:block;}
service-img{width:100%;height:auto;display:block;transition:transform 0.3s ease,filter 0.3s ease;}
service-img:hover{transform:scale(1.04);filter:brightness(0.88);}
service-block{margin-bottom:32px;display:block;}
service-title{font-size:22px;font-weight:700;color:#22304a;margin-bottom:12px;display:block;}
service-title a{color:#22304a;text-decoration:none;display:inline-block;}
service-title a:hover{color:#015bac;}
service-desc{font-size:17px;color:#444444;display:block;}
@media screen and (max-width:1280px){
service-left{width:52%;padding-right:30px;}
service-right{width:48%;}
service-title{font-size:20px;}
service-desc{font-size:16px;}
}
@media screen and (max-width:992px){
service-wrap{padding:45px 20px;}
service-left{float:none;width:100%;padding-right:0;margin-bottom:36px;}
service-right{float:none;width:100%;}
service-block{margin-bottom:26px;}
}
@media screen and (max-width:768px){
service-wrap{padding:35px 16px;}
service-title{font-size:19px;margin-bottom:10px;}
service-desc{font-size:15px;}
service-block{margin-bottom:22px;}
}
@media screen and (max-width:480px){
service-wrap{padding:28px 14px;}
service-title{font-size:17px;}
service-desc{font-size:14px;}
service-block{margin-bottom:18px;}
}
@media screen and (max-width:320px){
service-wrap{padding:22px 12px;}
service-title{font-size:16px;}
service-desc{font-size:13px;}
}
.faq-wrap { width:100%;padding:60px 20px; }
.faq-container { width: 100%; max-width:1600px;margin:0 auto;padding:0 2%; background-color: white; overflow: hidden;  }
.faq-item { display: flex; padding: 40px; border: 1px solid #e0e0e0; border-bottom: none; }
.faq-item:last-child { border-bottom: 1px solid #e0e0e0; }
.faq-icon { width: 40px; height: 70px; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 30px; }
.faq-icon::after { content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background-color: #e0e0e0; }
.faq-icon i { font-size: 30px; color: #666; }
.faq-content { flex: 1; }
.faq-question { color: #333; font-size: 28px; font-weight: 600; margin-bottom: 10px; line-height: 1.4; }
.faq-answer { color: #999; font-size: 16px; line-height: 1.5; }
@media (max-width: 768px) { .faq-item { padding: 25px 20px; } .faq-icon { width: 30px; margin-right: 20px; } .faq-icon::after { right: -10px; } .faq-question { font-size: 18px; } .faq-answer { font-size: 15px; } }
@media (max-width: 480px) { .faq-item { padding: 20px 15px; } .faq-icon { width: 30px; height: 30px; margin-right: 15px; } .faq-icon::after { right: -7.5px; } .faq-icon i { font-size: 20px; } .faq-question { font-size: 16px; } .faq-answer { font-size: 14px; } }
@media (max-width: 360px) { .faq-item { flex-direction: column; text-align: center; } .faq-icon { margin-right: 0; margin-bottom: 15px; width: 100%; height: auto; } .faq-icon::after { top: auto; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 1px; right: auto; } }
    	
        .download-container {  width: 100%; max-width:1600px;margin:0 auto;padding:0 2%;margin: 40px 0;}
        .download-header { text-align: center; margin-bottom: 40px; padding: 0 15px; }
        .download-header h1 { font-size: 2.2rem; color: #2c3e50; margin-bottom: 10px; font-weight: 600; }
        .download-header p { font-size: 1.1rem; color: #7f8c8d; max-width: 700px; margin: 0 auto; }
        .download-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
        .download-card { background-color: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; text-decoration: none; color: inherit; display: block; width: calc(25% - 24px); margin: 0 12px 24px 12px; flex-shrink: 0; }
        .download-card:hover { transform: translateY(-8px); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); }
        .download-image { width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; background-color: #f5f7fa; }
        .download-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block; }
        .download-card:hover .download-image img { transform: scale(1.08); }
        .download-content { padding: 20px 15px; text-align: center; }
        .download-title { font-size: 1.2rem; font-weight: 600; color: #333333; margin-bottom: 15px; transition: color 0.3s ease; min-height: 42px; display: flex; align-items: center; justify-content: center; }
        .download-card:hover .download-title { color: #333333; }
        .download-info { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; background-color: #f1f2f6; padding: 8px 12px; border-radius: 6px; margin-bottom: 18px; font-size: 0.9rem; }
        .download-info-type { background-color: #015bac; color: white; padding: 3px 10px; border-radius: 4px; font-weight: 600; font-size: 0.85rem; }
        .download-info-size { color: #666666; font-weight: 500; }
        .download-info-icon { color: #666666; font-size: 0.9rem; }
        .download-info-date { color: #666666; font-size: 0.85rem; }
        .download-button { display: inline-block; padding: 10px 22px; border: 1px solid #015bac; border-radius: 6px; background-color: transparent; color: #7f8c8d; font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: all 0.3s ease; cursor: pointer; width: 100%; max-width: 180px; }
        .download-card:hover .download-button { background-color: #015bac; border-color: #015bac; color: white; }
        .download-footer { text-align: center; margin-top: 20px; padding: 20px; color: #7f8c8d; font-size: 0.9rem; border-top: 1px solid #eee; clear: both; }
        @media (max-width: 1024px) { .download-card { width: calc(33.333% - 24px); } }
        @media (max-width: 768px) { .download-card { width: calc(50% - 24px); } .download-header h1 { font-size: 1.8rem; } .download-header p { font-size: 1rem; } }
        @media (max-width: 480px) { .download-grid { margin: 0; justify-content: center; } .download-card { width: 100%; max-width: 360px; margin-left: 0; margin-right: 0; } .download-header h1 { font-size: 1.6rem; } body { padding: 15px; } }
        @media (prefers-color-scheme: dark) { body { background-color: #121212; color: #e0e0e0; } .download-card { background-color: #1e1e1e; } .download-title { color: #e0e0e0; } .download-header h1 { color: #e0e0e0; } .download-header p { color: #aaa; } .download-info { background-color: #2a2a2a; } .download-info-size { color: #e0e0e0; } .download-info-date, .download-info-icon { color: #aaa; } }
    
	
.exhibition-body{margin:0;padding:0;color:#000000;background:#ffffff;}
.exhibition-wrap{ width: 100%; max-width: 1400px;margin:0 auto;padding:50px 2%;}
.exhibition-table-container{width:100%;overflow:hidden;}
.exhibition-table{width:100%;border-collapse:collapse;border:1px solid #e2e2e2;}
.exhibition-table thead tr{background:#015bac;}
.exhibition-table th{padding:16px 12px;text-align:center;color:#ffffff;font-size:22px;font-weight:normal;border:1px solid #2c3c58;}
.exhibition-table td{padding:18px 12px;text-align:center;font-size:16px;border:1px solid #e2e2e2;vertical-align:middle;}
.exhibition-table tr:nth-child(even){background:#f8f9fa;}
.exhibition-item-link{display:block;text-decoration:none;color:#000000;}
.exhibition-item-link:hover{color:#015bac;}
@media screen and (max-width:992px){
.exhibition-table th{font-size:18px;padding:12px 8px;}
.exhibition-table td{font-size:14px;padding:14px 8px;}
}
@media screen and (max-width:768px){
.exhibition-table thead{display:none;}
.exhibition-table,.exhibition-table tbody,.exhibition-table tr,.exhibition-table td{display:block;width:100%;box-sizing:border-box;}
.exhibition-table tr{margin-bottom:16px;border:1px solid #e2e2e2;}
.exhibition-table td{text-align:left;padding:12px 15px;border:none;border-bottom:1px solid #eee;}
.exhibition-table td:before{font-family:Arial;font-weight:bold;margin-right:8px;color:#015bac;}
.exhibition-table td:nth-of-type(1):before{content:"Country:";}
.exhibition-table td:nth-of-type(2):before{content:"Time:";}
.exhibition-table td:nth-of-type(3):before{content:"Exhibition Name:";}
.exhibition-wrap{padding:30px 12px;}
}
@media screen and (max-width:480px){
.exhibition-table td{padding:10px 12px;font-size:13px;}
.exhibition-wrap{padding:30px 10px;}
}
	
    .contact-wrap { width: 100%; padding: 60px 20px;background:#ffffff; }
    .contact-container { max-width: 1600px; margin: 0 auto;padding: 0 2%; overflow: hidden; }
    .contact-left { float: left; width: 50%; padding-right: 40px; }
    .contact-right { float: left; width: 50%; }
    .contact-map-wrapper { width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.06); background: #f8fafc; transition: box-shadow 0.2s; }
    .contact-map-wrapper img { display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; }
    .contact-map-wrapper:hover img { transform: scale(1.01); }
    .contact-company-title { font-size: 28px; font-weight: 700; color: #22304a; margin-bottom: 30px; line-height: 1.3; }
    .contact-item { margin-bottom: 22px; overflow: hidden; }
    .contact-item-icon{ float: left;  width: 40x; height:40px; color: #015bac; margin-right: 14px; margin-top: 0px; text-align: center; }
	 .contact-item-icon i{ font-size: 28px; }
    .contact-item-text { overflow: hidden; font-size: 22px; color: #22304a; line-height: 1.5; }
    .contact-item-text a { color: #000000; text-decoration: none; display: inline-block; border-bottom: 0px solid #22304a; }
    .contact-item-text a:hover { color: #015bac; border-bottom-color: #015bac; }
    @media screen and (max-width: 1280px) { .contact-left { width: 42%; padding-right: 30px; } .contact-right { width: 58%; } .contact-company-title { font-size: 26px; } .contact-item-text { font-size: 18px; } }
    @media screen and (max-width: 992px) { .contact-wrap { padding: 45px 20px; } .contact-left { float: none; width: 100%; padding-right: 0; margin-bottom: 40px; } .contact-right { float: none; width: 100%; } .contact-company-title { font-size: 24px; margin-bottom: 28px; } .contact-map-wrapper { box-shadow: 0 4px 14px rgba(0,0,0,0.04); } }
    @media screen and (max-width: 768px) { .contact-wrap { padding: 35px 16px; } .contact-company-title { font-size: 22px; margin-bottom: 24px; } .contact-item-text { font-size: 17px; } .contact-item-icon { font-size: 22px; width: 28px; margin-right: 12px; } .contact-map-wrapper { border-radius: 6px; } }
    @media screen and (max-width: 480px) { .contact-wrap { padding: 28px 14px; } .contact-company-title { font-size: 21px; margin-bottom: 22px; } .contact-item { margin-bottom: 16px; } .contact-item-text { font-size: 16px; } .contact-item-icon { font-size: 20px; margin-right: 10px; width: 26px; } }
    @media screen and (max-width: 320px) { .contact-wrap { padding: 22px 12px; } .contact-company-title { font-size: 19px; } .contact-item-text { font-size: 15px; } .contact-item-icon { font-size: 18px; width: 22px; margin-right: 8px; } }