@media only screen and (min-width:956px) and (max-width:1268px){ 

         
.pc-1200px {display: none!important;}
.drawer-nav { display: block; }
 /* drawer-hamburger */
 .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #e62129!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%;} 
 .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{      padding: 60px 0 0 0;    height: 100%; box-sizing: border-box; width: 100%; right: 0px; top: 60px!important;}
 .drawer--right .drawer-nav>.drawer-menu{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: 0.4%;}
 .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #e62129;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #e62129;;display: none;}
.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-hamburger:hover { cursor: pointer; background-color: #e62129!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #e62129!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: #e62129!important;}
.drawer-menu-item:hover { color: #e62129!important; }




.header .nav {display: none;}
.p-language {display: none;}
.header { width: 100%; height: 80px;     padding-left: 2%; box-sizing: border-box;}
.header .logo { min-width: 185px; }
.i-cont {width: 96%;}
.footer {display: none;}
.copyright a {display: none;}
.footerwrap { width: 100%; padding: 0px 0 0px; padding: 0 2%; }
.footerwrap .copyright { width: 100%;justify-content: center; padding: 20px 0;}
.footerwrap .copyright h3 {font-size: 12px;}



.banner .swiper-slide img { width: 100%; height: 100%; }
.swiper01 { height: 100%; }

.index01wrap { margin: 70px auto 0; width: 96%;}
.index01 .title .box1 img { width: 600px; }
.index01 .item {width: 100%;margin-left: 0px;}
.index01 .bgimg img { width: 274px; opacity: 0.35; }
.index01 .index01tab { right: calc(4%);}
.index01 .item .right .more { left: -182px; width: 200px; height: 56px; line-height: 56px; font-size: 16px; }
.index01 .item .right .textbox { padding: 30px; }
.index01 .item .right { padding-bottom: 31px; margin-bottom: -32px; }
.index01 .item .right { padding-left: 19px; }
.index01 .item .right { width: 41%; margin-left: -31%;}
.index01 .item .right .textbox h3 { font-size: 30px; margin: 28px 0; }
.index01 .item .right .textbox p { font-size: 14px; line-height: 26px;}

.title-p .box1 img { width: 600px; }
.index03 .swiper-button-next, .index03 .swiper-button-prev {top: 32%;}
.index03 { margin: 100px auto 50px; }
.title-p { width: 96%;}

.index05 a { width: 177px; height: 200px; background-size: 100%; }
.index05 a.item3 { left: 27%;  }
.index05 a.item4 { right: 27%; }
.index05 a.item5 { left: 12.8%; }
.index05 a.item6 { left: 12.8%; }
.index05 a.item7 { right: 12.8%;}
.index05 a.item8 { right: 12.8%; }
.index05 a.item9 { left: -15px; }
.index05 a.item10 { right: -15px; }
.title-p .box1 { top: -27px;}


.index06 .title-p .box1 { left: 50%; top: -29px;}
.index06 .title-p .box1  img{ width: 386px;}
.index06 { width: 96%; }
.index06 .min02 .left { width: 60%; padding-right: 95px; }
.index06 .min02 .left .text { width: 66%; right: 96px; }
.index06 .min02 .left::after { right: 73px;top: 21px; }
.index06 .min02 .left .text h5 {width: 130px; height: 130px; right: -65px;}
.index06 .min02 .left .text h5::after { width: 152px; height: 152px;}


.mbx {display: none;}
.about01 .left strong { width: 48px; height: 3px; margin: 17px 0 24px; }
.about01 .left p { font-size: 14px; line-height: 24px;margin-bottom: 12px; }

.about02 {padding-top: 70px}
.about02 .page { width: 100%; }
.about03 { padding: 70px 0; }
.about03 .wh .item p { font-size: 14px; line-height: 24px; }
.about03 .wh .item { padding: 18px; }
.nav-wrap ul li a { padding: 22px 0px 22px 62px; }
.ys01 .text { width: 96%;}

.ys02 .f1 { width: 96%;}

.ys02 .f3 .text .imgbox2 img { height: 300px; object-fit: cover;}
.ys02 .f3 .imgbox img { height: 300px; object-fit: cover; }
.ys03 .text { width: 96%;}

.contact01wrap .text .info .item .txtbox p { word-break: break-word; }
.contact01wrap .text .info .item .iconbox { width: 32px; height: 32px;}
.contact01wrap .text .info .item .txtbox { width: 70%;}
.contact01wrap .text .info .item .iconbox img { width: 25px;}
.contact01wrap .text .info .item {padding: 20px 0;}
.contact01wrap .map {height: 477px;}
.contact02 { width: 96%;}
.contact03 { width: 96%;}
.pro01 .rightwrap {padding-right: 2%;}
.n-fywrap { margin: 50px auto 70px;}
.pro01wrap .more { margin: 50px 0 70px;}
.floor01 .swiper-button-next03, .floor01 .swiper-button-prev03 { width: 38px; height: 38px; top: 41%;line-height: 38px;}
.floor04 .f03-lb .textbox p {line-height: 25px;}
.floor01 .f-right a { margin-top: 20px; margin-bottom: 0px; }
.floor01 .f-right h3 {margin-bottom: 20px;}
.floor01 .f-right p{margin-top: 18px;}
.industryinfo01 .swiper-button-next03, .industryinfo01 .swiper-button-prev03 {top: 41%;}
.industryinfo02 .floor04 .f03-lb .textbox p {line-height: 60px;}

.newsinfo-left { padding-right: 34px; }
.newsinfo-right { padding-left: 34px; }
.n-infowrap { margin-top: 80px; height: 250px;}
.join02 .cont { width: 96%; }

.morelist a .text h3 { margin-bottom: 10px; }




}




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


  
  .pc-1200px {display: none!important;}
.drawer-nav { display: block; }
 /* drawer-hamburger */
 .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #e62129!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%;} 
 .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{      padding: 60px 0 0 0;    height: 100%; box-sizing: border-box; width: 100%; right: 0px; top: 60px!important;}
 .drawer--right .drawer-nav>.drawer-menu{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: 0.4%;}
 .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #e62129;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #e62129;;display: none;}
.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-hamburger:hover { cursor: pointer; background-color: #e62129!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #e62129!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: #e62129!important;}
.drawer-menu-item:hover { color: #e62129!important; }




.header .nav {display: none;}
.p-language {display: none;}
.header { width: 100%; height: 80px;     padding-left: 2%; box-sizing: border-box;}
.header .logo { min-width: 185px; }
.i-cont {width: 96%;}
.footer {display: none;}
.copyright a {display: none;}
.footerwrap { width: 100%; padding: 0px 0 0px; padding: 0 2%; }
.footerwrap .copyright { width: 100%;justify-content: center; padding: 20px 0;}
.footerwrap .copyright h3 {font-size: 12px;}



.banner .swiper-slide img { width: 100%; height: 100%; }
.swiper01 { height: 100%; }




.index01wrap { margin: 70px auto 0; width: 96%;}
.index01 .title .box1 img { width: 600px; }
.index01 .item {width: 100%;margin-left: 0px;}
.index01 .bgimg img { width: 274px; opacity: 0.35; }
.index01 .index01tab { right: calc(4%);}
.index01 .item .right .more { left: -182px; width: 200px; height: 56px; line-height: 56px; font-size: 16px; }
.index01 .item .right .textbox {padding:21px; }
.index01 .item .right { padding-bottom: 31px; margin-bottom: -32px; }
.index01 .item .right { padding-left: 19px; }
.index01 .item .right { width: 41%; margin-left: -31%;}
.index01 .item .right .textbox h3 { font-size: 25px; margin: 14px 0; }
.index01 .item .right .textbox p { font-size: 14px; line-height: 24px;}
.mumping_mun01 li h2 { width: 136px; height: 136px;}
.mumping_mun01 li .circleChart { width: 150px; height: 150px;}
.index02wrap { padding: 310px 0 70px;}
.index01 .item .imgbox img { width: 100%; height: 350px; object-fit: cover; }



.title-p .box1 img { width: 600px; }
.index03 .swiper-button-next, .index03 .swiper-button-prev {top: 29%;}
.index03 { margin: 100px auto 50px; }
.title-p { width: 96%;}
.index04 { margin: 50px auto 0; }
.index04 .solutionbox .item .box p {font-size: 20px;}


.index05 a {width: 140px; height: 156px;background-size: 100%; }
.index05 a.item3 { left: 27%;  }
.index05 a.item4 { right: 27%; }
.index05 a.item5 { left: 12.8%; }
.index05 a.item6 { left: 12.8%; }
.index05 a.item7 { right: 12.8%;}
.index05 a.item8 { right: 12.8%; }
.index05 a.item9 { left: -9px; }
.index05 a.item10 { right: -9px; }
.index05wrap .more { margin: 0px auto 70px;}







.index06 .title-p .box1 { left: 50%; top: -29px;}
.index06 .title-p .box1  img{ width: 386px;}
.index06 { width: 96%; }
.index06 .min02 .left { width: 60%; padding-right: 95px; }
.index06 .min02 .left .text { width: 66%; right: 96px; }
.index06 .min02 .left::after {right: 73px; top: 15px;  }
.index06 .min02 .left .text h3 { font-size: 18px; margin-bottom: 13px; line-height: 24px;}
.index06 .min02 .left .text h5 { width: 100px; height: 100px; right: -49px; top: 50%; }
.index06 .min02 .left .text h5::after { width: 122px; height: 122px; left: -12px; top: -12px; }
.index06 .min02 .right { width: 42%;}
.index06 .min02 .right a .text .font {margin-top: 3px;}
.index06 .min02 .left .text h3 { font-size: 18px; margin-bottom: 13px; line-height: 24px; }
.index06 .min02 .left img { height: 250px; object-fit: cover; }


.mbx {display: none;}
.about01 .left strong { width: 48px; height: 3px; margin: 17px 0 24px; }
.about01 .left p { font-size: 14px; line-height: 24px;margin-bottom: 12px; }
.about01wrap { padding: 100px 0 62px;}
.nav-wrap ul li a { padding: 22px 0px 22px 41px; }


.about02 {padding-top: 70px}
.about02 .page { width: 100%; }
.about03 { padding: 70px 0; }
.about03 .wh .item p { font-size: 12px; line-height: 24px; }
.about03 .wh .item { padding: 18px; }

.ys01 .text { width: 96%;}
.nav-wrap ul li a i { margin-right: 12px; }
.ys01 .text .entitle strong { width: 246px;}
.ys01 { margin: 100px auto 80px; }

.ys02 .f1 { width: 96%;}

.ys02 .f3 .text .imgbox2 img { height: 250px; object-fit: cover;}
.ys02 .f3 .imgbox img { height: 250px; object-fit: cover; }
.ys02 { padding: 70px 0; }
.ys02 .f2 .item {  padding: 0 30px;}
.ys03 .text { width: 96%;}


.chairman .text .min h4 { margin-bottom: 20px; }
.chairman .text { width: 63%; padding-right: 18px; }
.chairman .imgbox { width: 39%; padding-left: 52px; }
.chairman { margin: 70px auto; }

.morelist a .text {padding: 20px;}
.morelist a .text::after, .morelist a .text::before { top: 20px; right: 20px; bottom: 20px; left: 20px;}
.morelist a .text h3 {margin-bottom: 6px;}
.morelist a .text i {width: 30px; height: 30px;}


.contact01wrap .text .info .item .txtbox p { word-break: break-word; }
.contact01wrap .text .info .item .iconbox { width: 32px; height: 32px;}
.contact01wrap .text .info .item .txtbox { width: 70%;margin-left: 9px;}
.contact01wrap .text .info .item .iconbox img { width: 25px;}
.contact01wrap .text .info .item {padding: 20px 0;}
.contact01wrap .map {height: 477px;}
.contact01wrap .text h3 { margin-bottom: 20px; }
.contact01wrap .text .info .floor2 .item02:nth-child(2n) { padding-left: 20px; }
.contact01wrap .text .info .floor2 .item02:nth-child(2n)::after {top: 11px; }
.contact02 { width: 96%;}
.contact03 { width: 96%;}
.pro01 .rightwrap {padding-right: 2%;}
.n-fywrap { margin: 50px auto 70px;}
.pro01wrap .more { margin: 50px 0 70px;}
.floor01 .swiper-button-next03, .floor01 .swiper-button-prev03 {display: none;  width: 38px; height: 38px; top: 41%;line-height: 38px;}
.floor04 .f03-lb .textbox p {line-height: 25px;margin-left: 6px;}
.floor04 .f03-lb .textbox { width: 212px;}
.floor01 .f-right h3 {margin-bottom: 20px;}
.floor01 .f-right p{margin-top: 18px;font-size: 14px;}
.floor01 .f-right a { margin-top: 20px; margin-bottom: 0px; }
.floor02 h3, .floor03 h3, .floor04 h3, .floor01 .f-right h3 { font-size: 24px; }

.industry01 ul li .item .textbox {width: 96%;}
.industry01 ul li .item .hoverbox .ht {left: 1%;  width: 96%;}
.caselist .list .item .text { padding: 20px;}

.industryinfo01 .swiper-button-next03, .industryinfo01 .swiper-button-prev03 {top: 41%;width: 38px; height: 38px; line-height: 38px;}
.industryinfo02 .floor04 .f03-lb .textbox p {line-height: 60px;margin-left: 53px;}
.industryinfo01 .f-right h3 {margin-bottom: 20px;}
.industryinfo01 .f-right p { font-size: 14px; line-height: 24px; margin-top: 18px; }
.industryinfo01 .f-right a { margin-top: 20px; }
.industryinfo03 ul li .text p { font-size: 16px; line-height: 24px; word-break: break-word; }
.industryinfo03 ul li .text {width: 70%;margin-left: 18px;}
.news01wrap .item .imgbox { width: 32%;}
.news01wrap .item .text { width: 60%; padding-left: 35px; padding-right: 71px; }

.newsinfo-left { padding-right: 16px; }
.newsinfo-right { padding-left: 16px; }
.n-infowrap { margin-top: 80px; height: 250px;}
.join02 .cont { width: 96%; }
.join01 { margin: 70px auto;}
.industry01 ul li .item .hoverbox h4 { font-size: 14px;}
.industry01 ul li .item .textbox h3 { font-size: 14px; }
.caselist .list .item .text h3 { font-size: 20px;}
 }



@media only screen and (max-width:760px){

.pc-1200px {display: none!important;}
 .drawer-nav { display: block; }
  /* drawer-hamburger */
  .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #e62129!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%;} 
  .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{      padding: 60px 0 0 0;    height: 100%; box-sizing: border-box; width: 100%; right: 0px; top: 60px!important;}
  .drawer--right .drawer-nav>.drawer-menu{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: 0.4%;}
  .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #e62129;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #e62129;;display: none;}
.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: #e62129!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #e62129!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: #e62129!important;}
.drawer-menu-item:hover { color: #e62129!important; }



.header .nav {display: none;}
.p-language {display: none;}
.header { width: 100%; height: 60px;     padding-left: 2%; box-sizing: border-box;}
.header .logo { min-width: 185px; }
.i-cont {width: 96%;}
.footer {display: none;}
.copyright a {display: none;}
.footerwrap { width: 100%; padding: 0px 0 0px; padding: 0 2%; }
.footerwrap .copyright { width: 100%;justify-content: center; padding: 20px 0;}
.footerwrap .copyright h3 {font-size: 12px;}
.banner { height: calc(100% - 60px); margin-top: 60px; overflow: hidden; }
.banner .swiper-slide img { width: 100%; display: block; height: 100%;object-fit: cover; }
.swiper01 { width: 100%; height: 100%; }
.banner .banner-txt { width: 96%; }
.banner .banner-txt strong { font-size: 12px; margin-bottom: 16px; }
.banner .banner-txt .h3box h3 { font-size: 29px; margin: 0px;}
.banner .banner-txt .h3box span:nth-last-of-type(1) { width: 26px;}
.banner .banner-txt .h3box span { width: 26px;}   
.banner .banner-txt h4 { font-size: 17px; margin-bottom: 16px; margin-top: 16px; }
.more { width: 120px; height: 36px; line-height: 36px; font-size: 13px;}


.index01wrap { margin: 50px auto 50px; }
.index01 .title p { font-size: 12px; margin-bottom: 14px;}
.index01 .title h3 { font-size: 24px; }
.index01 .title .box1 {display: none;}
.index01 .index01tab {  position: relative; top: auto; right: auto; display: flex!important; justify-content: space-between; width: 96%; margin: auto; margin-top: 30px;}
.index01 .item .imgbox {width: 100%;}
.index01 .item {width: 100%;margin-left: 0px;    flex-flow: wrap;    margin-top: 20px;}
.index01 .item .right {    padding: 0px; margin: auto; width: 96%; flex-flow: wrap;}
.index01 .title { width: 96%; }
.index01 .item .imgbox img { width: 96%; margin: auto; }
.index01 .item .right .textbox { padding: 20px; }
.index01 .item .right .textbox span strong { width: 28px; height: 1px; margin-right: 10px; }
.index01 .item .right .textbox h3 { font-size: 22px; margin: 14px 0; }
.index01 .item .right .textbox p { font-size: 14px; line-height: 24px;}
.index01 .item .right .more { left: 0px; width: 135px; height: 36px; line-height: 36px; font-size: 14px; position: unset; }
.index01 .item .right .textbox { padding: 14px; }
.index01 .item .right .more {    margin-left: 14px; left: 0px; width: 135px; height: 36px; line-height: 36px; font-size: 14px; position: unset;  margin-top: 12px; }
.index01 .index01tab a { font-size: 13px;; height: 25px; line-height: 24px; padding-left: 9px; margin-bottom: 10px; }
.index01 .index01tab a::before { width: 1px; height: 100%;}
.index01 .index01tab a span { margin-right: 7px; line-height: 24px; }
.index02wrap {padding: 0px;margin: 0px;    padding-top: 50px;    padding-bottom: 30px;}
.index02 .line {display: none;}
.mumping_mun01 li::after {display: none;}
.mumping_mun01 {flex-flow: wrap;}
.mumping_mun01 li .text h3 { font-size: 16px; line-height: 24px; margin-top: 10px; }
.mumping_mun01 li { margin-bottom: 20px; }

.index03 { margin: 50px auto 30px; width: 96%;; }
.title-p .box1 {display: none;}
.title-p h3 { font-size: 24px; }
.title-p strong { margin: 14px auto; width: 30px; } 
.title-p p { font-size: 14px; line-height: 24px; }
.index03 .swiper-container02 { margin-top: 20px; }
.title-p {width: 100%;}
.index03 .swiper-button-next, .index03 .swiper-button-prev { width: 26px; height: 36px; font-size: 16px;}
.index03 .txt { padding: 20px; }
.index03 .txt h3 { font-size: 18px; margin-bottom: 14px; }
.index03 .txt p { font-size: 14px;}
.index03 a { z-index: 1; }
.index03 a .item .hMaskScale::before { opacity: 0; }
.index03 a .item .serviceIconBox { background-color: rgba(230,33,41,0.9); }
.index03 .item { padding-bottom: 20px; }
.index03 a .item .txt { box-shadow: 0 2px 20px rgb(6 21 34 / 10%); background-color: #fff; }
.index04 { margin: 0px auto 0; }
.index04 .solutionbox {margin-top: 20px;}
.index04 .solutionbox { margin-top: 20px; flex-flow: wrap; }
.index04 .solutionbox .item .box p {font-size: 20px;}
.index04 .solutionbox .item02 {margin-top: 10px;}
.index04 .solutionbox .item {width: 100%;}
.index04 .solutionbox .item .box p:before, .index04 .solutionbox .item .box p:after { width: 100%; }
.index05wrap { padding-top: 50px; }
.index05 {    margin-top: 20px; height: auto; display: flex; flex-flow: wrap; justify-content: space-between;}
.index05 a { position: unset;width: 48.5%;height: auto;}
.index05 a.item1 { left: 0%; top: 0; transform: translateX(0%); }
.index05 a.item2 { transform: translateX(0%); }
.index06 { width: 96%;     padding: 50px 0 24px;}
.index05 a { position: unset; width: 43%; height: 42vw; }
.index05wrap .more { margin: 30px auto 50px;}
.index06 .min02 .left { width: 100%; padding-right: 0px; }
.index06 .min02 .right { width: 100%; float: right; position: unset;margin-top: 20px;}
.index06 .min02 .left .text h5:after {display: none;}
.index06 .min02 .left .text h5 {display: none;}

.index06 .min02 .left .text { width: 100%; padding: 20px; right: 0px; top: 50%; }
.index06 .min02 .left .text h3 { font-size: 18px; margin-bottom: 14px; line-height: 24px; -webkit-line-clamp: 2; }
.index06 .min02 .left .text h4 { font-size: 14px; line-height: 24px;}
.index06 .min02 .right a .text { width: 100%; margin-top: 14px;} 
.index06 .min02 .right a .img { width: 100%; overflow: hidden; }
.index06 .min02 .right a { flex-flow: wrap;height: auto;flex-direction: column-reverse;  margin-bottom: 26px;  }
.index06 .min02 .right a .text .font {margin-top: 14px;}
.index06 .min02 .right a .text h3 { font-size: 16px; }
.inbanner { margin-top: 60px; }
.nav-wrap {display: none;}
.mbx {display: none;}
.inbanner img {height: 200px;object-fit: cover;}
.inbanner .intext h3 { font-size: 29px; margin-bottom: 10px; }
.inbanner .intext h4 { font-size: 20px; }
.about01wrap::after {display: none;}
.about01wrap { padding: 50px 0;}
.about01 {flex-flow: wrap;}
.about01 .left {width: 100%;margin-right: 0px;}
.about01 .right {width: 100%;}
.about01 .left .title img {display: none;}
.about01 .left .title h3 { font-size: 24px;}
.about01 .left strong { width: 38px; height: 2px; margin: 20px 0 17px; }
.about01 .left p { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.about01 .left .abmore font { font-size: 14px;}
.about01 .left .abmore i { width: 20px; height: 20px; line-height: 20px; margin-left: 13px; }
.about01 .left .abmore { padding-bottom: 10px; }
.about01 .right { margin-top: 30px; }
.about02 { padding-top: 50px; padding-bottom: 10px; }
.about02 p { font-size: 14px; line-height: 24px; width: 100%; text-align: justify; }
.about02>h3 { font-size: 24px; margin-bottom: 14px; }
.about02 .bottom { margin-top: 20px; }
.about02 .page { width: 100%;margin-top: 20px; }
.about02 .bottom .text p { font-size: 14px; line-height: 24px; min-height: 55px;}
.about02 .page .swiper-button-next, .about02 .page .swiper-button-prev {width: 40px;height: 40px;}
.about03 { padding: 50px 0; }
.about03 h3 { font-size: 24px; margin-bottom: 20px; }
.about03 .wh {flex-flow: wrap;}
.about03 .wh .left, .about03 .wh .right {width: 100%;}
.about03 .wh .item { padding: 20px; }
.about03 .wh .item p { font-size: 12px; line-height: 24px; }
.about03 .wh .item h3 { font-size: 18px; margin-bottom: 14px; margin-top: 20px;}
.about03 .wh .bottom .item02 { margin-bottom: 14px; }
.ys01 { margin: 50px auto; }
.ys01 .imgbox { width: 100%; }
.ys01 .text {width: 100%; margin: 0 auto 20px;}
.ys01 .text h3 { font-size: 24px;}
.ys01 .text .entitle strong { width: 80px; }
.ys01 .text .entitle {margin-bottom: 20px;}
.ys01 .text h4 { font-size: 18px; margin: 18px auto 14px; }
.ys01 .text p { font-size: 14px; line-height: 24px; }
.ys02 .f1 { width: 100%;}
.ys02 { padding: 50px 0 30px; } 
.ys02 .f1 h3 { font-size: 24px; margin: 16px auto 14px; }
.ys02 .f1 p { font-size: 14px; line-height: 24px; }
.ys02 .f2 { margin: 20px auto 30px; padding: 20px 0 0px; flex-flow: wrap;}
.ys02 .f2 .item { padding: 0 0px; width: 100%; margin-bottom: 20px; }
.ys02 .f2 .item .iconbox { width: 54px; height: 54px;}
.ys02 .f2 .item p { font-size: 14px; margin-top: 16px; line-height: 24px; }
.ys02 .f3 {flex-flow: wrap;}
.ys02 .f3 .imgbox {width: 100%;margin-bottom: 20px;}
.ys02 .f2 .item .iconbox::after { width: 64px; height: 64px;}
.ys02 .f2 .item .iconbox font { font-size: 20px; line-height: 54px; width: 54px; }
.ys02 .f3 .imgbox img { height: 200px; }
.ys02 .f3 .text { width: 100%; margin-left: 0px; flex-flow: wrap; }
.ys02 .f3 .text .imgbox2 {width: 100%;margin-bottom: 20px;height: 200px;overflow: hidden;}
.ys02 .f3 .text .imgbox2 img { height: auto; object-fit: cover; }
.ys03wrap { padding: 50px 0 0; }
.ys03 .text {width: 100%;    margin: 0 auto 20px;}
.ys03 .text .entitle strong { width: 80px;}
.ys03 .text h4 { font-size: 18px; margin: 18px auto 14px; }
.ys03 .text h3 { font-size: 24px;}
.ys03 .text .entitle {margin-bottom: 20px;}
.ys03 .text p {font-size: 14px;line-height: 24px;}
.lb01 a { padding: 20px 0; height: 286px;}
.ys04wrap { margin-bottom: 50px; padding-top: 50px; }
.chairman { margin: 50px auto;flex-flow: wrap;}
.chairman .text {width: 100%;padding-right: 0px;}
.chairman .imgbox{width: 100%;padding-left: 0px;}
.chairman .text h3 { font-size: 16px;}
.chairman .text .min { margin-top: 20px; }
.chairman .text .min h4 { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.chairman .text .min h4:last-child { margin-bottom: 20px; }
.chairman .imgbox .bottom .item span { font-size: 14px; line-height: 24px; }
.morelist a { width: 49.78%; }
.chairman::after {display: none;}
.innerwrap { width: 100%; overflow: hidden; margin: auto; }
.morelist {margin-bottom: 50px;}
.morelist a .text h3 { font-size: 16px; margin-bottom: 10px; }
.morelist a .text i { font-size: 16px; width: 20px; height: 20px;}
.morelist a .text {padding: 20px;}
.morelist a .text::after, .morelist a .text::before { top: 20px; right: 20px; bottom: 20px; left: 20px;}
.contact01wrap {flex-flow: wrap;margin: auto; margin-top: 50px;width: 96%;}
.contact01wrap .text {width: 100%; margin-left: 0px;padding-top: 30px;}
.contact01wrap .map { height: 250px; width: 100%; }
.contact01wrap .text h3 { font-size: 24px; margin-bottom: 20px; }
.contact01wrap .text .line { height: 2px;}
.contact01wrap .text .info .floor2 {flex-flow: wrap;}
.contact01wrap .text .info .item02 {width: 100%;}
.contact01wrap .text .info .floor2 .item02:nth-child(2n)::after {display: none;}
.contact01wrap .text .info .item {padding-left: 0px;    align-items: center;}
.contact01wrap .text .info .item02 {padding-left: 0px;}
.contact01wrap .text .info .floor2 .item02:nth-child(2n) { padding-left: 0px;}
.contact02wrap { padding-top: 50px;    width: 96%; margin: auto;}
.contact03wrap{ width: 96%; margin: auto;}
.contact02 { width: 100%; margin: auto; padding-bottom: 30px;}
.contact02 .item {width: 100%;margin-right: 0px;    margin-bottom: 20px;}
.contact02 .item h3 { font-size: 20px; margin-bottom: 10px; margin-top: 20px; }
.contact03wrap .contact03 { padding: 50px 0;}
.contact03 .box img {display: none;}
.contact03 { width: 100%;}
.contact03 .box h3 { font-size: 24px; margin-bottom: 20px;}
.contact01wrap .text .info .item .txtbox p { font-size: 14px; line-height: 24px; }
.contact01wrap .text .info .item .txtbox { margin-left: 10px; width: 80%; }
.pro01 .rightwrap { width: 96%; padding-top: 50px; padding-right: 0%; margin: auto; }

.pro01 {flex-flow: column-reverse; margin-top: 0px; }
.pro01 .left { width: 100%; padding: 0px; margin: 0px; }
.pro01 .right a .textbox { padding: 14px; }
.pro01 .right>a { width: 100%; margin-right: 0%; margin-bottom: 20px; }
.n-fywrap { width: 100%; box-sizing: border-box; margin: 50px auto 50px; }
.floor01 {flex-flow: wrap;}
.floor01 .f-left {width: 100%;    margin-bottom: 20px;}
.floor01 .f-right {width: 100%;margin-left: 0px;}
.floor01 .swiper-button-next03, .floor01 .swiper-button-prev03 {display: none;}
.floor02 h3, .floor03 h3, .floor04 h3, .floor01 .f-right h3 { font-size: 24px; margin-bottom: 20px; }
.floor01 .f-right p { font-size: 14px; line-height: 24px; margin-top: 16px; }
.floor01 .f-right a {  margin: 20px 0 50px;}
.floor02 { margin-top: 0px; }
.floor02 .list02 li i { font-size: 20px; margin-right: 12px; }
.floor03 { margin-top: 50px; }
.floor03 .list03 {margin-top: 23px;}
.floor03 .list03 li:nth-of-type(2n){margin-right: 0px;}
.floor03 .list03 li p { font-size: 14px; margin-top: 14px; }
.floor03 .list03 li {padding: 14px; width: 48.5%; margin-right: 3%;    margin-bottom: 3%;}
.floor04 { margin-top: 50px; }
.floor04 .f03-lb .textbox { width: 221px; height: 60px;}
.floor04 .f03-lb .textbox p { font-size: 14px;  line-height: 35px; margin-left: 30px; }
.pro01wrap .pinfo-fywrap { margin-top: 70px; }
.pro01wrap .more { margin: 50px 0 50px;}
.industry01 { margin: 50px auto; }
.industry01 h3 { margin-bottom: 20px; font-size: 24px;}
.industry01 ul {flex-flow: wrap;}
.industry01 ul li {width: 100%;margin-right: 0px;margin-bottom: 20px;}
.industry01 ul li .item img { width: 100%; height: 250px; object-fit: cover; }
.caselistwrap { padding: 50px 0; }
.caselist>h3 { font-size: 24px;}
.caselist .list {margin-top: 20px;}
.caselist .list .item {width: 100%;margin-right: 0px;margin-bottom: 20px;}
.caselist .list .item .text { padding: 20px;}
.caselist .list .item .text h3 { font-size: 20px; margin-bottom: 14px;}
.caselist .list .item .text p { font-size: 14px; margin-bottom: 14px; line-height: 25px; }
.inbanner02 { padding-top: 60px; }
.industryinfo01 { margin: 50px auto;flex-flow: wrap;}
.industryinfo01 .f-left {width: 100%;}
.industryinfo01 .f-right {width: 100%;margin-left: 0px;margin-top: 20px;}
.industryinfo01 .swiper-button-next03, .industryinfo01 .swiper-button-prev03 {display: none;}
.industryinfo01 .f-right h3 { font-size: 24px; margin-bottom: 20px; }
.industryinfo01 .f-right p { font-size: 14px; line-height: 24px; margin-top: 16px; }
.industryinfo01 .f-right a { margin-top: 20px; }
.floor04 .f03-lb .textbox p {line-height: 58px;}
.industryinfo03 { margin: 80px auto 30px; }

.industryinfo03 h3 { font-size: 24px; margin-bottom: 20px; }
.industryinfo03 ul {margin-top: 20px;flex-flow: wrap;}
.industryinfo03 ul li {width: 100%;margin-right: 0px;padding: 20px;    margin-bottom: 20px;}
.industryinfo03 ul li .text { margin-left: 14px; width: 75%; }
.industryinfo03 ul li .text p { font-size: 14px; color: #666; word-break: break-word; }
.industryinfo03 ul li .iconbox { width: 66px; height: 66px;}
.industryinfo01wrap .page { padding-top: 20px; margin-bottom: 50px; }
.news01wrap .li:nth-child(1) { padding-top: 50px; }
.news01wrap .item .text {     margin-top: 16px; width: 100%; box-sizing: border-box; padding-left: 0px; padding-right: 0px; }
.news01wrap .item .imgbox {width: 100%;}
.news01wrap .item { flex-flow: wrap;}
.news01wrap .item .imgbox img { width: 100%; height: 200px; }
.news01wrap .item .text h3 { font-size: 16px; margin-bottom: 14px; }
.news01wrap .item .text h4 { font-size: 14px; line-height: 24px;}
.news01wrap .item i {display: none;}
.news01wrap .li {padding: 30px 0;}
.n-infowrap { width: 100%; margin-top: 60px; height: 200px; }
.newinfotext h3 { font-size: 22px; line-height: 30px; }
.newsinfo { padding: 50px 0;flex-flow: wrap;}
.newsinfo-left { width: 100%; padding-right: 0px; }
.newsinfo-right { width: 100%; padding-left: 0px; }
.newsinfo:after {display: none;}
.newsinfomin p { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.newsinfomin {margin-bottom: 0px;}
.newsinfo-left .page { width: 100%; padding-top: 20px; margin-bottom: 50px; }
.newsinfomin p { font-size: 14px; line-height: 23px; margin-bottom: 20px; }
.newsinfo-right .tl { font-size: 20px; margin-bottom: 20px; }
.newsinfo-right .list a {flex-flow: wrap;}
.newsinfo-right .list a .imgbox {width: 100%;}
.newsinfo-right .list a .text {width: 100%;    margin-top: 10px;}
.join01 { margin: 50px auto; flex-flow: wrap;}
.join01 .imgbox {width: 100%;}
.join01 .text {width: 100%;margin-left: 0px;    margin-top: 20px;}
.join01 .text h3 { font-size: 24px; margin-bottom: 0px; }
.join01 .text h4 { font-size: 14px; line-height: 24px; }
.join01 .text strong { width: 60px; height: 1px; margin: 19px 0 15px; }
.join02 { padding: 50px 0;}
.join02 .cont {    width: 96%; }
.join02 .cont .toh3 { font-size: 24px; margin-bottom: 20px; }
.join02 .top h3 { font-size: 15px; margin-bottom: 10px; }
.join02 .top { margin-bottom: 20px; }
.join02 .cont .min .item .info li p { width: 20%; font-size: 14px;border-right: 1px solid #e62129; margin-top: 7px;}
.join02 .cont .min .item .info::before {display: none;}
.join02 .cont .min .item .info li h4 { width: 80%; font-size: 14px; line-height: 24px; padding-left: 24px; }
.join02 .cont .min .item .info li {padding-bottom: 20px;}
.join02 .cont .min li a p { font-size: 16px; }

.wpcf7 p:nth-child(2) { width: 48.4%!important; }





}