@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{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{
  top: 40px;
  position: relative;
  width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.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-hamburger:hover { cursor: pointer; background-color: var(--dex)!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(--dex)!important;}
 .drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {        position: absolute; right: 40px; bottom: 90px; font-size: 18px; color: #666; z-index: 10;}
.drawer-open .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
/* 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;}

.div3 .drawer-hamburger {
  cursor: pointer;
  background-color: var(--dex)!important;
}


/* head footer */
.icenter {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; } 
.head .icenter {     height: 100%; padding: 0 3%; }
.head .icenter .logo,.div2 .head .icenter .logo { width: 150px; }
.div1:hover .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
.div2 .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
.footer {padding: 20px 0;}
.footer .f01 {display: none;}
.footer::after { height: 3px; }
.footer .f02 {padding-top: 0px;}
.footer .f02 .le { display: flex; flex-flow: wrap; justify-content: center; }
.footer .f02 .le a { font-size: 12px; margin-right: 14px; }
.icenter { width: 94%; }
.indexbanner .text { width: 94%; }
.indexbanner .swiper-pagination-bullet { width: 24px; height: 2px;}
.innerbanner img { height: 300px; }

.con01 .left { width: 42.5%; }
.con_title { font-size: 30px; }
.con02 dd .bot { padding: 2.6rem; }
.con03 .ab2cv .title h4 { font-size: 13px; }

.ab_banner .text { width: 94%; }
.ab_banner .text h4 { font-size: 30px; }
.ab_banner .num .g h4 strong { font-size: 34px; }
.ab01 .left h4 { font-size: 19px; }
.ab01 .left .box { font-size: 14px; line-height: 24px; }
.ab01 .icenter .wen { bottom: -13.7rem; left: 0rem; width: 52rem; }
.vi_box .box .video { width: 84%;}
.ab02 .bot .le .cc { left: 4.5rem;}
.ab02 .bot .ri { padding: 0 5rem; width: 56%;}
.ab02 .bot .ri h4 { font-size: 20px; }
.ab02 .bot .ri h5 { font-size: 13px; line-height: 23px; }
.ab04 .icenter .text { width: 43.7%; padding-right: 5rem; }
.news .news_nav .left { width: 73%;}

.i03 .top .ri { width: 42%;}
.i03 .top .ri h2 { font-size: 28px; line-height: 39px; margin-bottom: 25px;}
.i04 .g:nth-of-type(7) { top: 111px; width: 150px; height: 150px; left: 403px; }
.i04 .g:nth-of-type(13) { top: 106px; right: 294px; width: 72px; height: 72px; }
.i04 .g:nth-of-type(14) { width: 75px; height: 75px; right: 94px; top: -3px; }
.button--moema { width: 14rem;}

.i02 ul li .text {flex-flow: wrap;}
.i02 ul li .text .le {width: 100%;margin-bottom: 20px;}
.i02 ul li .text .ri {width: 100%;}
.i02 ul li .text .ri { height: auto; padding-left: 0px; margin-left: 0px; border-left: 0px; }
.i02 ul li:hover .text .ri { display: flex;}
.i02 ul li .text .ri { height: auto; padding-left: 0px; margin-left: 0px; border-left: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.i02 ul li .text .le span { text-align: center; }
.i02 ul li .text .ri .cha { position: unset; margin-top: 20px;}
.i02 ul li .text { top: 66%;}
.i04 ul li.active .text { left: 36%; }

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

           /* .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{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{
  top: 40px;
  position: relative;
  width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.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-hamburger:hover { cursor: pointer; background-color: var(--dex)!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(--dex)!important;}
 .drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {        position: absolute; right: 40px; bottom: 90px; font-size: 18px; color: #666; z-index: 10;}
.drawer-open .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
/* 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;}

.div3 .drawer-hamburger {
  cursor: pointer;
  background-color: var(--dex)!important;
}


/* head footer */
.icenter {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; } 
.head .icenter {     height: 100%; padding: 0 3%; }
.head .icenter .logo,.div2 .head .icenter .logo { width: 150px; }
.div1:hover .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
.div2 .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
.footer {padding: 20px 0;}
.footer .f01 {display: none;}
.footer::after { height: 3px; }
.footer .f02 {padding-top: 0px;}
.footer .f02 .le { display: flex; flex-flow: wrap; justify-content: center; }
.footer .f02 .le a { font-size: 12px; margin-right: 14px; }
.icenter { width: 94%; }
.indexbanner .text { width: 94%; }
.indexbanner .swiper-pagination-bullet { width: 24px; height: 2px;}
.innerbanner img { height: 300px; }

.con01 .left { width: 42.5%; }
.con_title { font-size: 24px; }
.con02 dd .bot { padding: 2.6rem; }
.con03 .ab2cv .title h4 { font-size: 13px; }

.ab_banner .text { width: 94%; }
.ab_banner .num { bottom: 18.4rem; }
.ab_banner .text { top: 30%;}
.ab03 .bot .ri { width: 48.6rem; height: 48.6rem;}
.ab01 .left h4 { font-size: 19px; }
.ab01 .left .box { font-size: 14px; line-height: 24px; }
.ab01 .icenter .wen { bottom: -13.7rem; left: 0rem; width: 52rem; }
.vi_box .box .video { width: 84%;}
.ab02 .bot .le .cc { left: 4.5rem;}
.ab02 .bot .ri { padding: 0 5rem; width: 56%;}
.ab02 .bot .ri h4 { font-size: 20px; }
.ab02 .bot .ri h5 { font-size: 13px; line-height: 23px; }
.ab04 .icenter .text { width: 43.7%; padding-right: 5rem; }

.news_banner .text { width: 94%; }
.newshowtxt { width: 94%; }
.news .news_nav {flex-flow: wrap;}
.news .news_nav .left { margin-bottom: 20px;width: 100%;}
.news .news_nav .right {width: 100%;}
.i03 dl dd::after {display: none;}
.i04 ul { height: auto; margin-top: 60px; border-radius: 20px; flex-flow: wrap; }
.i04 ul li {width: 100%;height: 363px;}
.i04 ul li.active ,.i04 ul li{       width: 100%; border-radius: 20px; overflow: hidden;}
.i04 ul li.active .text ,.i04 ul li .text{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 94%; }
.i04 ul li.active .text p ,.i04 ul li .text p{     width: 48%;font-size: 13px; line-height: 24px; margin-bottom: 16px; width: 100%; }
.i04 ul li.active .text .button--moema,.i04 ul li .text .button--moema  { display: flex; margin-top: 14px; }
.pro01_6 ul li .text p { font-size: 17px; line-height: 30px; }
.i04 ul li .text h4 {display: block;}
.i04 ul li .bg img { height: 100%; width: 64%; float: right; }
.i04 ul li.active .text h3 { font-weight: bold; color: #333333; }
.i04 ul li .text { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.i04 ul li .text p { display: block;  }
.i04 ul li .text h4 { display: block;  }
.i04 ul li .text h4 span { color: var(--dex2); font-family: arial; margin-left: 5px; }
.i04 ul li .text .button--moema { display: flex;}
.i04 ul li .bg::after { background: linear-gradient(to right, rgb(244, 243, 248) 0%, rgb(244, 243, 248) 48%, rgba(244, 243, 248, 0) 70%); }
 .i04 ul li { width: 100%; margin-bottom: 20px; }
 .i04 { padding: 50px 0; }
 .i04 ul li { height: 280px; }
 .i04 ul li .text h3 { font-weight: bold; color: #333333; }
.i04 ul li .text h3 { font-size: 24px; margin-bottom: 18px; }
.i04 ul li.active .text { left: 38%; }
.i03 .bot .ri .min { font-size: 14px; }

.i04 .top .i04_nav {   margin-top: 24px; flex-flow: wrap; justify-content: flex-start;}
.i04 .top .i04_nav .button--moema { margin-bottom: 10px; margin-right: 12px;}
.i04 .g:nth-of-type(3n) {margin-right: 0px;}
.i04 .top .i04Swiper .swiper-slide-active .box { display: flex; flex-flow: wrap; }
.i04 .top .i_h3 { top: 0px; }
.i04 .top .i04Swiper { height: 607px; }
.i04 ul li.active .text { left: 25%; top: 50%; transform: translate(-50%, -50%); width: 38%; }
.i04 ul li .text { left: 25%; top: 50%; transform: translate(-50%, -50%); width: 38%; }
.i04 .g {     position: unset!important; transform: none!important; width: 16vw!important; height: 16vw!important; margin-right: 2.25vw!important; margin-bottom: 18px;}
.i05 .i05_nav .ri_more a { margin-left: 10px; width: 150px; height: 40px; line-height: 38px; }
.i03 .line { top: 35px; }

.i02 ul li .text {flex-flow: wrap;}
.i02 ul li .text .le {width: 100%;margin-bottom: 20px;}
.i02 ul li .text .ri {width: 100%;}
.i02 ul li .text .ri { height: auto; padding-left: 0px; margin-left: 0px; border-left: 0px; }
.i02 ul li:hover .text .ri { display: flex;}
.i02 ul li .text .ri { height: auto; padding-left: 0px; margin-left: 0px; border-left: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.i02 ul li .text .le span {    text-align: center; width: 100%; white-space: normal; }
.i02 ul li .text .le {width: 100%;}
.i02 ul li .text .ri .cha { position: unset; margin-top: 20px;}
.i02 ul li .text { top: 66%;}
.i02 ul li .text { top: 66%; width: 100%; }

}


@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{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{
  top: 40px;
  position: relative;
  width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.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-hamburger:hover { cursor: pointer; background-color: var(--dex)!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(--dex)!important;}
 .drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {        position: absolute; right: 40px; bottom: 90px; font-size: 18px; color: #666; z-index: 10;}
.drawer-open .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
/* 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;}

.div3 .drawer-hamburger {
  cursor: pointer;
  background-color: var(--dex)!important;
}


/* head footer */
.icenter {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; } 
.head .icenter {     height: 100%; padding: 0 0%; }
.head .icenter .logo,.div2 .head .icenter .logo { width: 150px; }
.div1:hover .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
.div2 .drawer-hamburger { cursor: pointer; background-color: var(--dex)!important; }
.footer {padding: 20px 0;}
.footer .f01 {display: none;}
.footer::after { height: 3px; }
.footer .f02 {padding-top: 0px;}
.footer .f02 .le { display: flex; flex-flow: wrap; justify-content: center; }
.footer .f02 .le a { font-size: 12px; margin-right: 14px; }
.icenter { width: 94%; }
.indexbanner .text { width: 94%; }

.indexbanner .text h1 { font-size: 22px; line-height: 32px;}
.indexbanner .text .h4 { font-size: 14px; text-align: center; }
.indexbanner .swiper-pagination-bullet { width: 24px; height: 2px;}
.innerbanner .text h3 { font-size: 32px; }
.innerbanner .text h4 { font-size: 14px; }
.innerbanner img { height: 260px; }
.con01 { padding: 50px 0; }
.con01 .icenter {flex-flow: wrap;}
.con01 .left {margin-bottom: 20px; width: 100%;}
.con01 .right {width: 100%;}
.con_title { font-size: 24px; }
.con01 ul { margin-bottom: 3.3rem; }
.con02 .fac.fa-angle-right { right: -2%; }
.con02 .fac.fa-angle-left { left: -2%; }
.con03 .h5_img {display: block!important;}
.con03 .ab2map {display: none;}
.con03 .ab2cv { position: unset; margin-bottom: 2rem; }
.con03 .ab2cv .title h4 { font-size: 14px; }
.con03 .ab2cv p strong { font-size: 55px; }
.con03 .ab2cv p span { font-size: 14px; }
.con03 .ab2cv p { width: 28rem; }
.con03 .ab2cv .title { margin-bottom: 3.4rem; }
.con03 .icenter {display: flex; flex-flow: column-reverse; }
.con04 {   padding: 0px 0; padding-top: 0px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; background: none;}
.con04 .icenter {flex-flow: wrap;    width: 100%;}
.con04 .icenter .left {width: 100%;margin-bottom: 50px;  padding: 50px 3%;  background-color: rgba(246, 246, 246,1);}
.con04 .icenter .right {width: 100%;}
.con04 .chanpin a { width: 48%; }
.con04 .icenter .left h6 { font-size: 13px; }
.con04 .icenter .left form .label { width: 100%; float: left; margin-right: 0%;}
.con04 .icenter .left form .label:nth-of-type(3), .con04 .icenter .left form .label:nth-of-type(4), .con04 .icenter .left form .label:nth-of-type(5) { width: 100%; }
.con04 .icenter .right .text h4 { font-size: 20px; }
.con04 .icenter .right { width: 70%; }
.ab_banner .text h4 { font-size: 22px; }
.ab_banner .text {width: 94%;}
.ab_banner .text h4 { margin: 2.2rem 0 1.5rem; }
.ab_banner .text h3 { font-size: 19px; }
.ab_banner .text h5 { line-height: 22px; font-size: 14px; }
.ab_banner .text { top: 20%;}
.ab_banner .num .g .icon img { height: 3rem; }
.ab_banner .num .g h4 strong { font-size: 32px; }
.ab_banner .num .g h5 { font-size: 13px; }
.ab_banner .num .g { margin-bottom: 30px; width: 30%;}
.ab01 { padding: 50px 0;}
.ab01 .icenter  {flex-flow: wrap;}
.ab01 .icenter .wen {display: none;}
.ab01 .left {width: 100%;top: 0px;}
.ab01 .right {width: 100%;}
.vi_box .box .video { position: relative; width: 94%; height: auto; max-height: unset; }
.ab_h3 { font-size: 24px; }
.ab01 .left h4 { font-size: 16px; }
.ab01 .left .box {    font-size: 14px; line-height: 24px;}
.ab01 .left { width: 100%; top: 0px;     margin-bottom: 30px; }
.vi_box .box .video img.close { right: 0px;}
.ab01 .right video { width: 100%; }
.ab02 { padding-top: 50px; padding-bottom: 14px; }
.ab01 .right video { height: auto; }
.ab01 .left__swiper .ab01Swiper-pagination { bottom: 0%; }
.ab01 .left__swiper .ab01Swiper-pagination { bottom: -5%; }
.ab01 .left .left__swiper { overflow: hidden; height: 184px; overflow-y: auto; padding-right: 10px; }
.ab01 .left .left__swiper:-webkit-scrollbar { height: 1px; width: 3px; }
.ab01 .left .left__swiper::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127, 127, 127, 0.3); background: #ded8d8; }
.ab01 .left .left__swiper::-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); }
.ab02 .top p { font-size: 13px; line-height: 21px; width: 100%; }
.ab02 .ab_h3 { text-align: center; }
.ab02 .bot .le { width: 100%; position: relative; clip-path: unset; border-radius: 10px;margin-bottom: 10px; }
.ab02 .bot .ri { padding: 0 3rem; width: 100%; position: unset; right: 0px; top: 50%; transform: translateY(0%); }
.ab02 .bot .le .cc { left: 50%; top: 50%; transform: translate(-50%,-50%);  width: 90%; }
.ab02 .bot .le .cc a { font-size: 13px; }
.ab02 .bot .le img { height: 43.1rem; }
.ab02 .bot .ri h4 { font-size: 18px; }
.ab02 .bot .ri h5 { font-size: 12px; line-height: 22px; }
.ab03 { padding: 50px 0; }
.ab03 .bot {flex-flow: wrap;}
.ab03 .bot .le {     width: 100%; height: 47rem; padding: 5rem 0rem 0 3.9rem;}
.ab03 .bot .ri { opacity: 0; position: absolute; left: -3000px; }
.ab03 .bot .le .box .seg h4 { height: 3.4rem; font-size: 28px; line-height: 3.4rem; }
.ab03 .bot .le .box .seg h4 span { font-size: 18px; margin-left: 7px; line-height: 24px; }
.ab03 .bot .le .box .seg p { font-size: 13px; line-height: 24px; }
.ab04 .icenter .imgbox {width: 100%;}
.ab04 .icenter .text {width: 100%;padding-right: 0px;    margin-top: 20px;}
.ab04 .icenter::before {display: none;}
.ab04 .icenter { padding: 0px 0 0; flex-flow: wrap; }
.ab04 .icenter .text p { font-size: 13px; line-height: 24px; margin: 2rem 0 3rem; }
.ab04 .icenter .imgbox img { height: auto; }
.ab05 { padding: 50px 0; }
.ab05 ul li .imgbox img { height: 37.7rem; }
.ab05 ul li {width: 100%;margin-bottom: 10px;}
.act dl { margin-top: 50px; }
.page span ,.page a{ border-radius: 3px; width: 36px; height: 36px; font-size: 17px; margin-right: 14px; }
.page { margin: 34px 0 50px; }
.act dl dd { width: 100%; margin-right: 0%; margin-bottom: 3%;}
.act dl dd .text h4 { font-size: 17px; line-height: 27px; margin-bottom: 14px;}
.news_banner { padding: 116px 0 50px; }
.news_banner .text { width: 94%; }
.news_banner h4 {    font-size: 28px; margin-bottom: 12px;}
.news_banner h5 span:nth-of-type(1) { margin-right: 24px; }
.news_banner h5 { font-size: 13px; }
.newshowtxt {    display: block; width: 94%; margin: 50px auto;}
.newshowtxt p { font-size: 14px; line-height: 24px; margin-bottom: 17px; }
.newshowtxt section { font-size: 14px; line-height: 24px; margin-bottom: 17px; }
.sxy { margin-top: 20px;}
.sxy a { padding: 12px 0; font-size: 14px; }
.bottomfx dd span { font-size: 15px; line-height: 32px; margin-right: 10px; }
.bottomfx dd .share a { width: 32px; height: 32px; line-height: 32px; margin-right: 7px; font-size: 15px; }
.com_nav { padding: 26px 0;}
.news .news_nav { margin: 30px auto; flex-flow: wrap;}
.news .news_nav .left {    width: 100%; margin-bottom: 20px; flex-flow: wrap;}
.news .news_nav .right {width: 100%;}
.news .news_nav .g a { font-size: 13px; margin-right: 20px; margin-bottom: 9px; }
.news .news_nav .g { width: 100%; }
.news .news_nav .title {width: 100%;margin-bottom: 12px;}
.news dl dd { padding: 25px 0;}
.news dl dd a  {flex-flow: wrap;}
.news dl dd a .imgbox {width: 100%;    margin-bottom: 18px;}
.news dl dd a .text {width: 100%;}
.news dl dd a .text h4 { font-size: 20px; margin: 14px 0 18px; }
.news dl dd a .text .date { font-size: 14px; }
.news dl dd a .text p { font-size: 14px; line-height: 24px; }
.case { padding: 50px 0; }
.case__right { width: 100%; }
.case__left { width: 100%; position: unset; top: 0rem; height: fit-content; display: flex; flex-flow: wrap; justify-content: space-between; }
.case__left {     margin-bottom: 20px; position: unset!important; }
.case01__right ul { margin-bottom: 5rem; }
.case01__right ul li { width: 32%; margin-right: 2%; margin-bottom: 2.5%; border-radius: 6px; overflow: hidden; z-index: 1; }
.case01__right ul li:nth-of-type(5n) { margin-right: 2%; }
.case01__right ul li:nth-of-type(3n) { margin-right: 0%; }
.case02__right a { width: 100%; margin-right: 0; margin-bottom: 5.7%; }
.pro01_1 { padding: 16.5rem 0 50px; }
.pro01_1 .top h1 { font-size: 22px; }
.pro01_1 .top { margin-bottom: 3.8rem; padding-left: 3rem;}
.pro01_1 .top .h4 { font-size: 15px; line-height: 20px; }
.pro01_1 .bot .left {width: 100%;margin-bottom: 20px;}
.pro01_1 .bot .right {width: 100%;}
.pro01_h3 { font-size: 24px; }
.pro01_2 { padding: 50px 0;}
.pro01_2 .icenter p { font-size: 13px; line-height: 23px; margin: 1.8rem auto 4.6rem; width: 100%; }
.pro01_h3 {     text-align: center;    font-size: 22px; width: 100%; margin: auto; }
.pro01_2 .icenter ul li {width: 100%!important;margin-bottom: 12px;}
.pro05_3 { padding: 50px 0 80px; }
.pro05_3 .swiper { overflow: hidden; width: 90.466667%; margin: auto; }
.pro05_3 .top p { width: 100%; font-size: 13px; line-height: 22px; }
.pro05_3 .swiper-pagination_c { width: 100%; }
.pro05_3 .swiper-pagination_c .swiper-pagination-bullet { width: 4.4rem;}
.pro01_3 .bot .swiper .box .imgbox { width: 100%; height: auto;}
.pro01_3 .bot .swiper .box .text { width: 100%; margin-top: 20px; }
.pro01_3 .bot .swiper .box .text h4 { font-size: 18px; }
.pro01_3.xiu .op { z-index: 10;}
.pro01_5 { padding: 50px 0; }
.pro01_5 .pro05_5--ul li { width: 100%; padding: 4.8rem 0; margin-bottom: 10px;}
.pro01_3 .bot .swiper .box .text h4 { font-size: 18px; text-align: center; }
.pro01_6 ul li { width: 100%; margin-bottom: 20px; }
.pro01_6 { padding-bottom: 20px; }
.pro01_1 .bot .right .cc { justify-content: center; }
.pro01_2 .icenter .pro01_2--ul li span { font-size: 14px; }
.pro01_2 .icenter .pro01_2--ul li img { height: 3.2rem;}
.pro01_5 .pro02_5--ul li { width: 100%;margin-bottom: 20px;}
.pro01_5 .pro02_5--ul li h5 { font-size: 13px; line-height: 26px; }
.pro02_4 { padding: 50px 0;}
.pro02_4 .icenter .text { background-color: #fff; width: 100%; border: 1rem solid rgb(233, 239, 253); border-radius: 15px; padding: 5.3rem 5rem; }
.pro02_4 .icenter .text .box h4 { font-size: 20px; }
.pro02_4 .icenter .text .box p { font-size: 13px; line-height: 23px; }
.i05 { padding: 50px 0; }
.i05 .i05_nav {    flex-flow: column-reverse; }
.i_h3 { font-size: 24px; }
.i05 .i05_nav .ri_more a {     width: 32%;margin-left: 0px; height: 38px; line-height: 38px; margin-right: 7px; margin-bottom: 5px; margin: 0 0 10px; }
.i05 .i05_nav .ri_more { justify-content: space-between;    flex-flow: wrap-reverse; width: 100%; }
.i05 .i05_nav .le_more { width: 100%; height: 38px; line-height: 38px; }
.i05 .i05_nav .le_more a.on { width: 32%; }
.i04 ul { height: auto; margin-top: 60px; border-radius: 0px; flex-flow: wrap; }
.i04 ul li {width: 100%;height: 363px;}
.i04 ul li.active ,.i04 ul li{width: 100%;}
.i04 ul li.active .text ,.i04 ul li .text{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 94%; }
.i04 ul li.active .text p ,.i04 ul li .text p{ font-size: 13px; line-height: 24px; margin-bottom: 16px;    width: 82%; }
.i04 ul li.active .text .button--moema,.i04 ul li .text .button--moema  { display: flex; margin-top: 14px; }
.pro01_6 ul li .text p { font-size: 17px; line-height: 30px; }
.i04 ul li .text h4 {display: block;}

.i04 ul li.active .text h3 { font-weight: bold; color: #333333; }
.i04 ul li .text { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.i04 ul li .text p { display: block;  }
.i04 ul li .text h4 { display: block;  }
.i04 ul li .text h4 span { color: var(--dex2); font-family: arial; margin-left: 5px; }
.i04 ul li .text .button--moema { display: flex;}
.i04 ul li .bg::after { background: linear-gradient(to right, rgb(244, 243, 248) 0%, rgb(244, 243, 248) 48%, rgba(244, 243, 248, 0) 70%); }
.i04 ul li { width: 100%; margin-bottom: 20px; }
.i04 { padding: 50px 0; }
.i04 ul li {     height: 280px;border-radius: 15px;}
.i04 ul li .text h3 { font-weight: bold; color: #333333; }
.i04 ul li .text h3 { font-size: 24px; margin-bottom: 18px; }

.index01tablistwrap { width: 100%; position: relative; }
.index01tablist .item {width: 49%; height: auto;}
.i02 { padding: 50px 0; }
.i02 .top h3 { font-size: 15px; margin: 6px 0; }
.i02 .top p { width: 100%; }
.i02 ul li { width: 100%; border-radius: 0px; margin-right: 0%;margin-bottom: auto;height: auto; }
.i02 ul li:hover { width: 100%; }
.i02 .top { margin-bottom: 28px; }
.i02 ul { flex-flow: wrap; height: auto; }

.i02 ul li { width: 100%; }
.i02 ul li .bg::after { background-color: rgba(0, 147, 238, 0.8); }
.i02 ul li .bg img { transform: scale(1.1); }
.i02 ul li .text .ri { display: block; animation: i05_fa 0.5s linear forwards; }
.i02 ul li { margin-bottom: 20px;    border-radius: 15px; }
.i02 ul li .text {display: flex;flex-flow: wrap;}
.i02 ul li .text  .le {width: 100%;margin-bottom: 20px;}
.i02 ul li .text  .ri {width: 100%;}
.i02 ul li .text { width: 100%; position: unset; transform: unset; }
.i02 ul li .text .ri {     border-left: 0px;height: auto; padding-left: 0px; margin-left: 0px; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.i02 ul li a { padding: 50px 0; }
.i02 ul li .text .ri .cha { left: 0px; font-size: 14px; position: unset; transform: unset; margin-top: 20px; }
.i02 ul li .text .ri p { font-size: 14px; line-height: 26px; width: 94%; text-align: center; }
.i02 ul li .text .ri h4 { font-size: 24px; margin-bottom: 11px; }
.i02 ul li .text .le span {     z-index: 10; position: relative;font-size: 15px; margin-top: 8px; text-align: center; }
.i02 ul li:hover .text .ri { display: flex; animation: i05_fa 0.5s linear forwards; }
.i02 ul li:hover .text { width: 100%; }
.i03 { padding: 50px 0; }
.i03 .top  {flex-flow: wrap;}
.i03 .top .le {    width: 100%; height: 225px;}
.i03 .top .ri {padding-right: 0px;width: 100%;}
.i03 .top .le .bo img { width: 45px; }
.i03 .top .ri { padding-right: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.i03 .top .ri h2 { font-size: 20px; line-height: 29px; margin-bottom: 10px; margin-top: 10px; text-align: center; }
.i03 .top .ri h3 { font-size: 14px; line-height: 24px; margin-bottom: 24px; text-align: center; }
.i03 .top .ri h3 br {display: none;}
.i03 dl { flex-flow: wrap; }
.i03 dl dd .icon { width: 33px; margin-right: 12px; top: 5px; }
.i03 dl dd .ri h4 strong { font-size: 39px; line-height: 40px; }
.i03 dl dd .ri span { font-size: 13px; }
.i03 dl dd { width: fit-content; display: flex; justify-content: space-between; position: relative; width: 100%; padding: 3rem; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; border: 1px solid var(--dex); }
.i03 dl dd .icon img { margin-bottom: 13px; }

.nav-cont-item-bg.act1 {display: none;}
.index01tablist { height: auto; display: flex; flex-flow: wrap; justify-content: space-between;}
.i01 { padding: 50px 0; }
.index01tablist .item h3 { font-size: 12px; margin-bottom: 20px; }
.i03 .top { margin-bottom: 32px; }
.i03 dl dd::after {display: none;}
.i03 dl dd { width: 49%; margin-bottom: 2%;}
.index01box .bg01,.index01box .bg02 {display: none;}
.index01tablist { padding: 30px 0% 10px; width: 94%; margin: auto; }
.i01 .icenter {width: 100%;    position: relative;}
.index01min {    margin: 0px auto 0; position: absolute; top: 30px;    flex-flow: wrap;}
.index01imglist { width: 100%; height: 440px; position: unset; top: 10%; left: 0; border-radius: 0px; overflow: hidden; }
.index01l-text { width: 100%; position: unset; }
.index01l-text { padding: 15px 0 0 20px; border-radius: 10px; }
.index01l-text .h3 a { font-size: 20px; text-align: center; margin: auto; margin-bottom: 10px;}
.index01l-text p { font-size: 13px; line-height: 24px; margin-bottom: 24px;     text-align: center;}
.index01l-text {     padding: 25px 3%; border-radius: 10px; width: 100%; }
.index01imglist { height: 550px;}
.i01 .button--moema { margin: auto; float: none; }



.i03 dl { margin-bottom: 30px; }
.i03 .bot .t {flex-flow: wrap;}
.i03 .bot .le {width: 100%;}
.i03 .bot .ri {width: 100%;}
.i03 .bot .b {opacity: 0;position: absolute;}
.i03 .bot .ri .min { font-size: 14px; }


.i04 .top .i04_nav {   margin-top: 24px; flex-flow: wrap;}
.i04 .top .i04_nav .button--moema { margin-bottom: 10px; }
.i04 .g {    bottom: auto!important;     position: relative!important; transform: none!important; width: 20vw!important; height: 20vw!important; margin-right: 2vw!important; left: auto!important; right: auto!important; top: auto!important; -webkit-animation: unset!important; animation: unset!important; }
.i04 .g:nth-of-type(3n) {margin-right: 0px;}
.i04 .top .i04Swiper .swiper-slide-active .box { display: flex; flex-flow: wrap; justify-content: center;}
.i04 .top .i_h3 { top: -10px; }

.i03 .bot .le .box h4 {text-align: center;}
.i03 .bot .le .box h5 { text-align: center; }
.con04 .icenter .right { width: 100%; }
.con04 .icenter .right .img {height: 300px;}
.ab03 .bot .le .box { height: 23rem;}
.ab03 .bot .le { height: 36rem; }
.ab04 h3 {text-align: center;}

.ab04 .button--moema {float: none;margin: auto;}
.ab05 ul li .imgbox img { height: 29.7rem; }
.ab05 ul li .text h5 { margin-bottom: 5rem;}
.i05 .i05_nav .le_more{display: none;}
.i05 .i_h3 { margin-bottom: 16px; text-align: center; }
.i02 ul li:hover .text { width: 94%;  margin: auto;}
.indexbanner{    height: 64%;}

.i04 ul li.active .bg::after, .i04 ul li .bg::after { background: linear-gradient(to right, rgb(244, 243, 248) 0%, rgb(244, 243, 248) 45%, rgba(244, 243, 248, 0) 131%); }
.con03 { padding: 0rem 0 50px; }
@keyframes xb1 {
	25% { transform: translate(0%, 0%); }
	50% { transform: translate(0%, 0%); }
	75% { transform: translate(0%, 0%); }
	100% { transform: translate(0%, 0%); }
}
@-webkit-keyframes xb1 {
	0% { transform: translate(0%, 0%); }
	25% { transform: translate(0%, 0%); }
	50% { transform: translate(0%, 0%); }
	75% { transform: translate(0%, 0%); }
	100% { transform: translate(0%, 0%); }
}

.ab_banner .imgbox img { animation: none; }
.i03.active .h5_img {    display: block!important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;}
  .i03.active .h5_img  img {
    height: 100%;
    object-fit: cover;
  }
.i03.active .bo {display: block!important;}
.con04 .chanpin .wpcf7-list-item:nth-of-type(4n) {
  margin-right: 1.3%;
}
.con04 .chanpin .wpcf7-list-item { width: 32.4%; margin-right: 1.3%; }
.con04 .chanpin .wpcf7-list-item:nth-of-type(3n) {
  margin-right: 0%;
}
.con04 .chanpin .wpcf7-list-item span { font-size: 13px; }



}



@media only screen  and (min-width:375px )   and (max-width:768px){
  .i04 .top .i04Swiper {height:696px;}
}
@media only screen  and (max-width:375px){
  .i04 .top .i04Swiper {height:341px;}
}
@media only screen  and (min-width:390px )   and (max-width:430px){
  .i04 .top .i04Swiper {height:407px;}
}