*{margin: 0;padding: 0;list-style: none;  box-sizing: border-box;
  text-decoration: none;}


/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}

.video{ width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：铺满不变形，裁剪多余区域 */
  object-position: center; /* 画面居中，优先显示中间内容 */
position: absolute;
left: 0;
top: 0;
}

.header-wrap {
  width: 100%;
  background-color: #fff;
}
/* 内层居中 1400px */
.header-container {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
/* logo */
.logo img {
  width:70%;
}
/* 一级菜单 */
.main-nav > ul {
  display: flex;
}
.main-nav > ul > li {
  position: relative;
  padding: 0 18px;
  height: 70px;
  line-height: 70px;
}
.main-nav > ul > li > a {
  color: #333;
  font-size: 14px;
  display: block;
  white-space: nowrap;
}
.main-nav > ul > li:hover > a {
  color: #0066cc;
}

/* 二级菜单基础样式 */
.second-menu {
  position: absolute;
  top: 70px;
  left: 0;
  width: 220px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.3s ease;
  z-index: 99;
}
.second-menu > li {
  position: relative;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-bottom: 1px solid #f5f5f5;
}
.second-menu > li:last-child {
  border-bottom: none;
}
.second-menu > li > a {
  color: #333;
  font-size: 14px;
  display: block;
}
.second-menu > li:hover > a {
  color: #0066cc;
}

/*  hover 显示二级菜单 */
.main-nav > ul > li:hover > .second-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 三级菜单 */
.third-menu {
  position: absolute;
  top: 0;
  left: 220px;
  width: 220px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.3s ease;
}
.third-menu > li {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-bottom: 1px solid #f5f5f5;
}
.third-menu > li:last-child {
  border-bottom: none;
}
.third-menu > li > a {
  color: #333;
  font-size: 14px;
  display: block;
}
.third-menu > li:hover > a {
  color: #0066cc;
}

/* 二级li hover 显示三级菜单 */
.second-menu > li:hover > .third-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


.banner-wrap {
  width: 100%;
  height: 580px;
  position: relative;
  background: url(https://picsum.photos/id/1033/1920/1080) no-repeat center center;
  background-size: cover;
}
/* 深色遮罩提升文字可读性 */
.banner-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 27, 51, 0.65);
}
/* 内层1700px居中内容容器 */
.banner-container {
  width: 1700px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.banner-sub-title {
  font-size: 18px;
  color: #0091ff;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.banner-title {
  font-size: 48px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 20px;
}
.banner-desc {
  font-size: 16px;
  line-height: 1.8;
  color: #e8edf2;
  max-width: 700px;
  margin-bottom: 35px;
}
.banner-btn {
  display: inline-block;
  width: 140px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: #0066cc;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.banner-btn:hover {
  background-color: #0088ff;
}


.product-top {
  width: 100%;
  padding: 30px 0;
  background: #fff;
}
.top-container {
  width: 1700px;
  margin: 0 auto;
  text-align: center;
}
.top-container h2 {
  font-size: 36px;
  color: #081b33;
  margin-bottom: 20px;
}
.top-container p {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
}

/* 底部 100% 通栏 */
.feature-box-wrap {
  width: 100%;
  background: #fff;
  padding: 0 60px 80px;
}
.feature-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/* 卡片基础样式 */
.feature-card {
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 12px;
  padding: 35px 25px;
  transition: all 0.3s ease;
}
/* 卡片hover 边框变主题蓝 */
.feature-card:hover {
  border-color: #0784E7;
}

/* 第一行：圆形图标 + 标题 横向同行 */
.card-row1 {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}
/* 图标底色改为 #0784E7 */
.circle-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #0784E7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.card-row1 h4 {
  font-size: 18px;
  color: #081b33;
}

/* 第二行：描述文字 */
.card-row2 {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
  margin-bottom: 25px;
}

/* 第三行：圆角按钮 默认配色和主题一致 */
.card-row3 a {
  display: inline-block;
  padding: 9px 22px;
  border: 1px solid #0784E7;
  color: #0784E7;
  border-radius: 30px;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}
/* 卡片hover 按钮同步变色 */
.feature-card:hover .card-row3 a {
  background: #0784E7;
  color: #fff;
}

.outer-wrap {
  width: 100%;
  padding: 60px 20px;
  background: #ffffff;
}
.inner-container {
  width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: start; /* 左右顶部齐平 */
}
.left-part {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.factory-img {
  width: 100%;
  height: 490px;
  border-radius: 24px;
  overflow: hidden;
}
.factory-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.data-row {
  display: flex;
  justify-content: space-around;
  background: #f8f8f8;
  border-radius: 20px;
  padding: 35px 20px;
}
.data-item h2 {
  font-size: 52px;
  font-weight: 700;
  color: #222222;
  text-align: center;
}
.data-item p {
  font-size: 18px;
  color: #444444;
  margin-top: 8px;
  text-align: center;
}
.right-part {
  padding-top: 0;
}
.right-part .sub-title {
  font-size: 20px;
  color: #666;
  margin-bottom: 12px;
}
.right-part h1 {
  font-size: 36px;
  line-height: 1.2;
  color: #222;
  margin-bottom: 25px;
}
.para-1 {
  border-left: 4px solid #007bff;
  padding-left: 20px;
  font-size: 17px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 25px;
}
.para-2 {
  font-size: 17px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 35px;
}
.learn-more-btn {
  display: inline-flex;
  align-items: center;
  background-color: #0078f5;
  color: white;
  font-size: 18px;
  font-weight: 600;
  padding: 16px 32px;
  border-radius: 8px;
  text-decoration: none;
  gap: 15px;
}
.arrow-box {
  width: 36px;
  height: 36px;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}


.mission-outer-wrapper {
  width: 100%;
  background: url("../../static/picture/mission-bg1.png") center / cover no-repeat;
  padding: 80px 20px;
}
/* 内层容器重命名 */
.mission-inner-wrap {
  width: 1400px;
  margin: 0 auto;
}
.mission-heading-area {
  color: #ffffff;
  margin-bottom: 40px;
}
.mission-heading-area h2 {
  font-size: 42px;
  margin-bottom: 15px;
}
.mission-heading-area p {
  font-size: 20px;
  opacity: 0.9;
}
.mission-main-content-row {
  display: grid;
  grid-template-columns: 550px 1fr;
  gap: 120px;
  align-items: center;
}
.mission-video-card-box {
  background: #ffffff;
  border-radius: 24px;
  padding: 60px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mission-logo-image {
  width: 340px;
  margin-bottom: 40px;
}
.mission-play-button-circle {
  width: 70px;
  height: 70px;
  border: 3px solid #0078f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:24px;
  color:#0078f5;
  cursor: pointer;
}
.mission-four-modules-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 60px;
}
.mission-single-item-row {
  display: flex;
  gap:18px;
}
.mission-icon-border-circle {
  width:56px;
  height:56px;
  border-radius:50%;
  color:#ffffff;
  font-size:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.mission-text-block h3 {
  font-size:26px;
  color:#0078f5;
  margin-bottom:12px;
}
.mission-text-block ul {
  list-style: none;
}
.mission-text-block li {
  color:#ffffff;
  font-size:17px;
  line-height:1.8;
}

.app-outer-wrap {
  width: 100%;
  padding: 60px 20px 0 20px;
  background-color: #ffffff;
}
.app-inner-container {
  width: 1400px;
  margin: 0 auto;
}
.app-section-title {
  text-align: center;
  font-size: 36px;
  color: #222222;
  margin-bottom: 40px;
}
.app-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.app-card-item {
  border: 1px solid #dddddd;
  border-radius: 12px;
  padding: 30px;
  transition: all 0.3s ease;
}
/*卡片hover效果：边框变蓝、背景变色*/
.app-card-item:hover {
  border-color: #0078f5;
  background-color: #f7faff;
}
.app-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.app-icon-circle {
  width: 56px;
  height: 56px;
  background-color: #0078f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 24px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
/*图标hover加深颜色*/
.app-card-item:hover .app-icon-circle {
  background-color: #0062d1;
}
.app-card-title {
  font-size: 22px;
  color: #222222;
  font-weight: 600;
  transition: color 0.3s ease;
}
.app-card-item:hover .app-card-title {
  color: #0078f5;
}
.app-card-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #444444;
  margin-bottom: 24px;
  transition: color 0.3s ease;
}
.app-card-item:hover .app-card-desc {
  color: #333333;
}
.app-overview-btn {
  padding: 8px 20px;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 15px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
}
/*卡片悬浮时按钮整体变成蓝色样式*/
.app-card-item:hover .app-overview-btn {
  border-color: #0078f5;
  background-color: #0078f5;
  color: #ffffff;
}
/*鼠标单独悬浮按钮时加深底色*/
.app-overview-btn:hover {
  background-color: #0062d1 !important;
  border-color: #0062d1 !important;
}

.why-choose-outer-wrap {
  width: 100%;
  padding: 70px 20px;
  background-color: #ffffff;
  background-image: url("../../static/picture/9fd89f259beb803ce3b960c0c8a11c219bc3d641.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.why-choose-inner-container {
  width: 1400px;
  margin: 0 auto;
}
.why-choose-top-text {
  margin-bottom: 45px;
}
.why-choose-subtitle {
  font-size: 22px;
  color: #555555;
  margin-bottom:16px;
}
.why-choose-main-title {
  font-size: 48px;
  color: #222222;
  font-weight:600;
}
.why-choose-card-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
}
.why-choose-card-item {
  background-color: #f9f9f9;
  border-radius:20px;
  padding:40px 30px;
  transition: all 0.3s ease;
}
.why-choose-card-item:hover{
  box-shadow:0 8px 25px rgba(0,120,245,0.12);
  transform: translateY(-5px);
}
.why-choose-card-header{
  display:flex;
  justify-content: space-between;
  align-items:center;
  margin-bottom:25px;
}
.why-choose-card-title{
  font-size:30px;
  color:#222222;
  font-weight:600;
}
.divider-line{
  width:70%;
  height:1px;
  background:#cccccc;
}
.why-choose-icon-circle{
  width:76px;
  height:76px;
  background-color:#0078f5;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:30px;
  flex-shrink:0;
}
.why-choose-desc-text{
  font-size:16px;
  line-height:1.8;
  color:#444444;
}

.update-outer-wrap {
  width: 100%;
  padding:70px 20px;
  background-color: #ffffff;
}
.update-inner-container {
  width: 1400px;
  margin:0 auto;
}
.update-section-title {
  text-align: center;
  font-size:48px;
  color:#333333;
  margin-bottom:45px;
}
.update-card-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:35px;
}
.update-news-card {
  border:1px solid #e8e8e8;
  border-radius:20px;
  overflow:hidden;
  transition: all 0.3s ease;
}
.update-news-card:hover {
  box-shadow:0 8px 24px rgba(0,120,245,0.12);
  transform: translateY(-5px);
}
.update-card-img {
  width:100%;
}
.update-card-img img {
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
.update-card-content {
  padding:28px;
}
.update-date-text {
  font-size:16px;
  color:#666666;
  margin-bottom:20px;
}
.update-card-title {
  font-size:26px;
  line-height:1.35;
  color:#222222;
  margin-bottom:28px;
}
.update-learn-more {
  display: inline-flex;
  align-items:center;
  font-size:18px;
  color:#0078f5;
  gap:8px;
  text-decoration:none;
  font-weight:500;
}
.update-learn-more:hover{
  color:#0062d1;
}

.contact-outer-wrap {
  width: 100%;
  padding:70px 0;
  background-color: #ffffff;
  background-image: url("../../static/picture/edb78f46babce15dc496344376f81ef5bac7f5db.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact-inner-container {
  width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:80px;
  align-items: start;
}
/*左侧联系信息区域*/
.contact-left-part{
}
.contact-heading-line {
  border-left:5px solid #0078f5;
  padding-left:16px;
  margin-bottom:24px;
}
.contact-sub-heading{
  font-size:22px;
  color:#333333;
  font-weight:600;
  margin-bottom:12px;
}
.contact-main-heading{
  font-size:36px;
  color:#222;
  font-weight:600;
  margin-bottom:22px;
}
.contact-desc-text{
  font-size:17px;
  line-height:1.7;
  color:#444444;
  margin-bottom:50px;
}
.contact-info-list{
  border-left:5px solid #0078f5;
  padding-left:16px;
  margin-bottom:40px;
}
.contact-info-item{
  font-size:18px;
  color:#333;
  margin-bottom:18px;
}
.call-us-btn{
  display: inline-flex;
  align-items: center;
  gap:15px;
  background-color:#0078f5;
  color:#fff;
  font-size:20px;
  font-weight:500;
  padding:22px 35px;
  border-radius:12px;
  text-decoration: none;
}
/*右侧表单区域*/
.contact-form-card{
  border:1px solid #dddddd;
  border-radius:20px;
  padding:45px;
}
.form-title{
  font-size:40px;
  color:#222;
  margin-bottom:20px;
}
.form-desc{
  font-size:17px;
  line-height:1.7;
  color:#444;
  margin-bottom:35px;
}
.form-item{
  margin-bottom:20px;
}
.form-item input,
.form-item textarea{
  width:100%;
  border:1px solid #bbbbbb;
  border-radius:6px;
  padding:14px;
  font-size:17px;
}
.form-item textarea{
  min-height:120px;
  resize: vertical;
}
.input-row{
  position:relative;
}
.required-mark{
  position:absolute;
  right:15px;
  top:14px;
  color:red;
  font-size:18px;
}
.submit-btn{
  display:block;
  margin-left:auto;
  background-color:#0078f5;
  color:#ffffff;
  border:none;
  font-size:18px;
  padding:16px 38px;
  border-radius:6px;
  cursor:pointer;
}

.footer-outer-wrap {
  width: 100%;
  background-color: #062940;
  padding:70px 20px;
}
.footer-inner-container {
  width: 1400px;
  margin:0 auto;
  color:#ffffff;
}
/*顶部行：logo 和右侧区域*/
.footer-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom:50px;
}
.footer-logo-part {
  width:32%;
}
.footer-logo-img {
  width:280px;
  margin-bottom:30px;
}
.footer-desc-text {
  font-size:17px;
  line-height:1.7;
  opacity:0.85;
  margin-bottom:35px;
}
.footer-contact-us-btn {
  display: inline-block;
  border:1px solid #ffffff;
  border-radius:8px;
  padding:14px 28px;
  color:#fff;
  text-decoration: none;
  font-size:17px;
  transition:0.3s;
}
.footer-contact-us-btn:hover{
  background:#ffffff;
  color:#062940;
}
.footer-fax-text{
  margin-top:35px;
  font-size:18px;
  opacity:0.85;
}
/*右侧容器*/
.footer-right-wrap{
  width:65%;
  display:flex;
  flex-direction:column;
  gap:40px;
}
/*三栏联系信息*/
.footer-top-info-row{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
}
.footer-info-item h4{
  font-size:24px;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
}
.footer-info-item p{
  font-size:17px;
  line-height:1.7;
  opacity:0.85;
}
/*分隔线*/
.divider-line{
  width:100%;
  border-bottom:1px solid #445c6e;
}
/*底部导航菜单五栏*/
.footer-nav-row{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap:20px;
}
.footer-nav-column h5{
  font-size:24px;
  margin-bottom:22px;
}
.footer-nav-column ul{
  list-style:none;
}
.footer-nav-column li{
  margin-bottom:14px;
}
.footer-nav-column a{
  color:#ffffff;
  font-size:17px;
  opacity:0.85;
  text-decoration:none;
  transition:0.3s;
}
.footer-nav-column a:hover{
  opacity:1;
}

.footer-outer-wrap {
  width: 100%;
  background-color: #062940;
  padding:70px 20px;
}
.footer-inner-container {
  width: 1400px;
  margin:0 auto;
  color:#ffffff;
}
/*顶部行：logo 和右侧区域*/
.footer-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom:50px;
}
.footer-logo-part {
  width:32%;
}
.footer-logo-img {
  width:350px;
  margin-bottom:30px;
}
.footer-desc-text {
  font-size:17px;
  line-height:1.7;
  opacity:0.85;
  margin-bottom:35px;
}
.footer-contact-us-btn {
  display: inline-block;
  border:1px solid #ffffff;
  border-radius:8px;
  padding:14px 28px;
  color:#fff;
  text-decoration: none;
  font-size:17px;
  transition:0.3s;
}
.footer-contact-us-btn:hover{
  background:#ffffff;
  color:#062940;
}
.footer-fax-text{
  margin-top:35px;
  font-size:18px;
  opacity:0.85;
}
/*右侧容器*/
.footer-right-wrap{
  width:65%;
  display:flex;
  flex-direction:column;
  gap:40px;
}
/*三栏联系信息*/
.footer-top-info-row{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
}
.footer-info-item h4{
  font-size:24px;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
}
.footer-info-item p{
  font-size:17px;
  line-height:1.7;
  opacity:0.85;
}
/*分隔线*/
.divider-line{
  width:100%;
  border-bottom:1px solid #445c6e;
}
/*底部导航菜单五栏*/
.footer-nav-row{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap:20px;
}
.footer-nav-column h5{
  font-size:24px;
  margin-bottom:22px;
}
.footer-nav-column ul{
  list-style:none;
}
.footer-nav-column li{
  margin-bottom:14px;
}
.footer-nav-column a{
  color:#ffffff;
  font-size:17px;
  opacity:0.85;
  text-decoration:none;
  transition:0.3s;
}
.footer-nav-column a:hover{
  opacity:1;
}


.breadcrumb-wrapper{
  width:100%;
  background:#e9e9e9;
}
.wrap {
  width: 1400px;
  margin: 0 auto;
}
.breadcrumb {
  padding:15px 10px;
  font-size:15px;
  color:#444;
}
.container {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap:30px;
  padding:20px 10px;
}
/* 左侧菜单样式 */
.left-sidebar {
  background:#ffffff;
}
.menu-group{
  border-bottom:1px solid #eee;
}
.menu-header{
  display:flex;
  justify-content: space-between;
  padding:14px 20px;
  background:#eeeeee;
  font-size:16px;
  cursor:pointer;
}
.menu-items{
  max-height:0;
  overflow:hidden;
  transition: max-height 0.35s ease;
}
.menu-items.show{
  max-height:800px;
}
.menu-items > div{
  padding:12px 20px;
  font-size:15px;
  border-bottom:1px solid #f5f5f5;
  cursor:pointer;
}
.menu-items > div:hover{
  background:#f8f8f8;
}
.menu-items > div a{
  color:#000;
  text-decoration:none;
  transition:0.3s;
}
.menu-items > div a:hover{
  opacity:1;
}
/* 右侧产品区域 */
.right-content{
  background:#fff;
}
.content-title{
  padding:15px 20px;
  font-size:20px;
  color:#0066cc;
  border-bottom:1px solid #eee;
}
.product-list > div{
  padding:16px 20px;
  font-size:16px;
  border-bottom:1px solid #eee;
}

.product-list > div a{
  color:#000;
  text-decoration:none;
  transition:0.3s;
}
.product-list > div a:hover{
  opacity:1;
}
/* 分页 */
.pagination{
  padding:25px 20px;
  display:flex;
  gap:8px;
  align-items:center;
}
.page-item{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  cursor:pointer;
}
.page-item.active{
  background:#007bff;
  color:white;
}

.breadcrumb-wrap {
  width: 100%;
  background: #fff;
  padding:20px 0 20px;
}
/* 整体内容固定1400px居中 */
.container-main {
  width: 1400px;
  margin:0 auto;
  padding:0 10px;
}
.breadcrumb-text {
  font-size:14px;
  color:#444;
}
/* 左右横向布局：左边详情，右侧侧边栏 */
.content-row {
  display: grid;
  grid-template-columns: 66% 34%;
  gap:40px;
  margin-top:20px;
}
/* ==========左侧详情区域========== */
.left-detail h1 {
  font-size:40px;
  padding-bottom:20px;
  border-bottom:1px solid #cccccc;
  margin-bottom:25px;
}
.desc-text {
  font-size:16px;
  line-height:1.7;
  margin-bottom:35px;
}
.left-detail h2 {
  font-size:28px;
  margin:35px 0 20px;
}
.two-col-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:15px 10px;
}
.list-item {
  display:flex;
  align-items:center;
  font-size:14px;
}
.check-icon {
  display:inline-flex;
  width:22px;
  height:22px;
  background:#007bff;
  color:white;
  border-radius:3px;
  justify-content:center;
  align-items:center;
  margin-right:12px;
  font-weight:bold;
}
/* ==========右侧侧边菜单========== */
.sidebar-menu{
  border-left:1px solid #dddddd;
  padding-left:30px;
}
.menu-group-r{
  margin-bottom:28px;
}
.menu-header-r{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:18px;
  padding:8px 14px;
  cursor:pointer;
  position:relative;
}
/* 左侧圆点 */
.menu-header-r::before {
  content:"";
  width:12px;
  height:12px;
  background:#bbbbbb;
  border-radius:50%;
  position:absolute;
  left:-36px;
  top:50%;
  transform:translateY(-50%);
}
.icon-toggle{
  font-size:24px;
}
/* 使用max‑height实现平滑展开动画 */
.submenu-items {
  max-height:0;
  overflow:hidden;
  transition: max-height 0.35s ease;
}
.submenu-items.show {
  max-height:700px;
}
.submenu-items > div {
  font-size:14px;
  padding:9px 16px;
  position:relative;
}

.submenu-items > div a{
  color:#000;
  text-decoration:none;
  transition:0.3s;
}
.submenu-items > div a:hover{
  opacity:1;
}


.container-app {
  width:1400px;
  margin:0 auto;
  padding:0 10px;
}
.breadcrumb-text {
  font-size:17px;
  color:#444444;
}
.page-title-main {
  font-size:48px;
  text-align:center;
  margin:30px 0 40px;
}
/* 文字和图片一行左右布局 */
.intro-row {
  display: grid;
  grid-template-columns: 48% 48%;
  justify-content: space-between;
  margin-bottom:45px;
}
.left-content h2{
  font-size:34px;
  color:#0066ee;
  margin-bottom:22px;
}
.desc-paragraph {
  font-size:17px;
  line-height:1.7;
}
.img-box img{
  width:100%;
  border-radius:16px;
}
/* Features 和 Application scenarios 两栏布局 */
.bottom-row{
  display: grid;
  grid-template-columns:48% 48%;
  justify-content: space-between;
}
.col h3{
  font-size:28px;
  margin-bottom:20px;
}
.col ul{
  list-style: none;
}
.col li{
  font-size:17px;
  line-height:1.8;
  margin-bottom:12px;
  padding-left:20px;
  position:relative;
}
.col li::before{
  content:"•";
  position:absolute;
  left:0;
  color:#333;
}
.divider-line{
  margin-top:40px;
  border-bottom:2px dashed #4488dd;
}

.container-about {
  width: 1400px;
  margin: 60px auto;
  display: grid;
  grid-template-columns: 49% 49%;
  justify-content: space-between;
}
/* 左侧图片 */
.img-wrapper img {
  width: 100%;
  border-radius: 16px;
}
/* 右侧内容区域 */
.right-part h1 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.text-desc {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 25px;
}
/* 下方两个卡片区域 */
.card-row {
  display: grid;
  grid-template-columns: 48% 48%;
  justify-content: space-between;
  margin-top:40px;
}
.card-item {
  padding:25px;
  background-color:#f8f8f8;
  border-radius:12px;
}
.icon-box{
  font-size:60px;
  color:#0077dd;
  margin-bottom:15px;
}
.card-item h3{
  font-size:22px;
  margin-bottom:15px;
}
.card-item p{
  font-size:16px;
  line-height:1.7;
  color:#444;
}

.container-quality {
  width:1400px;
  margin:60px auto;
  padding:0 10px;
}
.section-subtitle{
  text-align:center;
  font-size:18px;
  color:#0066ee;
  margin-bottom:15px;
}
.section-title{
  text-align:center;
  font-size:42px;
  line-height:1.3;
  margin-bottom:45px;
}
.card-wrap{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap:30px;
}
.quality-card{
  background:#ffffff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 0 1px #ddd;
}
.quality-card img{
  width:100%;
  display:block;
}
.card-text{
  padding:25px 22px;
}
.card-text h3{
  font-size:24px;
  margin-bottom:16px;
}
.card-text p{
  font-size:16px;
  line-height:1.7;
  color:#444;
}

.container-download {
  width:1400px;
  margin:40px auto;
  padding:0 10px;
}
.top-title-small {
  text-align:center;
  font-size:17px;
  margin-bottom:12px;
}
.top-title-big {
  text-align:center;
  font-size:38px;
  margin-bottom:35px;
}
.download-wrap {
  background:#ffffff;
  padding:35px 30px;
  border-radius:16px;
}
.download-wrap h2 {
  font-size:28px;
  margin-bottom:35px;
}
.book-grid {
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:35px 25px;
}
.book-item{
  text-align:center;
}
.book-item > img {
  width:100%;
  border-radius:8px;
  margin-bottom:18px;
}
.download-text{
  font-size:17px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.container-contact {
  width: 1400px;
  margin: 60px auto;
  padding: 0 10px;
}
.header-text-small {
  text-align: center;
  font-size:20px;
  color:#444444;
  margin-bottom:15px;
}
.header-text-big {
  text-align:center;
  font-size:56px;
  margin-bottom:45px;
}
.content-row{
  display:grid;
  grid-template-columns:48% 48%;
  justify-content: space-between;
  align-items:flex-start;
}
.img-container img{
  width:100%;
  border-radius:20px;
}
.text-container{
  padding:40px 35px;
  background:#ffffff;
  border-radius:20px;
  box-shadow:0 1px 6px #ddd;
}
.text-container p{
  font-size:17px;
  line-height:1.75;
  margin-bottom:30px;
  color:#333;
}

  /*--分页样式--*/
  .page_total {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
  .page_pages {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #ffffff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
  .page_redirect {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; padding-right: 5px; padding-left: 5px;}
  .on_page_redirect {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; color: #FF7200; padding-right: 5px; padding-left: 5px;}
  .page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; font-family: verdana; padding-right: 7px; padding-left: 7px;}
  .on_page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; padding-right: 7px; padding-left: 7px;}
  .page_curpage {border-right: #dbddd3 1px solid; border-top: #dbddd3 1px solid; border-left: #dbddd3 1px solid; border-bottom: #dbddd3 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; font-weight: bold; padding-right: 7px; padding-left: 7px;}
  .page_input {border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; width: 40px; height: 20px; float:left; background:#ffffff;}
  .foot_fenye{margin-top:15px; width:100%; text-align:center; height:100px; }
  .foot_fenye table{display: inline-block;}