﻿@charset "utf-8";
/* CSS Document */
@font-face {
      font-family: 'OsRegular';
      src: url('../fonts/oswald.woff2') format('woff2'),
          url('../fonts/oswald.woff') format('woff'),
          url('../fonts/oswald.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
 @font-face {
      font-family: 'OsBlod';
      src: url('../fonts/oswald-bold.woff2') format('woff2'),
          url('../fonts/oswald-bold.woff') format('woff'),
          url('../fonts/oswald-bold.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }

body{font-size: 16px; color: #333;}
.header{width:100%; margin: 0; position:fixed; left:0px; top:0px; z-index:111;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; /*background:url(../images/tb_25.png) bottom repeat-x;*/padding: 0 5%;}
.header.fixedmenu1{ position:relative;}
.header.fixedmenu,.header.fixedmenu1.fixedmenu{position:fixed; background-color:#fff; top:0px; left:0px; z-index:111111;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }

.i_logo,.i_logo_tel{max-width:12%; border: #007AFF; padding-top:13px;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_logo img{ /*! height:57px; */ transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;width: 100%;}
.i_logo .img1{ display:block;}
.i_logo .img2{ display:none;}
.header .i_logo_tel{ font-size: 14px;color: #fff; margin-left: 20px; padding-top: 20px; background: url(../images/logo_bg.png) no-repeat left bottom; padding-left: 20px;}
.i_logo_tel .strong{font-weight: bold; font-weight: bold; font-size: 16px;}
.header.fixedmenu .i_bcss{width:90px; height:90px; margin-left:7%; position:relative;background:url(../images/border_bg1.png) no-repeat right center; }
.header.fixedmenu .i_logo_tel{ color: #333;font-size: 14px; margin-left: 20px; padding-top: 20px; background: url(../images/logo_bg.png) no-repeat left bottom; padding-left: 20px;}
.header.fixedmenu .i_logo_ul .nav_menu li a.a_nav{ color:#333;}
.header.fixedmenu .i_logo_ul .nav_menu li a.now{color: #e13505;}

.header .i_logo_ul .nav_menu li a.now{color: #e13505;}
.header .i_logo_ul .nav_menu li a.now:after{width: 36px; background-color:#e13505; position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}
.header.fixedmenu .i_logo_ul .nav_menu li .a_nav:hover,.header.fixedmenu .i_logo_ul .nav_menu li .a_nav.active,.header.fixedmenu .i_logo_ul .nav_menu li .a_nav.active1{ color:#e13505;}
.header.fixedmenu .i_bcss_t{ background:url(../images/tb_01.png)  left center no-repeat; color: #333;}
.header.fixedmenu .i_logo .img1{ display:none;}
.header.fixedmenu .i_logo .img2{ display:block;}
.header .i_logo_ul .nav_menu li a.now{color: #fff;}
.header .i_logo_ul .nav_menu li a.now:after{width: 36px; background-color:#fff; position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}
.header.fixedmenu .i_logo_ul .nav_menu li a.now:after{background-color:#e13505; }
.header.fixedmenu .i_tel:before{position: absolute; content: ''; width: 24px; height: 24px; left: 0px; top: calc(50% - 10px); ext-indent: 20px; background: url(../images/tel1.png) no-repeat left center;background-size: 24px; }

.i_tel{font-size: 20px; color: #fff; position: relative; float: right; height: 90px; line-height: 90px; padding-left: 30px; margin-left: 20px;}
.i_tel:before{position: absolute; content: ''; width: 24px; height: 24px; left: 0px; top: calc(50% - 10px); ext-indent: 20px; background: url(../images/tel.png) no-repeat left center;background-size: 24px; }
.i_bcss{width:90px; height:90px; margin-left:7%; position:relative;background:url(../images/border_bg.png) no-repeat right center;}
.i_bcss_t{width:90px; height:30px; background:url(../images/tb_01s.png) left center no-repeat;color: #fff; padding-left: 30px; background-size:18px; cursor:pointer; position:relative; top:50%; margin-top:-15px;}
.i_bcss_c{width:212px; height:38px; border:1px solid #c1bcba; background-color:#fff; position:absolute;  right:0px; top:100%; display:none}
.i_bcss_c .ipt1{width:174px; height:36px; text-indent:10px; border:0px; color:#333; font-size:14px; font-family:"微软雅黑";}
.i_bcss_c .ipt2{width:36px; height:36px; background:url(../images/tb_01.png) center no-repeat; border:0px; cursor:pointer; background-size:16px;}



.i_logo_ul{width:55%;}
.i_logo_ul .nav_menu{width:100%; margin:0px; padding:0px; display:flex;justify-content: space-between;}
.i_logo_ul .nav_menu li{ height:90px; margin:0px; padding:0px; position:relative;z-index:1111111;}
.i_logo_ul .nav_menu li .a_nav{width:100%; position:relative; height:90px; line-height:90px; display:inline-block; text-align:center; overflow:hidden; color:#fff; font-size:16px;}
.i_logo_ul .nav_menu li .a_nav:hover,.i_logo_ul .nav_menu li .a_nav.active,.i_logo_ul .nav_menu li .a_nav.active1{ color:#fff;text-decoration:none; }
.i_logo_ul .nav_menu li .a_nav:after{width:0px; height:3px; bottom: 0; background-color:#fff;color: #fff ;  position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}


.header.fixedmenu .i_tel{color: #333;}
.fixedmenu .i_logo_ul .nav_menu li .a_nav:after{width:0px; height:3px; bottom: 0; background-color:#e13505; position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}


.i_logo_ul .nav_menu li .a_nav:hover:after,.i_logo_ul .nav_menu li .a_nav.active:after,.i_logo_ul .nav_menu li .a_nav.active1:after{width:36px;}
.i_logo_ul .nav_menu li dl{width:160px; background-color:#fff; position:absolute; left:50%; margin-left:-80px;top:100%; display:none;}
.i_logo_ul .nav_menu li dl dd{ float:left;width:100%;}
.i_logo_ul .nav_menu li dl dd a{ width:100%; padding:10px 10px; line-height:1.7; text-align:center; color:#000000; font-size:14px; display:inline-block; overflow:hidden; text-align:center;}
.i_logo_ul .nav_menu li dl dd a:hover{ color:#fff; background-color:#e13505;}




.wap_ssbn{width:30px; height:100%;  background:url(../images/tb_01a.png) center no-repeat;  background-size:16px; position:absolute; top:0px; right:50px; z-index:10000;}
.wap_ssbn span{width:100%; height:100%; display:inline-block;}
.wap_ssbn_div{width:200px; display:none; background-color:#fff; z-index:10000; position:absolute; right:0px; top:100%;box-shadow: 0px 5px 20px 0px #d9d9d9;}
.wap_ssbn_div .ipt1{width:80%; height:40px; line-height:40px; text-indent:15px; border:0px; font-family:"微软雅黑"; background-color:#fff; color:#b9b9b9; font-size:13px;}
.wap_ssbn_div .ipt2{width:20%; height:40px; background:url(../images/tb_01a.png) center no-repeat;  border:0px;}

.wap_bbqh{ height:30px; line-height:30px; position:absolute; right:90px; top:50%; margin-top:-15px; color:#666; font-size:14px;}
.wap_bbqh a{ color:#666; padding:0px 5px; display:inline-block;}
.wap_bbqh a:hover,.wap_bbqh a.active{ color:#158be0;}

.shubiao{width:56px; position:absolute; bottom:45px; left:50%; margin-left:-26px; z-index:111; background: url(../images/tb_02.png); }
.shubiao img{ width:100%;z-index:111; }
.shubiao .bk{width: 48px; height: 48px; border:#fff  dotted 2px; z-index: 112; border-radius: 50%;}


.demo{
   text-align: center;
    margin-top: 100px;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.an{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}

.index_bg1{ background:#fff url(../images/bg1.jpg) right bottom no-repeat; background-size:cover; background-color:#fff;}

.i_introduction{ padding:140px 0px 130px 0px; }
.i_introduction_t{width:100%; align-items:center;}
.index_bg2{padding: 2% 0;}
.index_bg2 .custom{padding-bottom: 1.5%; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 2%;}
.index_bg2 .custom .custom_cn{text-align: left; color: #000;}
.index_bg2 .custom .custom_en{font-size: 22px; display: block; overflow: hidden; width: 100%;}
.index_bg2 .custom .custom_en a{position: relative; padding-right: 30px;color: #e13505; }
.index_bg2 .custom .custom_en a:after{position: absolute; content: '';transition: all ease-in-out .5s;  right: 0; top:calc(50% - 12px); width: 24px; border-radius: 50%; height: 24px; color: #e13505; background:#e13505 url(../images/more_bg.png) no-repeat center center; background-size: 10px;}
.index_bg2 .custom .custom_en a:hover{padding-right: 35px;}
.index_bg2 .custom .custom_en a:hover:after{right: 5px; transition: all ease-in-out .5s; }
.custom_cn{font-size: 48px; text-align: center;}
.custom_cn .s1{color: #fff;font-weight: bold;font-size: 48px;}
.custom_cn .s2{color: #fff; width: 100%; color: #fff; text-align: center; font-size: 22px;}
.index-pp {display: block; overflow: hidden; position: relative; 
  background-image: url(../images/hzpp.jpg);  background-size: cover;
  background-position: center;  background-repeat: no-repeat;
  background-attachment: fixed; /* 关键：背景固定不随滚动移动 */}
.index-pp:before{display: block; position: absolute; content: ''; left: 0px; top: 0; width:15%; height: 80%; background: url(../images/hzpp1.png) no-repeat left top; background-size: 100%;}
.index-pp:after{ width:0%; height: 60px; background: #e13505; content: ''; bottom: -1px; left: 0; position: absolute;transition: all ease-in-out 0.5s;
 clip-path: polygon( 0 0, /* 左上角 —— 直角 */ 84% 0,/* 右上角（向左缩进）→ 钝角 */100% 100%,    /* 右下角（到底部最右）→ 锐角 */    0 100%         /* 左下角 —— 直角 */
  );}
  .index-pp:hover:after{width: 18%; transition: all ease-in-out 0.5s;}
.index-pp .custom_cn{ width: 76%; margin: 5% auto;}
.index-pp .custom_cn .s2{padding: 3% 0;}
.hzpp a{margin: 2%; overflow: hidden;}
.hzpp a img{padding: 0px; margin: 0px; display: block; /* 或者 */

  vertical-align: bottom; /* 移除底部空白 */}
.custom_cn .custom_more{ text-align: center; line-height: 1;}
.custom_cn .custom_more a{font-size: 16px; color: #fff; border: 2px solid #fff; width: 160px; padding-left: 30px; background: url(../images/more.png) no-repeat 80% center; text-align: left; height: 42px; line-height:38px; border-radius: 21px;}
/*首页产品START*/
.index_pro{background: url(../images/bg2.jpg) no-repeat left top; background-size: cover;padding: 3% 0;}
.index_pro .in_more{margin: 2% auto 0 auto;}
.index_pro .custom_cn {/*! padding-top: 5%; */}
.index_pro .custom_cn .s1{color: #000; position: relative;}
.index_pro .custom_cn .s1 span{display: block; z-index: 2;color: #000; position: inherit;}
.index_pro .custom_cn .s1:after{width: 192px; height: 10px; background: #e13505; content: ''; bottom: 14px; position: absolute; left: 50%; margin-left: -96px; z-index: 0;}
.index_pro .custom_en{text-align: center;font-size: 22px;padding-bottom: 3%;}
 .container {
      max-width: 100%;
      margin: 0 auto;
      display: flex;
      gap: 20px;
      /*! background: white; */
      padding: 0;
      border-radius: 10px;
      /*! box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
      flex-wrap: wrap;
    }

    /* 左侧分类 */
    .product-categories {
      width: 260px;
      flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      background: white;
      /*! padding: 1%; */
    }

    @media (max-width: 768px) {
      .product-categories {
        width: 100%;
      }
      .recommended-products {
        width: 100%;
      }
      .container {
        flex-direction: column;
      }
    }

    .category-group {
    }

    .category-title {
      font-size: 16px;
      font-weight: bold;
      color: #333;
      margin-bottom: 8px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #f4f5f8;
      padding: 4% 8%;
    }

    .category-title::after {
      content: '▼';
      font-size: 12px;
      color: #999;
      transition: transform 0.3s;
    }

    .category-group.mobile-collapsed .category-title::after {
      transform: rotate(-90deg);
    }

    .subcategories {
      list-style: none;
      max-height: 1000px;
      overflow: hidden;
      transition: max-height 0.3s ease, opacity 0.3s ease;
      margin: 3%;
    }

    .category-group.mobile-collapsed .subcategories {
      max-height: 0;
      opacity: 0;
    }

    .subcategories li {
      padding: 7px 12px;
      cursor: pointer;
      border-radius: 5px;
      font-size: 14px;
      color: #555;
      transition: background 0.2s, color 0.2s;
    }

    .subcategories li:hover,
    .subcategories li.active {
      background-color: #fbece7;
      color: #E13505;
    }

    /* 右侧商品 */
    .recommended-products {
      flex: 1;
    }

    .recommended-products h2 {
      font-size: 18px;
      margin-bottom: 20px;
      color: #333;
    }

.product-list {

  display: flex;

  flex-direction: column;

  gap: 20px;

  /* 关键：设置固定最小高度（根据你的设计调整） */

  min-height: 380px; /* ≈ 3 * (100px 图片 + padding + 文字) */

  position: relative;

}

    /* 商品项淡入动画 */
    .product-item {
      display: flex;
      gap: 16px;
      padding: 16px;
      /*! border: 1px solid #eee; */
      border-radius: 8px;
      opacity: 0;
      transform: translateY(3px);
      animation: fadeInUp1 0.4s forwards;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      background: white;
    }

    @keyframes fadeInUp1 {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .product-image {
      width: 134px;
      height: 134px;
      object-fit: cover;
      border-radius: 6px;
      background-color: #f0f0f0; float: left; margin-right: 2%;
    }

    .product-info {
      flex: 1;
    }

    .product-info h3 {
      font-size: 20px;
      margin-bottom: 8px;
      color: #222;
    }

    .product-info p {
      font-size: 16px;
      color: #333;
      line-height: 1.5;
      margin-bottom: 10px;
      height: 50px;
      line-height: 25px;
      overflow: hidden;
    }

    .product-info a {
      display: inline-block;
      font-size: 14px;
      color: #1976d2;
      text-decoration: none;
    }

    .product-info a:hover {
      text-decoration: underline;
    }

    /* Loading 样式 */
    .loading {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 120px;
      color: #999;
    }

    .spinner {
      width: 24px;
      height: 24px;
      border: 3px solid #f3f3f3;
      border-top: 3px solid #1976d2;
      border-radius: 50%;
      animation: spin 1s linear infinite;
      margin-right: 10px;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
.product-item .pro_more{ font-size: 16px; position: relative; width: 160px; height: 40px;color: #999; transition: all ease-in-out .5s;}
.product-item .pro_more:after{ transition: all ease-in-out .5s;position: absolute; content: ''; right: -20px ; width: 16px; height: 16px; border-radius: 50%; background:#ccc url(../images/more_bg.png) no-repeat center center; background-size: 8px; top: 3px;}
.product-item:hover .pro_more:after{background-color:#e13505 ;}
.product-item:hover .pro_more{color: #E13505; padding-left: 5px; transition: all ease-in-out .5s;}
.product-item{position: relative;}
.product-item:after{position: absolute; content: ''; width: 0px; height: 3px;background: #e13505; transition: all ease-in-out .5s; bottom: 0; left: 0;}
.product-item:hover:after{position: absolute; content: ''; width: 100%; height: 3px;background: #e13505; transition: all ease-in-out .5s;}
/*首页产品END*/

/*首页 新闻START*/
.container1 {
      max-width: 100%;
      margin: 0 auto;
    }
   
.container1 .swiper-button-prev{width:50px; height:50px; background:#ccc url(../images/tb_36.png) center center no-repeat;  position:absolute; left:-6%; top:60%; margin-top:-42px;-webkit-transition:all 0.5s;transition:all 0.5s;border-radius: 6px;}
.container1 .swiper-button-prev:hover{background:url(../images/tb_36.png) center center no-repeat; background-color:#e13505;}
.container1 .swiper-button-next{width:50px; height:50px;background:#ccc url(../images/tb_37.png) center center no-repeat;  position:absolute; right:-6%; top:60%; margin-top:-42px;-webkit-transition:all 0.5s;transition:all 0.5s;border-radius: 5px;}
.container1 .swiper-button-next:hover{background:url(../images/tb_37.png) center center no-repeat; background-color:#e13505;}
.container1 .swiper-pagination {
	position: relative;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	top: 30px;
}

 /* 标签栏 */
    .tabs {
      display: flex;
      gap: 12px;
      justify-content: left;
      margin-bottom: 24px;
    }

    .tab {
      padding: 10px 40px;
      background-color: #e9ecef;
      border-radius: 25px;
      cursor: pointer;
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      transition: all 0.2s;
      white-space: nowrap;
    }

    .tab.active,
    .tab:hover {
      background-color: #e13505;
      color: white;
    }

    /* 新闻卡片 */
    .news-card {
      background: #f6f6f6;
      border-radius: 0;
      overflow: hidden;
      /*! box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); */
      height: 100%;
      display: flex;
      flex-direction: column; position: relative;
    }
    .news-card:after{width: 0; height: 3px; background: #E13505; bottom: 0px; left: 0; content: ''; transition: all ease-in-out 0.5s;}
.news-card:hover:after{width: 100%; transition: all ease-in-out 0.5s;}
.newimg{display: block; overflow: hidden; display: flex;}
    .news-img {
      width: 100%;
      /*! height: 120px; */
      object-fit: cover;
    }

    .news-content {
      padding: 5%;
      flex: 1;
      /*! display: flex; */
      flex-direction: column;
    }

    .news-title {
      font-size: 22px;
      color: #222;
      margin-bottom: 8px;
      line-height: 1.4; height: 30px; overflow: hidden;
    }
.news-card:hover .news-title{color: #E13505;}
    .news-summary {
      font-size: 14px;      color: #666;      flex: 1;
      line-height: 1.5;      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      height: 72px;
      line-height: 24px;
      display: block;
    }

    .news-time {
      font-size: 14px;
      color: #666666;
      margin-top: 8px;
    }
    .news-time span{font-size: 24px;}

    /* Swiper 区域 */
    .swiper {
      padding: 10px 0; overflow: hidden;
    }

    /* 导航按钮样式 */
    .swiper-button-next,
    .swiper-button-prev {
      color: #e13505;
      --swiper-navigation-size: 24px;
    }

    /* 手机端隐藏箭头（可选） */
    @media (max-width: 768px) {
      .swiper-button-next,
      .swiper-button-prev {
        display: none;
      }
    }
/*首页 新闻END*/

.i_title_en{ color:#000000; font-size:18px; line-height:1.6;}
.i_title_en.active{ text-align:center;}
.i_title_cn.active{ text-align:center; background:none;}
.i_title_cn .s1{ padding-right:20px; font-size:48px;color:#000; display:inline-block; line-height:1.6;}
.i_title_cn.active .s1{ padding:0px 20px;}
.i_introduction_r{width:57%; float: right;padding:0 5% 0 0;}
.i_introduction_r .wz_text{ margin:3% 0px; line-height:30px; overflow:hidden; color:#000000; font-size:16px;  text-align:justify; display: block; overflow: hidden;}
.i_introduction_r .wz_text .wz_text_p{font-size: 24px; padding-bottom:5%;}
.i_introduction_r .wz_text p{line-height: 30px;}
.in_more{  text-align: left; text-indent: 18%;  height:46px; line-height:44px; width:170px;background:#E13505 url(../images/more1.png) no-repeat 80% center;     /* W3C syntax */ font-size:18px; color:#fff; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;
 border-radius: 25px;
font-weight: bold; position: relative;
}

.in_more:hover{  padding: 0px 10px 0 8px; background:#E13505 url(../images/more1.png) no-repeat 85% center; color: #fff;}


.in_more1{ display:inline-block; text-align: left; border: 1px solid #e13505; height:40px; line-height:38px; padding:0px 54px 0px 30px; background-color:#fff;-moz-border-radius: 21px;      /* Gecko browsers */
-webkit-border-radius: 21px;   /* Webkit browsers */
border-radius:21px;   color: #e13505;          /* W3C syntax */ font-size:16px; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.in_more1:after{width:30px; height:30px; background:url(../images/jt.png) center no-repeat;  position:absolute; right:12px; top:50%;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); content:""; z-index:1;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */-webkit-transition:all 0.5s;transition:all 0.5s;}

.i_introduction_img{width:37%; display:inline-block; overflow:hidden;}
.i_introduction_img img{width:100%; float:right;}


.i_introduction_b{width:100%; margin-top: 30px;}
.i_introduction_b.about { padding-left: 10%;}
.i_introduction_b{padding:3% 0;}
.i_introduction_b li{ align-items:center; width:25%; padding: 2% 0;}
.i_introduction_b.about li{ align-items:center; width:20%;}
/*.i_introduction_b li .a_img{ max-width:54px; display:inline-block; width: 14%;}
.i_introduction_b li .a_img img{ max-width:100%;}*/
.i_introduction_b li .a_number{ display:inline-block; font-size:16px; margin:0px 10px; color:#e13505; text-align: center; width: 100%;}
.i_introduction_b li .a_number span{ font-size:36px;font-family: "OsRegular";}
.i_introduction_b li .a_text{display:inline-block; color:#999999; font-size:16px; line-height:1.5; width: 100%;text-align: center;}
.i_introduction_b li .a_text span{ color:#333333; font-size:24px;font-family: "OsRegular"; }
.i_introduction_b li .a_number span.ysj{font-size: 16px; font-family: verdana;transform: translateY(-20px);  position: relative; /* 或者 absolute, fixed, sticky 等 */
  top: -20px;}

.index_bg2{ background: url(../images/map.jpg) no-repeat 80% 15%; display:block; overflow: hidden;}




.i_fbg{ background:url(../images/footer_bg.jpg) no-repeat left top; background-size: cover;}

.footer{ padding:2% 0; display: block; overflow: hidden;}
.footer_l{width:26%; float: left;}
.footer_l_logo{width:100%;}
.footer_add{color: #fff;}
.footer_l_t img{ height:57px;}
.footer_l_logo_ewm{width:15%; display:none;}
.footer_l_logo_ewm img{width:100%;}
.footer_l_c{width:100%; font-size:14px; line-height:2.2; color:#fff;}
.footer_l_c  img{ max-width:100%; height:auto !important;}
.footer_r_c_exm{width:100px; padding-top:10px; float: right; text-align: center; color: #fff;}
.footer_r_c_exm img{ width:100%; height:auto !important; padding: 5px;}

.footer_r{width:calc(74% - 100px); padding-top:30px; float: left !important;}
.footer_r li{ display:inline-block; width: 14%; float: left;}
.footer_r li:nth-child(3){width: 20%;}
.footer_r li .a1{ display:inline-block; line-height:1.6; color:#fff; margin-bottom:17px; font-size:16px; }
.footer_r li .a1:hover{ color:#ccc;}
.footer_r li .a1{ padding:5px 0px;  display:inline-block; line-height:1.5; color:#fff; font-size:16px; position:relative;}
.footer_r li .a1:after{width:0px; height:1px; background-color:#f5bdae; position:absolute; left:0px; top:50%; margin-top:-0.5px; content:""; z-index:1;-webkit-transition:all 0.5s;transition:all 0.5s;}
.footer_r li .a1:hover{ color:#f5bdae; padding-left:18px;}
.footer_r li .a1:hover:after{ width:10px;}
.footer_r li dl dd a{ display:inline-block; line-height:1.6; color:#fff; margin-bottom:17px; font-size:16px; }
.footer_r li dl dd a:hover{ color:#ccc;}
.footer_r li dl dd a{color: #fff; font-size: 14px; position: relative;}
.footer_r li dl dd a:after{width:0px; height:1px; background-color:#f5bdae; position:absolute; left:0px; top:50%; margin-top:-0.5px; content:""; z-index:1;-webkit-transition:all 0.5s;transition:all 0.5s;}
.footer_r li dl dd a:hover{ color:#f5bdae; padding-left:18px;}
.footer_r li dl dd a:hover:after{ width:10px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_ff{ background-color:#333333; border-top:1px solid #484848; }
.i_footer_bq{ display: block; background: #000; overflow: hidden; text-align:center; padding:10px 1%; color:#fff; font-size:14px; line-height:2; text-align:center; }
.i_footer_bq a{ color:#fff;}
.i_footer_bq a:hover{ color:#fff;}


.video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:100011111111111; left:0px; top:-100%;}
.video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}
.video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}
.none{display: none;}
.block{display: block;}


.n_banner{width:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; position:relative; display: block; overflow: hidden; line-height: 0;}
.n_banner img{width:100%;}
.n_banner:after{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; content:""; background:url(../images/tb_26.png) top center repeat-x;}
.n_banner_text{width:100%; position:absolute; left:0px; top:50%; color:#fff; font-size:24px; z-index:2; font-weight:lighter;text-align: center;}
.n_banner_text .s1{ font-size:46px; line-height:2; position: relative; font-weight: normal;text-align: left;
display: block;}

.n_banner_text1{width:100%; position:absolute; left:0px; top:50%; color:#fff; font-size:30px; z-index:2; text-align: left; font-size: 52px;}

.n_banner_text .w1400{ line-height:1.4;font-size: 24px;}
.n_menu{ background:url(../images/tb_27.png) repeat;width:100%; position:absolute; left:0px; bottom:0px; z-index:2; text-align:center;}
.n_menu ul li a{ padding:0px 20px; margin:0px 20px; height:60px; line-height:60px; color:#fff; font-size:18px;}
.n_menu ul li a:hover,.n_menu ul li a.activemenu{ background-color:#377ce6; color:#fff;}

.where{ display: inline-block; float: left; height: 60px; line-height: 60px; color: #fff; font-size: 20px; }
.where a{color: #fff;}
.w1200 .where{font-size: 14px;}
.n_menu .list_li{ display: inline-block; float: left; height: 60px; line-height: 60px; color: #fff; font-size: 14px;}
.n_menu .list_li a{color: #fff; padding: 0px 30px; font-size: 16px;}
.n_menu .list_li a.now,.n_menu .list_li a:hover{background: #e13505;}
.a_zxlmenu{width:100%; position:relative; display:none; z-index:111;}
.a_zxlmenu_t{width:100%;padding:1% 0px; font-size:16px; text-align:center; background-color:#e13505; color:#fff; cursor:pointer; background-size:40px;}
.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px;  padding:0px; background-color:#eeeeee;text-indent:0px; display:none;-moz-box-shadow:0px 0px 10px #184d93;/*firefox*/  
-webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/  
box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
.a_zxlmenu_c li{width:100%;  float:left; text-align:center;}
.a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px; float:left;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#fff; text-decoration:none; background-color:#e5572e;}
.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #eaeaea;display:none; float:left; background-color:#2f73af;}
.a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}
.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px;}

.n_about{ padding:0% 0px 1% 6%; width: 80%; float: right; border-left: 1px solid #eee;display: block; overflow: hidden;}
.n_about_name{font-size: 24px; color: #000; line-height: 40px; margin-bottom: 30px;}
.n_about.active{ padding-bottom:0px;}
.n_about_t{width:100%; padding: 2% 0;  position:relative; display: block; overflow: hidden; border-bottom: 1px solid #f7f7f7; text-align: left;}
.n_about_t_en{width:100%; line-height:1.0; color:#333; left:0px; top:0px; z-index:1; font-size: 24px;}
.n_about_t_cn{width:100%; line-height:1.6; height:80px; font-weight: bold; line-height: 80px; position:relative; z-index:1;color:#000000; font-size:36px; position: relative;}

.n_about_t_cn1{width:100%; line-height:1.6; height:80px; line-height: 80px; position:relative; z-index:1; text-align:center; color:#000000; font-size:30px; position: relative;}
.page{padding: 2% 0; border-top: 1px solid #e8e8e8; margin: 3% 0; line-height: 1.5;}
.about_bg{background: url(../images/about_bg.jpg) no-repeat 10% 10%; display: block; overflow: hidden; padding: 3.5% 0;}
.n_about_c{ font-size:16px;text-align: left; text-align: justify;}
.n_about_name{font-size: 48px;}
.n_about_c img{ max-width: 100%;}
.n_about_l{ width: 20%; float: left;}
.n_about_l a{font-size: 24px; height: 80px; line-height: 80px; display: block; color: #333;}
.n_about_l a.now{color: #e13505;}
/*荣誉资质*/
.honor { background: url(../images/ry_bg.jpg) no-repeat left top; display: flex; /*! height: 600px; */ /*! margin-top: 3%; */ background-size: cover; background-attachment: fixed ;}
.n_about_honors { background: url(../images/bg3.jpg) no-repeat left top; background-size: 100%; display: block; overflow: hidden; padding: 2% 0; border-top: 1px solid #eeeeee;}
.n_honors_text { padding-top: 15px; line-height: 1.8; text-align: center; color: #666666; font-size: 16px;}
.n_honors_text img { max-width: 100%; height: auto !important;}
.honor_num { display: block; overflow: hidden; position: relative; display: margin-bottom; text-align: center;}
.honor_num ul { display: block; overflow: hidden; display: margin-bottom; align-items: stretch; align-items: stretch; display: inline-flex;}
.honor_num li { display: grid; float: left; text-align: center; margin: 8% 2% 3% 2%; /* flex: 1; */ /* display: inline-block; */ min-width: 200px;}
.honor_num li .number { font-size: 38px; color: #000; width: 100%; height: 50px; line-height: 50px;}
.honor_num li .num_name { font-size: 24px; color: #999999; width: 100%;}
.n_box8_shzr { display: block; overflow: hidden; width: 100%; /*! padding: 10px 0%; */ display: block; overflow: hidden;padding: 3% 0;}
.n_box8_c_zr { width: 100%; margin: 4% 0; position: relative;}
.n_box8_shzr .ny_wmscy_con31 { width: 100%; overflow: hidden;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide { width: 100%; position: relative; padding-bottom: 25px; color: #333333; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div { width: 100%; display: inline-block; position: relative; color: #666666; font-size: 16px; text-align: left;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div:hover { text-decoration: none; color: #666666;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .a_img { width: 80%; margin: 0 10%; /*height: calc(40vh - 30px);*/ display: inline-block; overflow: hidden; background: #fff; display: flex; justify-content: center;}
.n_box8_shzr .n_box8_c_zr .ny_wmscy_con31 .swiper-slide .div .a_img img { max-width: 100%; transition: all ease-in-out .2s; max-height: 100%;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div:hover .a_img { background-color: #e13505; transition: all ease-in-out .2s; border-radius: 0px}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div:hover .a_img img { filter: alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3; transform: scale(1.1); transition: all ease-in-out .5s;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .a_text { width: 100%; height: 30px; line-height: 1; margin-top: 10px; text-align: left; overflow: hidden; color: #999; font-size: 16px; padding: 0px 10%;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .a_text_c { /* width:100%; */ padding: 20px 8% 0 8%; overflow: hidden; /* height:50px; */ /* line-height:30px; */ /* margin-bottom:30px; */ color: #333; font-size: 16px; text-align: left; font-weight: bold;}
.n_box8_shzr .ny_wmscy_con31.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px;}
.n_box8_shzr .wmscy-pagination31 .swiper-pagination-bullet { width: 12px; height: 12px; background-color: transparent; opacity: 1; border: 1px solid #a5a5a5; position: relative;}
.n_box8_shzr .wmscy-pagination31 .swiper-pagination-bullet-active {}
.n_box8_shzr .wmscy-pagination31 .swiper-pagination-bullet-active:after { width: 4px; height: 4px; background-color: #a5a5a5; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px;}
.n_box8_shzr .n_box8_c_zr .wmscy_next31 { width: 30px; height: 70px; background: url(../images/img28.jpg) no-repeat; right: -30px; top: 50%; background-size: 100%; outline: 0;}
.n_box8_shzr .n_box8_c_zr .wmscy_next31:hover { background: url(../images/img28s.jpg) no-repeat;}
.n_box8_shzr .n_box8_c_zr .wmscy_prev31 { width: 30px; height: 70px; background: url(../images/img27.jpg) no-repeat; left: -30px; top: 50%; background-size: 100%; outline: 0;}
.n_box8_shzr .n_box8_c_zr .wmscy_prev31:hover { background: url(../images/img27s.jpg) no-repeat;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .zzry_line { width: 30px; background: #ccc; height: 2px; margin: 0 10%;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide:after { position: absolute; width: 0%; left: 0; bottom: 0; height: 5px; background: #e13505; content: ''; transition: all ease-in-out .5s;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide:hover:after { position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background: #e13505; content: ''; transition: all ease-in-out .5s;}
/*员工风采start*/
.n_jdxm_bg{ background: #fff ;  display: block; overflow: hidden; padding:3% 0;}

.n_jdxm_bg .custom_cn{text-align: center; color: #000;}
.n_jdxm_bg .custom_cn .s1{color: #000;}
.n_jdxm_bg .custom_en{text-align: center;}


.n_jdxm_text{ padding-top:15px; line-height:1.8; text-align:center; color:#666666; font-size:16px;}
.n_jdxm_text img{ max-width:100%; height:auto !important;}

.n_jdxm{ padding:3% 0;}
.n_jdxm ul{display: grid;  gap: 20px;  grid-template-columns: repeat(3, 1fr);}
.n_jdxm li .a_img {display: flex; overflow: hidden; text-align: center;}
.n_jdxm li{text-align: center;}
.a_img_content{height: 40px; margin-bottom: 10px;}
.n_jdxm li img{width: 100%;}
.jdxm-swiper {width: 100%;height: 100%;}
.jdxm-swiper.swiper-container{ overflow:inherit;}
.jdxm-swiper .swiper-slide{width:100%;-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);}
.jdxm-swiper .swiper-slide .div{padding:0 0 0% 0; background-color:#fff; color:#666666; font-size:16px;  /* W3C syntax */-webkit-transition:all 0.5s;transition:all 0.5s;}
.jdxm-swiper .swiper-slide .div:hover{ color:#666;}
.jdxm-swiper .swiper-slide .div .a_img{width:100%; display:inline-block; overflow:hidden;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.jdxm-swiper .swiper-slide .div .a_img img{width:100%; float:left;}




.jdxm-swiper .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.jdxm-swiper .swiper-slide-active .div,.swiper-slide-duplicate-active .div{-moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius:10px;   /* Webkit browsers */
border-radius:10px;            /* W3C syntax */}
.jdxm-swiper .swiper-slide.swiper-slide-prev .div{ background:none; background-color:#fff;}
.jdxm-swiper .swiper-slide.swiper-slide-prev .div .a_img{ float:right;}

.jdxm-pagination .swiper-pagination-bullet{width:20px;  height:20px; margin:0px 1.5% !important; 
transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1; position:relative;-moz-border-radius:0px;      /* Gecko browsers */
-webkit-border-radius: 0px;   /* Webkit browsers */
border-radius:0px;            /* W3C syntax */filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity:1; background-color:#eee; border-radius: 50%;}
.jdxm-pagination .swiper-pagination-bullet-active{ 
animation: rotation 5s linear infinite; 
border-radius: 50%; 
	background-color: #d8262c;width:20px;  height:20px;filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity:1;}
.jdxm-swiper.swiper-container-horizontal>.jdxm-pagination.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ width:100%;  text-align:left; bottom:-20px;  text-align: center;}

.jdxm-swiper .jdxm_prev{width:50px; border-radius: 6px; height:50px; background:#ccc url(../images/tb_36.png) center center no-repeat;  position:absolute; left:5%; top:50%; margin-top:-42px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.jdxm-swiper .jdxm_prev:hover{background:url(../images/tb_36.png) center center no-repeat; background-color:#d8262c;}
.jdxm-swiper .jdxm_next{width:50px;border-radius: 6px; height:50px;background:#ccc url(../images/tb_37.png) center center no-repeat;  position:absolute; right:5%; top:50%; margin-top:-42px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.jdxm-swiper .jdxm_next:hover{background:url(../images/tb_37.png) center center no-repeat; background-color:#d8262c;}

/*员工风采end*/
/*关于我们团队 start*/
.about_bg1{background: url(../images/about_bg1.jpg) no-repeat center bottom; display: block; overflow: hidden; padding: 3.5% 0;}

.td_team ,.td_team ul{ display: block; overflow: hidden;width: 104%;margin: 0 -1%;}
.td_team .li1{width: 100%;padding: 0 1%;}
.td_team .li1 a{width: 100%; color: #000;}
.td_team .li1 .td_team_img{width: 29.8%; float: left;vertical-align:middle;}
.td_team .li1 .td_team_img img{width: 100%;}
.td_team .li1 .td_team_cen{color: #666;}
.td_team .li1 .td_team_cen{width: 66%; float: right;}
.td_team .li1 .td_team_cen .team_name{font-size: 30px; color: #000; margin-bottom: 20px;}

.td_team .li1 .td_team_cen .team_name span{font-size: 18px; padding-left: 20px; display: inline-block;}
.td_team li{width:32%; display: block; overflow: hidden; float: left; color: #333; margin-top: 20px; 
/*! margin-right: 2%; */ padding-right: 2%; border-right: 1px solid #f0f0f0;
padding-right: 0;
padding: 0 2%;
}
.td_team li .td_team_img{width: 100%; float: left; display: block; overflow: hidden; margin-right: 4%; display: block; overflow: hidden; 
position: relative;
}
.td_team li .td_team_img img{ width: 100%;vertical-align:middle;
width:100%; transition: all ease-in-out .5s;}
.td_team li:hover .td_team_img img{ width: 100%; -webkit-transform: scale(1.2);width:100%; transition: all ease-in-out .5s;
	transform: scale(1.2);}
.td_team li h3{font-size: 24px; font-weight: bold; overflow: hidden; font-weight: normal;}
.td_team li .team_con_cen{height: 96px; line-height: 24px; overflow: hidden; margin: 20px 0; width: 100%;}
.td_team li .td_team_cen .team_name{font-size: 30px; width: 100%; display: block; float: left; margin-top: 5%;}
.td_team li .td_team_cen .team_name span{font-size: 18px; padding-left: 20px; display: inline-block;}
.td_team li .content{color: #666; height: 90px; line-height: 30px; display: block; overflow: hidden; margin: 3% 0;width: 100%; display: block; float: left;}
.td_team li .team_more{width: 140px;color: #fff; height: 40px;transition: all ease-in-out .5s; line-height: 40px;text-align: center; float: left; background: #e13505; border-radius: 20px;}
.td_team li a{color: #333; width:100%}
.td_team li:hover .team_more{color: #fff;width: 160px;transition: all ease-in-out .5s;}
.td_team li:hover h3{font-size: 24px; font-weight: bold; overflow: hidden; color: #e13505; font-weight: normal;}




.i_section{
	position: relative;
	box-sizing: border-box;
	width:100%; overflow:hidden;
	}
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-size:cover;
	background-attachment: fixed;
	background-position-x:center !important;
	/*opacity: 0.4;*/
	z-index: 1;
}
.n_text_cen{text-align: center; padding: 30px 0;}




.n_news_bg{ background:#f8f8f8; background-size:cover; display: block; overflow: hidden;}
.n_news{ padding:45px 0px 50px 0px;}
.n_news_ul{width:100%;}
.n_news_ul li{width:100%; margin-bottom:25px; float:left; position: relative;}
.n_news_ul li .div{width:100%; padding:20px 25px; background-color:#fff; color:#666666; font-size:14px; display:inline-block; border-bottom: 1px solid #eee;}
.n_news_ul li .div:hover{ color:#666;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.n_news_ul li .div .a_img{width:28%; display:inline-block; overflow:hidden; float: left;}
.n_news_ul li .div .a_img img{width:100%; float:left;}
.n_news_ul li .div .a_img_c{width:100%; padding:15px 0px;position: relative;}
.n_news_ul li .div .a_img_c .a_time{width:8%;display:inline-block;  text-align:left;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_ul li .div .a_img_c .a_time_t{ padding:5px 0px; line-height:1.5; color:#333333; font-size:36px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_ul li .div .a_img_c .a_time_t1{ padding:5px 0px; line-height:1.5; color:#999999; font-size:16px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_ul li .div .a_img_c .a_time_t2{width:26px; height:26px; display:inline-block; background:url(../images/tb_09.png) center no-repeat; margin-top:5px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_ul li .div .a_img_c .a_img_r{width:56%; display:inline-block;float: left;}
.service .n_news_ul li .div .a_img_c {padding: 1%;}
.service .n_news_ul li .div .a_img{width:25%; display:inline-block; overflow:hidden; float: left;}
.service .n_news_ul li .div .a_img_c .a_img_r{width:70%; display:inline-block;float: left;}
.n_news_ul li .div .a_img_r_t{width:100%;  height:37px; margin-top: 0;  line-height:37px; overflow:hidden; color:#333333; font-size:24px; display:inline-block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_ul li .div:hover .a_img_r_t{ color:#e13505;}
.n_news_ul li .div .a_img_r_c{width:100%; height:75px; line-height:25px;font-size: 16px; overflow:hidden; text-align:justify; margin:10px 0; color: #333333;}
.n_news_ul li .div:hover .a_img_c .a_time_t2{ background:url(../images/tb_09s.png) center no-repeat;background-color:#e13505;}
.n_news_ul li .div:hover .a_time_t,.n_news_ul li .div:hover .a_time_t1{ color:#e13505;}
.n_news_ul li .read_more{float: left; max-width: 140px; min-width: 100px; width: 50%; background: #e13505; height: 40px; line-height: 40px; color: #fff; text-align: center; margin: 20px auto 0 auto;}
.n_news_ul.min li .div .a_img{ width: 18%; line-height: 0;}
.n_news_ul.min li .div .a_img_r_c{margin:0; height: 50px; margin: 10px 0; line-height: 25px;}
.n_news_ul.min  li .div .a_img_c .a_img_r{width: 60%; padding-right: 5%;}
.n_news_ul li:before{position: absolute; width: 0%; transition: all ease-in-out .5s; height: 80%;content: '';background: url(../images/hzpp1.png) no-repeat left top; background-size: 100%;}
.n_news_ul li:hover:before{position: absolute; width: 3.5%;transition: all ease-in-out .5s; height: 80%;content: '';background: url(../images/hzpp1.png) no-repeat left top; background-size: 100%;}
.show_new{background: #fff; padding: 3%;}
.n_news_details{width:100%; color:#333333; font-size:16px; line-height:2; overflow:hidden; text-align:justify;}
.n_news_details img{ max-width:100%; height:auto !important;}
.n_news_details_t{ padding:2% 0; border-bottom: 1px solid #eee; margin-bottom: 2%;}
.n_news_details_title{width:100%; color:#000000; font-size:36px; text-align:center;}
.n_news_details_time{width:100%; line-height:1.8; color:#666666; font-size:16px; padding-top:5px; text-align:center;}
/*行业应用*/
.n_custom{display: block; overflow: hidden;  margin: 5% 0 0 0;}
.n_custom .n_custom_name{font-size: 30px; display: block; height: 60px; border-bottom: 2px solid #eeeeee; position: relative;}
.n_custom .n_custom_name:after{display: block; width: 120px; height: 2px; content: ""; left: 0px; bottom: -2px; position: absolute; background: #e13505;}

.n_service{padding: 2% 0 0 0; border: 1px solid #eee;border-top: none;}
.n_service a{ display: block; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; position: relative;}
.n_service a:last-child{border-bottom: none;}
.n_service a:after{ transition: all ease-in-out .2s;position: absolute; right: 15%;  background: #fff url(../images/proli2.png) 90% center no-repeat;transform: rotate(90deg); /* 这里的角度值根据需求调整 */
width: 20px; height: 20px; content: ''; top: calc(50% - 10px);
}
.n_service a.new{color: #e13505;}
.n_service a.new:after{ background: #fff url(../images/proli3.png) 90% center no-repeat;}
.n_service a:hover:after{right: 10%; transition: all ease-in-out .2s;}

/*联系我们*/
.contact_bg{ border-top:1px solid #f1f2f3; background: #f6f6f6; padding: 3% 0;}
.n_contact{width:100%;  background: #fff;}
.n_contact_name{width:100%; padding: 4% 4%; text-align: center;}
.n_contact_cn{font-size: 36px;}
.n_contact_content{font-size: 16px; color: #666;max-width: 1020px;
  margin: 0px auto;}
.n_contact_l{width:36%; padding-right:2%;}
.n_contact_l_t{ padding-bottom:15px; margin-bottom:40px; position:relative; color:#000; font-size:30px; line-height:1.3;font-family: 'OsRegular';}
.n_contact_l_t span{ font-size:26px; font-weight:normal; font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif;}
.n_contact_l_t:after{width:40px; height:3px; background-color:#e13505; position:absolute; left:0px; bottom:0px; z-index:1; content:"";}
.n_contact_l_t.active{ padding:0px; margin:0px; text-align:center; color:#e13505;}
.n_contact_l_t.active span{ color:#000;}
.n_contact_l_t.active:after{ left:50%; margin-left:-20px; display:none;}

.n_contact_l .div_l_c{width:100%; padding: 8%;}
.n_contact_l .div_l_c table tr td{ padding:15px 0px;color:#000000; font-size:16px;}
.n_contact_l .div_l_c table tr td img{width: 24px; margin-right: 10px;}
.n_contact_l .div_l_c table tr td .s1{ font-size:24px; line-height:1.2;}
.n_contact_l .div_l_c table tr td .s2{ color:#e13505; font-size:36px; line-height:1.2;}
.n_contact_r{width:55%; height:460px; overflow:hidden;vertical-align:middle; float: right;display:block; display:flex}
.n_contact_r img{display:block; width: 100%;}

.bg-bs {width: 100%; background: #fff; height: auto;position: relative;overflow: hidden; display: block; padding: 3% 0;}
.bg-bs_1 {width: 100%; background: #f1f2f3; height: auto;position: relative;overflow: hidden; display: block;}

/*产品列表页start*/
.n_pro{display: block; padding-bottom: 5%;}
.n_pro_ys{padding: 3% 0;}
.n_pro_ys ul{padding: 2% 0;}
.a_text_c{text-align: center;}
.n_pro .n_pro_list{display: block; overflow: hidden; padding: 3% 0;}
.n_pro .n_pro_list a{margin: 20px 20px 20px 0px; border: 1px solid #eeeeee;cursor: pointer; color: #000000; padding: 10px 30px; border-bottom-left-radius: 20px; border-top-right-radius: 20px;}
.n_pro .n_pro_list a.on,.n_pro .n_pro_list a:hover{color: #E13505; background: #fbece7; border: 1px solid  #fbece7;}
.n_pro ul{display: grid; grid-template-columns: repeat(4, 1fr); /* 每行 4 列，等宽 */
  gap: 16px; /* 可选：列与行之间的间距 */}
.n_pro li{display: flex; flex-direction: column; text-align: center;}
.n_pro li .pro_img{}
.n_pro li .pro_img{border: 1px solid #eeeeee;flex: 1;  }
.n_pro li .pro_img img{width: 100%; display:block;}
.pro_con_name{ line-height: 30px;}
/*产品介绍start*/
.product{ margin-top: 2%;}
.product .product_l{ width: 20%; float: left;    text-align: left; text-indent: 15%; margin-bottom: 50px;}
.product .product_r{width: 79%; float: right; display: block; overflow: hidden;}
.product .product_l .product_name{  height: 100px;  color: #000; font-size: 30px; line-height: 100px; border: 1px solid #eeeeee;}
.product_l ul{width: 100%; }
.product_l li {width: 100%; margin-top: 10px;}
.product_l li .now_a{background:#fff url(../images/proli2.png) 90% center no-repeat;}
.product_l li .now_a{ width: 100%;border:1px solid #eee; height: 70px; background-color: #fff; color: #333; display: block; overflow: hidden; font-size: 18px; line-height: 70px;}
.product_l li .active_p{	
	border:1px solid #eee; width: 100%; height: 70px;color: #fff; background:#e13505 url(../images/proli1.png) 90% center no-repeat; display: block; overflow: hidden; font-size: 18px; line-height: 70px;}

.product_l li dl{ width: 100%; background-color: #fff;padding: 10px;text-align: left; border: 1px solid #eee; border-top: none;}
.product_l li dl dd{line-height: 40px; height: 40px; font-size: 16px; background:#f7f7f7; margin-bottom: 5px;}
.product_l li dl dd a{display: block; color: #333;}
.product_l li dl .pro_now{color: #e13505; background:#f7f7f7;}
.product_l li dl a{  color: #e13505; background: transparent no-repeat 90% center;}
.product_l li .active_p:hover{color: #fff;}
.product_l li dl a:hover{  color: #e13505; background: url(../images/pro_li_now.png) no-repeat 85% center;}

.product .product_r li{ width: 47%; float: left;border: 1px solid #eee; padding: 3%; margin:0% 1% 2% 1%;}
.product .product_r li .a_img{width: 100%; display: block; overflow: hidden;}
.product .product_r li .a_img img{width: 100%;}
.a_img_r_t{font-size: 24px; height: 30px; line-height: 30px; display: block; overflow: hidden; margin-top: 20px;}
.product .product_r li .read_more{border-radius: 0;}
.product li .read_more{border-radius: 0; width: 140px; line-height: 38px; line-height: 38px; text-align: center; background: #e13505; color: #fff;transition: all ease-in-out .2s;}
.product li:hover .read_more{ background: #e13505; color: #fff; transition: all ease-in-out .2s;}

.product1{width: 79%; float: right; display: block; overflow: hidden;}
.product1 li{ width: 30%; float: left;border: 1px solid #eee; padding: 1%; margin:0% 1% 2% 1%; text-align: center;}
.product1 li .a_img{width: 100%; display: block; overflow: hidden; width: 100%; text-align: center;}
.product1 li .a_img img{width: 100%;}
.product1 li .read_more{border-radius: 0; margin: 20px auto 20px auto; border: 1px solid #d2d2d2; background: #fff; color: #666666;transition: all ease-in-out .2s;}
.product1 li:hover .read_more{ background: #e13505;border: 1px solid #e13505; color: #fff; transition: all ease-in-out .2s;}
.product1 li .a_img_r{width: 100%;}


.product_r_n {height: 60px;}
.product_r_n h3{font-size: 26px; color: #222; float: left;} 
.product_r_n .where_1{font-size: 16px; text-align: right;color: #888;}
.product_r_n .where_1 a{color: #888;}
.product_r_n .where_1 a:hover{color: #e13505;}
.ny_content{line-height: 1.8; font-size: 16px; color: #333;padding-bottom: 50px; }
.ny_content img{max-width: 100%;}


/*产品介绍 end*/  
/*产品详细页start*/
.pc-slide {	width: 100%;	margin: 0 auto;}
.show_cen {width: 1220px; margin: 50px auto; display: block; overflow: hidden;}
.view .swiper-container {	width: 100%;	height: 400px !important;}
.view .swiper-wrapper{height: 400px;}
.view{border:1px solid #fff;}

.view .swiper-slide{width:100%;  text-align: center;}
.view .swiper-slide img{width:auto; position:absolute; left:50%;top:48%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-height: 100%;margin: 0 anchor-size;} 
.view .arrow-left {	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;	left: 10px;	top: 50%;	margin-top: -25px;	width: 28px;	height: 51px;	z-index: 10;
	 background-size:100%;	  display:none;}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;	position: absolute;	right: 10px;	top: 50%;	margin-top: -25px;	width: 28px;	height: 51px;
	z-index: 10;	 background-size:100%;	 display:none;}
.preview {	width: 100%;	margin-top:20px;	position: relative; max-height: 120px;}
.preview .swiper-container {	width:90%;	overflow:hidden;	height: 100px;	 margin-left:8%;/*	margin:0px 10%;*/}
.preview .swiper-slide {	width: 90px; height:90px;margin:0px 6px;	float:left;	cursor:pointer;border:1px solid #eee;}
.preview .slide6 {	width: 109px;}
.preview .arrow-left {
	background: url(../images/img8.jpg) no-repeat left center;background-size: cover;	position: absolute;	left: 0px;	top: 0%;	margin-top:0px;	width: 30px;	height: 90px;	z-index: 10;}
.preview .arrow-right {	background: url(../images/img9.jpg) no-repeat left center;	background-size: cover;position: absolute;	right: 0px;	top: 0%;	margin-top: 0px;	width: 30px;	height: 90px;	z-index: 10;}
.preview .arrow-right:hover{	background: url(../images/img9s.jpg) no-repeat left center;background-size: cover;}
.preview .arrow-left:hover{	background: url(../images/img8s.jpg) no-repeat left center; background-size: cover;}
.preview .swiper-slide img{width:100%; height:100%; }
.preview .active-nav {border:1px solid #e13505; width: 90px;}
.preview .active-nav img {	padding: 0;	 width: 100%;}
.pro_r_img_con{padding: 3%; background: #fff; margin-top: 20px;}
.pro_r_img_con .pro_r_name{font-size: 24px;}
.pro_r_img_con .pro_r_show{ line-height: 1.8; font-size: 16px;}
.pro_r_img_con .pro_r_show img{width: 100%;}
.border-b{/*! border-bottom: 1px solid #f7f7f7; */}

.a_content_c1{border:1px solid #eee; display: block; overflow: hidden; padding: 2% 0 0 2%; background: url(../images/pro_bg.jpg) repeat-y 540px top;}
.pro_show_con{float: left; width: 480px; }
.pro_show_con_js{float: right; width: calc(100% - 517px); padding-left: 0;height: calc(58vh - 3vh);}
.pro_show_con_js .name{font-size: 30px;border-bottom: 1px solid #f2f2f2;padding-left: 5%;height: 100px;line-height: 40px;}
.pro_show_con_js .pro_content1{ color: #666; border-top: 1px #f1f1f1;}
.pro_content1 ul{padding: 3% 5%;height: calc(50vh - 180px);overflow: auto;}
.pro_show_con_js .pro_content1 .pro_con_name{ font-size: 16px; color: #333333; font-weight: normal;font-weight: bold;}
.pro_show_con_js .pro_content1 li{width:100%; color: #666666; }
.pro_show_con_js .pro_content1 li.li1{width: 100%; }
.pro_pub{border-top: 1px solid #f1f1f1;display: -moz-grid; height: 126px;}
.pro_pub .pro1,.pro_pub .pro2,.pro_pub .pro3{ flex: 1;  height: 126px;width:30%; padding: 2% 2% 2% 5%; float: left;background:url(../images/pro_bg.jpg) repeat-y right top;}
.pro_pub .pro3{background:none;}
.pro_pub .pro2 img{width: 74px;}
.a_text_c{font-size: 14px;}
.pro_pub .pro1{width: 40%; }
.pro_cen_s1{line-height: 24px; padding-bottom: 20px; overflow: hidden; font-size: 16px; color: #666666; }
.pro_tel{color: #e13505; font-size: 24px;}
.ll_a_gm{margin-top: 20px;}
.ll_a_gm a{width: 140px; margin-right: 20px; background: #2eb6aa; color: #fff; font-size: 18px; height: 47px; line-height: 47px; display: inline-block; text-align: center;}
.ll_a_gm a:nth-child(2){background: #e13505;}
.show_cen_ui{border-bottom: 1px solid #e5e5e5; clear: both; margin-top: 40px; display: block; overflow: hidden; }
.show_cen_ui li{float: left; width: 100px;  line-height: 40px; height: 40px; margin-top: 30px; font-size: 18px; text-align: center; cursor: pointer;}
.show_cen_ui li.c1{border-bottom: 2px solid #032aa6; color: #032aa6;}
.ws_img_con{/*! padding: 30px 0; */ /*! overflow: hidden; */ font-size: 16px; line-height: 1.6; /*! min-height: 300px; */}

.a_content_b{ width:84%; margin:50px auto;max-width: 1440px; display: block; overflow: hidden;}

.a_con_b_l{width: calc(100% - 400px); float: left;}
.pro_custom {height: 40px; border-bottom: 1px solid #e5e5e5; position: relative; font-size:24px; color:#e13505 ; padding-left: 20px; line-height: 30px;}
.pro_custom:before{position: absolute; width: 4px; height: 22px; background-color: #e13505; content: ''; top: 5px; left: 0; }
.pro_custom .name{ }
.a_con_b_r{width: 300px; float: right;}
.a_con_b_r .product li{width: 100%;margin-right: 0%;}
.a_con_b_content {font-size: 16px; line-height: 1.8; padding: 30px 0; border-bottom: 1px solid #e5e5e5; text-align: justify;}
.a_con_b_content img{max-width: 100%;}
.a_con_b_content table{max-width: 100%;}
.pro_page{border: 1px solid #eee; padding:  1% 2%; margin-top: 2%; display: block; overflow: hidden; background: #fff;}
.n_news .pro_page{border: none;}
.pro_page .pro_page_l{float: left; width: calc(100% - 140px);}
.pro_page .pro_page_l a{display: inline-block; padding:8px 0; font-size: 14px;}
.pro_page .pro_page_l a:hover{ color: #e13505;}
.pro_page .pro_page_r{background: #f7f7f7; margin-top: 20px; font-size: 14px; width: 124px; text-align: center; float: right; display: block;  height: 40px; line-height: 40px; color: #fff; cursor: pointer;}
.pro_page .pro_page_r{float: right; width: 140px;}
.pro_page .pro_page_r:hover {background-color: #e13505; color: #fff;}
.pro_page .pro_page_r:hover a{color: #fff;}
.xgxh{padding-top: 0; width: 350px; float: right;border: 1px solid #eee;}
.xgxh_name{font-size: 24px;text-align: center;border-bottom: 1px solid #eee;height: 60px;line-height: 60px;}
.xgxh li{ width: 100%; float: left;border-bottom: 1px solid #eee; padding: 3%; margin:2% 1% 0 0%; position: relative;}
.xgxh li:after{ border-bottom: 2px solid #e13505; width:0%; content: ''; position: absolute; left: 0;  bottom: 0; transition: all ease-in-out .2s;}

.xgxh li:hover:after{ border-bottom: 2px solid #e13505; width:100%; content: ''; position: absolute; left: 0;  bottom: 0;}
.xgxh li .a_img{width: 40%; display: block; overflow: hidden;}
.xgxh li .a_img img{width: 100%;}
.xgxh li .a_img_r{display: block; width:55%;float: left;}
.xgxh li .a_img_r_t{font-size: 16px; height: 30px; line-height: 30px; display: block; overflow: hidden; margin-top: 20px; text-align: left;}
.xgxh li .a_img_r_c{font-size: 16px; color: #666666; height: 72px; line-height: 24px; display: block; overflow: hidden; margin: 5% 0;}
.xgxh li .read_more{border-radius: 0;}
.xgxh li:last-child{border-bottom: none;}
/*产品展示END*/


.service_r{width:calc(100% - 370px); float: left; display: block; overflow: hidden; border: 1px solid #eee;}
.service_r .pro_page{border: none; border-top: 1px solid #eee;}
.inner_top_c_r {width:100%; height: 60px; line-height: 60px; background: #f6f6f6;}
.inner_top_c_r li{  /*! float: left; */ /*! text-align: right; */ height:60px;display: inline-flex;padding: 0px 4%;}
.inner_top_c_r li a{ height:4.06em; line-height:4.06em; color: #666666; font-size: 16px; position:relative; display:inline-block;}
.inner_top_c_r li.activetop a:hover,.inner_top_c_r li.activetop a,.inner_top_c_r li.active a{ color:#e62129;}
.inner_top_c_r li a:after{width:0; height:3px; background-color:#fd92ad; position:absolute; left:50%; bottom:-1px; margin-left:-17.5px; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;}
.inner_top_c_r li.activetop a:after,.inner_top_c_r li.activetop a:hover:after{width:2.18em;}

.show_ser{padding: 3% 3.5%;}
.show_ser_custom{background: url(../images/ser_bg.jpg) repeat; height: 30px; display: block; overflow: hidden; line-height: 30px;}
.show_ser_custom span{height: 40px; padding: 0 20px 0 0; background: #fff; display: block; overflow: hidden; float: left; font-size: 24px;}
.show_content{padding:3% 0;}
.show_content IMG{max-width: 100%; height: auto !important;}
/*导航*/
.inner_top{ margin: 0px auto;display: block; padding: 0px 3%;
position: relative;
}
.inner_top.activefixed{ position:fixed;top:80px;  z-index:11; background: #fff;}


.pc_box19_top{display: block; overflow: hidden; width: 100%; position: relative; }
.pc_box19{ height: 60px; background-color:#f6f6f6; position:relative; display: inline-block; overflow:hidden; width: 100%; margin: 0px auto;}
.pc_box19.active{ position:fixed;  top:90px; z-index:1; 
 display: block; overflow: hidden;  max-width: 830px;  width: 100%; }
.pc_box19_l{width:100%;
 width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch; /* iOS 滚动优化 */

    white-space: nowrap;

    padding: 0 10px;

    box-sizing: border-box;}
.pc_box19_l_ul{width:100%;
  display: inline-block;

    padding: 0;

    margin: 0;

    list-style: none;

    white-space: nowrap;}

.pc_box19_l_ul li{margin: 0; display: inline-block;

  border: 0;
  font-size: 100%;
  outline: none;
   display: inline-block;

    margin-right: 12px;

    white-space: nowrap;}
.pc_box19_l_ul li a{ color:#666666; font-size:16px; height:60px; line-height:60px; padding: 0px 30px; position:relative; display:inline-block; cursor:pointer; display: block; float: left;}
.pc_box19_l_ul li a:before{width:0px; height:1px; background-color:#e62129; position:absolute; left:0px; bottom:0px; z-index:1; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;}
.pc_box19_l_ul li a:hover{ color:#e62129;}
.pc_box19_l_ul li.active a{ color:#fff;  background: #e62129;}
.pc_box19_l_ul li.active a:before{width:100%;}
.pc_box19_l.active{ position:fixed;  top:90px; z-index:11111111;width:100% !important; max-width:auto;background-color:#fff; 
  margin: 0px auto; display: block; overflow: hidden;   max-width: 100%;}

.pc_box20{ padding:20px 0px 80px 0px;}

.show_ul_ser{ display: block; overflow: hidden;}
.show_ul_ser li{ width: 48%; float: left; margin-right: 4%;}
.show_ul_ser li .ser_img{width: 100%;}
.show_ul_ser li .ser_img img{width: 100%;}
.show_ul_ser li .ser_name{font-size: 24px;}
.show_ul_ser li .ser_con{font-size: 16px; text-align: justify;}



.inaboutbox .lin1 {
	position: relative;
	width: 10%;
	border-bottom: 2px solid #333;
	min-height: 1px;
	margin-top: 5%;
}


.insection2 .title {
	text-align: center;
	margin-bottom: 70px;
}

.insection2 .title .p1 {
	font-size: 48px;
	color: #ffffff;
}

.insection2 .title .p2 {
	font-size: 24px;
	color: #ffffff;
	padding-top: 5px;
}

.insgzincon {
	width: 100%;
	margin: 0 auto;
}

.inzgsul_show {
	min-height: 310px;
	background: #212120;
	display: inline-block;
	position: relative;
	height: auto;
	width: 1200px;
	margin: 0px auto;
	left: 50%;
	transform: translate(-50%, 0%);
	height: auto;
	padding: 30px 3%;
	text-align: left;
	color: #c5bcb2;
	line-height: 1.8;
}
.inzgsul_show .h_qh_img{width: 39%; float: left;}
.inzgsul_show .h_qh_cen{width: 58%; float: right;}
.inzgsul_show .h_qh_cen .inzgsul_more a {	color: #a68a4e; margin-top:30px;position: absolute; border: 1px solid #a68a4e; width: 130px; line-height: 40px; text-align: center; border-radius: 20px;}
.inzgsul_show .h_qh_cen .inzgsul_more a:hover{background: #A68A4E; color: #fff;}

.inzgsul_show img {
	max-width: 100%;
}

.inzgsul_show .dyr1 {
	display: none;
}

.inzgsul_show .dyr {
	display: block;
}



.lh-config-img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	display: block;z-index: 1;
}


.lh-config-img .item {
	background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: ease 1s;
	transform: scale(1.2);
}

.lh-config-img .item.on {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.lh-nav-toggle {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1503;
	background: #0F0E0E;
	transition: ease .65s;
	opacity: 0;
	visibility: hidden;
}

.lh-nav-img {
	width: 25%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	float: left;
	transform: translateX(-100%);
	transition: ease .65s;
}

.lh-nav-item {
	float: right;
	width: 75%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 5vw;
}

.lh-nav-item>div {
	display: flex;
	width: 86%;
}

.lh-nav-item dl {
	float: left;
	flex: 1;
}

.lh-nav-item dl dt a {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	position: relative;
}

.lh-nav-item dl dt a:before {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #76caff;
	float: left;
	margin-right: 5px;
	position: relative;
	top: 16px;
	transform-origin: left center;
	transition: ease .65s;
}

.lh-nav-item dl dt a:hover {
	color: #76caff;
}

.lh-nav-item dl dt a:hover:before {
	width: 20px;
}

.lh-nav-item dl dt {
	margin-bottom: 10vh;
	opacity: 0;
}

.lh-nav-item dl dd {
	line-height: 48px;
	opacity: 0;
}

.lh-nav-item dl dd a {
	color: #cccccc;
	font-size: 16px;
	position: relative;
}

.lh-nav-item dl dd a:before {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #76caff;
	float: left;
	margin-right: 5px;
	position: relative;
	top: 22px;
	transform-origin: left center;
	transition: ease .65s;
}

.lh-nav-item dl dd a:hover {
	color: #76caff;
}

.lh-nav-item dl dd a:hover:before {
	width: 20px;
}

/*代理品牌start*/
.ppdl_about{display: block; overflow: hidden; padding: 5% 0;}
.ppdl_r,.ppdl_l{width: 50%; float: left;}
.ppdl_l img{width: 100%;}
.ppdl_r {padding: 3% 5%;}
.ppdl_r .ppdl_r_t{font-size:36px;}
.ppdl_r_content{padding: 3% 0; min-height: 240px;}
.ppdl_contact{border-top: 1px solid #eee; padding: 3% 0;}
.ppdl_contact li{width: 50%; float: left; position: relative; padding-left: 60px;}
.ppdl_contact li:before{width: 50px; height: 50px; position: absolute; left: 0; top: calc(50% - 25px); content: '';}
.ppdl_contact li.li1{background: url(../images/p1.png) no-repeat left center;}
.ppdl_contact li.li2{background: url(../images/p2.png) no-repeat left center;}
.ppdl_contact li .tel{font-size: 30px; color: #E13505;}
.dl_ys{background: url(../images/dlpp_bg.jpg) no-repeat left top; background-size: cover; width: 100%; display: block; overflow: hidden; padding: 3% 5%;}

.dl_ys ul{ display: grid; gap: 20px; /* 控制卡片间距 */ grid-template-columns: repeat(4, 1fr);}
.dl_ys li{background: #fff;}
.dl_ys li .ys_img {  width: 100%;}
.dl_ys li .ys_img img{width: 100%;}
.dl_ys li .dl_ys_show{padding: 3% 5%;}
.dl_ys li .ys_name{font-size: 24px;}
.dl_ys li .ys_con{line-height: 25px; font-size: 15px; color: #666; margin-bottom: 4%;}
/*代理品牌END*/
/*人才招聘start*/
.n_box14{width:100%; padding:0; position:relative; z-index:1;}
.n_box14_t{width:100%; color:#000000; font-size:36px; padding:5px 0px 15px 0px; text-align:center; line-height:1.5;}

.a_careers_t{width:100%; padding:3%; background-color:#fff; margin-bottom:20px;}
.a_careers_t_s1{width:100%; color:#000000; line-height:1.8; font-size:16px; text-align:left;}
.a_careers_t_s1 span{ font-size:24px;}
.a_careers_t_s1 a,.a_careers_t_s1 a:hover{ color:#21a6a3;}
.a_careers_t_s2{width:100%; padding-top:20px;}
.a_careers_t_s2l{width:45%;}
.a_careers_t_s22{width:100%;}
.a_careers_t_s22 li{width:50%; float:left;}
.a_careers_t_s22 li .ipt1{width:96%; border:1px solid #ababab; height:40px; line-height:40px; text-indent:15px; color:#666666; font-size:16px; font-family:"微软雅黑";}
.a_careers_t_s2r{width:31%; border:1px solid #ababab; }
.a_careers_t_s2r .ipt2{width:73%;height:38px; line-height:38px; border:0px;text-indent:15px; color:#666666; font-size:16px; font-family:"微软雅黑";}
.a_careers_t_s2r .ipt3{width:27%; height:38px; line-height:38px; background-color:#21a6a3; color:#fff; border:0px; text-align:center;font-size:16px; font-family:"微软雅黑";}
.a_careers_c{width:100%; background-color:#fff;}
.a_careers_c dt{width:100%; float:left; height:60px; font-weight:normal; line-height:60px; background-color:#d3d3d3; color:#000000; font-size:18px;}
.a_careers_c dt .s1{width:37.5%; padding-left:5%;}
.a_careers_c dt .s2{width:30.4%; text-align:center;}
.a_careers_c dt .s4{width:31.3%; text-align:center;}
.a_careers_c dd{width:100%; float:left; background-color:#fff; border-bottom:1px solid #edeae9;}
.a_careers_c dd .div{width:100%; height:59px; line-height:59px; cursor:pointer; color:#000000; font-size:16px; background:url(../images/ee.png) right 25px center no-repeat;}
.a_careers_c dd .div.activeds{ background:url(../images/ee1.png) right 25px center no-repeat; background-color:#f97854; color:#fff; border-bottom:1px solid #f97854;}
.a_careers_c dd .div .s1{width:37.5%; padding-left:5%;}
.a_careers_c dd .div .s2{width:30.4%; text-align:center;}
.a_careers_c dd .div .s4{width:31.3%; text-align:center;}
.a_careers_c dd .div_l{width:100%; background-color:#f1f3f6; border:1px solid #f97854; padding:3% 5%; overflow:hidden; display:none ; text-align:left;}
.a_careers_c dd .div_l_c{width:100%; color:#333333; font-size:16px; line-height:1.8;}
.a_careers_c dd .div_l_c img{ max-width:100%;}
.a_careers_c dd .div_l_c span{ font-weight:bold;}
.a_careers_c dd .div_l_b{ padding:0px 40px; height:42px; margin-top:20px; display:inline-block; line-height:42px; background-color:#21a6a3; border:1px solid #21a6a3; color:#fff; font-size:17px;
-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.a_careers_c dd .div_l_b:hover{ text-decoration:none; color:#21a6a3; background-color:#fff;}


/*人才招聘end */
.text-center{text-align:center;}

.show_content table{width:100% !important;border: 1px solid #333 !important;border-collapse: collapse;width: 100%;border-color: initial;border-style: none;}
.show_content table tr td { height: auto; padding:5px 10px; font-size: 16px; border: 1px solid #ccc;}