.second-page-banner {
    width: 100%;
    height: auto;
}

.second-page-banner img {
    width: 100%;
    height: 100%;
}

.second-container {
    padding: 0.4rem 2.42rem 0.76rem 1.97rem;
    display: flex;
}

.second-container-nonav {
    padding: 0.58rem 2.4rem;
}

.second-page-left {
    width: 2.63rem;
}

.second-page-right {
    width: calc(100% - 2.63rem);
    box-sizing: border-box;
    padding: 0.17rem 0 0 0.6rem;
}

.left-first-title {
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    padding: 0.18rem 0.16rem;
}

.left-first-title p {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.left-first-title.active {
    color: #fff;
    background: #1368ff;
    border: 1px solid #1368ff;
}

.left-nav-second {
    background: #F5F5F5;
    border: 1px solid #EDEEED;
    border-top: none;
    border-bottom: none;
    padding: 0.13rem 0.17rem 0.3rem;
}

.left-second-title {
    color: #333333;
    padding: 0.15rem 0;
    border-bottom: 1px dashed rgba(79, 79, 79, .2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
}

.left-second-title p {
    margin-left: 0.5rem;
}

.left-second-title.active,
.left-second-title:hover {
    color: #FFB034;
}

.left-nav-first li:has(.left-second-title.active) .left-first-title {
    color: #fff;
    background: #1368ff;
    border: 1px solid #1368ff;
}

.left-second-icon {
    font-size: 0.1rem;
    color: #333333;
    transition: all .3s;
}

.left-second-title.active .left-second-icon,
.left-second-title:hover .left-second-icon {
    color: #FFB034;
}

.page-right-top {
    padding-bottom: 0.14rem;
    border-bottom: 0.02rem #1368ff solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.second-page-title p {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.18rem;
    color: #1368ff;
}

.second-page-crumbs {
    display: flex;
    justify-content: flex-end;
}

.second-page-crumbs span {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
}

.second-page-crumbs a {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999 !important;
}

.second-page-crumbs a:hover {
    color: #1368ff !important;
}

.layui-breadcrumb a cite {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
}

/* auout us */

.about-us-container {
    padding: 0.39rem 0.08rem;
}

.about-us-container {
    color: #4d4d4d;
}

.about-us-container .about-title {
    line-height: 1.5;
    font-family: Microsoft YaHei;
    font-weight: 500;
    font-size: 0.26rem;
    margin-bottom: 0.3rem;
    text-align: center;
}

.about-us-paragraph {
    margin-bottom: 0.32rem;
}

.about-us-paragraph p {
    color: rgb(51, 51, 51);
    font-family: 'Times New Roman';
    font-weight: 500;
    font-size: 0.16rem;
    line-height: 0.35rem;
    text-indent: 2em;
}

.about-img-box {
    text-align: center;
}

.about-img-box img {
    width: auto;
}

.about-qywh-content {}

.about-qywh-content li {
    margin-bottom: 0.3rem;
}

.about-qywh-content h1 {
    font-size: 0.18rem;
    font-weight: bold;
    color: #000;
    line-height: 1.8;
}

.about-qywh-content p {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    color: #4d4d4d;
    line-height: 1.8;
    font-size: 0.16rem;
}

/* contact-us */
.us-second-container {
    padding: 0.46rem 0;
}

.contact-logo-box {
    width: 6.45rem;
    height: 1.13rem;
    margin: 0 auto;
}

.contact-logo-box img {
    width: 100%;
    height: 100%;
}

.contact-us-address {
    width: 11.34rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.61rem auto 0.77rem;
}

.contact-us-address .map {
    width: 100%;
    height: 4.35rem;
}

.contact-msg {
    width: 4.26rem;
    margin: 0.77rem auto 0;
}

.contact-msg li {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}

.contact-msg p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
}


.contact-msg li p:first-of-type {
    width: 0.8rem;
    text-align-last: justify;
}

/* product */

.second-product-list {
    width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0;
    display: grid;
    grid-template-columns: repeat(3, 31.3333%);
    justify-content: space-between;
}

.second-product-list li {
    margin-bottom: .5rem;
}

.second-product-list li:hover p {
    color: rgba(255, 153, 0, 1);
}

.second-product-list .product-list-item-img {
    width: 100%;
    height: 3.15rem;
    overflow: hidden;
    border: 1px solid #c5c4c4;
}

.second-product-list li img {
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.second-product-list li:hover img {
    transform: scale(1.1);
}

.second-product-list li p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    text-align: center;
    padding-top: 0.34rem;
}

.product-details-box {
    padding: 0.42rem 0;
}

.product-details-title h3 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.3rem;
    color: #333333;
    text-align: center;
}

.product-details-img {
    width: 100%;
    margin: 0.43rem auto 0;
}

.product-details-img img {
    width: 100%;
}

.product-details-text {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.48rem;
}

.second-page-paging {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* news-list */

.second-news-list {
    padding: 0.46rem 0;
}

.second-news-list li {
    display: flex;
    margin-bottom: 0.28rem;
    padding-bottom: 0.14rem;
    border-bottom: 2px #E6E6E6 solid;
}

.news-list-left {
    width: 0.85rem;
}

.news-list-left-top {
    width: 100%;
    height: 0.6rem;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    margin-bottom: 0.03rem;
}

.news-list-left-top h1 {
    font-family: Arial;
    font-weight: 400;
    font-size: 0.36rem;
    color: #666;
}

.news-list-left-bottom {
    width: 100%;
    height: 0.26rem;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
}

.news-list-left-bottom p {
    font-family: Arial;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666;
}

.news-list-right {
    width: calc(100% - 0.85rem);
    margin-left: 0.25rem;
}

.news-list-right h1 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.18rem;
    color: #333333;
    margin-bottom: 0.24rem;
    transition: all .3s;
}

.news-list-right p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.15rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 0.26rem;
}

.news-list-item:hover .news-list-right h1 {
    color: #FFB034;
}

.news-details-box {
    padding: 0.39rem 0.38rem 0.78rem;
}

.news-details-title h3 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
}

.news-details-time {
    margin: 0.32rem 0 0.57rem;
}

.news-details-time p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
    text-align: center;
}

.news-details-text p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.48rem;
    text-indent: 2em;
}

.news-detail-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0.17rem;
    border-top: 2px #E6E6E6 solid;
    margin-bottom: 2.3rem;
}


.news-detail-footer a {
    width: 0.75rem;
    height: 0.29rem;
    background: #E6E6E6;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zxly{
    padding: 3%;
    width: 70%;
    margin: 0 auto;
  }

  .zxly  table tbody tr {
    width: 100%;
  }
  .wt{
    width: 80%;
    
  }
  .lxr{
    width: 80%;
    margin-top: 3%;
  }
  .xm{
    width: 80%;
    margin-top: 3%;
  }
  .lxfs{
    width: 80%;
    margin-top: 3%;
  }
  .lynr{
    width: 80%;
    padding-bottom: 50%;
  }
  .yzm{
    padding-top: 2%;
  }
  .tableanniu{
    text-align: center;
    margin-top: 3%;
  }
  .tj{
    width: 100px;
      height: 35px;
      background-color: #06C;
      font-size: 14px;
      color: #fff;
      border: 0px;
      margin-right: 2%;
  }
  .cz{
    width: 100px;
      height: 35px;
      background-color: #06C;
      font-size: 14px;
      color: #fff;
      border: 0px;
      text-align: center;
  }
  .lianxirenkuang{
    width: 70%;
    border: 1px solid #ddd;
    text-align: center;
  }
  .lianxiren{
    display: flex;
  }
  .zxlyly{
    background-color: #8F8F8F;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    margin-bottom: 0;
  }
  .lianxirenp {
    text-align: center;
    border: 1px solid #ddd;
    padding: 14px 18px;
    width: 30%;
  float: left;
  color: #4d4d4d;
  font-size: 16px;
  
  
  }
  .tj:hover{
    cursor: pointer;
  }
  .cz:hover{
    cursor: pointer;
  }
  .yzms{
    height: 30px;
    margin-left: 2%;
  }
  .yzm{
    width: 50%;
  }
  .tableanniu{
    width: 50%;
  }
  .yambottom{
    display: flex;
  }
  .lianxirenkuang{
    width: 70%;
    border: 1px solid #ddd;
    text-align: center;
  }
  .lianxiren{
    display: flex;
  }