/* ============================================================
   IE 浏览器兼容样式
   当 body 被 JS 添加 .iebody 类时生效
   ============================================================ */

/* ---- 1. 基础重置：用固定值替换 CSS 变量 ---- */
/* 变量映射：
   --primaryColor: #00a0e9
   --secondaryColor: #0085e1
   --alphaPrimaryColor: rgba(0, 160, 233, 0.8)
   --bgColor: #ececee
   --textGreyColor: #999
   --iconGreyColor: #959b9f
   --borderStyle: 1px solid #ddd
   --fontSize12: 12px
   --fontSize14: 14px
   --fontSize16: 16px
   --fontSize18: 18px
   --fontSize20: 20px
   --fontSize24: 24px
   --fontSize28: 28px
   --fontSize30: 30px
   --fontSize32: 32px
   --fontSize36: 36px
   --fontSize38: 38px
   --fontSize40: 40px
   --fontSize48: 48px
   --fontSize50: 50px
   --fontSize60: 60px
   --fontSize80: 80px
*/

.iebody {
  background: #ececee;
  font-size: 14px;
}

.iebody html {
  font-size: 14px;
}

/* ---- 2. 主题色变量替换为固定值 ---- */

/* ===== 通用组件 ===== */

/* g-btn */
.iebody .g-btn {
  border: 1px solid #00a0e9;
  color: #00a0e9;
}

.iebody .g-btn.primary {
  background: #00a0e9;
  color: #fff;
}

.iebody .g-btn.primary:hover {
  background: #0085e1;
  border-color: #0085e1;
}

/* g-tags */
.iebody .g-tags span {
  background: #00a0e9;
  font-size: 12px;
}

/* g-label-tags */
.iebody .g-label-tags a {
  margin-right: 20px;
  color: #00a0e9;
  font-size: 12px;
}

.iebody .g-label-tags a:hover {
  color: #0085e1;
}

/* g-section title-underline-bar */
.iebody .g-section .title-underline-bar {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.iebody .g-section .title-underline-bar:before {
  background-color: #00a0e9;
}

/* g-pagination */
.iebody .g-pagination {
  margin-top: 40px;
  gap: normal;
}

.iebody .g-pagination a {
  margin-right: 8px;
  font-size: 14px;
}

.iebody .g-pagination a:last-child {
  margin-right: 0;
}

.iebody .g-pagination a:hover {
  color: #00a0e9;
  border-color: #00a0e9;
}

.iebody .g-pagination a.active {
  background: #00a0e9;
  border-color: #00a0e9;
}

.iebody .g-pagination .page-prev,
.iebody .g-pagination .page-next {
  font-size: 12px;
}

/* g-inside-header-nav */
.iebody .g-inside-header-nav {
  margin-bottom: 60px;
}

.iebody .g-inside-header-nav h3 {
  font-size: 32px;
  color: #00a0e9;
}

.iebody .g-inside-header-nav p {
  font-size: 24px;
  color: #999;
}

.iebody .g-inside-header-nav a {
  color: #999;
  font-size: 20px;
}

.iebody .g-inside-header-nav a.prev:before {
  font-size: 14px;
}

.iebody .g-inside-header-nav a.next:after {
  font-size: 14px;
}

/* ===== Header ===== */
.iebody .g-header {
  background: #00a0e9;
}

.iebody .g-header .g-wrap {
  padding: 20px 0;
}

.iebody .g-header .main-menu {
  gap: normal;
  font-size: 20px;
}

.iebody .g-header .main-menu .menu-bar {
  gap: normal;
}

.iebody .g-header .main-menu .menu-bar li {
  margin-right: 30px;
}

.iebody .g-header .main-menu .menu-bar li:last-child {
  margin-right: 0;
}

/* IE 子菜单 */
.iebody .g-header .main-menu .menu-bar .has-submenu {
  position: relative;
}

.iebody .g-header .main-menu .menu-bar .submenu {
  min-width: 10rem;
  background: #00a0e9;
  border-radius: 0.4rem;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15);
  list-style: none;
  padding: 0.5rem 0;
  display: none;
}

.iebody .g-header .main-menu .menu-bar .has-submenu.open > .submenu {
  display: block;
}

.iebody .g-header .main-menu .menu-bar .submenu li {
  list-style: none;
  margin-right: 0;
}

.iebody .g-header .main-menu .menu-bar .submenu li a {
  display: block;
  padding: 0.5rem 1.5rem;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
  white-space: nowrap;
}

.iebody .g-header .main-menu .menu-bar .submenu li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  font-weight: 400;
}

.iebody .g-header.alpha {
  background: rgba(0, 160, 233, 0.8);
}

/* ===== Footer ===== */
.iebody .g-footer {
  padding-top: 80px;
  font-size: 14px;
}

.iebody .g-footer .logo {
  margin-bottom: 30px;
}

.iebody .g-footer .foot-list .item-title {
  margin-bottom: 18px;
  font-size: 18px;
  color: #00a0e9;
}

.iebody .g-footer .foot-item .tel {
  font-size: 28px;
  color: #00a0e9;
}

.iebody .g-footer .foot-item .tel-info::before {
  color: #959b9f;
}

.iebody .g-footer .qrcode-bar {
  gap: normal;
  margin-top: 30px;
}

.iebody .g-footer .qrcode-bar .item {
  margin-right: 18px;
}

.iebody .g-footer .qrcode-bar .item:last-child {
  margin-right: 0;
}

.iebody .g-footer .qrcode-bar span {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #ddd;
  color: #959b9f;
}

.iebody .g-footer .qrcode-bar span:hover {
  color: #00a0e9;
}

.iebody .g-footer .qrcode-bar span:before {
  font-size: 18px;
}

.iebody .g-footer .qrcode-bar .icon-wx:before {
  font-size: 20px;
}

.iebody .g-footer .qrcode-bar .icon-tb:before {
  font-size: 20px;
}

.iebody .g-footer .address-bar {
  padding-left: 20px;
}

.iebody .g-footer .address-bar:before {
  color: #959b9f;
  font-size: 14px;
}

.iebody .g-footer .copyright {
  margin-top: 60px;
  padding: 18px 0;
  font-size: 12px;
  border-top: 1px solid #ddd;
}

.iebody .g-footer .copyright span,
.iebody .g-footer .copyright a {
  color: #999;
}

/* ===== Index 首页 ===== */

/* Hero */
.iebody .index-main .hero .container p {
  font-size: 48px;
}

.iebody .index-main .hero .container span {
  font-size: 32px;
}

.iebody .index-main .g-section {
  margin-top: 80px;
}

.iebody .index-main .section-title {
  margin-bottom: 60px;
  font-size: 38px;
}

/* Product Card */
.iebody .index-main .product-card,
.iebody .index-main .product-list-card {
  gap: normal;
}

.iebody .index-main .product-card .card-info {
  margin-left: 20px;
}

.iebody .index-main .product-card,
.iebody .index-main .product-list-card .item-card {
  padding: 30px;
}

.iebody .index-main .product-card .product-name {
  margin: 50px 0 30px;
  font-size: 24px;
}

.iebody .index-main .product-card .product-btns {
  margin-top: 40px;
}

.iebody .index-main .product-list-card {
  margin-top: 20px;
}

.iebody .index-main .product-list-card .item-card {
  margin-right: 20px;
}

.iebody .index-main .product-list-card .item-card:last-child {
  margin-right: 0;
}

.iebody .index-main .product-list-card .product-name {
  font-size: 18px;
}

/* Tech Section */
.iebody .index-main .tech-section .g-wrap {
  gap: normal;
}

.iebody .index-main .tech-section .tech-left {
  margin-left: 20px;
}

.iebody .index-main .tech-section .tech-left {
  padding: 30px;
  background: #00a0e9;
}

.iebody .index-main .tech-section .tech-right {
  gap: normal;
  margin-left: 20px;
}

.iebody .index-main .tech-section .tech-right a {
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
  padding: 30px;
}

.iebody .index-main .tech-section .tech-right a:nth-child(even) {
  margin-right: 0;
}

.iebody .index-main .tech-section .tech-right i {
  font-size: 38px;
  color: #00a0e9;
}

.iebody .index-main .tech-section .tech-right h4 {
  font-size: 18px;
}

.iebody .index-main .tech-section .tech-right p {
  display: block;
  height: 36px;
  overflow: hidden;
  color: #999;
  font-size: 12px;
}

.iebody .index-main .tech-section .tech-left-title {
  font-size: 24px;
  margin-bottom: 30px;
}

.iebody .index-main .tech-section .tech-grid {
  gap: normal;
}

.iebody .index-main .tech-section .tech-grid a {
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
  line-height: 50px;
}

.iebody .index-main .tech-section .tech-grid a:nth-child(even) {
  margin-right: 0;
}

.iebody .index-main .tech-section .tech-grid a:hover {
  color: #00a0e9;
}

/* About Section */
.iebody .index-main .about-section .g-wrap {
  gap: normal;
}

.iebody .index-main .about-section .about-card {
  margin-left: 20px;
  padding: 30px;
}

.iebody .index-main .about-section .about-card p {
  margin-bottom: 30px;
}

.iebody .index-main .about-section .btn-bar {
  margin-top: 40px;
}

/* News Section */
.iebody .index-main .news-section .g-wrap {
  gap: normal;
}

.iebody .index-main .news-section .news-list {
  margin-left: 20px;
}

.iebody .index-main .news-section .title {
  margin-bottom: 30px;
  font-size: 18px;
}

.iebody .index-main .news-section .desc {
  font-size: 12px;
}

.iebody .index-main .news-section .classify {
  font-size: 12px;
  color: #999;
}

.iebody .index-main .news-section .news-date {
  font-size: 12px;
}

.iebody .index-main .news-section .news-date:after {
  right: 20px;
  width: 60px;
  height: 60px;
}

.iebody .index-main .news-section .data {
  font-size: 20px;
}

.iebody .index-main .news-section .news-list a {
  padding: 30px;
}

.iebody .index-main .news-section .news-list a:first-child {
  margin-bottom: 20px;
}

.iebody .index-main .news-section .news-list .news-date {
  padding: 0 20px;
}

.iebody .index-main .news-section .news-list .desc {
  display: block;
  height: 36px;
  overflow: hidden;
  color: #999;
}

.iebody .index-main .news-section .highlight-news-bar {
  background: #00a0e9;
  padding: 30px;
}

.iebody .index-main .news-section .highlight-news-bar .new-info {
  gap: normal;
}

.iebody .index-main .news-section .highlight-news-bar .news-title {
  margin-right: 20px;
}

.iebody .index-main .news-section .highlight-news-bar .foot {
  margin-top: 40px;
}

.iebody .index-main .news-section .highlight-news-bar .g-btn:hover {
  color: #00a0e9;
}

/* ===== 面包屑 ===== */
.iebody .g-breadcrumb {
  font-size: 14px;
  background: #00a0e9;
}

.iebody .g-breadcrumb .search-bar input {
  height: 30px;
}

.iebody .g-breadcrumb .search-bar button {
  height: 30px;
  line-height: 28px;
}

/* ===== 筛选栏 ===== */
.iebody .filter-sidebar-bar {
  margin-bottom: 20px;
  padding: 30px;
  padding-bottom: 20px;
}

.iebody .filter-block {
  margin-bottom: 20px;
}

.iebody .filter-block .filter-list {
  gap: normal;
}

.iebody .filter-block .filter-list a {
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #ddd;
}

.iebody .filter-block .filter-list a.active,
.iebody .filter-block .filter-list a:hover {
  color: #00a0e9;
  border-color: #00a0e9;
}

/* ===== 排序栏 ===== */
.iebody .product-toolbar {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.iebody .toolbar-sort {
  gap: normal;
}

.iebody .toolbar-sort .sort-item {
  margin-right: 40px;
  font-size: 14px;
}

.iebody .toolbar-sort .sort-item:last-child {
  margin-right: 0;
}

.iebody .toolbar-sort .sort-item.sort:before,
.iebody .toolbar-sort .sort-item.sort:after {
  font-size: 24px;
  line-height: 5px;
  color: #999;
}

.iebody .toolbar-sort .sort-item.sort.active[data-sort="asc"]:before {
  color: #00a0e9;
}

.iebody .toolbar-sort .sort-item.sort.active[data-sort="desc"]:after {
  color: #00a0e9;
}

.iebody .toolbar-sort .sort-item:hover,
.iebody .toolbar-sort .sort-item.active {
  color: #00a0e9;
}

/* ===== 产品卡片网格 ===== */
.iebody .product-grid {
  display: block;
  overflow: hidden;
  gap: normal;
}

.iebody .product-grid .product-item {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  padding: 30px;
}

.iebody .product-grid .product-item:nth-child(3n) {
  margin-right: 0;
}

.iebody .product-grid .g-tags {
  top: 20px;
  right: 20px;
  gap: normal;
}

.iebody .product-grid .g-tags span {
  margin-right: 5px;
}

.iebody .product-grid .g-tags span:last-child {
  margin-right: 0;
}

.iebody .product-grid .product-info .product-title {
  font-size: 18px;
}

.iebody .product-grid .product-info .product-desc {
  display: block;
  height: 36px;
  overflow: hidden;
  color: #999;
  font-size: 12px;
}

.iebody .product-grid .product-btns {
  padding-top: 20px;
}

.iebody .product-grid .product-btns .g-btn {
  font-size: 12px;
}

/* ===== 产品详情页 ===== */
.iebody .product-main .detail-main {
  gap: normal;
  padding: 30px;
}

.iebody .product-main .detail-main .base-info {
  margin-left: 20px;
}

.iebody .product-main .detail-main .head-info {
  margin-bottom: 30px;
}

.iebody .product-main .detail-main .product-name {
  font-size: 24px;
}

.iebody .product-main .detail-main .detail-attrs {
  margin-bottom: 30px;
}

.iebody .product-main .detail-main .detail-attrs a {
  color: #00a0e9;
}

.iebody .product-main .detail-main .detail-btns {
  margin-top: 30px;
}

.iebody .product-main .detail-main .detail-picture {
  border: 1px solid #ddd;
}

.iebody .product-main .detail-main .detail-picture .pagination .swiper-pagination-bullet-active {
  background: #00a0e9;
}

.iebody .product-main .related-small-grid .related-small-item {
  margin-top: 20px;
}

/* 详情左右 */
.iebody .g-main.detail-page .detail-grid-content {
  gap: normal;
  margin-top: 20px;
}

.iebody .g-main.detail-page .detail-grid-content .detail-side-bar {
  margin-left: 20px;
}

.iebody .g-main.detail-page .detail-grid-content .detail-content {
  padding: 30px;
  padding-bottom: 60px;
}

.iebody .g-main.detail-page .detail-grid-content .section-title {
  font-size: 20px;
}

.iebody .g-main.detail-page .detail-content .section-head {
  margin: 20px 0 50px;
}

.iebody .g-main.detail-page .detail-content .section-head .news-title {
  font-size: 24px;
}

.iebody .g-main.detail-page .detail-content .section-head .news-label {
  color: #999;
}

.iebody .g-main.detail-page .detail-content .attachment-bar {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.iebody .g-main.detail-page .detail-content .attachment-bar .title {
  margin-bottom: 24px;
  font-size: 16px;
  color: #00a0e9;
}

.iebody .g-main.detail-page .detail-content .attachment-bar .title:before {
  color: #00a0e9;
}

.iebody .g-main.detail-page .detail-content .attachment-bar a {
  border: 1px solid #00a0e9;
  color: #00a0e9;
}

.iebody .g-main.detail-page .detail-grid-content .detail-related-cards {
  padding: 30px;
}

.iebody .g-main.detail-page .detail-side-bar .news-small-list .item {
  padding-bottom: 20px;
  margin-top: 20px;
}

.iebody .g-main.detail-page .detail-side-bar .news-small-list .title {
  font-size: 18px;
}

.iebody .g-main.detail-page .detail-side-bar .news-small-list .desc {
  display: block;
  height: 36px;
  overflow: hidden;
  color: #999;
  font-size: 12px;
}

.iebody .g-main.detail-page .detail-side-bar .news-small-list .classify-bar {
  font-size: 12px;
  color: #999;
}

.iebody .g-main.detail-page .detail-side-bar .news-small-list .data {
  font-size: 20px;
}

/* ===== 方案页 ===== */
.iebody .scheme-main .g-section {
  margin-top: 50px;
}

.iebody .scheme-main .section-head .section-title {
  font-size: 32px;
  color: #00a0e9;
}

.iebody .scheme-main .section-head .section-subtitle {
  font-size: 24px;
  color: #999;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro {
  padding: 30px 50px;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro .title,
.iebody .scheme-main .head-bar .title {
  margin-bottom: 24px;
  font-size: 20px;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro li::marker {
  color: #00a0e9;
  font-size: 20px;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro li {
  margin-top: 24px;
}

.iebody .scheme-main .swiper-container .product-grid {
  gap: normal;
}

.iebody .scheme-main .swiper-container .product-grid .product-item {
  margin-right: 20px;
}

.iebody .scheme-main .swiper-container .product-grid .product-item:last-child {
  margin-right: 0;
}

.iebody .scheme-main .product-swiper .swiper-haft,
.iebody .about-main .honor-swiper .swiper-haft {
  color: #999;
  font-size: 24px;
}

.iebody .scheme-main .product-swiper .swiper-haft:hover,
.iebody .about-main .honor-swiper .swiper-haft:hover {
  color: #00a0e9;
}

/* ===== 新闻/技术列表 ===== */
.iebody .news-main .grid-flex-wrap {
  gap: normal;
}

.iebody .news-main .grid-flex-wrap .grid-content {
  margin-left: 20px;
}

.iebody .news-main .grid-flex-wrap .nav-bar {
  background: #00a0e9;
}

.iebody .news-main .grid-flex-wrap .nav-bar .title {
  padding: 24px;
  font-size: 24px;
}

.iebody .news-main .grid-flex-wrap .title .icon-verify {
  font-size: 24px;
}

.iebody .news-main .grid-flex-wrap .nav-bar .nav-list {
  padding: 20px 30px;
}

.iebody .news-main .grid-flex-wrap .nav-bar a {
  padding-left: 30px;
  line-height: 60px;
  font-size: 16px;
}

.iebody .news-main .grid-flex-wrap .nav-bar a.active {
  color: #00a0e9;
}

.iebody .news-main .grid-flex-wrap .nav-bar a.active:after {
  width: calc(100% + 30px);
}

.iebody .news-main .grid-flex-wrap .news-list .item {
  margin-top: 20px;
  padding: 20px 30px;
}

.iebody .news-main .grid-flex-wrap .news-list .title {
  font-size: 18px;
}

.iebody .news-main .grid-flex-wrap .news-list .desc {
  display: block;
  height: 36px;
  overflow: hidden;
  font-size: 12px;
}

.iebody .news-main .grid-flex-wrap .news-list .classify-bar {
  font-size: 12px;
  color: #999;
}

.iebody .news-main .grid-flex-wrap .news-list .data {
  font-size: 20px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar {
  background: #00a0e9;
  padding: 30px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .classify,
.iebody .news-main .grid-flex-wrap .highlight-news-bar .desc {
  font-size: 12px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .classify {
  margin-bottom: 30px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .title {
  font-size: 20px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .foot {
  margin-top: 40px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .g-btn:hover {
  color: #00a0e9;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .year {
  font-size: 12px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .data {
  font-size: 20px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .news-date:after {
  width: 60px;
  height: 60px;
}

.iebody .news-main .section-conteant-wrap {
  padding: 30px;
}

.iebody .news-main .section-conteant-wrap .head h3 {
  font-size: 24px;
  color: #00a0e9;
}

.iebody .news-main .section-conteant-wrap .head p {
  color: #999;
}

.iebody .news-main .section-conteant-wrap .section-conteant {
  padding: 50px 0;
}

.iebody .news-main .section-conteant-wrap .section-conteant .qr-images {
  margin-bottom: 40px;
}

.iebody .news-main .section-conteant-wrap .section-conteant p {
  color: #999;
}

.iebody .news-main .section-conteant-wrap .section-conteant .btn-bar {
  margin-top: 40px;
}

/* ===== 联系我们 ===== */
.iebody .contact-main .contact-grid {
  gap: normal;
}

.iebody .contact-main .contact-grid .contact-right {
  margin-left: 20px;
}

.iebody .contact-main .contact-grid .contact-card {
  gap: normal;
  margin-bottom: 20px;
  padding: 30px;
}

.iebody .contact-main .contact-grid .contact-card:last-child {
  margin-bottom: 0;
}

.iebody .contact-main .contact-grid .contact-card h3 {
  font-size: 24px;
  color: #00a0e9;
}

.iebody .contact-main .contact-grid .contact-card p {
  font-size: 16px;
}

.iebody .contact-main .contact-grid .contact-right {
  padding: 30px;
  background: #00a0e9;
}

.iebody .contact-main .contact-grid .contact-right .card-title {
  font-size: 20px;
}

.iebody .contact-main .contact-grid .social-grid {
  gap: normal;
}

.iebody .contact-main .contact-grid .social-grid .social-item {
  margin-right: 0;
}

/* ===== 关于我们 ===== */
.iebody .about-main .section-title {
  margin-bottom: 50px;
  padding-bottom: 20px;
  font-size: 24px;
}

.iebody .about-main .section-title:before {
  background-color: #00a0e9;
}

.iebody .about-main .about-section-content {
  padding: 30px;
}

.iebody .about-main .about-section-content strong {
  color: #00a0e9;
}

.iebody .about-main .about-section-content .grid-flex-bar {
  gap: normal;
  margin-bottom: 60px;
}

.iebody .about-main .about-section-content .grid-flex-bar .flex {
  margin-right: 30px;
}

.iebody .about-main .about-section-content .grid-flex-bar.p {
  margin-bottom: 30px;
}

.iebody .about-main .about-section-content .grid-flex-bar .picture-bar {
  padding-left: 30px;
}

.iebody .about-main .about-section-content .grid-flex-bar .picture-bar:first-child {
  padding-left: 0;
  padding-right: 30px;
}

.iebody .about-main .about-section-content .honor-swiper .list {
  gap: normal;
}

.iebody .about-main .about-section-content .honor-swiper .list .item {
  margin-right: 20px;
}

.iebody .about-main .about-section-content .honor-swiper .list .item:last-child {
  margin-right: 0;
}

/* ---- 3. 通用 gap 降级（非特定组件）---- */

/* g-tags */
.iebody .g-tags {
  gap: normal;
}

.iebody .g-tags span {
  margin-right: 5px;
}

.iebody .g-tags span:last-child {
  margin-right: 0;
}

/* 分页 */
.iebody .g-pagination {
  gap: normal;
}

.iebody .g-pagination a {
  margin-right: 8px;
}

.iebody .g-pagination a:last-child {
  margin-right: 0;
}

/* product-grid 中的 g-tags */
.iebody .product-grid .g-tags {
  gap: normal;
}

/* ---- 4. Grid 布局降级为 float ---- */

.iebody .product-grid {
  display: block;
  overflow: hidden;
}

.iebody .product-grid .product-item {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.iebody .product-grid .product-item:nth-child(3n) {
  margin-right: 0;
}

/* ---- 5. inset 替换 ---- */

.iebody .index-main .hero .container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ---- 6. 文本省略降级 ---- */

.iebody .index-main .tech-section .tech-right p {
  display: block;
  height: 36px;
  overflow: hidden;
}

.iebody .index-main .news-section .news-list .desc {
  display: block;
  height: 36px;
  overflow: hidden;
}

.iebody .product-grid .product-info .product-desc {
  display: block;
  height: 36px;
  overflow: hidden;
}

.iebody .g-main.detail-page .detail-side-bar .news-small-list .desc {
  display: block;
  height: 36px;
  overflow: hidden;
}

.iebody .news-main .grid-flex-wrap .news-list .desc {
  display: block;
  height: 36px;
  overflow: hidden;
}

/* ---- 7. object-fit 降级 ---- */

.iebody .index-main .about-section .about-picture img {
  object-fit: none;
}

.iebody .contact-main .contact-grid .social-grid img {
  width: 80%;
  height: auto;
}

.iebody video {
  object-fit: none;
}

/* ---- 8. iconfont IE 兼容 ---- */

.iebody *[class*="icon-"] {
  font-family: "iconfont" !important;
}

/* ---- 9. 伪元素修复 ---- */

.iebody .g-pagination a.page-prev:before,
.iebody .g-pagination a.page-next:before {
  display: inline-block;
}

.iebody .g-header .top-phone:before {
  display: inline-block;
}

/* ---- 10. 表单 IE 兼容 ---- */

.iebody input[type="text"],
.iebody input[type="password"],
.iebody input[type="number"],
.iebody textarea {
  padding: 4px;
}

.iebody input::placeholder {
  color: #aaa;
}

/* ---- 11. position: fixed IE 增强 ---- */

.iebody .g-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
}

.iebody .g-footer .contact-fixed {
  position: fixed;
  right: 3%;
  bottom: 40vh;
  z-index: 4;
}

/* ---- 12. transform -ms- 前缀 ---- */

.iebody .trans-scale:hover span {
  -ms-transform: scale(1.05);
}

.iebody .g-inside-header-nav a {
  -ms-transform: translateY(-50%);
}

/* ---- 13. border-radius IE 兼容 ---- */

.iebody .g-tags span {
  border-radius: 21px;
}

.iebody .g-breadcrumb .search-bar {
  border-radius: 14px;
}

/* ---- 14. IE flex -ms- 前缀 ---- */

.iebody .g-header .main-menu {
  display: -ms-flexbox;
  display: flex;
}

.iebody .g-header .g-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.iebody .g-footer .foot-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.iebody .index-main .news-section .highlight-news-bar .new-info {
  display: -ms-flexbox;
  display: flex;
}

.iebody .contact-main .contact-grid .contact-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.iebody .contact-main .contact-grid .contact-card .picture {
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
}

.iebody .filter-block {
  display: -ms-flexbox;
  display: flex;
}

.iebody .filter-block .filter-list {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.iebody .g-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.iebody .g-pagination a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.iebody .product-grid .product-item:hover .product-pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.iebody .index-main .news-section .highlight-news-bar:hover img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.iebody .g-main.detail-page .detail-grid-content {
  display: -ms-flexbox;
  display: flex;
}

.iebody .product-main .detail-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.iebody .about-main .about-section-content .grid-flex-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.iebody .about-main .about-section-content .honor-swiper .list {
  display: -ms-flexbox;
  display: flex;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .foot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.iebody .scheme-main .grid-flex-bar {
  display: -ms-flexbox;
  display: flex;
}

/* ---- 15. Swiper 分页 IE 修复 ---- */

.iebody .index-main .hero .pagination span,
.iebody .scheme-main .head-bar .pagination span,
.iebody .about-main .honor-swiper .pagination span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  margin-right: 5px;
  cursor: pointer;
}

.iebody .index-main .hero .pagination .swiper-pagination-bullet-active,
.iebody .scheme-main .head-bar .pagination .swiper-pagination-bullet-active,
.iebody .about-main .honor-swiper .pagination .swiper-pagination-bullet-active {
  background: #00a0e9;
}

/* ---- 16. 移动端 wap-style 中的 var() 也需覆盖 ---- */

/* 移动端菜单 */
.iebody .g-header.show_menu {
  background: #00a0e9;
}

.iebody .g-header .main-menu {
  gap: normal;
}

.iebody .g-header .main-menu .menu-bar {
  gap: normal;
}

.iebody .g-header .main-menu .menu-bar li a {
  font-size: 18px;
}

.iebody .g-header .main-menu .top-phone {
  font-size: 16px;
  margin-left: 30px;
}

/* IE 移动端子菜单 */
.iebody .g-header .main-menu .menu-bar .has-submenu .submenu {
  display: none;
  list-style: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.4rem;
  margin: 0.3rem 0;
  padding: 0.3rem 0;
}

.iebody .g-header .main-menu .menu-bar .has-submenu.open .submenu {
  display: block;
}

.iebody .g-header .main-menu .menu-bar .submenu li a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  padding: 0.4rem 1rem;
}

.iebody .g-header .main-menu .menu-bar .submenu li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}

/* 移动端 Hero */
.iebody .index-main .hero .container p {
  font-size: 28px;
}

.iebody .index-main .hero .container span {
  font-size: 16px;
}

/* 移动端 Section 标题 */
.iebody .index-main .section-title {
  margin-bottom: 20px;
  font-size: 28px;
}

/* 移动端 Product Card */
.iebody .index-main .product-card .product-name {
  margin: 24px 0 18px;
  font-size: 20px;
}

.iebody .index-main .product-card .product-btns {
  margin-top: 24px;
  gap: normal;
}

.iebody .index-main .product-card .product-btns .g-btn {
  margin-right: 12px;
}

.iebody .index-main .product-card .product-btns .g-btn:last-child {
  margin-right: 0;
}

.iebody .index-main .product-label {
  gap: normal;
}

.iebody .index-main .product-label .g-label-tags {
  margin-right: 12px;
}

.iebody .index-main .product-list-card {
  gap: normal;
}

.iebody .index-main .product-list-card .item-card {
  margin-right: 14px;
  padding: 20px;
  width: calc(50% - 7px);
}

.iebody .index-main .product-list-card .item-card:last-child {
  margin-right: 0;
}

.iebody .index-main .product-list-card .product-name {
  font-size: 16px;
}

/* 移动端 Tech */
.iebody .index-main .tech-section .tech-left {
  padding: 20px;
}

.iebody .index-main .tech-section .tech-left-title {
  font-size: 20px;
  margin-bottom: 20px;
}

.iebody .index-main .tech-section .tech-grid {
  gap: normal;
}

.iebody .index-main .tech-section .tech-grid a {
  margin-right: 12px;
  margin-bottom: 12px;
  line-height: 40px;
  font-size: 14px;
  width: calc(50% - 6px);
}

.iebody .index-main .tech-section .tech-grid a:nth-child(even) {
  margin-right: 0;
}

.iebody .index-main .tech-section .tech-right a {
  padding: 20px;
}

.iebody .index-main .tech-section .tech-right h4 {
  font-size: 18px;
}

.iebody .index-main .tech-section .tech-right i {
  font-size: 28px;
}

/* 移动端 About */
.iebody .index-main .about-section .about-card {
  padding: 20px;
}

.iebody .index-main .about-section .about-card p {
  font-size: 14px;
  margin-bottom: 18px;
}

.iebody .index-main .about-section .btn-bar {
  margin-top: 24px;
}

/* 移动端 News */
.iebody .index-main .news-section .news-list {
  gap: normal;
}

.iebody .index-main .news-section .news-list a {
  margin-bottom: 12px;
}

.iebody .index-main .news-section .news-list a:last-child {
  margin-bottom: 0;
}

.iebody .index-main .news-section .news-list .title {
  font-size: 16px;
  margin-bottom: 14px;
}

.iebody .index-main .news-section .news-list .desc {
  font-size: 12px;
}

.iebody .index-main .news-section .highlight-news-bar {
  margin-left: 20px;
  padding: 20px;
}

.iebody .index-main .news-section .highlight-news-bar .news-picture {
  margin-top: 14px;
}

.iebody .index-main .news-section .highlight-news-bar .title {
  font-size: 18px;
}

/* 移动端 Footer */
.iebody .g-footer {
  padding-top: 40px;
}

.iebody .g-footer .foot-list {
  gap: normal;
}

.iebody .g-footer .foot-list .foot-item {
  margin-bottom: 30px;
}

.iebody .g-footer .foot-list .foot-item:last-child {
  margin-bottom: 0;
}

.iebody .g-footer .foot-item .item-title {
  font-size: 16px;
  margin-bottom: 14px;
}

.iebody .g-footer .foot-item .tel {
  font-size: 24px;
}

.iebody .g-footer .logo~.item-title span::before {
  color: #959b9f;
  font-size: 14px;
}

.iebody .g-footer .copyright {
  margin-top: 30px;
  padding: 14px 0;
  font-size: 12px;
}

/* 移动端 面包屑 */
.iebody .g-breadcrumb {
  margin-bottom: 30px;
}

.iebody .g-breadcrumb .breadcrumb,
.iebody .g-breadcrumb .breadcrumb-links {
  font-size: 12px;
}

.iebody .g-breadcrumb .search-bar input {
  height: 28px;
}

.iebody .g-breadcrumb .search-bar button {
  height: 28px;
  line-height: 24px;
}

/* 移动端 分页 */
.iebody .g-pagination {
  margin-top: 30px;
  gap: normal;
}

.iebody .g-pagination a {
  margin-right: 5px;
  font-size: 12px;
}

.iebody .g-pagination a:last-child {
  margin-right: 0;
}

/* 移动端 筛选 */
.iebody .product-main .filter-sidebar-bar {
  padding: 20px;
  margin-bottom: 14px;
}

.iebody .product-main .filter-block {
  margin-bottom: 14px;
  gap: normal;
}

.iebody .product-main .filter-block .filter-title {
  font-size: 12px;
}

.iebody .product-main .filter-block .filter-list {
  gap: normal;
}

.iebody .product-main .filter-block .filter-list a {
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
}

.iebody .product-main .filter-block .filter-list a:last-child {
  margin-right: 0;
}

/* 移动端 排序 */
.iebody .product-main .product-toolbar {
  padding-top: 14px;
}

.iebody .product-main .toolbar-sort {
  gap: normal;
}

.iebody .product-main .toolbar-sort .sort-item {
  margin-right: 20px;
  font-size: 12px;
}

.iebody .product-main .toolbar-sort .sort-item:last-child {
  margin-right: 0;
}

.iebody .product-main .toolbar-sort .sort-item.sort:before,
.iebody .product-main .toolbar-sort .sort-item.sort:after {
  font-size: 20px;
}

/* 移动端 产品网格 */
.iebody .product-main .product-grid {
  gap: normal;
}

.iebody .product-main .product-grid .product-item {
  padding: 20px;
}

.iebody .product-main .product-grid .product-info .product-title {
  font-size: 16px;
}

.iebody .product-main .product-grid .product-info .product-desc {
  font-size: 12px;
}

.iebody .product-main .product-grid .product-btns .g-btn {
  font-size: 12px;
}

.iebody .product-main .g-label-tags a {
  margin-right: 12px;
}

/* 移动端 详情页 */
.iebody .detail-page .detail-main {
  gap: normal;
  padding: 20px;
}

.iebody .detail-page .detail-main .head-info {
  margin-bottom: 20px;
}

.iebody .detail-page .detail-main .product-name {
  font-size: 20px;
}

.iebody .detail-page .detail-main .g-tags {
  margin-top: 12px;
}

.iebody .detail-page .detail-main .detail-attrs a {
  font-size: 12px;
}

.iebody .detail-page .detail-main .detail-btns {
  margin-top: 40px;
}

.iebody .detail-page .detail-main .detail-btns .g-btn {
  font-size: 12px;
}

.iebody .detail-page .detail-grid-content {
  gap: normal;
  margin-top: 14px;
}

.iebody .detail-page .detail-grid-content .detail-content {
  padding: 20px;
  padding-bottom: 30px;
}

.iebody .detail-page .detail-grid-content .section-title {
  font-size: 18px;
}

.iebody .detail-page .detail-grid-content .detail-related-cards {
  padding: 20px;
}

.iebody .detail-page .detail-grid-content .section-head .news-title {
  font-size: 20px;
}

.iebody .detail-page .detail-grid-content .section-head .news-label {
  font-size: 12px;
}

.iebody .detail-page .related-small-grid .related-small-item {
  margin-top: 14px;
}

.iebody .detail-page .detail-side-bar .news-small-list .item {
  padding-bottom: 14px;
  margin-top: 14px;
}

.iebody .detail-page .detail-side-bar .news-small-list .title {
  font-size: 16px;
}

.iebody .detail-page .detail-side-bar .news-small-list .desc {
  font-size: 12px;
  height: 32px;
}

.iebody .detail-page .detail-side-bar .news-small-list .classify-bar {
  font-size: 12px;
}

.iebody .detail-page .detail-content .attachment-bar {
  margin-top: 30px;
}

.iebody .detail-page .detail-content .attachment-bar a {
  font-size: 12px;
}

/* 移动端 方案页 */
.iebody .scheme-main .g-section {
  margin-top: 30px;
}

.iebody .scheme-main .section-head .section-title {
  font-size: 24px;
}

.iebody .scheme-main .section-head .section-subtitle {
  font-size: 16px;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro {
  padding: 20px;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro .title,
.iebody .scheme-main .head-bar .title {
  font-size: 18px;
  margin-bottom: 18px;
}

.iebody .scheme-main .grid-flex-bar .scheme-intro li {
  margin-top: 14px;
  font-size: 14px;
}

.iebody .scheme-main .product-swiper .swiper-haft {
  font-size: 20px;
}

.iebody .scheme-main .swiper-container .product-grid .product-item {
  padding: 14px;
}

.iebody .scheme-main .swiper-container .product-grid .product-title {
  font-size: 14px;
}

.iebody .scheme-main .swiper-container .product-grid .product-desc {
  font-size: 12px;
}

.iebody .scheme-main .swiper-container .product-grid .g-btn {
  font-size: 12px;
}

/* 移动端 新闻列表 */
.iebody .news-main .grid-flex-wrap {
  gap: normal;
}

.iebody .news-main .grid-flex-wrap .nav-bar {
  gap: normal;
  padding: 14px 20px;
}

.iebody .news-main .grid-flex-wrap .nav-bar .title {
  font-size: 18px;
  margin-right: 14px;
}

.iebody .news-main .grid-flex-wrap .nav-bar .nav-list {
  gap: normal;
}

.iebody .news-main .grid-flex-wrap .nav-bar .nav-list a {
  margin-right: 14px;
  line-height: 40px;
  font-size: 14px;
}

.iebody .news-main .grid-flex-wrap .nav-bar .nav-list a:last-child {
  margin-right: 0;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar {
  padding: 20px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .classify {
  margin-bottom: 14px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .title {
  font-size: 18px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .desc {
  font-size: 12px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .news-picture {
  margin-top: 14px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .foot {
  margin-top: 20px;
  gap: normal;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .foot .g-btn {
  margin-right: 12px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .foot .g-btn:last-child {
  margin-right: 0;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .g-btn {
  font-size: 12px;
}

.iebody .news-main .grid-flex-wrap .highlight-news-bar .news-date:after {
  width: 60px;
  height: 60px;
}

.iebody .news-main .grid-flex-wrap .news-list .item {
  margin-top: 14px;
  padding: 14px 20px;
  padding-left: 15%;
}

.iebody .news-main .grid-flex-wrap .news-list .title {
  font-size: 16px;
}

.iebody .news-main .grid-flex-wrap .news-list .desc {
  font-size: 12px;
}

.iebody .news-main .grid-flex-wrap .news-list .classify-bar {
  font-size: 12px;
}

.iebody .news-main .section-conteant-wrap {
  padding: 20px;
}

.iebody .news-main .section-conteant-wrap .head h3 {
  font-size: 20px;
}

.iebody .news-main .section-conteant-wrap .head p {
  font-size: 12px;
}

.iebody .news-main .section-conteant-wrap .section-conteant {
  padding: 30px 0;
}

/* 移动端 关于我们 */
.iebody .about-main .g-breadcrumb {
  margin-bottom: 30px;
}

.iebody .about-main .g-inside-header-nav {
  padding: 30px 20px;
  margin-bottom: 30px;
}

.iebody .about-main .g-inside-header-nav h3 {
  font-size: 24px;
}

.iebody .about-main .g-inside-header-nav p {
  font-size: 14px;
  color: #999;
}

.iebody .about-main .about-section-content .about-section {
  margin-bottom: 30px;
}

.iebody .about-main .about-section-content .section-title {
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 14px;
}

.iebody .about-main .about-section-content .section-title::after {
  background: #00a0e9;
}

.iebody .about-main .about-section-content .section-content {
  font-size: 14px;
}

.iebody .about-main .grid-flex-bar {
  gap: normal;
  margin-bottom: 20px;
}

.iebody .about-main .grid-flex-bar .flex {
  font-size: 14px;
  margin-right: 0;
}

.iebody .about-main .honor-swiper .section-title .pagination .swiper-pagination-bullet-active {
  background: #00a0e9;
}

.iebody .about-main .honor-swiper .swiper-haft {
  color: #999;
  font-size: 20px;
}

/* 移动端 index section 间距 */
.iebody .index-main .g-section {
  margin-top: 40px;
}