@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: #e60019!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-nav { right: -358px!important;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!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: #e60019;}
.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: #e60019;;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: #e60019!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #e60019!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: #e60019!important;}
.drawer-menu-item:hover { color: #e60019!important; }
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}




/*  header  footer  */
.icenternav .navpc {display: none;}
.icenternav .rightnav {display: none;}
.banner .bg {display: none;}
.icenternav { width: 94%; }
.pch, .icenternav { height: 80px; }
.homepro #s1, #s2 {display: none;}
.pch .logo img { height: 40px; }
.icenter, .homepro .content { width: 94%; }
.homepro .content { width: 80%; }
.footer .top {display: none;}
.footer .bottom .left {display: none;}
.footer .bottom { padding: 0px 0 0 0; margin: 0px 0 0 0; border-top: 0px; }
.footer { margin: 0px auto; padding: 30px 0; }
.footerct:after {display: none;}
.footer .bottom .right .fx {text-align: center;}
.footer .bottom .right .txtfb h4 {text-align: center;justify-content: center;}



 /* banner */
 .banner .p-top-mv__scroll {display: none;}
 .banner { margin: 60px 0 0 0; height: calc(100% - 60px); }
 .banner .txt { left: 50%; bottom: auto; width: calc(94%); top: 50%; transform: translate(-50%, -50%); }

 .banner video { display: block; width: 100%; height: 100%; object-fit: cover; }
  

 .fu_box .content { width: 72%;}

 .homepro .product-img__item p { width: 360px; height: 360px; }
 .homepro .product-img { height: 360px;    width: 390px; }
 .homepro .content .prott { width: calc(100% - 498px); margin: 50px 0 30px; }
 .homepro .product-slider__content, .homepro .lr { width: calc(100% - 525px); }
 .homepro .content { width: 94%; }
 .homepro .product-slider__price{width: 300px;}
 .hometech .icenter .right { width: 42%;}
 .hometech .icenter .right dl {width: 97%;}
 .inlogos h3 { top: 40px;}

 .footer .bottom .right .txtfb h3 { text-align: center; }
 .footer .bottom .right { width: 100%; }

.pagebanner:after { display: none; }
.pagebanner .bgimg {     background-size: cover!important; width: calc(100% - 0px); height: calc(100%); left: 0px; position: unset; background-size: cover; }
.pagebanner .txt h5 {display: none;}
.pagebanner .txt { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);     position: absolute;}
.pagebanner { height: calc(50vw - 80px); top: 0px;     margin-top: 80px;}


/* h5_mc */
.h5_mc {    display: block; margin-top: 50px; position: relative;}
.h5_mc::after{background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0px;left: 0px;content: "";width: 100%;height: 100%;}
.h5_mc .mc_bs3_svg { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: none; transition: all 0.3s; }
.h5_mc .txt {      z-index: 1;  padding: 150px 0;   width: 94%; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.h5_mc .txt h3 {      z-index: 1;   display: block; text-align: center; color: #fff; font-size: 32px; margin-bottom: 10px; font-weight: bold;}
.h5_mc .txt h4 {      z-index: 1;   display: block; text-align: center; color: #fff; font-size: 18px; }
.h5_mc .txt h5 {      z-index: 1; display: block; width: 100%; text-align: center; color: #fff; font-size: 14px; margin: 14px auto; line-height: 24px;}
.h5_mc .txt h5 br{display: none;}
.h5_mc .txt img {     z-index: 1;    filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height: 44px; margin: 0 auto; }
.h5_mc video {     object-fit: cover;position: absolute; display: block; width: 100%; height: 100%; z-index: -1; top: 0px;}



.h5_mc2 {display: block;    margin-top: 50px;}
.h5_mc2 h5 {    display: block; font-size: 18px; line-height: 24px; text-align: center; color: #666;}
.pageaboutlogo { height: 0vh;display: none;}
.pageaboutjzg .atclist .attipbottom { width: calc(100% - 200px);}
.mapspageabout dl { width: 94%; }
.pageaboutlogopic dl { width: calc(100% - 0px); }
.listlogo .icenter {  width: 94%; }
.m2lcYears { width: 94%; margin-left: -474px; }
.m2lcYr { font-size: 120px; }
.m2lcItems li { padding-left: 400px; margin-bottom: 50px; }
.pagecaselist { padding: 100px 0 0;}
.pagecasenum h4, .pagecasepicbg .listed-wrap .text-box h4 { font-size: 20px; line-height: 30px; }
.pagecasepicbg, .pagejobpicside { width: 94%; top: 0px; height: 46%; }
.pagejmbottombg { padding: 100px 0 0; margin-top: 0px; }
.pagejobbottomphots .icentert { width: calc(100% - 100px); }
.pagenews { padding: 80px 0;}
.pagenews dl a .dates { left: 0%; }
.pagenews dl:nth-child(2n) .dates { right: 0%; left: auto; }
.newshowtt { width: calc(100% - 100px); padding: 50px 0; margin: 80px auto 50px; }
.newshowtt dd { width: 94%;}
.newshowtxt { width: 94%; }
.pagecasenum { margin-top: 50px; padding: 50px 0 100px; }
.pagecase { padding: 100px 0 50px; margin-top: 80px; }

.prolistcontact .icenter dd:nth-child(3) p font { font-size: 15px; }
.prolistcontact .icenter dd p font a { font-size: 22px;}
.prolistpicbg .listed-wrap .text-box { width: 94%; left: 50%; margin-left: 0px; top: 50%; transform: translate(-50%, -50%); }
.prolistpicbg { top: auto; margin-top: 135px; }
.pagevideolist { padding: 0px 0 0; }
.footer .bottom .right .txtfb h3{    font-size: 14px;}
.footer .bottom .right .fx a{font-size: 20px;}
.footer .bottom .right .txtfb h4 a{font-size: 14px;}
.pagecontact .rmaps dl dd { left: 23%;}
.proshowtable .topa a {margin-bottom: 10px;}
.pagejobbottomphots .picsides3 .swiper-button-next03 { left: auto; right: 0px; }

.footer .bottom .right .txtfb h4 .se { opacity: 1; }

.pagecontact .icenter .left dt .ewm .meng,.fu_box .content  .right .box  .meng{display: none;}
}

@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: #e60019!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-nav { right: -358px!important;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!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: #e60019;}
.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: #e60019;;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: #e60019!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #e60019!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

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

.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}



/*  header  footer  */
.icenternav .navpc {display: none;}
.icenternav .rightnav {display: none;}
.banner .bg {display: none;}
.icenternav { width: 94%; }
.pch, .icenternav { height: 80px; }
.homepro #s1, #s2 {display: none;}
.pch .logo img { height: 40px; }
.icenter, .homepro .content { width: 94%; }

.footer .top {display: none;}
.footer .bottom .left {display: none;}
.footer .bottom { padding: 0px 0 0 0; margin: 0px 0 0 0; border-top: 0px; }
.footer { margin: 0px auto; padding: 30px 0; }
.footerct:after {display: none;}
.footer .bottom .right .fx {text-align: center;}
.footer .bottom .right .txtfb h4 {text-align: center;justify-content: center;}
.footer .bottom .right .txtfb h3 { text-align: center; }
.footer .bottom .right { width: 100%; }


 /* banner */
 .banner .p-top-mv__scroll {display: none;}
 .banner { margin: 60px 0 0 0; height: calc(100% - 60px); }
 .banner .txt { left: 50%; bottom: auto; width: calc(94%); top: 50%; transform: translate(-50%, -50%); }

 .banner video { display: block; width: 100%; height: 100%; object-fit: cover; }
 .fu_box .content { width: 72%;}

 .homepro .product-img__item p { width: 280px; height: 280px; }
 .homepro .product-img { height: 280px;    width: 290px; }
 .homepro .content .prott {    width: calc(100% - 360px); margin: 50px 0 30px; }
 .homepro .product-slider__content, .homepro .lr {     width: calc(100% - 381px);}
 .homepro .content { width: 94%; }
 .homepro .product-slider__price{width: 300px;}
 .homepro .product-img__item dd, .homepro .product-img__item dd .dd2 { width: 120px; height: 120px; }
 .hometech .icenter .left .imggg a { width: calc(100% - 160px); margin: 0px 0 0 160px; }
 .incase { padding: 80px 0;}
 .inlogos h3 { top: 31px;}
 .innews dl dd { padding: 30px 0 0;}
 .innews dl dd .list { padding: 30px 25px; }

 .pagebanner:after { display: none; }
 .pagebanner .bgimg {     background-size: cover!important; width: calc(100% - 0px); height: calc(100%); left: 0px; position: unset; background-size: cover; }
 .pagebanner .txt h5 {display: none;}
 .pagebanner .txt { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);    position: absolute; }
 .pagebanner { height: calc(50vw - 80px); top: 0px;     margin-top: 80px;}

/* h5_mc */
.h5_mc {    display: block; margin-top: 50px; position: relative;}
.h5_mc::after{background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0px;left: 0px;content: "";width: 100%;height: 100%;}
.h5_mc .mc_bs3_svg { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: none; transition: all 0.3s; }
.h5_mc .txt {      z-index: 1;  padding: 150px 0;   width: 94%; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.h5_mc .txt h3 {      z-index: 1;   display: block; text-align: center; color: #fff; font-size: 32px; margin-bottom: 10px; font-weight: bold;}
.h5_mc .txt h4 {      z-index: 1;   display: block; text-align: center; color: #fff; font-size: 18px; }
.h5_mc .txt h5 {      z-index: 1; display: block; width: 100%; text-align: center; color: #fff; font-size: 14px; margin: 14px auto; line-height: 24px;}
.h5_mc .txt h5 br{display: none;}
.h5_mc .txt img {     z-index: 1;    filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height: 44px; margin: 0 auto; }
.h5_mc video {     object-fit: cover;position: absolute; display: block; width: 100%; height: 100%; z-index: -1; top: 0px;}



.h5_mc2 {display: block;    margin-top: 50px;}
.h5_mc2 h5 {    display: block; font-size: 18px; line-height: 24px; text-align: center; color: #666;}
.pageaboutlogo { height: 0vh;display: none;}
.pageaboutjzg .atclist .attipbottom { width: calc(100% - 200px);}
.mapspageabout dl { width: 94%; }
.pageaboutlogopic dl { width: calc(100% - 0px); }
.pageabout3brand .icenter dl dd .txt { padding: 20px; }
.pageabout3brand .icenter dl dd .txt span, .pageyearsbottom dl a span strong { font-size: 17px; }
.pageabout3brand .icenter dl dd .txt font { min-height: 80px; margin: 20px 0; }
.pageaboutvideo dl { width: calc(100% - 100px);}
.listlogo .icenter {  width: 94%; }
.m2lcYears {     width: 94%; margin-left: -346px; }
.m2lcYr { font-size: 100px; }
.m2lcItems li { padding-left: 312px; margin-bottom: 50px; }
.pagecaselist { padding: 100px 0 0;}
.honormin { padding: 80px 0 60px;}
.pagecasenum h4, .pagecasepicbg .listed-wrap .text-box h4 { font-size: 20px; line-height: 30px; }
.pagecasepicbg, .pagejobpicside { width: 94%; top: 0px; height: 46%; }
.pagejmbottombg { padding: 100px 0 0; margin-top: 0px; }
.pagejmone, .pagejobicon, .pagejobicon, .pagejoblistcc { margin-top: 40px; padding: 40px 0 80px; }
.pagecontact .icenter .left p font, .pagecontact .icenter .left p span, .pagejmone .icenter dd font, .pagejmtwo dd font, .pagejmbottom .left .wpcf7-form dl dt, .pagenews dl a .dates font, .pagenews dl a dd font, .pagejoblistcc .pagelistdow li .join01info dt, .pagejoblistcc .pagelistdow li .join01info dd p, .pagejoblistcc .pagelistdow li .join01info dd strong, .pagejmbottom .right p span, .pagejobicon dl dd font, .pagejoblistcc .pagelistdow li .join01gw dd p font, .pagevideolist dl .left span, .pagevideolist dl .right .dow span { font-size: 13px; }
.pagejobicon dl dd img { height: 40px;}
.pagecontact .icenter .left h3, .pagejmone .icenter dd span, .pagejmtwo dd span, .pagejmbottom h6, .pagejobicon h3, .pagejobicon dl dd strong, .pagejobbottomphots h3, .pagejoblistcc h3, .pagejoblistcc .pagelistdow li .join01gw .icon .fa, .pagenews dl a .dates span, .newshowtt dd strong { font-size: 26px; }
.pagejobpicside { height: 31%; }
.pagejobbottomphots .icentert { width: calc(100% - 50px); }
.pagejmbottom .right p font a { font-size: 22px;}
.pagecontact .icenter .left h3 { font-size: 24px; }
.pagecontact .rmaps dl dd { left: 20%; width: 31%; }
.pagenews { padding: 80px 0;}
.pagenews dl a .dates { left: 0%; }
.pagenews dl:nth-child(2n) .dates { right: 0%; left: auto; }
.pagenews dl a dd strong { font-size: 32px; margin-bottom: 7px; font-size: 18px; }
.pagenews dl a { overflow: unset; }
.pagenews dl a dd font { font-size: 13px; line-height: 18px; }
.newshowtt dd { width: 94%;}
.newshowtxt { width: 94%; }
.fu_box .content .left dd h4 a { font-size: 22px; }
.fu_box .content { width: 74%; height: 30%; padding: 42px 54px; }
.pagecasenum { margin-top: 50px; padding: 50px 0 100px; }
.pagecase { padding: 0px 0 50px; margin-top: 80px; }
.pagecasenum dl { padding-bottom: 130px; }
.pagecasenum dl dt { width: 332px; top: -89px; left: 51%; margin-left: -200px; }
.pagecasenum dl {margin-top: -143px;}
.pagecasenum h4 { margin-bottom: 288px; }
.pagecasepicbg .listed-wrap .img-box { height: 470px;}
.pagecase .list li a .txt span, .pagecase .tptop li .txt span { font-size: 14px;}
.prolistcontact .icenter dd:nth-child(3) p font { font-size: 15px; }
.prolistcontact .icenter dd p font a { font-size: 17px;}
.prolistpicbg .listed-wrap .text-box { width: 94%; left: 50%; margin-left: 0px; top: 50%; transform: translate(-50%, -50%); }
.prolistpicbg { top: auto; margin-top: 90px; }
.pagevideolist { padding: 0px 0 0; }
.prolistcontact .icenter dd { width: calc(32% - 37px); padding: 16px;}
.prolistcontact .icenter dd:nth-child(3) p font { font-size: 12px; }
.prolistcontact .icenter dd p font, .proshowpicside .swiper-container02a .swiper-slide h4 strong { font-size: 15px; }
.prolistcenterpic .mySwiper2 .fa {bottom: 16px;}
.footer .bottom .right .txtfb h3{    font-size: 14px;}
.footer .bottom .right .fx a{font-size: 20px;}
.footer .bottom .right .txtfb h4 a{font-size: 14px;}
.proshowtable .topa a {margin-bottom: 10px;}
.pagejobbottomphots .picsides3 { margin: 10px 0 80px; }
.pagejobbottomphots .pictop3photos a { width: calc(25% - 7.5px); }
.pagejobbottomphots .pictop3photos .ny_zxns_td2 { width: calc(50% - 5px); left: calc(25% + 2.5px); }
.pagejobbottomphots .picsides3 .swiper-button-next03 { left: auto; right: 0px; }
.fu { bottom: 486px; }
.fu_box2 { bottom: 414px; }

.footer .bottom .right .txtfb h4 .se { opacity: 1; }
.pagecontact .icenter .left dt .ewm .meng,.fu_box .content  .right .box  .meng{display: none;}



}





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


            /* .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: #e60019!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{      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: #e60019;}
 .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: #e60019;;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: #e60019!important; }
 .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
 .drawer-hamburger {background-color: #e60019!important; }
 .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
 
 .drawer-open .drawer-hamburger-icon {background-color: #e60019!important;}
 .drawer-menu-item:hover { color: #e60019!important; }
 .drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
 .drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
 .drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}


/*  header  footer  */
 .icenternav .navpc {display: none;}
 .icenternav .rightnav {display: none;}
 .banner .bg {display: none;}
 .icenternav { width: 94%; }
 .pch, .icenternav { height: 60px; }
 .homepro #s1, #s2 {display: none;}
 .pch .logo img { height: 36px; }
 .icenter, .homepro .content { width: 94%; }
 .homepro .content { width: 80%; }
 .footer .top {display: none;}
 .footer .bottom .left {display: none;}
 .footer .bottom { padding: 0px 0 0 0; margin: 0px 0 0 0; border-top: 0px; }
 .footer { margin: 0px auto; padding: 30px 0 20px; }
 .footerct:after {display: none;}
 .footer .bottom .right .fx {text-align: center;}
 .footer .bottom .right .txtfb h4 {text-align: center;}


 /* banner */
 .banner .p-top-mv__scroll {display: none;}
 .banner { margin: 60px 0 0 0; height: calc(100% - 60px); }
 .banner .txt { left: 50%; bottom: auto; width: calc(94%); top: 50%; transform: translate(-50%, -50%); }
 .banner .txt .sy_bannerwz { margin-bottom: 14px; height: 40px; }
 .banner .txt dl { padding: 13px 0 0 0; }
 .banner .txt dl dd h3 { font-size: 28px; }
 .banner .txt dl dd h4 { font-size: 20px; }
 .banner .txt dl dt a { width: 34px; font-size: 14px; height: 34px; line-height: 34px; }
 .banner video { display: block; width: 100%; height: 100%; object-fit: cover; }
  



 .homepro { padding: 40px 0 50px; }
 .homepro .content .prott {    width: calc(100%); margin: 16px 0 12px;float: left;}
 .homepro .product-slider__content, .homepro .lr { width: calc(100%);     float: left;}
 .homepro .product-slider {    width: 100%!important; margin-top: 340px;}
 .homepro .product-img__item p img {width: 100%; }
 .homepro .product-img__item p { width: 100%; height: 100%; margin: auto; }
 .homepro .product-img__item { transition: all .3s; left: 0px; top: 0px; width: 100%; }
 .homepro .product-img { position: absolute; width: 100%; height: 379px; pointer-events: none; top: 17px; left: 50%; transform: translateX(-50%); }
 .homepro .product-img__item dd, .homepro .product-img__item dd .dd2 { width: 100px; height: 100px; }
 .homepro .product-img__item dd .dd1 { height: 49px; }
 .homepro .content .prott h3 { font-size: 16px; margin-left: 0px; margin-bottom: 12px;     text-align: center;}
 .homepro .content .prott h4 { font-size: 28px; text-align: center;}
 .homepro .product-slider__title { font-size: 28px; margin-bottom: 10px; }
 .homepro .product-slider__price { font-size: 14px; line-height: 24px;     display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
 .product-slider__price b{ margin-right:15px;}
 .homepro .product-ctr { margin-top: 12px; }
 .more1, .more3 { width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin: auto;}
 .homepro .product-slider__content{padding: 0 0 20px 0;}
 .homepro .prev { margin-right: 12px; }
 .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(1) { transition-delay: 0s; text-align: center; }
 .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(2) { transition-delay: 0.2s; text-align: center; }
 .homepro .lr {display: flex; justify-content: center;margin-bottom: 0px;}


.fu { width: 60px; height: 60px; }
.fu img { width: 28px; }
.fu_box .content { padding: 20px; border-radius: 10px; width: 94%; height: 35%; }
.fu_box .content .close { right: -10px; top: -34px; }
.fu_box .content .close img { width: 31px; }
.fu_box .content .left img { width: 120px; margin-bottom: 12px; }
.fu_box .content .left dd h3 { font-size: 12px; }
.fu_box .content .left dd h4 { font-size: 16px; }

.fu_box .content .right .box span { font-size: 12px; margin-top: 2px; }
.fu_box .content .left dd h4 a { font-size: 16px;     white-space: nowrap;}

.hometech { padding: 50px 0;    z-index: 9999;}
.hometech .icenter .left { width: 100%; padding: 0px 0 0 0; }
.hometech .icenter .right dl dd { width: 28%; }
.innews dl dd .list a .left strong, .innews dl dt a .left span, #certify .swiper-slide p, .hometech .icenter .left h3, .hometech .icenter .right dl dd font { font-size: 16px;     text-align: center;}
.innews dl dt a .left span {    height: 16px; overflow: hidden;}
.innews dl dd .list a .left font {height: 14px;}
.hometech .icenter { width: 94%; }
.footer .top dd h3, .innews h3, .innews dl dd h4 font, .innews dl dd h4 span, .innews dl dt a .right span, .inlogos h3, .incase h3, .hometech .icenter .left h4, .hometech .icenter .right strong { font-size: 32px; }
.hometech .icenter .left h4 {margin-bottom: 20px;    text-align: center;}
.hometech .icenter .left .imggg .pic1 {display: none;}
.hometech .icenter .left .imggg a { width: calc(100% ); margin: 0 0 0 0px; z-index: 999;}
.hometech .icenter .left .imggg a dd .dd2 { width: 60px; margin: -30px; }
.hometech .icenter .left .imggg a dd .videoiconr {width: 40px;}
.hometech .icenter .right { width: 100%; margin-top: 20px; }
.hometech .icenter .right dl {width: 92%;}
.hometech .icenter .right dl dd span { line-height: 20px; margin: 10px 0; height: 48px; }


.incase {padding: 50px 0;}
#certify {width: 94%;}
#certify .swiper-wrapper { padding: 12px 0; }
.incase h3 {margin-bottom: 10px;}
#certify .anlr {margin-top: 10px;}
#certify .swiper-button-preval, #certify .swiper-button-nextal {margin: 0 8px;}

#certify .swiper-slide {width: 100%; -webkit-box-shadow: 10px 10px 10px rgb(7 64 121 / 14%); box-shadow: 10px 10px 10px rgb(7 64 121 / 14%);}
.inlogos h3 { top: 10px;}
.innews { padding: 50px 0px 10px; }
.innews h3 {margin-bottom: 20px;text-align: center;}
.innews dl {flex-flow: wrap;}
.innews dl dd {    padding: 40px 0 0; width: 100%; box-shadow: 4px 4px 20px 10px rgb(7 64 121 / 14%);}
.innews dl dt {width: 100%;}
.innews dl dd h4 { margin: 0 0 10px 0; border-bottom: 2px solid #eee; padding: 0 20px 10px;    display: flex; justify-content: center; }
.innews dl dd .list { padding: 20px 20px;    padding-left: 20px!important; }
.innews dl dt a { display: flex; align-items: center; justify-content: space-between; }
.innews dl dd .list a, .innews dl dt a { padding: 0 0 20px 0; margin: 0 0 20px 0; display: flex; align-items: center; justify-content: space-between; }
.innews dl dt a {padding: 0 20px!important;}
.innews dl dt a .right span {font-size: 24px;}



.homepicbottom .icenter dd span { font-size: 24px;}
.homepicbottom .icenter dd font { font-size: 24px;}
.homepicbottom .txt h3 { font-size: 28px;     text-align: center;}
.homepicbottom .txt h4 { font-size: 14px; margin: 10px 0;     text-align: center;}
.pagebanner .bgimg { width: calc(100% - 0px); height: calc(100% - 0px); left: 0px; }
.pagebanner {     height: calc(250px); top: 0px; margin-top: 60px; }
.pagebanner:after {display: none;}
.pagebanner .txt h5 { display: block; width: 0px; height: 0px; background: #e60019; margin: 0px auto 0; }
.pagebanner .txt { bottom: auto; top: 50%; transform: translateY(-50%); position: absolute; }
.pagebanner .txt h3 {font-size: 30px;}
.pagebanner .txt h4 { font-size: 24px; margin: 5px 0 0 0; }
.pageaboutlogo { height: 0vh;display: none;}
.pageabout3brand {padding: 50px 0;}
.mc_bs3_videobox dt h3, .he_syp2 .txt h3, .pageabout3brand .icenter h3, .pageaboutvideo dl dd span, .pageaboutech h3, .pageaboutjzg h3, .pageaboutjzg .atclist .attipbottom .atdn .txt h4, .mapspageabout h3, .pageaboutlogopic dl span, .pageyearsbottom h3, .pagezspic .left span { font-size: 32px; }
.pageabout3brand .icenter h4 {margin: 10px 0 20px; text-align: justify; text-align-last: center; }
.pageabout3brand .icenter h4 br  {display: none;}
.pageabout3brand .icenter dl {flex-flow: wrap;}
.pageabout3brand .icenter dl dd {width: 100%;    margin-bottom: 20px;}
.pageabout3brand .icenter dl dd .txt { padding: 20px; }
.pageaboutvideo dl p img { height: 250px; }
.pageaboutvideo dl { width: 100%;}
.pageaboutvideo dl dd a .dd2 { width: 80px;}
.pageaboutvideo dl dd a .videoiconr { height: 46px; top: 17px; left: 17px; }
.pageaboutvideo dl dd a { margin: 20px auto 0; width: 80px; height: 80px; }
.pageaboutech { padding: 50px 0;}
.pageaboutech h4 { margin: 16px 0 0;    text-align: justify; }
.pageaboutech h4 br {display: none;}
.pageaboutjzg { padding: 50px 0;}
.pageaboutjzg .atclist .attoptt a { font-size: 14px; height: 30px; line-height: 30px; width: 28%; margin: 5px 5px; }
.pageaboutjzg .atclist .attoptt { margin: 10px 0 20px; }
.pageaboutjzg .atclist .attipbottom {    width: 100%; height: 300px;}
.pageaboutjzg .atclist .attipbottom .atdn .txt { position: absolute; top: 50%; transition: all 0.8s ease; left: 50%; width: 94%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.pageaboutjzg .atclist .attipbottom .atdn .txt h5 br {display: none;}
.pageaboutjzg .atclist .attipbottom .atdn { border-radius: 15px; height: 100%; }
.pageaboutjzg .atclist .attipbottom .atdn p {height: 100%;}
.pageaboutjzg .atclist .attipbottom .atdn p .tp {height: 100%;    object-fit: cover;}
.pageaboutjzg .atclist .attipbottom .atdn p .bg {height: 100%;    object-fit: cover;}
.mapspageabout h4 br { display: none; }
.mapspageabout h4 {    margin: 14px auto; width: 94%;}
.mapspageabout dl { width: 94%; margin: 20px auto; }
.mapspageabout dl .sax .line { width: 45px; height: 45px; }
.mapspageabout dl  .line {width: 45px; height: 45px;}
.pageaboutlogopic dl { width: 100%; padding: 50px 0px 70px; }
.pageaboutlogopic dl font { width: 94%; margin: auto; }
.pageaboutlogopic dl span{    margin: 0 0 14px 0;}
.listlogo .icenter { top: -41px; width: 94%; margin: auto; }
.listlogo .icenter a:nth-child(5n) { margin-right: 3.33%; }
.listlogo .icenter a:nth-child(3n) { margin-right: 0%; }
.listlogo .icenter a {width: 31%; margin: 0 3.33% 3.33% 0; }

.listlogo .icenter a:nth-of-type(19), .listlogo .icenter a:nth-of-type(20) { display: none; }

/* h5_mc */
.h5_mc {    display: block; margin-top: 50px; position: relative;}
.h5_mc::after{background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0px;left: 0px;content: "";width: 100%;height: 100%;}
.h5_mc .mc_bs3_svg { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: none; transition: all 0.3s; }
.h5_mc .txt {      z-index: 1;  padding: 30px 0;   width: 94%; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.h5_mc .txt h3 {      z-index: 1;   display: block; text-align: center; color: #fff; font-size: 32px; margin-bottom: 10px; font-weight: bold;}
.h5_mc .txt h4 {      z-index: 1;   display: block; text-align: center; color: #fff; font-size: 18px; }
.h5_mc .txt h5 {      z-index: 1; display: block; width: 100%; text-align: center; color: #fff; font-size: 14px; margin: 14px auto; line-height: 24px;}
.h5_mc .txt h5 br{display: none;}
.h5_mc .txt img {     z-index: 1;    filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height: 44px; margin: 0 auto; }
.h5_mc video {     object-fit: cover;position: absolute; display: block; width: 100%; height: 100%; z-index: -1; top: 0px;}

.h5_dates02{display: block;}
.h5_dates01{display: none!important;}

.h5_mc2 {display: block;    margin-top: 50px;}
.h5_mc2 h5 {    display: block; font-size: 14px; line-height: 24px; text-align: center; color: #666;}

/* h5_inlogs */
.h5_inlogs {    display: block; width: 100%;}
.inlogos .hzhb {background-color: #313131;margin-top: 100px;}
.inlogos h3 { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); color: #fff; font-weight: bold; }
.inlogos {background-color: #2d2d2d;}




/* years */
.m2lcYears{display: none!important;}
.m2lcItems li { padding-left: 0px; margin-bottom: 30px; opacity: 1;}
.pagecaselist { padding: 50px 0;}
.m2lcItems li .m2lc_item .m2lc_des p span {margin-bottom: 10px;}
.m2lcItems li .m2lc_item .m2lc_des p:after {top: 4px;}
.m2lcItems li .m2lc_item { padding-bottom: 0px; }
.m2lcYr.on { display: none; }
.m2lcYr {display: none;}
.pageyearsbottom h3 { margin-bottom: 20px; }
.pageyearsbottom { padding: 0px 0 10px;}
.pageyearsbottom dl a { width: 100%;    margin-bottom: 20px;}
.pageyearsbottom dl {flex-flow: wrap;}
.m2lcItems li:last-child {margin-bottom: 0px;}
.m2lcItems li .m2lc_item .m2lc_des dd { margin: 20px 0 30px; }


/* job */
.pagejmone, .pagejobicon, .pagejobicon, .pagejoblistcc { margin-top: 0px; padding: 50px 0 50px; }
.pagecontact .icenter .left h3, .pagejmone .icenter dd span, .pagejmtwo dd span, .pagejmbottom h6, .pagejobicon h3, .pagejobicon dl dd strong, .pagejobbottomphots h3, .pagejoblistcc h3, .pagejoblistcc .pagelistdow li .join01gw .icon .fa, .pagenews dl a .dates span, .newshowtt dd strong { font-size: 32px; }
.pagejmbottom .right p font, .pagejobicon h4, .pagejobbottomphots h4, .pagejoblistcc h4, .pagejoblistcc .pagelistdow li .join01gw dd span, .pagenews dl a dd strong, .pagevideolist dl .left strong { font-size: 18px; }
.pagejobicon h4 {margin-top: 8px;}
.pagejobicon dl { margin-top: 30px;flex-flow: wrap;}
.pagejobicon dl dd {    width: 48%; margin-bottom: 20px }
.pagejobicon dl dd strong { margin: 14px auto; font-size: 22px; }
.pagejobicon dl dd font { line-height: 24px; font-size: 13px; }
.pagejobicon dl dd img {height: 40px;}
.pagejobicon {    padding: 50px 0 30px;}
.pagecasepicbg, .pagejobpicside { width: 94%; }
.pagejobpicside h3 { font-size: 24px; margin-bottom: 20px;}
.pagejobpicside .fa img{    height: 24px;}
.pagejobpicside .fa { right: 35px; }
.pagejobpicside .swiper-button-next04 { right: 0px; }
.pagejobpicside .swiper-container04 .swiper-slide img {    height: 200px; object-fit: cover;}
.pagejobbottomphots h4 {margin-top: 8px;}
.pagejobbottomphots h3:nth-of-type(2) {font-size: 24px;}

.pagejobbottomphots .pictop3photos {margin-top: 20px;}
.pagejobbottomphots .pictop3photos .ny_zxns_td2 {     position: unset; width: calc(100%); height: 100%; margin-bottom: 20px; height: 200px; object-fit: cover;}
.pagejobbottomphots .pictop3photos a { width: 100%;margin-bottom: 20px;}
.pagejobbottomphots .icentert {width: 94%;}
.pagejobbottomphots .pictop3photos a img { width: 100%; height: 200px; object-fit: cover;}
.pagejobbottomphots .picsides3 { margin: 0px 0 50px; }
.pagejobbottomphots .picsides3 .fa {width: 40px; height: 40px;}
.pagejobbottomphots .picsides3 .fa img {    height: 30px;}
.pagejobbottomphots {    padding: 0 0 20px;}
.videos video { position: fixed; z-index: 2; display: block; width: 94%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.videos .vclose img { position: absolute; width: 20px; height: 20px; top: 29%; right: 2%; left: auto; cursor: pointer; }

.pagejmone .icenter {flex-flow: wrap;padding: 0px 0 0px;}
.pagejmone .icenter dd { width: 100%; margin: 0 0 0 0%;    padding: 40px 20px;margin-bottom: 20px;}
.pagejmone .icenter dt {width: 100%;}
.pagejmone .icenter:after {width: 100%; height: 57%; z-index: -1; top: 0px; }
.pagejmone .icenter dd span {margin-bottom: 14px;}
.pagejmone .icenter dd font {line-height: 24px;}
.pagejmtwo {flex-flow: wrap;}
.pagejmtwo p {width: 100%;    margin-bottom: 20px;}
.pagejmtwo dd {width: 100%;}
.pagejmtwo dd span { margin-bottom: 14px;}
.pagejmtwo { padding-bottom: 50px; }
.pagejmbottombg { padding: 0px 0 0; margin-top: 50px; }
.pagecasejmbg { height: 30%;}
.pagecasepicbg .listed-wrap .text-box h4 { font-size: 16px; width: 94%; line-height: 26px; }
.pagecasepicbg .listed-wrap .text-box h4 br {display: none;}
.pagejmone .icenter dd font br {display: none;}
.pagejmbottom { display: flex; flex-flow: wrap;}
.pagejmbottom .right p { border: 1px solid #ddd; padding: 20px; margin-bottom: 20px;}
.pagejmbottom .right p font a{ font-size: 18px; }

/* h5_pagejmtwo*/
.h5_pagejmtwo{display: block!important;}
.pc_pagejmtwo{display: none!important;}

.pagejmbottom .left {width: 100%;margin-bottom: 20px;}
.pagejmbottom .right {width: 100%;}
.pagejmbottom .left .wpcf7-form .more { width: 140px;}
.pagecontact { padding: 50px 0 20px; }
.pagecontact .icenter { display: flex; flex-flow: wrap; }
.pagecontact .icenter .left {width: 100%;    margin-bottom: 20px;}
.pagecontact .rmaps {width: 100%;}
.pagecontact .rmaps dl dd { left: 16%; width: 34%; }
.pagecontact .icenter .left h3 { margin-bottom: 20px; font-size: 24px;}
.pagecontact .icenter .left p font a{ font-size: 14px;line-height: 16px;}
.pagenews { padding: 50px 0;}
.pagenews dl { width: calc(100% - 0px); padding: 30px 0; }
.pagenews dl a p { width: 100%; margin-left: 0px; }
.pagenews dl a dd { width: 100%; position: unset; margin-top: 14px; }
.pagenews dl a dd strong { margin-bottom: 17px;   }
.pagenews dl a dd font { line-height: 24px;     display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden; }
.pagenews {padding: 20px 0 0;}
.pagenews dl a .dates span {    font-size: 14px;}
.pagenews dl a .dates {    display: flex;    right: auto; left: 0px; top: 275px;     position: unset;   align-items: center; }
.pagenews dl a .dates font {margin-top: 0px;    line-height: 14px!important;}
.pagejobicon dl:after {display: none;}
.pagenews dl a .dates font { color: #333;}
.pagenews dl:nth-child(2n) p { margin-left: 0; }
.pagenews dl a p img { height: 200px; }

.newefy a { padding: 8px 12px}
.newshowtt dd strong {font-size: 22px;}
.pagejoblistcc .pagelistdow li .join01info { width: calc(100% - 40px); }
.pagejoblistcc .pagelistdow li .join01gw { padding: 20px 20px; }
.pagejoblistcc .pagelistdow li .join01info dd p { line-height: 24px; }
.pagejoblistcc { padding: 50px 0 0px; }
.pagejoblistcc .pagelistdow { margin-top: 30px; }
.pagejoblistcc h4 { margin-top: 10px;}
.homepicbottom .txt { position: relative; z-index: 3; }
.homepicbottom .icenter dd {top: -10px;margin-left: -10px;}
.pagenews dl:nth-child(2n) .dates {    right: auto; left: 0px; top: 275px;}
.newshowtt { width: calc(94%);     padding: 30px 17px; margin: 60px auto 50px; box-sizing: border-box; }
.newshowtt dd { width: 100%; }
.newshowtt dd strong {line-height: 30px;}
.newshowtt dd p span { margin: 0 26px 0 0; line-height: 24px; font-size: 14px; }
.newshowtxt { width: 94%; margin: 0 auto 50px; }
.newshowtxt img {object-fit: contain;}
.sxy a { padding: 12px 0; font-size: 14px; line-height: 24px; }
.bottomfx dd span { font-size: 16px; line-height: 32px; margin-right: 16px; }
.bottomfx dd .fx a { width: 32px; height: 32px; line-height: 32px;}
.bottomfx dt a {     width: 110px; height: 32px; line-height: 32px; font-size: 14px; float: none; margin-top: 20px;}
.bottomfx { display: flex;margin-top: 30px; flex-direction: column; }
.pagevideolist { padding: 50px 0 0; }
.pagevideolist dl { margin-bottom: 50px; display: flex; flex-flow: wrap; }
.pagevideolist dl:last-child {margin-bottom: 10px;}
.pagevideolist dl .left {width: 100%;    margin-bottom: 20px;}
.pagevideolist dl .right {width: 100%;}
.pagevideolist dl .left strong { line-height: 26px; margin-bottom: 20px; }
.pagevideolist dl .right .videoimg .iconvideo { height: 50px; }
.pagevideolist dl .right .videoimg .icon { margin: -23px; }
.pagevideolist dl .right br {display: none;}
.pagevideolist dl .right .videoimg {margin-bottom: 20px;}
.pagevideolist dl .right .dow {    height: 36px; line-height: 36px; width: 108px; display: flex; justify-content: center; align-items: center; }
.pagecasenum dl dt {display: none;}
.pagecasenum { margin-top: 0px; padding: 50px 0 30px; }
.pagevideolist dl .left strong, .pagecasenum h3, .pagecasepicbg .listed-wrap .text-box h3 { font-size: 28px; }
.pagecasenum h3 {margin-bottom: 14px;}
.pagecasenum dl {margin-top: 30px; flex-flow: wrap;    padding-bottom: 0px;}
.pagecasenum dl dd {width: 100%; margin-bottom: 20px; border: 1px solid #ddd; padding: 20px;}
.pagecasenum h4 { margin-bottom: 30px; }
.pagecasenum dl dd:nth-child(2) { position: unset; margin-left: 0px; }
.pagecasenum dl dd .counter { font-size: 52px; }
.pagecasenum dl dd e { margin: 0px 0 0 0; font-size: 25px; }
.pagecasenum dl dd font { line-height: 24px;}
.pagecasenum dl dd a {  margin: 14px auto 0; }
.pagecasepicbg {     height: auto; top: 0%; z-index: 9; }
.pagecasepicbg .listed-wrap .img-box {position: unset; height: 200px; transform: none; }
.pagecasepicbg .listed-wrap .img-box .img {position: unset;}
.pagecasepicbg .listed-wrap .text-box h4 {     font-size: 14px; width: 94%; line-height: 24px; margin: auto; margin-top: 14px;}
.pagecase { padding: 50px 0 50px; margin-top: 0px; }
.pagecase .tptop { margin-bottom: 0px; display: flex; flex-flow: wrap; }
.pagecase .tptop li { width: 100%;     margin-bottom: 40px;}
.pagecase .tptop li:nth-child(2) { position: unset; width: 100%;height: auto;}
.pagecase .tptop li:nth-child(2) p img { position: unset; width: 100%; height: 200px;object-fit: cover; }
.pagecase .tptop li:nth-child(2) p { position: unset;}
.pagecase .tptop li:nth-child(2) .txt { position: unset; bottom: 0; }
.pagecase .list li a p img, .pagecase .tptop li p img {height: 200px; object-fit: cover; }
.pagecase .list li { width: 100%; margin: 0 0% 40px 0; }

.pagebanner .bgimg {     background-attachment: unset!important; background-position: center!important;     background-size: cover!important;}
.prolistcontact .icenter dd p font a { font-size: 20px;}
.prolistcenterpic .mySwiper2 .swiper-slide {flex-flow: wrap;}
.prolistcenterpic .mySwiper2 .swiper-slide p {width: 100%;    margin-bottom: 20px;}
.prolistcenterpic .mySwiper2 .swiper-slide dl {width: 100%;}
.prolistcenterpic { padding: 50px 0 0; margin-top: 0px; }
.prolistcenterpic .mySwiper2 .swiper-slide dl dd h3 strong, .prolistcase .cctt h3, .pageprovideolist h3, .prolistcontact h3, .proshowpicside h3, .proshownum h3, .proshowtable .into h4, .proshowcenter .icenter dd h3 strong, .proshowcenter .icenter .picicenter .right .lineshare h4 .fa { font-size: 32px; }
.prolistcenterpic .mySwiper2 .swiper-slide dl font { line-height: 24px; padding: 14px 0; margin-bottom: 14px; }
.prolistcenterpic .mySwiper2 { margin-bottom: 20px; }
.prolistcenterpic .mySwiper { width: calc(100% - 60px); }
.prolistcenterpic .mySwiper2 .fa { width: 26px; height: 26px; line-height: 26px; font-size: 12px; bottom: 9px; }
.prolistcenterpic .icenter { margin-bottom: 50px; }
.prolistpicbg .listed-wrap .text-box { width: 100%; left: 50%; margin-left: 0px; top: 50%; transform: translate(-50%, -50%); }
.prolistpicbg  .listed-wrap .img-box { position: unset; height: 270px; transform: none; }
.prolistcase { padding: 50px 0 0px;}
.pageprovideolist { padding: 20px 0 0; }
.pageprovideolist h3 { margin-bottom: 20px; }
.pageprovideolist dl { padding: 20px;}
.pagevideolist dl .left strong { line-height: 24px; font-size: 20px;}
.prolistcase .cctt { margin-bottom: 30px; align-items: center; display: flex; justify-content: space-between; }

.pageprovideolist dl .left .dow { display: block; width: 108px; border: 1px solid #ab1129; display: flex; justify-content: center; align-items: center; }
.prolistcontact, .proshownum { padding: 50px 0 10px; }
.prolistcontact .icenter {flex-flow: wrap;}
.prolistcontact .icenter dd {width: 100%;padding: 20px;margin-bottom: 20px;}
.proshowcenter { margin-top: 100px; }
.proshowcenter .icenter dd h3 { margin-bottom: 20px;}
.proshowcenter .icenter .picicenter .left { width: 100%; }
.proshowcenter .icenter .picicenter .right{width: 100%;    position: relative; width: 100%; z-index: 10;}
 #output3 {left: 147%!important} 
.proshowcenter .icenter .picicenter .left .fa { width: 30px; height: 30px; line-height: 30px; font-size: 22px; }
.prolistcase .cctt a { float: right; margin: 0; }
.proshowcenter .icenter .picicenter .left .fa-angle-left { right: 31px; }
.proshowcenter .icenter .picicenter .right .lineshare .fx a { font-size: 24px; margin-right: 16px;}
.proshowcenter .icenter .picicenter .right .lineshare h4 { margin-bottom: 10px; display: flex; overflow: hidden; align-items: center; }
.proshowcenter .icenter .picicenter .right strong { font-size: 14px; line-height: 24px; margin: 20px 0; padding-top: 14px; }
.proshowcenter .icenter .picicenter .right dt a { height: 40px; line-height: 40px; }
.proshowtable { display: none;}
.proshowpicside { padding: 50px 0 20px; }
.proshowpicside .icenter .fa img { height: 28px; }
.proshowpicside .icenter .swiper-button-prev02a { right: 41px; }
.proshowpicside .icenter .fa { top: 9px;}
.proshowpicside .swiper-container02a .swiper-slide h4 span {line-height: 24px; margin-bottom: 16px; }
.proshowpicside .swiper-container02a .swiper-slide h4 { padding: 20px; }
.proshowvideo dl .left .dow { width: 108px; height: 36px; line-height: 36px; margin-top: 20px; }
.honormin { padding: 50px 0 20px;  }
.imgshow { width: 94%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pagezsprobottom a h3 strong {font-size: 24px;}
.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; }
.pagecasepicbg3 .listed-wrap .text-box h3 { margin-bottom: 10px; }
.pagecasepicbg3 .listed-wrap .img-box { position: unset; height: 280px;}
.pagezsprobottom { flex-flow: wrap; margin: 0 auto 10px; }
.pagezsprobottom a { width: 100%; padding: 24px 14px;margin-bottom: 20px; }
.pagezsprobottom a h3 span { font-size: 16px; }


.footer .bottom .left span a, .footer .bottom .right .fx a, .footer .top dd h4, .icenternav .navpc dd h3 a{font-size: 24px;}
.homepicbottom{padding: 70px 0;}
 .m2lcItems li .m2lc_item .m2lc_yt{font-size: 40px;}
.prolistcenterpic .mySwiper2 .swiper-slide dl dd img{height: 26px;}
.prolistcenterpic .mySwiper2 .swiper-slide dl dt a{margin-right: 10px;}
.proshowcenter .icenter dd img{height: 26px;}
.pagecase .list li a .txt span, .pagecase .tptop li .txt span{font-size: 22px;}
.pagecontact .icenter .left p font, .pagecontact .icenter .left p span, .pagejmone .icenter dd font, .pagejmtwo dd font, .pagejmbottom .left .wpcf7-form dl dt, .pagenews dl a .dates font, .pagenews dl a dd font, .pagejoblistcc .pagelistdow li .join01info dt, .pagejoblistcc .pagelistdow li .join01info dd p, .pagejoblistcc .pagelistdow li .join01info dd strong, .pagejmbottom .right p span, .pagejobicon dl dd font, .pagejoblistcc .pagelistdow li .join01gw dd p font, .pagevideolist dl .left span, .pagevideolist dl .right .dow span{line-height: 26px;}
.pagejmbottom h6{margin-bottom: 20px;}
.pagecontact .rmaps dl .ny_lxwm_map{display: none;}
.pageabout3brand .icenter dl dd .txt span, .pageyearsbottom dl a span strong{font-size: 30px;}
.pagecontact .icenter .left dt .ewm{margin-right: 15px;}


.proshownum dl {overflow-y:scroll ;}
.proshownum dl img {     display: block; width: 1200px; height: auto; }
.pagejobbottomphots .picsides3 .swiper-button-next03 { left: auto; right: 0px; }
.list { padding-left: 0px!important; }
.hometech .icenter .left .imggg .videos video { width: 80%; top: 37%; left: 50%; transform: translate(-50%, -50%); }
.hometech .icenter .left .imggg .videos .vclose img { width: 20px; height: 21px; top: calc(23% - 30px); right: calc(16% - 30px); }
.fu_box2 ul { width: 60px; height: 60px; }
.fu_box2 { width: 60px; height: 60px; bottom: 284px;}
.fu_box2 img { width: 21px; }

.footer .bottom .right .txtfb h4 a { margin: 0 0 0 0px; margin-bottom: 6px; width: 64%; }
.footer .bottom .right .txtfb h4 { text-align: center; flex-flow: wrap; justify-content: center; }

.footer .bottom .right .txtfb h4 .se { opacity: 1; }
.pagecontact .icenter .left dt .ewm .meng,.fu_box .content  .right .box  .meng{display: none;}

}