@charset "UTF-8";

.fixed_nav {
  position: fixed;
  left: 0;
  padding: 0 4%;
  top: 1.6rem;
  width: 100%;
  height: calc(100vh - 1.6rem);
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}

.fixed_nav .header_nav {
  height: auto;
}

.fixed_nav .header_nav .w1620 {
  width: 100%;
}

.fixed_nav .header_nav .nav {
  display: block;
  width: 100%;
  padding-top: 1rem;
  margin-left: 0;
  margin-right: 0;
}

.fixed_nav .header_nav .li {
  margin-bottom: 0.5rem;
  display: block;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.fixed_nav .header_nav .li p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fixed_nav .header_nav .li a {
  font-size: 0.5rem;
}

.fixed_nav .header_nav .li svg {
  width: 0.5rem;
  height: auto;
  transition: all 0.6s;
}

.fixed_nav .header_nav .li svg path {
  fill: #333;
  transition: all 0.6s;
}

.fixed_nav .header_nav .li.cur p a {
  color: #0c858d;
}

.fixed_nav .header_nav .li.cur svg {
  transform: rotate(90deg);
}

.fixed_nav .header_nav .li.cur svg path {
  fill: #0c858d;
}

.fixed_nav .header_nav .li .li_nav {
  display: none;
  margin-top: 0.5rem;
}

.fixed_nav .header_nav .li .li_nav a {
  text-align: left;
  display: block;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  text-indent: 2em;
  padding-top: 0.25rem;
  font-size: 15px;
}

.fixed_nav .header_nav .li .li_nav a:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 1440px) {
}

@media (max-width: 996px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  header .pc-header .nav-list {
    display: none;
  }
  header .pc-header {
    height: 1.6rem;
    padding: 0 4%;
  }
  header .pc-header .logo svg {
    height: 0.65rem;
  }

  .mb .nume {
    width: 0.6rem;
    height: 0.45rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    margin-top: 0;
    margin-left: 0.35rem;
  }
  header .header_right .lang_box {
    margin-right: 0.35rem;
  }

  .mb .nume .line {
    width: 100%;
    height: 2px;
    background-color: #0c858d;
    position: absolute;
    border-radius: 0.25rem;
    left: 0;
    transition:
      transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
      background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .mb .nume .line1 {
    top: 0;
  }

  .mb .nume .line2 {
    top: 0.224rem;
  }

  .mb .nume .line3 {
    top: 0.45rem;
  }

  .mb .nume.cur {
    transform: rotateY(-180deg);
  }

  .mb .nume.cur .line1 {
    transform: rotate(45deg);
    transform: translate3d(0, 0.2rem, 0) rotate(45deg);
  }

  .mb .nume.cur .line2 {
    opacity: 0;
  }

  .mb .nume.cur .line3 {
    transform: rotate(-45deg);
    transform: translate3d(0, -0.25rem, 0) rotate(-45deg);
  }
  .banner .banner-container .swiper-slide.load .txt {
    top: 5.7rem;
    width: 100%;
    padding: 0 4%;
  }
  .banner .banner-container .swiper-slide.load .txt .t2 {
    font-size: 0.85rem;
  }
  .banner .banner-container .swiper-slide .text {
    width: 100%;
    padding: 0 4%;
    left: 0;
    top: 37%;
  }
  .banner .banner-container .swiper-slide .text .t1 {
    font-size: 1rem;
  }
  .banner .banner-container .swiper-slide .text .t2 {
    font-size: 0.4rem;
  }
  .banner .banner-container .swiper-slide .text .t3 {
    font-size: 0.6rem;
  }
  .banner .banner-container .swiper-slide .text .vmore {
    margin-top: 1.5rem;
  }
  .linev {
    display: none;
    margin-top: -1.5rem;
  }
  .ha-a {
    margin-top: -1.5rem;
    height: auto;
    padding: 1.5rem 4%;
    background-image: url(../img/ha3.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .home-a .txt {
    top: 1.5rem;
    left: 0;
    width: 100%;
    padding: 0 4%;
  }
  .home-a .line img {
    height: 1.1rem;
  }
  .home-a .line {
    height: 1.1rem;
  }
  .home-a .txt .t2 {
    width: 100%;
    margin-top: 0;
  }
  .home-a .of {
    height: 16rem;
  }
  .habg {
    height: 100%;
    display: none;
  }
  .ha-a .t1 {
    padding: 0;
    width: 100%;
    font-size: 0.5rem;
  }
  .ha-a-container .swiper-slide {
    width: 80%;
  }
  .ha-a-container .swiper-slide .img {
    height: 7rem;
  }
  .ha-a-container .swiper-slide .st2 {
    width: 100%;
  }
  .pnbox {
    left: 88%;
  }
  .home-b {
    padding: 1.5rem 4%;
  }
  .tit-50 {
    font-size: 0.8rem;
  }
  .home-b .list {
    margin-top: 1rem;
  }
  .home-b .list .li {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 0.7rem;
  }
  .home-b .list {
    display: block;
  }
  .home-c {
    padding: 1.5rem 4%;
  }
  .home-c .map-box .map-img {
    width: 100%;
  }
  .home-c-container .swiper-slide {
    width: 50%;
  }
  .home-c-container {
    height: 3rem;
    margin-bottom: 0;
  }
  .home-c-container .swiper-slide img {
    max-width: none;
    max-height: 80%;
  }
  .home-c-container {
    margin-top: 0;
  }
  .home-d {
    padding-top: 1.5rem;
  }
  .home-d .fsb {
    display: block;
  }
  .home-d .t2 {
    margin-top: 0.75rem;
  }
  .home-d .t2 .vmore {
    margin-top: 1rem;
  }
  .home-d .list {
    margin-top: 1rem;
    display: block;
  }
  .home-d .list .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .home-d .list .li.on {
    width: 100%;
  }
  .home-d .list .li {
    height: 7rem;
  }
  .home-d .list .li .txt {
    display: none;
  }
  .home-d .list .li .hide-box {
    opacity: 1;
    visibility: visible;
  }
  .home-d .list .li .hide-box a {
    padding: 1rem 0.5rem;
  }
  .tit-52 {
    font-size: 0.8rem;
  }
  .home-d .list .li .hide-box a .icon {
    right: 0.5rem;
    bottom: 1rem;
  }
  .footer-top .left-box {
    display: none;
  }
  .footer-top .right-box {
    width: 100%;
    padding: 1.5rem 4%;
  }
  .footer-top .t1 {
    margin-top: 0.5rem;
  }
  .footer-top .t1 .share {
    margin-top: 0.5rem;
  }
  .footer-top {
    height: auto;
  }
  .footer-bot {
    display: block;
    padding: 0.5rem 4%;
    line-height: 1.4;
  }
  .footer-bot a {
    margin-right: 0.2rem;
    margin-left: 0;
  }
  .sub-banner {
    height: 11rem;
  }
  .sub-banner .tit-60 {
    font-size: 1rem;
  }
  .about-a {
    padding: 1.5rem 0%;
  }
  .view {
    padding: 0 4%;
  }
  .about-a .t1 {
    width: 100%;
  }
  .about-a .cont {
    margin-top: 1rem;
    display: block;
    padding-bottom: 2rem;
  }
  .about-a .cont .img {
    width: 100%;
    height: 7rem;
  }
  .about-a .cont .txt {
    display: none;
  }
  .about-a-container {
    overflow: hidden;
  }
  .about-a-container .swiper-slide {
  }
  .about-a .cont .img img {
    position: relative;
    display: block;
  }
  .about-a-container .swiper-slide .time {
    background: linear-gradient(to right, #34b4c2, #117782);
    text-align: center;
    display: inline-block;
    padding: 0.4rem 1rem;
    line-height: 1;
    border-radius: 0.625rem;
    color: #fff;
    margin-top: 0.5rem;
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
  }
  .about-b {
    padding: 1.5rem 4%;
  }
  .about-b-container .swiper-slide {
    width: 100% !important;
    height: 10rem;
  }
  .about-b-container .swiper-slide .hide-list .mak {
    padding: 0 0.5rem;
  }
  .about-b-container .swiper-slide .txt {
    opacity: 0;
    visibility: hidden;
  }
  .about-b-container .swiper-slide .hide-list {
    visibility: visible;
    opacity: 1;
  }

  .about-b-container .swiper-slide .hide-list .t1 {
    transition-delay: 0.3s;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .about-b-container .swiper-slide .hide-list .t2 {
    transition-delay: 0.4s;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .about-b-container .swiper-slide .hide-list .t3 {
    transition-delay: 0.5s;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .about-b .bot-bt {
    padding-right: 0;
  }
  .about-b .bot-bt .swiper-scrollbar {
    width: 72%;
  }
  .bot-bt {
    margin-top: 1rem;
  }
  .about-c {
    padding: 1.5rem 4%;
  }
  .about-c-container .swiper-slide {
    width: 100%;
    height: auto;
  }
  .about-c-container .swiper-slide::after {
    display: none;
  }
  .about-c-container .swiper-scrollbar {
    width: 100%;
  }
  .about-d {
    height: 18rem;
  }
  .about-d .a-tit {
    top: 1.5rem;
  }
  .about-d .about-d-container {
    padding-top: 42%;
  }
  .about-d .about-d-container .swiper-slide {
    position: relative;
    text-align: center;
    width: 15.325rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about-d .about-d-container .swiper-slide .tit-18 {
    margin-top: -1rem;
    color: #0c858d;
  }
  .about-d .prev,
  .about-d .next {
    top: 83%;
    transform: translateY(0);
  }
  .headerfix {
    height: 1.6rem;
  }
  .product .mbx {
    padding: 0.5rem 4%;
  }
  .product .mbx .tit-32 {
    font-size: 0.6rem;
    line-height: 1.3;
    margin-top: 0.2rem;
  }
  .p-content {
    padding: 1.5rem 4%;
    display: block;
  }
  .p-content .lef-nav {
    width: 100%;
  }
  .p-content .right-cont {
    width: 100%;
    margin-top: 0.75rem;
  }
  .p-content .right-cont .tip-list {
    flex-wrap: wrap;
  }
  .p-content .right-cont .tip-list .tip {
    margin-bottom: 0.2rem;
  }
  .ps-list .li {
    width: 100%;
    margin-right: 0;
  }
  .ps-list .li .img {
    height: 7rem;
  }
  .ps-list .li .img img {
    width: auto;
    max-width: none;
    max-height: 70%;
  }
  .ps-list .li {
    margin-bottom: 1rem;
  }
  .product .mbx .fc {
    display: block;
  }
  .mbx .t2 {
    padding-left: 0;
  }
  .p-info .cont-box {
    display: block;
  }
  .p-info .cont-box .img-container {
    width: 100%;
    height: 10rem;
  }
  .p-info .cont-box .img-container .swiper-slide img {
    width: auto;
    max-width: none;
    max-height: 70%;
  }
  .p-info .cont-box .txt {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    position: relative;
    padding-top: 2.5rem;
  }
  .p-info .cont-box .txt .t5 {
    display: block;
    padding: 0.5rem;
  }
  .p-info .cont-box .txt .t5 img {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 0.2rem;
  }
  .p-info .cont-box .txt .img-list {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-info .cont-box .txt .img-list .li {
    width: 2.275rem;
    height: 1.625rem;
  }
  .tabe-pro .table-top {
    line-height: 1.3rem;
  }
  .tabe-pro .table-body .li div {
    padding: 0.2rem 0.5rem;
    font-size: 0.35rem;
  }
  .por-b {
    margin-top: 1rem;
  }
  .por-b .list .li {
    width: calc((100% - 0.5rem) / 2);
    margin-right: 0.5rem;
    height: 3.5rem;
  }
  .por-b .list .li:nth-child(2n) {
    margin-right: 0;
  }
  .por-b .list .li .tit-18 {
    margin-top: 0.4rem;
  }
  .p-info {
    padding-bottom: 1.5rem;
  }
  .solu-banner {
    height: 11rem;
  }
  .solu-banner .mapimg {
    height: 100%;
    object-fit: cover;
  }
  .solu-banner .nav-list {
    display: none;
  }
  .solu-banner .txt {
    top: 4rem;
    width: 100%;
    left: 0;
    padding: 0 4%;
  }
  .solu-banner {
    height: 15rem;
  }
  .solu-banner .txt .t2 {
    width: 100%;
  }
  .solu-banner .line {
    height: 1rem;
  }
  .solu-banner .line img {
    height: 1rem;
  }
  .solu-banner .item {
    display: none;
  }
  .solu-content {
    padding: 1.5rem 4%;
  }
  .solu-content .news-list {
    margin-top: 1rem;
  }
  .news-list .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .news-list .li .img {
    height: auto;
  }
  .solu-content .news-list .li .txt {
    padding: 0.5rem;
  }
  .news-a {
    padding: 1.5rem 0;
  }
  .news-a .tit-42 {
    font-size: 0.8rem;
  }
  .seac-box {
    width: 100%;
  }
  .news-seach-box {
    height: 1.2rem;
    margin-top: 0.5rem;
  }
  .news-list {
    margin-top: 1rem;
  }
  .page a {
    margin: 0 0.2rem;
  }
  .news-list2 .li {
    display: block;
  }
  .news-list2 .li .img {
    width: 100%;
    height: auto;
  }
  .news-list2 .li .txt {
    width: 100%;
    padding: 0.5rem 0;
  }
  .news-list2 .li {
    padding: 0.5rem 0;
  }
  .mbx {
    padding: 0 4%;
  }
  .news-info {
    padding: 1.5rem 4%;
  }
  .news-info .content {
    width: 100%;
  }
  .news-info .content .t1 {
    padding: 0;
    font-size: 0.6rem;
    line-height: 1.2;
  }
  .news-info .content .t2 {
    margin-top: 0.5rem;
  }
  .news-info .fsb {
    display: block;
  }
  .news-info .info-cont {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .news-info .info-bot {
    display: block;
  }
  .news-info .info-bot .renter {
    margin-top: 0.5rem;
  }
  .news-info .right-box {
    width: 100%;
    padding: 0.5rem;
  }
  .contact {
    padding: 1.5rem 0;
  }
  .tit-42 {
    font-size: 0.8rem;
  }
  .contact-img .t1 {
    padding: 1rem 4%;
    left: 0;
    top: 0;
    font-size: 0.6rem;
  }
  .contact-img {
    height: 8rem;
  }
  .contact .list .li {
    width: calc((100% - 0.5rem) / 2);
    margin-right: 0.5rem;
    height: auto;
    padding: 1rem 0.2rem;
  }
  .contact .list .li:nth-child(2n) {
    margin-right: 0;
  }
  .contact .list .li .icon {
    height: 1rem;
  }
  .contact .list .li .icon img {
    max-height: 100%;
  }
  .map-box {
    height: auto;
  }
  .map-box .map-img {
    position: relative;
    bottom: auto;
    width: 100%;
  }
  .map-box .map-txt {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-top: 1rem;
  }
  .map-box .map-txt .top {
    padding: 0.5rem;
  }
  .contact .map-box .map-txt .top .select-box .hide-box {
    padding: 0.2rem 0;
  }
  .map-box .map-txt .cont-list {
    padding-right: 0.2rem;
  }
  .map-box .map-txt .cont-list .map-container {
    padding: 0 0.5rem;
  }
  .contact .map-box .map-txt .cont-list .map-container .swiper-scrollbar {
    right: 0.2rem;
  }
  .supp-a {
    display: block;
  }
  .supp-a .img {
    width: 100%;
    height: auto;
  }
  .supp-a .txt {
    width: 100%;
  }
  .supp-a .txt .li {
    width: 100%;
    padding: 0 0.2rem;
  }
  .sup-b {
    margin-top: 1rem;
    padding: 0.5rem;
    display: block;
  }
  .sup-b .img {
    width: 1rem;
  }
  .sup-b .tt1 {
    margin-left: 0;
    margin-top: 0.2rem;
  }
  .sup-c form {
    width: 100%;
  }
  .sup-c form .li {
    padding: 0.4rem 0.25rem;
  }
  .sup-c form .select-box {
    height: 1.4rem;
  }
  .sup-c form .yzm {
    width: 100%;
  }
  .sup-c .img {
    display: none;
  }
  .sup-c form .check-box {
    margin-top: 0.5rem;
  }
  .sup-c {
    padding-bottom: 1rem;
  }
  .job-a {
    height: auto;
  }
  .job-a .txt {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1rem 0.5rem;
  }
  .contact .t2 {
    display: block;
    margin-top: 1rem;
    /* margin-top: 1.5rem; */
  }
  .jltd {
    margin-top: 0.5rem;
  }
  .job-list .li {
    width: 100%;
    margin-right: 0;
    padding: 0.75rem 0.5rem;
  }
  .jbo-dio .box {
    width: 90%;
    padding: 1rem 0.5rem;
  }
  .jbo-dio .close {
    right: 0.5rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
  }
  .jbo-dio .box .content {
    height: 9rem;
    padding-right: 0.2rem;
  }
  .job-dol .box {
    width: 90%;
    padding: 1rem 0.5rem;
  }
  .job-dol .box form .li input {
    width: 100%;
  }
  .job-b {
    padding: 1rem 0.5rem;
  }
  .bot-bt .swiper-scrollbar {
    width: 60%;
  }
  .job-c {
    /* padding-top: 1.5rem; */
    padding: 1.5rem 0 0.75rem;
  }
  .job-c .table-list .li {
    font-size: 0.45rem;
    margin: 0 0.2rem;
    padding-bottom: 0.2rem;
  }
  .job-c .table-list {
    margin-top: 0.7rem;
  }
  .job-c-container {
    width: 100%;
  }
  .job-c-container .swiper-slide {
    height: auto;
  }
  .job-c-container .prev {
    left: 4%;
  }
  .job-c-container .next {
    right: 4%;
  }
  .job-d {
    padding: 1.5rem 4%;
  }
  .job-d .tit1 .tt1 .mc {
    font-size: 0.6rem;
  }
  .job-d .content .bgs {
    display: none;
  }
  .job-d .content .li {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }
  .job-d .content .li1 {
    background-color: #0c858d;
  }
  .job-d .content .li2 {
    background-color: #0278bf;
  }
  .job-d .content .li3 {
    background-color: #34b4c1;
  }
  .job-d .content {
    width: 100%;
  }
  .job-d .content .li {
    width: 100%;
    padding: 1rem 0;
  }
  .job-d .content .li .icon {
    height: 1.2rem;
  }
  .job-d .content .li .tit-17 {
    margin-top: 0.5rem;
  }
  .contact {
    padding-bottom: 0;
  }
  .p-seach {
    padding: 1.5rem 4%;
  }
  .new-search {
    padding: 0 4% 1.5rem;
  }
  .snews-list .news-list2 .li {
    margin-bottom: 1rem;
  }
  .snews-list .news-list2 .li .img {
    width: 100%;
    height: auto;
  }
  .snews-list .news-list2 .li .txt {
    width: 100%;
    padding: 0.5rem 0;
    margin-left: 0;
  }

  /* 新修改 */
  .banner-s {
    padding-left: 0;
    flex-wrap: wrap;
  }
  .banner-s .bs2 {
    width: 100%;
    margin-bottom: 0.5rem;
    z-index: 3;
  }
  .banner-s .bs1 {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .home-c-container.allhomelist {
    overflow: hidden;
  }
  .home-c-container.allhomelist .swiper-wrapper {
    flex-wrap: nowrap;
  }
  .home-c-container.allhomelist .swiper-slide {
    width: 100%;
  }
  .home-c-container.allhomelist .swiper-wrapper .swiper-slide {
    height: 3rem;
  }
  .home-c-container.allhomelist .swiper-wrapper .swiper-slide img {
    max-width: none;
    max-height: 100%;
  }
  .home-c-container.allhomelist .swiper-wrapper {
    padding: 0;
  }
  .ptable-header {
    display: none;
  }
  .newps-list .li {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .newps-list .li .img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .newps-list .li .img img {
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
  .newps-list .li .lis {
    width: 50%;
  }
  .newps-list .li .t1 {
    width: 100%;
  }
  .newps-list .li .lis {
    min-height: auto;
    padding: 0.5rem;
  }
  .p-info .cont-box .txt {
    padding-top: 0;
  }
  .p-info {
    padding-top: 0;
  }
  .p-info .cont-box .txt .fcb {
    display: block;
  }
  .p-info .cont-box .txt .vmore {
    margin-top: 0.5rem;
  }
  .newp-info .cont-box .img-list {
    flex-wrap: wrap;
  }
  .newp-info .cont-box .img-list img {
    margin: 0.5rem;
    width: 30%;
  }
  .newp-info .cont-box .img-list {
    padding-left: 0;
  }
  .newsolu .solu-banner {
    padding: 2rem 4%;
  }
  .newsolu .solu-banner .txt .t2 {
    width: 100%;
  }
  .sub-container .swiper-slide {
    width: 4rem;
    height: 5rem;
  }
  .sub-container .swiper-slide .img {
    height: 3.7rem;
  }
  .productinfo .mbx {
    padding: 1rem 4%;
  }
  .productinfo .mbx .col-999 {
    width: 100%;
  }
  .info-content {
    padding: 1.5rem 4%;
    display: block;
  }
  .info-content .left-nav {
    width: 100%;
  }
  .info-content .right-cont {
    width: 100%;
    padding: 1rem 0;
  }
  .info-content .right-cont .tabe-pro .table-body .li .l {
    padding: 0.4rem 0.2rem;
  }
  .info-content .right-cont .tabe-pro .table-body .li .r {
    padding: 0.4rem 0.2rem;
  }
  .info-content .right-cont .tabe-pro .table-top .li {
    padding: 0;
    padding-left: 0.2rem;
    font-size: 0.45rem;
  }
  .info-content .right-cont .tabe-pro .table-top {
    height: 1.5rem;
  }
  .contact {
    padding-bottom: 1.5rem;
  }
  header .pc-header .seach-box {
    width: 120px;
  }
  .banner .swiper-pagination {
    left: 4%;
    padding-top: 20vh;
  }
  .pnbox.pnboxprev {
    left: 12%;
  }
}