@media screen and (max-width:1600px) {
  :root {
    --navli-height: 90px;
    --fs60: 50px;
    --fs48: 42px;
    --fs30: 26px;
    --mt60: 55px;
    --jl8c-pd: 55px;
    --ban-min-height: 720px;
    --fs14: 14px;
    --fs16: 14px;
    --fs18: 16px;
    --fs20: 16px;
    --fs22: 18px;
    --fs24: 20px;
    --fs26: 24px;
    --fs28: 26px;
    --fs30: 28px;
    --fs32: 28px;
    --fs36: 26px;
    --fs40: 30px;
    --fs46: 30px;
    --fs48: 32px;
    --fs65: 48px;
    --b700: 700;
    --ptb: 50px;
  }

  .w1400 {
    width: 1400px;
  }
}

@media screen and (max-width:1440px) {
  :root {
    --navli-height: 80px;
    --fs70: 60px;
    --fsbaner: 38px;
    --fs60: 42px;
    --fs48: 36px;
    --fs30: 22px;
    --fssite3page: 16px;
    --ptb: 80px;
    --plr120: 90px;
    --plr110: 90px;
    --mt60: 50px;
    --jl8c-pd: 50px;
    --index-ab-l-w: 430px;
    --ban-min-height: 680px;

    --fs14: 14px;
    --fs16: 14px;
    --fs18: 16px;
    --fs20: 16px;
    --fs22: 18px;
    --fs24: 20px;
    --fs26: 24px;
    --fs28: 26px;
    --fs30: 28px;
    --fs32: 28px;
    --fs36: 30px;
    --fs40: 30px;
    --fs46: 30px;
    --fs48: 32px;
    --fs65: 40px;
    --b700: 700;
  }

  .triask {
    width: 1200px;
  }

  .footer_ul8 {
    gap: 25px;
  }

  .pre_item {
    margin-right: 24px;
  }


  .triask_line {
    margin: 70px 0;
  }

  .triask_line3 {
    margin: 46px 0;
  }

  .w1400 {
    width: 1300px;
    margin: 0 auto;
  }

  .bbbaner_page2 {
    width: 1300px !important;
    margin: 0 auto;
  }


  .zxcdbtit {
    padding-left: 50px;
    padding-right: 50px;
  }

  .bbbaner_page,
  .bbbaner_page2 {
    width: 1300px;
  }

  .zxcdbtzw {
    padding: 50px;
  }



  .pro_ul4 {
    top: 120px;
  }

  .baner_p2 {
    font-size: 50px;
  }

  .new_all_li3 {
    padding: 17px 20px;
  }

  .system_right {
    width: 60%;
  }

  .pub_p1 h3 {
    font-size: 28px;
  }


  .nav_top {
    padding: 40px 0;
  }


  .about_s1 {
    font-size: 40px;
  }

  .cont_p7 {
    width: 20%;
  }

  .contact_li2 {
    padding: 20px 30px;
  }

  .pd80px {
    padding: 80px 0;
  }

  .contact_top0 {
    padding-top: 0;
  }


  .nav_ul3 img {
    width: 70%;
  }

  .pub_p1 li::before {
    top: 8px;
  }

}

@media screen and (max-width:1366px) {
  :root {
    --navli-height: 75px;
    --fs70: 50px;
    --fsbaner: 35px;
    --fs60: 43px;
    --fs48: 34px;
    --fs30: 20px;
    --fssite3page: 14px;
    --ptb: 70px;
    --plr120: 80px;
    --plr110: 80px;
    --fs-nav-1: 20px;
    --mt60: 45px;
    --jl8c-pd: 40px;
    --ban-min-height: 620px;
    --fs14: 14px;
    --fs16: 14px;
    --fs18: 16px;
    --fs20: 16px;
    --fs22: 18px;
    --fs24: 20px;
    --fs26: 22px;
    --fs28: 26px;
    --fs30: 26px;
    --fs32: 26px;
    --fs36: 28px;
    --fs40: 28px;
    --fs46: 30px;
    --fs48: 30px;
    --fs65: 46px;
    --b700: 700;
  }

  .pub_p1 li::before {
    top: 6px;
  }

  .inheadsearch {
    padding-left: 10px;
  }

  /* .footer_ul8_li1 {
    margin-right: 10px;
  } */

  .footer_ul9 a {
    width: 40px;
    height: 40px;
    line-height: 40px;

    margin-right: 8px;

  }

  .system_tit {
    margin-right: 0 !important;
  }

  .system_right {
    width: 63%;
  }

  .footer_s1 {
    margin-right: 8px;
  }

  .w1400 {
    width: 1050px;
  }

  .nav_p4 {
    font-size: 28px;
  }

  .nav_top {
    padding: 30px 0;
  }

  .make_a2 {
    margin-left: 5px;
  }

  .xxnav li {
    margin: 0 20px;
  }

  .xxhead {
    padding: 0 30px;
  }


  .make_a2 {
    width: 53px;
  }

  .baner_p2 {
    font-size: 40px;
  }

  .baner_p1 {
    font-size: 28px;
  }

  .new_all_li3 {
    padding: 17px 20px;
  }

  .pre_item {
    margin-right: 20px;
  }

  .bbbaner_page,
  .bbbaner_page2 {
    width: 1050px !important;
  }

}

@media screen and (max-width:1280px) {
  :root {
    --navli-height: 70px;
    --fs70: 40px;
    --fs65: 38px;
    --fsbaner: 30px;
    --fs60: 40px;
    --fs48: 34px;
    --fs30: 20px;
    --fssite3page: 14px;
    --ptb: 70px;
    --plr120: 80px;
    --plr110: 80px;
    --fs-nav-1: 18px;
    --mt60: 40px;
    --jl8c-pd: 30px;
    --index-ab-l-w: 400px;
  }


}


@media screen and (max-width: 1000px) {
  .inbaner {
    height: 100vh;
    min-height: inherit;
  }

  .inpage,
  .infcont,
  .infooter {
    display: none;
  }

  .inbanerwz {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .invideo3tit {
    margin-bottom: 0;
  }

  .inglobalmwz {
    width: 100%;
  }

  .inglobal {
    padding: 80px 0;
  }

  .inadvaslider {
    border-radius: 5px;
  }

  .inadvama {
    width: 100%;
    margin: 0;
    height: auto;
  }

  .inadvama .bgzz1 {
    opacity: 1;
  }

  .inadvama .inadvamore {
    opacity: 1;
    margin-top: 0;
    top: auto;
    bottom: 25px;
    left: auto;
    right: 25px;
    position: absolute;
  }

  .inadvamwz {
    padding: 25px;
    bottom: 0;
  }

  .shnewzw0,
  .shnewimg2 {
    border-radius: 5px;
  }

  .shnewlim {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .shnewimg {
    height: 190px;
  }

  .shnewwz {
    padding: 25px;
  }

  .shnewimg img {
    object-fit: cover;
  }

  .shnewwzh4 {
    height: auto;
    max-height: 50px;
    line-height: 1.4;

    white-space: normal;
  }

  .shnewwzms {
    display: none;
  }

  .shnewzw1,
  .shnewzw2 {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }

  .shnewspan {
    width: 90px;
    height: 35px;
    line-height: 35px;
    left: 25px;
    top: 25px;
  }

  .shnewzw3 {
    display: none;
  }

  .shnewimg2 .shnewwzmore {
    position: absolute;
    right: 25px;
    bottom: 25px;
  }

  .shnewwzh41 {
    padding-right: 40px;
  }

  .pubright {
    bottom: 30px;
  }

  .insolom,
  .inadva,
  .infooterm {
    min-width: inherit;
    width: 100%;
  }

  .invideo3more {
    margin-top: 35px;
  }

  .wapproslid,
  .invideo3m,
  .invideo3wz,
  .inglobalms,
  .inadvam,
  .inadvaslider,
  .shnewli {
    margin-top: 25px;
  }

  .inpubp1 {
    margin-bottom: 10px;
  }

  .inbanerh5,
  .inpubh1 {
    font-size: 30px;
    line-height: 1.4;
  }

  .inbanerwz,
  .plr5p {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ptb80p {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .inglobal {
    margin-top: 45px;
  }
}

.phone {
  display: none;
}

.pc {
  display: block;
}

/* 手机端适配 */
@media screen and (max-width: 768px) {
  :root {
    --mt45p: 25px;
    --fs14: 14px;
    --fs16: 14px;
    --fs18: 14px;
    --fs20: 14px;
    --fs22: 14px;
    --fs24: 16px;
    --fs28: 18px;
    --fs30: 18px;
    --fs32: 18px;
    --fs36: 20px;
    --fs40: 24px;
    --fs46: 24px;
    --fs48: 24px;
    --fs65: 28px;
    --b700: 700;
    --ptb: 50px;
  }

  .pc {
    display: none;
  }

  .phone {
    display: block;
  }

  .pd80px {
    padding: 40px 0;
  }

  .w1400,
  .w12 {
    width: 90%;
    margin: 0 auto;
  }


  .cent_ul1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .cent_plist {
    padding: 15px;
  }

  .guarant {
    margin-top: 0;
  }

  /**/
  .sthand_nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    background: #f8fafb;
    margin-top: 80px;
    padding: 0 20px;
  }

  .xxmenu {
    width: 100%;
    height: 64px;
    /* background: linear-gradient(to right, #00b7ab, #0063b1); */
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1190;
    transition: all 0.5s ease;
    padding: 0 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }

  .menu_logo {
    width: 35%;
    margin-left: 10px;
  }

  .make_a1 {
    border: 1px solid #000;
    margin-right: 0;
    color: #000;
    font-size: 12px;
    height: 30px;
    line-height: 27px;
  }

  .menu_right1 {
    display: flex;
    align-items: center;
    position: relative;
  }

  .menu_a1 {
    position: absolute;
    top: 23px;
    right: 68px;
    /* border: 1px solid red; */
    margin-right: 20px;
    line-height: 1.3;
  }

  .menu_msp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 15px;
    /* background: #3e884b; */
  }

  .menu_msp.on {
    padding: 25px 20px;
  }

  .menu_mspbg {
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 64px;
    /* background: #3e884b; */

  }

  .li1 {
    width: 20%;
    display: flex;
    align-items: center;
  }

  .li3 span {
    width: 24px;
    height: 2px;
    background: #333;
    /* background: #fff; */
    display: block;
    margin: 5px;
    opacity: 0.8;
    transition: all 0.5s ease;
  }

  .mmeauom .msp1 {
    transform: rotate(45deg);
    margin: -2px;
  }

  .mmeauom .msp2 {
    opacity: 0;
    margin: 0;
  }

  .mmeauom .msp3 {
    margin: -2px;
    transform: rotate(-45deg);
  }

  .xxlist {
    width: 100vw;
    height: 100%;
    background: var(--color);
    /* background: linear-gradient(to right, #00b7ab, #0063b1); */
    position: fixed;
    top: 0;
    right: -100vw;
    z-index: 1180;
    transition: all 0.5s ease;
  }

  .xxlistss {
    position: fixed;
    right: 0vw;
    top: 0;
    width: 100vw;
    height: 100%;
  }

  .xxlist_ul {
    padding: 20px 0px;
    margin-top: 64px;
    position: relative;
  }

  .xxinput {
    margin: 10px 0;
  }

  .xxinput input::placeholder {
    color: #fff;
  }

  .xxinput input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    background: none;
    padding-left: 55px;
    border-radius: 5px;
    border-bottom: 1px solid #fff;
    color: #fff;
  }

  .xxinput .ic_img1 {
    position: absolute;
    top: 27px;
    left: 28px;

    font-weight: bold;
    color: #fff;
  }

  .menu_ul2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .ic_img1 {
    width: 20px;
    height: 20px;
  }

  .menu_ul2 a {

    margin-top: 10px;
    color: #fff;
  }

  .xxlist_ul2 {
    padding: 0;
  }

  .bBor2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid #bbbbbb; */
  }

  .bBor,
  .twoa,
  .twob {
    position: relative;
    list-style: unset;
    padding: 0 20px;
  }

  .bBor .menu_span1,
  .twoa .menu_span1 {
    width: 25px;
    height: 49px;
    position: absolute;
    right: 20px;
    top: 0;
    background: url(../img/jia_black1.svg) no-repeat center;
    background-size: 12px;
  }

  .bBor .menu_span3,
  .twoa .menu_span3 {
    width: 25px;
    height: 49px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/pbtyuyan4.png) no-repeat center;
    background-size: 16px;
    transition: all 0.3s ease;
  }

  .bBor .menu_span3.on,
  .twoa .menu_span3.on {
    transform: rotatex(180deg);
  }

  .bBor .menu_span2,
  .twoa .menu_span2,
  .twob .menu_span6 {
    width: 25px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/jia_black1.svg) no-repeat center;
    background-size: 12px;
  }

  .bBor a,
  .twoa a,
  .twob a {
    height: 48px;
    line-height: 48px;
    color: #fff;

    display: block;
    width: 100%;
  }

  .bBor .proList,
  .twoa .proList {
    display: none;
    /* padding-left: 20px; */
  }

  .twob .proList4 {
    display: none;
  }

  .bBor .proList li a,
  .twoa .proList li a,
  .twob .proList li a {
    font-size: 13px;
    height: 36px;
    line-height: 36px;
  }

  .bBor.on .menu_span1 {
    background-image: url(../img/jian_black.svg);
    background-size: 15px;
  }

  .twoa.on .menu_span2 {
    background-image: url(../img/jian_black.svg);
    background-size: 15px;
  }


  .twob.on .menu_span6 {
    background-image: url(../img/jian_black.svg);
    background-size: 15px;
  }

  .menu_phone2 {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }



  .menu_ul2 {
    margin: 0 20px;
  }

  .menu_ul2 img {
    width: 26px;
    margin: 0 auto;
  }

  .bBor span {
    color: #fff;
  }

  .menu_phone3 {
    margin-top: 40px;
    text-align: center;
  }

  .menu_p1 {
    display: inline-block;
    margin: 10px 40px;
    padding: 5px 80px;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    line-height: 35px;

    color: rgba(0, 0, 0, 0.5);
  }

  .menu_footer {
    width: 100%;
    background: var(--color);
    /* background: #f1f2f3; */
    /* padding-bottom: 50px; */
  }

  .lcright {
    bottom: 7%;
  }

  .resume_p3 {

    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
    /* background: linear-gradient(to right, #2db5aa, #025eac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
  }

  .resume_p5 {
    margin-top: 20px;
  }

  .resume_p4 {
    /* margin-top: 10px; */
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }

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

  .resume_ul4 li {
    width: 100%;
    position: relative;
  }

  .resume_ul4 .resume_li1 {
    width: 100%;
  }

  .resume_ul4 input {
    margin-top: 30px;
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: none;
    outline: none;
    background: none;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
  }

  .resume_ul4 textarea {
    width: 100%;
    margin-top: 20px;
    height: 120px;
    padding: 20px;
    border: none;
    outline: none;
    background: none;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;

  }



  .resume_ul4 input {
    border-radius: 12px;
    margin-top: 20px;
    height: 50px;
  }

  .inproclabel {
    padding: 0 5px;
    transition: all 0.3s ease;
    position: absolute;
    left: 15px;
    top: 31px;

    color: rgb(255, 255, 255, 0.7);
    font-size: 14px;
  }

  /* .inproclabel input::-webkit-input-placeholder {
    color: rgb(255, 255, 255, 0.7);
  } */


  .js_ttx.on .inproclabel {
    top: 8px;
    background: #2f318b;
  }

  .inproclabel i {
    color: #fff;
    padding-left: 5px;
  }

  .pbmore {
    color: #fff;
    display: inline-block;
    padding: 8px 60px;
    border-radius: 20px;
    /* background: linear-gradient(to right, #2db5aa, #025eac); */
    background: #2f318b;
    font-size: 14px;
    border: 1px solid #fff;
  }

  .resume_from2_p1 {
    font-size: 12px;
    padding: 20px;
    color: rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(255, 255, 255, 0.7);
  }

  .resume_from2_p1 a {
    color: rgba(255, 255, 255, 0.7)
  }

  /**/
  .banp1 {

    text-align: center;
  }

  .use_p1 {
      font-size: 24px;
  }

  .bangban {
    margin-top: 64px;
  }

  .down_top {
    margin-top: 64px;
  }

  .service_p4 {}

  .service_hr {
    margin: 15px 0;
  }

  .cent_ul2 {
    width: 100%;
  }

  .cent_ul3 {
    width: 20%;
  }

  .cent_ul4 {
    width: 75%;
  }

  .cent_s1 {}

  .cent_s2 {

    display: inline-block;
    line-height: 20px;
  }

  .cent_p2 {}

  .cent_ul5 {
    width: 100%;
    padding: 30px 30px;
  }

  .cent_ul5:last-child {
    margin-top: 15px;
  }

  .cent_ul5 p {}

  .cent_ul7 {
    width: 100%;

  }

  .cent_ul7:last-child {
    margin-top: 15px;
  }

  .cent_top2 {
    margin-top: 20px;
  }

  .cent_support {
    margin-top: 20px;
  }

  .cent_video {
    margin-top: 20px;
  }

  .cent_ul8 {
    width: 100%;
  }

  .cent_p4 {}

  .pr_search input {
    width: 90%;
    background: #f5f5f5;
    height: 45px;
    color: #000;
    padding-left: 50px;
  }

  .pr_span1 {
    left: 20px;
    top: 8px;
  }

  .pr_span2 {
    height: 45px;
    line-height: 45px;
    width: 120px;
    right: 20px;

    color: #fff;
  }

  .pr_search input::placeholder {
    color: #000;
  }

  .pr_search {
    margin-bottom: 40px;
    margin-top: 0;
  }

  .my-map {
    width: 100% !important;
    height: 350px !important;
    margin-top: 20px !important;
  }

  .idea {
    margin-top: 20px;
  }

  .idea_item {
    width: 49%;
    margin-top: 10px;
    padding: 30px 20px;
  }

  .idea_p1 {

    margin: 15px 0;
  }

  .idea_p2 {
    font-size: 12px;
  }

  .support {
    margin-top: 20px;
  }

  .support_ul1 {
    width: 100%;
  }

  .support_p1 {

    margin-top: 20px;
  }


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


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

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

  .down {
    background: none;
    padding: 0;
  }

  .down_list {
    margin-top: 20px;
  }

  .down_item {
    width: 100%;
    padding: 20px 50px;
    background: #f8f8f8;
    margin-bottom: 20px;
  }

  .down_p2 {
    margin: 15px 0;

  }

  .down_p3 {
    margin-top: 0;
  }


  .sustain {
    margin-top: 20px;
  }

  .sustain_item {
    margin-top: 15px;
    width: 100%;
    padding: 30px 0;
  }

  .sustain_item:first-child {
    margin-top: 0;
  }

  .sustain_item2 {
    width: 100%;
    padding: 25px 60px;
    margin-top: 15px;
  }

  .sustain_item2:first-child {
    margin-top: 0;
  }


  .sustain_ul1 {
    width: 25%;
  }

  .sustain_ul2 {
    width: 60%;
  }

  .down_p6 {
    margin-top: 10px;
  }

  .service_use {
    width: 90%;
    margin: 0 auto;

  }

  .pro_pop {
    width: 100%;
    padding: 20px;
  }

  .abt26btc2close2,
  .abt26btcclose {
    right: 45%;
    bottom: -20%;
    top: auto;
  }

  .abt26btc2 {
    width: 90%;
  }

  .pro_p9 a {
    margin-top: 30px;
    margin-bottom: 15px;

  }

  .pop_item {
    margin-top: 15px;
  }

  .pro_p8 {

    margin-top: 20px;
  }

  .pop_top {
    align-items: center;
  }

  .pro_ul5 {
    width: 100%;
    text-align: center;
  }


  .pro_item {
    width: 48%;
    margin-right: 10px;
    margin-top: 20px;
    padding: 20px 0;

  }

  .pro_item:nth-child(2n) {
    margin-right: 0;
  }

  .pro_item:nth-child(3n) {
    margin-right: 10px;
  }

  .pro_p7 {
    font-size: 12px;
  }


  .about_miss {
    background-image: url(../img/about/img_bgph.jpg);
    background-image: url(../img/about/img_bg.jpg);
  }

  .pro_btn a {
    font-size: 12px;
    padding: 2px 20px;
    margin-top: 0;
  }

  .pro_list {
    margin-top: 0;
  }

  .pro_ul7 {
    margin-top: 40px;
  }

  .honor_item {
    margin: 0 10px;
  }

  /**/
  .about_ul1 {
    width: 100%;
    text-align: center;
  }

  .about_ul3 {
    margin-top: 20px;
  }

  .about_ul2 {
    width: 100%;
  }


  .about_p2 {
    margin-top: 10px;
  }

  .about_ul5 {
    margin-top: 20px;
  }

  .about_ul6 {
    width: 50%;
    text-align: center;
  }

  .about_ul6:nth-child(2) {
    width: 50%;
  }

  .about_s1 {
    font-size: 40px;
  }

  .about_s2 {

    font-weight: bold;
  }

  .about_ul2 p {

    margin-top: 10px;
  }

  .miss_list {
    flex-wrap: wrap;
  }

  .abouta1_item {
    text-align: center;
  }

  .abouta1_p1 {

    color: #fff;
    margin: 10px 0;
  }

  .abouta1_p2 {

    color: #fff;
  }


  .honor {
    flex-direction: column;
  }


  .honor_ul2 {
    margin-top: 20px;
  }

  .honor_item .honor_s2 {
    padding: 8px 30px;
  }


  /**/
  .pratner_list {
    margin-top: 0;
  }

  .join_p5 {
    font-size: 12px;
    margin-top: 10px;
  }

  .pratner_item {
    width: 49%;
    padding: 30px 0;
  }

  .pratner_p1 a {
    font-size: 12px;
    padding: 6px 24px;
    font-size: 12px;
  }

  .pratner_p1 {
    margin-top: 15px;
  }


  .prat_swiper {
    margin-top: 20px;
  }

  .pratner_li1 {
    padding: 10px;
    width: 80%;
    margin: 0 auto;
  }

  .prat_nav {
    width: 98%;
    top: 33%;
  }

  .pratner_p2 {
    font-size: 12px;
    margin: 0 auto;
    margin-top: 20px;
    width: 93%;
  }

  .pro_item img {
    width: 70%;
    margin-top: 10px;
  }


  .pratner_li2 {
    padding-bottom: 5px;
  }

  .pratner_li2 span {
    font-size: 12px;
    padding: 5px 25px;
    margin-top: 20px;
  }

  .pop_title {
    width: 100%;
    padding: 40px;

  }


  .service_p3 {

    font-weight: normal;
  }

  .cent_p5 {
    margin-top: 10px;
  }

  .cent_li1 {
    margin-top: 10px;
  }


  .service_use {
    height: 270px;
  }

  .sustain2_ul1 {
    width: 100%;
    padding: 40px 0;
  }

  .sustain2_ul1:last-child {
    margin-top: 20px;
  }

  .sustain2_p1 {

    margin-top: 10px;
  }

  .sustain2_p3 img {
    height: 40px;
  }

  .sustain2_p3 {
    margin-top: 0;
  }

  .sustain2_p2 {
    margin-top: 10px;
    font-size: 12px;
  }

  .service_item {
    width: 100%;
  }

  .pratnar {
    position: relative;
    width: 246px;
    height: 4px;
    margin: 0 auto;
    margin-top: 50px;
    background: none;
  }

  .pratnar::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 1px;
    left: 0;
    background: #dcdedf;
  }

  .pratnar .swiper-scrollbar-drag {
    background: #2db5aa;
    height: 4px;
  }

  .pratn {
    margin-top: 20px;
  }

  .pratn_img {
    text-align: center;
  }

  .pratn_img img {
    width: 60%;
  }

  .prat_p2 {

    padding-left: 30px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;

  }

  .prat_p2::before {
    top: 1px;
  }

  .prat_p3,
  .prat_p4 {
    text-align: left;

    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
  }

  .pratnar {
    margin-top: 30px;
  }

  .mainten_ul2 label {
    font-size: 12px;
    margin: 0 12px;
  }

  .mainten_item {
    justify-content: center;
    padding: 0 0 15px 0;
  }

  .new_items {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }

  .new_p2 {

    line-height: 20px;
  }

  .new_p3 {
    font-size: 12px;
  }

  .new_p4 {
    margin-top: 10px;
    font-size: 12px
  }

  .new_li2 {
    padding: 20px;
  }

  .xxnew_page {
    margin-top: 20px;
  }

  .new_list {
    margin-top: 0;
  }


  .direct {
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .direct_ul1 {
    width: 100%;
  }

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


  .direct_p2 {
    margin-top: 10px;

  }

  .direct_item {

    margin-top: 20px;
  }


  .direct_item p {
    font-size: 12px;
  }


  .centre2_con {
    padding: 30px 25px;
  }

  .centre_li2 img {
    height: 30px;
    width: 30px;
  }

  .centre_name {
    font-size: 12px;
    padding: 0 5px;
    border-right: 0;
  }

  .centre_name.on span {
    font-size: 12px;
  }

  .centre_name.on::before {
    top: 30px;
    display: none;
  }

  .centre_li2 {
    top: 85%;
    left: 10%;
  }

  .centre_main {
    margin-top: 20px;
  }

  .centrbar,
  .centrbar2 {
    margin-top: 30px;
  }

  .centre_con {
    margin-top: 20px;
  }

  .use_tit {
    margin-top: 0;
    width: 50%;
  }

  /**/
  .ban_ul3 {
    justify-content: flex-end;
  }


  .detail_ul1 {
    width: 100%;
  }

  .detail_ul2 {
    width: 100%;
    margin-top: 130px;
  }

  .detail_title {
    text-align: center;
    position: absolute;
    top: 440px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-left: 0;
  }

  .detail_title p {
    text-align: center;
    width: 100%;
  }

  .detail_title img {
    padding: 0;
  }

  .pro_title {
    margin-top: 20px;
  }

  .detail_tit .honor_s2 {
    padding: 8px 20px;
  }

  .detail_tit.on .honor_s2 {
    padding: 8px 20px;
  }

  .detail_li2 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    line-height: 18px;
  }

  .detail_li2 .detail_a1 {
    padding: 10px 30px;

  }

  .detail_li2 .detail_a2 {
    padding: 10px 30px;

  }



  .visit_item {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
  }

  .visit_item:first-child {
    margin-top: 0;
  }

  .visit_item img {
    height: 30px;
    margin-right: 30px;
  }

  .visit_p1 {

    margin-top: 0;
  }

  .enjoy {
    margin-top: 20px;
  }

  .contact_ul2 {
    width: 100%;
    padding: 0;
  }

  .contact_item {
    width: 100%;
  }

  .contact_list {
    margin-top: 10px;
  }

  .contact_item {
    margin-top: 10px;
  }

  .contact_list2 {
    margin-top: 20px;
  }



  .my-map2 {
    margin-top: 0 !important;
  }

  .detail_li1 img {
    max-height: 240px;
  }

  .careerc_li3 {
    width: 250px;
    height: 45px;
    line-height: 45px;

    margin-top: 20px;
  }

  .careerc_list {
    margin-top: 20px;
  }

  .careerc_p1 {
    margin-top: 20px;
  }


  .careerc_li1 {
    font-size: 22px;
  }

  .career_ul1 {
    width: 100%;
  }

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

  .career_type a {
    margin-top: 10px;

    height: 25px;
    width: 50%;
    display: inline-block;
  }

  .career_type i {
    top: 3px;
  }

  .career_type {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
  }

  .career_type a:first-child {
    margin-top: 10px;
  }

  .manpower3_ul {

    margin-top: 15px;
    width: 100%;
    padding: 20px 30px;
  }


  .manpower3_list {
    margin-top: 20px;
  }

  .pro_p10 a {
    margin-top: 30px;

  }


  .join_bg {
    background-image: url(../img/index/join_bgph.jpg);
    height: 350px;
  }


  .join_p2 {
    font-size: 12px;
  }

  .join_p3 a {

    margin-top: 20px;
    padding: 5px 30px;
  }

  .join_list {
    width: 100%;
    padding: 30px;
    margin-top: 20px;
    display: flex;
    align-items: center;
  }

  .join_li1 {
    width: 20%;
  }

  .join_li2 {
    width: 80%;
  }

  .join_list:first-child {
    margin-top: 0;
  }

  .join_use {
    margin-top: 0;
  }

  .join_p11 {

    margin-top: 0;
  }

  .join_list2 {
    margin-top: 20px;
  }

  .join_item4 {
    background: #fff;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }

  .join_ul3 {
    width: 20%;
  }

  .join_ul4 {
    width: 70%;
  }

  .join_ul3 img {
    height: 35px;
  }


  .join_p13 a {
    font-size: 12px;
    margin-right: 20px;
  }

  .xxbppwz {
    text-align: center;
    top: 50%;
  }

  .xxbppwz3 {
    top: 24%;
  }

  .banp4 {
    font-size: 12px;
  }

  .banp3 {

    background: none;
    -webkit-text-fill-color: #000;
  }

  .enjoy_ul1 {
    width: 100%;
    position: relative;
  }

  .enjoy_ul2 {
    width: 100%;
    height: auto;
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
  }

  .enjoy_pall:first-child {
    margin-top: 10px;
  }

  .enjoy_pall {
    width: 48%;
    margin-top: 10px;
    background: #f7f7f7;
    padding: 10px;
    margin-right: 10px;

  }

  .enjoy_pall:nth-child(2n) {
    margin-right: 0;
  }

  .enjoy_p3::before {
    display: none;
  }

  .enjoy_p1 {

    display: inline-block;
    line-height: 18px;
  }

  .enjoy_p2 {
    font-size: 12px;
    margin-top: 5px;
  }

  .enjoy_title {
    top: 111%;
    left: 50%;
    width: 100%;
    text-align: center;
  }

  .enjoy_tit .honor_s2 {
    padding: 6px 20px;
  }

  .enjoy_tit.on .honor_s2 {
    padding: 6px 20px;
  }

  .enjou_nav span {
    width: 34px;
    height: 34px;
    line-height: 34px;
  }

  .indoor_nav {
    width: 90%;
  }


  .human img {
    width: 90%;
    margin: 0 auto;
  }

  .detail_ul6 {
    width: 100%;
  }

  .detail_li6 {
    padding: 20px 0;
  }


  .detail_p6 a {
    font-size: 12px;
  }

  .detail_a3 {
    margin-top: 20px;
  }

  .detail_ul7 {
    margin-top: 20px;
  }

  .detail_li4 {
    text-align: center;
  }

  .detail_li4 img {
    width: 90%;
  }

  .deta2a_item {
    bottom: -17%;
    width: 90%;
    padding: 10px 20px;
  }

  .detail2_nav {
    width: 90%;
  }



  .detail_p3 {
    font-size: 12px;
  }

  .xxbppwz2 {
    top: 55%;
  }

  .human {
    margin-top: 20px;
  }

  .ban_top ul {

    height: 45px;
    line-height: 45px;
  }

  .story_ul2 {
    width: 100%;
  }

  .story_item {
    width: 100%;
    margin-right: 0;
  }

  .deta3a_list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    position: relative;

  }


  .deta3a_li1 {
    width: 33%;
    text-align: center;
  }

  .use_con {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
  }


  .con_item {
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    background: #fbfbfb;
    border-bottom: 1px solid #efefef;
    font-size: 12px;
  }

  .use_list2 {
    height: 50px;
    line-height: 50px;
  }

  .manual_p2 {

    display: flex;
    align-items: center;
  }


  .story_p4 {
    font-size: 12px;
    margin-top: 10px;
  }

  .use_list {
    text-align: center;
  }

  .use_list img {
    width: 90%;
    margin: 0 auto;
  }


  .use_item::before {
    position: absolute;
    top: 90%;
    left: 20%;
    width: 70%;
  }

  .use_btn {
    width: 90%;
  }

  .use_swiper {
    margin-top: 20px;
  }


  .use_p8 {
    margin-top: 20px;

    text-align: center;
  }

  .hot_li {
    border-radius: 5px;
  }

  .use_p1 {
    text-align: center;
  }

  .hot_p3 {

    margin-top: 20px;
    text-align: center;
  }

  .enjoy_img img {
    border-radius: 10px;
  }

  .hot {
    margin-top: 20px;
  }

  .hot_main {
    margin: 0;
  }

  .pro {
    width: 90%;
    flex-wrap: wrap;
  }

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

  .pro_ul1 {
    width: 100%;
  }

  .pro_ul3 {
    top: 60px;
  }

  .pro_p1 {
    font-size: 12px;
  }

  .pro_p2 {

    line-height: 36px;
  }

  .pro_p3 {
    font-size: 12px;
    font-weight: normal;
  }

  .pro_p4 {
    margin-top: 10px;

  }


  .hot_p2 {
    font-size: 12px;
  }

  .baner_a1 {
    width: 140px;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;

  }

  .centre_p4 {

    margin-bottom: 10px;
  }

  .centre_p4::before {
    top: 4px;
  }

  .detail_1 {
    margin-top: 30px;
  }

  .servicea1_list {
    width: 90%;
    margin-top: 20px;
  }

  .servicea1_ul {
    width: 100%;
    margin-top: 10px;
  }

  .servicea1_ul:first-child {
    margin-top: 0;
  }

  .servicea1_ul li {
    width: 100%;
  }

  .servicea1_ul .img1 {
    height: auto;
  }

  .servicea1_icon2 {
    display: none;
  }

  .servicea1_on .servicea1_icon {
    opacity: 1;
  }

  .servicea1_on::before {
    background: none;
  }

  .hot_item2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }

  .hot_item2:first-child {
    margin-top: 0;
  }

  .hot_ul1 {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .hot_ul1 img {
    height: 30px;
    margin-right: 30px;
    margin-top: 10px;
  }

  .hot_item2:nth-child(2) .hot_ul1 img {
    margin-right: 23px;
  }

  .hot_liph {
    padding: 20px 0;
  }

  .bbbaner_page2 span {
    width: 20px;
    height: 5px;
    border-radius: 5px;
  }

  .use_p9 {
    display: inline-block;
  }

  .mlogo1 {
    display: block;

  }

  .mlogo2 {
    display: none;
  }

  /* */
  .menu_ul3 {
    position: relative;
  }

  .menu_li3 img {
    width: 25px;
  }

  .menu_ul3:hover .sgp-in-lauge-list {
    opacity: 1;
    visibility: visible;
    color: #000;
  }

  .sgp-in-lauge-list {
    left: 50%;
    width: 70px;
    margin-left: -38px;
    top: 43px;
    padding: 10px 0;
  }

  .sgp-in-lauge-list {
    position: absolute;
    left: 50%;

    opacity: 0;
    text-align: center;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 111;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  }

  .sgp-in-lauge-list a {
    display: inline-block;
    width: 100%;
    height: 100%;

  }

  .sgp-in-lauge-list a:hover {
    color: #000;
  }

  /*  */
  .servicea1_icon {
    top: 80%;
    left: 50%;
  }

  .servicea1_icon p {
    text-align: left;
    margin-left: 20px;

    color: #000;
  }

  .use_p3::before {
    left: 0px;
  }


  .pop_ul2 {
    margin-top: 70px;
  }


  .cent_p6::before {
    height: 7px;
    width: 7px;
    top: 10px;
  }

  .centre_list3 li {
    margin-top: 15px;
  }


  .centre_list3 {
    margin-top: 20px;
  }

  .law {
    margin-top: 40px;
  }



  /**/
  /*
	newdetail1
	*/
  .zxcdbtzw {
    padding: 0%;
  }

  .zxcdbtzwl {
    width: 100%;
  }

  .zxcdbtzwr {
    width: 100%;
  }

  .zxcdbtzwrb {
    margin-top: 40px;
  }

  .detail_visit {
    padding: 30px 0;
  }


  #newBridge .nb-new-icon-wrap-5 .nb-icon-wrap-base {
    position: relative;
    top: 10px;
    opacity: 0;
  }

  #newBridge #issueBox {
    display: none !important;
  }

  #newBridge .nb-icon-right-center {
    top: 64% !important;
  }

  #newBridge .nb-icon-wrap {
    display: none;
  }


  .uesr_top {
    padding: 20px 0;
  }



  .uesr_top::before {
    height: 60px;
  }

  .uesr_top:last-child:before {
    height: 0;
  }

  .scrill {
    bottom: 5%;
  }

  .about_list {
    margin-top: 20px;
  }

  .about_ul7 {
    margin-top: 20px;
    text-align: center;
  }

  .main_mt40 {
    margin-top: 20px;
  }

  .footer_ul4 {
    width: 100%;
    /* justify-content: center; */
    margin-top: 20px;
    font-size: 14px;
  }

  .footer_ul4 li {
    margin: 10px 30px 0 0px;
    text-align: center;
    color: #fff;

  }

  .footer_ul4 img {
    height: 80px;
  }

  .mal3_ul1 {
    width: 100%;
  }

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

  .pub_p1 li {

    padding-left: 25px;
  }

  .mal_p7 {
    padding-left: 25px;
  }

  .mal_p5 {
    margin-top: 30px;
  }

  .new_all {
    flex-wrap: wrap;
  }

  .new_all_left {
    width: 100%;
  }

  .new_all_right {
    width: 100%;
  }

  .new_title a {
    margin: 0;
  }

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

  .new_all_li3:first-child {
    margin-top: 20px;
  }


  .new_all_p4 {
    margin-top: 10px;
  }

  .new_all_li2 {
    padding: 20px;
  }



  .new_b3_item {
    width: 100%;
    margin-right: 0;
  }

  .new_b3_list {
    margin-top: 0;
  }

  .new_hr1 {
    margin: 40px 0;
  }


  .new_all_p5 {
    font-size: 22px;
  }

  .xxnew_page a {
    width: 35px;
    height: 35px;
    line-height: 35px;

  }

  .xxnew_page a.on {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }


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

  .base_item:first-child {
    margin-top: 0;
  }

  .base_li2 {
    padding: 20px 0;
  }

  .base_list {
    margin-top: 20px;
  }

  .new_b3_li2 {
    padding: 10px 20px;
  }

  .w1000 {
    width: 90%;
    margin: 0 auto;
  }

  .zxnew,
  .zxcdf,
  .zxcarers {
    margin-top: 60px;
  }



  .newdzxdesc {
    margin: 20px 0;

  }


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


  .new_title2 {
    overflow-x: scroll;
  }

  .new_title a {

    white-space: nowrap;
    padding: 10px 20px;
  }

  .pub_p1 h3 {

    margin-bottom: 20px;
  }

  .pub_p1 p {

    margin-top: 0px;
  }

  .mal_img2 {
    width: 100%;
  }

  .pub_p1 li::before {
    top: 9px;
    width: 7px;
    height: 7px;
  }



  .smile_btn2 span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .mal2_p1 {

    min-height: 50px;
  }

  .contact_p1 {
    text-align: left;
    width: 100%;
    margin-top: 20px;
  }

  .contact_item2 {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }

  .contact_li2 {
    padding: 20px 0;
  }


  .serv_List .user_p3 {
    padding: 0px 0 10px 0;
    margin-bottom: 0;
  }


  .serv_List {
    padding: 20px;
    box-shadow: 0px 0px 10px 0px rgb(153 153 153 / 28%);
    margin: 0px 0;
    border-radius: 10px;
  }

  .user_s1 {
    margin-top: 20px;
    margin-bottom: 60px;
    width: 100%;
    padding: 10px 20px;

  }

  .user_s1 .index_more {
    top: 65px;
  }

  .index_more {
    padding: 5px 25px;
    margin-top: 20px;
    font-size: 14px;
  }


  .carou_p2 {
    margin-top: 10px;
  }

  .carou_p4 {
    margin-top: 15px;
  }


  .carou_li1 {
    padding: 20px 16px 25px 16px;
  }



  .xxhomeah3 {
    margin-top: 10px;
  }

  .xxhomeap1 {
    margin-top: 10px;
    padding-bottom: 10px;

  }

  .xxhomeaam {
    border-radius: 10px;
  }

  .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide {
    padding: 0 !important;
  }

  .aboutB-h {
    margin-top: 20px !important;
  }

  .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .t {
    font-size: 22px !important;
  }

  .mal3Swiper1,
  .mal3Swiper2 {
    padding: 10px;
  }

  .carouse2Swiper {
    overflow: hidden;
    padding-bottom: 40px;
  }

  .carouse2Swiper .swiper-wrapper {
    margin-top: 20px;
  }

  .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p {
    font-size: 18px !important;
  }

  .mal_p2 {
    margin-top: 20px;

  }

  .mal3_m1 {
    margin-top: 20px;
  }

  .mal_img img {
    margin-top: 10px;
  }

  .map_item img {
    width: 16px;
  }

  .manual_s1 {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .manual_item3 {
    padding: 10px 20px;
  }


  .qua_s1 p {
    width: 100%;
  }

  .qua_m2 {
    padding-top: 0;
  }

  .pre_item {
    width: 49%;
    margin-right: 0;
    margin-bottom: 15px;

  }

  .pre_item p {
    margin-top: 0;
  }

  .pre_ul1 {
    width: 100%;
  }

  .pre_title {
    border-radius: 10px;
    padding: 20px;
  }


  .pre_p1::before {
    top: 2px;
  }

  .pre_ul2 img {
    border-radius: 10px;
    margin-top: 20px;
  }

  .pre_ul3 {
    width: 100%;
  }

  .pre_title2 {
    padding: 20px;
    border-radius: 10px;
  }

  .pre_p3 {
    padding-left: 0px;

  }

  .pre_p5 {
    margin-top: 10px;
  }

  .pre_p8 {
    margin-top: 30px;
  }

  .pre_p4 span {
    margin-right: 0;
    display: inline-block;
    width: 100%;
  }

  .pre_ul4 {
    width: 100%;
  }

  .pre_p6 span {
    display: inline-block;
    width: 100%;
  }

  .pre_p6 {
    width: 100%;
    margin-right: 0;
  }

  .pre_ul5 {
    width: 100%;
  }

  .pre_p10,
  .pre_p11 {
    min-height: auto;
  }

  .pre_title3 {
    margin-top: 0;
  }

  .pre_p8 img {
    border-radius: 10px;
  }

  .map_a1 {
    top: 37%;
    left: 64%;
  }

  .map_a2 {
    left: 18%;
  }

  .map_a3 {
    left: 17.5%;
  }

  .map_a4 {
    top: 36%;
    left: 92.5%;
  }

  .map_a4 .map_img1{
    background-image: url(../img/about/mapimg3.png);
    left: -170px;
  }

  .xxhomeaimg,
  .xxhomeaimg img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .carou_item {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .base_li1 {
    border-radius: 10px;
  }

  .about_ul3 img,
  .carou_item img {
    border-radius: 10px;
  }

  .system_main {
    flex-wrap: wrap;
  }

  .system_left {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .system_right {
    width: 100%;
  }

  .system_ul2 {
    width: 100%;
    margin-top: 0;
  }

  .system_p6 {}

  .system_p3 {
    margin-top: 10px;


  }

  .system_item {
    text-align: left;
  }

  .system_list {
    overflow-x: scroll;
  }

  .system_item {
    width: auto !important;
    white-space: nowrap;
  }

  .system_p4 {
    margin-top: 30px;
  }

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


  .pr_main {
    margin-top: 00px;
  }

  .pr_main span {
    margin-left: 0;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 38px;
  }

  .cont_item {
    text-align: center;
    margin-top: 40px;
  }

  .con_page {
    text-align: center;
  }

  .con_page span {
    margin: 0 5px;
  }

  .cont_item img {
    width: 30%;
  }

  .map_p1 {}

  /* .manual_item {
    padding: 10px 0;
  } */

  .manual {
    margin-top: 20px;
  }

  .baner_p3 {

    font-weight: bold;
  }

  .carou_page {
    width: 90%;
  }

  .carou_page span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .bbbaner_page2 {
    width: 90% !important;
  }

  .footer_ul9 {
    width: 100%;
  }

  .footer_ul9 a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .footer_ul9 .foot_img1 {
    margin-top: 8px;
  }

  .use_page .use_prev {
    top: -110px;
  }

  .use_page .use_next {
    top: -110px;
  }

  /**/

  .about_a1 {
    padding: 10px 30px;
    font-size: 14px;
  }

  .about_navbg {
    padding-top: 40px;
  }

  .about_list {
    margin-top: 0;
  }

  .use_p1c {
    text-align: center;
  }

  .user_p1 {
    margin: 10px 0;
  }

  .about_ul2 p {
    margin-top: 25px;
  }

  .footer_btn a {
    font-size: 14px;
  }

  .baner_p2 {
    font-size: 24px;
  }

  .aboutfzp2 {
    min-height: 70px;
  }

  .about_wzp3 {
    margin-top: 10px;
  }

  .honora1_item {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
  }

  .contact_top0 {
    padding-top: 0;
  }

  .manual_item4 .manual_p1 {
    font-size: 14px;
  }

  .manual_item {
    padding: 10px 0;
  }

  .manual_item4 {
    padding: 10px 20px;
    border-radius: 30px;
  }


  .manual_p1 .manual_p3 {
    background: none;
    color: #000;
  }

  .manual .on .manual_p3 {
    background: none;
    color: var(--color);
    font-weight: bold;
  }

  .manual_p1 .manual_p3 {
    padding: 10px 0;
  }

  .serv_left {
    width: 100%;
  }

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

  .serv_title p {
    font-size: 14px;
  }

  /* .manual_p1 {
    width: auto;
  }

  .manual_p1:first-child {
    width: 20%;
  } */


  .contact_p2 {
    margin-top: 10px;
  }

  .contact_item img {
    height: 45px;
  }

  .contact_item {
    margin-top: 20px;
  }

  .about_plist {
    width: 100% !important;
    padding: 20px 20px;
  }

  .about_pleft {
    width: 100%;
  }

  .about_pright {
    width: 100%;
    margin-top: 15px;
  }

  .about_ul2 .about_p3 {
    margin-top: 0;
  }

  .about_p4 p {
    margin-top: 10px;
  }

  .about_p4 {
    margin-top: 10px;
  }

  .new_bg {
    background-image: url(../img/index/indexprobg1ph.jpg);
  }

  .pro_aitem {
    width: 100%;
    margin-right: 0;
  }


  .pro_aitem:first-child {
    margin-top: 0;
  }

  .pro_alist {
    margin-top: 0;
  }

  .pagination {
    height: auto;
    margin: 20px auto 0;
  }

  /*  */
  /* 内页二级导航 */
  .sub_menu {
    border-bottom: 1px solid #ddd;
    height: 50px;
    box-sizing: content-box;
    line-height: 50px;
    position: relative;
    z-index: 60;
  }

  /* .sub_menu_area {
    display: flex;
    width: 100%;
  } */

  .subMn {
    width: 100%;
    position: relative;
    z-index: 9;
  }

  .subMn img {
    height: 26px;
  }

  .sub_menu dt {
    position: relative;
    font-size: 16px;
    padding: 0 20px;
  }

  .sub_menu dt span {
    display: flex;
    align-items: center;
  }

  .sub_menu dt i {
    position: absolute;
    right: 20px;
    top: 0;
    transition: all 0.3s ease;
    z-index: 9;
  }

  .sub_menu .on i {
    transform: rotateZ(180deg);
  }

  .sub_menu dd {
    margin-top: 0;
    padding: 12px 0;
    display: none;
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 51px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
  }

  .sub_menu dd a {
    display: block;
    padding: 10px 20px;
    line-height: 1.2;
    font-size: 16px;
    padding-right: 35px;
    color: #555;
  }

  .sub_menu dd a {
    position: relative;
  }

  .subMn {
    display: block;
    color: #333;
  }

  .subMn li {
    position: relative;
  }

  .subMn a i {
    position: absolute;
    right: 0;
    line-height: 1;
    display: block;
    top: 0;
    transform: none !important
  }

  .subMn a i {
    padding: 0 20px;
    height: 39px;
    line-height: 39px;
  }

  .subMn3btn {
    position: absolute;
    width: 59px;
    height: 39px;
    line-height: 39px;
    right: 0;
    top: 0;
    text-align: left;
    z-index: 3;
    padding: 0 20px;
  }

  .subMn3btn {
    transform: none !important;
  }

  .subMn3btn {
    width: 100%;
    text-align: right;
  }

  .sub_menu .subMn3 a {
    font-size: 14px;
    color: #333;
  }

  .sub_menu .subMn3 {
    padding: 5px 10px;
    display: none;
    background-color: #fafafa;
  }

  .subMn li.on>a {
    color: var(--color);
  }

  .subMn li.on i:before {
    content: '\e729';
  }


  /*  */

  .productdetail_left {
    width: 100%;
  }

  .productdetail_right {
    width: 100%;
    margin-top: 40px;
  }

  .box_li {
    padding: 30px 0;
  }

  .productde_p2 {
    margin-top: 20px;
  }

  .pro_bg2 {
    margin-top: 64px;
  }

  .proa_li2 {
    bottom: 20px;
  }

  .proa_p2 {
    height: 70px;
    overflow-y: scroll;
  }

  .proa_p2::-webkit-scrollbar {
    width: 4px;
  }

  .deveSwiper {
    padding-bottom: 40px;
  }

  .baner_item {
    text-align: center;
    top: 20%;
  }

  .join_p1 {
    text-align: center;
  }

  .footer_btn {
    text-align: center;
  }

  .join_items .footer_btn {
    margin-top: 0;
  }

  .join_items {
    top: 30%;
  }
  

  /*  */
  .pro_inputli1 {
    width: 100%;
    margin-right: 0;
  }

  .pro_input2 .pro_inputli1 {
    width: 100%;
  }

  .pro_input {
    margin-top: 20px;
  }

  .pro_inp_p1 {
    margin-top: 15px;
  }

  .pro_input6 .base_item {
    width: 100%;
    margin-top: 0;
  }

  .pro_inp_p3 {
    font-size: 14px;
  }

  /*  */
  
}