@media (min-width: 981px) {
  .product .sidebar {
    /*position: sticky;*/
    /*top: 90px;*/
  }
  .sidebar2 {
    position: sticky;
    top: 90px;
  }
  .scrollto {
    padding-top: 5.2083vw;
    margin-top: -5.2083vw;
  }
  .productinfo .tabcont2 li:nth-child(3n+1) {
    flex-direction: row-reverse;
  }
  .productinfo .tabcont2 li:nth-child(3n+1) .info {
    padding-left: 2.8125vw;
  }
  .productinfo .tabcont2 li:nth-child(2n) .info {
    padding-right: 2.8125vw;
  }
  .contact .contact-form li.xm6 {
    width: 33.33% !important;
  }
  
.newsinfo .det2 {
  min-height:400px;
}

}

@media (min-width: 981px) and (max-width: 1160px) {
  .inner-slide.inner-slide2 .crumbs {
    top: 80px;
  }
}

@media (max-width: 980px) {
  .inner-slide {
    height: 55vh;
  }
  .inner-slide img {
    display: none;
  }
  .inner-slide .slide-txt .desc {
    margin-top: 5px;
  }
  .inner-slide .crumbs {
    bottom: 15px;
  }
  .inner-slide.inner-slide2 {
    height: 70vh;
  }
  .inner-slide.inner-slide2 .crumbs {
    top: 90px;
  }
  .prolist li .item .item-pic{
      min-height:130px;
  }
  .news .news1 {
    padding: 15px;
  }
  .news .news1 .item-info {
    padding: 15px 0 0 0;
  }
  .news .news1 .item-info .tit {
    margin: 15px 0;
  }
  .news .list li .item .item-pic {
    width: 100%;
  }
  .news .list li .item .item-info {
    flex: auto;
    width: 100%;
    padding: 15px 0 0 0;
  }
  .news .list li .item .item-info .time img {
    width: 20px;
    margin-right: 8px;
  }
  .news .list li .item .item-info .title {
    margin: 15px 0;
  }
  .pages {
    padding: 25px 0;
  }
  .pages li a {
    display: flex;
    width: 35px;
    height: 35px;
    color: #9D9D9D;
    align-items: center;
    justify-content: center;
  }
  .pages li:hover, .pages li.on {
    background: var(--color);
    border-color: var(--color);
  }
  .pages li:hover a, .pages li.on a {
    color: #fff;
  }
  .crumbs2 {
    padding-top: 20px;
  }
  .job .screen .fl {
    width: 100%;
    padding-left: 10px;
  }
  .job .screen .dd {
    padding: 10px 0;
  }
  .job .screen .dd .sel select {
    padding: 10px 10px;
  }
  .job .screen .vmore {
    margin: 20px 0 10px;
  }
  .job .job-list {
    padding: 15px 0 40px;
  }
  .job .job-list .table th,
  .job .job-list .table td {
    padding: 18px 10px !important;
  }
  .job .job-list .table th:nth-child(n+2):nth-child(-n+4),
  .job .job-list .table td:nth-child(n+2):nth-child(-n+4) {
    display: none;
  }
  .job .job-list .table th:last-child,
  .job .job-list .table td:last-child {
    width: 90px;
  }
  .job .job-list .table .cont td {
    padding: 0 !important;
  }
  .job .job-list .table .jt img {
    width: 12px !important;
  }
  .job .job-list .table .cont .intros {
    padding: 20px 10px;
  }
  .job .job-list .table .cont .intros h3 {
    font-size: 18px;
  }
  .job .job-list .table .cont .intros .link {
    margin-top: 25px;
  }
  .contact .contact1 .d-box1 .col2 {
    margin: 15px 0;
    width: 100%;
  }
  .contact .contact1 .d-box1 .col3 a {
    width: 120px;
    height: 40px;
    border-radius: 20px;
  }
  .contact .contact1 .d-box2 li .item {
    padding-bottom: 25px;
  }
  .contact .contact3 .join {
    height: auto;
  }
  .contact .contact3 .join .dd {
    padding: 65px 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .contact .contact3 .join .dd:last-child {
    border-bottom: 0;
  }
  .contact .contact3 .join .dd .links {
    margin-top: 16px;
  }
  .contact .contact3 .join .dd .links a {
    width: 120px;
    height: 40px;
    border-radius: 20px;
  }
  .contact-form .form .xieyi {
    padding: 15px 0 25px;
  }
  .contact-form .form .btn {
    padding-bottom: 15px;
  }
  .contact-form .form .btn button {
    width: 120px;
    height: 40px;
  }
  .service .fuwu1 .item-info {
    padding: 25px 0 0 0;
  }
  .service .fuwu1 .item-info .desc {
    margin: 25px 0;
  }
  .service .fuwu1 .item-info .zx a {
    padding: 8px 15px;
  }
  .service .fuwu1 .item-info .zx a img {
    width: 20px;
  }
  .service .fuwu2 li .item {
    padding: 25px 20px 70px 20px;
  }
  .service .fuwu2 li .item .icon img {
    width: 30px;
  }
  .service .fuwu2 li .item .tit {
    margin: 18px 0;
    padding-bottom: 12px;
  }
  .service .fuwu2 li .item .xh img {
    width: 85px;
    margin-right: 2px;
  }
  .service .fuwu3 .tabs-ul {
    margin-bottom: 25px;
  }
  .service .fuwu3 .tabs-ul li {
    margin-bottom: 6px;
  }
  .service .fuwu3 .tabcont .thead {
    padding: 10px;
  }
  .service .fuwu3 .tabcont .tbody .tr {
    padding: 10px;
  }
  .service .fuwu3 .tabcont .tbody .tr .td .xz i {
    width: 15px;
    height: 15px;
  }
  .prolist {
    flex: auto;
    width: 100%;
  }
  .prolist li .item .item-tit {
    position: unset;
    margin-bottom: 12px;
  }
  .product .sidebar {
    width: 100%;
    margin: 0 0 25px 0;
  }
  .product .sidebar .side-list li .v1 {
    padding: 15px 10px;
  }
  .product .sidebar .side-list li .sub2 .v2 {
    padding-left: 20px;
  }
  .product .sidebar .side-list li .sub2 .v2 > a {
    margin: 10px 0;
  }
  .product .sidebar .side-list li .sub2 .sub3 li {
    padding-left: 15px;
  }
  .sidebar2 {
    width: 100%;
    margin: 0 0 20px 0;
    display: none;
  }
  .solute .solute-list {
    flex: auto;
    width: 100%;
  }
  .solute .solute-list li {
    margin-bottom: 25px;
  }
  .solute .solute-list li .item .item-pic {
    width: 100%;
  }
  .solute .solute-list li .item .item-info {
    padding: 15px 15px 25px 15px;
  }
  .solute .solute-list li .item .link {
    margin: 20px 0 0 0;
  }
  .details .det1 .swiper-wrapper {
    padding-bottom: 30px;
  }
  .details .det1 .item {
    padding: 35px 20px;
  }
  .details .det1 .item .icon img {
    width: 45px;
  }
  .details .det1 .item .tit {
    margin: 15px 0;
  }
  .details .det2 .det2-pic {
    margin-bottom: 15px;
  }
  .details .det2 .det2-box .info {
    margin: 35px 0 0 0;
  }
  .details .detbox3 .det-tit {
    margin-bottom: 15px;
  }
  .details .detbox3 .info .lx2 {
    margin: 30px 0;
    padding-bottom: 0;
  }
  .details .detbox3 .info .lx2 .dd {
    width: 46%;
  }
  .details .detbox3 .info .lx2 .dd:last-child {
    margin-right: 0;
  }
  .sec-type .tit {
    margin-bottom: 5px;
  }
  .sec-type2 {
    margin-bottom: 16px;
  }
  .productinfo .probox1 .info .title {
    padding: 15px 0;
  }
  .productinfo .probox1 .info .desc {
    margin-top: 18px;
  }
  .productinfo .probox1 .info .links a {
    padding: 8px 25px;
  }
  .productinfo .probox1 .slides {
    padding-top: 30px;
  }
  .productinfo .probox1 .slides .gallery-thumbs {
    margin-top: 15px;
  }
  .productinfo .probox2 .tabcont1 .video .play img {
    width: 32px;
  }
  .productinfo .probox2 .tabcont2 .list li {
    margin-bottom: 35px;
  }
  .productinfo .probox2 .tabcont2 .list li .item-pic {
    margin-top: 15px;
  }
  .productinfo .probox2 .tabcont2 .list li:last-child {
    margin-bottom: 0;
  }
  .productinfo .probox2 .tabcont3 .table, .productinfo .probox2 .tabcont3 .table2 {
    overflow-x: auto;
  }
  .productinfo .probox2 .tabcont3 .table td, .productinfo .probox2 .tabcont3 .table2 td {
    padding: 6px 5px;
    white-space: nowrap;
  }
  .productinfo .probox2 .tabcont3 .table2 td {
    padding: 12px 8px;
  }
  .about .about1 .d-box1 {
    padding: 15px 25px;
    margin-bottom: 25px;
  }
  .about .about1 .d-box1 li {
    width: 50%;
    margin: 15px 0;
  }
  .about .about1 .d-box1 li .item-icon {
    width: 35px;
  }
  .about .about2 .list .item {
    padding: 45px 20px;
  }
  .about .about2 .list .item .item-icon img {
    width: 35px;
  }
  .about .about2 .list .item .item-tit {
    margin: 15px 0 25px;
  }
  .about .about2 .list .item .item-tit span {
    padding-bottom: 10px;
  }
  .about .about3 .gallery-top .item .year {
    text-align: left;
    margin-bottom: 15px;
  }
  .about .about3 .jt {
    width: 32px;
    height: 32px;
    margin-top: -14px;
  }
  .about .about3 .jt i {
    font-size: 12px;
  }
  .about .about3 .gallery-thumbs {
    margin-top: 0px;
  }
  .about .about3 .gallery-thumbs .item {
    font-size: 14px !important;
  }
  .about .about3 .gallery-thumbs::before {
    width: 72%;
  }
  .about .about4 .slides .swiper-wrapper {
    padding-bottom: 50px;
  }
  .about .about4 .slides .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    border-radius: 0;
    margin: 0 3px;
  }
  .about .about4 .slides .item .item-tit {
    padding: 15px 0;
  }
  .about .about5 .swiper-wrapper {
    padding-bottom: 50px;
  }
  .about .about5 .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    margin: 0 3px;
    border-radius: 0;
    background: #666;
    opacity: 1;
  }
  .about .about5 .swiper-pagination-bullet-active {
    background: var(--color);
  }
  .laybox .wrap {
    height: 65vh;
  }
  .laybox .lay-tit {
    padding: 10px 15px;
  }
  .laybox .lay-tit .close img {
    width: 15px;
  }
  .laybox .lay-cont .lx1 li {
    margin-bottom: 25px;
  }
  .laybox .lay-cont .lx1 li .tit {
    margin-bottom: 6px;
  }
  .laybox .lay-cont .contact-form li {
    margin-bottom: 18px;
  }
  .laybox .lay-cont .lay-btn {
    padding-bottom: 20px;
  }
  .laybox .lay-cont .lay-btn button {
    width: auto;
    padding: 10px 50px;
  }
  .websitemap-section1 .cont .item .jut .list{
    width:50%;
    margin-bottom:8px;
  }
}