/* ==================== 全局基础配置 ==================== */
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "../font/iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
    :root {
      --color-bg-dark: #68717b;
      --color-primary: #2c3a8a;
      --color-gray: #f5f5f5;
      --color-white: #ffffff;
      --color-text: #333333;
      --transition: all 0.3s ease;
      --container-width: 94%;
    }
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Microsoft YaHei', sans-serif;
    }
    body {
      color: var(--color-text);
      overflow-x: hidden;
    }
    .container {
      width: var(--container-width);
      margin: 0 auto;
    }
    /* 滚动动画基础类 */
    .scroll-animate {
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.8s ease;
    }
    .scroll-animate.active {
      opacity: 1;
      transform: translateY(0);
    }
    .scroll-left {
      transform: translateX(-50px);
    }
    .scroll-right {
      transform: translateX(50px);
    }
    a {
      text-decoration: none;
      color: inherit;
      transition: var(--transition);
    }
    ul {
      list-style: none;
    }
    img {
      max-width: 100%;
      display: inline-block;
    }
    .section-title {
      text-align: center;
      margin-bottom: 40px;
    }
    .section-title h2 {
      font-size: 32px;
      margin-bottom: 10px;
      color: var(--color-primary);
    }
    .section-title p {
      color: #666;
      max-width: 700px;
      margin: 0 auto;
    }

    /* ==================== 1. 顶部信息栏 ==================== */
    .top-bar {
      background-color: var(--color-bg-dark);
      color: #f0f0f0;
      padding: 10px 0; 
      font-size: 12px;
    }
    .top-bar .container {
      display: grid;  grid-template-columns: repeat(2, 1fr);
      gap: 30px;
    }
.top-bar .container .top_rt{text-align: right; display: flex;justify-content: flex-end;}
.top-bar .container .top_rt div{margin-left: 15px;}
    .top-bar i {
      margin-right: 8px;
      color: var(--color-white);
    }

    /* ==================== 2. 头部导航（固定顶部） ==================== */
    .header {
      background: var(--color-white);
      position: sticky;
      top: 0;
      z-index: 999;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 80px;
    }
    /* Logo */
    .logo {
      font-size: 24px;
      font-weight: bold;
      color: var(--color-primary);
    }
    /* 桌面端导航 */
    .nav {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .nav-menu {
      display: flex;
      gap: 40px;
    }
    .nav-menu > li {
      position: relative;
      padding: 30px 0;
    }
    .nav-menu > li > a {
      font-weight: 500;
      font-size: 16px;
    }
    .nav-menu > li:hover > a {
      color: var(--color-primary);
    }
.nav-menu li a.on{ color: var(--color-primary); font-weight: bold;}
    /* 下拉箭头 */
    .nav-menu > li.has-child i {
      font-weight: 400;
      margin-left: 5px;
      font-size: 12px;
    }
    /* 二级菜单 */
    .sub-menu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 270px;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      opacity: 0;
      visibility: hidden;
      transition: var(--transition);
      z-index: 99;
    }
    .sub-menu li {
      position: relative;
    }
    .sub-menu li a {padding: 12px 20px;
      display: block;
    }
    .sub-menu li:hover {
      background: var(--color-primary);
      color: var(--color-white);
    }
    /* 三级菜单 */
    .sub-sub-menu {
      position: absolute;
      left: 270px;
      top: 0;
      width: 270px;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      opacity: 0;
      visibility: hidden;
      transition: var(--transition);
    }
.sub-sub-menu li a{color:#333; display: block;}
.sub-sub-menu li a:hover {
      background: var(--color-primary);
      color: var(--color-white);
    }
	  .mobile-menu{display: none;}
    /* 菜单hover显示 */
    .nav-menu > li:hover .sub-menu,
    .sub-menu li:hover .sub-sub-menu {
      opacity: 1;
      visibility: visible;
    }
    /* 搜索+语言 */
    .header-tools {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    /* 搜索按钮 */
        .search-btn {
            width:40px; height: 40px;
            font-size: 16px;
            background-color:#f2f2f2;
            color: #333;
            border: none;
            border-radius: 100px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .search-btn:hover {
            background-color:var(--color-primary);color:#fff;
        }

        /* 遮罩层 */
        .search-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 999;
        }

        /* 激活状态：显示弹出层 */
        .search-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* 搜索框容器 */
        .search-box {
            background: white;
            padding: 30px;
            border-radius: 10px;
            width: 90%;
            max-width: 500px;
            position: relative;
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        }

        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: 15px;
            right: 18px;
            font-size: 22px;
            background: none;
            border: none;
            cursor: pointer;
            color: #666;
        }

        .close-btn:hover {
            color: #000;
        }

        /* 搜索输入框 */
        .search-input {
            width: 100%;
            padding: 14px 16px;
            font-size: 16px;
            border: 1px solid #ddd;
            border-radius: 6px;
            margin-top: 10px;
            outline: none;
        }

        .search-input:focus {
            border-color:var(--color-primary);
        }

        /* 提交按钮 */
        .submit-btn {
            margin-top: 15px;
            width: 100%;
            padding: 12px;
            background:var(--color-primary);
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
        }

        .submit-btn:hover {
            background: #0056b3;
        }
    .lang-switch {
      position: relative;
      cursor: pointer;
      padding:10px 12px;
      background: #f2f2f2; font-size: .8rem;
      border-radius: 6px;
    }
.lang-switch:hover{background: var(--color-primary);color:var(--color-white)}
.lang-switch i{color:#9B9B9B; font-size: .6rem;}
    .lang-list {
      position: absolute;
      top: 100%;
      left: 3px;color:#333;
      width: 100px;
      background: #fff;
      box-shadow: 0 3px 10px rgba(0,0,0,0.3);
      display: none;border-radius: 10px;
    }
    .lang-list li {
      padding: 8px 10px;
    }
.lang-list li a{display: block;}
    .lang-list li:hover {color:var(--color-white);
      background: var(--color-primary);
    }
    .lang-switch:hover .lang-list {
      display: block;
    }
    /* 移动端菜单按钮 */
    .menu-toggle {
      display: none;
      font-size: 24px;
      cursor: pointer;
      color: var(--color-primary);
    }

    /* ==================== 3. Banner轮播 ==================== */
        .banner {
            position: relative;
            width: 100%;
        }

        .swiper-banner {
            width: 100%;
        }

        .banner-slide {
            position: relative;
            height: auto;
        }

        .banner-slide img {
            width: 100%;
            height: auto;
            display: block;
            transform: scale(1.08);
            opacity: 0;
            transition: all 1.2s ease-in-out;
        }

        .banner-slide-active img {
            transform: scale(1);
            opacity: 1;
        }

        .banner-content {
            position: absolute;
            top: 50%;
            left: 5%;
            transform: translateY(-50%);
            max-width:500vw;
            color: #fff;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease 0.4s;
            z-index: 10;
        }

        .banner-slide-active .banner-content {
            opacity: 1;
            transform: translateY(-50%);
        }

        .banner-title {
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 15px;
        }

        .banner-desc {
            font-size: clamp(1rem, 1.5vw, 1.2rem);
            margin-bottom: 25px;
            line-height: 1.6;
        }

        .banner-btn {
            display: inline-block;
            padding: 12px 25px;
            background:var(--color-primary);
            color: #fff;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 500;
            transition: background 0.3s;
        }

        .banner-btn:hover {
            background: var(--color-white);color:var(--color-primary);
        }

        /* Banner切换按钮 */
        .banner-nav {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            z-index: 20;
        }

        .banner-nav-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(5px);
            color: #fff;
            border: none;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }

        .banner-nav-btn:hover {
            background: rgba(255, 255, 255, 0.4);
        }

    /* ==================== 4. 产品模块 ==================== */
    .products {
      padding: 80px 0;
      background: var(--color-gray);
    }
    .product-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 40px;
    }
    .product-left h3 {
      font-size: 14px;
      color: var(--color-primary);
      margin-bottom: 5px;
    }
    .product-left h2 {
      font-size: 2.4rem; line-height: 3.4rem;
    }
.product-left p{color:#999;}
    .product-right {
      max-width: 1010px;
      color: #666; text-align: right;
    }
.product-right a{padding:10px 12px; margin: 5px 2px; border-radius: 30px;background: #fff;border:1px solid #e2e2e2; display: inline-block;}
.product-right a:hover{background: var(--color-primary);color:#fff;border:1px solid var(--color-primary);}
    /* 产品轮播 */
    .product-slide {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      align-items: center;
      
      
    }
    .product-info {
      flex: 1;width:44%; background: rgba(255,255,255,.9);padding:2rem;margin:4rem 2rem; border-radius: 1rem;
    }
.product-info h2{font-size: 70px;color:#999; font-weight: 300;}
    .product-info h3 {
      font-size: 24px;
      color: var(--color-primary);
      margin-bottom: 10px;
    }
    .product-info p {
      color: #666;
      margin-bottom: 20px;
    }
.product-info p a{padding-right: 16px; display: inline-block;}
.product-info p a:hover{color:var(--color-primary);}
    .product-more {
      padding: 8px 20px;
      border: 1px solid var(--color-primary);
      color: var(--color-primary);
      border-radius: 30px;
      display: inline-block;
    }
    .product-more:hover {
      background: var(--color-primary);
      color: #fff;
    }
    .product-img {
      width: 100%;
      object-fit: cover;
      border-radius: 8px;
    }
    /* 产品导航 */
    .product-nav {
      position: absolute;
      right: 0;
      bottom: -50px;
      display: flex;
      gap: 10px;
    }
    .product-nav .swiper-button-next,
    .product-nav .swiper-button-prev {
      position: static;
      width: 35px;
      height: 35px;
      background: var(--color-primary);
      border-radius: 50%;
      color: #fff;
    }
    .product-nav .swiper-button-next::after,
    .product-nav .swiper-button-prev::after {
      font-size: 14px;
    }
    /* 产品进度条 */
    .product-progress {
		position:relative;bottom:0;left:0;
      height: 1px;
      background: #ddd;
      margin-top: 60px;
    }
    .product-progress .swiper-pagination-progressbar-fill {
      background: var(--color-primary);
    }

    /* ==================== 5. 公司简介 ==================== */
.text-center {
    text-align: center !important;
}
.jj_nr {
    width: 80%;
    margin: 0 auto; line-height: 2rem;
}
.title {
    font-weight: 600;
    font-size: 44px !important;
    margin-top: -10px;
    margin-bottom: 25px;
}
.about-style-one-area{background: url(../images/abo_bj.jpg) no-repeat center bottom; padding-bottom: 290px;padding-top:80px;}
.counter_bg { 
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .counter_bg {
    padding-left: 0;
    padding-right: 0;
  }
}
.about-style-one-info h2.title{margin-top: -50px;}
.about-style-one-info span.medium{color:var(--color-primary);margin-bottom: -0.4em;
    background-image: linear-gradient(to bottom, #2c3a8a, rgba(44, 58, 138, 0.07));
    -webkit-background-clip: text;
    pointer-events: none;
    word-break: keep-all;
    white-space: nowrap;
    font-size:100PX;
    font-weight: bold;
    line-height: 0.8em;
    letter-spacing: 0.05em;
    color: transparent;
    opacity: 0.08;}

    .about {
      padding: 80px 0;
    }
    .about-top {
      display: flex;
      gap: 40px;
      margin-bottom: 60px;
    }
    .about-content {
      flex: 1;
    }
    .about-content h3 {
      font-size: 14px;
      color: var(--color-primary);
      margin-bottom: 5px;
    }
    .about-content h2 {
      font-size: 28px;
      margin-bottom: 20px;
    }
    .about-content p {
      color: #666;
      line-height: 1.8;
      margin-bottom: 30px;
    }
    .about-img {
      flex: 1;
      height: 400px;
      border-radius: 10px;
      overflow: hidden;
    }
    /* 数字统计 */
    .about-numbers {
      display: grid; margin-top: 50px;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      text-align: center; 
    }
    .number-item {
      padding: 30px;justify-content: center; display: flex;
      box-shadow: 0px 10px 20px 0px rgb(0, 0, 0, .05);
    border: 1px solid #e4e4ea;
    padding: 20px 0 20px;
    border-radius: var(--moniz-border-radius, 10px);
    }
.number-item:hover{background:var(--color-primary);-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.number-item:hover i,.number-item:hover .num,.number-item:hover p{color: #fff;}
    .number-item i {
      font-size: 40px;
      color: var(--color-primary);
      margin-bottom: 15px;
    }
    .number-item .num {
      font-size: 4rem;
      font-weight: bold;
      color: var(--color-primary);
    }
    .number-item p { padding-left: 10px;
      color: #666; display: block; padding-top: 18px;
      font-size: 16px; text-align: left;
    }

    /* ==================== 6. 广告位 ==================== */
    .ad {
      padding: 100px 0;
      background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../images/ggbj.jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      text-align: center;
      color: #fff;
    }
    .ad h2 {
      font-size: 36px;
      margin-bottom: 20px;
    }
    .ad p {
      font-size: 18px;
      max-width: 700px;
      margin: 0 auto 30px;
    }
    .ad-btn {
      padding: 12px 35px;
      background: var(--color-primary);
      color: #fff;
      border-radius: 30px;
      display: inline-block;
    }

    /* ==================== 7. 公司实力 ==================== */
    .strength {
      padding: 80px 0;
    }
    .strength-slide {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      height: auto;
    }
    .strength-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .strength-slide:hover .strength-img {
      transform: scale(1.1);
    }
    .strength-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 30px;
      background-image: linear-gradient(to top, rgba(44,58,138,.6), rgba(0,0,0,0));
      color: #fff;
      text-align: center;
    }
    /* 实力导航 */
    .strength-nav {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-top: 30px;
    }
    .strength-nav .swiper-button-next,
    .strength-nav .swiper-button-prev {
      position: static;
      width: 40px;
      height: 40px;
      background: var(--color-primary);
      border-radius: 50%;
      color: #fff;
    }

    /* ==================== 8. 新闻模块 ==================== */
    .news {
      padding: 80px 0;
      background: var(--color-gray);
    }
    .news-content {
      display: grid;
      gap: 30px;grid-template-columns: 0.7fr 0.3fr;
    }
    .news-left {
      flex: 2;
      display: flex;min-width: 0;
      flex-direction: column;
      gap: 20px;
    }
    .news-main {
      position: relative;
      height: 400px;
      border-radius: 10px;
      overflow: hidden;
    }
    .news-main-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .news-main:hover .news-main-img {
      transform: scale(1.1);
    }
    .news-main-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px;
      background: rgba(0,0,0,0.5);
      color: #fff;
    }
    .news-sub {
      display: flex;
      gap: 20px;
    }
    
    /* 右侧新闻 */
    .news-right {
      flex: 1;
      display: flex;
      flex-direction: column;min-width: 0;
      gap: 20px;
    }
    .news-card {
      flex: 1;
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
      transition: var(--transition);
    }
    .news-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: var(--color-primary);
      transition: left 0.4s ease;
      z-index: 0;
    }
    .news-card:hover::before {
      left: 0;
    }
    .news-card:hover * {
      color: #fff;
      position: relative;
      z-index: 1;
    }
    .news-card h3 {
      margin-bottom: 10px; line-height: 2rem;
      color: var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .news-card .news_nr{
      color: #666;
      font-size: 1rem; line-height: 1.6rem; margin-bottom: 1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    }
.news-card .news_rq{color:#999; font-size: 1rem; line-height: 2rem; margin-bottom: 10px;}



.news-card1 {
      flex: 1;
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
      transition: var(--transition);
    }
    .news-card1::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: var(--color-primary);
      transition: left 0.4s ease;
      z-index: 0;
    }
    .news-card1:hover::before {
      left: 0;
    }
    .news-card1:hover * {
      color: #fff;
      position: relative;
      z-index: 1;
    }
    .news-card1 h3 {
      margin-bottom: 10px; line-height: 2rem;
      color: var(--color-text);overflow:hidden;text-overflow:ellipsis;  
    }
    .news-card1 .news_nr{
      color: #666;
      font-size: 1rem; line-height: 1.6rem; margin-bottom: 1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
    }
.news-card1 .news_rq{color:#999; font-size: 1rem; line-height: 2rem; margin-bottom: 10px;}

.news-more {
      padding: 8px 20px;
      border: 1px solid var(--color-primary);
      color: var(--color-primary);
      border-radius: 30px;
      display: inline-block;
    }
    .news-more:hover {
      background: var(--color-primary);
      color: #fff;
    }
.news-card:hover .news_nr,.news-card:hover .news_rq,.news-card1:hover .news_nr,.news-card1:hover .news_rq{color:#fff;}
.news-card:hover .news-more,.news-card1:hover .news-more{background: #fff; color: var(--color-primary);}




.n_about {
  width: 100%;
  overflow: hidden;
}

.product-block{ padding:0 1%;}
.product-block{ padding: 1%;min-width: 0;}
.product-block-one{
	position:relative;
	background:#fff;
	margin-bottom:20px;
	transition:all 500ms ease;
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
}
.product-block-one:hover {
	box-shadow:0 0 20px rgba(0,0,0,0.1);
}
.product-block-one .inner-box a{display: block;}
.product-block-one:hover .inner-box .lower-content{background: var(--color-primary);border-radius: 0 0 10px 10px;}
.product-block-one:hover .inner-box .lower-content h6{color:#fff;}
.product-block-one .inner-box .image-box {
	position:relative;
	overflow:hidden; 
}
.product-block-one .inner-box .image-box img {
	max-width:100%;
}
.product-block-one .inner-box figure{margin:0; padding: 0; display: grid;}
.product-block-one .inner-box .image-box .category {
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	font-family:'Roboto',sans-serif;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	border-radius:50%
}
.product-block-one .inner-box .image-box .content-box {
	position:absolute;
	left:50%;
	top:55%;
	transform:translate(-50%,-50%);
	background:#fff; padding:20px;
	border-radius:30px;
	opacity:0;
	box-shadow:0 10px 30px rgba(0,0,0,0.2);
	transition:all 500ms ease
}
.product-block-one .inner-box .image-box .content-box li a i{ font-size:20px;}
.product-block-one .inner-box:hover .image-box .content-box {
	top:50%;
	opacity:1
}
.product-block-one .inner-box .image-box .content-box li {
	position:relative;
	display:inline-block;
	float:left;
	width:33.333%;
	border-right:1px solid #e3e3e3;
	text-align:center
}
.product-block-one .inner-box .image-box .content-box li:last-child {
	border-right:0
}
.product-block-one .inner-box .image-box .content-box li a {
	position:relative;
	display:inline-block;
	font-size:18px;
	color:#1e1e2a
}
.product-block-one .inner-box .image-box .content-box li:nth-child(2) a {
	font-size:24px
}
.product-block-one .inner-box .image-box .content-box li a span {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-13px;
	width:93px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:13px;
	font-family:'Muli',sans-serif;
	font-weight:700;
	color:#fff;
	border-radius:5px;
	visibility:hidden;
	opacity:0;
	transition:all 500ms ease
}
.product-block-one .inner-box .image-box .content-box li a:hover span {
	top:-18px;
	visibility:visible;
	opacity:1
}
.product-block-one .inner-box .image-box .content-box li a span:before {
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	left:40px;
	bottom:-3px;
	transform:rotate(45deg)
}
.product-block-one .inner-box .lower-content { padding:0 10px;
	position:relative;
}
.product-block-one .inner-box .lower-content .rating {
	position:absolute;
	display:inline-block;
	left:50%;
	transform:translateX(-50%);
	top:-15px;
	background:#fff;
	border:1px solid #e3e3e3;
	border-radius:30px;
	overflow:hidden;
	text-align:center;
	padding:0 15px
}
.product-block-one .inner-box .lower-content .rating li {
	position:relative;
	display:inline-block;
	font-size:13px;
	line-height:20px
}
.product-block-one .inner-box a .lower-content h6{
	color:#333; font-size:16px; line-height:50px;font-family: 'reeyregular';white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom: 0;
}
.product-block-one .inner-box a .lower-content .cpnr{ font-size:14px; color:#666; line-height:30px;}
.product-block-one .inner-box .lower-content .rating.light li:last-child {
	color:#a6a6af
}


.pbmit-element-posts-wrapper{border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0; background: #fff;}
.pbmit-element-posts-wrapper.row .pbmit-blog-style-1,
.pbmit-element-posts-wrapper.row .pbmit-portfolio-style-2{
	padding: 2% 2% 3% 2%;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;
}
.pbmit-element-posts-wrapper.row .pbmit-blog-style-1:hover{background: #f9f9f9;}

.post-item .pbminfotech-box-content a{ gap:30px; }
.pbmit-blog-style-1 .pbmit-featured-wrapper img,
.pbmit-blog-style-1 .pbmit-featured-container .pbmit-blog-btn{
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.pbmit-blog-style-1 .pbmit-featured-container{
	position: relative;
	overflow: hidden;
	margin: 0 0 25px;
}
.pbmit-blog-style-1 .pbmit-post-title{
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 15px;
	margin-top: 15px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pbmit-blog-style-1 .pbmit-post-nr{
	font-size: 16px; color: #666; line-height: 2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.pbminfotech-box-desc{font-size:14px;color:#666; line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pbmit-blog-style-1:hover .pbmit-featured-wrapper img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.pbmit-blog-style-1:hover .pbmit-content-wrapper .pbmit-post-title{color:#f00;}
.pbmit-blog-style-1 .pbmit-featured-wrapper,
.pbmit-blog-style-1 .pbmit-featured-wrapper img{
	position: relative;
	width: 100%; max-height:340px;
}
.pbmit-date-wraper .pbmit-meta-date-wrapper .pbmit-meta-date .pbmit-post-date{color:#999;font-size:14px;}
.pbmit-blog-style-1 .pbminfotech-box-content .pbmit-blog-btn{
	top: 30px;
	right: 30px;
	bottom: inherit;
}
.pbmit-ele-blog.pbmit-blog-style-1:hover .pbmit-blog-btn{
	background-color: var(--pbmit-global-color);
	color: var(--pbmit-white-color);
}
.pbmit-blog-style-1 .pbmit-post-author span {
	margin-right: 3px;
	display: inline-block;
}
.pbmit-blog-style-1 .pbmit-meta-line i {
	font-size: 18px;
	margin-right: 3px;
	color: var(--pbmit-global-color);
}
.pbmit-ele-blog .pbmit-blog-btn, 
.pbmit-ele-service .pbmit-service-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3380;
    background-color: #fff;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    transform: translate3d(0, 0, 0) rotateZ(0);
    transform-style: preserve-3d;
    border-radius: 50%;
    transition: all .5s ease-in-out 0s;
}
.pbmit-blog-style-1 .pbminfotech-box-content .pbmit-blog-btn{
	top: 30px;
	right: 30px;
	bottom: inherit;
}
.pbmit-ele-blog.pbmit-blog-style-1:hover .pbmit-blog-btn{
	background-color:#0D3380;
	color: #fff;
	position:relative;
	padding:80px 0 50px 0
}
.project-section .sec-title {
	margin-bottom:50px
}
.project-block-one .inner-box {
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom:30px
}
.project-block-one .inner-box .image-box {
	position:relative;
	display:flex;
	overflow:hidden;
	background:#2a2a38
}
.project-block-one .inner-box .image-box img {
	width:100%;
	transition:all 500ms ease
}
.project-block-one .inner-box:hover .image-box img {
	transform:scale(1.05);
	opacity:.4
}
.project-block-one .inner-box .lower-content .box {
	transform:translateY(30px); text-align:center; line-height:40%;
	opacity:0;
	transition:all 500ms ease
}
.project-block-one .inner-box:hover .lower-content .box {
	transform:translateY(0px);
	opacity:1
}
.project-block-one .inner-box .lower-content .box h3 a:hover{ color:#fff;}

.contacts-section {
	padding:0px 0 20px
}
.conatact-single-box {
	padding:1px 45px 10px;
	background:#F5F5F5;
	text-align:center;
	margin-bottom:60px; min-height:210px;
}
.contacts-icon {
	position:relative;
	top:-35px; text-align:center;width:80px; height:80px; border-radius:50px;left:50%; margin-left:-40px;
}
.contacts-icon.iconfont{ background:var(--thm-blue); color:#fff; line-height:80px; font-size:30px;}
.contact-title h5 {
	font-size:22px;
	font-weight:500;
	line-height:28px;
	padding:0 0 10px;

	margin-top:0
}
.contact-description p {
	font-size:15px;
	line-height:24px
}
.project-block-one .inner-box .lower-content {
	position:absolute;
	left:0;
	top:0;
	right:0;
	width:100%;
	height:100%;
	padding:25px 30px
}
.project-block-one .inner-box .lower-content .box h3 {
	color:#fff;
	margin-bottom:0; line-height:200px;
}
.project-block-one .inner-box .lower-content .box h3 a {
	color:#fff
}
.project-block-one .inner-box .lower-content .box p {
	position:relative;
	font-size:16px;
	line-height:170px;
	font-weight:700;
	background: -webkit-linear-gradient(-90deg,#fff,#fff 50%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.project-block-one .inner-box .lower-content .view-btn {
	position:absolute;
	right:0;
	bottom:0;
	opacity:0;
	transition:all 900ms ease
}
.project-block-one .inner-box:hover .lower-content .view-btn {
	opacity:1
}
.project-block-one .inner-box .lower-content .view-btn a {
	position:relative;
	display:inline-block;
	font-size:30px;
	color:#fff;
	width:56px; font-weight:700;
	height:56px;
	line-height:56px;
	text-align:center;
	border-top:4px solid #fff;
	border-left:4px solid #fff
}
.project-block-one .inner-box .lower-content .view-btn a i{ font-size:30px; font-weight:200;}
.newsDel ._sell{width: 100%;padding:20px;background-color: #fff;}
.newsDel ._sell ._title{font-weight: bold;color:var(--color-primary); font-size:20px;}
.newsDel ._sell ._list{margin-top:20px;}
.newsDel ._sell ._list ._item a{border-bottom: 1px solid #ddd; display:block;}
.newsDel ._sell ._list ._item a:hover{border-bottom: 1px solid var(--color-primary);}
.newsDel ._sell ._list ._item ._img{width: 100%;height: 0;position: relative;
padding-bottom: 56.20608899297423%;overflow: hidden;}
.newsDel ._sell ._list ._item ._img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
object-fit: cover;transition: transform .6s ease;}
.newsDel ._sell ._list ._item ._txt{padding: 1.4rem 0;line-height: 1.4;}
.newsDel ._sell ._list ._item ._txt ._name{color: #333;margin-bottom: 1rem;transition: color .3s ease;
overflow: hidden;text-overflow:ellipsis; font-size:16px;}
.newsDel ._sell ._list ._item ._txt:hover ._name{ color:var(--color-primary);}
.newsDel ._sell ._list ._item ._txt ._time{color: #999;}
#docPage {
    margin-top: 15px;margin-left:0 !important; margin-block-start:0px;padding-inline-start:0px; text-align: center; font-size:14px;
}
#docPage li{
	display:inline-block; margin-bottom:4px;
}
#docPage span, 
#docPage a, 
#docPage a:focus {
	background: #f8f8f8; padding:0 20px; margin:0px 2px;
	height: 42px;
	color: #333;
	line-height: 42px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
}
#docPage a:hover {background: var(--color-primary); color:#fff;}
#docPage li.pagebarCurrent {
	background:var(--color-primary);
	color: #fff;
	display: inline-block;
	line-height: 42px; padding:0 20px;
	-webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	-moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
}
#docPage li.prev a,
 #docPage li.next a {
	box-shadow: none;
	color: #fff;
	width: auto;
	padding: 0 20px;
}

.n_title .m .n_position a{padding:0 5px}
#apartPage {
    margin-top: 15px; 
    text-align: center; font-size:14px;
}
#apartPage li{
	display:inline-block;
}
#apartPage span, 
#apartPage a, 
#apartPage a:focus {
	background: #f8f8f8; padding:0 20px; margin:0px 5px;
	height: 42px;
	color: #333;
	line-height: 42px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
}
#apartPage a:hover {background: var(--color-primary); color:#fff;}
#apartPage li.pagebarCurrent {
	background:var(--color-primary);
	color: #fff;
	display: inline-block;
	line-height: 42px; padding:0 20px;
	-webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	-moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
}
#apartPage li.prev a,
 #apartPage li.next a {
	box-shadow: none;
	color: #fff;
	width: auto;
	padding: 0 20px;
}
.ny_nav{text-align:center; width:70%; margin: 50px auto 0 auto;}
.ny_nav1{width:100%; margin:0; padding:0;}
.ny_nav li{ display:inline-block; text-align:center; font-size:16px; padding:3px 5px;}
.ny_nav a{display:block;width:100%;
    line-height:60px;
    font-size: 16px; border:1px solid #d8d8d8;
    color: #333;
    position: relative;
    text-align: center;
    cursor: pointer;}
.ny_nav ul .column_active{ color:#fff; background:var(--logi-base);}
.ny_nav ul li a:hover{ color:#fff; background:var(--logi-base);}
.ny_nav ul li a:after{content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #f00;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}


.ny_navcon{line-height: 60px; }
.ny_navcon ul{color:var(--color-primary); font-weight: bold; display:inline-block;border-bottom: 1px solid var(--color-primary);}
.ny_navcon ul .column_active{ color:var(--color-primary); font-weight:bold;}
.ny_navcon ul li a:hover{ color:var(--color-primary); font-weight:bold;}
.ny_navcon ul li a:after{content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background:var(--pbmit-global-color);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}

.cp_lt{}
.cp_lt .cpny{ padding-bottom: 3%; overflow: hidden;  margin-bottom: 7%;}
.cp_lt .lastcpny{padding-bottom: 3%; overflow: hidden;}
.cp_lt .cpny_t{ height: 54px; color:#fff; line-height: 54px; font-size: 20px;width:auto;position: relative;background:var(--color-primary);border-radius: 20px 20px 0 0; text-align: center;}
.cp_lt .cpny_nr{ padding: 2% 4% 5% 4%;background: #fff;}
.cp_lt .cpny_nr ul li{border-bottom:1px solid #ebebeb; position: relative; padding: 6px 0;}
.cp_lt .cpny_nr ul li a{ line-height: 30px; color: #111; display: block;position: relative; padding-left: 10px; font-size: 1rem; font-weight: bold;}
.cp_lt .cpny_nr ul li a:hover{font-weight:bold; color:var(--color-primary);}
.cp_lt .cpny_nr ul li a.on{color:var(--color-primary); font-weight: bold;}

.cp_lt .cpny_nr ul li div{padding-left: 25px;}
.cp_lt .cpny_nr ul li div a{font-weight: 300; padding-left: 15px; line-height: 30px; color: #111; display: block;position: relative;}
.cp_lt .cpny_nr ul li div a:before{position: absolute;content: "";left:0;top:15px;width: 6px; height: 2px; background: var(--color-primary);}
.cp_lt .cpny_nr ul li div a:hover{font-weight:bold; color:var(--color-primary);}
.cp_lt .cpny_nr ul li div a.on{color:var(--color-primary); font-weight: bold;}
.cp_lt .cpny_nr ul li div i{float:right;}

.service-card-items1{display: grid;grid-template-columns: 0.5fr 0.5fr;  align-items: center; gap: 16px;border-bottom: 1px solid #f0f0f0;padding:10px 0;}


.fancybox-slide>*{ display: block;}


.lx_ltnr {
    padding: 50px;
    background-image: linear-gradient(to right, var(--color-primary) 0%, #172579 100%);
    color: #fff;
}
.service-card-items1 .service-image{width:100%;}
.service-card-items1 .service-image img{width: 100%;border: 1px solid #f0f0f0;}
.service-card-items1 .service-content a{font-weight: 400;font-size: 16px;}
.cp_rt{background: #fff;margin-left: 10px; padding: 2% 3%;margin-bottom: 1px; border-radius: 20px; overflow: hidden;}
.hsbj{background: #f5f5f5;}

.n_banner:after{ padding-top: 27%;}
 .n_banner img{ animation: 4s bn_anim forwards; transition: .5s; }
 .n_banner.img:hover img{ transform: scale(1.03);}
.n_banner {
  position: relative;
  z-index: 1;
}
.n_banner img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.n_banner:before {
  content: "";
  display: block;
  width: 100%;
  height: 7rem;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(180deg, rgba(14, 18, 39, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(180deg, rgba(14, 18, 39, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
}
.n_banner .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.n_banner .mask .m, .n_banner .mask #banner .arrbox, #banner .n_banner .mask .arrbox, .n_banner .mask .s_about .left, .s_about .n_banner .mask .left {
  display: flex;
  align-items: center;
}
.n_banner .mask .m .txt{
  color: #fff;
  width: 43.625rem;
  max-width: 100%;
}
.n_banner .mask .m .txt h3{
  font-size: 2.25rem;
  line-height: 3.375rem;
  font-weight: bold;
}
.n_banner .mask .m .txt .line{
  width: 100%;
  height: 1px;
  margin: 1.75rem 0;
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 30%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgba(0, 0, 0, 0) 100%);
}
.n_banner .mask .m .txt .con{
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 3.75rem;
}
.img {
    overflow: hidden;
}

.pad_top {
  padding-top: 3.25rem;
}

.pad_bot {
  padding-bottom: 3.25rem;
}

.pad_top2 {
  padding-top: 5.125rem;
}

.pad_bot2 {
  padding-bottom: 5.125rem;
}
@keyframes bn_anim {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes bn_anim {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

.n_about .container .pro{display: grid;gap:15px;grid-template-columns: repeat(4, 1fr);}
.n_about .container .pic{display: grid;gap:30px;grid-template-columns: repeat(4, 1fr);}
.n_about .container .nynews{display: grid;gap:30px;grid-template-columns: 0.8fr 0.2fr;}
.n_about .container .nycp{display: grid;gap:30px;grid-template-columns: 0.2fr 0.8fr;}
.n_about .container .ny_conta{display: grid;grid-template-columns: 0.3fr 0.7fr;}

.page-header__bottom{background: #f5f5f5;}
.page-header__bottom1{background: #fff;}
.page-header__bottom-inner ul li{line-height: 60px;color:#666; text-align: right;}
.page-header__bottom-inner ul li a{color:#999;}



.ar_article video{ width: auto; display: inline-block;}
#banner .swiper-slide-active .img img{ animation: 4.5s bn_anim forwards !important; transition: .5s;}
#header.xg{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.pro_case .img .pic{ padding: 10%;}




    /* ==================== 底部 ==================== */
    .footer {
      background:url(../images/endbj.jpg);
      color: #fff;
      padding: 60px 0 20px;
    }
    .footer-top {
      display: grid;
      grid-template-columns:0.25fr 0.3fr 0.15fr 0.3fr;
      gap: 40px;
      margin-bottom: 40px;
    }
.footer-top div:first-child{padding-right: 120px;}
.footer-col ul{font-size: 14px; line-height: 30px; color: #999;}
    .footer-col h3 {
      font-size: 18px;
      margin-bottom: 20px;
      color: var(--color-white);
    }
.footer-col ul li a{color: #999; position:relative; font-size:1rem; line-height: 2;}
.footer-col ul li a:hover:after{width:10px; height: 1px; background: #d8d8d8; content: "";position: absolute;left:0;top:10px;}

    .footer-col ul li a:hover {
      color:#e0e0e0; padding-left: 15px;
    }
    .footer-contact p {
      display: flex;color:#a4a4a4; font-size:1rem;
      align-items: center; line-height: 2;
      gap: 10px;
    }
    .footer-bottom {
      text-align: center;
      padding-top: 20px;
      border-top: 1px solid #444;
      color: #999;
      font-size: 14px;
    }
.footer-bottom ul{margin-top: 20px;display: flex;justify-content: center;}
.footer-bottom ul li{padding:0 5px; line-height: 18px;}
.footer-bottom ul li img{float: left;padding-right: 5px;}
.img_db {
    width: 100%;
    position: relative;
}

    /* ==================== 响应式适配 ==================== */
    @media (max-width: 1024px) {
      .nav-menu, .search {
        display: none;
      }
      .menu-toggle {
        display: block;
      }
      /* 移动端菜单 */
      .mobile-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        padding: 20px;
        overflow-y: auto;
        transition: left 0.3s ease;
      }
      .mobile-menu.active {
        left: 0;
      }
      .mobile-menu > li {
        padding: 15px 0;
        border-bottom: 1px solid #eee;
      }
      .mobile-menu > li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .mobile-sub, .mobile-sub-sub {
        display: none;
        padding: 10px 0 0 20px;
      }
      .mobile-sub li, .mobile-sub-sub li {
        padding: 10px 0;
      }
    }
    @media (max-width: 768px) {
		.lx_ltnr{padding: 30px 20px;}
		.project-block-one .inner-box .lower-content .box p{line-height: 20px;}
		.project-block-one .inner-box{margin-bottom: 0;}
		.cpny_nr ul{display: grid;grid-template-columns: repeat(2, 1fr);gap:5px;}
		.news-content{display: grid;grid-template-columns: repeat(1, 1fr);}
		.cp_lt .cpny{padding-bottom: 0; margin-bottom: 0;}
		.news-card .news_nr,.news-card1 .news_nr,.news-right{display: none;}
		.pad_top {padding-top: 2.25rem;}
		.news{padding:40px 0;}
		.strength {padding: 40px 0;}
		.product-right a{padding:5px 10px; font-size: 14px;}
		.n_banner{height: 11rem;display: flex; justify-content: center;}
		.n_about .container .pic{grid-template-columns: repeat(2, 1fr);gap:15px;}
		.n_about .container .nynews{grid-template-columns: repeat(1, 1fr);}
		.n_about .container .nycp{grid-template-columns: repeat(1, 1fr);}
		.n_about .container .pro{grid-template-columns: repeat(2, 1fr);gap:15px;}
		.n_about .container .ny_conta{grid-template-columns: repeat(1, 1fr);}
		.top-bar{display: none;}
		.search-btn{display: none;}
		.logo{width:60%;}
		.header .container{height: 60px;}
		.sjbxs{display: none;}
		.about-style-one-area{background-size: 100%; padding-bottom: 100px; padding-top: 50px;}
		.footer{padding:40px 0 20px;}
		.about-style-one-info h2.title{margin-top: 0px; font-size: 26px !important;}
		.mobile-menu{display: block;}
		.about-style-one-info span.medium{font-size: 20px;}
		.banner-title{font-size: 1.6rem;}
		.banner-desc,.banner-btn{display: none;}
		.banner-content{text-align: center;}
		.product-left h2{font-size: 2rem;}
		.product-info h3{font-size: 1.4rem;}
		.jj_nr{width:94%;}
		.products{padding:40px 0;}
		.product-info{width:50%;background: rgba(255, 255, 255, .5); margin: 1rem;padding:1rem;}
		.product-info p{display: none;}
		.product-header{display: grid;}
		.product-slide{padding:10px;}
		.product-left{margin-bottom: 20px;}
		.product-right{text-align: left;}
		.product-info h2{font-size: 20px; display: none;}
		.banner-slide img{object-fit: cover; height: 100%;}
		.banner-nav{top:80%;display: ruby;}

      .about-top, .news-content, .news-sub {
        flex-direction: column;
      }
      .about-numbers, .footer-top {
        grid-template-columns: repeat(2, 1fr);
      }
      .banner {
        height: 18rem;
      }
      .banner-slide {
        height: 18rem;
      }
      .banner-text h2 {
        font-size: 32px;
      }
    }
    @media (max-width: 480px) {
      .about-numbers, .footer-top {
        grid-template-columns: 1fr;
      }
    }