@media screen and (min-width: 1200px) {
  .transXT50.target {
    transform: translateY(-80px);
    -webkit-transform: translateY(-80px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s,
      opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.8s,
      opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .transYT50.target {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.8s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .transYT501.target {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.8s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .transYT502.target {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s,
      opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.8s,
      opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .transXT501.target {
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.8s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .transXf.target {
    transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s,
      opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.8s,
      opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .action.transYT50,
  .action.transYT501,
  .action.transYT502 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

  .action.transXT50,
  .action.transXT501,
  .action.transXf {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }

  .action.idys1 {
    transition-delay: 0.15s;
  }

  .action.idys2 {
    transition-delay: 0.25s;
  }

  .action.idys3 {
    transition-delay: 0.35s;
  }

  .action.idys4 {
    transition-delay: 0.45s;
  }

  .action.idys5 {
    transition-delay: 0.55s;
  }

  .action.idys6 {
    transition-delay: 0.65s;
  }

  .action.idys7 {
    transition-delay: 0.75s;
  }

  .action.idys9 {
    transition-delay: 0.95s;
  }

  .loadscale.target {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 30px) scale(0.9);
    transition: 0.65s all ease-out;
  }

  .action.loadscale {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) scale(1);
    transition: 0.8s all ease-out;
  }

  .wzload.target {
    opacity: 0;
    visibility: hidden;
    transform: translateY(110%);
    transition: transform 1s, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 1s,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
  }

  .action.wzload {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .ovt {
    overflow: hidden;
  }

  .ovt font {
    display: block;
  }

  .sytrans.target {
    opacity: 0;
    visibility: hidden;
    transform: scaleY(1.1);
    transition: 0.65s all ease-out;
  }

  .action.sytrans {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    transition: 0.65s all ease-out;
  }

  .loadw.target {
    transform: translateY(100%) skewX(15deg);
    transition: transform 600ms,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,
      opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden;
  }

  .action.loadw {
    transform: translateY(0px) skewX(0);
    opacity: 1;
    visibility: visible;
  }

  .loadbg {
    position: relative;
  }

  .loadbg.target:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #fff;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    visibility: hidden\9;
    z-index: -3;
  }

  .action.loadbg:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
  }

  .load-bg {
    position: relative;
    overflow: hidden;
  }

  .load-bg.target:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255);
    transform-origin: left center;
    transform: scale(1, 1);
    transition: all 800ms ease 0s;
    z-index: 99;
  }

  .action.load-bg:before {
    transform-origin: right center;
    transform: scale(0, 1);
  }

  .load-words.target span {
    opacity: 0;
    visibility: hidden;
  }

  .action.load-words span {
    visibility: visible;
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: wordsRightFade;
    animation-name: wordsRightFade;
  }

  @-webkit-keyframes wordsRightFade {
    0% {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0;
      visibility: hidden;
    }

    100% {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
      visibility: visible;
    }
  }

  @-moz-keyframes wordsRightFade {
    0% {
      -moz-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0;
      visibility: hidden;
    }

    100% {
      -moz-transform: none;
      transform: none;
      opacity: 1;
      visibility: visible;
    }
  }

  @keyframes wordsRightFade {
    0% {
      -webkit-transform: translateX(50px);
      -moz-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0;
      visibility: hidden;
    }

    100% {
      -webkit-transform: none;
      -moz-transform: none;
      transform: none;
      opacity: 1;
      visibility: visible;
    }
  }

  .wzjz.target {
    opacity: 0;
    visibility: hidden;
    letter-spacing: 8px;
    transition: 1.2s all ease-out;
  }

  .action.wzjz {
    opacity: 1;
    visibility: visible;
    letter-spacing: normal;
    transition: 1.2s all ease-out;
  }
}

@media screen and (max-width: 1750px) {
  .header-edit {
    margin: 0 20px 0 30px;
  }

  .header .nav {
    padding-left: 25%;
  }

  .hrdsf {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1550px) {
  .header-edit a {
    font-size: 12px;
  }

  .header .nav {
    padding-left: 28%;
  }

  .ps2way {
    padding: 50px 20px;
  }

  .pw2txt,
  .pw2dp {
    margin-top: 10px;
  }

  .pw2dp {
    font-size: 16px;
  }

  .header .yj-bot .yj-link {
    margin: 0 10px;
  }

  .hrdsf,
  .header .yj-bot .yj-link {
    font-size: 15px;
  }

  .hrdsf {
    margin-left: 30px;
  }

  .w1400 {
    width: 1131px;
  }

  .bictxt1 {
    font-size: 35px;
  }

  .bltxt {
    font-size: 14px;
    margin-right: 20px;
  }

  .bltxt i {
    font-size: 16px;
  }

  .bictxt2 {
    font-size: 14px;
  }

  .bicbtn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 50px;
  }

  .banner .slick-dots {
    bottom: 36px;
  }

  .banner .slick-arrow:before {
    font-size: 50px;
  }

  .ibiicon {
    font-size: 30px;
  }

  .iwt1 {
    font-size: 25px;
  }

  .iwt2 {
    font-size: 14px;
  }

  .gbt1 {
    font-size: 35px;
  }

  .gbt2 {
    font-size: 14px;
  }

  .iclbt {
    font-size: 18px;
  }

  .icmlink,
  .iclall a {
    font-size: 14px;
  }

  .icrwz {
    padding: 0 30px;
  }

  .icrsy {
    margin-top: 40px;
  }

  .irlbq {
    padding: 3px 5px;
    margin-right: 5px;
  }

  .icrdb {
    padding: 30px 30px 0 30px;
  }

  .iclall a {
    padding: 0 20px;
  }

  .icmlink {
    padding: 15px 20px;
  }

  .iflt1 {
    font-size: 20px;
  }

  .iflt2 {
    font-size: 14px;
    height: 63px;
  }

  .ificon {
    font-size: 50px;
  }

  .ilct1 {
    font-size: 16px;
  }

  .ilicv {
    left: 40px;
    right: 40px;
    bottom: 30px;
  }

  .fwlbt {
    font-size: 14px;
  }

  .inilist li {
    margin-top: 30px;
  }

  .fwltz {
    font-size: 12px;
  }

  .fwt2 {
    font-size: 24px;
  }

  .fwt3 {
    font-size: 18px;
  }

  .footer-wrap .w1400 {
    padding: 0 40px 0 20px;
  }

  .el-link {
    font-size: 14px;
  }

  /*.ej-list {
		margin-left: -60px;
		width: 120px;
	}*/
  .head-cp {
    padding: 40px 100px 40px 200px;
  }

  .hclitem {
    width: auto;
  }

  .search-li li a {
    font-size: 16px;
    line-height: 59px;
  }

  .srlms {
    font-size: 14px;
  }

  .w1300 {
    width: 1049px;
  }

  .pwmyj {
    font-size: 15px;
  }

  .pwetxt,
  .prtms,
  .ptl {
    font-size: 14px;
  }

  .ptdz,
  .phtxt {
    font-size: 15px;
  }

  .products-wrap {
    padding: 60px 0 100px 0;
  }

  .pr2content {
    padding: 0 40px 100px 40px;
  }

  .prtbt {
    font-size: 18px;
  }

  .pr1title {
    font-size: 28px;
  }

  .pl1txt {
    font-size: 15px;
  }

  .pt1txt,
  .pr1ms {
    font-size: 14px;
  }

  .pl1banner1 .slick-slide {
    height: 350px;
  }

  .pr1btn {
    margin-top: 50px;
  }

  .pb1load,
  .pb1read,
  .pw2txt {
    font-size: 14px;
  }

  .pb1load i,
  .pb1read i {
    font-size: 18px;
    margin-right: 15px;
  }

  .pt2qh {
    font-size: 14px;
    padding: 20px 30px;
  }

  .pcgb {
    font-size: 16px;
  }

  .pc2table2 th {
    font-size: 16px;
  }

  .pc2table2 td {
    font-size: 14px;
  }

  .ph2bt {
    font-size: 18px;
  }

  .ph2txt {
    font-size: 14px;
  }

  .pl2txt,
  .pl2ms,
  .pl2btn {
    font-size: 14px;
  }

  .pl2btn i {
    font-size: 20px;
  }

  .swct1 {
    font-size: 36px;
  }

  .swct2 {
    font-size: 16px;
  }

  .scllink {
    font-size: 18px;
  }

  .sdwtitle {
    font-size: 32px;
  }

  .feedbck-item:nth-child(2n + 2) .feedback-row {
    margin-left: 100px;
  }

  .sb4t1 {
    font-size: 38px;
  }

  .sb4t2 {
    font-size: 20px;
  }

  .st4bot {
    width: 600px;
  }

  .sb4t3 {
    font-size: 14px;
  }

  .ahlt1 {
    font-size: 30px;
  }

  .ahlt2 {
    font-size: 20px;
  }

  .ahnsz {
    font-size: 30px;
  }

  .ahlvideo i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
  }

  .ahnxz {
    font-size: 14px;
  }

  .aigtxt1 {
    font-size: 32px;
  }

  .aigtxt2 {
    font-size: 16px;
  }

  .aibr {
    font-size: 14px;
  }

  .cl1ietm:before {
    width: 20px;
    height: 20px;
  }

  .cl1t1,
  .cl1t2,
  .cl1ewm span,
  .cb2txt,
  .cb2td,
  .cb2qw {
    font-size: 16px;
  }

  .cl1ewm img {
    width: 120px;
  }

  .maps {
    height: 380px;
  }

  .cb2bt {
    font-size: 30px;
  }

  .nocont {
    padding: 80px 0 100px 0;
  }

  .nctp img {
    width: 200px;
  }

  .nctxt {
    font-size: 20px;
    margin-top: 20px;
  }

  .nclx {
    margin-top: 100px;
  }

  .lbts,
  .ltibt,
  .lhdz {
    font-size: 20px;
  }

  .ilt1 {
    font-size: 18px;
  }

  .iblr a {
    font-size: 14px;
    margin-top: 10px;
  }

  .itsbtn,
  .liselect option,
  .lblms,
  .lblnum,
  .lbldate,
  .lblbtn {
    font-size: 14px;
  }

  .lbicon {
    width: 17px;
    height: 17px;
  }

  .liselect,
  .itswbk,
  .ltisearch,
  .itsbtn {
    height: 48px;
    line-height: 48px;
  }

  .liselect {
    font-size: 14px;
    background-size: 15px 15px;
  }

  .load-more a,
  .pwsbt,
  .pfxz {
    font-size: 14px;
  }

  .pwsfl {
    height: 35px;
  }

  .pstqh {
    font-size: 16px;
  }

  .pwsbt {
    padding: 20px 15px;
  }

  .pfxz {
    padding: 4px 12px;
  }

  .psmw {
    font-size: 12px;
    margin-top: 17px;
  }

  .modeload,
  .buying {
    height: 33px;
  }

  .about-zr {
    padding: 60px 0 100px;
  }

  .ahjbanner {
    width: 625px;
    margin: 60px auto 0;
  }

  .ahjbanner .slick-arrow {
    width: 59px;
    height: 59px;
    line-height: 59px;
  }

  .ahjbanner .slick-arrow:before {
    font-size: 20px;
  }

  .ahjbanner .slick-prev {
    left: -59px;
  }

  .ahjbanner .slick-next {
    right: -59px;
  }

  .about-hj,
  .contact-bot2 {
    padding: 60px 0;
  }

  .about-intro {
    padding: 60px 0;
  }

  .contact-bot1 {
    padding: 60px 0 100px 0;
  }

  .load-select {
    padding: 57px 0 100px 0;
  }

  .footer-wrap {
    padding: 50px 0;
  }

  .index-products,
  .index-news {
    padding: 80px 0;
  }

  .iflist {
    margin-top: 130px;
  }

  .index-solution {
    margin-top: 80px;
  }

  .hlbt {
    font-size: 14px;
  }

  .zl1name {
    font-size: 26px;
  }

  .zl1nr {
    margin-top: 20px;
  }

  .zl1bt,
  .zl1wz {
    padding: 15px;
  }

  .zl2wz {
    padding: 10px 20px;
  }

  .zl2qh {
    padding: 4px 10px;
  }

  .fltxt {
    font-size: 16px;
    margin-top: 4px;
  }

  .fnl {
    margin: 10px 0;
  }

  .frinr {
    padding: 15px 20px;
  }

  .hllink {
    margin-top: 5px;
  }

  .head-sl {
    width: min(900px, calc(100vw - 40px));
    margin-left: max(-450px, calc(-50vw + 20px));
    padding: 30px 20px 30px 30px;
  }

  .hcil {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1520px) {
  .header .nav {
    padding-left: 24%;
  }
}

@media screen and (max-width: 1440px) {
  .header .nav {
    padding-left: 28%;
  }

  .hrdsf {
    margin-left: 20px;
  }

  .header-edit {
    margin: 0 20px 0 30px;
  }

  .head-logo .plogo {
    max-width: 260px;
  }

  .hrdsf,
  .header .yj-bot .yj-link {
    font-size: 14px;
  }

  .header-search a {
    font-size: 20px;
  }
}

@media screen and (max-width: 1420px) {
  .header .nav {
    padding-left: 24%;
  }
}

@media screen and (max-width: 1370px) {
  .hrdsf,
  .header .yj-bot .yj-link {
    font-size: 14px;
  }

  .header .yj-bot .yj-link {
    margin: 0 7px;
  }

  .hrdsf {
    margin-left: 20px;
  }

  .header-edit {
    margin: 0 10px 0 40px;
  }

  .head-logo .plogo {
    max-width: 240px;
  }
}

@media screen and (max-width: 1280px) {
  .header-edit {
    margin: 0 10px 0 20px;
  }

  .header .yj-bot .yj-link {
    margin: 0 5px;
  }
}

@media screen and (max-width: 1200px) {
  .frinr {
    padding: 10px 25px;
  }

  .fnl {
    margin: 5px 0;
  }

  .ndnr {
    margin-top: 30px;
  }

  .swsicon {
    font-size: 15px;
  }

  .sdwxw li {
    margin-top: 15px;
    padding-top: 10px;
  }

  .sdxnr {
    margin-top: 15px;
  }

  .sdbt {
    font-size: 16px;
  }

  .sdxr {
    margin-top: 20px;
  }

  .sdxl,
  .sdxr {
    float: none;
    width: 100%;
  }

  .slmenu {
    display: none;
  }

  .slrlist {
    margin-top: 30px;
  }

  .slrlist li {
    padding: 15px;
    background: var(--theme-color-light);
  }

  .srlbt {
    margin-top: 5px;
  }

  .srlnr {
    margin-top: 10px;
  }

  .zb2left {
    float: none;
    width: 100%;
    padding: 10px;
  }

  .zl2qh {
    display: inline-block;
  }

  .zl2qh {
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 5px;
  }

  .zb2right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .zb2mt {
    margin-top: 30px;
  }

  .zb2list {
    margin-top: 20px;
  }

  .zl2pic {
    padding: 0 10px;
  }

  .zw2t1 {
    font-size: 15px;
  }

  .zl2wz {
    margin-left: 40%;
    padding: 0;
    border-left: none;
    margin-bottom: 10px;
  }

  .zb2list li {
    display: block;
    margin-top: 10px;
    padding: 15px 15px 5px 15px;
  }

  .zl2pic {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 40%;
    text-align: center;
    padding: 0;
  }

  .zl2pic img {
    max-width: 100%;
    width: auto;
  }

  .zd2kf {
    margin-top: 10px;
    padding: 20px 0 20px 0;
  }

  .zk2list {
    margin: 30px 20px 0 20px;
  }

  .zb2item:nth-child(1),
  .zb2item:nth-child(2) {
    float: none;
    width: 100%;
  }

  .zb2item:nth-child(2) {
    margin-left: 0;
  }

  .zb2rt {
    margin-top: 20px;
  }

  .zb2ts,
  .zd2ts {
    margin-top: 20px;
    font-size: 12px;
  }

  .zd1cp,
  .zd2sm {
    margin-top: 10px;
  }

  .zd2sm {
    padding: 20px 0;
  }

  .zc1bt .zs2bot {
    margin: 20px;
  }

  .zdbanner {
    padding: 30px 0;
  }

  .zl1name {
    font-size: 20px;
  }

  .zc1right {
    float: none;
    width: 100%;
    padding: 20px;
  }

  .zc1left {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .zdbrand {
    margin: 10px auto 10px;
  }

  .zd1tab {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .ztqh {
    font-size: 12px;
  }

  .zc1bt {
    margin-left: 20px;
  }

  .zd1bot1 {
    padding: 20px;
  }

  .zs2bot {
    margin: 20px 20px 0 20px;
  }

  .zb1item:nth-child(1),
  .zb1item:nth-child(2) {
    float: none;
    width: 100%;
  }

  .zb1item:nth-child(2) {
    margin-top: 20px;
  }

  .hryg:before,
  .zd1bot1:before {
    display: none;
  }

  .zd1cp {
    padding: 20px 0;
  }

  /*.zt1head span {
		padding: 5px;
	}
	.zt1head span, .ztlg span{
		flex: 2;
	}*/
  .zt1head,
  .zt1list {
    width: 1100px;
  }

  .ckbot {
    width: 90%;
    padding: 30px 20px 20px 20px;
  }

  .cbclose {
    right: 5px;
    top: 0;
  }

  /*.ztctp,.ztclink,.ztcfz{
		float: none;
	}
	.ztclink,.ztcfz{
		margin-top: 10px;
		margin-left: 0;
	}*/
  .zc1table {
    overflow-x: scroll;
  }

  .zd1pj {
    padding: 20px 0;
    margin-top: 15px;
  }

  .zp1desc {
    margin: 20px 20px 0 20px;
  }

  .zp1cont {
    margin: 30px 20px 0 20px;
    display: block;
  }

  .zc1item {
    margin-right: 0;
    margin-top: 10px;
  }

  .zi1tp {
    padding: 15px;
  }

  .zt1pic,
  .zt1btn {
    margin-top: 10px;
  }

  .zi1list {
    margin-top: 0;
  }

  .zl1bt,
  .zl1wz {
    padding: 5px 10px;
  }

  .zd1pb {
    padding-bottom: 40px;
  }

  .zi1bt {
    border-left: 3px solid var(--theme-color);
  }

  .nocont {
    width: 90%;
    padding: 40px 0;
  }

  .nctp img {
    width: 150px;
  }

  .nctxt {
    font-size: 18px;
    margin-top: 10px;
  }

  .nclx {
    margin-top: 80px;
  }

  .nclbt {
    font-size: 16px;
  }

  .nclbt {
    top: -34px;
  }

  .ncwlink i {
    width: 30px;
    height: 30px;
    margin: 0 auto 10px 0;
  }

  .ncwlink {
    margin: 0 15px;
  }

  .nclx {
    height: 105px;
    background-position: center center;
  }

  .contact-bot1,
  .contact-bot2 {
    padding: 40px 0;
  }

  .cb1left,
  .cb1right {
    float: none;
    width: 100%;
  }

  .cb1right {
    margin-top: 30px;
  }

  .cb2bt {
    font-size: 22px;
  }

  .cl1ietm {
    margin-bottom: 10px;
    padding-left: 20px;
  }

  .cb2box {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
  }

  .cb2qw {
    margin-top: 30px;
  }

  .cl2tz {
    margin-right: 20px;
  }

  .cl2tz img {
    width: 70px;
  }

  .maps {
    height: 180px;
  }

  .cl1t1,
  .cl1t2,
  .cl1ewm span,
  .cb2txt,
  .cb2td,
  .cb2qw {
    font-size: 14px;
  }

  .cl1ewm img {
    width: 90px;
  }

  .cl1ewm span {
    margin-left: 20px;
  }

  .cl1ietm:before {
    width: 10px;
    height: 10px;
    top: 12px;
  }

  .cl1ewm {
    padding-left: 40px;
  }

  .header {
    position: fixed;
    height: 55px;
    line-height: 55px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  }

  .header .yj-bot {
    display: none;
  }

  .head-logo .mlogo {
    max-width: 130px;
    max-height: 52px;
  }

  .hwright {
    display: none;
  }

  .menu-handler,
  .menuBox {
    display: block;
  }

  .head-wrap {
    margin: 0;
    height: 55px;
    line-height: 55px;
  }

  .mtop {
    height: 55px;
  }

  .plogo,
  .mbno,
  .header-search {
    display: none;
  }

  .mlogo {
    display: inline-block;
  }

  .head-right {
    margin-right: 55px;
  }

  .hryg {
    margin-right: 0;
  }

  .header-edit {
    margin: 0 0 0 10px;
  }

  .hrdsf i {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }

  .hrdsf,
  .header-edit a {
    font-size: 13px;
  }

  .banner .slick-arrow {
    display: none !important;
  }

  .w1400 {
    width: 90%;
  }

  .bcr {
    float: left;
  }

  .bcl {
    float: right;
    position: static;
    transform: translateY(0);
  }

  .bictxt2,
  .biclabel {
    display: none;
  }

  .banner .slick-dots {
    bottom: 5px;
  }

  .banner .slick-dots li {
    width: 25px;
    height: 3px;
  }

  .bcr img {
    height: 100px;
    object-fit: cover;
  }

  .bictxt1 {
    font-size: 24px;
  }

  .bicbtn {
    width: 80px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    margin-top: 20px;
  }

  .itbox {
    display: block;
    padding: 10px 0;
  }

  .itbitem {
    float: left;
    width: 50%;
    flex: auto;
    padding: 10px 0;
  }

  .ibiicon {
    font-size: 25px;
  }

  .iwt1 {
    font-size: 18px;
  }

  .iwt2 {
    font-size: 12px;
    height: 43px;
  }

  .gbt1 {
    font-size: 20px;
  }

  .iscont {
    display: none;
  }

  .ipmb {
    display: flex;
    margin-left: -3%;
  }

  .ipmb li {
    position: relative;
    width: 47%;
    margin-left: 3%;
    margin: 20px 0 0 3%;
    background: #fff;
    border-radius: 27px;
    box-sizing: border-box;
    padding: 20px 15px;
  }

  .ipmbt {
    color: #3e3e3e;
    font-size: 16px;
    margin-bottom: 5px;
  }

  .ipltxt {
    font-size: 13px;
  }

  .ipltxt {
    display: block;
    color: #818181;
    font-size: 14px;
  }

  .ipmtp {
    position: relative;
    height: 73px;
    margin-top: 10px;
  }

  .ipmtp img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .ipmbtn {
    display: block;
    width: 90px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    background: var(--theme-color);
    font-weight: normal;
    margin-top: 10px;
  }

  .ipmlable {
    height: 126px;
    overflow: hidden;
  }

  .imlh {
    height: 50px;
    overflow: hidden;
  }

  .index-solution,
  .index-news,
  .index-service,
  .fwleft,
  .fwright:before,
  .fwrl {
    display: none;
  }

  .footer-wrap {
    background: #122936;
    padding: 30px 0 20px 0;
  }

  .fwright {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  .fwrr {
    float: none;
    width: 100%;
  }

  .fwtp {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 38px;
  }

  .fwtp img {
    width: 90px;
    margin: 0 auto;
  }

  .fwt3 {
    display: none;
  }

  .fwwz {
    float: none;
    width: 100%;
    text-align: center;
  }

  .fwmbadr,
  .ftmbt1,
  .ftmbt2 {
    display: block;
  }

  .footer-wrap .w1400 {
    padding: 0;
  }

  .fwrbw {
    text-align: center;
    margin-top: 30px;
  }

  .ftmbt1 {
    font-size: 20px;
  }

  .fwrbw {
    margin-top: 20px;
  }

  .fwt2 {
    font-size: 26px;
  }

  .srbot1 {
    padding: 30px 0;
  }

  .srbot1 {
    width: 100%;
  }

  .srb1k {
    width: 90%;
  }

  .sk1wbk {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
  }

  .sk1btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .srbt {
    font-size: 20px;
  }

  .search-li li a {
    font-size: 14px;
    line-height: 39px;
  }

  .srbot {
    padding: 30px 0;
  }

  .srlist li {
    margin-top: 10px;
    line-height: 25px;
  }

  .plnum {
    width: 24px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }

  .plpn {
    font-size: 16px;
    margin: 0 5px;
  }

  .plek {
    width: 50px;
    height: 30px;
    line-height: 30px;
  }

  .plebtn {
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .pages-list {
    margin-top: 30px;
    padding: 10px 0;
  }

  .products-wrap {
    display: none;
  }

  .mb-products {
    display: block;
  }

  .pwleft {
    display: none;
  }

  .pb2right {
    float: none;
    width: 100%;
  }

  .pr1title {
    font-size: 22px;
  }

  .w1300 {
    width: 92%;
  }

  .pc2wz,
  .pc2label {
    width: 80%;
    margin-left: 20%;
    border: none;
    padding: 10px 0;
  }

  .pc2pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 18%;
  }

  .ptcpic {
    height: auto;
  }

  .ptcpic img {
    position: static;
    width: 100%;
  }

  .pc-ps,
  .pswhidden {
    display: none;
  }

  .mb-pw.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .mb-pw {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateX(100%);
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: #fff;
    margin-top: 0;
    z-index: 999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
  }

  .mb-pw.w1300 {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 4% 100px 4%;
  }

  .mbpxz {
    display: block;
  }

  .pswtype {
    margin-top: 30px;
  }

  .pstqh {
    width: 32.333%;
    font-size: 14px;
    line-height: 42px;
  }

  .pswsx li {
    position: relative;
    display: block;
    border-bottom: none;
    margin-top: 20px;
  }

  .pwsbt {
    display: block;
    width: 100%;
    background: #fff;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dbdbdb;
  }

  .pwsfl {
    width: 100%;
    height: 40px;
  }

  .pwwsmore {
    float: none;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }

  .pswsx {
    border-top: none;
  }

  .pfxz {
    font-size: 14px;
    margin: 10px 5px 0 0;
    padding: 0 5px;
  }

  .psmw {
    margin-top: 0;
  }

  .pfxz:hover::before,
  .pfxz.active::before {
    width: 14px;
    height: 12px;
  }

  .mb-ps,
  .mblb-bt {
    display: block;
  }

  .lbts {
    font-size: 16px;
    color: var(--theme-color);
    font-weight: normal;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid var(--theme-color);
  }

  .lbload li {
    width: 95%;
  }

  .lbload {
    margin-top: 20px;
  }

  .ilt1 {
    font-size: 16px;
  }

  .iblr a {
    font-size: 14px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
  }

  .lbload li {
    padding: 15px;
  }

  .ibltp {
    width: 16%;
  }

  .load-select {
    padding: 0 0 40px 0;
  }

  .ltitem {
    float: none;
    width: 95%;
  }

  .ltibt {
    font-size: 18px;
  }

  .liselect {
    width: 99%;
    margin-top: 10px;
  }

  .ltilx {
    margin-top: 0;
  }

  .liselect {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background-size: 15px 15px;
  }

  .ltitem {
    margin-top: 30px;
  }

  .ltisearch,
  .itswbk {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }

  .itswbk {
    padding: 0 15px;
  }

  .itsbtn {
    line-height: 45px;
    font-size: 16px;
  }

  .lsbox {
    margin-top: 30px;
  }

  .lhdz {
    width: 70%;
    padding: 0 18px;
    font-size: 16px;
  }

  .lhdate,
  .lblnum,
  .lbldate {
    display: none;
  }

  .lhcz {
    width: 30%;
  }

  .lblms {
    padding: 7px 15px;
    font-size: 14px;
    width: 70%;
  }

  .lblbtn {
    font-size: 14px;
    padding: 7px 15px;
    width: 30%;
  }

  .lbicon {
    width: 17px;
    height: 17px;
  }

  .lsbhead {
    line-height: 50px;
  }

  .load-more a {
    width: 110px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }

  .swbpic img {
    height: 150px;
    object-fit: cover;
  }

  .swct1 {
    font-size: 22px;
  }

  .swct2 {
    font-size: 14px;
  }

  .swcicon,
  .swcleft {
    display: none;
  }

  .swcright {
    float: none;
    width: 100%;
  }

  .scrlist li {
    width: 98%;
  }

  .scrlist {
    padding: 20px 0 0 0;
  }

  .swcont {
    background: #fff;
  }

  .swcont.w1300 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 4% 50px 4%;
  }

  .mb-slselect {
    display: block;
  }

  .sdwnr {
    padding: 0;
  }

  .sdwrap {
    padding: 30px 0 0 0;
  }

  .sdwtitle {
    font-size: 20px;
  }

  .sdwxq {
    margin-top: 10px;
  }

  .swxtxt {
    margin-right: 10px;
  }

  .swsicon {
    margin-left: 5px;
  }

  .sdwxw {
    margin-top: 15px;
  }

  .sdwbt {
    margin-top: 30px;
    padding: 15px 0;
  }

  .sdltxt,
  .sdbr a {
    font-size: 14px;
  }

  .sdbr a {
    width: 80px;
    height: 38px;
    line-height: 38px;
    margin-top: 13px;
  }

  .sptwraq {
    padding: 30px 0 0 0;
  }

  .spwlist li {
    padding: 20px 0;
  }

  .sp2tab {
    background: none;
    padding: 20px 0;
    box-sizing: border-box;
  }

  .spt2link {
    padding: 5px 15px;
    margin-right: 0;
    font-size: 14px;
  }

  .spt2link i {
    display: none;
  }

  .spt2link:hover,
  .spt2link.active {
    color: #fff;
    background: var(--theme-color);
  }

  .sp2list li {
    width: 47%;
    margin: 20px 0 0 3%;
  }

  .sp2cont {
    padding-bottom: 50px;
  }

  .spltitle {
    font-size: 20px;
  }

  .spd2wrap {
    padding: 30px 0 50px 0;
  }

  .spd2bt {
    padding: 15px;
  }

  .spt2r {
    margin-top: 4px;
    font-size: 14px;
  }

  .spl3bt {
    padding: 15px 10px;
  }

  .sp3list {
    margin-bottom: 10px;
  }

  .spb3s,
  .spb3wt {
    font-size: 14px;
  }

  .spl3zk {
    padding: 14px 20px 20px 20px;
  }

  .sp3banner {
    display: none;
  }

  .mb-sp3tp {
    display: block;
  }

  .sp4bot {
    padding: 30px 0 50px 0;
  }

  .technology-tts strong {
    font-size: 22px;
  }

  .technology-tts p {
    font-size: 14px;
  }

  .feedbck-item {
    margin-top: 15px;
  }

  .feedbck-item,
  .feedbck-item:nth-child(2n + 2) {
    float: none !important;
  }

  .feedback-row {
    width: auto;
  }

  .feedbck-item:nth-child(2n + 2) .feedback-row {
    margin-left: 0;
  }

  .feedback-input {
    margin-top: 20px;
  }

  .feedback-info {
    margin-bottom: 0;
  }

  .feedback-row .text {
    height: 40px;
    line-height: 40px;
  }

  .feedbck-item span {
    line-height: 40px;
  }

  .scfj span {
    font-size: 14px;
    margin: 15px 0;
  }

  .yz {
    width: 120px;
    margin-top: 6px;
  }

  .feedback-sub .sub {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }

  .message-content {
    padding: 5px;
    margin-left: 0;
    margin-top: 10px;
  }

  .feedbck-item span,
  .feedbck-item span {
    float: none;
  }

  .feedback-row {
    margin-left: 0;
  }

  .feedback-sub {
    padding: 20px 0 0 0;
  }

  .message-right .message-btn {
    width: 130px;
    height: 40px;
    line-height: 30px;
  }

  .sb4t1 {
    font-size: 24px;
  }

  .sb4t2 {
    font-size: 16px;
  }

  .st4bot {
    width: 90%;
    padding: 50px 20px 30px 20px;
  }

  .sb4t3 {
    font-size: 14px;
  }

  .sb4t3 {
    margin-top: 50px;
  }

  .aht1 {
    display: none;
  }

  .aht2 {
    display: inline-block;
  }

  .abhz {
    position: static;
    top: 0;
    transform: translate(0, 0);
    background: #fff;
  }

  .abhleft {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
  }

  .abhright {
    position: static;
    transform: translateY(0);
    width: 100%;
  }

  .abtp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .abtp img {
    height: 397px;
    object-fit: cover;
  }

  .ahllable {
    width: 240px;
    margin: 30px 0 0 30px;
  }

  .ahllogo {
    display: none;
  }

  .ahlt1 {
    margin-top: 0;
    font-size: 20px;
  }

  .ahlt2 {
    font-size: 16px;
  }

  .ahlvideo i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }

  .ahnsz {
    font-size: 24px;
  }

  .ahnsz sup {
    font-size: 14px;
  }

  .ahlnum li {
    width: 50%;
    margin: 20px 0 0 0;
  }

  .about-banner {
    background: #fff;
  }

  .about-intro .aigb,
  .aibl {
    display: none;
  }

  .aibot {
    margin-top: 0;
    padding: 0;
    background: none;
  }

  .aibr {
    float: none;
    width: 100%;
  }

  .about-intro {
    padding: 0 0 40px 0;
  }

  .about-honor,
  .about-hj {
    padding: 40px 0;
  }

  .aigtxt1 {
    font-size: 20px;
  }

  .aigtxt2 {
    font-size: 14px;
    margin-left: 20px;
  }

  .ahjbanner {
    width: 100%;
    margin: 30px auto 0;
  }

  .ahjbanner .slick-next {
    right: 0;
  }

  .ahjbanner .slick-prev {
    left: 0;
  }

  .ahjbanner .slick-arrow {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }

  .ahjbanner .slick-arrow:before {
    font-size: 20px;
  }

  .about-zr {
    padding: 0 0 50px 0;
  }

  .azrpic {
    margin-top: 30px;
  }

  .tb-cb {
    width: 90%;
    height: 350px;
  }

  .tbclose i {
    font-size: 30px;
  }

  .tbclose {
    top: -30px;
    right: 0;
    transform: translateY(0);
  }

  .nlms {
    font-size: 14px;
    width: 65%;
  }

  .news-list {
    margin-bottom: 40px;
  }

  .news-list li {
    border-bottom: 1px solid #d2d2d2;
    line-height: 45px;
    margin-top: 0;
  }

  .scs {
    display: none;
  }

  .mb-slx {
    display: block;
  }

  .psmw {
    font-size: 12px;
  }

  .technology-contents strong {
    font-size: 16px;
  }

  .technology-contents p {
    margin-top: 10px;
  }

  .technology-contents span {
    margin-top: 10px;
  }

  .technology-data b {
    font-size: 26px;
  }

  .ahnxz {
    font-size: 12px;
    height: 21px;
  }

  .spz3d {
    font-size: 14px;
  }

  .spz3xq {
    font-size: 14px;
    margin-top: 20px;
  }

  .mpwt1 {
    font-size: 16px;
  }

  .mpwt2 {
    font-size: 14px;
  }

  .mplxz::before {
    width: 13px;
    height: 11px;
  }

  .pb2cp li {
    position: relative;
    display: block;
  }

  .pc2pic .ptcpic {
    position: static;
    transform: translateY(0);
  }
}

@media screen and (max-width: 750px) {
  .zk2list li {
    float: none;
    width: 98%;
    margin-top: 20px;
  }

  .zl2tp {
    height: 80px;
  }

  .zl2xq {
    margin-top: 5px;
  }

  .banner .bwitem .pimg {
    position: relative;
    height: 230px;
    object-fit: cover;
  }

  .bictxt1 {
    font-size: 18px;
  }

  .index-products {
    padding: 0 0 22px 0;
  }

  .pltotal {
    display: none;
  }

  .plym,
  .plenter {
    display: block;
  }

  .srlms {
    padding-left: 20px;
  }

  .plenter {
    width: 90px;
    margin: 5px auto 0;
  }

  .pb1left {
    float: none;
    width: 108%;
    margin-left: -4%;
    background: var(--theme-color-light);
    box-sizing: border-box;
    padding: 0 0 18px 0;
  }

  .pdbot1 {
    padding: 0 0 40px 0;
  }

  .pb1right {
    float: none;
    width: 100%;
    margin-top: 28px;
  }

  .pl1banner2 {
    margin: 0 3% 0 3%;
  }

  .pr1ly {
    margin-top: 15px;
  }

  .pr1td {
    background: var(--theme-color-light);
    padding: 19px;
  }

  .pt1txt::before {
    width: 4px;
    height: 4px;
    top: 8px;
  }

  .pt1txt {
    margin-top: 3px;
  }

  .pr1td {
    margin-top: 26px;
  }

  .pr1btn {
    text-align: center;
  }

  .pb1load,
  .pb1read {
    margin: 0 5px;
    width: 130px;
    height: 40px;
    line-height: 40px;
  }

  .pdbot2 {
    background: #fff;
    padding: 30px 0 0 0;
  }

  .pdbot2.w1300 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 4%;
  }

  .pt2qh {
    padding: 12px 26px;
    margin-top: -1px;
  }

  .pr2tab {
    background: none;
    border-top: 2px solid var(--theme-color);
  }

  .pt2qh.active {
    color: #fff;
    background: var(--theme-color);
  }

  .pt2qh::before {
    display: none;
  }

  .pr2content {
    padding: 0 0 40px 0;
  }

  .pb2cs:not(:first-child) {
    margin-top: 20px;
  }

  .pc2table th,
  .pc2table td,
  .pc2table2 td,
  .pc2table2 th {
    padding: 10px 15px;
  }

  .pc2table2 th {
    font-size: 14px;
  }

  .pc2table2 {
    margin-top: 30px;
  }

  .ph2bt {
    font-size: 16px;
  }

  .pl2head {
    padding: 10px 15px;
  }

  .pb2load {
    margin-top: 20px;
  }

  .ph2txt {
    font-size: 14px;
  }

  .pl2txt,
  .pl2ms,
  .pl2btn {
    font-size: 14px;
    padding: 0 10px;
  }

  .pl2ms,
  .pl2btn {
    width: auto;
  }

  .pl2list li {
    line-height: 50px;
  }

  .ps2way {
    padding: 20px 0;
  }

  .pw2txt {
    margin-top: 5px;
  }

  .mbpl1rt a,
  .mbpl1fx {
    display: block;
  }

  .tb-cb {
    height: 300px;
  }

  .load-banner {
    padding: 40px 0;
  }

  .pc-xc {
    display: none;
  }

  .mb-xc {
    display: block;
  }

  .mb-xc .mpblist li {
    border: 1px solid #eee;
  }

  .mb-xc .mplpic {
    border: none;
  }
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
  .tb-cb {
    height: 250px;
  }
}

@media screen and (max-width: 375px) {
  .pt2qh {
    padding: 10px 20px;
  }
}