@charset "UTF-8";

.gxqd {
  background-color: #fff;
}

.gxqdlistaimg img {
  width: 100%;
  transition: transform 0.3s ease;
  border-radius: 10px;
}

.gxqdlistaimg {
  overflow: hidden;
  border-radius: 10px;
}

.gxqdp1 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: var(--b700);
  color: #3d3d3d;
}

.gxqdp2 {
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
}

.gxqdwz {
  padding-top: 20px;
}

.gxqdlist {
  display: flex;
  justify-content: space-between;
}

.gxqdlista {
  width: 32%;
}

.gxqdtit {
  font-size: 52px;
  line-height: 1.2;
  font-weight: var(--b700);
  color: var(--colors2);
}

.gxqdlista:hover img {
  opacity: 0.8;
}

.gxqdlist {
  margin-top: 45px;
}


.pzDiv {
  padding-left: var(--plr120);
  margin-left: -15px;
}

.joinus {
  padding-bottom: 0;
}

.zslist .item {
  text-align: center;
}

.zslist .item .fitImg {
  padding-top: 131.66%;
}

.zslist .item .fitImg:hover img {
  transform: none;
}

.zslist .item .item-tit {
  text-align: center;
  margin-top: 15px;
  font-size: var(--fs20);
}

@media (max-width: 1500px) {
  .grid-b {
    margin: -12px;
  }

  .grid-b .item {
    margin: 12px;
  }

  .g-type {
    margin-bottom: 35px;
  }

  .p100 {
    padding: 70px 0;
  }
}

@media (max-width: 1300px) {
  .head3bnavli {
    margin-left: 25px;
  }

  .product .pro4 .list {
    padding-left: 25px;
  }

  .p100 {
    padding: 60px 0;
  }

  .step li .item .icon {
    padding-left: 18px;
  }

  .newsbox .news-side .side-tit {
    padding: 10px 20px;
  }

  .newsbox .news-side .side-cont {
    padding: 10px 20px;
  }

  .newsbox .news-side .side-cont .scribe-form {
    padding: 10px;
  }

  .newsbox .news-side .side-cont .scribe-form .int input {
    height: 40px;
  }

  .newsbox .news-side .side-cont .scribe-form button {
    height: 40px;
  }
}

@media (max-width: 1200px) {
  .contact .contbox3 .list ul {
    flex-wrap: wrap;
  }

  .contact .contbox3 .list li {
    width: 50% !important;
  }

  .grid-mb {
    margin: -10px;
  }

  .grid-mb .item {
    margin: 10px;
  }

  .grid-b {
    margin: -12px;
  }

  .grid-b .item {
    margin: 12px;
  }

  .vmore a,
  .vmore .a {
    width: 140px;
    height: 45px;
  }

  .product .pro4 .list li .item {
    padding: 25px 20px;
  }

  .product .pro4 .list li .item .icon {
    height: 45px;
  }

  .product .pro2 {
    padding: 200px 0;
  }

  .swp-jt .jt {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }

  .download .xz-left ul li a {
    padding: 15px 0;
  }

  .download .xz-cont .xz-list li .item {
    padding: 18px 20px;
  }
}

@media (min-width: 1025px) {

  .step li:nth-child(n + 4):nth-child(-n + 6),
  .step li:nth-child(n + 9):nth-child(-n + 12) {
    float: right;
  }

  .step li:nth-child(n + 4):nth-child(-n + 6) .item,
  .step li:nth-child(n + 9):nth-child(-n + 12) .item {
    background-image: url("../img/jt_end.svg");
  }

  .step li:nth-child(n + 4):nth-child(-n + 6):hover .item,
  .step li:nth-child(n + 9):nth-child(-n + 12):hover .item {
    background-image: url("../img/jt_end2.svg");
  }

  .step li:nth-child(3) .item,
  .step li:nth-child(6) .item,
  .step li:nth-child(9) .item {
    background-image: url("../img/jt_end.svg") !important;
  }

  .step li:nth-child(3):hover .item,
  .step li:nth-child(6):hover .item,
  .step li:nth-child(9):hover .item {
    background-image: url("../img/jt_end2.svg") !important;
  }

  .step li:last-child .item {
    background-image: url("../img/jt_end.svg") !important;
  }

  .step li:last-child:hover .item {
    background-image: url("../img/jt_end2.svg") !important;
  }

  .step {
    padding: 1.56vw 0;
  }

  .step li .item {
    height: 11.25vw;
  }

  .step li .item .icon {
    width: 11.46vw;
    margin-right: 2.92vw;
  }

  .step li .item .icon img {
    max-width: 5.99vw;
  }

  .step li .item .info .xh {
    margin-right: 0.63vw;
  }
}

@media only screen and (max-width: 1024px) {
  .scrollto {
    position: relative;
    top: -60px
  }

  .gxqdlistaimg img {
    max-height: 280px;
    object-fit: cover;
  }

  .p100 {
    padding: 45px 0;
  }

  .vmore a,
  .vmore .a {
    width: 130px;
    height: 40px;
    border-radius: 20px;
  }

  .grid-b {
    margin: -8px;
  }

  .grid-b .item {
    margin: 8px;
  }

  .contact .contbox2 .form li {
    width: 100%;
  }

  .contact .contbox2 .form li input {
    height: 45px;
  }

  .contact .contbox2 .form .checkbox {
    margin-top: 20px;
  }

  .contact .contbox2 .form .checkbox .send {
    margin-top: 15px;
  }

  .contact .contbox3 .box1 {
    margin-bottom: 35px;
  }

  .contact .contbox3 .list li {
    width: 100% !important;
  }

  [class*="col-"].mx12,
  .mx12 {
    width: 100% !important;
  }

  .g-type {
    margin-bottom: 20px;
  }

  .pzDiv {
    margin-left: -5px;
  }

  .box-shadow {
    box-shadow: 0px 0px 20px 0px #eeeff5;
  }

  .pg-baner {
    height: auto;
    min-height: inherit;
    padding-bottom: 60%;
  }

  .pg-baner-wap-full {
    height: auto;
  }

  .pg-baner-wap-full:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    background: rgba(0, 0, 0, 0.2);
  }

  .pg-baner-wap-full:before {
    z-index: 1;
  }

  .pg-baner-wap-full .pg-baner-wz {
    position: relative;
    transform: translate(0);
    top: 0;
    left: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pg-baner-wap-full .baner-txt {
    margin-top: 15px;
  }

  .pg-baner2.pg-baner-wap-full:before {
    display: none;
  }

  .banerwz_wap,
  .productwapwz {
    background-color: #fafafa;
  }

  .product .pro1 li {
    margin-bottom: 8px;
  }

  .product .pro1 li .item .item-tit {
    margin-top: 6px;
  }

  .product .pro2 {
    padding: 80px 0 245px 0;
  }

  .product .pro2 .contbox .g-desc {
    margin-top: 15px;
  }

  .product .pro3 .item {
    margin: 10px;
    box-shadow: 0px 0px 20px 0px #eeeff5;
  }

  .product .pro3 .item .item-txt {
    padding: 15px;
  }

  .product .pro3 .item .item-txt .item-tit {
    height: 50px;
    line-height: 25px;
  }

  .product .pro4 {
    width: 100%;
    padding-bottom: 60px;
  }

  .product .pro4 .box1 {
    width: 100%;
  }

  .product .pro4 .box1 .fitImg2 {
    padding-top: 75.9%;
  }

  .product .pro4 .box1 .cont {
    max-width: 95%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    padding: 15px;
  }

  .product .pro4 .list {
    padding: 25px 0 0 0;
  }

  .product .pro4 .list li {
    width: 50% !important;
  }

  .product .pro4 .list li .item {
    padding: 15px;
  }

  .product .pro4 .list li .item .icon img {
    height: 40px;
  }

  .product .pro4 .list li .item .tit {
    margin: 10px 0;
  }

  .product .pro4 .list li .item .desc {
    line-height: 1.5;
  }

  .pg-baner .baner-txt {
    line-height: 1.5;
  }

  .zbzz .list li .item {
    margin-bottom: 30px;
  }

  .table1 {
    overflow-x: auto;
  }

  .table1 table td {
    border-width: 2px;
    padding: 15px 5px;
    white-space: wrap;
  }

  .step {
    padding: 15px 0;
  }

  .product-detail .pg-baner .baner-txt {
    background: rgba(255, 255, 255, 0.65);
    padding: 15px;
  }

  .product-detail .det1 .jlh1 {
    text-align: center;
  }

  .product-detail .det2 .g-type {
    text-align: center;
  }

  .product-detail .det2 .g-type .jlh1 {
    width: 100%;
  }

  .product-detail .det2 .g-type .tabs2 {
    clear: both;
    margin: 20px auto 0 auto;
  }

  .product-detail .det2 .g-type .tabs2 ul li {
    padding: 4px 15px;
  }

  .product-detail .det3 .item .item-pic {
    height: auto;
    padding: 25px;
  }

  .product-detail .det3 .item .item-tit {
    margin-top: 25px;
    font-size: var(--fs24);
    color: #3e3a39;
  }

  .product-detail .det4 .slides {
    margin: 0 -10px;
  }

  .product-detail .det5 .col1 {
    margin-bottom: 30px;
  }

  .product-detail .det5 .col1 .list li {
    padding: 15px 0;
  }

  .step li {
    width: 100%;
  }

  .step li .item {
    background-image: url("../img/jt_end.svg") !important;
  }

  .step li:hover .item {
    background-image: url("../img/jt_end2.svg") !important;
  }

  .step li:last-child .item {
    background-image: url("../img/jt_end.svg") !important;
  }

  .step li:last-child:hover .item {
    background-image: url("../img/jt_end2.svg") !important;
  }

  .step li .item {
    height: 145px;
    background-size: 100% 100% !important;
  }

  .step li .item .icon {
    width: 150px;
    margin-right: 10px;
    padding-left: 5px;
  }

  .step li .item .icon img {
    max-width: 65px;
  }

  .step li .item .tit {
    line-height: 1.2;
  }

  .step li .item .item-desc {
    font-size: 12px !important;
  }

  .table2 table td .info {
    padding: 0 10px;
  }

  /* 关于我们 */
  .about .th2aar {
    margin: 15px 0 0 0;
  }

  .about .th2aartd ul {
    margin-bottom: 25px;
    text-align: center;
  }

  .about .th2aartd ul .th2aaricon {
    margin: 0 auto;
  }

  .about .th2aartd ul .th2aartdp1 {
    justify-content: center;
  }

  .about .th2ab {
    min-height: auto;
    height: 70vh;
  }

  .about .th2ac {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .about .th2ac .cultures {
    padding-bottom: 0;
  }

  .about .th2ac .cultures .culturessub {
    width: 100%;
  }

  .about .th2ac .cultures .culturesimg {
    position: unset;
    height: 450px;
  }

  .about .th2ac .culturessubm {
    height: auto;
    padding: 0 6% !important;
  }

  .about .path-item__img,
  .about .waphistoryms {
    margin: 15px 5px 0 0;
  }

  .about .path-item__img {
    margin: 0 0 0 0;
  }

  .about .global {
    min-height: 75vh;
  }

  .hlqqbj .hl6carrlink {
    margin: 0 0 12px 0;
  }

  .joinus {
    padding-bottom: 0 !important;
  }

  .esg .esg24cp1 {
    font-size: 16px !important;
  }

  .esg .esg24ap2img img {
    width: 100%;
  }

  .esg .zz-pic {
    margin-top: 20px !important;
  }

  .esg .gxqdlist {
    margin-top: 15px !important;
  }

  .esg .gxqdlista {
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }

  .esg .gxqdlista .gxqdwz {
    padding-top: 10px !important;
  }

  .esg .gxqdlista .gxqdp1 {
    font-size: 14px;
  }

  .lm-type {
    padding-bottom: 10px;
    border-bottom-width: 1px;
  }

  .news-list .list li .item {
    padding: 20px 0;
  }

  .news-list .list li .item .item-pic {
    width: 100%;
    margin-bottom: 15px;
  }

  .news-list .list li .item .item-info .time {
    margin: 12px 0;
  }

  .newsbox .box1 .w466 {
    width: 0;
    margin-left: 0;
  }

  .newsbox .news-left {
    flex: auto;
    width: 100%;
  }

  .newsbox .news-left .screen {
    padding: 25px 0;
  }

  .newsbox .news-left .screen li {
    margin-bottom: 15px;
  }

  .newsbox .news-left .screen li .intbox input,
  .newsbox .news-left .screen li .intbox select {
    height: 38px;
  }

  .newsbox .news-left .screen li button {
    height: 40px;
  }

  .newsbox .news-side {
    margin: 10px 0 0 0;
    flex: auto;
  }

  .newsbox .news-side .side1 {
    margin-bottom: 15px;
  }

  .newsbox .news-side .side-tit {
    padding: 10px 15px;
  }

  .newsbox .news-side .side-cont {
    padding: 10px 15px;
  }

  .newsbox .news-side .side-cont .scribe-tit {
    margin-bottom: 10px;
  }

  .newsbox .news-side .side-cont .scribe-form {
    padding: 8px;
    margin-bottom: 15px;
  }

  .newsbox .news-side .side-cont .scribe-form .int input {
    height: 36px;
  }

  .newsbox .news-side .side-cont .scribe-form button {
    height: 36px;
  }

  .pages {
    padding: 30px 0;
  }

  .pages ul {
    justify-content: center;
  }

  .pages ul li {
    margin-right: 5px;
  }

  .pages ul li a {
    width: 30px;
    height: 30px;
  }

  .download .xz-cont .xz-list {
    margin: 25px 0 0 0;
  }

  .download .xz-cont .xz-list li .item .time {
    width: 100%;
  }

  .download .xz-cont .xz-list li .item .time .icon {
    width: 20px;
    margin-right: 10px;
  }

  .download .xz-cont .xz-list li .item .time .icon img {
    width: 100%;
  }

  .download .xz-cont .xz-list li .item .tit {
    width: 100%;
    margin: 6px 0;
    flex: auto;
  }

  .download .xz-cont .xz-list li .item .link img {
    width: 20px;
    margin-right: 10px;
  }

  .news-detail .contbox .news-left {
    width: 100%;
    flex: auto;
  }

  .news-detail .contbox .news-left .news-time {
    padding: 10px 0;
  }

  .news-detail .contbox .news-left .news-file {
    padding: 20px 0;
  }

  .news-detail .contbox .news-left .news-sxp {
    padding: 10px 0;
  }

  .news-detail .contbox .news-side {
    margin: 30px 0 15px 0;
  }

  .news-detail .contbox .news-side .side-cont .side-tit {
    margin-bottom: 5px;
  }

  .news-detail .contbox .news-side .side-cont .news-list li .item {
    padding: 15px 0 !important;
  }

  .news-detail .contbox .news-side .side-cont .news-list li .item .item-pic {
    margin-bottom: 0;
    margin-right: 15px;
  }

  .research .research1 .item .item-tit {
    padding: 20px 15px;
  }

  .research .research2 .box1 .col2 {
    flex: auto;
    width: 100%;
    margin-top: 35px;
  }

  .research .research2 .box1 .col2 .item {
    padding: 15px;
    border-radius: 10px;
  }

  .research .research2 .box1 .col2 .item::before {
    border-radius: 10px;
  }

  .research .research2 .box1 .col2 .item .item-desc {
    margin: 12px 0 16px;
  }

  .research .research2 .tabs {
    border-bottom: 0;
  }

  .research .research2 .tabs a {
    width: 29.33%;
    text-align: center;
    padding: 6px 0;
    margin: 6px 2%;
  }

  .th2jocslide {
    width: 50% !important;
  }

  .hl5carr {
    /* height: 55vh !important; */
    min-height: auto !important;
  }

  .pulinelaywz {
    width: 92%;
    padding: 20px;
  }

  .pulinelayms {
    max-height: 70vh;
    overflow-y: auto;
  }

  .pulinelayclose2,
  .pulinelayclose {
    top: 0;
  }

  .hl6carrul {
    padding-bottom: 0 !important;
  }

  .research .research1 .box1 {
    flex-wrap: wrap;
  }

  .research .research1 .swp-jt {
    margin-top: 25px;
    width: 100%;
    justify-content: center;
  }

  .research .research1 .swp-jt .jt {
    margin: 0 15px;
  }

  .research .research2 .slides {
    margin-bottom: 30px;
  }

  .th2ad .jlh1 {
    /* text-align: left; */
  }

  .th2ad .w1400 {
    padding: 0;
  }

  .waphistory .path-item__img img {
    border-radius: 8px 8px 0 0;
  }

  .waphistory .waphistoryms {
    margin: 0;
    color: #333;
    padding: 15px;
    background: #fff;
    border-radius: 0 0 8px 8px;
  }

  .waphistory .path-item__desc {
    color: #333;
    height: 80px;
    overflow-y: auto;
  }
}