@media only screen and (min-width:956px) and (max-width:1268px){ 
  /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */
   
   /* header */
   .pc-1200px {display: none!important;}
   .drawer-nav { display: block; } 
   /* drawer-hamburger */
   .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
   .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
   .drawer-hamburger
   .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
   .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
   .drawer--right .drawer-nav{right: -100%!important;} 
   .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
   .headerwrap{background-color: #FFFFFF;}
   .sj-language{position: absolute;right: 20px;bottom: 50px;}
   .drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100% - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
   .drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
   .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;  top: 6.4%;}
   .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
   .drawer-menu-item:hover{color: var(--dex);}
   .drawer-dropdown-menu>li{margin-bottom: 10px;}
   .drawer-menu-item{font-size: 16px;}
   .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
   .drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
   .drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
   .drawer-hamburger { display: block!important; width: 80px!important; height: 80px!important; padding: 0px!important; top: 0px!important; }
   .drawer-hamburger-icon::before {height: 100%!important;}
   .drawer-hamburger-icon::after {height: 100%!important;}
   .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
   .drawer-hamburger {background-color: var(--dex)!important; }
   .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
   
   .drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
   .drawer-menu-item:hover { color: var(--dex)!important; } 
   .drawer-nav .lang {display: none;}
   .drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;}



   /* head footer */
   .icenter {width: 94%;}
   .icenter1 {width: 94%;}
   .icenter2 {width: 94%;}
   .head .right {display: none;}
   .head { height: 80px;width: 94%; }
   .div2 .head { height: 80px; }
   .drawer-hamburger { background: transparent!important; }
   .div2 .drawer-hamburger {background-color: var(--dex)!important; }
   .head .left { width: auto; }
   .head .left img { transition: 0s; object-fit: unset; width: 327px; height: auto; }
    .footer .fo01 ,.footer .fo02{display: none;}
    .footer { padding: 20px 0; }
    .footer .fo03 .ri {display: none;}
    .footer .fo03 .le { flex-flow: wrap; justify-content: center;}
    .footer .fo03 .le a { margin-right: 5px; }
    .footer .fo03 { border-top: 1px solid rgba(255,255,255,0); padding-top: 0px;}
    .div1:hover .head .left .lo2{ display: none; }
    .div1:hover{background-color: transparent;     -webkit-box-shadow:none; box-shadow: none;}
    .div1:hover .head .left .lo1{display: block;}
    .div2{background-color: #fff!important;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .div2 .head  .left .lo1{display: none!important;}
    .div2 .head  .left .lo2{display: block!important;}

    .drawer-open .div2{background-color: #fff!important;  -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .drawer-open .div2 .head  .left .lo1{display: none!important;}
    .drawer-open .div2 .head  .left .lo2{display: block!important;}

    
    .drawer-open .div1  {    background-color: #fff!important; -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .drawer-open .div1 .drawer-hamburger { background-color: var(--dex)!important; }
    .drawer-open .div1 .head .left .lo2 { display: block!important; }
    .drawer-open .div1 .head .left .lo1 { display: none!important; }

    .i01 .top dl dd h4 strong { line-height: 35px; font-size: 41px; }
    .i01 .top dl dd h5 { font-size: 13px; }
    .i01 .top dl dd { width: 160px; }
    .home_part3_text[data-v-e55fe884] {padding: 42px 28px 40px 0; margin-left: 3%!important; }
    .home_part3 .con_left[data-v-e55fe884] { height: 400px; width: 80%; right: 20%; }
    .home_part3 .con_right[data-v-e55fe884] { height: 400px; }
    .home_part3_text ul { display: flex; width: 445px; justify-content: space-between; }
    .home_part3_text a { margin-bottom: 34px; width: 132px; height: 40px; line-height: 36px; }
    .i02 .bot { width: 100%; }
    .i02 .botF { width: 100%; }
    .pagemap .maps .about04min .mapicon img { height: 7px; }
    .pagemap .biao .icon { width: 84px; height: 84px; }
    .pagemap .biao h4 { font-size: 13px; margin-top: 7px; }
    .pagemap .maps .tt { bottom: 0px; }
    .i04 .bot .le .text { bottom: 0px; left: 0px; width: 80%; padding: 32px 46px; }
    .i04 .bot .le .text { bottom: 0px; width: 80%; padding: 32px 46px; right: 0px; left: auto; }
    .i04 .bg { width: 64%; left: -9%; top: -8%; }
    .i04 .bot .ri .seg a { padding: 17px 0; }
    
    .innerbanner .text h3 { font-size: 35px; margin-bottom: 7px; }
    .innerbanner .text h4 { font-size: 16px; }
    .ab_title { font-size: 30px; }
    .ab01 .icenter .left .ab_title { line-height: 36px; margin-bottom: 12px; }
    .ab01 .icenter .left p { font-size: 13px; line-height: 24px; }
    .ab02 ul li img { width: 38px; margin-right: 30px; }
    .ab02 ul li .text h4 strong { font-size: 35px; line-height: 42px; }
    .ab02 ul li .text h5 { font-size: 14px; }
    .ab02 ul li { margin-bottom: 23px; }
    .ab02 .ri {top: -20px;}
    .ab03 .icenter {top: 0px;}
    .hmc5years {transform: scale(0.6); left: -231px;}

    
    .news-banner img {height: 300px;}
    .news-banner .text {left: 50%; top: 65%; transform: translate(-50%,-50%); }
    .pro ul li .bot h5 { font-size: 18px; }
    

    .pro_info_banner img {height: 300px;}
    .proinfo .seg3 ul li p { font-size: 13px; padding: 10px 4px; }
    .proinfo .seg4 dl dd h6 { margin-top: 14px; font-size: 15px; }
    .lx { background-position: center; }

    .tech01::before { left: 0%; }
    .tech_title { font-size: 30px; }
    .tech01 .icenter .box h4 { font-size: 16px; line-height: 26px; margin: 8px 0 14px; }
    .tech01 .icenter .box p { font-size: 13px; line-height: 24px; }
    .tech01 .imgbox1 { top: 25%; }
    .tech02 h3::before ,.tech02 h3::after { width: 29%;}
    .tech02 ul {width: 680px;}
    .jian { left: 171px; padding: 10px; width: 80px; height: 80px; }
    .tech03 .list_top .list_top_c, .tech03 .list_content_l { font-size: 12px; height: 80px; text-align: center; }
    .tech04 h4 { font-size: 16px; margin: 8px 0 34px; text-align: center; }
    .tech04 dl dd { padding: 38px 5px; }
    .tech04 dl dd .icon { width: 82px; height: 82px; }
    .tech04 dl dd span { font-size: 13px; margin-top: 24px; }
    .tech06 .icenter a { height: 107px; }
    
    .con01 .icenter li dl dd span { white-space: normal; }



    

   
   }
   @media only screen and (min-width:750px) and (max-width:1000px){

   .pro ul li .top .imgbox img{height: auto;}
   
    /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */
   
   /* header */
   .pc-1200px {display: none!important;}
   .drawer-nav { display: block; } 
   /* drawer-hamburger */
   .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
   .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
   .drawer-hamburger
   .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
   .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
   .drawer--right .drawer-nav{right: -100%!important;} 
   .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
   .headerwrap{background-color: #FFFFFF;}
   .sj-language{position: absolute;right: 20px;bottom: 50px;}
   .drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100% - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
   .drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
   .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;  top: 6.4%;}
   .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
   .drawer-menu-item:hover{color: var(--dex);}
   .drawer-dropdown-menu>li{margin-bottom: 10px;}
   .drawer-menu-item{font-size: 16px;}
   .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
   .drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
   .drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
   .drawer-hamburger { display: block!important; width: 80px!important; height: 80px!important; padding: 0px!important; top: 0px!important; }
   .drawer-hamburger-icon::before {height: 100%!important;}
   .drawer-hamburger-icon::after {height: 100%!important;}
   .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
   .drawer-hamburger {background-color: var(--dex)!important; }
   .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
   
   .drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
   .drawer-menu-item:hover { color: var(--dex)!important; } 
   .drawer-nav .lang {display: none;}
   .drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;}



   /* head footer */
   .icenter {width: 94%;}
   .icenter1 {width: 94%;}
   .icenter2 {width: 94%;}
   .head .right {display: none;}
   .head { height: 80px;width: 94%; }
   .div2 .head { height: 80px; }
   .drawer-hamburger { background: transparent!important; }
   .div2 .drawer-hamburger {background-color: var(--dex)!important; }
   .head .left { width: auto; }
   .head .left img { transition: 0s; object-fit: unset; width: 327px; height: auto; }
    .footer .fo01 ,.footer .fo02{display: none;}
    .footer { padding: 20px 0; }
    .footer .fo03 .ri {display: none;}
    .footer .fo03 .le { flex-flow: wrap; justify-content: center;}
    .footer .fo03 .le a { margin-right: 5px; }
    .footer .fo03 { border-top: 1px solid rgba(255,255,255,0); padding-top: 0px;}
    .div1:hover .head .left .lo2{ display: none; }
    .div1:hover{background-color: transparent;     -webkit-box-shadow:none; box-shadow: none;}
    .div1:hover .head .left .lo1{display: block;}
    .div2{background-color: #fff!important;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .div2 .head  .left .lo1{display: none!important;}
    .div2 .head  .left .lo2{display: block!important;}

    .drawer-open .div2{background-color: #fff!important;  -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .drawer-open .div2 .head  .left .lo1{display: none!important;}
    .drawer-open .div2 .head  .left .lo2{display: block!important;}

    
    .drawer-open .div1  {    background-color: #fff!important; -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .drawer-open .div1 .drawer-hamburger { background-color: var(--dex)!important; }
    .drawer-open .div1 .head .left .lo2 { display: block!important; }
    .drawer-open .div1 .head .left .lo1 { display: none!important; }

    .i01 .top dl dd h4 strong { line-height: 35px; font-size: 41px; }
    .i01 .top dl dd h5 { font-size: 13px; }
    .i01 .top dl dd { width: 160px; }
    .home_part3_text[data-v-e55fe884] {padding: 42px 28px 40px 0; margin-left: 3%!important; }
    .home_part3 .con_left[data-v-e55fe884] { height: 400px; width: 80%; right: 20%; }
    .home_part3 .con_right[data-v-e55fe884] { height: 400px; }
    .home_part3_text ul { display: flex; width: 445px; justify-content: space-between; }
    .home_part3_text a { margin-bottom: 34px; width: 132px; height: 40px; line-height: 36px; }
    .i02 .bot { width: 100%; }
    .i02 .botF { width: 100%; }
    .pagemap .maps .about04min .mapicon img { height: 7px; }
    .pagemap .biao .icon { width: 84px; height: 84px; }
    .pagemap .biao h4 { font-size: 13px; margin-top: 7px; }
    .pagemap .maps .tt { bottom: 0px; }
    .i04 .bot .le .text { bottom: 0px; left: 0px; width: 80%; padding: 32px 46px; }
    .i04 .bot .le .text { bottom: 0px; width: 80%; padding: 32px 46px; right: 0px; left: auto; }
    .i04 .bg { width: 69%; left: -9%; top: -8%; }
    .i04 .bot .ri .seg a { padding: 17px 0; }


    .innerbanner .text h3 { font-size: 35px; margin-bottom: 7px; }
    .innerbanner .text h4 { font-size: 16px; }
    .ab_title { font-size: 30px; }
    .ab01 .icenter .left .ab_title { line-height: 36px; margin-bottom: 12px; }
    .ab01 .icenter .left p { font-size: 13px; line-height: 24px; }
    .ab02 ul li img { width: 38px; margin-right: 30px; }
    .ab02 ul li .text h4 strong { font-size: 35px; line-height: 42px; }
    .ab02 ul li .text h5 { font-size: 14px; }
    .ab02 ul li { margin-bottom: 23px; }
    .ab02 .ri { top: 25px; }
    .ab03 .icenter { top: 0px; }
    .hmc5years { transform: scale(0.6); left: -231px; }

    .news-banner img {height: 300px;}
    .news-banner .text {left: 50%; top: 65%; transform: translate(-50%,-50%); }

    .pro ul li .bot { padding: 21px 17px 32px 18px; }
    .pro ul li .bot h5 { font-size: 16px; white-space: nowrap; }
    .pro_info_banner img {height: 300px;}
    .proinfo .seg3 ul li p { font-size: 13px; padding: 10px 4px; }
    .proinfo .seg4 dl dd h6 { margin-top: 14px; font-size: 15px; }


    .tech01::before { left: 0%; }
    .tech_title { font-size: 30px; }
    .tech01 .icenter .box h4 { font-size: 16px; line-height: 26px; margin: 8px 0 14px; }
    .tech01 .icenter .box p { font-size: 13px; line-height: 24px; }
    .tech01 .imgbox1 { top: 31%; }
    .tech02 h3::before ,.tech02 h3::after { width: 29%;}
    .tech02 ul {width: 680px;}
    .jian { left: 171px; padding: 10px; width: 80px; height: 80px; }
    .tech03 .list_top .list_top_c, .tech03 .list_content_l { font-size: 12px; height: 80px; text-align: center; }
    .tech04 h4 { font-size: 16px; margin: 8px 0 34px; text-align: center; }
    .tech04 dl dd { padding: 38px 5px; }
    .tech04 dl dd .icon { width: 82px; height: 82px; }
    .tech04 dl dd span { font-size: 13px; margin-top: 24px; }
    .tech06 .icenter a { height: 107px; }
    .con01 .icenter li dl dd span { white-space: normal; }
    .proinfo .seg2 ul li:nth-of-type(2) p { padding-left: 34px;}
    .con02 form .wpcf7-validation-errors { bottom: -45px; }

   }
   
   @media only screen and (max-width:768px){
    /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */
   
   /* header */
   .pc-1200px {display: none!important;}
   .drawer-nav { display: block; } 
   /* drawer-hamburger */
   .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
   .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
   .drawer-hamburger
   .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
   .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
   .drawer--right .drawer-nav{right: -100%!important;} 
   .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
   .headerwrap{background-color: #FFFFFF;}
   .sj-language{position: absolute;right: 20px;bottom: 50px;}
   .drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
   .drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
   .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;  top: 6.4%;}
   .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
   .drawer-menu-item:hover{color: var(--dex);}
   .drawer-dropdown-menu>li{margin-bottom: 10px;}
   .drawer-menu-item{font-size: 16px;}
   .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
   .drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
   .drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
   .drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
   .drawer-hamburger-icon::before {height: 100%!important;}
   .drawer-hamburger-icon::after {height: 100%!important;}
   .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
   .drawer-hamburger {background-color: var(--dex)!important; }
   .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
   
   .drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
   .drawer-menu-item:hover { color: var(--dex)!important; } 
   .drawer-nav .lang {display: none;}
   .drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;}

   /* head footer */
   .icenter {width: 94%;}
   .icenter1 {width: 94%;}
   .icenter2 {width: 94%;}
   .head .right {display: none;}
   .head { height: 60px;width: 94%; }
   .div2 .head { height: 60px; }
   .drawer-hamburger { background: transparent!important; }
   .div2 .drawer-hamburger {background-color: var(--dex)!important; }
   .head .left { width: auto; }
   .head .left img { transition: 0s; object-fit: unset; width: 248px; height: auto; }
    .footer .fo01 ,.footer .fo02{display: none;}
    .footer { padding: 20px 0; }
    .footer .fo03 .ri {display: none;}
    .footer .fo03 .le { flex-flow: wrap; justify-content: center;}
    .footer .fo03 .le a { margin-right: 5px; }
    .footer .fo03 { border-top: 1px solid rgba(255,255,255,0); padding-top: 0px;}
    .div1:hover .head .left .lo2{ display: none; }
    .div1:hover{background-color: transparent;     -webkit-box-shadow:none; box-shadow: none;}
    .div1:hover .head .left .lo1{display: block;}
   .div2{background-color: #fff!important;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
   .div2 .head  .left .lo1{display: none!important;}
    .div2 .head  .left .lo2{display: block!important;}

    .drawer-open .div2{background-color: #fff!important;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .drawer-open .div2 .head  .left .lo1{display: none!important;}
    .drawer-open .div2 .head  .left .lo2{display: block!important;}


    /* banner */
    .indexbanner .box .text h3 { font-size: 38px; line-height: 48px; margin-bottom: 16px; }
    .indexbanner .box .text h4 { font-size: 17px; margin-bottom: 34px; }
    .amore1 { width: 124px; height: 36px; line-height: 32px; border-radius: 28px; }
    .indexbanner .lian { width: 52%; height: 65px; padding: 10px 10px 10px 38px; }
    .indexbanner .lian .con { font-size: 14px; }
    .indexbanner .lian .con img { width: 18px; margin-right: 12px; }
    .indexbanner .lian { width: 57%; height: 65px; padding: 10px 10px 10px 38px; }
    .indexbanner .lian .jian1 .cc { font-size: 27px; }
    .indexbanner { height: calc(100%); }

    /* index */
    .i01 { padding: 50px 0 0; }
    .i01 .top dl {flex-flow: wrap;margin-bottom: 50px;}
    .i01 .top dl dd {width: 100%; padding: 30px 14px; border: 1px solid #ddd; margin-bottom: 20px; justify-content: center; align-items: center; display: flex; flex-direction: column;}
    .i02 .bot { width: 100%; }
    .i04 {padding: 50px 0; background: rgba(237, 237, 237,1); margin-top: 50px; }
    .i04 .bot { flex-flow: wrap; }
    .i04 .bot .le {width: 100%; margin-bottom: 30px;}
    .i04 .bot .ri {width: 100%;}
    .i04 a h4 { font-size: 15px; margin-top: 10px; }
    .i04 .bot .le .text { bottom: 0px; left: 20%; width: 80%; padding: 22px 39px; }
    .i04 .bot .le .text::before { left: -60px; top: 0px; width: 22%; height: 100%; }
    .i04 .bot .ri .seg { margin-bottom: 27px; }
    .i04 .bg { display: none; }
    .i_title h4 { font-size: 18px; margin-bottom: 4px; }
    .i_title h5 { font-size: 24px; }
    .i_title { margin-bottom: 22px; }
    .pagemap { padding-top: 50px;padding-bottom: 50px; }
    .pagemap .maps .about04min {display: none;}
    .pagemap .maps .tt { position: unset;}
    .pagemap .maps .tt h4 strong { font-size: 50px; }
    .pagemap .maps .tt p {    font-size: 14px; line-height: 22px; padding-top: 10px; margin-top: 0px; }
    .i03_h5 {display:block;}
    .pagemap .maps .i_title { position: unset; top: 0px; left: 0px; }
    .i02 { padding: 50px 0; }
    .i02 .botF { width: 100%; }
    .i02 .top {flex-flow: wrap;margin-top:22px;align-items: center;}
    .home_part3_text[data-v-e55fe884] {     padding: 84px 27px 33px 0; margin-left: 3%!important; }
    .home_part3_text p { font-size: 14px; line-height: 23px; margin-bottom: 28px; width: 100%; }
    .home_part3_text a { margin-bottom: 34px; width: 125px; height: 36px; line-height: 32px; }
    .home_part3_text ul { width: 100%; }
    .i02 .link { margin-top: 19px; }
    .innerbanner .text h3 { font-size: 26px; margin-bottom: 7px; }
    .innerbanner .text h4 { font-size: 16px; }
    .innerbanner img { height: 250px; }
    .innerbanner .text { top: 54%;}
    .ab01 { padding: 50px 0; }
    .ab01 .icenter {flex-flow: wrap;}
    .ab01 .icenter .left {width: 100%;margin-bottom: 20px;}
    .ab01 .icenter .right {width: 100%;}
    .ab_title { font-size: 24px; }
    .ab01 .icenter .left .ab_title { line-height: 34px; margin-bottom: 12px; }
    .ab01 .icenter .left p { font-size: 14px; line-height: 26px; }
    .ab02 .ri { width: 94%; position: unset; margin: auto; }
    .ab02 { padding-bottom: 50px; }
    .ab02 ul li { margin-bottom: 24px; }
    .ab02 ul li img { width: 40px; margin-right: 34px; }
    .ab02 ul li .text h4 strong { font-size: 38px; line-height: 48px; }
    .ab02 ul li .text h5 { font-size: 14px; }
    .hmc5years {display: none;}
    .ab03 .icenter { top: 0px; }
    .ab03 .ab_title {top: 0px; position: relative; text-align: center;}
    .m2gkc3Top { margin-bottom: 30px; }
    .ab03Swiper .box h4 { font-size: 64px; margin-bottom: 18px; line-height: 66px; }
    .ab03Swiper .box .b { border-top-left-radius: 40px; border-bottom-right-radius: 40px; font-size: 14px; line-height: 24px; width: 100%; height: 147px; padding: 24px; }
    .ab03Swiper { width: 100%; height: 234px; padding: 0 0px; position: unset; }
    .ab03 { padding-bottom: 50px; }
    .m2gkc3Top { margin-bottom: 24px; }
    .news { padding: 20px 0 50px; }
    .news ul li a .icenter {flex-flow: wrap;}
    .news ul li .imgbox {width: 100%;margin-bottom: 20px;}
    .news ul li .text {width: 100%;}
    .news ul li { padding: 30px 0; }
    .news ul li .text h4 { font-size: 18px; line-height: 28px; margin-bottom: 12px; }
    .news ul li .text p { font-size: 14px; line-height: 24px; margin: 14px 0 24px; }
    .page { margin-top: 38px; }
    .page a { width: 36px; height: 36px; font-size: 14px; margin-right: 14px; }
    .page span { width: 36px; height: 36px; font-size: 14px; margin-right: 14px; }
    .news ul li .text .a span { font-size: 13px; }
    .newsinfo { padding: 50px 0; }
    .newsinfo p { font-size: 14px; line-height: 26px; margin-bottom: 2%; }
    .newsinfo .fen a { padding: 13px 0; font-size: 13px; }
    .newsinfo .fen { margin: 14px 0 26px; }
    .newsinfo .bottom .share { width: 100%; margin-bottom: 0px;}
    .newsinfo .bottom .right a { width: 105px; height: 36px; line-height: 32px; }
    .news-banner { position: relative;} 
    .news-banner img {height: 250px;}
    .news-banner .text { position: absolute; left: 50%; top: 54%; transform: translate(-50%,-50%); width: 94%; }
    .news-banner .text h3 { font-size: 20px; line-height: 28px; margin-bottom: 8px; }
    .news-banner .text h4 { font-size: 14px; }
    .pro_nav { padding: 28px 0; }
    .pro_nav .icenter a { line-height: 34px; width: 180px; }
    .pro { padding: 50px 0; }
    .pro ul li { width: 100%; margin-right: 0%; margin-bottom: 20px; }
    .proinfo { padding: 50px 0 25px; }
    .proinfo h3 { font-size: 24px; margin-bottom: 14px; line-height: 36px; }
    .proinfo .seg1 p { font-size: 14px; line-height: 24px; margin: 0px 0 26px; }
    .proinfo .seg { margin-bottom: 50px; }
    .pro_info_banner img {height: 200px;}
    .pro_info_banner .text h3 { font-size: 24px; }

    .lx { padding: 50px 0;     background-position: center;}
    .lx .min a { width: 146px; height: 36px; border-width: 1px; line-height: 34px; border: 1px solid var(--dex); }
    .lx h3 { font-size: 24px; margin-bottom: 8px; }
    .lx h4 { font-size: 14px; margin-bottom: 22px; text-align: center; }
    .lx .share { margin-top: 24px; }
    .proinfo .seg4 dl {flex-flow: wrap;}
    .proinfo .seg4 dl dd {width: 100%; margin-bottom: 25px;}
    .proinfo .seg4 dl dd h6 { margin-top: 16px; font-size: 16px; }
    .proinfo .seg:last-child { margin-bottom: 0px; }
    .proinfo .seg2 ul li:nth-of-type(2) p { padding-left: 8px; }
    .proinfo .seg2 ul li:nth-of-type(2) p:last-child { height: auto; line-height: 20px; }
    .proinfo .seg2 ul li:nth-of-type(1) p:last-child { height: auto; }
    .proinfo .seg2 ul li p { height: auto; padding: 8px 0; line-height: initial; font-size: 12px; }
    .proinfo .seg3 ul { display: flex; width: 1100px; padding-bottom: 20px;}
    .proinfo .seg3>div::-webkit-scrollbar { height: 1px; width: 3px; }
    .proinfo .seg3>div::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
    .proinfo .seg3>div::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }
    .proinfo .seg3>div {overflow-x: scroll;}
    .tech01 { padding: 50px 0; }
    .tech06 { padding: 50px 0; }
    .tech06 .icenter a { width: 100%; height: 100px; margin-bottom: 20px;}
    .tech06 .icenter {flex-flow: wrap;}
    .tech06 .icenter a .text .le .icon { width: 35px; margin-right: 19px; }
    .tech06 .icenter a .text .le span { font-size: 18px; }
    .tech06 .icenter a .text .ri img { width: 12px; }
    .tech05 p { font-size: 14px; line-height: 24px; margin: 10px 0 40px;width: 100% }
    .tech05 { padding: 50px 0; }
    .tech_title {font-size: 21px; white-space: nowrap;}
    .tech03 .title h4 { font-size: 15px; margin: 10px 0 25px; text-align: center; }
    .tech04 { padding: 50px 0; }
    .tech01 .icenter .box { width: 100%; }
    .tech01 .imgbox1 { width: 94%; position: unset; margin: auto; margin-bottom: 20px; }
    .tech01 .icenter .box h4 { font-size: 16px; line-height: 26px; margin: 8px 0 14px; }
    .tech02 { padding: 0px 0 50px; }
    .tech02 h3::before, .tech02 h3::after { width: 23%;}
    .tech02 ul { width: 94%; margin-top: 40px; }
    .tech02 ul li { width: 25vw; height: 25vw; }
    .tech02 ul li .jian {display: none;}
    .tech02 ul li h5 { font-size: 12px; margin-top: 8px; }
    .tech02 ul li h4 strong { font-size: 35px; line-height: 31px; }
    .tech03 .icenter .listF {overflow-x: scroll;}
    .tech03 .icenter .list {width: 1100px;padding-bottom: 20px;}

    .tech03 .icenter  .listF::-webkit-scrollbar { height: 1px; width: 3px; }
    .tech03 .icenter  .listF::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3); background: #ded8d8; }
    .tech03 .icenter  .listF::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }
    .tech04 h4 { font-size: 14px; margin: 9px 0 29px; }
    .tech04 dl { margin-bottom: 20px; flex-flow: wrap; }
    .tech04 dl dd { padding: 30px 8px; width: 48.5%; margin-bottom: 3%; }
    .tech04 dl dd span { font-size: 13px; margin-top: 22px; }
    .tech04 dl dd .icon { width: 80px; height: 80px; }
    .tech04 dl dd .icon img { width: 40px; }
    .tech04 .bot { font-size: 15px; }
    .tech04 .bot::before { left: -35px; width: 30px;}
    .tech04 .bot::after{right: -35px; width: 30px;}

    .con01 { padding: 50px 0; }
    .con01 .icenter ul {flex-flow: wrap;}
    .con01 .icenter li {width: 100%;    margin-bottom: 20px;}
    .con01 .icenter li:last-child {margin-bottom: 0px;}
    .con01 .icenter li .bot h4 { margin-bottom: 14px; font-size: 20px; }
    .con01 .icenter li dl dd span { font-size: 13px; white-space: normal; line-height: 20px; }
    .con01 .icenter li .bot { padding: 24px 34px; }
    .con01 .icenter li .bot h4::before { left: -34px}
    .con02 .left { height: auto; margin-bottom: 0px; width: 100%; }
    .con02 .right { width: 100%; height: 100%;height: 570px; }
    .con02 {height: auto; flex-flow: wrap; }
    .con02 .right .box h3 { font-size: 24px; margin-bottom: 14px; }
    .con02 .right { height: 529px; }
    .con03 .con_title { margin-bottom: 20px; flex-flow: wrap; }
    .con03 .con_title h5 { font-size: 14px; line-height: 24px; width: 100%; margin-top: 8px; }

    .con04 { padding: 50px 0; }
    .con04 .con04_h3 { font-size: 24px; margin-bottom: 20px; }
    .con04 .up .left h3 { font-size: 18px; margin-bottom: 6px; line-height: 27px; }
    .con04 .up .left h4 span { font-size: 12px; padding: 0 6px; }
    .con04 .low { padding: 27px 20px; }
    .con04 .low b { margin-bottom: 10px; font-size: 16px; }
    .con04 .low p { font-size: 13px; line-height: 30px; }
    .con04 .low .foot { font-size: 14px; }
    .con04 .low .foot span { font-size: 14px; }
    .con02 .right .box .amore1 { margin-top: 38px; height: 36px; line-height: 32px; width: 120px; }
    .con03 .con_title h4 { font-size: 24px; }
    .con03 { padding: 50px 0; }

    .imgshow p img { max-height: 380px; }
    .imgshow { width: 94%; height: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .tech01 .imgbox1 .bg1,.tech01 .icenter .bg2 ,.tech01::before{display: none;}
    

    .drawer-open .div1  {    background-color: #fff!important; -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important; box-shadow: 0 6px 15px 0 rgba(0,0,0,.2)!important;}
    .drawer-open .div1 .drawer-hamburger { background-color: var(--dex)!important; }
    .drawer-open .div1 .head .left .lo2 { display: block!important; }
    .drawer-open .div1 .head .left .lo1 { display: none!important; }

    .fixed-sub{display: none!important;}
    .fixed-sub ul li:nth-of-type(2) .tel h2, .fixed-sub ul li:nth-of-type(3) .tel h2 { font-size: 16px; }
    .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { padding: 16px; }
    .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { left: -206px; }
    .fixed-sub ul li:nth-of-type(2) .tel h2::after, .fixed-sub ul li:nth-of-type(3) .tel h2::after { right: -20px; }
    .fixed-sub ul li:nth-of-type(3) .tel { left: -263px; }
    .fixed-sub ul li { width: 65px; height: 65px; }
    .con04 .up .left{width: 61%;}
    .proinfo .seg2 ul li p sub, .proinfo .seg2 ul li p sup { display: contents; }
    .con02 form .wpcf7-validation-errors { font-size: 12px; bottom: -40px; }

	.pro ul li .top .imgbox img{height:auto; }

   }