@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: #00a0e9!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%; 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: #00a0e9;}
.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: #00a0e9;;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: #00a0e9!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #00a0e9!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

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

/* header footer */
.div2 dl {display: none;}
.div2 {height: 80px;}
.div2_1, .div2_1 .tor { height: 80px; } 
.div2 .logo { display: block; margin: 0 0 0 14px; }
.footer .top {display: none;}
.footer .center {display: none;}
.icenter, .homenewslist .p-yjy-center, .insolutionslist { width: 94%; }
.footer .bottom dd { display: flex; overflow: hidden; flex-flow: wrap; justify-content: center; align-items: center; }
.footer .bottom h3 a { margin: 0 0 0 0px; }
.footer .bottom h4 a:nth-of-type(1){margin-left: 0px;}
/* banner */
.banner { height: calc(100% - 80px); margin-top: 80px; }
.blog-slider__img{height: 100%;} 
.blog-slider__img img {height: 100%;}
.indexcase dl a .txt h4 { font-size: 22px; height: 60px; line-height: 60px; width: calc(100% - 65px); }
.inpro .inproa { padding: 20px; width: calc(25%); }
.inabout .top .left h4 { font-size: 32px; }
.inabout .top .left h5 { font-size: 18px; margin: 8px 0; }
.inabout .top .left h5 { font-size: 18px; margin: 8px 0; }

.nybanner { margin-top: 80px;}
.nybanner .txt { transform: translate(-50%, -50%); top: 50%; left: 50%; margin: 0 0 0 0px; }
.nybanner img { height: 312px;}
.pageproafterpic .icenter dl dd .bgimg { height: 299px; border-radius: 50%; transition: 0.5s; }
.pages3 dl { align-items: center; display: flex; justify-content: space-between;}
.newsshowcenter dl { top: 0px; width: 94%; }
.newsshowbanner { margin-top: 80px; }
.newsshowcenter dl .show p { font-size: 14px; line-height: 24px; margin: 10px 0; }
.newshowlr dl { width: 94%;}
.newshowlr {top: 0px;}
.newsbottomshow { margin: 50px auto 0px; width: 94%; top: 0px; }
.newsbottomshow h3 { font-size: 32px; font-weight: normal; }
.newsbottomshow dl a dd strong { font-size: 16px; margin: 0 0 10px 0; line-height: 24px; }
.app01 {margin-top: 80px;}
.app02 dl { padding: 0 30px; }
.pagemap .bot p { padding: 15px 0; margin: 0 0 16px 0; font-size: 14px; }
.pagehistorybottom .icenter .left .txt { padding: 30px; }
.pagehistorybottom .icenter .left .txt h4 { margin: 18px 0; font-size: 14px; line-height: 24px; }
.honormin .icenter { justify-content: flex-start; }
.nyrongyu .icenter a:nth-of-type(4n) { margin-right: 2%; }
.nyrongyu .icenter a:nth-of-type(3n) { margin-right: 0px; }
.honormin .icenter a { width: 32%; margin-right: 2%; }
.imgshow { width: 60%; height: 80%; top: 18%; left: 20%;}
.honormin .icenter a:nth-of-type(3n) { margin-right: 0px; }
.pagecontactmap .sales { width: 32%; }



}
@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: #00a0e9!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%; 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: #00a0e9;}
.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: #00a0e9;;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: #00a0e9!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #00a0e9!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

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


/* header footer */
.div2 dl {display: none;}
.div2 {height: 80px;}
.div2_1, .div2_1 .tor { height: 80px; } 
.div2 .logo { display: block; margin: 0 0 0 14px; }
.footer .top {display: none;}
.footer .center {display: none;}
.icenter, .homenewslist .p-yjy-center, .insolutionslist { width: 94%; }
.footer .bottom dd { display: flex; overflow: hidden; flex-flow: wrap; justify-content: center; align-items: center; }
.footer .bottom h3 a { margin: 0 0 0 0px; }
.footer .bottom h4 a:nth-of-type(1){margin-left: 0px;}
/* banner */
.banner { height: calc(100% - 80px); margin-top: 80px; }
.blog-slider__img{height: 100%;} 
.blog-slider__img img {height: 100%;}
.inabout .top { width: calc(100% - 30px); margin: 0 0 0 30px;}
.inabout .top .left h4 { font-size: 28px; }
.inabout .top .left { width: 33%; margin: 0 0 0 3%; }
.inabout .top .left h5 { font-size: 18px; margin: 8px 0; }
.more { width: 124px; font-size: 13px; height: 32px; line-height: 32px; }
.inabout .top .left h6 { font-size: 12px; line-height: 24px; }
.inabout .top .left .more { margin: 13px 0 0 0; }
.inabout .top i {display: none;}
.inabout .bottom dl dd { width: 175px; height: 175px; }
.inabout .bottom dl dd p span { font-size: 36px; }
.inabout .bottom dl dd strong { font-size: 16px; }
.inabout .bottom dl dd p { margin: 43px 0 0px 0; }
.inpro .inproa { padding: 6px; width: calc(30%); }
.inpro .inproalist { width: 70%; left: 30%; }
.inpro .inproa .active p { width: 80px; height: 80px;    margin: auto;}
.inpro .inproa .active p img {     display: block; width: auto; margin: 25px; filter: inherit; height: 40px; margin: 20px; }
.inpro .inproa a { margin: 22px auto; }
.inpro .inproa a h3 { width: 104px; }
.inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h5 { font-size: 14px; line-height: 24px;     width: 94%;}
.inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt { padding: 0px 0 0 0;}
.inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h3 { font-size: 83px; line-height: 69px; }
.inpro .inproalist .bla .tod { font-size: 20px; top: 57%; width: 50px; height: 50px; line-height: 50px; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal, .insolutionslist .swiper-container-horizontal { width: 100%; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .right h3 { font-size: 14px; line-height: 24px; margin: 0px 0 76px 0; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .left p img { display: block; height: 80px; margin: 0 auto; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .left p .img { height: 39px; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .right { width: calc(60% - 46px);}
.insolutionslist .swiper-container-horizontal .swiper-slide a { width: 490px; padding: 84px 0;}
.insolutionslist .swiper-container-horizontal .swiper-slide:hover { width: 490px !important; }
.indexcase dl a { width: 49%; margin: 0 0% 2% 0; border-radius: 4px; }
.indexcase dl { display: flex; flex-flow: wrap; justify-content: space-between; }
.slideMenu {display: none!important;}
.m2lcYr {font-size: 240px;}
.m2lcItems li {padding-left: 42.8%;}
.pagecaselist .m2lc_item p img { width: 96%;}
.pagecaselist .m2lc_item p {     width: 298px; }
.m2lcItems li:nth-child(2n) p  { margin-left: 10%; }
.m2lcItems li:nth-child(2n) { padding-left: 0; padding-right: 57.2%; }
.nybanner { margin-top: 80px;}
.nybanner .txt { transform: translate(-50%, -50%); top: 50%; left: 50%; margin: 0 0 0 0px; }
.nybanner img { height: 312px;}
.pages1tech .right h3 strong { font-size: 22px; margin: 0px 0px 15px 0; }
.pages1tech .right h3 span { font-size: 14px; line-height: 24px; }
.pages1tech .right h3 span  br {display: none;}
.pages1tech .right h4 strong { font-size: 16px; margin: 0 0 16px 0; }
.pages1tech .right h4 span { font-size: 14px; line-height: 26px; }
.pages1tech .right h5 { font-size: 16px; padding: 22px 0 0 0; margin: 22px 0 0 0; }
.nytt .icenter .right { padding: 24px 62px; }
.pageproafter dl .left strong { font-size: 28px; margin: 3px 0; }
.pageproafter h6 img { display: block; width: 100%; }
.pageproafterpic .icenter dl dd .bgimg { height: 234px;}
.pageproafterpic .icenter dl dd .txt .icon { height: 34px; }
.pageproafterpic .icenter dl dd .txt strong { font-size: 20px; margin: 6px 0; }
.pageproafterpic .icenter dl dd .txt span { font-size: 13px; }
.pages3 dl .left strong { font-size: 26px; margin: 13px 0; line-height: 38px; }
.pages3contact dl .left .s3form dl input { display: block; width: calc(100% - 2px); height: 37px; }
.pages3contact dl .right {    width: 46%; position: relative; }
.pages3 dl .left dt p { font-size: 12px; padding: 15px 0; line-height: 21px; }
.pages3 dl { align-items: center; display: flex; justify-content: space-between;}
.pros_left { padding: 80px 16px 114px; background-color: rgb(244,244,244); }
.proshownum .proshowtt { float: left; width: 136px; }
.proshownum dt { float: right; width: calc(100% - 136px); }
.proshowtxt { padding: 0 20px; }
.proshownum { padding: 60px 20px;}
.proshowbottom { padding: 0 20px; }
.prolist a p img { height: 127px; }
.prolist a h3 { font-size: 18px; padding: 17px 0; margin: 0px 0 11px 0; }
.newsshowcenter dl { top: 0px; width: 94%; }
.newsshowbanner { margin-top: 80px; }
.newsshowcenter dl .show p { font-size: 14px; line-height: 24px; margin: 10px 0; }
.newshowlr dl { width: 94%;}
.newshowlr {top: 0px;}
.newsbottomshow { margin: 50px auto 0px; width: 94%; top: 0px; }
.newsbottomshow h3 { font-size: 32px; font-weight: normal; }
.newsbottomshow dl a dd strong { font-size: 16px; margin: 0 0 10px 0; line-height: 24px; }
.app01 {margin-top: 80px;}
.app02 dl { padding: 0 0px; }
.app02 dl dd .bao { width: 119px; height: 119px; }
.app02 dl dd .bao img { width: 53px; }
.app02 dl dd h4 { font-size: 14px; margin-bottom: 1px; }
.app02 dl dd h5 { font-size: 17px; }
.app02 { padding: 80px 40px 100px; }
.app01 .content { padding: 72px 0px 0px; }
.app01 .content ul li span { font-size: 12px; margin-top: 12px; width: 119px; }
.nybanner .txt strong, .pagehistorytxt .icenter dd strong, .pagehistorylist .path-item__year, .pageaboutmapnum .icenter dd strong, .page-about-txt dd strong { font-size: 30px; }
.page-about-txt dd font { font-size: 14px; line-height: 26px; }
.pagemap .maps .tt strong { font-size: 30px; line-height: 1em; }
.pagemap .maps .tt font { font-size: 16px; line-height: 26px; }
.pagemap .maps .tt { bottom: 40px; }
.pagemap .bot p { padding: 13px 0; margin: 0 0 13px 0; font-size: 15px; width: 100%; }
.pageaboutlogo .hzhb .title_text { top: 31px; font-size: 36px; }
.pageaboutbottom dd h3 span { font-size: 14px; line-height: 26px; }
.pagehistorytxt .icenter dd font { font-size: 14px; line-height: 26px; }
.pagehistorytxt .icenter { display: flex; overflow: hidden; align-items: center; justify-content: space-between; }
.pagehistorytxt .icenter dt { width: 43%; }
.pagehistorybottom .icenter .left .txt { padding: 30px; }
.pagehistorybottom .icenter .left .txt h3 { font-size: 30px; }
.pagehistorybottom .icenter .left .txt h4 { margin: 12px 0; font-size: 14px; line-height: 24px; }
.pagehistorybottom .icenter .left .txt h5 { font-size: 14px; padding-left: 56px; margin: 28px 0 83px; }
.pagehistorybottom .icenter .left .txt h5:after { width: 46px; }
.honormin .icenter { justify-content: flex-start; }
.nyrongyu .icenter a:nth-of-type(4n) { margin-right: 2%; }
.nyrongyu .icenter a:nth-of-type(3n) { margin-right: 0px; }
.honormin .icenter a { width: 32%; margin-right: 2%; }
.imgshow { width: 60%; height: 80%; top: 18%; left: 20%;}
.honormin .icenter a:nth-of-type(3n) { margin-right: 0px; }
.pagecontactmap .sales dd h4 { padding: 14px; font-size: 14px; }
.pagecontactmap .sales { width: 38%; }

}


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

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


/* header footer */
.div2 dl {display: none;}
.div2 {height: 60px;}
.div2_1, .div2_1 .tor { height: 60px; } 
.div2 .logo { display: block; margin: 0 0 0 14px; }
.footer .top {display: none;}
.footer .center {display: none;}
.icenter, .homenewslist .p-yjy-center, .insolutionslist { width: 94%; }
.footer .bottom dd { display: flex; overflow: hidden; flex-flow: wrap; justify-content: center; align-items: center; }
.footer .bottom h3 a { margin: 0 0 0 0px; }
.footer .bottom h4 a:nth-of-type(1){margin-left: 0px;}
/* banner */
.banner { height: calc(100% - 60px); margin-top: 60px; }
.blog-slider__img{height: 100%;} 
.blog-slider__img img {height: 100%;}
.blog-slider__content { top: 45%; width: 94%; left: 50%; transform: translate(-50%, -50%); }
.blog-slider__content .blog-slider__code .tt { font-size: 40px; line-height: 50px; }
.blog-slider__content .blog-slider__code .cc { font-size: 33px; line-height: 50px; }
.blog-slider__content .blog-slider__title { font-size: 23px; padding-left: 18px; }
.blog-slider__text { font-size: 18px; letter-spacing: 2px; padding-left: 18px; }
.more { width: 115px; font-size: 12px; border: 1px solid #00a0e9; height: 32px; line-height: 32px; }
.blog-slider__content .more { margin: 16px 0 0 18px; }
.p-top-mv__scroll p { font-size: 13px; }
.bannerscroll::before { width: 7px; height: 7px; top: -8px; left: -3px;  }
.bannerscroll { width: 1px; height: 48px; }
.blog-slider__pagination .swiper-pagination-bullet { width: 6px; height: 6px;}
.blog-slider__pagination .swiper-pagination-bullet-active { width: 36px;}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.btoa { width: 22px; height: 22px;bottom: 64px;}
.btoa img {width: 9px;}
.blog-button-next { left: calc(5% + 33px); }
.banner .blog-slider__pagination { left: calc(5% + 70px); }






/* homenews */
.homenews { padding: 50px 0; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal, .insolutionslist .swiper-container-horizontal { width: 100%; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt { padding: 26px; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt { width: calc(100%);}
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a img, .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:before { opacity: 1; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a .txt h3 { color: #fff; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a .txt h4 {color: #fff;}
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a .txt h5 img { filter: none; filter: grayscale(1) brightness(30); }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a .txt h5 strong span, .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a .txt h5 strong font {color: #fff;}
.hometitle span { font-size: 24px; }
.hometitle { padding-bottom: 14px; margin-bottom: 17px; }
.homenewslist .p-yjy a { width: 110px; height: 32px; line-height: 32px; border-radius: 2em; margin-right: 10px; font-size: 14px; }
.homenewslist .p-yjy a:nth-of-type(2){margin-right: 0px;}
.homenewslist .p-kn .tod { width: 30px; height: 30px; line-height: 30px; font-size: 17px; border-radius: 50%; top: -62px; right: 0; }
.homenewslist .p-kn .swiper-button-prev01, .homenewslist .p-kn .swiper-button-prev02 { right: 40px; }
.homenewslist .p-yjy { margin-bottom: 30px; }
.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 { margin: 120px 0 0 0; }



/*  indexcase  */
.indexcase { padding: 50px 0; }
.indexcase dl a {width: 100%;margin:0px;margin-bottom: 20px;}
.indexcase dl a .txt { bottom: -104px; }
.indexcase dl a .txt h4 { font-size: 20px; height: 49px; line-height: 58px; }
.indexcase dl a .txt h3 { font-size: 36px; }
.indexcase dl a .txt { bottom: 0;padding: 0 0 15px 0; }

/* insolutions */
.insolutions { padding: 50px 0; }
.insolutionslist .swiper-pagination3 .swiper-pagination-bullet-active { width: 33px; }
.insolutionslist .tod { width: 30px; height: 30px; bottom: -6px; border-radius: 50%; line-height: 30px; font-size: 18px; }
.insolutionslist .swiper-button-prev03 { right: 41px; }
.insolutionslist .swiper-container-horizontal .swiper-slide a { width: 100%; padding: 50px 0; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .left2 {opacity: 0;display: none;}
.insolutionslist .swiper-container-horizontal .swiper-slide a .left, .insolutionslist .swiper-container-horizontal .swiper-slide a .right {opacity: 1;}
.insolutionslist .swiper-container-horizontal .swiper-slide a .right { width: calc(60%); padding: 0 13px; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .right h3 { font-size: 12px; line-height: 24px; margin: 0px 0 42px 0; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .right h4 { font-size: 12px;}
.insolutionslist .swiper-container-horizontal .swiper-slide a .left h3 { font-size: 16px; margin: 14px 0 0 0; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .left p .img { height: 40px; }
.insolutionslist .swiper-container-horizontal .swiper-slide a .left p img { height: 80px; }
.insolutionslist .swiper-container-horizontal .swiper-slide:hover { width: 100% !important; }
.insolutionslist .swiper-container-horizontal .swiper-slide { height: 400px; }

/* inpro */
.inpro .inproa {        padding: 10px 34px; width: calc(100%); }
.inpro .inproalist { position: relative; left: 0px; top: 0px; height: 440px; width: 100%; }
.inpro .inproa a p { margin: 8px; width: 65px; height: 65px;}
.inpro .inproa a p img { height: 32px; margin: 15px; filter: grayscale(1) brightness(30); }
.inpro .inproa .active p { width: 80px; height: 80px;}
.inpro .inproa .active p img { margin: 25px; height: 38px; margin: 20px; }
.inpro .inproa .active h3 span { font-size: 16px; }
.inpro .inproa .active h3 font { font-size: 18px; }
.inpro .inproa a { margin: 10px auto; }
.inpro .inproalist .bla .tod { font-size: 20px; width: 45px; height: 45px; line-height: 45px;}
.inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h5 { width: 100%; margin: 16px auto 0; font-size: 13px; line-height: 23px; }
.inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h3 { font-size: 72px; }
.inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h4 { font-size: 34px; }
.inpro .inproalist .bla .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 34px; }

/* inabout */
.inabout .top { width: 100%; margin: 0 0 0 0px;flex-flow: wrap;}
.inabout .top .left {     margin: 0 3% 0; width: 100%; padding: 50px 0 30px;}
.inabout .top .right { display: block; width: 100%; }
.inabout .top:before { width: 100%; height: 100%;}
.inabout .top i {display: none;}
.inabout .top .left h4 { font-size: 24px; }
.inabout .top .left h5 { font-size: 18px; margin: 10px 0; }
.inabout .top .left .more { margin: 20px 0 0 0; }
.inabout .bottom { padding: 50px 0; }
.inabout .bottom h3 { font-size: 19px; margin: 0 auto 30px; width: 94%; }
.inabout .bottom dl dd {width: 44.5vw; height: 44.5vw; box-sizing: border-box; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.inabout .bottom dl {flex-flow: wrap;}
.inabout .bottom dl dd p span { font-size: 40px;    line-height: 49px; }
.inabout .bottom dl dd p font { margin: 20px 0 0 0px; font-size: 17px; }
.inabout .bottom dl dd strong { font-size: 15px; }
.inabout .bottom dl dd p { margin: 0px 0 0px 0; }


/* nybanner */
.nybanner .txt { margin: 0 0 0 0px;transform: translate(-50%, -50%); }
.nytt .icenter .right {display: none;}
.slideMenu {display: none!important}
.nytt { top: 0px; }
.pagecaselist {top: 0px;}
.nytt .icenter .left {    margin-top: 0px; padding: 34px 0;}
.fixed-video {display: none;}
.nytt,.pagecaselist {background-color: rgb(250,250,250);}
.m2lcYears {display: none!important;}
.m2lcWpr {margin: 0px;padding: 5.2vw 0;}
.pagecaselist .m2lc_item p img { top: 0px; left: 0px; }
.pagecaselist .m2lc_item p {border: 0px;}
.pagecaselist .container {width: 100%;}
.pagecaselist .m2lc_des { font-size: 16px; line-height: 26px; padding-top: 12px; margin-bottom: 21px; font-size: 13px; }
.m2lc_yt { line-height: 28px; height: 28px; font-size: 28px; }
.m2lc_yt i { height: 30px; width: 30px;}
.m2lcItems li.on .m2lc_yt i:after { width: 10px; height: 10px; }
.m2lcLine { left: 21px; }
.pagecaselist .m2lc_item p img { width: 92%;}
.pagecaselist .m2lc_item p:hover { background-color: transparent; }
.m2lcLine {height: 98%;}
.nybanner { margin-top: 60px;}
.nybanner .txt strong, .pagehistorytxt .icenter dd strong, .pagehistorylist .path-item__year, .pageaboutmapnum .icenter dd strong, .page-about-txt dd strong { font-size: 18px; margin: 12px 0; line-height: 30px; }
.nybanner .txt font { font-size: 18px;     line-height: 16px;margin: 10px 0;}
.nybanner img {  height: 270px;    object-fit: cover; }
.nybanner .txt font:after { width: 60px; height: 1px; top: 12px; left: 0; }
.nybanner .txt span { font-size: 20px; }



/*  pages1tech */
.pages1tech { margin: 0 auto 50px; }
.pages1tech .left {width: 100%;}
.pages1tech .right {width: 100%;}
.pages1tech .left img { display: block; width: 100%; height: 200px; object-fit: cover; }
.pages1tech .left {margin-bottom: 20px;}
.pages1tech .right h3 strong { font-size: 22px; margin: 0 0 10px 0; }
.pages1tech .right h3 span { font-size: 14px; line-height: 26px; }
.pages1tech .right h5 { font-size: 14px; padding: 20px 0 0 0; margin: 20px 0 0 0; }
.pages1tech .right h4 span { font-size: 14px; line-height: 26px; }



/* .pageproafter */
.pageproafter dl {flex-flow: wrap;    margin-bottom: 40px;}
.pageproafter dl .left {width: 100%;    margin-bottom: 20px;}
.pageproafter dl .right {width: 100%;}
.pageproafter dl .left strong { font-size: 24px; margin: 4px 0; }
.pageproafter dl .left span { font-size: 15px; }
.pageproafter h6 img { display: block; height: 200px; object-fit: cover; }
.pageproafterpic h3 br{display: none;}
.pageproafterpic h3 { font-size: 16px; line-height: 26px; width: 96%; margin: auto; }
.pageproafterpic { padding: 260px 0 80px; }
.pageproafterpic .icenter dl {flex-flow: wrap;}
.pageproafterpic .icenter dl dd {width: 80vw; height: 80vw; margin: 0 auto 20px;}
.pageproafterpic .icenter dl dd .txt .icon { height: 32px; }
.pageproafterpic .icenter dl dd .txt strong { font-size: 22px; margin: 7px 0; }
.pageproafterpic .icenter dl dd .txt span { font-size: 15px; }
.pageproafterpic { padding: 50px 0 50px; top: 0px; }
.pageproafterinfo { top: 0px; margin: 0 auto 0px; padding: 50px 0 30px; }
.pageproafterinfo h4 strong { font-size: 22px; line-height: 27px; margin-bottom: 10px; }
.pageproafterinfo h4 span { font-size: 15px; line-height: 26px; }
.pages3contact { top: 0px; }
.pageproafterinfo h4 .tables font span { padding: 8px 0;}
.pages3contact dl .left {width: 100%;margin-bottom: 20px;}
.pages3contact dl .right {width: 100%;}
.pages3 dl .left strong { font-size: 22px; margin: 14px 0; line-height: 33px; }
.pages3contact dl .left .s3form dl input { height: 38px; }
.pages3contact dl .left .s3form form h6 { font-size: 13px; }
.pages3contact dl .right .oos dd h3 strong { font-size: 26px; }
.pages3contact dl .right .oos dd h3 span { font-size: 14px; }
.pages3contact dl .right .oos dd h3 { margin-bottom: 2px; }
.pages3 dl .left {width: 100%;margin-bottom: 30px;}
.pages3 dl .right {width: 100%;}
.pages3 dl .right img { width: 100%; height: 200px; object-fit: cover; }
.pages3mapnum {top: 0px;    padding: 50px 0;}
.pages3 { margin-bottom: 50px; }
.pages3mapnum .icenter h6 br{display: none;}
.pages3mapnum .icenter h6 { font-size: 20px; line-height: 32px; margin: 0 0 36px 0; }
.pages3mapnum .icenter dl {flex-flow: wrap;}
.pages3mapnum .icenter dl dd p img { height: 50px; }
.pages3mapnum .icenter dl dd span { font-size: 14px; margin-bottom: 5px; }
.pages3mapnum .icenter dl dd font { font-size: 18px; }
.pages3mapnum .icenter dl dd { margin-bottom: 30px; }
.pages3contact {padding-top: 50px;}
.pages3contact dl .right img{height: auto;}

/* pagenewstt */
.pagenewstt a { width: 115px; height: 32px; line-height: 32px; font-size: 13px; }
.pagenweslist dl a dd {width: 100%;margin-bottom: 30px;}
.pagenweslist dl a dt {width: 100%;}
.pagenweslist dl a dd p { width: fit-content; }
.pagenweslist dl a dd .txt strong { font-size: 18px; }
.pagenweslist dl a dd .icon { left: 72px; }
.pagenweslist dl a dd .icon img { width: 21px; }
.pagenweslist dl a dd p strong { font-size: 20px; }
.pagenweslist dl a dd p span { font-size: 15px; }
.pagenweslist dl a dd .txt font { font-size: 12px; line-height: 24px; margin: 13px 0; }
.pagenweslist dl a dd .txt { width: calc(100% - 113px); }
.fy.icenter { margin: 0 auto 0px; }
.fy a, .nav-links span, .nav-links a { height: 40px; line-height: 40px; width: 40px; box-sizing: border-box; min-width: auto; }
.fy a.next {width: 60px;font-size: 12px;}
.fy, .nav-links { padding: 20px 0;}


/* newsshowcenter */
.newsshowcenter dl { top: 0px; width: 100%; }
.newsshowbanner { margin-top: 60px; }
.newsshowbanner img { height: 200px; object-fit: cover; }
.newsshowcenter dl .tt { width: 100%; }
.newsshowcenter dl .tt h3 { font-size: 24px; margin-bottom: 18px; }
.newsshowcenter dl .tt h4 span { font-size: 12px; margin: 0 0px 0 0; }
.newsshowcenter dl .tt h4 font { margin: 0px 14px; height: 20px; }
.newsshowcenter dl .show p { font-size: 14px; line-height: 24px; margin: 10px 0; }
.newshowlr dl { width: 94%;}
.newshowlr dl a { font-size: 14px; }
.newsbottomshow { margin: 50px auto 50px; width: 94%; top: 0px; }
.newshowlr { padding: 25px 0; top: 0px; }
.newsbottomshow h3 { font-size: 26px; margin: 0 0 26px 0; }
.newsbottomshow dl a { width: 100%; margin: 0 0 30px 0; }
.newsbottomshow dl a dd strong { font-size: 16px; margin: 0 0 10px 0; line-height: 24px; }
.newsbottomshow dl a dd font { font-size: 14px; }

/* app01 */
.app01 { padding-bottom: 50px; margin-top: 60px; }
.app01 .content ul { margin-bottom: 42px;    padding: 0 0px; }
.app01 .content { padding: 65px 0px 0px; }
.app01 .content ul li .bao .imgbox img { width: 26px; }
.app01 .content ul li .bao img { width: 48px; }
.app01 .content ul li span { font-size: 12px; margin-top: 7px; width: 50px; }
.app01 .content2 { padding: 0 20px; }
.app01 .content2 .bot .appSwiper-button-next { left: 100%; width: 20px; height: 20px; }
.app01 .content2 .bot .appSwiper-button-prev { left: -6.8%; width: 20px; height: 20px; }
.app01 .swiper-button-next, .app01 .swiper-button-prev { top: 59%;}
.app02 { padding: 50px 0px; }
.app02 h3 { font-size: 24px; margin-bottom: 24px; }
.app02 dl { display: flex; justify-content: space-between; padding: 0px; flex-flow: wrap; }
.app02 dl dd .bao img { width: 55px; }
.app02 dl dd {margin-bottom: 30px;}
.app02 dl dd h5 { font-size: 18px; }
.app02 dl dd h4 { font-size: 14px;}


/* .page-about-txt */
.page-about-txt dd {width: 100%;}
.nytt, .pagecaselist { background-color: rgb(255,255,255); }
.page-about-txt dd font { font-size: 14px; line-height: 26px; }
.page-about-txt dt { float: left;margin-top: 34px; }
.pageaboutmapnum { padding: 262px 0 50px; }
.pages3mapnum { padding: 50px 0; top: 0px; }
.pages3 dl { margin: 0 0 42px 0; }
.page-about-txt .img {margin: 38px auto; }
.pageaboutmapnum {    padding: 50px 0 50px; top: 0px;}
.pageaboutmapnum .icenter dd { width: 100%; margin-bottom: 20px; }
.pageaboutmapnum .icenter dl dt { display: block; float: left; width: 46%; overflow: hidden; margin-bottom: 50px; }
.pageaboutmapnum .icenter dl {width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; }
.pageaboutmapnum .icenter dl dt p strong { font-size: 62px; }
.pageaboutmapnum .icenter dl dt span { font-size: 16px; }
.pageaboutmapnum .icenter dl dt p font { font-size: 14px; }
.pageaboutmapnum .icenter dl dt p { margin: 15px 0; }
.pageaboutmapnum .icenter dl dt h3 { font-size: 18px; margin: 6px 0; height: 50px; }
.pagemap { margin: 50px auto; top: 0px; }
.pagemap .maps .tt { bottom: 0px; left: 0; z-index: 1; margin-bottom: 30px;     position: relative;}
.pagemap .maps .tt strong { font-size: 24px; line-height: 32px; }
.pagemap .maps .tt font { font-size: 16px; line-height: 26px; }
.pagemap .maps .about04min { width: 100%; margin: 0 0 0 0%; }
.pagemap .maps .about04min .mapicon img { display: block; width: 7px; height: auto; }
.pagemap .bot { margin-top: 40px; }
.pagemap .bot p {     padding: 15px 18px; margin: 0 0 12px 0; font-size: 14px; width: 100%; text-indent: -10px;}
.pageaboutlogo .hzhb .title_text {     top: 6px; font-size: 20px; width: 94%; text-align: center;}
.pageaboutbottom {margin: 50px auto;}

.pageaboutbottom dd {width: 100%;margin-bottom: 30px;}
.pageaboutbottom {flex-flow: wrap;}
.pageaboutbottom dd p img { height: 200px; }
.pageaboutbottom dd h3 strong { font-size: 24px; margin: 17px 0 8px; }
.pageaboutbottom dd:nth-child(2) h3 { position: relative; width: 100%; margin-top: 16px; }
.pageaboutbottom dd:nth-child(2) p { margin-top: 0px; }

/* .pagehistorytxt */
.pagehistorytxt .icenter dd {width: 100%;}
.pagehistorytxt .icenter dt {width: 100%;    margin-top: 26px; margin-bottom: 30px;}
.pagehistorytxt .icenter dd font { font-size: 14px; line-height: 26px; }
.pagehistorytxt .icenter dd span { font-size: 16px; }
.about-devlpment { padding: 40px 0 73px;}
.pagehistorylist { padding: 175px 0 0px; top: -176px; z-index: -1; }
.pagehistorytxt .pimg { margin: 80px auto 0; }
.path-item { padding: 0 24px; }
.pagehistorylist .history-item__year { font-size: 16px; margin: 20px 0 0 0;}
.btn-history-arrow { width: 28px; height: 65px; font-size: 23px; line-height: 65px;}
.pagehistorylist .history-body { padding: 25px 0 0 0; width: 77%; margin: auto; }
.pagehistorybottom { margin: -111px auto 128px; }
.pagehistorybottom .icenter .left {width: 100%;}
.pagehistorybottom .icenter .right {width: 100%;}
.pagehistorybottom .icenter .left .txt {     padding: 34px 30px;}
.pagehistorybottom .icenter .left .txt h3 { font-size: 26px; }
.pagehistorybottom .icenter .left .txt h4 { margin: 16px 0; font-size: 14px; line-height: 24px; }
.pagehistorybottom .icenter .left .txt h5 {    font-size: 13px; padding-left: 53px; margin: 40px 0 88px;}
.pagehistorybottom .icenter .left .txt h5:after { width: 42px;}
.pagehistorybottom .icenter .left .tta { height: 65px; width: calc(100% + -11px); top: -65px; }
.pagehistorybottom .icenter .left .tta .fa { width: 50px; height: 50px; line-height: 50px; margin: 7px; text-align: center; font-size: 28px; }
.pagehistorybottom .icenter .left .tta span { line-height: 65px; font-size: 16px; }
.video-close { top: calc(191px + 2%)!important; right: 5%!important; width: 20px!important; height: 20px!important;}
.pagehistorybottom { margin: -115px auto 60px; }
.pagehistorybottom .icenter .right { margin-top: 12px;}
.pagehistorybottom .icenter .left .more { margin: 0 0 0 0; top: -30px; }

/* honormin */
.honormin .icenter a { width: 100%; margin-right: 0px; margin-bottom: 34px; }
.imgshow { width: 100%; height: 62%; top: 50%; left: 50%; transform: translate(-50%, -50%); }


/* .pagecontactmap  */
.pagecontactmap .sales {width: 100%;}
.pagecontactmap .rmaps {width: 100%;}
.pagecontactpic { padding: 70px 0; background-attachment: unset; }
.pagecontactpic .icenter font { font-size: 62px;}
.pagecontactpic .icenter strong { font-size: 36px;}
.pagecontactpic .icenter span { font-size: 17px; margin: 23px 0 0 0; }
.contactform { display: block; overflow: hidden; margin: 0 auto 50px; }
.contactform .topinput dl p input { height: 34px; line-height: 34px; }
.contactform h6 { font-size: 14px; margin: 26px 0; }
.contactform dd h3 { font-size: 15px; line-height: 15px;}
.contactform .topinput dl dt { font-size: 15px; line-height: 15px; }
.pagecontactmap .sales dd {padding-bottom: 34px; }
.pagecontactmap .rmaps dl dd { top: 38%; left: 25%; z-index: 3; padding: 15px; border-radius: 1em; width: 38%; }
.pagecontactmap .rmaps dl dd h3 { font-weight: normal; font-size: 14px; }


/* pro */
.pro_left { width: 100%; padding: 40px 28px 58px; }
.pro_right { width: 100%; padding: 50px 3%; }
.proshowside {margin-top: 60px; }
.pros_left {width: 100%;}
.pros_right {width: 100%;    padding: 50px 3% 0}
.pros_left { padding: 44px 24px 55px; background-color: rgb(244,244,244); }
.proshowside .sidelist { padding: 0 33px;     margin: 35px 0 50px;}
.proshowside .sidelist .tod { width: 30px; height: 30px; line-height: 30px;}
.proshowtxt { padding: 0 0px; }
.proshowtt { border-left: 1px solid #00a0e9; padding: 0px 0 0 21px; }
.proshowtt strong { font-size: 24px; }
.proshowtxt .proshowtt {width: 100%;}
.proshowtxt dd {width: 100%;}
.proshowtxt dd { font-size: 14px; line-height: 26px; width: 100%; margin-top: 17px; }
.proshownum { padding: 50px 0px; margin: 50px auto; width: 100%; margin-left: 0%; }
.proshownum .proshowtt {width: 100%;}
.proshownum dt { width: 100%; margin-top: 22px; }
.proshowmore { padding: 0px 0px; }
.proshowbottom {     margin: 0 auto 30px;     padding: 0 0px;}
.proshowbottom .prolist { margin: 26px 0 0 0; }
.prolist a { width: 100%; margin: 0 0% 30px 0; }
.proshowmore { margin: 0 auto 50px;}




}