@charset "utf-8";
/* CSS Document */
p{ margin-bottom:0;}
figure.image-box { margin-bottom:0;}
.inner-box h3 { font-size:16px; padding:1em 2em; text-align:center;  }

 /* 光晕扫过效果 */
.inner-box .image-box {
    position: relative;
    overflow: hidden;
}
 
.header-upper.style-two .main-menu .navigation>li>a { padding:40px 20px;}
.inner-box .image-box:hover::after {
    left: 120%;
}
.default-portfolio-item a.btn {
    margin: 3em auto;
    display: table;
}
/* 卡片 */
.inner-box,.card,.news-block-one,.news-block-two,.post-comments,.sidebar-category{
    background:#fff;
    border-radius:24px;
	margin-bottom:30px;
    text-align:center;

    box-shadow:0 4px 15px rgba(0, 173, 239, 0.15);

    transition:all .35s ease;

    overflow:hidden;
}

/* 图片 */
.inner-box img,.card img,.news-block-one img{
    width:100%;
 

   transition: all 1s;
}

/* 标题 */
.inner-box h3,.card h3,.news-block-one h3{
 transition:all .35s ease;
}

/* hover 效果 */
.inner-box:hover,.card:hover,.news-block-one:hover,.manual-item:hover{
 
border-color:#9ed8ff;
box-shadow:0 8px 30px rgba(0, 173, 239, 0.4);}

/* hover 图片 */
.inner-box:hover img,.card:hover img,.news-block-one:hover img{

    transform:scale(1.04);

}

 


 /* 顶部导航栏整体风格 */
        .navbar-custom {
            background-color: #ffffff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            border-radius: 0px;
        }

        /* PC端：让下拉菜单相对定位，子菜单用绝对定位实现全宽效果 */
        .navbar-nav .dropdown {
            position: static;
        }

        /* PC端：超大下拉菜单 (megamenu) 样式 */
        .megamenu {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            right: 0;
            width: 100%;
            background: #ffffff;
            border-top: 3px solid #0d6efd;
            border-radius: 0 0 20px 20px;
            box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.25);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 1050;
            padding: 2rem 0;
        }

        /* PC端：hover 时显示下拉菜单 */
        @media (min-width: 992px) {
            .dropdown:hover .megamenu {
                opacity: 1;
                visibility: visible;
                top: 100%;
            }
            .dropdown .megamenu {
                pointer-events: none;
            }
            .dropdown:hover .megamenu {
                pointer-events: auto;
            }
        }

        /* 移动端：megamenu 默认隐藏，通过点击展开 */
        .megamenu.mobile-show {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            position: relative;
            top: 0;
            box-shadow: none;
            padding: 0.5rem 0 1rem 0;
            border-top: none;
            background: #f8fafc;
        }

        /* 二级栏目标题卡片样式 - 每个二级栏目独立一列 */
        .secondary-column {
            background: #fff;
            border-radius: 16px;
            padding: 16px;
            height: 100%;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            border: 1px solid #eef2f6;
        }
        
        .secondary-title {
            font-weight: 700;
            font-size: 1rem;
            color: #0a2b44;
            border-left: 4px solid #0d6efd;
            padding-left: 12px;
            margin-bottom: 18px;
            margin-top: 0;
        }
        .secondary-title i {
            color: #0d6efd;
            margin-right: 8px;
        }

        /* 三级栏目卡片样式 - 纵向排列 */
        .tertiary-card {
            background: #fefefe;
            border-radius: 14px;
            transition: all 0.25s;
            border: 1px solid #eef2f6;
            margin-bottom: 16px;
            width: 100%;
        }
        .tertiary-card:last-child {
            margin-bottom: 0;
        }

        /* 三级栏目头部标签 - 可点击展开/收起产品列表（移动端） */
        .tertiary-head {
            font-weight: 600;
            font-size: 0.9rem;
            color: #1e466e;
            background: #eef4ff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 14px;
            border-radius: 12px;
            margin-bottom: 0;
            cursor: pointer;
            transition: all 0.2s;
        }
        .tertiary-head span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .tertiary-head span i {
            font-size: 0.9rem;
            color: #0d6efd;
        }
        .toggle-icon {
            font-size: 0.8rem;
            color: #6c8fb0;
            transition: transform 0.2s;
        }
        .tertiary-head.collapsed .toggle-icon {
            transform: rotate(-90deg);
        }

        /* 产品列表容器 - 默认在移动端隐藏，展开时显示 */
        .products-container {
            padding: 12px 12px 8px 12px;
            display: block;
        }
        .products-container.hide-products {
            display: none;
        }

   @media (min-width: 992px) {

    .tertiary-head {
        cursor: pointer;
        margin-bottom: 12px;
    }

    .toggle-icon {
        display: none;
    }

    .products-container {
        display: none;
    }

    .products-container.active {
        display: block;
    }
}

        /* 产品列表样式 - 网格布局 */
        .product-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 12px;
       
            grid-template-columns: repeat(2, 1fr);
            gap: 6px 10px;
        }
        
        @media (max-width: 576px) {
            .product-list {
                grid-template-columns: 1fr;
            }
        }
        
        .product-list li a {
            text-decoration: none;
            color: #2c3f5c;
            font-weight: 500;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 6px 8px;
            border-radius: 10px;
            transition: all 0.2s;
            background: #fafcff;
        }
        .product-list li a i {
            width: 22px;
            color: #5486b6;
            font-size: 0.8rem;
        }
        .product-list li a:hover {
            background: #eef4ff;
            color: #0d6efd;
        }

        /* 额外产品默认隐藏 */
        .product-list .extra-product {
            display: none;
        }

        /* 当列表拥有 show-all 类时，显示所有额外产品 */
        .product-list.show-all .extra-product {
            display: block;
        }
        
        .product-list.show-all {
            display: grid;
        }

        /* 查看更多按钮 */
        .btn-view-more {
            background: transparent;
            border: 1px solid #cfdfed;
            border-radius: 30px;
            padding: 4px 14px;
            font-size: 0.75rem;
            font-weight: 500;
            color: #1f6392;
            transition: all 0.2s;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .btn-view-more:hover {
            background-color: #e9f0fa;
            border-color: #0d6efd;
        }

        /* 响应式 */
        @media (max-width: 991px) {

    .megamenu {
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
        box-shadow: none;
        padding: 0;
        border-top: none;
    }

    .secondary-column {
        margin-bottom: 16px;
        box-shadow: none;
        border: none;
        background: transparent;
        padding: 0;
    }

    /* 默认隐藏三级栏目 */
    .secondary-column .tertiary-card {
        display: none;
    }

    /* 展开二级栏目后显示三级栏目 */
    .secondary-column.active .tertiary-card {
        display: block;
    }

    /* 产品列表始终隐藏 */
    .products-container {
        display: none !important;
    }

    /* 二级栏目标题 */
    .secondary-title {
        background: #fff;
        padding: 14px 16px;
        border-radius: 12px;

        font-size: 15px;
        font-weight: 700;

        margin-bottom: 10px;

        border: 1px solid #e9edf2;

        cursor: pointer;
    }

    /* 三级栏目样式 */
    .tertiary-head {
        margin-bottom: 10px;
        cursor: pointer;
    }

}

	.main-menu .navigation>li>.megamenu li>a { font-size:14px; padding-left:15px;}	

.header-top .custom-select{
    background-color: transparent;
    color: #333;
    border: 1px solid #333;
    border-radius: 3px;
    padding: 0 10px;
}

.header-top .custom-select option{
    color:#000;
}
@media only screen and (max-width: 767px) {
    .header-top .top-left, .header-top .top-right {
        width: 50%;
        text-align: center;
    }
	
}

.certificate-wrapper{
    position:relative;
    width:100%;
    height:520px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    perspective:1400px;
}

/* base */
.certificate-card{
    position:absolute;
    transition:all 0.6s ease;
    transform-style:preserve-3d;
    cursor:pointer;
}

/* image */
.certificate-card img{
	 transform: scale(0.7);
  transform-origin: center;
    width:300px;
    border-radius:18px;
    background:#fff;
    padding:10px;

    box-shadow:
        0 15px 35px rgba(0,0,0,0.18),
        0 30px 70px rgba(0,0,0,0.12);

    transition:all 0.6s ease;
}

/* center active */
.certificate-card.active{
    z-index:10;
    transform:
        translateX(0)
        scale(1)
        rotateY(0deg);

    opacity:1;
    filter:brightness(100%);
}

.certificate-card.active img{
    width:460px;
}

/* left */
.certificate-card.left{
    z-index:5;

    transform:
        translateX(-240px)
        scale(0.82)
        rotateY(25deg);

    opacity:0.65;
    filter:brightness(55%);
}

/* right */
.certificate-card.right{
    z-index:5;

    transform:
        translateX(240px)
        scale(0.82)
        rotateY(-25deg);

    opacity:0.65;
    filter:brightness(55%);
}

/* far left hidden */
.certificate-card.hide-left{
    transform:
        translateX(-420px)
        scale(0.65);

    opacity:0;
    z-index:1;
}

/* far right hidden */
.certificate-card.hide-right{
    transform:
        translateX(420px)
        scale(0.65);

    opacity:0;
    z-index:1;
}

/* arrows */
.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    background:#111;
    color:#949494;
    font-size:24px;
    z-index:20;
    cursor:pointer;
	border: 1px solid #f0f0f0;
}

.slider-btn.prev{
    left:20px;
}

.slider-btn.next{
    right:20px;
}

.slider-btn:hover{
    opacity:0.85;
	color: #fff;
    border-color: #00adef;
    background: #00adef;
}
section.certificate-section { padding:4em 0;background:#f8f9fa;}
/* mobile */
@media(max-width:768px){

    .certificate-wrapper{
        height:320px;
    }

    .certificate-card img{
        width:130px;
    }

    .certificate-card.active img{
        width:230px;
    }

    .certificate-card.left{
        transform:
            translateX(-110px)
            scale(0.78);
    }

    .certificate-card.right{
        transform:
            translateX(110px)
            scale(0.78);
    }
}
section.purchase-section.ptb-30 h2{ margin:0 auto; color:white;}
ul.list li h3 { font-size:16px; font-weight:normal;}
 
 .footer .links-widget .list li a{font-weight:normal;}
 
.footer .links-widget .list li h3 a {
    position: relative;
    display: inline-block;
    padding: 2px 0 7px 20px;
    color: #fff;
 
    text-transform: capitalize;
}
.text a { color:#fff;}
.header-upper.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.contact-info p { margin-bottom:0;}
.contact-info p a {    font-size: 16px;
    color: #727b9a;
	font-weight:normal;}
	.contact-info p a:hover { color:#00adef;}
	.contact-info { min-height:194.8px;}
	
	
	.product-gallery {
    max-width: 900px;
    margin: auto;
}


/* =========================
   产品Banner
========================= */

/* 外层必须有高度 */
.product-banner{
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* 关键：让img变成“背景效果” */
.product-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

 


/* =========================
   面包屑
========================= */

.breadcrumb-area{
    background: #f7f7f7;
    padding: 18px 0;
 
}

.breadcrumb{
    margin: 0;
    padding: 0;
    background: transparent;
}

.breadcrumb-item{
    font-size: 14px;
}

.breadcrumb-item a{
    color: #666;
    text-decoration: none;
}

.breadcrumb-item a:hover{
    color: #007bff;
}

 

/* Bootstrap默认分隔符优化 */

.breadcrumb-item + .breadcrumb-item::before{
    color: #999;
}


/* =========================
   响应式
========================= */

 




/* 大图 */
.main-image {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #f5f5f5;
}

.main-image img {
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

/* 缩略图区域 */
.thumb-wrapper {
    position: relative;
}

/* 缩略图 */
.thumb-item {
    padding: 5px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.3s;
}

.thumb-item img {
    width: 100%;

    border-radius: 6px;
    border: 1px solid #ececec;
}

/* 当前选中 */
.thumb-item.active {
    opacity: 1;
}
.thumb-item img{}
.thumb-item.active img {
    border-color:#00adef;
}

/* hover效果 */
.thumb-item:hover {
    opacity: 1;
}

/* Owl左右按钮 */
.thumb-carousel .owl-nav {
    opacity: 0;
    transition: 0.3s;
}

/* 鼠标悬浮显示按钮 */
.thumb-wrapper:hover .owl-nav {
    opacity: 1;
}

/* 左右按钮样式 */
.thumb-carousel .owl-nav button.owl-prev,
.thumb-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    background: rgba(0,0,0,0.6) !important;
    color: #fff !important;
    font-size: 20px !important;
}

/* 左按钮 */
.thumb-carousel .owl-nav button.owl-prev {
    left: -18px;
}

/* 右按钮 */
.thumb-carousel .owl-nav button.owl-next {
    right: -18px;
}

section.view-product { margin-top:4em;}

.view-product h1 { font-size:20px; padding:10px 0; margin-bottom:2em;}
.view-product p { margin-bottom:10px;}
.product-zixun { margin-top:2.5em;}
.product-zixun a.btn { margin:0 10px; font-size:14px;}
 section.view-product {
    margin-bottom: 5em;
}

/* 顶部锚点导航 */

/* 吸顶 */

.anchor-nav{
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.anchor-nav.fixed{

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    z-index: 9999;
	font-size:16px;
    background: #fff;

    box-shadow: 0 2px 15px rgba(0,0,0,.08);
}
.anchor-nav.fixed .nav-link{ font-size:16px;}
/* 导航 */

.anchor-nav .nav{
    justify-content: center;
}

.anchor-nav .nav-link{
    padding: 18px 25px;
    color: #333;
    font-weight: 600;
    transition: .3s;
	font-size:22px;
}

/* 高亮 */

.anchor-nav .nav-link.active{
    color: #00adef;
    border-bottom: 2px solid #00adef;
}

/* 内容区域 */

.content-section{
 
    padding: 30px 0;
    scroll-margin-top: 100px;
}
html{
    scroll-behavior: smooth;
}
.content-section{
    scroll-margin-top: 100px;
}
section#section1 h2,section#section2 h2,section#section3 h2,section#section4 h2{ font-size:20px; font-weight:bolder; margin-bottom:2em;}
 section.anchor-content {
    padding-top: 3em;
}
 
/* =========================
   1. 顶部分类导航
========================= */

.main-category {
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
}

.main-category .nav-item {
  position: relative; /* ⭐关键：让下拉基于当前li定位 */
  list-style: none;
  font-weight:600;
 
}

/* 一级菜单文字 */
.main-category .nav-link {
  color: #333;
  display: block;
  transition: all 0.2s ease;
  margin-right:10px;
}

/* hover / active 高亮 */
.main-category .nav-item:hover .nav-link,
.main-category .nav-item.active .nav-link {
  color: #fff;
  background:#00adef;
  border-radius:20em;
}

/* =========================
   2. 下拉菜单（二级分类）
========================= */

.main-category .dropdown-menu {
  position: absolute;
  top: 100%;              /* 紧贴一级菜单 */
  left: 0;
  min-width: 180px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding: 8px 0;
  display: none;
  z-index: 9999;
  animation: fadeIn 0.15s ease;
}

/* hover 显示下拉 */
.main-category .nav-item:hover .dropdown-menu {
  display: block;
}

/* 二级菜单项 */
.dropdown-menu .dropdown-item {
  display: block;
  padding: 8px 15px;
  color: #333;
  font-size: 14px;
  transition: all 0.2s ease;
}

.dropdown-menu .dropdown-item:hover {
  background: #f5f7fa;
  color:#00adef;
}

/* =========================
   3. 产品列表
========================= */

section.list-products .product-list {
  margin-top: 4em;
}

.product-item {
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

/* 卡片效果 */
.product-item .card {
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* hover 提升感 */
.product-item .card:hover {
  transform: translateY(-4px);
 
}

/* 图片 */
.product-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* 标题 */
.product-item h6 {
  font-size: 14px;
  margin: 0;
  color: #333;
}

/* =========================
   4. 动画
========================= */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   5. 响应式（移动端）
========================= */

@media (max-width: 768px) {

  .main-category {
    flex-wrap: wrap;
  }

  /* 移动端取消 hover（避免问题） */
  .main-category .dropdown-menu {
    position: static;
    display: none;
    box-shadow: none;
    border: none;
  }

  .main-category .nav-item:hover .dropdown-menu {
    display: none;
  }

  .main-category .nav-item.active .dropdown-menu {
    display: block;
  }
  
}
.dropdown-menu { margin-top:0;}
.main-category {
  display: flex;
  width: fit-content;
  margin: 3em auto;
}
.product-list .card-body h3 { font-size:16px; text-align:center; font-weight:600;}
.product-list a:hover .card-body h3 {color:#00adef;}



.news-block-one .news-bottom h3 {
    margin-top: -8px;
    font-weight: 600;
    font-size: 20px;
}
.news-inner a:hover { color:#00adef;}
.news-inner h1 { font-size:24px; margin-bottom:20px; border-bottom:1px solid #eaedff; padding-bottom:20px;}
.post-comments p a { color:#848484;}
.post-comments p a:hover { color:#00adef;}
ul.list li h3{ margin-bottom:0;}
.news-block-one .news-bottom h3 { margin-top:0; padding:20px 0;}
.news-block-one .news-inner{ padding-bottom:0;}
.blog-sidebar h2{ font-size:24px;}
.news-block-two { padding:30px 20px;}
.post-comments { text-align:left;}
.news-block-one .news-inner h3 { font-size:16px; font-weight:normal;}


.history-section{
    background:#f8f9fa;
    overflow-x:auto;
    padding-bottom:80px;
}

/* 主轴 */
.history-timeline{
    position:relative;
    display:flex;
    justify-content:space-between;
    min-width:1200px;
    padding:120px 0;
}

 
 

/* item */
.history-item{
    position:relative;
    width:220px;
    text-align:center;
    z-index:2;
}

/* 圆点 */
.dot{
    position:relative;
    width:24px;
    height:24px;
    margin:0 auto;
    border-radius:50%;
    background:#fff;
    border:5px solid #00adef;
    z-index:3;
}

/* 呼吸闪烁 */
.dot:before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:24px;
    height:24px;
    border-radius:50%;
    background:rgba(13,110,253,.4);
    transform:translate(-50%,-50%);
    animation:pulse 2s infinite;
}

@keyframes pulse{

    0%{
        transform:translate(-50%,-50%) scale(1);
        opacity:.8;
    }

    70%{
        transform:translate(-50%,-50%) scale(2.2);
        opacity:0;
    }

    100%{
        opacity:0;
    }

}

/* 年份 */
.year{
  
    font-size:20px;
    font-weight:700;
    color:#00adef;
}

/* 内容卡片 */
/* 内容卡片 */
.history-content{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:240px;
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transition:all .35s ease;
}
/* 默认显示第一个 */
.history-item:first-child .history-content{

    opacity:1;
    visibility:visible;

    transform:translateX(-50%) translateY(-8px);
}

/* 默认第一个圆点高亮 */
.history-item:first-child .dot{

    background:#0d6efd;
    box-shadow:0 0 20px rgba(13,110,253,.6);
}

/* 上方内容 */
.history-item.top .history-content{
    bottom:80px;
}

/* 下方内容 */
.history-item.bottom .history-content{
    top:80px;
}

/* 小连接线 */
.history-content:after{
    content:'';
    position:absolute;
    left:50%;
    width:2px;
    background:#00adef;
    transform:translateX(-50%);
}

.history-item.top .history-content:after{
    height:50px;
    bottom:-50px;
}

.history-item.bottom .history-content:after{
    height:50px;
    top:-50px;
}

/* hover显示 */
.history-item:hover .history-content{

    opacity:1;
    visibility:visible;

    transform:translateX(-50%) translateY(-8px);
}

/* hover圆点 */
.history-item:hover .dot{
    background:#00adef;
    box-shadow:0 0 20px rgba(13,110,253,.6);
}

/* 标题 */
.history-content h4{
    font-size:20px;
    margin-bottom:10px;
    font-weight:700;
}

/* 内容 */
.history-content p{
    margin:0;
    color:#666;
    line-height:1.7;
}

/* 手机端 */
@media(max-width:991px){

    .history-section{
        overflow-x:auto;
    }

    .history-timeline{
        min-width:1000px;
    }

}

.scroll-top-btn {
  position: fixed;
  right: 20px;
  bottom: 30px;

  width: 50px;
  height: 50px;

  border-radius: 50%;   /* 关键：圆形 */
  border: none;

  background: #00adef;
  color: #fff;

  font-size: 22px;

  display: none;

  display: flex;        /* 关键：居中 */
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 9999;

  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  transition: all 0.25s ease;
  line-height: 1;       /* 防止字体撑变形 */
}

.scroll-top-btn:hover {
  transform: translateY(-3px);
  background: #00adef;
  color: #fff;
}
button#scrollTopBtn.btn { padding:0;}
section.history-section { padding:5em 0;}


 #map {
      width: 100%;
      height: 80vh;
    }
section.map { margin:0 auto; text-align:center;  padding:4em 0;}
section.map h2 { font-size:36px;}	
.services-block-two h3 a { font-size:20px;}
.services-block-two .inner-box { padding-left:30px;}
.title {
 display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  gap: 8px;
}
i.fa.fa-windows,i.fa.fa-server,i.fa.fa-book,i.fa.fa-video-camera,i.fa.fa-wrench {
    font-size: 50px;
    color: #00adef;
    margin-right: 10px;}
.purchase-section:before { background:rgba(0, 173, 239, .58)}
section.software { margin-top:4em; margin-bottom:4em;}
section.software ul { border-bottom:none;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:hover,.nav-tabs .nav-link {border:none;}
.nav-tabs .nav-link.active { background:#00adef;
  color: #fff;border-radius:20px;}
.nav-tabs .nav-link { color:#333; font-size:18px; font-weight:600; margin-right:15px;}
div#myTabContent { margin-top:3em;}
div#myTabContent h3,div#myTabContent p{ font-size:16px;}
div#myTabContent h3 { margin-bottom:20px;}
.software1,.software2 { margin-bottom:3em; padding:30px 15px;}
.software2{ background:#f7f7f7;}
.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}
.manual-list { margin-top:4em;}
.manual-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 20px;
	box-shadow: 0 4px 15px rgba(0, 173, 239, 0.15);
	margin-bottom:2em;
   transition: all 0.3s ease;
}

.manual-title h3{
    font-size:16px;
    font-weight:normal;
}

.manual-action{
    display:flex;
    gap:10px;
}
.nav-tabs { border-bottom:none;}
section.list-video,section.view-videos { margin-top:4em;}
section.view-videos h1 { font-size:20px; margin-bottom:2em;}
.header-top .links-nav li a { font-size:16px;}
.tertiary-head a{color: #1e466e;}


section.list-products .nav-link.active{
   color: #fff;
    background: #00adef;
    font-weight: 600;
	border-radius: 20em;
}

 .dropdown-item.active{
color: #fff;
    background: #00adef;
	border-radius: 20em;
}
.stat-item .text::after{ content:none;}
.news-text {
    text-align: left;
	padding-top:3em;
}
section.industry .news-block-two{box-shadow:none;}
.news-text table { width:80%;}
.news-text td { border:1px solid #727b9a; text-align:center;}
.tuijian h3 { font-size:16px; color:#727b9a; font-weight:normal;}
.main-menu .navigation>li>ul { width:auto;}
.article.bg-white {
    padding: 3em 0;
}


.history-timeline{
    position:relative;
    display:flex;
    flex-wrap:nowrap;
    gap:60px;

    overflow-x:auto;
    overflow-y:hidden;

    padding:50px 20px;

    cursor:grab;

    scrollbar-width:none;
}

.history-timeline::-webkit-scrollbar{
    display:none;
}

/* ❗新横线（唯一） */
.history-line{
    position:absolute;
    top:60px;
    left:0;

    height:2px;
    width:2600px; /* 或 100%也行，但建议先2000确认 */

    background:#ddd;

    z-index:1;

    pointer-events:none;
}

/* 节点 */
.history-item{
    flex:0 0 160px;
    min-width:160px;

    text-align:center;

    position:relative;
    z-index:2;
}

section.world {
    padding: 4em 0;
	text-align:center;
}

section.world h2{ font-size:20px; margin-bottom:2em;}
.world-service { margin-top:4em;}
 
.d-flex.align-items-center,.cloudplatform{ margin-bottom:2em;}
.software2 { padding:3em 0;}
section.list-videos.container {
    padding: 4em 0;
}

.video-nav{
    display:flex;
    justify-content:center;
    gap:30px;
    list-style:none;
    padding:0;
    margin-bottom:30px;
}

.video-nav li a{
    font-size:18px;
    color:#666;
    text-decoration:none;
    padding:8px 15px;
    border-bottom:2px solid transparent;
    transition:.3s;
}

.video-nav li.active a{
    color:#00adef;
    border-bottom:2px solid #00adef;
    font-weight:600;
}

section.list-videos.container .card h3 { font-size:16px;}
section.list-videos.container .card h3 a:hover{ color:#00adef;}
section.view-videos.container iframe { width: 80%;
    height: 500px;
    border-radius: inherit;}
section.view-videos { padding-bottom:4em;}
.accordion-box .accordion .accord-content { padding-bottom:12px;}
.accordion-box .accordion .accord-btn h5 { font-size:16px;}
.section-title h2 { text-align:center;}
section.our-services .btn { margin-top:20px;}
.main-header .header-upper.style-two .outer-box {
    margin-top: 32px;
}

.certificate{
 
    flex-wrap:wrap;
    gap:20px;
}

.certificate img{

    transition: transform 0.4s ease; /* 缓慢放大 */
    transform-origin:center center;
    cursor:pointer;
}

.certificate img:hover{
    transform: scale(1.08); /* 放大8% */
}



.hover-click {
  position: relative;
}

/* 默认隐藏 */
.hover-click > .megamenu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 0.25s ease;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 9999;
}

/* hover + menu 自身 hover 双保险 */
.hover-click:hover > .megamenu,
.hover-click > .megamenu:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
@media(max-width:991px){
section.list-products li.nav-item {
    width: 50%;
    margin-bottom: 15px;
    text-align: center;
}
}

.contact-page-from .default-form-area { width:100%;}
.layout.bg-gray {
    padding: 3em 0;
}
.padding-big-top.padding-big-bottom.height {
    margin-bottom: 2em;
    font-size: 18px;
	font-weight:600;
}
span.text-yellow {
    margin-right: 10px;
	color:#00adef;
}


.bgoperation {
            position: relative;
            width: 100%;
            max-width: 375px;
            margin: 0 auto;
            overflow: hidden;
           height: 100vh;
           padding-top: 3em;
        }
        
          .bgoperation img {
            width: 100%;
            display: block;
          
        }
        
           .bgoperation .leavemessage  {
               width: 100%;
            position: absolute;
            top:55%;
      
       
            margin: 0 auto;
        color: white;
         
             
        }
          .bgoperation .leavemessage a {   color: white;}
         .bgoperation .leavemessage div{ float:none; margin:15px auto;}
		 
		 a.chatonline {
    padding: 15px;
    background:#00adef;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}