ul, li {
  margin: 0;
  padding: 0;
}
.top_tel p {
    font-size: 20px !important;
}
.logotxt {
    font-size: 27px;
    float: right;
    margin-top: 25px;
    margin-right: 24px;
    font-weight: bold;
}
.logoimgtxt{
    width: 41%;
}
.logoimgtxt2 {
    width: 33%;
}
.logotxt2 {
    float: right;
    margin-top: -25px;
    margin-right: 45px;
}
 @media screen and (max-width: 769px){
  .logoimgtxt {
   display: none !important;
  }
 }
@media screen and (max-width: 769px){
    .navbar-brand {
        display: none !important;
    }
}
.waplog {
    float: left;
    margin-top: 10px;
    font-size: 20px;
    margin-left: 3px;
    color: #FFFFFF;
    font-weight: bold;
}

@media screen and (max-width: 769px){
    .wapyc {
        display: none !important;
    }
    .container2 {
        display: none !important;
    }
}

@media screen and (min-width:769px ){
    .waplog {
        display: none !important;
    }
    .container1 {
        display: none !important;
    }
    .waplogimg {
        display: none !important;
    }
    .wapw {
        display: none !important;
    }
}
a,a:link,a:visited,a:hover,a:active{
    text-decoration: none;
    color:inherit;
}
.top_bg a:hover {
    text-decoration: none;
    color: #1A9B01;
}
@media (max-width:900px) {
     .vxgzh {
         display: none !important;
     }
 }
 .vxgzh {
     display: inline-block;
     position: absolute;
     width: 200px;
     height: 210px;
     top: 130px;
     right: 75px;
     background-color: #eee;
      margin: 15px 20px 8px;
 }
  .d2-vxgzh {
     top: 40px;
 }
 .vxgzh img {
     width: 80%;
     top: 15px;
     position: absolute;
     right: 10%;
 }
 .vxgzh p {
     position: absolute;
     bottom: 1px;
     left: 50%;
     transform: translateX(-50%);
 }
 .fgx {
     width: 480px;
     height: 200px;
     position: absolute;
     top: 140px;
     border-right: 1px solid #ccc;
 }
 /*主页底部广告图片*/
 .page_bgimg {
     width: 100%;
 }
/*wap*/
.waplogimg {
    width: 150px!important;
    float: left!important;
    margin: 10px 10px 10px 20px!important;
}

@media screen and (max-width: 768px){
    #search_btn {
        margin-top: 15px!important;
        padding: 8px 30px!important;
        margin-bottom: 15px;
    }
    .navbar-toggle {
        margin-top: 15px !important;
        padding: 9px 10px !important;
        margin-bottom: 15px;
    }
    .navbar {
        min-height: 65px;
    }
}
.wapw {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    border: 1px solid #ccc;
}
.wapw::-webkit-scrollbar {
    display: none;
}
.top-nav-ul {
    margin: 0px;
    display: inline-block;
    list-style: none;
    padding: 0px;
}
.top-nav-ul li {
    display: inline-block;
    background-color: #1a9b01;
    padding: 10px;
    margin: 2px;
}
.top-nav-ul li a {
    color: #ffffff;
}
@media screen and (max-width:768px) {
    .about_serv .right {
        padding-bottom: 30px;
    }
}
.about_serv {
    background-image: url('https://img.heqili.cn/heqili.cn/background-1.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Background image remains fixed */
}
@media screen and (max-width: 1199px) and (min-width: 768px){
    .waptop {
        display: none !important;
    }
}
/*wap修改部分*/
@media screen and (max-width: 768px) {
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }
    #search_btn {
        color: #000;
    }
    .navbar {
        background-color: #fff;
    }
    .mfoot_box {
        min-height: 50px !important;
        display: flex;
    }
    .mfoot_nav {
        background-color: #d0d5cf;
        color: #ffffff;
        padding: 5px 0px;
        flex:1;
    }
    .mfoot_nav-a {
        display: flex !important;
        justify-content: center;
        align-items: center;
        line-height: 45px;
        font-size: 30px;
        background-color: #1A9B01;
        border-radius: 30px;
        margin: 0 5px;
        color: #ffffff !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }
}
.navbar-default .navbar-toggle {
    border-color: #000;
}

@media screen and (max-width: 768px) {
    .bottom-h3 {
        display: none!important;
    }
    .left_nav_ul {
        display: none;
    }
    .left_news {
        display: none;
    }
}
/*模态框主体样式*/
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

/*模态框公共样式*/
.modal-content {
    background-color: #fefefe;
    margin: 50px auto 0;
    padding: 20px;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    animation: modal-show 0.3s;
    text-align: center;
}
/* 正常大小 */
.modal-normal {
    width: 70%;
    top: 15%;
        }
/* 中等大小 */
.modal-medium {
    width: 400px;
}
/* 迷你大小 */
.modal-mini {
    width: 250px;
}
/* 隐藏 */
.modal-hide {
    animation: modal-hide 0.3s;
}
/* 展示动画 */
@keyframes modal-show {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 隐藏动画 */
@keyframes modal-hide {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-50px);
    }
}

/*关闭按钮*/
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
}

/*关闭按钮的鼠标点击和经过样式*/
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
}
#copyText {
    cursor: pointer;
    padding: 10px;
    background-color: #3498db;
    color: #fff;
    border-radius: 5px;
    width: fit-content;
    margin: 0 auto;
}

#copyText:hover {
    background-color: #2980b9;
}

.copy-success {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #27ae60;
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    display: none;
    z-index: 999;
}
.close {
    margin-top: -10px;
}
.modal-content img {
    margin: 0 auto;
    width: 80%;
}
.box1 p {
    padding-top: 10px;
}
@media (min-width:992px){
    .fool1 {width: 20%!important}
    .product_img {
    min-height: 200px;
    }
}

@media screen and (max-width:992px){
    .txt {width:100% !important;}
}
.foot-qr {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.icon-foot{
    flex: 1;
    text-align: center;
    position: relative;
}
.icon-foot p {
    line-height: 20px;
    text-align: center;
}
.foot-img {
    border: 1px solid black;
    border-radius: 5px;
    background-color: #fff;
    width: 110px;
    height: 110px;
    text-align: center; /* 水平居中 */
    padding: 5px; /* 可根据需要调整内边距 */
    display: flex; /* 使用 Flex 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    position: absolute ;
    top: -120px;
    left: -15px;
    opacity: 0;
    pointer-events: none; /* 防止隐藏的元素干扰鼠标事件 */
    transition: opacity 0.3s ease; /* 添加过渡效果 */
}
.hiddenElement img {
    max-width: 100%; /* 保持图片宽度不超过父元素 */
      max-height: 100%; /* 保持图片高度不超过父元素 */
      display: block; /* 防止底部留白 */
      margin: 0 auto; /* 图片水平居中 */
}
.icon-foot  {
    cursor: pointer;
    transition: color 0.3s ease;
}
/*弹窗部分js*/
    body {
        /*font-family: Arial, sans-serif;*/
        /*background-color: #f9f9f9;*/
        margin: 0;
        padding: 0;
    }
    .contact-form-popup {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 300px;
        background: linear-gradient(45deg, #f3ec78, #af4261);
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        padding: 20px;
        animation: fadeIn 0.3s ease forwards;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .contact-form-popup.active {
        display: block;
        animation: slideInUp 0.3s ease forwards;
    }
    @keyframes slideInUp {
        from { transform: translateY(20px); }
        to { transform: translateY(0); }
    }
    .icon-contact {
        z-index: 9999;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        background: url('https://img.heqili.cn/heqili.cn/zxly.png') no-repeat center center;
        background-size: cover;
        border-radius: 50%;
        cursor: pointer;
        animation: pulse 1s infinite alternate;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }
    .icon-contact:hover {
        transform: scale(1.1);
    }
    @keyframes pulse {
        from { transform: scale(1); }
        to { transform: scale(1.1); }
    }
    .form-group {
        margin-bottom: 20px;
    }
    label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        color: #fff;
    }
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        width: calc(100% - 20px);
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        transition: border-color 0.3s;
    }
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    textarea:focus {
        outline: none;
        border-color: #fff;
    }
    input[type="submit"] {
        background-color: #fff;
        color: #4caf50;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
    }
    input[type="submit"]:hover {
        background-color: #4caf50;
        color: #fff;
    }
    .close-popup {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #fff;
    }
    @media screen and (max-width: 769px){
  .icon-contact {
   display: none;
  }
 }
 /*弹窗部分js完*/
 /*底部文字*/
 .copy a:hover {
    color: #070707;
}
.copy {
    color: #a8a7a7;
}
@media screen and (max-width: 767px){
  .copy{display: none;}
  .copy-wap{ margin-bottom: 60px;}
 }
@media screen and (min-width: 767px){
    .copy-wap {
        display: none;
    }
}
.copy-wap { 
    line-height:25px;
    text-align:center;
    background:#EBEBEB 
}

/*底部文字结束
/*navFlexbox布局*/
@media screen and (min-width: 767px){
.nav.navbar-nav {
    width: 100%;
    display: Flex;
    justify-content: space-between;
}
}
/*navFlexbox布局结束*/
/*news页图文显示*/
.image-list {
  list-style: none;
  padding: 0;
}

.image-list .pc-news {
  display: flex;
  margin-bottom: 20px;
  transition: transform 0.3s ease; /* 添加过渡效果 */
  cursor: pointer; /* 鼠标移入样式为手型 */
}

.image-list .pc-news:hover {
  transform: scale(1.05); /* 移入时放大效果 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.image-list .pc-news .content {
  flex-grow: 1;
  width: 80%;
  display: inline-block;
  vertical-align: top;
  height: 100px;
}
@media screen and (min-width: 767px){
    .content p {
        margin: 0 0 35px;
    }
}

.image-list .pc-news .title {
  font-weight: bold;
}

.image-list .pc-news .time {
  margin-left: auto;
}

/* 超链接样式 */
.image-list .pc-news a {
  color: inherit; /* 继承父元素的文字颜色 */
  text-decoration: none; /* 去除下划线 */
}

.image-list .pc-news a:hover {
  /*text-decoration: underline; */
}
  .image-box {
    /*border: 1px solid #ccc; */
    display: inline-block; /* 设置为行内块级元素 */
    padding: 5px; /* 添加内边距 */
    width: 14%;
    padding :0px;
    margin: 0px;
    
  }

  .image-box img {
    width: 100%; /* 图片宽度填充父元素 */
    height: auto; /* 高度自适应 */
    vertical-align: top;
  }
  @media (max-width: 768px) {
    .wap-news {
      display: block !important; /* 显示元素 */
    }
  }
    .wap-news {
    display: none; /* 隐藏元素 */
  }
  @media (max-width:768px) {
      .pc-news {
          display: none !important;
      }
  }
/*news页图文显示结束*/
/*动态数字*/
.in_statistical {
      padding: 20px;
      background-color: #f3f5f7;
      width: 100%;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
    }
.in_statistical.show {
    opacity: 1;
    transform: translateY(0); /* 进入时从左侧移入并且放大 */
  }
@media screen and (max-width: 768px){
      .in_statistical {
        display: none;
      }
    }
.dynamic-numbers {
      display: flex;
      justify-content: space-around;
      margin-bottom: 20px;
    }
.dynamic-numbers .number-box {
      text-align: center;
    }
.number {
      font-size: 36px;
      font-weight: bold;
      color: #1A9B01;
      margin-bottom: 10px;
    }
.number-label {
      font-size: 18px;
      color: #666;
    }
.number-sbox {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
/*动态数字结束*/
/*主页案例*/
.top-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
    }
.top-item {
    position: relative;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
    }
.green-line {
      position: absolute;
      /* 绝对定位，相对于父元素 .top-item */
      bottom: -5px;
      /* 调整线条位置 */
      left: 0;
      width: 100%;
      height: 5px;
      background-color: green;
      display: none;
      /* 默认隐藏 */
    }
.content {
    width: 100%;
    height: 200px;
    display: none;
    padding: 10px;
    box-sizing: border-box;
    }
.btn-container {
    text-align: center; /* 水平居中 */
}
.btn-more {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}
.btn-more:hover {
    background-color: #0056b3;
}
@media screen and (max-width: 768px) {
   .btn-container {
       padding:35px 0;
   }
}
@media screen and (min-width: 768px) {
   .btn-container {
        padding-bottom: 35px;
   }
}
/*主页案例结束*/
/*主页底部新闻*/
  .bbbtty-wap {
   display: none !important;
 }
  @media screen and (max-width: 768px){
   .bbbtty-wap {
     display: block !important;
   }
 }
  .bbbtty p {
    padding-bottom: 10px;
    color: #333; /* 文字颜色 */
    position: relative;
    transition: color 0.01s ease; /* 添加过渡效果 */
      border-bottom:1px dashed #0a53be ;
  }
  @media screen and (max-width: 768px){
   .bbbtty-pc {
     display: none !important;
   }
 }
  .bbbtty p:hover {
    color: #1A9B01; /* 鼠标悬停时文字颜色变为绿色 */
  }
  .time {
    float: right;
  }
  .more-link {
    color: #1A9B01;
    /* 更多链接颜色 */
    text-decoration: none;
    /* 去除下划线 */
    font-size: 14px;
    /* 字体大小 */
    line-height: 25px;
    float: right;
  }
  .bbbtty {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    /* 容器背景色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
    border-radius: 8px;
    /* 圆角边框 */
  }
  .company-news,
  .industry-news {
    flex-basis: 48%;
    /* 调整两栏宽度 */
    position: relative;
    overflow: hidden;
  }
  .company-news {
    padding-right: 20px;
    border-right: 1px solid #ccc;
  }
  .bbbtty-wap .company-news {
      padding: 0;
      border-right: 0px solid #ccc;
  }
  .industry-news {
    padding-left: 20px;
    border-left: 1px solid #ccc;
  }
  .bbbtty h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #1A9B01;
    /* 标题颜色 */
  }
  .bbbtty p {
    /*margin-bottom: 15px;*/
    color: #333;
    /* 文字颜色 */
    position: relative;
  }
  .p-image {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    /* 图片边框圆角 */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    /* 图片阴影效果 */
    transition: transform 0.3s ease; /* 图片放大过渡效果 */
  }
/*主页底部新闻结束*/
/*主页合作方式下面*/
    .tb-custome-wraper {
      background-color: #f3f5f7;
      padding: 40px 20px;
      text-align: center;
    }

    .tb-grey {
      color: #666;
    }

    .tb-m-advantage {
      /*max-width: 1200px;*/
      margin: 0 auto;
    }

    .m-title {
      font-size: 26px;
      color: #333;
      margin-bottom: 20px;
      font-weight: bold;
    }

    .m-title span {
      color: #1A9B01;
    }

    .m-desc {
      font-size: 18px;
      margin-bottom: 40px;
    }

    .tb-c-w {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
    }

    .tb-m-item {
      flex-basis: calc(25% - 40px);
      padding: 20px;
      margin-bottom: 20px;
      text-align: center;
      background-color: #fff;
      border-radius: 8px;
    }
@media only screen and (max-width: 768px) {
  .tb-c-m-item {
    width: 50%;
  }
  .tb-m-item {
    flex-basis: calc(50% - 40px) !important;
  }
}
    .tb-m-icon {
      font-size: 48px;
      color: #1A9B01;
      margin-bottom: 10px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50px;
      height: 50px;
      margin: 5px auto;
      transition: transform 1s ease-in-out;
    }
        .tb-m-icon.rotate {
      transform: rotate(360deg);
    }

    .tb-m-i-title {
      font-size: 24px;
      color: #333;
      margin-bottom: 10px;
    }

    .tb-m-i-desc {
      font-size: 16px;
      color: #666;
    }
    .tb-custome-wraper {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
    }

    .tb-custome-wraper.show {
      opacity: 1;
      transform: translateY(0);
    }
/*合作方式下完*/
/*主页分割线*/
    .s {
    display: block;
    width: 30px;
    height: 3px;
    background: #FFA500;
    margin: 10px auto 0;
    }
/*主页分割线完*/
/*index关于我们*/
.about_serv .about-wap {
    padding:90px 0;
    width:80%;
    margin:0 auto;
}
.index-video {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 32px);
    overflow: hidden;
    background: none;
}
.index-about {
    flex-grow: 0;
    flex-shrink: 0;
}
.index-p {
    margin-bottom: 30px;
}
@media screen and (min-width: 768px){
    .index-about {
    padding-left: 64px;
    flex-basis: calc(50% + 32px);
}
}
 @media screen and (max-width: 768px){
     .index-video{display: none;}
     .index-about{
         padding-left: 0px;
         flex-basis:calc(100%);
     }
     .about-wap {
         padding: 40px 0 !important;
     }
}
/*index关于我们完*/
/*index资质部分*/
  .slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 60px auto;
  }
  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }
  .slide {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    overflow: hidden;
      display: flex;
          justify-content: center;
    align-items: center;
  }
  .dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .dot {
    width: 10px;
    height: 10px;
    background-color: #333;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }
  .dot.active {
    background-color: red;
  }
  .honor img {
      pointer-events: none;
  }
  .slide img {
      width: 65%;
      user-select: none;
  }
  .honor {
    background-image: url('https://img.heqili.cn/heqili.cn/background-1.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }
  .honor h2 {
      text-align: center;
    margin-top: 50px;
    font-size: 32px;
    color: #444444;
}
  .honor span {
    display: block;
    text-align: center;
    margin-top: 16px;
    text-transform: uppercase;
    height: 24px;
  }
  /* 媒体查询，手机端显示一个轮播图 */
@media (max-width: 768px) {
  .slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.w-100 {
    background-color: #fff;
}
.slider-container {
    position: relative;
    width: 100%;
    margin: 60px auto;
}
.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.5); /* 设置半透明背景 */
    border: none;
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
}

.prev-btn {
    left: 0;
}

.next-btn {
    right: 0;
}
/*index资质部分完*/