.wapMenu {
  display: none;
  position: fixed;
  left: 0;
  top: 55px;
  width: 100%;
  padding: 15px 0;
  background: #fff;
}

.wapMenu.fold {
  left: 0;
  display: block !important;
}

.wapMenu ul {
  padding: 0 15px;
}

.wapMenu ul li {
  border-bottom: 1px solid #eee;
  position: relative;
}

.wapMenu ul li a {
  display: block;
  padding: 15px 0;
  width: calc(100% - .5rem);
  font-weight: bold;
}

.wapMenu ul li .iconJt {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  line-height: 45px;
  right: 0;
  text-align: right;
  z-index: 22;
  color: #666;
  font-weight: bold;
  font-size: .16rem;
  transition: all ease 0.3s;
}

.wapMenu ul li .iconJt.on {
  transform: rotate(90deg);
}

.wapMenu ul li ul {
  display: none;
}

.wapMenu ul li ul li:last-child {
  border-bottom: 0;
}

.wapMenu ul li ul li a {
  width: 100%;
  padding: 12px 0;
  font-weight: normal;
}

.tkg {
  height: .8rem;
}
.pc{
    display:block;
}
.mobile{
    display:none;
}

@media (max-width: 1420px) {
  .header .nav > li {
    margin-right: .5rem;
  }
  .crumbs .subcat2 li {
    margin-right: .2rem;
  }
  .about .about3 .wrap {
    padding-left: 0;
  }
}

@media (max-width: 1280px) {
  .crumbs {
    padding: .15rem 0;
  }
  .crumbs .mgrid {
    flex-wrap: wrap;
  }
  .crumbs .subcat2 {
    width: 100%;
  }
}

@media (max-width: 1080px) {
  .header .nav > li {
    margin-right: .3rem;
  }
  .news .item .item-date {
    font-size: .5rem;
    bottom: .05rem;
  }
  .footer .ft1 .col2 {
    padding-left: .35rem;
    margin-left: .35rem;
  }
  .footer .ft1 .col2 .qrcode .ewm {
    margin-left: .2rem;
  }
}

@media (min-width: 851px) {
  .detail .newsbox .right-side .wrap {
    position: sticky;
    top: 1.2rem;
  }
  .scrollto {
    margin-top: -.8rem;
    padding-top: .8rem;
  }
}

@media (max-width: 850px) {
  .pc{
      display:none;
  }
  .mobile{
      display:block;
  }
  body {
    padding-top: 55px;
  }
  .menuBtn {
    display: block;
    position: absolute;
  }
  .mtop {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 22;
    box-shadow: 0 0.03rem 0.2rem rgba(0, 0, 0, 0.175) !important;
  }
  .mtop .d-box1 {
    background: #fff;
    padding: 0 15px;
    height: 55px;
    position: relative;
  }
  .mtop .d-box1 .logo img {
    width: 1.3rem;
  }
  .mtop .d-box1 .menuBtn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .footer .ft1 .ft-nav li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
  }
  .footer .ft1 .ft-nav li .tit {
    height: .6rem;
    line-height: .6rem;
    margin-bottom: 0;
    position: relative;
    font-size: .2rem;
  }
  .footer .ft1 .ft-nav li .tit i {
    font-size: .16rem;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    transition: all ease .3s;
    z-index: 2;
    transform: translateY(-50%);
  }
  .footer .ft1 .ft-nav li .tit::after {
    display: none;
  }
  .footer .ft1 .ft-nav li ul {
    display: none;
    padding-bottom: .15rem;
    font-size: .18rem;
  }
  .footer .ft1 .ft-nav li ul li {
    border: 0;
    margin: .15rem 0;
  }
  .footer .ft1 .ft-nav li ul li a {
    display: block;
  }
  .footer .ft1 .ft-nav li.on .tit i::before {
    content: "\e634";
  }
  .footer .ft1 .col1 {
    padding: .4rem 0 .3rem;
  }
  .footer .ft1 .col2 {
    margin-left: 0;
    border-left: 0;
    padding: .2rem 0 0 0;
  }
  .footer .ft1 .col2 .qrcode {
    justify-content: space-between;
  }
  .footer .ft2 {
    padding: 15px 13px;
    margin-top: 15px;
  }
  .inner-slide {
    height: 35vh;
  }
  .vmore {
    font-size: .2rem;
  }
  .banner {
    height: 65vh;
  }
  .banner .slide-txt .txt1 {
    font-size: .45rem;
  }
  .banner .slide-txt .txt2 {
    margin: .25rem 0 .6rem;
  }
  .section1 .wrap {
    padding: .6rem 0 .3rem;
  }
  .section1 .top-news {
    width: 100%;
    flex-direction: column-reverse;
    position: unset;
    top: 0;
    border-radius: 0;
  }
  .section1 .top-news .col1 .item {
    padding: .2rem .3rem 0 .3rem;
  }
  .section1 .top-news .col1 .slides {
    height: 1.1rem;
  }
  .section1 .top-news .col2 {
    margin-top: 0;
    padding-top: .15rem;
    padding-right: .3rem;
    font-size: .5rem;
  }
  .section1 .top-news .col2 span {
    font-size: .35rem;
  }
  .section1 .sec1-left {
    border-right: 0;
    border-bottom: 1px solid rgba(224, 224, 224, 0.53);
  }
  .section1 .sec1-left .pic {
    margin-top: 0;
    padding: 0 .2rem;
  }
  .section1 .sec1-left .pic img {
    width: 100%;
  }
  .section1::before {
    display: none;
  }
  .section1 .sec1-right {
    margin: 0;
    padding-left: 0;
  }
  .section1 .sec1-right .wrap {
    padding: 0 0 .5rem 0;
  }
  .section1 .sec1-right .ab-box1 {
    padding-top: .3rem;
  }
  .section1 .sec1-right .ab-box1 li {
    width: 50%;
    margin: .2rem 0;
  }
  .section1 .sec1-right .ab-box2 {
    margin: .35rem 0;
  }
  .section2 {
    height: auto;
    padding: 2.8rem 0 .6rem;
  }
  .section2 .sec-type1 {
    top: .6rem;
  }
  .section2 .list ul {
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .section2 .list ul li {
    width: 33.33%;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .section2 .list ul li .item .tit {
    padding-bottom: .35rem;
  }
  .section2 .list ul li:last-child {
    border-bottom: 0;
  }
  .section2 .list ul li:hover .item {
    transform: translateY(0);
  }
  .section3 {
    padding: .6rem 0;
  }
  .section3 .sec3-left {
    margin-top: .25rem;
  }
  .section3 .sec3-left .desc {
    max-width: 100%;
    margin: .5rem 0;
  }
  .section3 .sec3-left .txt3 {
    margin: .8rem 0 1rem;
    font-size: 1rem;
  }
  .section3 .sec3-logo {
    width: 2rem;
    z-index: -1;
    top: 55%;
  }
  .section3 .sec3-right .slides {
    padding-top: .3rem;
  }
  .section3 .sec3-right .slides .swp-jt {
    top: 0;
  }
  .section4 {
    padding: .6rem 0;
  }
  .section4 .sec4-left {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
  }
  .section4 .sec4-left .desc {
    margin: .3rem 0;
  }
  .section4 .sec4-list {
    margin-top: .5rem;
  }
  .section4 .sec4-list .item {
    padding: .35rem;
  }
  .section4 .sec4-list .item .item-icon {
    margin-right: .3rem;
    width: .4rem;
  }
  .section4 .sec4-list .item .item-info .desc {
    margin: .2rem 0;
  }
  .section5 {
    padding: .6rem 0;
  }
  .section5 .col2 {
    margin-top: .3rem;
  }
  .section5 .col2 .btn {
    margin-left: .3rem;
  }
  .section6 {
    padding: .6rem 0;
  }
  .section6 .sec-type1 {
    margin-bottom: .5rem;
  }
  .section6 .item .wrap {
    padding: .4rem .3rem;
  }
  .section6 .item .item-date {
    font-size: .6rem;
    margin-bottom: -.1rem;
  }
  .section6 .item .item-desc {
    margin: .25rem 0;
  }
  .main {
    min-height: auto;
  }
  .main .sec-type {
    margin-bottom: .3rem;
  }
  .crumbs {
    padding: .15rem 0;
  }
  .crumbs .subcat {
    width: 100%;
    margin-top: .1rem;
  }
  .crumbs .subcat ul {
    flex-wrap: wrap;
    margin: 0 -1%;
  }
  .crumbs .subcat ul li {
    width: 48%;
    margin: .06rem 1%;
  }
  .crumbs .subcat ul li a {
    font-size: .16rem;
    padding: .13rem 0;
    background: #fff;
    border-radius: .1rem;
    text-align: center;
  }
  .crumbs .subcat ul li a::after {
    height: 2px;
  }
  .crumbs .subcat.x3 ul li {
    width: 31.33%;
  }
  .news .item {
    margin-bottom: 0;
    padding: .3rem;
  }
  .pages {
    margin-top: .3rem;
  }
  .pages li {
    margin-bottom: .15rem;
  }
  .pages li a {
    min-width: .35rem;
    padding: 0 .1rem;
    height: .35rem;
  }
  .detail .newsbox .right-side {
    width: 100%;
    margin: .3rem 0 0 0;
  }
  .video .list .item .item-txt {
    padding: .15rem .1rem;
  }
  .wenti .list li .item {
    padding: .2rem .1rem;
  }
  .wenti .list li .item .item-tit .fold {
    width: .35rem;
    height: .35rem;
  }
  .wenti .list li .item .item-tit .fold i {
    width: .15rem;
    height: .15rem;
  }
  .job .list li .item {
    flex-wrap: wrap;
    padding: .25rem;
    position: relative;
  }
  .job .list li .item .col1 i {
    margin-right: .1rem;
  }
  .job .list li .item .col2 {
    margin: .12rem 0;
  }
  .job .list li .item .link {
    margin-top: .15rem;
    position: absolute;
    right: .2rem;
    top: 40%;
    transform: translateY(-50%);
  }
  .job .job-tit {
    flex-wrap: wrap;
    margin-top: .6rem;
  }
  .job .job-tit .attr {
    width: 100%;
  }
  .job .job-tit .attr li {
    margin-left: 0;
    width: 50%;
  }
  .search .search-list li {
    padding: .25rem .1rem;
  }
  .search .search-list li .item .item-desc {
    margin: .15rem 0;
  }
  .apply .apply-box .item-icon {
    margin: .5rem auto;
  }
  .products .slides .jt {
    bottom: 0.2rem;
  }
  .products .slides .jt a {
    width: .5rem;
    height: .5rem;
  }
  .product .list .item {
    padding: .25rem;
    margin-bottom: .12rem;
  }
  .product .list .item .item-pic {
    margin: .4rem 0 0 0;
    text-align: center;
  }
  .product .list .item .item-pic img {
    display: inline-block;
  }
  .proinfo .probox1 {
    margin-bottom: .4rem;
  }
  .proinfo .probox1 .info .pro-desc {
    margin: .25rem 0;
  }
  .proinfo .probox1 .slides {
    width: 100%;
    margin-right: 0;
    margin-bottom: .35rem;
  }
  .proinfo .probox4 .slides .swiper-slide {
    width: 80%;
  }
  .proinfo .probox4 .slides .swiper-slide .item .tit {
    font-size: .18rem;
    top: .2rem;
  }
  .proinfo .probox4 .slides .jt.prev {
    left: 12%;
  }
  .proinfo .probox4 .slides .jt.next {
    right: 12%;
  }
  .about .about1 {
    padding-bottom: .3rem;
  }
  .about .about1 .ab-box2 {
    margin-top: .25rem;
  }
  .about .about1 .ab-box2 ul li {
    margin: .1rem 0;
  }
  .about .about2 .list {
    margin-top: .4rem;
    flex-wrap: wrap;
  }
  .about .about2 .list li {
    width: 100%;
    flex: none;
    margin: 0 !important;
  }
  .about .about2 .list li .item {
    height: 5rem;
  }
  .about .about2 .list li .item .wrap {
    opacity: 1;
    margin-top: 0;
    max-width: 100%;
    padding: 0 .25rem;
  }
  .about .about2 .list li .item .wrap .xh {
    color: #fff !important;
  }
  .about .about2 .list li .item .wrap .desc,
  .about .about2 .list li .item .wrap .link {
    display: block;
    opacity: 1;
  }
  .about .about2 .list li .item .wrap .desc .txt,
  .about .about2 .list li .item .wrap .link .txt {
    display: block;
  }
  .about .about2 .list li.active {
    width: 100%;
  }
  .about .about2 .list li.active .wrap {
    opacity: 1;
  }
  .about .about3 .wrap .col1 {
    width: 80%;
    padding: .4rem 0;
  }
  .about .about3 .wrap .col2 {
    width: 80%;
    text-align: right;
    padding: .25rem .25rem;
  }
  .about .about3 .wrap .col3 {
    width: 100%;
    text-align: center;
  }
  .about .about4 .gallery {
    padding: 0 .3rem;
  }
  .about .about4 .gallery-top .item .item-pic {
    margin: .2rem 0 .35rem 0;
    width: 100%;
  }
  .about .about4 .thumbs {
    padding: 0 .5rem;
  }
  .about .about4 .thumbs .jt {
    width: .4rem;
    height: .4rem;
  }
  .about .about4 .thumbs .jt i {
    font-size: .15rem;
  }
  .about .about4 .thumbs .jt.swiper-button-prev {
    left: -.1rem;
  }
  .about .about4 .thumbs .jt.swiper-button-next {
    right: -.1rem;
  }
  .about .about5 .d-box1 {
    margin: .2rem 0 .35rem 0;
  }
  .about .about5 .d-box1 li {
    width: 100%!important;
    margin: .1rem 0;
  }
}