*{box-sizing:border-box;}
body{margin:0 auto;font-size:14px;font-family:"Microsoft YaHei",Arial,sans-serif;padding:0;background:#fff;color:#333;}
body::before{
  content:'';
  display:block;
  width:100%;
  height:8px;
  background:#0066CC;
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
}
ul {list-style:none;}
li {list-style:none;}
ul,li,dl,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;}
ul{list-style:none;}
img{border:0;display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}

/* ===== Common ===== */
.wrap{width:1580px;margin:0 auto;position:relative;}

/* ===== Header ===== */
.header{
  width:100%;
  background:#fff;
  position:fixed;
  top:8px;
  left:0;
  z-index:9999;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
  padding-bottom:5px;
}
.header-inner{
  width:1580px;
  margin:0 auto;
  height:90px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{
  width:300px;
  display:flex;
  align-items:center;
}
.logo img{max-height:55px;width:auto;}
.nav{
  flex:1;
  display:flex;
  justify-content:center;
}
.nav ul{
  width:100%;
  max-width:860px;
  gap:0;
  display:flex;
}
.nav ul li{
  flex:1;
  text-align:center;
}
.nav ul li a{
  color:#000;
  font-size:16px;
  line-height:90px;
  display:block;
  padding:0 6px;
  transition:all 0.3s;
  position:relative;
  font-weight: bold;
}
.nav ul li a:hover{
  color:#0066CC;
  background:url("/Tpl/Home/Qiying/Public/Images/z4.png") no-repeat center bottom;
}
/* ===== 导航二级菜单（桌面端悬停展开） ===== */
.nav ul li.has-sub{position:relative;}
.nav ul li.has-sub > a{position:relative;}
.nav ul li.has-sub > a:after{
  content:'';
  display:inline-block;
  width:0;height:0;
  margin-left:5px;
  vertical-align:middle;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
}
.nav ul li.has-sub:hover > a{
  color:#0066CC;
  background:url("/Tpl/Home/Qiying/Public/Images/z4.png") no-repeat center bottom;
}
.nav ul li.has-sub .submenu{
  display:block;
  position:absolute;
  top:100%;left:0;
  min-width:170px;
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.12);
  border-radius:4px;
  padding:6px 0;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:all 0.3s ease;
  z-index:100;
}
.nav ul li.has-sub:hover .submenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.nav ul li.has-sub .submenu li{
  width:100%;
  flex:none;
}
.nav ul li.has-sub .submenu li a{
  line-height:44px;
  height:44px;
  padding:0 20px;
  font-size:14px;
  font-weight:normal;
  color:#333;
  text-align:left;
  white-space:nowrap;
}
.nav ul li.has-sub .submenu li a:hover{
  background:#0066CC;
  color:#fff;
}
.header-tel{
  display:flex !important;
  align-items:center !important;
  gap:10px;
}
.header-tel::before{
  content:'';
  display:inline-block;
  width:23px;
  height:21px;
  background:url("/Tpl/Home/Qiying/Public/Images/tel.jpg") no-repeat center;
  flex-shrink:0;
}
.header-tel::after{
  content:'咨询电话：400-600-8762';
  font-size:17px;
  font-weight:bold;
  color:#CC0000;
  white-space:nowrap;
}
.header-tel img{display:none !important;}
.mobile-nav-btn{
  display:none;
  width:40px;
  height:40px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  z-index:10001;
}
.mobile-nav-btn img{
  width:55px;
  height:55px;
  object-fit:contain;
}
.mobile-nav-mask{
  display:none;
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  background:rgba(0,0,0,0.5);
  z-index:9998;
}
.mobile-nav-mask.show{display:block;}

/* ===== Banner ===== */
.banner{
  width:100%;
  height:605px;
  margin-top:98px;
  position:relative;
  overflow:hidden;
}
.banner-slider{
  width:100%;
  height:100%;
  position:relative;
}
.banner-slide{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity 0.8s ease;
  z-index:1;
}
.banner-slide.active{
  opacity:1;
  z-index:2;
}
.banner-text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  color:#fff;
  width:100%;
  z-index:3;
}
.banner-title{
  font-size:58px;
  font-weight:bold;
  letter-spacing:10px;
  font-style:italic;
  margin-bottom:14px;
  text-shadow:2px 2px 8px rgba(0,0,0,0.3);
}
.banner-subtitle{
  font-size:32px;
  color:#fff;
  margin-bottom:24px;
  font-weight:bold;
  text-shadow:0 0 10px rgba(0,123,255,0.8);
}
.banner-desc{
  font-size:18px;
  color:#fff;
  margin-bottom:40px;
  letter-spacing:2px;
}
.banner-btn{
  display:inline-block;
  padding:12px 40px;
  background:#e63946;
  color:#fff;
  font-size:15px;
  border-radius:30px;
  transition:all 0.3s;
}
.banner-btn:hover{
  background:#c62828;
}
.banner-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:50px;
  height:80px;
  background:rgba(255,255,255,0.2);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  cursor:pointer;
  z-index:10;
  transition:all 0.3s;
}
.banner-arrow:hover{
  background:rgba(230,57,70,0.8);
}
.banner-prev{left:20px;}
.banner-next{right:20px;}
.banner-dots{
  position:absolute;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:12px;
  z-index:10;
}
.banner-dots .dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(255,255,255,0.5);
  cursor:pointer;
  transition:all 0.3s;
}
.banner-dots .dot.active{
  background:#e63946;
  width:30px;
  border-radius:6px;
}

/* ===== About ===== */
.about{
  width:100%;
  padding:100px 0;
  background:#fff;
  position:relative;
  background:url("/Tpl/Home/Qiying/Public/Images/p1.jpg") no-repeat top center;
}
.about-inner{
  width:1580px;
  margin:0 auto;
  display:flex;
  gap:60px;
  align-items:center;
}
.about-left{
  width:40%;
}
.about-video{
  width:100%;
  position:relative;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,0.12);
}
.about-video img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.play-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  border-radius:50%;
  background:rgba(255,255,255,0.9);
  cursor:pointer;
  box-shadow:0 0 0 12px rgba(255,255,255,0.3);
  transition:all 0.3s;
}
.play-btn:after{
  content:'';
  position:absolute;
  top:50%;
  left:55%;
  transform:translate(-50%,-50%);
  width:0;
  height:0;
  border-top:14px solid transparent;
  border-bottom:14px solid transparent;
  border-left:22px solid #e63946;
}
.play-btn:hover{
  transform:translate(-50%,-50%) scale(1.1);
}
.about-right{
  width:60%;
}
.about-title{
  margin-bottom:24px;
}
.about-title img{
  height:60px;
  width:auto;
}
.about-text{
  font-size:16px;
  color:#666;
  line-height:2;
  margin-bottom:36px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.about-features{
  display:flex;
  gap:24px;
}
.feature-item{
  flex:1;
  text-align:center;
  padding:22px 10px;
  background:transparent;
  border-radius:6px;
  transition:all 0.3s;
  cursor:pointer;
  display:block;
  box-shadow:none;
}
.feature-icon{
  display:block;
  width:80px;
  height:80px;
  margin:0 auto 14px;
  transition:transform 0.5s;
}
.feature-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.feature-name{
  font-size:17px;
  color:#555;
  transition:color 0.3s;
}
.feature-item:hover{
  background:transparent;
  box-shadow:none;
}
.feature-item:hover .feature-icon{
  transform:rotate(360deg);
}
.feature-item:hover .feature-name{
  color:#e63946;
}

/* ===== Stats ===== */
.stats{
  width:100%;
  padding:0 0 80px;
  background:#fff;
}
.stats-inner{
  width:1580px;
  margin:0 auto;
  display:flex;
  background:linear-gradient(135deg,#0056b3,#007bff);
  border-radius:16px;

  box-shadow:0 20px 50px rgba(0,86,179,0.35);
  overflow:hidden;
}
.stat-item{
  flex:1;
  text-align:center;
  padding:46px 0;
  border-left:1px solid rgba(255,255,255,0.15);
  transition:all 0.3s;
}
.stat-item:first-child{
  border-left:none;
}
.stat-item:hover{
  background:rgba(255,255,255,0.08);
}
.stat-num{
  font-size:44px;
  font-weight:bold;
  color:#fff;
  font-family:Impact,Arial,sans-serif;
  margin-bottom:12px;
  text-shadow:0 0 20px rgba(255,255,255,0.5);
}
.stat-num span{
  font-size:26px;
}
.stat-label{
  font-size:16px;
  color:rgba(255,255,255,0.9);
}

/* ===== Product ===== */
.product{
  width:100%;
  background:#F5F8FA;
}
.product-tabs{
  width:100%;
  background:#0066CC;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  padding:22px 0;
}
.product-tabs .tab{
  flex:0 0 auto;
  min-width:160px;
  text-align:center;
  padding:14px 28px;
  font-size:17px;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  transition:all 0.3s;
  background:#008B6B;
  border-radius:6px;
}
.product-tabs .tab.active{
  background:#CC0000;
}
.product-inner{
  width:1580px;
  margin:0 auto;
  padding:60px 0 80px;
  text-align:center;
}
.product-title{
  font-size:26px;
  color:#333;
  margin-bottom:12px;
  font-weight:bold;
}
.product-subtitle{
  font-size:14px;
  color:#888;
  margin-bottom:50px;
}
.product-slider-wrap{
  position:relative;
}
.product-panel{
  display:none;
}
.product-panel.active{
  display:block;
}
.product-slider{
  width:100%;
  overflow:hidden;
}
.product-track{
  display:flex;
  transition:transform 0.5s ease;
}
.product-item{
  flex-shrink:0;
  padding:0 15px;
  text-decoration:none;
  display:block;
  color:inherit;
}
a.product-item .product-img img{
  transition:transform 0.3s ease;
}
a.product-item:hover .product-img img{
  transform:scale(1.08);
}
a.product-item .product-name,
a.product-item .product-price{
  transition:color 0.3s ease;
}
a.product-item:hover .product-name{
  color:#0066CC !important;
}
a.product-item:hover .product-price{
  color:#0066CC !important;
}
.product-img{
  width:100%;
  aspect-ratio:1;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  padding:25px;
  margin-bottom:16px;
}
.product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.product-name{
  font-size:14px;
  color:#555;
}
.product-price{
  font-size:16px;
  color:#e74c3c;
  font-weight:bold;
  margin-top:4px;
}
.product-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  background:#e63946;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  cursor:pointer;
  z-index:10;
  transition:all 0.3s;
}
.product-arrow:hover{
  background:#c62828;
}
.product-prev{left:-60px;}
.product-next{right:-60px;}

/* ===== Culture ===== */
.culture{
  width:100%;
  padding:90px 0;
  background:url("/Tpl/Home/Qiying/Public/Images/p2.jpg") no-repeat center top;
  background-size: cover; /* 保持比例覆盖整个区域 */
  color:#fff;
  text-align:center;
}

.culture-inner{
  width:1000px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.culture-t1{
  font-size:18px;
  letter-spacing:4px;
  margin-bottom:16px;
}
.culture-t2{
  font-size:24px;
  font-weight:bold;
  margin-bottom:24px;
}
.culture-t3{
  font-size:16px;
  line-height:2;
  margin-bottom:36px;
  opacity:0.95;
}
.culture-btn{
  display:inline-block;
  padding:12px 40px;
  background:#fff;
  color:#0056b3;
  font-size:15px;
  border-radius:4px;
  font-weight:bold;
  transition:all 0.3s;
}
.culture-btn:hover{
  transform:scale(1.05);
}

/* ===== Cases ===== */
.cases{
  width:100%;
  padding:50px 0 90px 0;
  background:url("/Tpl/Home/Qiying/Public/Images/p3.jpg") center no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
.cases-inner{
  width:1580px;
  margin:0 auto;
}
.cases-title,
.news-title{
  text-align:center;
  margin-bottom:50px;
}
.section-hd{

  font-size:72px;
  color:rgba(0,0,0,0.04);
  font-family:Impact,Arial,sans-serif;
  text-transform:uppercase;
  line-height:1;
  margin-bottom:-30px;
}
.section-md{
  font-size:26px;
  font-weight:bold;
  color:#333;
  margin-bottom:12px;
}
.section-bd{
  width:50px;
  height:3px;
  background:#e63946;
  margin:0 auto;
}
.cases-slider-wrap{
  width:100%;
  overflow:hidden;
}
.cases-slider{
  width:100%;
}
.cases-track{
  display:flex;
  transition:transform 0.6s ease;
}
.cases-slide{
  width:100%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  background:rgba(255,255,255,0.95);
  border-radius:8px;
  overflow:hidden;
}
.cases-left{
  width:32%;
  padding:60px 50px;
}
.cases-case-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
}
.case-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  background:#f0f0f0;
  color:#999;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
}
.cases-case-title h4{
  font-size:20px;
  color:#333;
}
.cases-desc{
  font-size:14px;
  color:#666;
  line-height:2;
  margin-bottom:30px;
  min-height:84px;
}
.cases-nav{
  display:flex;
  gap:12px;
  margin-bottom:24px;
}
.cases-nav span{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#ddd;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:14px;
  color:#555;
  transition:all 0.3s;
}
.cases-nav span:hover{
  background:#e63946;
  color:#fff;
}
.cases-dots{
  display:flex;
  gap:10px;
}
.cases-dots .dot{
  width:45px;
  height:3px;
  background:#ddd;
  cursor:pointer;
}
.cases-dots .dot.active{
  background:#e63946;
  height:4px;
}
.cases-right{
  width:68%;
}
.cases-right img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* ===== News ===== */
.news{
  width:100%;
  padding:90px 0;
  background:#fafafa;
}
.news-inner{
  width:1580px;
  margin:0 auto;
}
.news-list{
  display:flex;
  gap:24px;
}
.news-item{
  width:calc(25% - 18px);
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  transition:all 0.3s;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  display:block;
}
.news-item:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,0.1);
}
.news-img{
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  position:relative;
}
.news-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.4s;
}
.news-item:hover .news-img img{
  transform:scale(1.08);
}
.news-img:after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:60px;
  background:linear-gradient(transparent,rgba(0,0,0,0.3));
}
.news-info{
  padding:22px 20px;
}
.news-info h4{
  font-size:15px;
  color:#333;
  margin-bottom:12px;
  line-height:1.5;
  font-weight:bold;
}
.news-info p{
  font-size:13px;
  color:#888;
  line-height:1.8;
  margin-bottom:16px;
  height:68px;
  overflow:hidden;
}
.news-more{
  font-size:13px;
  color:#e63946;
  font-weight:bold;
}

/* ===== Links ===== */
.links{
  width:100%;
  padding:80px 0 60px;
  background:#fff;
}
.links-inner{
  width:1580px;
  margin:0 auto;
}
.links-title{
  text-align:center;
  margin-bottom:30px;
}
.links-tabs{
  display:flex;
  width:100%;
  background:#f0f0f0;
  border-radius:4px;
  overflow:hidden;
  margin-bottom:24px;
}
.links-tab{
  flex:0 0 auto;
  padding:14px 36px;
  font-size:16px;
  font-weight:bold;
  color:#888;
  cursor:pointer;
  transition:all 0.3s;
  background:#f0f0f0;
  user-select:none;
}
.links-tab.active{
  background:#0066CC;
  color:#fff;
}
.links-tab:hover:not(.active){
  color:#555;
}
.links-panel{
  display:none;
}
.links-panel.active{
  display:block;
}
.links-region-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  padding:10px 0;
}
.links-region-list a{
  font-size:14px;
  color:#0066CC;
  transition:color 0.3s;
}
.links-region-list a:hover{
  color:#e63946;
  text-decoration:underline;
}

/* ===== Footer ===== */
.footer{
  width:100%;
  background:#1a1a1a;
  color:#999;
}
.footer-inner{
  width:1580px;
  margin:0 auto;
  padding:60px 0 0;
}
.footer-row{
  display:flex;
}
.footer-main{
  justify-content:space-between;
  padding-bottom:40px;
  border-bottom:1px solid #333;
}
.footer-cola,.footer-colb{
  width:17%;
}
.footer-colc{
  width:25%;
}
.footer-cola h4,.footer-colb h4,.footer-colc h4{
  font-size:16px;
  color:#fff;
  margin-bottom:22px;
  padding-bottom:12px;
  position:relative;
}
.footer-cola h4:after,.footer-colb h4:after,.footer-colc h4:after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:36px;
  height:2px;
  background:#e63946;
}
.footer-cola ul li,.footer-colb ul li,.footer-colc ul li{
  font-size:13px;
  line-height:2.6;
}
.footer-qr{
  width:30%;
  text-align:right;
}
.footer-qr img{
  width:270px;
  height:303px;
  display:inline-block;
  padding:6px;
  border-radius:4px;
}
.footer-links{
  padding:20px 0;
  border-bottom:1px solid #333;
  align-items:flex-start;
  gap:10px;
}
.friend-label{
  font-size:13px;
  color:#777;
  white-space:nowrap;
}
.friend-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
}
.friend-list a{
  font-size:13px;
  color:#777;
}
.friend-list a:hover{
  color:#e63946;
}
.footer-bottom{
  padding:20px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  color:#666;
}
.footer-bottom-links a{
  color:#666;
  margin:0 6px;
}
.footer-bottom-links a:hover{
  color:#e63946;
}
.footer-bottom-links span{
  color:#444;
}
.abouta{max-width:1580px; height:auto; margin:60px auto; overflow:hidden;}
.jj1{width:20%; height:auto; float:left;}
.jj1 dl{width:100%; height:auto; float:left; margin-bottom:25px;}
.jj1 dl dt{width:100%; height:55px; float:left; background:#005BAA; padding-left:10%; line-height:55px; font-size:18px; text-align:left; font-weight:700; color:#FFF;}
.jj1 dl dd{ width:100%; height:auto; float:left; background:#f1f1f1;}
.jj1 dl dd li{ width:100%; height:45px; float:left; line-height:45px; font-size:14px; text-align:left; color:#000; border-bottom:1px solid #fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jj1 dl dd li a{color:#000; text-decoration:none;}
.jj1 dl dd li a:hover{ color:#06c; text-decoration:none;}

.jj1 dl dd ul li{ width:100%; height:45px; float:left; line-height:45px; font-size:14px; text-align:left; color:#000; border-bottom:1px solid #fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jj1 dl dd ul li a{ width:100%; height:45px;color:#666; text-decoration:none; display:block; padding-left:10%;}
.jj1 dl dd ul li a:hover{ width:100%; height:45px;color:#fff; text-decoration:none; display:block; background:#005BAA;}

.jj2{width:75%; height:auto; float:right;}
.jj8{width:100%; height:auto; float:left;}
.gywm1{ width:35px; height:5px; float:left; background:#005BAA; margin-bottom:45px;}
.gywm2{ width:100%; height:auto; float:left; font-size:24px; color:#333; line-height:40px; text-align:left; font-weight:bold; margin-bottom:10px;}
.gywm3{ width:100%; height:auto; float:left; font-size:14px; line-height:35px; color:#333;}
.lxwm{ width:100%; height:auto; float:left; font-size:16px; line-height:40px; color:#333; margin-bottom:30px;}
.cpzs{ width:100%; height:auto; float:left;}
.cpzs dl{ width:23%; height:auto; float:left; margin:20px 1%; display:inline;}
.cpzs dl dt{ width:100%; height:auto; float:left; overflow:hidden; padding:2%; border:1px solid #CCC;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cpzs dl dt img{width:100%;transition: 0.5s;}
.cpzs dl dt img:hover{transform: scale(1.2,1.2);}
.cpzs dl dd{ width:100%; height:35px; float:left; text-align:center; line-height:35px; font-size:14px; color:#333; background:#f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border:1px solid #ddd; border-bottom:none;}
.cpzs dl dd span{text-align:left; line-height:20px; font-size:14px; color:#666; font-weight:normal;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cpzs dl a{color:#333; text-decoration:none;}
.cpzs dl a:hover{color:#0066CC; text-decoration:underline;}
.cpzs dl dd.price{height:36px; line-height:36px; font-size:16px; font-weight:bold; color:#e74c3c; background:#f5f5f5; border:1px solid #ddd; border-radius:0; border-top: none;}
.fy{ width:100%; text-align:center; height:50px; overflow:hidden; font-size:14px; float:left; line-height:50px; background:#efefef; margin:15px 0; color:#000;}
.fy a{ padding:5px 15px; color:#000; text-decoration:none; border:1px solid #ccc; background:#FFF; margin-right:10px; display:inline;}
.fy span{ padding:5px 15px; color:#000; text-decoration:none; border:1px solid #ccc; background:#FFF; margin-right:10px; display:inline;}
.bt{ width:100%; text-align:center; font-size:20px; float:left; line-height:50px; font-weight:bold; color:#000000; height:50px;}
.sj{ width:100%; text-align:center; border-bottom:1px dashed #CCCCCC; line-height:30px; float:left; font-size:12px; color:#999999; background:#efefef; margin-top:10px;}
.tu{ width:100%; margin:20px 0px; text-align:center; float:left;}
.nr{ width:100%; float:left; line-height:27px; text-align:left;}
.nr img{max-width: 100%; height:auto; display:block;}
.ana{ width:100%; height:auto; float:left; font-size:26px; line-height:50px; color:#000; font-weight:bold; text-align:left; margin-bottom:20px;}
.ana a{ color:#000; text-decoration:none;}
.ana a:hover{ color:#005BAA; text-decoration:none;}
.anb{ width:100%; height:auto; float:left; font-size:14px; line-height:35px; color:#666; text-align:left; margin-bottom:30px;}
.anc{ width:200px; height:50px; float:left; text-align:center; color:#fff; background:#005BAA; line-height:50px; border-radius:5px;}
.anc a{ width:200px; height:50px;color:#fff; background:#005BAA; text-decoration:none; display:block; transition:all 0.8s; font-size:14px; border-radius:5px;}
.anc a:hover{ width:200px; height:50px;color:#fff; background:#000; text-decoration:none; display:block;}

.xwdt{ width:100%; height:auto; float:left;}
.xwdt dl{ width:100%; height:auto; float:left; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee;}
.xwdt dl dt{ width:30%; height:auto; float:left; overflow:hidden;}
.xwdt dl dt img{height:250px;transition: 0.5s;}
.xwdt dl dt img:hover{transform: scale(1.2,1.2);}
.xwdt dl dd{ width:68%; height:auto; float:right; overflow:hidden;}
.ssp{ width:23%; height:auto; float:left; margin:15px 1%;}
.vid1{ width:31.333%; height:auto; float:left; margin:15px 1%;}
.ssp1{ width:100%; height:auto; overflow:hidden;}
.ssp1 img{ width:100%; transition: 0.3s;}
.ssp1 img:hover{transform: scale(1.2,1.2);}
.video-card-trigger{
  position:relative;
  display:block;
  background:#000;
  cursor:pointer;
  aspect-ratio:4/3;
  overflow:hidden;
}
.video-thumb{
  width:100%;
  height:100%;
  display:block;
  background:#000;
  object-fit:cover;
}
.video-play-icon{
  position:absolute;
  top:50%;
  left:50%;
  width:68px;
  height:68px;
  margin:-34px 0 0 -34px;
  border-radius:50%;
  background:rgba(0,91,170,0.88);
  box-shadow:0 6px 18px rgba(0,0,0,0.25);
}
.video-play-icon:before{
  content:'';
  position:absolute;
  top:50%;
  left:54%;
  margin:-12px 0 0 -7px;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #fff;
}
.ssp2{ width:100%; height:45px; background:#005BAA;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center; line-height:45px; font-size:16px; color:#FFF;}
.ssp2 a{color:#FFF; text-decoration:none;}
.ssp2 a:hover{color:#FFF; text-decoration:underline;}
.video-modal{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:40px 20px;
  background:rgba(0,0,0,0.78);
  z-index:100000;
}
.video-modal.show{ display:block;}
.video-modal-dialog{
  width:100%;
  max-width:960px;
  margin:4vh auto 0;
  position:relative;
  background:#111;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.45);
}
.video-modal-body{ padding:24px 24px 18px; background:#111;}
.video-modal-title{
  padding-right:50px;
  margin-bottom:16px;
  font-size:20px;
  line-height:30px;
  color:#fff;
}
.video-modal-player{
  width:100%;
  max-height:75vh;
  display:block;
  background:#000;
}
.video-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,0.18);
  color:#fff;
  font-size:28px;
  line-height:36px;
  text-align:center;
  cursor:pointer;
}
.video-modal-close:hover{ background:#005BAA;}
.ssp3{ width:90%; height:auto; float:left; border:1px solid #ECECEC; padding:5%;}
.ssp3a{ width:100%; height:auto; float:left; text-align:left; line-height:28px; color:#666; font-size:13px; margin-bottom:15px;}
.ssp3b{ width:100%; height:auto; float:left; text-align:left; font-size:14px; color:#000; line-height:30px;}
.ssp3b a{color:#000; text-decoration:underline;}
.ssp3b a:hover{color:#005BAA; text-decoration:underline;}
.vid{ width:100%; height:auto; float:left;}
/* ===== Responsive ===== */
@media(max-width:1500px){
  .header-inner,
  .about-inner,
  .stats-inner,
  .product-inner,
  .cases-inner,
  .news-inner,
  .links-inner,
  .footer-inner{
    width:96%;
  }
  .product-prev{left:-10px;}
  .product-next{right:-10px;}
}
@media(max-width:1200px){
  .nav ul{max-width:600px;}
  .banner-title{font-size:46px;}
  .banner-subtitle{font-size:26px;}
  .about-inner{gap:40px;}
  .feature-icon{width:48px;height:48px;}
  .cases-left{padding:40px 30px;}
  .section-hd{font-size:56px;}
  .header-tel::after{font-size:18px;}
  .header-tel::before{width:32px;height:32px;}
}
@media(max-width:992px){
  body::before{display:none;}
  .header{top:0 !important;}
  .header-inner{height:70px;}
  .logo{width:150px;}
  .mobile-nav-btn{display:flex;}
  .nav{
    position:fixed;
    top:0;
    right:-280px;
    width:280px;
    height:100vh;
    background:#fff;
    z-index:9999;
    display:block !important;
    transition:right 0.3s ease;
    padding-top:60px;
    overflow-y:auto;
    box-shadow:-4px 0 20px rgba(0,0,0,0.1);
  }
  .nav.show{right:0;}
  .nav ul{
    flex-direction:column !important;
    max-width:none !important;
    width:100% !important;
  }
  .nav ul li{
    width:100%;
    text-align:center;
    border-bottom:1px solid #eee;
  }
  .nav ul li a{
    line-height:50px !important;
    padding:0 20px !important;
    font-size:15px !important;
  }
  .nav ul li a:hover,
  .nav ul li a.active{
    background:#0066CC !important;
    color:#fff !important;
  }
  /* 手机端二级菜单：点击展开/收起 */
  .nav ul li.has-sub > a:after{
    position:absolute;
    right:20px;
    top:50%;
    margin:-2px 0 0;
    transition:transform 0.3s;
  }
  .nav ul li.has-sub.open > a:after{transform:rotate(180deg);}
  .nav ul li.has-sub .submenu{
    position:static;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    transition:none;
    box-shadow:none;
    background:#f7f7f7;
    border-radius:0;
    padding:0;
    min-width:0;
  }
  .nav ul li.has-sub .submenu.open{display:block;}
  .nav ul li.has-sub .submenu li{border-bottom:none;}
  .nav ul li.has-sub .submenu li a{
    line-height:44px !important;
    height:44px;
    padding:0 20px 0 40px !important;
    font-size:14px !important;
    font-weight:normal !important;
    color:#555;
  }
  .nav ul li.has-sub .submenu li a:hover,
  .nav ul li.has-sub .submenu li a.active{
    background:#f0f0f0 !important;
    color:#0066CC !important;
  }
  .header-tel{display:none !important;}
  .banner{
    height:auto;
    min-height:0;
    margin-top:70px !important;
  }
  .banner-slide{
    background-position:center top;
  }
  .banner-title{font-size:36px;letter-spacing:4px;}
  .banner-subtitle{font-size:22px;}
  .banner-arrow{width:40px;height:60px;font-size:18px;}
  .banner-prev{left:20px !important;}
  .banner-next{right:20px !important;}
  .about-inner{flex-direction:column;}
  .about-left,.about-right{width:100%;}
  .about-features{justify-content:center;}
  .stats-inner{flex-wrap:wrap;}
  .stat-item{width:50%;border-left:none;border-bottom:1px solid #e5e5e5;}
  .product-arrow{display:none;}
  .cases-slide{flex-direction:column;}
  .cases-left,.cases-right{width:100%;}
  .cases-right img{aspect-ratio:16/10;}
  .news-list{flex-wrap:wrap;}
  .news-item{width:calc(50% - 12px);}
  .footer-main{flex-wrap:wrap;gap:30px;}
  .footer-cola,.footer-colb,.footer-colc{width:45%;}
  .footer-qr{width:100%;text-align:left;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}
  .culture-inner{width:90%;}
  .culture-t2{font-size:32px;}
}
@media(max-width:576px){
	.xwdt dl dt{ width:100%;}
	.xwdt dl dt img{ width:100%; height:auto;}
  .header-inner{height:60px;}
  .banner{margin-top:60px !important;}
  .banner-title{font-size:28px;}
  .banner-subtitle{font-size:18px;}
  .banner-desc{font-size:14px;}
  .about{padding:60px 0;}

  .stat-item{width:100%;}
  .product-tabs{flex-wrap:wrap;gap:12px;padding:16px;}
  .product-tabs .tab{min-width:120px;padding:12px 18px;font-size:15px;}
  .product-item{width:50%;padding:0 8px;}
  .product-img{padding:15px;}
  .news-item{width:100%;}
  .cases-left{padding:30px 20px;}
  .section-hd{font-size:42px;}
  .section-md{font-size:26px;}
  .culture-t2{font-size:26px;}
  .footer-cola,.footer-colb{width:45%;}
  .footer-colc{width:100%;}
  .footer-links{flex-direction:column;}
  .mobile-nav-btn{width:36px;height:36px;}
  .mobile-nav-btn img{width:55px;height:55px;}
  .video-play-icon{
    width:54px;
    height:54px;
    margin:-27px 0 0 -27px;
  }
  .video-play-icon:before{
    margin:-10px 0 0 -6px;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:16px solid #fff;
  }
  .video-modal{padding:20px 12px;}
  .video-modal-dialog{margin-top:10vh;}
  .video-modal-body{padding:18px 14px 14px;}
  .video-modal-title{
    font-size:16px;
    line-height:24px;
    margin-bottom:12px;
    padding-right:42px;
  }
  .video-modal-close{
    top:8px;
    right:8px;
    width:32px;
    height:32px;
    font-size:24px;
    line-height:32px;
  }
  .gywm1{ margin-bottom:20px;}
.cpzs dl { width:98%;}
.tu img{ width:80%; height:auto;}
.nr img{ width:100%;}
.xwdt dl dd { width:100%; margin-top:15px;}
.jj2{ width:100%;}
.jj1{ width:100%;}
.lxwm img{ width:100%;}
.ssp,.vid1{ width:98%;}
.abouta{margin:0px auto;}
}