@media only screen and (min-width:956px) and (max-width:1268px){ 
    html { font-size: 6.5px; }
    /* 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(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 70px!important;}
    .drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
    .drawer--right .drawer-nav>.drawer-menu>.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>li {margin-bottom: 29px!important;}
    .drawer-menu-item:hover{color: var(--de2);}
    .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: 70px!important; height: 70px!important; padding: 0px!important; top: 0px!important; }
    .drawer-hamburger-icon::before {height: 100%!important;}
    .drawer-hamburger-icon::after {height: 100%!important;}
    .drawer-hamburger:hover { cursor: pointer; background-color: var(--dex2)!important; }
    .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
    .drawer-hamburger {background-color: transparent!important; }
    .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
    
    .drawer-open .drawer-hamburger-icon {background-color: var(--dex2)!important;}
    .drawer-menu-item:hover { color: var(--dex2)!important; } 
    .div1:hover .drawer-hamburger {  background-color: var(--dex2)!important; }
    .div2 .drawer-hamburger {  background-color: var(--dex2)!important; }
    .drawer-nav .lang {display: none;}
    .drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 18px; color: #666; z-index: 10;}
    /* 3ji */
    .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
    .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
    
    
    
    /* head footer */
    .icenter {width: 94%;}
    .icenter1 {width: 94%;}
    .icenter2 {width: 94%;}
    
    
    .footer .fo02 {display: none;}
    .footer .fo03 {padding: 20px 3%; flex-flow: wrap; }
    .footer .fo03 a {border-right: 0px;}
    .head .right {display: none;}
    .head .logo {width: 302px;}
    .head {height: 70px;}
    .div2 .head {height: 70px;}
    #loading .con .msg {width: 62rem;}
    .footer .fo01 h3 { font-size: 22px; text-align: center; width: 87%; margin-bottom: 3.6rem; }
    .footer .fo01 { padding: 50px 0;}
    .div3 .head {height: 70px!important;}
    .div3 .drawer-hamburger { background-color: var(--dex2)!important; }

    /* banner */
    .i_banner .box .text { width: 94%; }
    .i_banner ._video video {display: none;}
    .i_banner .h5_banner_img {display: block!important; width: 100%; height: 100%;}
    .i_banner .h5_banner_img img {height: 100%; object-fit: cover;}
    .i_banner .swiper-pagination { width: 94%; }
    ._wen {display: none!important;}
    ._meng {display: none!important;}

    /* i_top */
    .i_top h3 { font-size: 28px; line-height: 39px; }
    .i01 p { font-size: 15px; line-height: 24px;    margin-bottom: 5rem; }
    .i01 .text { padding-right: 3%; width: 44.4%; }
    .more { width: 130px; height: 38px; }
    .i02 .bg { top: -148px; }
    .i04 dl dd .content p { margin-bottom: 7rem; width: 100%; }
    @keyframes syk3video {
        0%{
            width: 100%;
            height: 100%;
        }
        100%{
            width: 84%;
            height: 84%;
        }
        }
        @keyframes syk3videoh {
        0% {
            width: 84%;
            height: 84%;
        }
        
        100% {
            width: 100%;
            height: 100%;
        }
        }
    .i05 { padding: 14rem 0 11.5rem; }
    .i05 .box .imgbox, .i05 .box .img_f { height: 50rem; }
    .i06 .text { left: calc(3%); }
    .i06 .right { padding-right: 3%; }
    .i05 .bot .fa-angle-left { left: 0px; }
    .i05 .bot .fa-angle-right { right: 0px; }

    /* about */
    .vi_box .box .video { width: 80%; }
    .ab03 .swiper-slide .imgbox img { height: 46.6rem; }
    .ab04 .content .mid ul li { font-size: 88px; }
    .ab04 .content .mid ul li { font-size: 88px; line-height: 14rem; height: 14rem;}
    .ab04 .content .mid .num { line-height: 14rem; height: 14rem;}
    .ab04 .content .mid { width: 31rem; }
    .ab04 .content .mid .dao { margin-top: 2.4rem;}
    .imgshow { width: 87%; height: 85%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .ab07 .g .box h4 { text-align: center; }

    /* newbanner  */
    .inner-banner .text { width: 94%;}
    .news-banner  img {height: 400px;}
    .newsinfo { width: 94%; padding: 80px 0 100px; }

    
    /* innerbanner */
    .pro-list-banner .text { width: 98%; }
    .pro-nav .icenter { padding: 0 8%; }
    .pro-list-banner .text h4 { white-space: normal; font-size: 15px; line-height: 26px; margin-top: 18px; }
    .pro-list .icenter a {     width: 32.25%; margin-right: 1.6%; margin-bottom: 1.6%; }
    .pro-list .icenter a:nth-of-type(4n) { margin-right:1.6%; }
    .pro-list .icenter a:nth-of-type(3n) { margin-right:0px; }

    /* proinfo_banner */
    .proinfo_banner .ri { width: 39%; }
    .proinfo_banner .ri h3 { font-size: 38px; }
    .proinfo_banner .ri .mid { margin: 4rem 0; }
    .proinfo01 { padding: 14rem 0 33rem; }
    .proinfo02 .content .list_pro h4 { font-size: 26px; }
    .proinfo02 .content .list_pro h5 { font-size: 15px; min-height: 110px; }

    /* innerbanner */
   .innerbanner .text { width: 94%; text-align: center; }
   .tech01 .content a { padding: 4rem 6rem; }
   .tech01 .content a .t h5 { font-size: 22px; }
   .tech02 .content a .text h5 { font-size: 22px; }
   .tech02 .content a .text { width: 94%; }
   .con02 .map {     left: 30%; top: 44%; width: 53.1rem; height: 20.7rem;}
   .con02 .map .cc { top: 2.5rem; left: 2.9rem; }
   .con02 .map .imgbox { width: 17.3rem; height: 11.9rem; }
   .con02 .map .text { width: 20rem; margin-left: 2.1rem; }
   .jl dd .bot span { display: contents; }
   .head .logo { width: auto; }
   .head .logo span { font-size: 12px; line-height: 22px; }

   .footer .fo03 .icenter {flex-flow: wrap;}
   .footer .fo03 .icenter .le {flex-flow: wrap;justify-content: center;}
   .footer .fo03 .icenter .ri { margin: auto; margin-top: 0px; }
   .footer .fo03 { padding: 20px 0%; }

   .ab06 .bot {    width: 94%; left: 3%; }
   .ab06 .bot .b_so { width: 100%; }
   .ab06 .bot .b_so .faf { width: 11%; }
   .ab06 .bot .b_so .swiper-pagination { width: 85%;}
   .ab06 .swiper-slide:hover { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
   .ab06 .bot .b_so .fa { width: 5rem; height: 5rem;}
   .i05 .box span { font-size: 17px; bottom: -5rem; white-space: nowrap; }

   .hangye01 .icenter ul li h4 strong { font-size: 26px; }
    .hangye01 .icenter ul li { height: 26.6rem; padding: 5.7rem 3.5rem;}
    .hangye02__sub { width: 100%; }
    .hangye02__f { width: 100%; }
    .honormin a span { font-size: 16px; margin: 16px 0 0 0; }
    .honormin .fa-angle-left { left: 1%; }
    .honormin .fa-angle-right { right: 1%; }
    .hangye01 .icenter ul { width: 86%;}

    .proinfo_banner .le .show dl dd img { height: auto; width: auto; max-width: 100%; }
    .proinfo_banner .le .show { height: 74.5rem; }
        
    .div3 .head .logo img { filter: none; }
    .div3 .head .logo span { border-color: rgba(0,0,0,0.2); color: rgba(14, 50, 88,1); }

    .ab04 .content .right { max-height: 38.3rem; }
    .ab06 .bot .swiper .box .imgbox img { height: auto; }
}
@media only screen and (min-width:750px) and (max-width:1000px){
    html { font-size: 6.5px; }
    /* 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(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 70px!important;}
    .drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
    .drawer--right .drawer-nav>.drawer-menu>.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>li {margin-bottom: 29px!important;}
    .drawer-menu-item:hover{color: var(--de2);}
    .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: 70px!important; height: 70px!important; padding: 0px!important; top: 0px!important; }
    .drawer-hamburger-icon::before {height: 100%!important;}
    .drawer-hamburger-icon::after {height: 100%!important;}
    .drawer-hamburger:hover { cursor: pointer; background-color: var(--dex2)!important; }
    .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
    .drawer-hamburger {background-color: transparent!important; }
    .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
    
    .drawer-open .drawer-hamburger-icon {background-color: var(--dex2)!important;}
    .drawer-menu-item:hover { color: var(--dex2)!important; } 
    .div1:hover .drawer-hamburger {  background-color: var(--dex2)!important; }
    .div2 .drawer-hamburger {  background-color: var(--dex2)!important; }
    .drawer-nav .lang {display: none;}
    .drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 18px; color: #666; z-index: 10;}
    /* 3ji */
    .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
    .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
    
    
    
    /* head footer */
    .icenter {width: 94%;}
    .icenter1 {width: 94%;}
    .icenter2 {width: 94%;}
    
    
    .footer .fo02 {display: none;}
    .footer .fo03 {padding: 20px 3%; flex-flow: wrap; }
    .footer .fo03 a {border-right: 0px;}
    .head .right {display: none;}
    .head .logo {width: 302px;}
    .head {height: 70px;}
    .div2 .head {height: 70px;}
    #loading .con .msg {width: 62rem;}
    .footer .fo01 h3 { font-size: 22px; text-align: center; width: 87%; margin-bottom: 3.6rem; }
    .footer .fo01 { padding: 50px 0;}
    .div3 .head {height: 70px!important;}
    .div3 .drawer-hamburger { background-color: var(--dex2)!important; }

    /* banner */
    .i_banner .box .text { width: 94%; }
    .i_banner ._video video {display: none;}
    .i_banner .h5_banner_img {display: block!important; width: 100%; height: 100%;}
    .i_banner .h5_banner_img img {height: 100%; object-fit: cover;}
    .i_banner .swiper-pagination { width: 94%; }
    ._wen {display: none!important;}
    ._meng {display: none!important;}

    /* i_top */
    .i_top h3 { font-size: 28px; line-height: 39px; }
    .i01 p { font-size: 15px; line-height: 24px;    margin-bottom: 5rem; }
    .i01 .text { padding-right: 3%; width: 44.4%; }
    .more { width: 130px; height: 38px; }
    .i02 .bg { top: -148px; }
    .i04 dl dd .content p { margin-bottom: 7rem; width: 100%; }
    @keyframes syk3video {
        0%{
            width: 100%;
            height: 100%;
        }
        100%{
            width: 84%;
            height: 84%;
        }
        }
        @keyframes syk3videoh {
        0% {
            width: 84%;
            height: 84%;
        }
        
        100% {
            width: 100%;
            height: 100%;
        }
        }
    .i05 { padding: 14rem 0 11.5rem; }
    .i05 .box .imgbox, .i05 .box .img_f { height: 40rem; }
    .i06 .text { left: calc(3%); }
    .i06 .right { padding-right: 3%; }
    .i05 .bot .fa-angle-left { left: 0px; }
    .i05 .bot .fa-angle-right { right: 0px; }

    /* about */
    .vi_box .box .video { width: 80%; }
    .ab03 .swiper-slide .imgbox img { height: 37.6rem; }
    .ab04 .content .mid ul li { font-size: 88px; }
    .ab04 .content .mid ul li { font-size: 88px; line-height: 14rem; height: 14rem;}
    .ab04 .content .mid .num { line-height: 14rem; height: 14rem;}
    .ab04 .content .mid { width: 31rem; }
    .ab04 .content .mid .dao { margin-top: 2.4rem;}
    .imgshow { width: 87%; height: 85%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .ab07 .g .box h4 { text-align: center; }

    /* newbanner  */
    .inner-banner .text { width: 94%;}
    .news-banner  img {height: 400px;}
    .newsinfo { width: 94%; padding: 80px 0 100px; }

    /* innerbanner */
    .pro-list-banner .text { width: 98%; }
    .pro-nav .icenter { padding: 0 8%; }
    .pro-list-banner .text h4 { white-space: normal; font-size: 15px; line-height: 26px; margin-top: 18px; }
    .pro-list .icenter a {     width: 32.25%; margin-right: 1.6%; margin-bottom: 1.6%; }
    .pro-list .icenter a:nth-of-type(4n) { margin-right:1.6%; }
    .pro-list .icenter a:nth-of-type(3n) { margin-right:0px; }

    /* proinfo_banner */
    .proinfo_banner .ri { width: 39%; }
    .proinfo_banner .ri h3 { font-size: 38px; }
    .proinfo_banner .ri .mid { margin: 4rem 0; }
    .proinfo01 { padding: 14rem 0 33rem; }
    .proinfo02 .content .list_pro h4 { font-size: 26px; }
    .proinfo02 .content .list_pro h5 { font-size: 15px; min-height: 110px; }

    /* innerbanner */
    .innerbanner .text { width: 94%; text-align: center; }
    .tech01 .content a { padding: 4rem 6rem; }
    .tech01 .content a .t h5 { font-size: 22px; }
    .tech02 .content a .text h5 { font-size: 22px; }
    .tech02 .content a .text { width: 94%; }

   /* innerbanner */
   .innerbanner .text { width: 94%; text-align: center; }
   .tech01 .content a { padding: 4rem 6rem; }
   .tech01 .content a .t h5 { font-size: 22px; }
   .tech02 .content a .text h5 { font-size: 22px; }
   .tech02 .content a .text { width: 94%; }
   .con02 .map { left: 25%; top: 47%; width: 53.1rem; height: 20.7rem;}
   .con02 .map .cc { top: 2.5rem; left: 2.9rem; }
   .con02 .map .imgbox { width: 17.3rem; height: 11.9rem; }
   .con02 .map .text { width: 20rem; margin-left: 2.1rem; }
   .jl dd .bot span { display: contents; }

   /* i04 */
   .i04 dl dd .tp h4 { min-height: 44px; }
        
   .pro02 dl dd .text { padding: 4.7rem 1.8rem 6.3rem 2.8rem; }
   .pro02 dl dd .text p { font-size: 14px; line-height: 24px; min-height: 72px; }
   .head .logo { width: auto; }
   .head .logo span { font-size: 12px; line-height: 22px; }

   .footer .fo03 .icenter {flex-flow: wrap;}
    .footer .fo03 .icenter .le {flex-flow: wrap;justify-content: center;}
    .footer .fo03 .icenter .ri { margin: auto; margin-top: 0px; }
    .footer .fo03 { padding: 20px 0%; }

    .ab06 .bot {    width: 94%; left: 3%; }
    .ab06 .bot .b_so { width: 100%; }
    .ab06 .bot .b_so .faf { width: 11%; }
    .ab06 .bot .b_so .swiper-pagination { width: 85%;}
    .ab06 .swiper-slide:hover { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
    .ab06 .bot .b_so .fa { width: 5rem; height: 5rem;}
    .i05 .box span { font-size: 17px; bottom: -5rem; white-space: nowrap; }
    
    .hangye01 .icenter ul li h4 strong { font-size: 26px; }
    .hangye01 .icenter ul li { height: 26.6rem; padding: 5.7rem 3.5rem;}
    .hangye02__sub { width: 100%; }
    .hangye02__f { width: 100%; }
    .honormin a span { font-size: 16px; margin: 16px 0 0 0; }
    .honormin .fa-angle-left { left: 1%; }
    .honormin .fa-angle-right { right: 1%; }
    .hangye01 .icenter ul { width: 86%;}
    .proinfo_banner .le .show dl dd img { height: auto; width: auto; max-width: 100%; }
    .proinfo_banner .le .show { height: 54.5rem; }

    .div3 .head .logo img { filter: none; }
    .div3 .head .logo span { border-color: rgba(0,0,0,0.2); color: rgba(14, 50, 88,1); }

      .ab05 .icenter .map .point .g:hover::after {width: 8.6rem;}
      .ab05 .icenter .map .point .g span { right: 9.2rem; }
      .ab05 .icenter .map .point .g:nth-of-type(4):hover::after,  .ab05 .icenter .map .point .g:nth-of-type(5):hover::after ,
      .ab05 .icenter .map .point .g:nth-of-type(8):hover::after  {width: 8.6rem;}
      .ab05 .icenter .map .point .g span { font-size: 12px; }
      .ab05 .icenter .map .point .g:nth-of-type(4) span, .ab05 .icenter .map .point .g:nth-of-type(5) span, .ab05 .icenter .map .point .g:nth-of-type(8) span { left: 9.2rem; }
      .ab05 .icenter .map .point .g:nth-of-type(2) span { left: -14.8rem;}

      .ab04 .content .right { max-height: 38.3rem; }
      .ab06 .bot .swiper .box .imgbox img { height: auto; }
}

@media only screen and (max-width:768px){
html { font-size: 5px; }
/* 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(100vh - 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; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.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>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--de2);}
.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-hamburger:hover { cursor: pointer; background-color: var(--dex2)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: transparent!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex2)!important;}
.drawer-menu-item:hover { color: var(--dex2)!important; } 
.div1:hover .drawer-hamburger {  background-color: var(--dex2)!important; }
.div2 .drawer-hamburger {  background-color: var(--dex2)!important; }
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 18px; color: #666; z-index: 10;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}




/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}


.footer .fo02 {display: none;}
.footer .fo03 {padding: 20px 3%; flex-flow: wrap; }
.footer .fo03 a {border-right: 0px;}
.head .right {display: none;}
.head .logo {width: 232px;}
.head {height: 60px;}
.div2 .head {height: 60px;}
#loading .con .msg {width: 62rem;}
.footer .fo01 h3 { font-size: 22px; text-align: center; width: 87%; margin-bottom: 3.6rem; }
.footer .fo01 { padding: 50px 0;}
.div3 .head {height: 60px!important;}
.div3 .drawer-hamburger { background-color: var(--dex2)!important; }

/* banner */
.i_banner .box .text { width: 94%; }
.i_banner .box .text h3 { font-size: 30px; line-height: 36px; }
.i_banner ._video video {display: none;}
.i_banner .h5_banner_img {display: block!important; width: 100%; height: 100%;}
.i_banner .h5_banner_img img {height: 100%; object-fit: cover;}
._wen {display: none!important;}
._meng {display: none!important;}

/* i01 */
.i01 { padding-top: 50px; flex-flow: wrap;}
.i01 .imgbox {width: 100%;}
.i01 .text {    width: 94%; padding-right: 0px; margin: 20px auto 0px;}
.i_top h3 {     font-size: 24px; line-height: 35px;}
.i_top span { font-size: 14px; }
.i01 p { font-size: 14px; line-height: 24px; }
.i01 .imgbox { width: 94%; margin: auto; }
.i02 { padding: 50px 0 50px; }
.i02 ul li h4 strong { line-height: 42px; font-size: 44px; }
.i02 ul li h4 sup { font-size: 13px; top: -1px; margin-left: 4px; right: -18px; }
.i02 ul li h5 { font-size: 13px; }
.i02 ul li h4 { margin-bottom: 4px; }
.i02 ul li { min-width: 20%; }
.w_text .content h4 { font-size: 14px; line-height: 24px;width: 80%; }
.w_text .content a { width: 67px; }
.w_text .content a { width: 57px; }
.i03_box .bg_video { height: 50vh; }
.i03 { height: auto; }
.i03.leave .w_text { top: 50%!important; }
.i03_box .bg_video .poster {display: block!important;}
.bg_vi_sub video {display: none!important;}
.i04 { padding: 50px 0; }
.i03 .bg_vi_sub { animation: none !important;}
.i04 .i_top h3 { font-size: 23px; line-height: 37px; }
.i04 dl {flex-flow: wrap;height: auto;}
.i04 dl dd  { width: 100%; height: 64rem;}
.i04 dl dd::before {background-color: rgba(0,0,0,0.6)}
.i04 dl dd .tp{opacity: 0;bottom:8rem;}
.i04 dl dd .content {transition-delay: 0.15s; transition: 0.3s; opacity: 1;top: calc(50% + 0px);    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.i04 dl dd:hover { width: 100%; } 
.i04 dl dd:nth-of-type(2) { margin: 20px 0px; }
.i04 dl dd .content h3 { font-size: 22px; }
.i04 dl dd .content p {  text-align: center;   font-size: 14px; line-height: 24px; margin-bottom: 6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.i04 dl dd .content { width: 90%;}
.more { width: 116px; height: 38px; }
.i05 { padding: 50px 0;}
.i05 .i_top h3 { font-size: 19px; line-height: 30px; }
.i05 .box .imgbox, .i05 .box .img_f { height: 36rem; }
.i05 .box span {     font-size: 15px; bottom: -6rem; white-space: nowrap;}
.i05 .bot .fa-angle-left { left: 0px; }
.i05 .bot .fa-angle-right { right: 0px; }
.i05 .bot .swiper { padding-bottom: 9rem; }
.i06 {    padding: 50px 0; flex-flow: wrap; width: 94%; margin: auto;}
.i06  .i_top span {text-align: center;}
.i06 .i_top h3 { text-align: center; }
.i06 .i_top h3 br {display: none;}
.i06 .text {width: 100%;}
.i06 .right {width: 100%;padding-right: 0px;}
.i06 .i_top { margin-bottom: 0.5rem; }
.i06 .text p { margin: 2rem 0 3.5rem; }
.i05 .bot .fa { background-color: rgba(0,0,0,0.6);}
.i06 .text {      position: unset; margin-bottom: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.i06 .text p { font-size: 15px; line-height: 24px;     text-align: center;}
.i06 .right a {flex-flow: wrap;height: auto; margin-bottom: 4.5rem;}
.i06 .right a .imgbox {width: 100%;}
.i06 .right a .content {width: 100%;}
.i06 .right a .imgbox img { height: 175px; }
.i06 .right a .content h4 { font-size: 15px; line-height: 24px; }
.i06 .right a .content span { font-size: 12px;}
.i07 p { font-size: 14px; line-height: 22px; width: 94%; margin: auto; }
.i07 { margin-bottom: 50px; }

/* about */
.d_cc { top: -60px;}
.innerbanner .text { font-size: 30px; }
.innerbanner img { height: 290px; }
.ab01 { padding: 50px 0;}
.ab01 font { font-size: 14px; line-height: 24px; width: 100%; }
.ab01 p { font-size: 14px; line-height: 24px; width: 100%; }
.ab01 .bot .t h4 { font-size: 80px; line-height: 56px; }
.ab01 .bot .t h5 { font-size: 22px; }
.ab01 .bot .b { padding-top: 3.6rem; width: 90%; margin: 7rem auto 0px; }
.ab01 .bot .b dd h4 { line-height: 43px; font-size: 49px; }
.ab01 .bot .b dd h5 { font-size: 14px; margin-top: 2rem; }
.ab02 { padding: 50px 0; background-attachment: unset; }
.ab02 .icenter { background: url(/style/img/ab02_bg2.jpg); padding: 10rem 4.6rem; border-radius: 16px; }
.ab02 .icenter p { font-size: 14px; line-height: 24px; }
.ab02 .icenter dl { width: 90%; }
.ab02 .icenter dl dd .icon { width: 10.5rem; height: 10.5rem;}
.ab02 .icenter dl dd .icon img { width: 5.5rem; }
.ab04 .i_top h3 { font-size: 22px; line-height: 30px; }
.ab04 .content .mid .num { display: none; }
.ab04 .content .mid {display: block; position: absolute; bottom: -39px; left: 50%; transform: translateX(-50%); text-align: center; justify-content: center; display: flex;}
.ab04 .content .left {display: none;}
.ab04 .content .right { width: 100%; padding-right: 0%;max-height: 35rem;}
.ab04 .icenter {width: 100%;}
.ab04 .img_bg {      top: -8.8rem; width: 100%; height: 61.4rem; }
.ab04 .content .right .box { position: relative; width: 94%; margin: auto; }
.ab04 .content .right .box p {    font-size: 15px; line-height: 24px; text-align: justify;}
.ab04 .content .right .box h4 span { font-size: 30px; text-align: center; padding-left: 0px; }
.ab04 .content .right .box h4 span::before {display: none;}
.ab04 {     padding: 10rem 0 17rem; }
.ab05 .icenter {flex-flow: wrap;}
.ab05 .icenter .map {width: 100%;margin-bottom: 20px;}
.ab05 .icenter .text {width: 100%;}
.ab05 .icenter .text p { font-size: 15px; line-height: 25px; margin: 3.4rem 0 6.4rem; width: 90%; }
.ab08 .bot video { width: 100%; height: 40rem; }
.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box .video img.close { right: 0px; top: -40px;}
.i_top { margin-bottom: 3.2rem; }
.ab05 { padding: 50px 0; }
.ab07 .g .box { width: 94%; }
.ab07 .g .box h3 { font-size: 36px; }
.ab07 .g .box h4 { font-size: 16px; text-align: center; }
.ab07 .g { height: calc(100vh - 60px); top: 60px; width: 100%; }
.ab06 { padding: 50px 0; }
.ab06  .i_top h3 { font-size: 22px; line-height: 33px; }
.ab06 .content .g .box h4 { font-size: 12px; min-height: 37px; }
.ab06 .content .g { margin-bottom: 17px; }
.ab06 .content .g .box { padding: 2rem 0; }
.imgshow { width: 94%; height: 85%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
/* news */
.news .g { padding: 50px 0; }
.news .g a .text h4 { font-size: 20px; line-height: 26px; }
.news .g a .text p {     margin: 18px 0 24px; font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; }
.news .g .more { width: 110px; }
.news .g a .date h4 { font-size: 41px; line-height: 37px; margin-bottom: 4px; }
.news .g a .date h5 { font-size: 12px; }
.news .g a .text { width: 78%; }
.page { margin: 40px 0 50px; }
.page span,.page a { width: 38px; height: 38px; font-size: 17px; margin-right: 14px; }
.list_pro .more { width: 19rem; height: 7rem; }
/* newsinfo */
.inner-banner img {height: 300px;}
.inner-banner .text { width: 94%;}
.news-banner .text h5 { font-size: 20px; line-height: 30px; margin-bottom: 16px; }
.news-banner .text h6 { font-size: 14px; }
.newsinfo {      width: 94%; padding: 50px 0 50px;}
.newsinfo p { font-size: 14px; line-height: 26px; }
.newsinfo .fen a { padding: 16px 0; font-size: 14px; }
.newsinfo .bottom .right a { width: 100px; height: 33px; margin-left: 0px; }
.newsinfo .bottom .share span { font-size: 14px; margin-right: 10px; }
.newsinfo .bottom .share .s a { margin-right: 6px; width: 32px; height: 32px; border-radius: 50%; font-size: 14px; }

/* pro-lsit */
.pro-list-banner .text h3 { font-size: 24px; }
.pro-nav .icenter { padding: 0 0px; }
.pro-nav .icenter a { font-size: 15px; }
.pro-list .icenter a { width: 100%; margin-right: 0%; background: #fff; margin-bottom: 20px; }
.pro-list { padding: 50px 0; }
.pro-list-banner .text h4 { font-size: 14px; line-height: 24px; margin-top: 18px; }
.innerbanner .text {    width: 94%; text-align: center;}
.pro-list-banner .text h4 { white-space: normal;     text-align: start; }
.pro-list-banner .text h4 br {display: none;}
.pro-list-banner  img { height: 400px; }
.proinfo_banner .icenter {flex-flow: wrap;}
.proinfo_banner .le {width: 100%;margin-bottom: 20px;}
.proinfo_banner .ri {width: 100%;}
.proinfo_banner { height: auto; padding-top: 60px;height: 19px; }
.proinfo_banner .le .show { height: 51.5rem; width: 86%; }
.proinfo_banner .le .show dl dd img {    height: auto; width: 100%;}
.proinfo_banner .ri h3 { font-size: 30px; }
.proinfo_banner .ri .mid h4 { font-size: 17px; }
.proinfo_banner .ri .mid p { font-size: 14px; line-height: 26px; }
.proinfo_banner { height: auto; padding: 60px 0; }
.proinfo01 { padding: 50px 0; }
.proinfo_h3 { font-size: 26px; }
.proinfo01 .top p { font-size: 15px; line-height: 28px; }
.proinfo01 .top p br {display: none;}
.proinfo01 .top { margin-bottom: 7.6rem; }
.proinfo02 { padding: 50px 0; }
.proinfo02 .content {flex-flow: wrap;}
.proinfo02 .content .list_pro {width: 100%;margin-bottom: 20px;}
.proinfo02 .content .list_pro h4 { font-size: 26px; }
.proinfo01 .mid { overflow: scroll; width: 100%; position: relative; }
.proinfo01 .mid img { margin-top: 3.8rem; width: 700px; padding-bottom: 10px;}
.proinfo01 .mid::-webkit-scrollbar { height: 1px; width: 3px; }
.proinfo01 .mid::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.proinfo01 .mid::-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); }
/* tech */
.tech01 .content a { margin-right: 0%; width: 100%; margin-bottom: 16px; }
.tech01 .content a .t h5 { font-size: 22px; }
.tech01 { padding: 50px 0; }
.tech02 { padding: 50px 0; }
.tech02 .content {flex-flow: wrap;}
.tech02 .content a {width: 100%; margin-bottom: 20px;}
/* con */
.con01 { padding: 50px 0; }
.con01 .icenter1 {flex-flow: wrap;}
.con01 .icenter1 .left { width: 100%;margin-bottom: 20px;}
.con01 .icenter1 .right {width: 100%;}
.con_h3 { font-size: 24px; }
.con01 .icenter1 .left dl dd span { font-size: 15px; line-height: 33px; }
.con05 { padding: 50px 0; }
.con05 .icenter1 h4 { font-size: 15px; line-height: 26px; width: 94%; }
.con05 {background-attachment: unset;}
._form { padding: 50px 0; }
._form .bot form .label h6 { font-size: 14px; }
._form .bot form .label span input { width: 100%; height: 6.5rem;}
.con02 .map { background: none; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50.1rem; height: 20.7rem; background-color: #fff; }
.con02 .map .cc {    top: 2.7rem; left: 1.9rem; width: 100%; }
.con02 .map .imgbox { width: 40%; height: 13rem; }
.con02 .map .text { width: 54%; margin-left: 10px; }
._form .bot form .textarea h6 { font-size: 14px; }
.con03 { padding: 50px 0; }
.con03 h3 { font-size: 16px; margin-bottom: 24px; }
.con03 dl dd { width: 100%; margin-right: 0%; margin-bottom: 20px; padding: 20px; border: 1px solid rgba(255,255,255,0.2); }
.con03 dl dd h4 { font-size: 24px; }
.con03 dl dd .g span { font-size: 14px; line-height: 24px; }
.con03 dl dd .g img { width: 14px; top: 5px; }
.jl { margin: 50px 0; }
.jl dd .top h4 { font-size: 20px; margin-bottom: 10px; }
.jl dd .top { position: relative; padding: 5.2rem 4.7rem 5.2rem 3.7rem; }
.jl dd .top .tip h5 { margin-right: 2rem; }
.jl dd .top .state { font-size: 28px; top: 40%; }
.jl dd .bot { padding: 5.2rem 2rem 5.2rem 3.7rem; }
.jl dd .bot .cc p { font-size: 14px; line-height: 28px; }
.jl dd .bot .you {     font-size: 14px; text-align: justify; }
.jl dd .bot span { font-size: 12px; display: contents; }
.jl dd .top .tip { display: flex; align-items: center; width: 100%; }
.i04 dl dd .content h3::after { left: 50%; transform: translateX(-50%); }
.jl dd .top .tip h5 span { font-size: 14px; display: block; white-space: nowrap; }

.honormin { padding: 50px 0 30px;}
.honormin a:nth-child(3n) { margin-right: 2%; }
.honormin a:nth-child(2n) { margin-right: 0%; }
.honormin a { width: 48.5%; margin: 0 3% 30px 0; }
.honormin a span { font-size: 14px; margin: 8px 0 0 0; }

/* pro */
.pro01 { padding: 50px 0; }
.pro01 .top { flex-flow: wrap; }
.pro01 .top .ri { width: 100%; font-size: 14px; line-height: 24px; margin-top: 10px; }
.pro01 .mid { width: 100%; }
.pro02 dl {flex-flow: wrap;}
.pro02 dl dd {width: 100%;    margin-bottom: 20px;}
.pro02 dl dd .text h5 { margin-top: 30px; }
.head .logo span {display: none;}

.footer .fo03 .icenter {flex-flow: wrap;}
.footer .fo03 .icenter .le {flex-flow: wrap;justify-content: center;}
.footer .fo03 .icenter .ri { margin: auto; margin-top: 0px; }
.ab06 .bot {    width: 94%; left: 3%; }
.ab06 .bot .b_so { width: 100%; }
.ab06 .bot .b_so .faf { width: 16%; }
.ab06 .bot .b_so .swiper-pagination { width: 80%;}
.ab06 .swiper-slide:hover { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.ab06 .bot .b_so .fa { width: 5rem; height: 5rem;}
.hangye_h3 { font-size: 24px; }
.hangye01 { padding: 50px 0;}
.hangye01 .icenter p { font-size: 14px; line-height: 24px; width: 100%; }
.hangye01 .icenter ul { width: 100%;flex-flow: wrap; }
.hangye01 .icenter ul li {    height: auto; padding: 7.7rem 4.5rem; width: 100%; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hangye01 .icenter ul li h4 strong { font-size: 30px; }
.hangye01 .icenter ul li h5 { text-align: center; }
.hangye01 .icenter ul li h4 strong:nth-of-type(2) { font-size: 24px; }
.hangye02__sub { width: 100%; }
.hangye02__f { width: 100%; }
.honormin a { width: 100%; margin: 0 0% 0px 0; }
.honormin .fa-angle-right { right: 4%; }
.honormin .fa-angle-left { left: 4%; }
.hangye03 .icenter p { width: 94%; font-size: 14px; line-height: 24px; }
.hangye03 { padding-bottom: 50px; }

.ab05 .icenter .map .point .g span { font-size: 12px; }
.proinfo_banner .le .show dl dd img { height: auto; width: auto; max-width: 100%; }
.proinfo_banner .le .show { height: 58.5rem; width: 86%; }
 .div3 .head .logo img { filter: none; }

 .ab05 .icenter .map .point .g span {left: -26.8rem;}
 .ab05 .icenter .map .point .g:hover::after {width: 4.6rem;}

.ab05 .icenter .map .point .g:nth-of-type(8):after ,.ab05 .icenter .map .point .g:nth-of-type(4)::after, .ab05 .icenter .map .point .g:nth-of-type(5):after{ right: 0px; left: auto; }
.ab05 .icenter .map .point .g:hover:nth-of-type(8):after, .ab05 .icenter .map .point .g:hover:nth-of-type(5):after, .ab05 .icenter .map .point .g:hover:nth-of-type(4):after {width: 4.6rem;}
.ab05 .icenter .map .point .g:nth-of-type(8) span,.ab05 .icenter .map .point .g:nth-of-type(5) span,.ab05 .icenter .map .point .g:nth-of-type(4) span {left: -26.8rem;}
.ab05 .icenter .map .point .g:nth-of-type(2) span { left: -13.8rem; }

.ab06 .bot .swiper .box .imgbox img {
    height: auto;}



}