@charset "utf-8";
/* CSS Document - 全新风格改版 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
textarea{ resize:none;} 
fieldset, img ,button{ border: none; } 
a,button,input,textarea{ -webkit-tap-highlight-color: rgba(255,255,255,0); tap-highlight-color: rgba(255,255,255,0); -webkit-appearance: none; appearance: none;}
em, i ,strong{ font-style: normal; font-weight: normal;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
abbr, acronym { border: 0;}
.clear{ zoom: 1;}
.clear:after{ content: ""; display: block; clear: both;}
a{ text-decoration: none; cursor: pointer;}
a:hover{ text-decoration: none;}
html,body{ width:100%;height:100%;background-color:#f0f4f8;-webkit-text-size-adjust: none;}
/* 改变字体类型为现代无衬线字体 */
html,body,h1,h2{ font:400 14px/100% 'Inter', 'Segoe UI', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;}


/*banner - 改变渐变颜色方案 */
.banner-wrap {
  width: 100%;
  height: 63px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  /* 全新渐变背景 - 采用清新的蓝紫渐变 */
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 50%, #8a2be2 100%);
  
  /* 添加深度感的阴影 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  
  /* 加入微妙的动画效果 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* 加入背景光效 */
  overflow: hidden;
}

/* 光效装饰元素 */
.banner-wrap::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 70%);
  transform: rotate(30deg);
  animation: shimmer 8s infinite linear;
}

/* 滚动时的交互效果 - 改变渐变颜色 */
.banner-wrap.scrolled {
  height: 55px;
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

/* 光效动画 */
@keyframes shimmer {
  0% { transform: rotate(30deg) translate(-100%, -100%); }
  100% { transform: rotate(30deg) translate(100%, 100%); }
}

/* 如果banner内有导航链接，添加样式 */
.banner-wrap .nav-link {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  padding: 0 15px;
  line-height: 63px;
  display: inline-block;
  transition: all 0.3s ease;
  position: relative;
  font-weight: 500;
}

.banner-wrap .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #ffffff;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.banner-wrap .nav-link:hover {
  color: white;
}

.banner-wrap .nav-link:hover::after {
  width: 80%;
}

/* 滚动时调整链接样式 */
.banner-wrap.scrolled .nav-link {
  line-height: 55px;
}

.head { width:52px;height:52px;float:left;margin:4px 0 0 9px;background:url(/skin/default/images/head.png) no-repeat;background-size: 100% 100%;}
.headtxt {float:left;margin:8px 0 0 5px;line-height:100%;}
.headtxt h2{color:#fff;font-size:1.3rem;}
.headtxt p{font-size:0.8rem;color:#fff;margin-top:4%;}
.yybtn,.download {width:92px;height:37px;text-indent:-9999px;position:absolute;top:8px;right:34px;background:url(/skin/default/images/yuyuebtn.png) no-repeat;background-size: 100% 100%;}
.download { background:url(/skin/default/images/download.png) no-repeat;background-size: 100% 100%; }

.btn_nav_slide {position:absolute;right:5px;top: 15px;width:25px;height:25px;}
.draw,.draw:before,.draw:after{width:23px;height:2px;background:#e7e7e9;position:absolute;left:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.draw{top:16px;right:12px;}
.draw:before{content:"";top:-7px;}
.draw:after{content:"";top:7px;}
.G_close .draw{background:transparent;}
.G_close .draw:before{top:0;-webkit-transform:rotate(45deg);background:#fff;}
.G_close .draw:after{top:0;-webkit-transform:rotate(-45deg);background:#fff;}

.common_nav{width:0;height:0;position:fixed;right:0;top:50px;z-index:9998;opacity:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.common_nav ul{width:100%;overflow:hidden;text-align:center;background:url(/skin/default/images/commonnav.png) no-repeat;background-size: 100% auto;}
.common_nav li{height:44px;overflow:hidden;line-height:44px;position:relative;border-bottom:1px solid #2f8597;}
.common_nav a{color:#e8e8ea;display:block;height:100%;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
.G_open{width:41%;height:auto;top:50px;opacity:1;-webkit-transform:scale3d(1,1,1);}
.navarrow { width:15px;height:13px;background:url(/skin/default/images/arrow.png) no-repeat;background-size: 100% 100%;position:absolute;top:-13px;right:13px; }

/*content - 调整颜色 */
.wrap { width:100%;min-width:320px;position:relative; }
.wrap img { width:100%;display:block; }
.tvbtn  {width:10.625%;height:6.746%;position:absolute;top: 62%;right: 45%;}
.tvbtn-bg {width:100%;height:100%;background: url(/skin/default/images/tvbtn01.png) no-repeat;background-size: 100%;display:block;}
.tvbtn-arrow {width:100%;height:100%;background: url(/skin/default/images/tvbtn02.png) no-repeat;background-size: 100%;position:absolute;top:0;left:0;animation:movemiusic 2s linear infinite;-webkit-animation:movemiusic 2s linear infinite;}
/* 改变webshop背景色 */
.webshop {width:40%;position:absolute;top: 70%;right: 30%;border-radius: 10px;background: rgba(79, 172, 254, 0.9);}
@keyframes movemiusic{
    from{transform:rotate(0deg);} to{transform:rotate(360deg);}
}
@-webkit-keyframes movemiusic{
    from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}
}

.arrow { width:30.625%;height:4.06%;background:url(/skin/default/images/arrow01.png) no-repeat;background-size: 100% 100%;position:absolute;bottom:2.2%;left:34.7%;z-index:99; }
.arrow i { width:100%;height:100%;display:block;margin:0 auto;background:url(/skin/default/images/arrow02.png) no-repeat;background-size: 100% 100%;animation:arrow 1s infinite;-webkit-animation:arrow 1s infinite; }
@-webkit-keyframes arrow {
  0%{-webkit-transform:-webkit-translate(0,-5px);opacity:1;}100%{-webkit-transform:-webkit-translate(0,10px);opacity:0;}
}
@keyframes arrow {
  0%{transform:translate(0,-5px);opacity:1;}100%{transform:translate(0,10px);opacity:0;}
}

.lbbtn { width:15%;height:10.7%;position: absolute;left:66.875%;top:14.5%;background:url(/skin/default/images/lb.png) no-repeat;background-size: 100% 100%;text-indent:-999px;overflow:hidden; }

/*音乐按钮*/
.music-btn-stop,.music-btn{ width:7.8%;height:3.6%;position: absolute;left:8.75%;top:16%;background:url(/skin/default/images/muisc-stop.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
.music-btn{ background:url(/skin/default/images/muisc-btn.png) no-repeat;background-size: 100% 100%;}

/* 修改版权区域背景色 */
.copyright { text-align:center;padding:15px 0 10px;width:100%;background-color:#1e293b;zoom:1;  }
.copyright:after { content: ""; display: block; clear: both; }
.copyright p { font-size:12px;color:#cbd5e1;line-height:1.5; }
.copyright img {vertical-align:middle;display:inline-block; }
.copyright img.longtu { width:30%;margin-bottom:5px;}
.copyright img.wen { width:5%; }

.newstit { padding-top:10px; }
.newspic { margin:15px auto 0;width:91.25%;position:relative; }
.newspic .tab-indicator { position:absolute;top:0;right:1px;width:42%;height:17%;z-index:9; }
.newspic .tab-indicator li { width:50%;height:80%;float:left;}
.newspic .tab-indicator li.active { height:100%; }
.newspic .tab-indicator li a { width:100%;height:100%;display:block;text-indent:-999px;overflow:hidden; }
.newspic .tab-indicator li a.a01 { background:url(/skin/default/images/act.png) no-repeat;background-size: 100% 100%; }
.newspic .tab-indicator li a.a02 { background:url(/skin/default/images/news.png) no-repeat;background-size: 100% 100%; }
.newspic .tab-indicator li.active a.a01 { background:url(/skin/default/images/act_h.png) no-repeat;background-size: 100% 100%; }
.newspic .tab-indicator li.active a.a02 { background:url(/skin/default/images/news_h.png) no-repeat;background-size: 100% 100%; }



tabs,.tab-item { width:100%; }
/*.tab-item { display:none; }*/
.swiper-pagination { position:static;font-size:0;margin-top:10px;height:11px;overflow:hidden; }
/* 修改分页样式颜色 */
.swiper-pagination-bullet { width:10px;height:10px;background:transparent;border:1px solid #4facfe;border-radius:100%;box-sizing:border-box;opacity:1; }
.swiper-pagination-bullet-active { background:#4facfe; }

/* 新闻列表容器 - 独特设计 */
.newslist {
  background-color: #fff;
  overflow: hidden;
  padding: 0;
  margin: 20px 10px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  position: relative;
}

/* 顶部装饰元素 - 独特的倾斜设计 */
.newslist::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899);
  z-index: 2;
}

/* 背景装饰 */
.newslist::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(99,102,241,0) 0%, rgba(99,102,241,0.3) 50%, rgba(99,102,241,0) 100%);
  z-index: 2;
}

/* 新闻标签容器 */
.newstab {
  width: 100%;
  position: relative;
}

/* 标签指示器 - 独特位置设计 */
.newstab .tab-indicator {
  overflow: hidden;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0 20px;
}

.newstab .tab-indicator li {
  width: auto;
  float: left;
  margin-right: 8px;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 2.2;
  padding: 0 15px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 20px 20px 0 0;
  background-color: #f1f5f9;
}

.newstab .tab-indicator li a {
  color: #64748b;
  text-decoration: none;
  display: block;
  transition: all 0.3s ease;
}

/* 活跃标签样式 - 独特效果 */
.newstab .tab-indicator li.active {
  background-color: #fff;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.05);
  transform: translateY(1px);
}

.newstab .tab-indicator li.active a {
  color: #6366f1;
}

/* 新闻列表内容区 */
.newstab .tabs {
  width: 100%;
  margin: 0;
  padding: 25px 20px 15px;
}

/* 新闻列表项 - 大图特别设计 */
.newstab .tabs li {
  padding: 0 0 25px;
  margin-bottom: 30px;
  overflow: hidden;
  list-style: none;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}

.newstab .tabs li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.newstab .tabs li:hover {
  transform: translateY(-8px) scale(1.01);
}

/* 新闻图片容器 - 独特造型 */
.news-image-container {
  width: 100%;
  height: 300px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transform: skewY(-1deg);
  transition: all 0.5s ease;
}

.newstab .tabs li:hover .news-image-container {
  transform: skewY(-1deg) scale(1.02);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.news-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
  transform: skewY(1deg) scale(1.05);
}

.newstab .tabs li:hover .news-image-container img {
  transform: skewY(1deg) scale(1.1);
}

/* 图片上的标签 - 特别位置 */
.news-image-container em {
  position: absolute;
  top: 20px;
  right: -30px;
  background: #6366f1;
  color: #fff;
  padding: 6px 40px;
  border-radius: 2px;
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 600;
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(99, 102, 241, 0.3);
  z-index: 2;
}

/* 不同类别标签颜色 */
.news-image-container em.sports {
  background: #10b981;
  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
}

.news-image-container em.tech {
  background: #ec4899;
  box-shadow: 0 2px 5px rgba(236, 72, 153, 0.3);
}

/* 新闻内容区 */
.news-content {
  padding: 0 5px;
  position: relative;
}

/* 新闻标题链接 - 特别装饰 */
.newstab .tabs a {
  color: #1e293b;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  margin-bottom: 15px;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 15px;
}

.newstab .tabs a::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #6366f1;
  transition: all 0.3s ease;
}

.newstab .tabs li:hover a {
  color: #6366f1;
  padding-left: 20px;
}

.newstab .tabs li:hover a::before {
  width: 6px;
  height: 6px;
  top: 7px;
}

/* 新闻摘要 */
.news-excerpt {
  color: #64748b;
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-style: italic;
}

/* 日期和阅读时间 - 特别设计 */
.news-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #94a3b8;
  font-size: 0.85rem;
  padding-top: 10px;
  border-top: 1px dashed #e2e8f0;
}

.news-meta span {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 20px;
}

.news-meta span::before {
  content: '';
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* 使用图标替代emoji */
.news-meta span.date::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");
}

.news-meta .read-time::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
}

/* 更多按钮 - 特别造型 */
.more {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 20px;
  padding: 0 20px 25px;
}

.more a {
  display: inline-block;
  padding: 10px 25px;
  font-size: 1rem;
  line-height: 1.5;
  border: 2px solid #6366f1;
  border-radius: 30px;
  color: #6366f1;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.more a::after {
  content: '→';
  margin-left: 8px;
  transition: margin-left 0.3s ease;
}

.more a:hover {
  background-color: #6366f1;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 8px 15px rgba(99, 102, 241, 0.3);
}

.more a:hover::after {
  margin-left: 12px;
}

/* 列表项进入动画 - 特别效果 */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.newstab .tabs li {
  animation: slideUp 0.6s ease forwards;
  opacity: 0;
}

.newstab .tabs li:nth-child(1) { animation-delay: 0.1s; }
.newstab .tabs li:nth-child(2) { animation-delay: 0.3s; }
.newstab .tabs li:nth-child(3) { animation-delay: 0.5s; }
.newstab .tabs li:nth-child(4) { animation-delay: 0.7s; }
.newstab .tabs li:nth-child(5) { animation-delay: 0.9s; }

/* 响应式调整 */
@media (max-width: 768px) {
  .news-image-container {
    height: 220px;
  }
  
  .newstab .tab-indicator {
    top: -35px;
  }
  
  .newstab .tab-indicator li {
    font-size: 0.85rem;
    padding: 0 12px;
    line-height: 2;
  }
  
  .newstab .tabs a {
    font-size: 1.25rem;
  }
}

@media (max-width: 576px) {
  .news-image-container {
    height: 180px;
  }
  
  .newstab .tab-indicator {
    top: -30px;
    padding: 0 10px;
  }
  
  .newstab .tab-indicator li {
    font-size: 0.8rem;
    padding: 0 8px;
    margin-right: 5px;
  }
  
  .newstab .tabs {
    padding: 20px 10px 10px;
  }
}




.qb_box{position: relative;background: #fff;padding: 0.2rem 0 0.9rem;}
.new_sz_box{position: relative;background: url(/skin/default/images/qbbj.png) no-repeat 0 0/100%;height: 260px;padding: 0 0;}

.new_sz_box .swiper-pagination{height: 1rem;line-height: 1rem;color:#0ea5e9;font-size:0.25rem;text-align: center;bottom: 0;position: absolute;}
.new_sz_box .swiper-container{width: 100%;text-align: center;margin-top: 0.8rem;}
.new_sz_box .swiper-container .swiper-slide img{width: 100%;margin-top: 0.2rem;}
.new_sz_box .swiper-button-next{ background:url(/skin/default/images/rt.png) no-repeat 0 0/100% 100%; width: 40px;
height: 40px; margin-top: 0; transform: translateY(-80%); right: 27px;}
.new_sz_box .swiper-button-prev{ background: url(/skin/default/images/lt.png) no-repeat 0 0/100% 100%;  width: 40px;
height: 40px; margin-top: 0; transform: translateY(-80%);left: 20px;}
.sp{ display: inline-block; background: url(/skin/default/images/sp01.png) no-repeat 0 0/100% 100%; 
width: 40px; height: 40px; position: absolute;top: 50%; left: 50%; transform: translate(-40%,-20%);}



/* 修改内容区块背景色 */
.workpart,.pifpart,.zlpart,.jhpart { background-color:#ffffff;margin-top:8px;padding-bottom:13px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); }
.worktit,.piftit,.zltit,.jhtit { padding-top:10px; }
.jhpart { background-color:#f8fafc; }
.swiper2 { width:91.25%;margin:0 auto; }

.piftab { width:91.25%;margin:15px auto 0;overflow:hidden; }
.piftab .tabs { width:73%;float:left; }
.piftab .tab-indicator { width:23%;float:right; }
.piftab .tab-indicator li a,.piftab .tab-indicator li { position:relative;display:block; }
.piftab .tab-indicator li i { display:none;width:13px;height:13px;background-color:#0ea5e9;position:absolute;top:30%;left:-7px;transform:rotate(45deg);-webkit-transform:rotate(45deg); }
.piftab .tab-indicator li.active i { display:block; }
.piftab .tab-indicator li:nth-child(4) i { top:40%; }
.piftab .tab-indicator li .pif_h { width:100%;height:100%;position:absolute;top:0;left:0; }
.piftab .tab-indicator li:nth-child(1) .pif_h { background:url(/skin/default/images/piftab1_h.jpg) no-repeat;background-size: 100% 100%;display:none; } 
.piftab .tab-indicator li:nth-child(2) .pif_h { background:url(/skin/default/images/piftab2_h.jpg) no-repeat;background-size: 100% 100%;display:none; } 
.piftab .tab-indicator li:nth-child(3) .pif_h { background:url(/skin/default/images/piftab3_h.jpg) no-repeat;background-size: 100% 100%;display:none; } 
.piftab .tab-indicator li:nth-child(4) .pif_h { background:url(/skin/default/images/piftab4_h.jpg) no-repeat;background-size: 100% 100%;display:none; } 
.piftab .tab-indicator li.active .pif_h { display:block; }

.zltab { width:91.25%;margin:25px auto 0;overflow:hidden; }
.zltab .tab-indicator,.jhtab .tab-indicator,.subjh { width:100%;background:url(/skin/default/images/line.png) repeat-x 0 100%;overflow:hidden; }
/* 修改标签样式 */
.zltab .tab-indicator li,.jhtab .tab-indicator li,.subjh li { width:26%;float:left;font-size:1.2rem;font-weight:700;color:#64748b;line-height:1.2;}
.zltab .tab-indicator li a,.jhtab .tab-indicator li a,.subjh li a { color:#64748b;width:100%;display:block;padding-bottom:12px;text-align:center;white-space:nowrap; } 
.zltab .tab-indicator li i,.jhtab .tab-indicator li i,.subjh li i { width:12px;height:12px;background:url(/skin/default/images/zldot.png) no-repeat;background-size:100% 100%;display:inline-block;vertical-align:middle;margin-right:3px; }
.zltab .tab-indicator li.active a,.jhtab .tab-indicator li.active a,.subjh li.active a { border-bottom:1px solid #0ea5e9;color:#0ea5e9; }
.zltab .tab-indicator li.active i,.jhtab .tab-indicator li.active i,.subjh li.active i { background:url(/skin/default/images/zldot_h.png) no-repeat;background-size:100% 100%;}
.zltab .tabs { margin-top:3px;overflow:hidden; }
.zltab .tab-item a{ width:23%;float:left;text-align:center;color:#fff;line-height:2;background:url(/skin/default/images/zlbg.png) no-repeat;background-size:100% 100%;margin:12px 1% 0;overflow:hidden;white-space:nowrap; }





.jhtab { width:91.25%;margin:25px auto 0;overflow:hidden; }
.jhtab .tabs { margin-top:20px;overflow:hidden; }
.bigpic { width:100%;position:relative; }
/* 修改文字背景透明度 */
.bgtxt { padding:3px 0;width:100%;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,.8);color:#fff;text-align:center;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
.smpic { width:32%;float:left;position:relative;margin:8px 2% 0 0; }
.smpic:last-child { margin-right:0; }
.tvicon { width:30%;height:48%;background:url(/skin/default/images/tvbtn.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);  }
.bigpic .tvicon { width:20%;height:35%; }
.jhtab .tabs .tab-item:last-child .bgtxt { text-align:left;padding-left:5px;box-sizing:border-box; }

.linkbox { width:100%;zoom:1; }
.linkbox:after{ content: ""; display: block; clear: both;}
.linkbox a{ width:49.8%;float:left;margin:0 0.4% 2px 0;position:relative; }
.linkbox a:nth-child(2n) { margin-right:0; }

.top { width:41px;height:41px;background:url(/skin/default/images/top.png) no-repeat;background-size:100% 100%;float:right;margin-top:-48px; }

.popwrap { width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;display:none;}
.popwrap img { width:100%;display:block; }
.popbox {width:96%;position:absolute;top:30%;margin-left: 2%;}
/* 修改弹窗样式 */
.popcon { width:100%;background-color:#0ea5e9;border:3px solid #7dd3fc;float:left;box-sizing:border-box;position:relative; }
.popclose { width:40px;height:40px;background:url(/skin/default/images/close.png) no-repeat;background-size:100% 100%;position:absolute;top:-40px;right:0; }

.popic { width:100%;height:100%;position:absolute;top:0;left:0;margin-left:0; }
.popic .popcon { width:100%;border:medium none;background:none;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%); }
.popic .popclose {width:100%;height:100%;background:none;top:0;}

/* 预约弹框 - 修改颜色 */
.popup-order{z-index:999;width:304px;background:#fff; position: fixed;top:10%;background: url(/skin/default/images/pop/order-bg1.png) no-repeat;background-size:100%;display:none;}
.popup-order label{color:#0284c7; font-size: 18px;}
.popup-order .warp{position: relative;overflow: hidden;padding-bottom: 10px}
.popup-order  .tit{color:#fff;font-size:16px; text-align: center; line-height: 18px;padding:15px 0 8px; }
.popup-order  .tit label{color:#0284c7; font-size: 12px;}
.popup-order  .int{padding-top:10px;}
.popup-order  .nub{padding-bottom:10px;overflow:hidden;}

.popup-order  span{font-size:14px;color:#0c4a6e;background:url(/skin/default/images/pop/icon-tit.png) no-repeat left; background-size:7px 12px; padding-left:10px;float:left;width:80px;line-height:28px;white-space: nowrap;}
.popup-order  .tel{width:177px;height:26px;border:#0ea5e9 1px solid;background:none;padding:0 2px;color:#000;font-size:14px;float:left;}
.popup-order  .model{width:177px;height:26px;border:0;background-color:#e0f2fe;padding:2px 0;font-size:14px;line-height: 16px;}

.popup-order .yzm{position: relative; margin-bottom: 10px;overflow:hidden;}
.popup-order  .code{width:92px;height:26px;border:#0ea5e9 1px solid;background:none;padding:0 2px;color:#000;font-size:14px;line-height: 16px;float:left;}
.popup-order  .yzm-bg{color:#fff;font-weight:bold;text-align:center;line-height:27px;font-size:14px;width:84px;height:30px;background: url(/skin/default/images/pop/yzm-bg.png) no-repeat; background-size:100% 100%; position: absolute; top: 0;right:0;}
.popup-order  .submit {margin:auto;display:block;width:130px;height:52px;background: url(/skin/default/images/pop/submit.png) no-repeat; background-size:100% 100%; border: 0;cursor:pointer;}
.popup-order .close{position: absolute;color: #fff;text-align: center;right:0;top:0;cursor: pointer;background:url(/skin/default/images/pop/close.png) no-repeat; background-size:100% 100%;width:30px;height:30px;}

.popup-order .tab-indicator{width:100%; margin:12px auto 6px; }
.popup-order .tab-indicator:after{clear: both; display: block; content: " ";}
.popup-order .tab-indicator li{display: block; float: left; height: 30px; text-align:center;width: 50%; border-bottom: 2px solid #cbd5e1;}
.popup-order .tab-indicator .active{border-bottom: 2px solid #0ea5e9;}
.popup-order .tab-indicator li a{color:#64748b; font-size:14px; width: 100%; height:30px; line-height: 30px; text-align: center;}
.popup-order .tab-indicator .active a{color:#0ea5e9;}
.popup-order .ym-tabs{width:90%; margin: 0 auto;}
#tabs1 .tab-item {display: block;}

/*sub - 修改颜色方案 */
.crumbs { position:relative;padding-top:50px; }
.crumbs h2 { color:#0369a1;text-align:center;font-weight:700;font-size:1.4rem;line-height:2.5; }
.crumbs .return { color:#0284c7;font-size:1.2rem;position:absolute;bottom:18%;left:8px;padding-left:10px; }
.crumbs .return i { width:10px;height:10px;border-left:1px solid #7dd3fc;border-bottom:1px solid #7dd3fc;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg); } 


.content {width:91.25%;margin:0 auto;overflow:hidden; }
.content .more { margin:0 0 15px; }
.pifeng { overflow:hidden;padding-bottom:10px; }
.pifeng li { width:32%;float:left;margin:0 2% 8px 0; }
.pifeng li:nth-child(3n) { margin-right:0; }

.subjh { margin-top:5px; }
.jhlist { overflow:hidden;margin-top:20px; }
.jhlist li { width:48.5%;float:left;margin:0 3% 15px 0; }
.jhlist li:nth-child(2n){ margin-right:0; }
.jhlist li .picdiv { position:relative;margin-bottom:5px; }
.jhlist li .picdiv i { width:30%;height:52%;background:url(/skin/default/images/tvbtn.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);  }
/* 修改列表文字颜色 */
.jhlist li p { text-align:center;line-height:1.2; }
.jhlist li p:nth-of-type(1){ color:#0ea5e9;font-weight:700; }
.jhlist li p:nth-of-type(2){ color:#64748b;font-size:12px; }

.storylist { margin-top:20px; }
.storylist li { margin-bottom:15px;position:relative;overflow:hidden; }
.storylist li .picdiv { width:46%;float:left; }
.storylist li .txtdiv { width:52%;float:right;padding-bottom:20px;color:#0f172a;line-height:1.2;font-size:1.1rem; }
.storylist li .txtdiv h2 { font-size:1.1rem; }
.storylist li .txtdiv a{ color:#0f172a; }
.storylist li .time { color:#94a3b8;position:absolute;bottom:0;left:48%; }


.subwrap {
  --subwrap-bg: #ffffff;
  --subwrap-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  --border-radius: 12px;
  --spacing-unit: 8px;
  
  background-color: var(--subwrap-bg);
  padding: calc(var(--spacing-unit) * 2);
  overflow: hidden;
  border-radius: var(--border-radius);
  box-shadow: var(--subwrap-shadow);
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  border: 1px solid #f0f9ff;
}

/* 修改渐变条颜色 */
.subwrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #0ea5e9, #7dd3fc);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.subwrap .newstab {
  margin-top: calc(var(--spacing-unit) * 3);
  padding: 0 calc(var(--spacing-unit) * 1);
}

.subwrap .more {
  padding: calc(var(--spacing-unit) * 2) 0;
  display: flex;
  justify-content: center;
}

.subwrap .more a {
  text-decoration: none;
  color: #0ea5e9;
  font-size: 0.95rem;
  font-weight: 500;
  padding: 8px 20px;
  border: 1px solid #e0f2fe;
  border-radius: 30px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.subwrap .more a:hover {
  background-color: #0ea5e9;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
}

.subwrap .more a::after {
  content: '→';
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.subwrap .more a:hover::after {
  transform: translateX(3px);
}

/* 响应式调整 */
@media (max-width: 768px) {
  .subwrap {
    border-radius: 8px;
    padding: calc(var(--spacing-unit) * 1.5);
  }
  
  .subwrap .newstab {
    margin-top: calc(var(--spacing-unit) * 2);
  }
  
  .subwrap .more a {
    padding: 6px 16px;
    font-size: 0.9rem;
  }
}


.newstitle { border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:10px 10px 5px;line-height:2;margin-top:-5px; }
.newstitle h1 { font-size:1.2rem; }
.newstitle div { color:#64748b;font-size:12px; }
.newspart { background:#fff; }
.details { margin:15px auto 0;padding-bottom:50px;width:91.25%;color:#334155;line-height:1.4;font-size:1.1rem; }
.details p { margin-bottom:8px; }
.details img { max-width:100%; }

/* 修改子栏目标题颜色 */
.subzl_tit { float:left;font-size:1.2rem;font-weight:700;color:#0f172a;line-height:1.2;padding-bottom:5px;border-bottom:1px solid #0f172a;}
.subzl_tit i { width:12px;height:12px;background:url(/skin/default/images/zldot.png) no-repeat;background-size:100% 100%;display:inline-block;vertical-align:middle;margin-right:3px; }
.zldiv { width:100%;float:left;padding:12px 0;overflow:hidden; }
.zleft { width:24%;float:left;background:url(/skin/default/images/subzl.png) no-repeat;background-size:100% 100%;color:#fff;line-height:2;text-align:center;padding-right:2%;box-sizing:border-box; }
.zlright { width:75%;float:right; }
.zlright a { color:#334155;line-height:2;float:left;white-space:nowrap;padding-right:15px; }
.zlright a i { width:6px;height:6px;background-color:#0ea5e9;vertical-align:middle;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:3px; }

.show {display: block;}

.wxbox { padding-top:54px;width:131px;height:181px;box-sizing:border-box;background:url(/skin/default/images/wxbox.png) no-repeat;background-size:100% 100%;position:absolute;bottom:85%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);display:none; }
.wxbox img { margin:0 auto 0;width:76%; }
.qqbox { padding-top:40px;width:138px;height:187px;box-sizing:border-box;background:url(/skin/default/images/qqbox.png) no-repeat;background-size:100% 100%;position:absolute;bottom:80%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);display:none; }
.qqbox p { color:#0c4a6e;text-align:center;line-height:1.3; }

.page { margin-top:25px;text-align: center;white-space: nowrap;}
.page ul,.page li{ display:inline-block;font-size:0;vertical-align:middle;}
.page li {margin:0 3px;}
/* 修改分页按钮样式 */
.page a{ font-size:12px;line-height:2;padding: 0 9px;color:#64748b;display:block;border:1px solid #cbd5e1;}
.page a:hover { background-color:#0ea5e9;color:#fff;border-color: #7dd3fc;} 
.page .me { font-size:12px;line-height:2;padding: 0 9px;background-color:#0ea5e9;color:#fff;display:block;border:1px solid #7dd3fc;}
.page span{margin:0 3px;font-size:12px;line-height:28px;display:inline-block;color:#64748b;vertical-align:middle;}

/* 1. 重置基础样式，避免默认边距干扰动效 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 2. .top 元素：顶部标题弹跳（从上方弹出，伴随轻微回弹） */
.top {
  /* 基础定位：顶部居中 */
  position: relative;
  width: 80%;
  margin: 0 auto 20px; /* 优化间距，避免重叠 */
  padding: 12px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  /* 弹跳动效：延迟0.2s触发，增强层次感 */
  animation: bounceFromTop 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s both;
}

/* 3. .wx 元素：中间二维码弹跳（从下方缩放弹出，更醒目） */
.wx {
  /* 固定定位：屏幕居中 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 精准居中 */
  width: 30%;
  height: auto; /* 避免固定高度拉伸图片 */
  min-width: 150px; /* 适配小屏幕，防止过小 */
  text-indent: -999px;
  overflow: hidden;
  background: #fff; /* 加背景，突出二维码 */
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 阴影增强立体感 */
  /* 弹跳动效：从下方缩放进入，延迟0.5s */
  animation: bounceFromBottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  z-index: 10; /* 确保在最上层 */
}

/* 4. .app 和 .android 元素：底部按钮组（左右分别弹跳，增加动感） */
.app,
.android {
  /* 绝对定位：底部左右分布 */
  position: absolute;
  bottom: 8%; /* 从底部往上8%，更合理 */
  width: 38%;
  height: auto; /* 自适应内容高度 */
  text-indent: -999px;
  overflow: hidden;
  background: #2d81ff; /* 按钮底色，区分元素 */
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(45, 129, 255, 0.3); /* 按钮阴影，增强点击欲 */
  /* 通用过渡：hover时轻微放大，增加交互感 */
  transition: transform 0.2s ease;
  z-index: 5;
}

/* 安卓按钮：右对齐，独立颜色 */
.android {
  left: auto; /* 清除原left，用right定位更精准 */
  right: 11.25%;
  background: #3ddc84; /* 安卓绿，区分iOS/Android */
}

/* 按钮hover交互：轻微放大，强化反馈 */
.app:hover,
.android:hover {
  transform: scale(1.05);
}

/* 5. 为.app/.android添加独立弹跳动效（左右错开，更有节奏） */
.app {
  left: 11.25%;
  animation: bounceFromLeft 0.6s ease 0.8s both; /* 从左侧弹出，延迟0.8s */
}

.android {
  animation: bounceFromRight 0.6s ease 1s both; /* 从右侧弹出，延迟1s */
}

/* -------------------------- 关键帧动画定义（核心弹跳逻辑） -------------------------- */
/* 顶部元素：从上方-50px位置下落，落地后轻微回弹 */
@keyframes bounceFromTop {
  0% {
    opacity: 0; /* 初始透明 */
    transform: translateY(-50px); /* 上方隐藏位置 */
  }
  70% {
    transform: translateY(10px); /* 下落过冲，制造回弹感 */
  }
  100% {
    opacity: 1; /* 完全显示 */
    transform: translateY(0); /* 最终位置 */
  }
}

/* 中间二维码：从下方50px+缩放0.5倍，弹出后轻微回弹 */
@keyframes bounceFromBottom {
  0% {
    opacity: 0;
    transform: translate(-50%, 50px) scale(0.5); /* 下方+缩小隐藏 */
  }
  80% {
    transform: translate(-50%, -10px) scale(1.05); /* 上冲+轻微放大 */
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); /* 最终居中位置 */
  }
}

/* 左侧按钮：从左侧-30px+透明，滑入后轻微回弹 */
@keyframes bounceFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px); /* 左侧隐藏 */
  }
  70% {
    transform: translateX(8px); /* 右冲回弹 */
  }
  100% {
    opacity: 1;
    transform: translateX(0); /* 最终位置 */
  }
}

/* 右侧按钮：从右侧-30px+透明，滑入后轻微回弹 */
@keyframes bounceFromRight {
  0% {
    opacity: 0;
    transform: translateX(30px); /* 右侧隐藏 */
  }
  70% {
    transform: translateX(-8px); /* 左冲回弹 */
  }
  100% {
    opacity: 1;
    transform: translateX(0); /* 最终位置 */
  }
}

/*右侧悬浮窗头部*/ 
._wrap_1facf_1 {
    background: url(../images/community-bg.87d60694.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: fixed;
    right: 0;
    top: 48.5%;
    transform: translateY(-50%);
    transition: transform .2s;
    width: 150px;
    z-index: 9;
}
._content_1facf_36 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding:10px
}

._content_1facf_36 ._btnImg_1facf_42 {
    cursor: pointer;
    height: 44px;
    margin-top: .1rem;
    width: 110px
}

._content_1facf_36 p {
    margin: 0;
    padding: 0
}

._content_1facf_36 ._scan_1facf_52 {
    position: relative
}

._content_1facf_36 ._scan_1facf_52 img {
    height: 110px;
    width: 110px
}

._content_1facf_36 ._scan_1facf_52:after {
    animation: _scan_1facf_52 3s infinite;
    background: #bdd9ff;
    content: "";
    height: .04rem;
    left: 0;
    position: absolute;
    width: 1.3rem
}

@media screen and (max-width: 374px) {
    html,body{font:400 12px/100% 'Inter', 'Segoe UI', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;}  
    .zltab .tab-indicator li a{ padding-bottom:8px;}
}
@media screen and (min-width: 600px) {
    html,body{font:400 16px/100% 'Inter', 'Segoe UI', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;}   
}


.rxjh {float:left;margin:8px 0 0 5px;line-height:100%;}
.rxjh h2{color:#fff;font-size:18px; padding: 5px 0 5px;}
.rxjh p{font-size:0.2rem;color:#fff;font-size: 13px;}

.download,.yybtn { width: 103px; height:32px; text-indent:-9999px;position:absolute; top: 20px; left:178px;background:url(/skin/default/images/an01.png) no-repeat;background-size: 100% 100%; }
.yybtn { background:url(/skin/default/images/an02.png) no-repeat;background-size: 100% 100%; left: 65px; }

.lbpop { width:81%;position:fixed; }
.lbpop .btnclose { width:6%;height:11%;position:absolute;top:3.4%;right:0; }
.lbpop img { width:100%; }




/* 轮播容器基础样式 - 创新设计 */
.carousel-container {
    position: relative;
    max-width: 1200px;
    margin: 2rem auto;
    height: 60vh;
    min-height: 300px;
    max-height: 600px;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
    perspective: 1000px; /* 3D 透视效果 */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .carousel-container {
        height: 50vh;
        min-height: 250px;
        border-radius: 1rem;
        margin: 1rem;
    }
}

@media (max-width: 480px) {
    .carousel-container {
        height: 45vh;
        min-height: 200px;
        border-radius: 0.75rem;
        margin: 0;
    }
}

/* 轮播轨道 - 添加3D效果 */
.carousel-track {
    display: flex;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* 平滑过渡 */
    transform-style: preserve-3d; /* 保持3D空间 */
}

/* 轮播项 - 创新设计 */
.carousel-item {
    min-width: 100%;
    height: 100%;
    position: relative;
    backface-visibility: hidden; /* 隐藏背面 */
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.8s ease;
}

/* 悬停时图片微缩放效果 */
.carousel-item:hover img {
    transform: scale(1.03);
}

/* 图片叠加渐变层 - 增强文字可读性 */
.carousel-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
}

/* 创新控制按钮样式 */
.carousel-control {
    cursor: pointer;
    border: none;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    opacity: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 容器悬停时显示控制按钮 */
.carousel-container:hover .carousel-control {
    opacity: 1;
}

.carousel-control.prev {
    left: 20px;
}

.carousel-control.next {
    right: 20px;
}

.carousel-control:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.1);
}

/* 按钮图标 */
.carousel-control::before {
    font-size: 1.5rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.carousel-control.prev::before {
    content: "\f053";
}

.carousel-control.next::before {
    content: "\f054";
}

/* 创新指示器样式 */
.carousel-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}

.carousel-indicators button {
    width: 4px;
    height: 12px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    border: none;
    outline: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.carousel-indicators button.active {
    background-color: white;
    width: 24px;
}

/* 创新动画效果 */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 50px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.animate-slide-in {
    animation: slideIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.animate-pulse-slow {
    animation: pulse 4s infinite ease-in-out;
}

/* 触摸滑动增强 */
.carousel-track.grabbing {
    cursor: grabbing;
    user-select: none;
}

/* 轮播内容区域样式 - 新增 */
.carousel-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3rem;
    z-index: 5;
    color: white;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.6s ease-out;
}

.carousel-item.active .carousel-content {
    transform: translateY(0);
    opacity: 1;
}

/* 内容标题样式 */
.carousel-content h3 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.carousel-content p {
    font-size: 1rem;
    max-width: 70%;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .carousel-content {
        padding: 2rem;
    }
    .carousel-content h3 {
        font-size: 1.5rem;
    }
    .carousel-content p {
        max-width: 100%;
    }
}




/* 版权区域版权区域主样式 */
.copyright {
  width: 100%;
  min-height: 180px;
  background: radial-gradient(ellipse at bottom, #f8fafc 0%, #eef2f7 100%);
  position: relative;
  overflow: hidden;
  transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-top: 1px solid rgba(226, 232, 240, 0.8);
}

/* 动态光效装饰 */
.copyright::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    #6366f1 20%, 
    #8b5cf6 50%, 
    #6366f1 80%, 
    transparent 100%);
  animation: shine 6s infinite linear;
}

/* 几何装饰元素 */
.copyright::after {
  content: "";
  position: absolute;
  top: 10%;
  right: 5%;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.03) 0%, rgba(139, 92, 246, 0.05) 100%);
  clip-path: polygon(40% 0%, 60% 0%, 100% 40%, 100% 60%, 60% 100%, 40% 100%, 0% 60%, 0% 40%);
  transform: rotate(0deg) scale(0.9);
  z-index: 0;
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.copyright:hover::after {
  transform: rotate(15deg) scale(1);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.08) 100%);
}

/* 装饰粒子系统 */
.copyright .decor-particle {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, #a78bfa 0%, #8b5cf6 100%);
  filter: blur(3px);
  opacity: 0.2;
  animation: float 8s infinite ease-in-out;
}

.copyright .decor-particle:nth-child(1) {
  width: 40px;
  height: 40px;
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.copyright .decor-particle:nth-child(2) {
  width: 25px;
  height: 25px;
  top: 70%;
  left: 80%;
  background: radial-gradient(circle, #60a5fa 0%, #3b82f6 100%);
  animation-delay: 2s;
}

.copyright .decor-particle:nth-child(3) {
  width: 15px;
  height: 15px;
  top: 45%;
  left: 25%;
  background: radial-gradient(circle, #6ee7b7 0%, #10b981 100%);
  animation-delay: 4s;
}

/* 网格背景 */
.copyright .grid-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  z-index: 0;
}

/* 页脚内容样式 */
.foot {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  gap: 30px;
}

.foot .bot-logo {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.1);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 3px solid white;
  position: relative;
}

.foot .bot-logo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.foot .bot-logo:hover {
  transform: translateY(-8px) rotate(2deg);
  box-shadow: 0 15px 30px -8px rgba(99, 102, 241, 0.2);
}

.foot .bot-logo:hover::after {
  opacity: 1;
}

/* 版权文本样式 */
.regard {
  text-align: right;
  padding-left: 20px;
  flex: 1;
}

.regard p {
  font-size: 15px;
  color: #475569;
  line-height: 30px;
  margin: 0;
  letter-spacing: 0.3px;
  transition: all 0.4s ease;
  position: relative;
  padding: 2px 0;
  display: inline-block;
}

.regard p:not(:last-child) {
  margin-bottom: 8px;
}

.regard p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #8b5cf6;
  transition: width 0.3s ease;
}

.regard p:hover {
  color: #6366f1;
  transform: translateX(-5px);
}

.regard p:hover::after {
  width: 100%;
}

.regard p img {
  vertical-align: middle;
  margin: 0 8px;
  max-height: 20px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  filter: grayscale(30%);
}

.regard p:hover img {
  transform: scale(1.3) rotate(5deg);
  filter: grayscale(0%);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .copyright {
    min-height: auto;
    padding: 40px 0;
  }
  
  .foot {
    flex-direction: column;
    text-align: center;
    padding: 35px 20px;
  }
  
  .foot .bot-logo {
    margin-bottom: 30px;
  }
  
  .regard {
    text-align: center;
    padding-left: 0;
  }
  
  .regard p {
    display: block;
  }
  
  .regard p:hover {
    transform: translateX(0) scale(1.03);
  }
  
  .copyright::after {
    width: 90px;
    height: 90px;
    top: 5%;
    right: 2%;
  }
  
  .copyright .decor-particle:nth-child(1) {
    width: 30px;
    height: 30px;
  }
}

/* 动画定义 */
@keyframes shine {
  0% { background-position: -100% 0; }
  100% { background-position: 100% 0; }
}

@keyframes float {
  0%, 100% { transform: translateY(0) translateX(0); }
  50% { transform: translateY(-20px) translateX(10px); }
}

/* 全局样式重置与基础设置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    background-color: #fff; /* 背景色可根据需求修改 */
}

/* 1. 樱花特效容器样式 */
.m-petal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 确保花瓣不遮挡页面交互（如点击、输入） */
    z-index: 9999; /* 保证花瓣在页面最上层显示 */
    overflow: hidden;
}

.m-petal .parent {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    overflow: hidden;
    perspective: 1000px; /* 开启3D透视，让花瓣旋转更有立体感 */
}

/* 2. 花瓣基础样式 */
.m-petal .petal {
    margin: 1px;
    animation: fall1 10s linear infinite; /* 默认飘落动画 */
    position: absolute;
    top: 0;
    left: 0;
    background: #FE85C0; /* 花瓣主色（粉色） */
    width: 10px;
    height: 10px;
    box-shadow: inset 3px 3px 5px -3px #fff; /* 花瓣内部高光，增强质感 */
    border-radius: 15px 5px 15px 0; /* 花瓣不规则形状 */
    backface-visibility: hidden; /* 隐藏元素背面，优化3D性能 */
    transform-style: preserve-3d; /* 子元素继承3D空间 */
}

/* 3. 花瓣背面样式（实现3D翻转效果） */
.m-petal .petal::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FE85C0; /* 背面与正面同色，也可修改为浅粉色增强层次 */
    border-radius: 15px 5px 15px 0;
    transform: rotateY(180deg); /* 背面沿Y轴旋转180度 */
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

/* 4. 12个花瓣的差异化设置（动画、延迟、初始位置） */
.m-petal .petal:nth-child(2) {
    animation-name: fall2;
    animation-delay: 1.25s;
    top: 10%;
}

.m-petal .petal:nth-child(3) {
    animation-name: fall3;
    animation-delay: 4.65s;
    top: 25%;
}

.m-petal .petal:nth-child(4) {
    animation-name: fall4;
    animation-delay: 1.15s;
    top: 30%;
}

.m-petal .petal:nth-child(5) {
    animation-name: fall5;
    animation-delay: 1.35s;
    top: 50%;
}

.m-petal .petal:nth-child(6) {
    animation-name: fall6;
    animation-delay: 3.25s;
    top: 75%;
}

.m-petal .petal:nth-child(7) {
    animation-name: fall2;
    animation-delay: 2.25s;
    top: 10%;
}

.m-petal .petal:nth-child(8) {
    animation-name: fall3;
    animation-delay: 3.65s;
    top: 25%;
}

.m-petal .petal:nth-child(9) {
    animation-name: fall4;
    animation-delay: 0.15s;
    top: 30%;
}

.m-petal .petal:nth-child(10) {
    animation-name: fall5;
    animation-delay: 1.25s;
    top: 50%;
}

.m-petal .petal:nth-child(11) {
    animation-name: fall6;
    animation-delay: 0.25s;
    top: 75%;
}

.m-petal .petal:nth-child(12) {
    animation-name: fall6;
    animation-delay: 1.75s;
    top: 85%;
}

/* 5. 6种飘落动画路径（控制花瓣的Y轴下落、X轴偏移、Z轴深度、3D旋转） */
@keyframes fall1 {
    to {
        transform: translateY(400px) translateX(1960px) translateZ(200px) rotate3d(1, 0.25, 0, 320deg);
    }
}

@keyframes fall2 {
    to {
        transform: translateY(450px) translateX(1960px) translateZ(500px) rotate3d(1, 0.25, 0.25, 220deg);
    }
}

@keyframes fall3 {
    to {
        transform: translateY(350px) translateX(1960px) translateZ(300px) rotate3d(0.25, 1, 1, 420deg);
    }
}

@keyframes fall4 {
    to {
        transform: translateY(560px) translateX(1960px) translateZ(-500px) rotate3d(1, 1, 0.25, 720deg);
    }
}

@keyframes fall5 {
    to {
        transform: translateY(500px) translateX(1960px) translateZ(400px) rotate3d(0.25, 1, 0.25, 820deg);
    }
}

@keyframes fall6 {
    to {
        transform: translateY(400px) translateX(1960px) translateZ(-100px) rotate3d(1, 1, 1, 720deg);
    }
}

/* 6. 演示内容样式（居中布局） */
.demo-content {
    text-align: center;
    padding: 50px;
    position: relative;
    z-index: 1; /* 确保内容在花瓣下层，不被遮挡 */
}

.demo-content h1 {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 20px;
}

.demo-content p {
    font-size: 1.2rem;
    color: #666;
}


.custom-service {
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 客服图标样式 */
.service-icon {
    width: 50px;
    height: 50px;
    background-color: #2d8cf0;
    border-radius: 50% 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(45, 140, 240, 0.4);
    cursor: pointer;
    z-index: 2;
}

/* 二维码面板样式 */
.service-panel {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
}

.panel-content {
    background-color: #ffffff;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-right: 5px;
}

.qr-code img {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid #f0f0f0;
    padding: 5px;
}

.panel-text {
    margin: 10px 0 0;
    font-size: 13px;
    color: #333;
    text-align: center;
}

/*  hover展开效果 */
.custom-service:hover .service-panel {
    width: 130px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .service-icon {
        width: 44px;
        height: 44px;
    }
    
    .custom-service:hover .service-panel {
        width: 110px;
    }
    
    .qr-code img {
        width: 80px;
        height: 80px;
    }
    
    .panel-text {
        font-size: 12px;
    }
}