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

    .pc-1200px {display: none;}     


    
    /* 导航栏 */
 
    .header .drawer-hamburger {display: block;  width: 100px; height: 100px; background-color: rgb(24, 177, 164);  padding: 0px; top: 0px;   z-index: 3; right: 0px!important;}     
    .header  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {   width: 59%; margin: auto;}

    .drawer-hamburger-icon{margin-top: 0px;}
    .drawer--right.drawer-open .drawer-nav { top: 79px!important; width: 300px;}
    .header   .drawer-nav .drawer-menu .drawer-menu { margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; top: -121px; }    
    .drawer--right.drawer-open .drawer-nav { background: #fcfcfc; right: 0; height: 100%!important;}   
    .drawer--right.drawer-open .drawer-nav .drawer-menu  { height: 100%!important; position: relative;}
    .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item { width: 80%;  line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 71%; }
    .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item:hover { color:rgb(24, 177, 164); }
    .drawer--right .drawer-dropdown-menu { width: 92%; margin: auto;}
    

    .h-top { width: 100%; display: none;}
    .header { height: 100px; width: 100%; }
    .nav {display: none;}
    .h-r{display: none;}
    .header .drawer-hamburger {display: block;}

    .header .drawer-hamburger-icon{width: 50%;background-color: white}
  .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;background-color: white!important;}
  .drawer-open .drawer-hamburger-icon { background-color: transparent!important; }
  .div2_1 .h-l .logo img { height: 80px; }
  .h-l { padding-left: 2%;}


  .i-cont { width: 94%; }




  /* 底部 */
  .f-navwrap {display: none;}
  .copyright { height: 80px; width: 100%; flex-direction: column-reverse; }
  .copyrightwrap { padding: 40px 0; }
  .f-fx { margin-bottom: 15px; }
/* .bannerwrap */
  .bannerwrap { margin-top: 100px;}
  .b-text h3 { font-size: 30px; }
  .b-text h4 { font-size: 20px; }
  .b-text p, .b-text a, .nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span { font-size: 14px; }
  







  
  /* .index01 */
  .index01{width: 100%;display: block;}
  .index01-l {width: 100%; }
  .index01-r {    width: 94%; margin: auto;margin-top: 20px;}
  .index01-r .link a { padding: 14px 0;}

  
  /*.index02 */

  .index02 {width: 100%;}
  .index02-tab a {font-size: 20px;}
  .index02list .tomore { padding-right: 20px; }

/*  .index03  */
  .index03 { width: 94%; }
  .i03-top h3 { font-size: 24px; }
  .i03textinfo { font-size: 16px; line-height: 28px; }
  .i03num { margin-top: 50px; padding: 0 10px; }
  .i03num li h2 { font-size: 46px; }
  .i03num li p { font-size: 16px;}
  .i03num li .mun_top font { font-size: 43px; }

/* .i04-top  */
  .i04-top p { font-size: 24px; }
  .index04wrap { width: 94%; }

  .index05wrap { background-attachment: initial; }
  /* .f-lx   */
  .f-lx {width: 94%; align-items: center;}
  .f-lx .text .h3 {font-size: 40px;}
  .f-lx .text .h3 font {font-size: 28px;}
  .f-lx .text h4 {font-size: 28px;}
  .f-lx .text p {font-size: 14px;}
  .f-lx .ewm img {    height: 140px;}
  .f-lx .ewm p {    font-size: 14px; }


/* .innerbanner1 */
  .innerbanner1 { margin-top: 100px; }
  .inner-text1 h3 { font-size: 50px;}
  .inner-text1 p { font-size: 26px; }
  .procatlist h3 { font-size: 30px; }
  .procatlist .list a dd span { font-size: 24px; }
  .procatlist .list a dd font { font-size: 16px;}


  /*  .innerbanner */
  .innerbanner { margin-top: 100px; }
  .inner-text h3 { font-size: 50px; }
  .inner-text h3 { margin-bottom: 10px; }
  .inner-text h3 { font-size: 50px; }
  .inner-text p { font-size: 24px; }


  
  /*   .mbx  */
  .mbx a { font-size: 16px; line-height: 80px; }
  .mbx i { margin: 0 10px; }


  /* .about01num  */
  .about01num { margin-top: 0px; }
  .about01num .mun_top h2 { font-size: 36px; }
  .about p { font-size: 22px; }
  .about .h3 h3 { font-size: 30px; }
  .about03text h3 { font-size: 34px; }
  .about03text h4 { margin: 24px 0; }
  .more { font-size: 14px; }
  .innerbanner .fxd { top: 100px !important; }
  .about01wrap {     padding: 66px 0; }
  .about01top h3 { font-size: 34px; }
  .about01top .min { width: 73%; }
  .about01top { margin-bottom: 20px; }
  .about03text { padding: 44px 51px; }
  .about04 h4 { font-size: 22px; line-height: 40px; }
  .about04wrap { background-attachment: initial!important; }
  .about02wrap { background-attachment: initial; }

  /*   .history01 */
  .history01 li .text h3 { font-size: 40px; }
  .history01 li .text h4 { font-size: 16px; line-height: 26px; }
  .history01 li .text h3:before { width: 10px; height: 10px; bottom: -4px; }

/* .address-cont  */
  .address-cont {width: 100%;}
  .addresswrap { padding: 50px 0; }
  .address .imgbox { margin: auto; width: 94%; margin-bottom: 50px; }
  .address .textmin { margin: auto; width: 94%; margin-bottom: 30px; }
  .address .bot { width: 94%; margin: auto; }
  .address .textmin h3 { font-size: 32px; }
  .address .textmin h2 { font-size: 18px; }
  .address .textmin h4 { font-size: 16px; line-height: 26px; margin-bottom: 10px;}


/*   .f-lx */
  .f-lx { padding: 50px 0; }


/*   .culture01 */
  .culture01 { text-align: center; margin: 30px auto; }
  .culture02text { padding: 40px 0; }
  .culture02item { width: 94%; margin: auto; }
  .culture02text h3 { font-size: 26px; }
  .culture02text h4 { font-size: 18px; margin-bottom: 20px; }
  .culture02text .img { width: 60px; height: 60px;}
  .culture02text .img:before { top: 5px; left: 5px; }


  /*  .honor-l */
.honor-l { padding: 50px 8px; }

.h-list a {    padding: 0 20px; height: 60px; font-size: 18px; width: 100%;}
.honormin { justify-content: space-between; }
.honormin a { width: 48%; margin-right: 0px; }
.honormin a .text h3 { font-size: 16px; }


/*  .news01wrap */
.news01wrap .news01 .item .imgbox img { object-fit: cover; }
.news01wrap .news01 .item { width: 100%; margin-left: 0px;}
.news01wrap .news01 .item {    margin-bottom: 50px; }
.news01wrap .news01 .item h2 { margin-top: 20px; }
.news01wrap .news01 .item .footer { margin-top: 10px;}



.news01wrap .news01 { justify-content: space-between; }
.news01wrap .news01 .item { width: 48%; }

/* .join01gw */
.join01gw .text h3 { font-size: 26px; }
.join01gw .text .yq p { font-size: 14px;}
.join01gw .more { width: 140px; height: 30px; line-height: 30px;}


/* .contact03wrap */
.contact03wrap { background-attachment: initial; }
.contact01wrap .contact01 h2 { font-size: 28px; margin-bottom: 20px; }
.contact01wrap .contact01 .content .left .item .text h3 { font-size: 20px; margin-bottom: 10px; }
.contact01wrap .contact01 .content .left .item .text h4 { font-size: 14px; line-height: 26px; }
.contact02wrap { padding: 50px 0; }

.contact02wrap .contact02 h2 { font-size: 30px; margin-bottom: 20px; }
.contact02wrap .contact02 .item .title h3 { font-size: 16px; }
.contact02wrap .contact02 .submitwrap .submit { width: 140px; height: 38px; font-size: 16px; }
.contact03wrap .contact03 .title h2 { font-size: 24px; }
.contact03wrap .contact03 .title h3 { font-size: 22px; }
.contact03wrap .contact03 a { font-size: 28px; }

/* .pagesoultionsbannertxt */
.pagesoultionsbannertxt h3 span { font-size: 30px; }
.pagesoultionsbannertxt h4 { margin: 20px auto 0; font-size: 16px; line-height: 28px;    padding: 10px 0; }
.page-solutionslisttop a .txt h3 span { font-size: 30px; }
.more { width: 140px; height: 30px; line-height: 30px;}
.page-solutionslisttop a .txt h4 { font-size: 14px; line-height: 26px; }
.page-solutionslisttop { margin: 50px auto; }
.page-solutionstxt { padding: 70px 0; }
.page-solutionslistbottom dd a { padding: 40px 0; }
.page-solutionslistbottom dd { padding: 50px 0; }
.page-solutionstxt { margin-top: 100px;}
.page-solutionslisttop a .txt h3 { margin: 30px 0; }
.procatlist .list { display: flex; flex-flow: wrap; justify-content: space-between; }
.procatlist .list a { display: block; overflow: hidden; float: left; width: 49%; margin: 0 0% 2% 0; }
.procatlist .list a dd { padding: 30px; }
.procatlist { padding: 50px 0;}



/*.proallserver  */
.proallserver dl a dd span { font-size: 26px; }
.proallserver dl a dd font { font-size: 16px; }
.proallserver h3 { font-size: 30px; }


/*  .pagesoultionstit */
.pagesoultionstit { font-size: 30px; }
.proallsocas { padding: 50px 0; }
.pagesoultionscase .caselist a dd h3 { font-size: 22px; margin: 0 0 10px 0; }
.proallsocas .caselist a dd font { font-size: 14px; margin: 0 0 20px 0; }

/*.pageserverlist  */
.pageserverlist a dd { padding: 30px; }
.pageserverlist a dd h3, .pageserverright h3 span { font-size: 24px; }
.pageserverlist a dd h4 { font-size: 14px; margin: 10px 0; line-height: 24px; }
.pageserverlist a { margin: 0 0% 2% 0; width: 49%; }
.pageserverlist { display: flex; flex-flow: wrap; justify-content: space-between; }
.pageserverlist { margin: 50px auto; }




/*.proshowtop  */
.proshowtop .right h3 { font-size: 30px; }
.proshowtop .right h3 { margin: 0 0 20px 0; }
.proshowtop .right h4 { font-size: 16px; line-height: 28px; }
.proshowtxt p, .proshowtxt span { font-size: 16px; line-height: 32px; }
.proshowdow a span { font-size: 16px; }
.proshowdow a font { font-size: 14px; }
.proshowdow a .fa { font-size: 16px; }
.proshowsolutions .swiper-slide a .text h3 {    font-size: 26px;  margin: 0 0 10px 0;}
.proshowsolutions .swiper-slide a .text h4 {line-height: 28px; font-size: 14px;}

.proshowsolutions .swiper-container03 .swiper-slide .a .text { padding: 30px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3 { font-size: 22px; margin: 0 0 20px 0; }
.pagesoultionsbannertxt { padding: 50px 0; }
.pagesoultionsprolistgk { margin: 0 0 0px 0; padding: 50px 0; }
.pagesoultionsprolist { background: #f1f1f1; padding: 50px 0; margin: 0px 0; top: -65px; position: relative;}
.proshowsolutions .swiper-slide a .text { padding: 30px; }
.pagesoultionscase .caselist a { width: 100%;}





/* .s-news01wrap */
.s-news01wrap { padding: 50px 0; }
.s-news01wrap h2 { font-size: 26px; }
.s-news01wrap  .s-news01{width: 94%;}


.f-cont {     width: 94%; margin: auto; }

.s-news02wrap .s-news02 .share { width: 24%; }
.s-news02wrap { padding: 50px 0; }
.s-news02wrap .s-news02 .text p, .s-news02wrap .s-news02 .text span, .s-news02wrap .s-news02 .text strong { margin-top: 10px  ;  line-height: 28px;;}
.s-news02wrap .s-news02 section {font-size: 16px; margin-top: 10px; line-height: 28px;}
.s-news04wrap .item { width: 50%; }

.s-news-innerwrap { margin-top: 110px; }
/* .download01-right */
.download01-right .news01content .show .item .imgbox { width: 8%; }
.download01wrap .download01-left .tt { left: 48%; }
.download01-right .news01content .show .item .text { width: 70%; }
.download01-right .news01content .show .item {display: flex; justify-content: space-between;}





.dowmin a .text { padding: 18px; }
.honormin a:nth-of-type(3n) { margin-right: 2%;    width: 49%; }
.honormin a:nth-of-type(2n) {margin-right: 0px;}
.honormin a:nth-of-type(2n) {width: 49%;}



}



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

  .pc-1200px {display: none;}     


    
  /* 导航栏 */

  .header .drawer-hamburger {display: block;  width: 100px; height: 100px; background-color: rgb(24, 177, 164);  padding: 0px; top: 0px;   z-index: 3; right: 0px!important;}     
  .header  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {   width: 59%; margin: auto;}

  .drawer-hamburger-icon{margin-top: 0px;}
  .drawer--right.drawer-open .drawer-nav { top: 79px!important; width: 300px;}
  .header   .drawer-nav .drawer-menu .drawer-menu { margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; top: -121px; }    
  .drawer--right.drawer-open .drawer-nav { background: #fcfcfc; right: 0; height: 100%!important;}   
  .drawer--right.drawer-open .drawer-nav .drawer-menu  { height: 100%!important; position: relative;}
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item { width: 80%;  line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 71%; }
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item:hover { color:rgb(24, 177, 164); }
  .drawer--right .drawer-dropdown-menu { width: 92%; margin: auto;}
  

  .h-top { width: 100%; display: none;}
  .header { height: 100px; width: 100%; }
  .nav {display: none;}
  .h-r{display: none;}
  .header .drawer-hamburger {display: block;}

  .header .drawer-hamburger-icon{width: 50%;background-color: white}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;background-color: white!important;}
.drawer-open .drawer-hamburger-icon { background-color: transparent!important; }
.div2_1 .h-l .logo img { height: 80px; }
.h-l { padding-left: 2%;}


.i-cont { width: 94%; }

/* 底部 */
.f-navwrap {display: none;}
.copyright { height: 80px; width: 100%; flex-direction: column-reverse; }
.copyrightwrap { padding: 40px 0; }
.f-fx { margin-bottom: 15px; }

/* .bannerwrap */
.bannerwrap { margin-top: 100px;}
.b-text h3 { font-size: 30px; }
.b-text h4 { font-size: 20px; }
.b-text p, .b-text a, .nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span { font-size: 14px; }


/* .index01 */
.index01{width: 100%;display: block;}
.index01-l {width: 100%; }
.index01-r {    width: 94%; margin: auto;margin-top: 20px;}
.index01-r .link a { padding: 14px 0;}






/*.index02 */

.index02 {width: 100%;}
.index02-tab a {font-size: 20px;}

/*  .index03  */
.index03 { width: 94%; }
.i03-top h3 { font-size: 24px; }
.i03textinfo { font-size: 16px; line-height: 28px; }
.i03num { margin-top: 50px; padding: 0 10px; }
.i03num li h2 { font-size: 46px; }
.i03num li p { font-size: 16px;}
.i03num li .mun_top font { font-size: 43px; }

/* .i04-top  */
.i04-top p { font-size: 24px; }
.index04wrap { width: 94%; }
.index05wrap { background-attachment: initial; }


/* .f-lx   */
.f-lx {width: 94%; align-items: center;}
.f-lx .text .h3 {font-size: 40px;}
.f-lx .text .h3 font {font-size: 28px;}
.f-lx .text h4 {font-size: 28px;}
.f-lx .text p {font-size: 14px;}
.f-lx .ewm img {    height: 140px;}
.f-lx .ewm p {    font-size: 14px; }


/* .innerbanner1 */
.innerbanner1 { margin-top: 100px; }
.inner-text1 h3 { font-size: 50px;}
.inner-text1 p { font-size: 26px; }
.procatlist h3 { font-size: 30px; }
.procatlist .list a dd span { font-size: 24px; }
.procatlist .list a dd font { font-size: 16px;}


/*  .innerbanner */
.innerbanner { margin-top: 100px; }
.inner-text h3 { font-size: 50px; }
.inner-text h3 { margin-bottom: 10px; }
.inner-text h3 { font-size: 50px; }
.inner-text p { font-size: 24px; }



/*   .mbx  */
.mbx a { font-size: 16px; line-height: 80px; }
.mbx i { margin: 0 10px; }


/* .about01num  */
.about01num { margin-top: 0px; }
.about01num .mun_top h2 { font-size: 36px; }
.about p { font-size: 22px; }
.about .h3 h3 { font-size: 30px; }
.about03text h3 { font-size: 34px; }
.about03text h4 { margin: 24px 0; }
.more { font-size: 14px; }
.innerbanner .fxd { top: 100px !important; }
.about01wrap {     padding: 66px 0; }
.about01top h3 { font-size: 34px; }
.about01top .min { width: 73%; }
.about01top { margin-bottom: 20px; }
.about03text { padding: 44px 51px; }
.about04 h4 { font-size: 22px; line-height: 40px; }
.about04wrap { background-attachment: initial!important; }
.about02wrap { background-attachment: initial; }


/*   .history01 */
.history01 li .text h3 { font-size: 40px; }
.history01 li .text h4 { font-size: 16px; line-height: 26px; }
.history01 li .text h3:before { width: 10px; height: 10px; bottom: -4px; }

/* .address-cont  */
.address-cont {width: 100%;}
.addresswrap { padding: 50px 0; }
.address .imgbox { margin: auto; width: 94%; margin-bottom: 50px; }
.address .textmin { margin: auto; width: 94%; margin-bottom: 30px; }
.address .bot { width: 94%; margin: auto; }
.address .textmin h3 { font-size: 32px; }
.address .textmin h2 { font-size: 18px; }
.address .textmin h4 { font-size: 16px; line-height: 26px; margin-bottom: 10px;}


/*   .f-lx */
.f-lx { padding: 50px 0; }


/*   .culture01 */
.culture01 { text-align: center; margin: 30px auto; }
.culture02text { padding: 40px 0; }
.culture02item { width: 94%; margin: auto; }
.culture02text h3 { font-size: 26px; }
.culture02text h4 { font-size: 18px; margin-bottom: 20px; }
.culture02text .img { width: 60px; height: 60px;}
.culture02text .img:before { top: 5px; left: 5px; }


/*  .honor-l */
.honor-l { padding: 50px 8px; }

.h-list a {    padding: 0 20px; height: 60px; font-size: 18px; width: 100%;}
.honormin { justify-content: space-between; }
.honormin a { width: 48%; margin-right: 0px; }
.honormin a .text h3 { font-size: 16px; }


/*  .news01wrap */
.news01wrap .news01 .item .imgbox img { object-fit: cover; }
.news01wrap .news01 .item { width: 100%; margin-left: 0px;}
.news01wrap .news01 .item {    margin-bottom: 50px; }
.news01wrap .news01 .item h2 { margin-top: 20px; font-size: 19px;}
.news01wrap .news01 .item .footer { margin-top: 10px;}



.news01wrap .news01 { justify-content: space-between; }
.news01wrap .news01 .item { width: 48%; }

/* .join01gw */
.join01gw .text h3 { font-size: 26px; }
.join01gw .text .yq p { font-size: 14px;}
.join01gw .more { width: 140px; height: 30px; line-height: 30px;}


/* .contact03wrap */
.contact03wrap { background-attachment: initial; }
.contact01wrap .contact01 h2 { font-size: 28px; margin-bottom: 20px; }
.contact01wrap .contact01 .content .left .item .text h3 { font-size: 20px; margin-bottom: 10px; }
.contact01wrap .contact01 .content .left .item .text h4 { font-size: 14px; line-height: 26px; }
.contact02wrap { padding: 50px 0; }

.contact02wrap .contact02 h2 { font-size: 30px; margin-bottom: 20px; }
.contact02wrap .contact02 .item .title h3 { font-size: 16px; }
.contact02wrap .contact02 .submitwrap .submit { width: 140px; height: 38px; font-size: 16px; }
.contact03wrap .contact03 .title h2 { font-size: 24px; }
.contact03wrap .contact03 .title h3 { font-size: 22px; }
.contact03wrap .contact03 a { font-size: 28px; }

/* .pagesoultionsbannertxt */
.pagesoultionsbannertxt h3 span { font-size: 30px; }
.pagesoultionsbannertxt h4 { margin: 20px auto 0; font-size: 16px; line-height: 28px;    padding: 10px 0; }
.page-solutionslisttop a .txt h3 span { font-size: 30px; }
.more { width: 140px; height: 30px; line-height: 30px;}
.page-solutionslisttop a .txt h4 { font-size: 14px; line-height: 26px; }
.page-solutionslisttop { margin: 50px auto; }
.page-solutionstxt { padding: 70px 0; }
.page-solutionslistbottom dd a { padding: 40px 0; }
.page-solutionslistbottom dd { padding: 50px 0; }
.page-solutionstxt { margin-top: 100px;}
.page-solutionslisttop a .txt h3 { margin: 30px 0; }
.procatlist .list { display: flex; flex-flow: wrap; justify-content: space-between; }
.procatlist .list a { display: block; overflow: hidden; float: left; width: 49%; margin: 0 0% 2% 0; }
.procatlist .list a dd { padding: 30px; }
.procatlist { padding: 50px 0;}



/*.proallserver  */
.proallserver dl a dd span { font-size: 26px; }
.proallserver dl a dd font { font-size: 16px; }
.proallserver h3 { font-size: 30px; }


/*  .pagesoultionstit */
.pagesoultionstit { font-size: 30px; }
.proallsocas { padding: 50px 0; }
.pagesoultionscase .caselist a dd h3 { font-size: 22px; margin: 0 0 10px 0; }
.proallsocas .caselist a dd font { font-size: 14px; margin: 0 0 20px 0; }

/*.pageserverlist  */
.pageserverlist a dd { padding: 30px; }
.pageserverlist a dd h3, .pageserverright h3 span { font-size: 24px; }
.pageserverlist a dd h4 { font-size: 14px; margin: 10px 0; line-height: 24px; }
.pageserverlist a { margin: 0 0% 2% 0; width: 49%; }
.pageserverlist { display: flex; flex-flow: wrap; justify-content: space-between; }
.pageserverlist { margin: 50px auto; }




/*.proshowtop  */
.proshowtop .right h3 { font-size: 30px; }
.proshowtop .right h3 { margin: 0 0 20px 0; }
.proshowtop .right h4 { font-size: 16px; line-height: 28px; }
.proshowtxt p, .proshowtxt span { font-size: 16px; line-height: 32px; }
.proshowdow a span { font-size: 16px; }
.proshowdow a font { font-size: 14px; }
.proshowdow a .fa { font-size: 16px; }
.proshowsolutions .swiper-slide a .text h3 {    font-size: 26px;  margin: 0 0 10px 0;}
.proshowsolutions .swiper-slide a .text h4 {line-height: 28px; font-size: 14px;}

.proshowsolutions .swiper-container03 .swiper-slide .a .text { padding: 30px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3 { font-size: 22px; margin: 0 0 20px 0; }
.pagesoultionsbannertxt { padding: 50px 0; }
.pagesoultionsprolistgk { margin: 0 0 0px 0; padding: 50px 0; }
.pagesoultionsprolist { background: #f1f1f1; padding: 50px 0; margin: 0px 0; top: -65px; position: relative;}
.proshowsolutions .swiper-slide a .text { padding: 30px; }
.pagesoultionscase .caselist a { width: 100%;}





/* .s-news01wrap */
.s-news01wrap { padding: 50px 0; }
.s-news01wrap h2 { font-size: 26px; }
.s-news01wrap  .s-news01{width: 94%;}
.s-news-innerwrap { margin-top: 110px; }

.f-cont {     width: 94%; margin: auto; }

.s-news02wrap .s-news02 .share { width: 24%; }
.s-news02wrap { padding: 50px 0; }
.s-news02wrap .s-news02 .text p, .s-news02wrap .s-news02 .text span, .s-news02wrap .s-news02 .text strong { margin-top: 10px  ;  line-height: 28px;;}
.s-news02wrap .s-news02 section {font-size: 16px; margin-top: 10px; line-height: 28px;}
.s-news04wrap .item { width: 50%; }



/* .download01-right */
.download01-right .news01content .show .item .imgbox { width:5%; }
.download01wrap .download01-left .tt { left: 48%; }
.download01-right .news01content .show .item .text { width: 70%; }
.download01-right .news01content .show .item {display: flex; justify-content: space-between;}


.dowmin a .text { padding: 18px; }
.honormin a:nth-of-type(3n) { margin-right: 2%;    width: 49%; }
.honormin a:nth-of-type(2n) {margin-right: 0px;}
.honormin a:nth-of-type(2n) {width: 49%;}


}







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




  .pc-1200px {display: none;}     

.banner007 {display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerwrap video  {display: none;}
.bannerwrap:before {display: none;}
.index03wrap:before {display: none;}
.index03wrap .bgvideo { display: none;}

.about02wrap video { display: none;}
    
  /* 导航栏 */

  .header .drawer-hamburger {display: block;  width: 60px; height:60px; background-color: rgb(24, 177, 164);  padding: 0px; top: 0px;   z-index: 3; right: 0px!important;}     
  .header  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {   width: 59%; margin: auto;}

  .drawer-hamburger-icon{margin-top: 0px;}
  .drawer--right.drawer-open .drawer-nav { top: 60px!important; width: 230px;}
  .header   .drawer-nav .drawer-menu .drawer-menu { margin: 0; padding: 0; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; top: -121px; }    
  .drawer--right.drawer-open .drawer-nav { background: #fcfcfc; right: 0; height: 100%!important;}   
  .drawer--right.drawer-open .drawer-nav .drawer-menu  { height: 100%!important; position: relative;}
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item { width: 80%;  line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 71%; }
  .drawer--right.drawer-open .drawer-nav .drawer-menu .drawer-menu-item:hover { color:rgb(24, 177, 164); }
  .drawer--right .drawer-dropdown-menu { width: 92%; margin: auto;}
  

  .h-top { width: 100%; display: none;}
  .header { height: 60px; width: 100%; }
  .nav {display: none;}
  .h-r{display: none;}
  .header .drawer-hamburger {display: block;}

  .header .drawer-hamburger-icon{width: 50%;background-color: white}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {width: 100%;background-color: white!important;}
.drawer-open .drawer-hamburger-icon { background-color: transparent!important; }
.div2_1 .h-l .logo img { height: 80px; }
.h-l { padding-left: 2%;}


.i-cont {     width: 100%; }
.h-l .logo img {     width: 147px;}

/* 底部 */
.f-navwrap {display: none;}
.copyright {  width: 100%; flex-direction: column-reverse;     height: auto;}
.copyrightwrap {padding: 20px 0;}
.f-fx { margin-bottom: 15px; }
/* .bannerwrap */
.bannerwrap {    margin-top: 60px;    height: calc(100% - 60px);}
.b-text h3 {     font-size: 26px; margin: 20px auto 20px;}
.b-text h4 {    font-size: 16px;}
.b-text p, .b-text a, .nav .n-top .pcnavto .ccnav .dlnavsolutons dd p a span { font-size: 14px;    margin-top: 20px;}
.f-fx .info a { width: 30px; height: 30px; font-size: 14px; }
.b-text p:before, .b-text p:after {     width: 32px;}
.copyright h3 {   flex-direction: column; width: 94%; margin: auto; text-align: center; flex-flow: wrap; justify-content: center;}
.copyright h3 a:nth-of-type(1) {margin-left: 0px;    width: 152px;}
.copyright h3 a {margin-top: 10px;margin-left: 0px;    width: 103px;}



/* .index01 */
.index01{width: 100%;display: block;}
.index01-l {  width: 94%; padding: 0px; margin: auto;}
.index01-r {    width: 94%; margin: auto;margin-top: 20px;}
.index01-r .link a { padding: 14px 0;}
.i01swiper a .text font { font-size: 16px;    margin-bottom: 6px; }
.index01-r .text h3 { font-size: 16px; margin-bottom: 10px;}
.index01-r .text h4 {line-height: 30px; font-size: 16px;margin-bottom: 10px; }
.index01-r .text p { font-size: 30px; }
.index01-r .text p {    font-size: 20px;}
.index01-r .link a p { font-size: 14px; }
.index01 {margin: 50px auto 0px;}
.index01-r .link a font { font-size: 14px; }
.index01-r .link a img { padding-left: 13px;}
.index01-l .i01prev, .index01-l .i01next { display: none; }
.i01swiper a .text h3 { font-size: 12px;}
.i01swiper a .text h3 { font-size: 12px;    margin-bottom: 5px;}

.i01swiper a .text .botfont { font-size: 12px;     height: 30px; line-height: 30px;}
.i01swiper a .text h4 { opacity: 1; }

.i01swiper a .imgbox img {object-fit: cover;}

/*.index02 */

.index02 {width: 100%;margin: 50px auto;}
.index02-tab a {font-size: 14px;   line-height: 56px;}
.index02list .tomore { padding-right: 20px; }
.i02swiper .a p { font-size: 14px;}
.imglist .i02prve, .imglist .i02next { display: none; }
.imglist { padding: 0px; width: 94%; margin: auto;}
.index02-tab { width: 94%; margin: auto; margin-bottom: 40px; }


/*  .index03  */
.index03 { width: 94%; }
.i03-top h3 { font-size: 24px; }
.i03textinfo {     font-size: 14px; line-height: 26px;    text-align: justify;}
.i03num {    margin-top: 30px;flex-flow: wrap;    padding: 0px;}
.i03num li h2 {    font-size: 28px; }
.i03num li p { font-size: 14px;}
.i03num li .mun_top font {    font-size: 24px;}
.i03-top a { width: 30px; height: 30px; }
.index03wrap { padding: 50px 0;     background-attachment: inherit;}
/* .i04-top  */
.i04-top p { font-size: 14px;width: 120px; line-height: 40px;}
.i04-top a { font-size: 14px; }
.index04wrap { width: 94%;    margin: 50px auto 50px;}
.i03num li { text-align: center; width: 48%;    margin-bottom: 20px; } 
.i03num li:nth-of-type(4) .mun_top {margin-bottom: 34px;}
.index05img a.active {     width: 49%;    height: 120px; }
.index05img a {     width: 49%;    margin-bottom: 6px;    height: 120px;}
.index05img {     flex-flow: wrap; justify-content: space-between; margin-top: 30px;}
.index05wrap { background-attachment: initial; }
.index04 .partner { width: calc(100% / 5);height: 72px;}
.index04 .partner .text1 h3 { font-size: 14px; line-height: 18px; }
.index04 { margin-top: 30px; }

.index05wrap { padding: 30px 0; }
.index05wrap .index05{width: 94%;}
.i05textinfo { padding: 0px; }
.index05img a h3 { font-size: 14px;    line-height: 40px; height: 40px;}
.index05img a img { height: 130px!important; }
/* .f-lx   */
.f-lx {width: 94%; align-items: center;}
.f-lx .text .h3 {font-size: 40px;}
.f-lx .text .h3 font {     font-size: 22px; left: 50%; top: 50%; transform: translate(-50%, 10%);}
.f-lx .text h4 {font-size: 22px;}
.f-lx .text p {font-size: 14px; line-height: 24px;}
.f-lx .ewm img {  height: 100px; margin: auto; margin-bottom: 20px;}
.f-lx .ewm p {    font-size: 14px; }


/* .innerbanner1 */
.innerbanner1 { margin-top: 60px;height: 250px;}
.innerbanner1 img { height: 100%; }
.inner-text1 h3 {     font-size: 26px; margin-bottom: 10px;}
.inner-text1 p { font-size: 20px; }
.procatlist h3 {font-size: 24px;    padding-left: 3%; }
.procatlist .list a dd span {     font-size: 16px;}
.procatlist .list a dd font {    font-size: 12px;}

.inner-text1 { left: 54%;}
/*  .innerbanner */
.innerbanner { margin-top: 60px;height: 250px; }
.inner-text h3 { font-size: 50px; }
.inner-text h3 { margin-bottom: 10px; }
.inner-text h3 {     font-size: 30px;}
.inner-text p { font-size: 16px; }



/*   .mbx  */
.mbx a {     font-size: 16px; line-height: 27px; width: 42%;    text-align: center;}
.mbx i { margin: 0 10px; }


/* .about01num  */
.about01num {    margin-top: 0px; flex-flow: wrap; width: 94%; margin: auto;}
.about01num .mun_top h2 {font-size: 30px;}
.about p {     font-size: 16px; }
.about .h3 h3 {      font-size: 18px; line-height: 30px; }
.about03text h3 {    font-size: 18px;}
.about03text h4 {     margin: 14px 0;    font-size: 14px; }
.about03text h4 br{ display: none;} 

.more { font-size: 14px; }
.innerbanner .fxd { top: 80px !important; }
.about01wrap {       padding: 30px 0; }
.about01top h3 { font-size: 18px; }
.about01top .min {    width: 100%; margin-top: 20px;}
.about01top {    width: 94%; margin: auto; margin-bottom: 20px;flex-flow: wrap;}
.about03text {      padding: 40px 0px 20px;width: 94%; margin: auto;}

.about04 {width: 94%;}
.about04 h4 { font-size: 14px; line-height: 26px; text-align: justify; text-align-last: center;}

.about04wrap { background-attachment: initial!important; padding: 80px 0;}
.inner-text {      top: 49%; left: 52%; padding-bottom: 0px;}
.mbx {display: none;}
.about02wrap { background-attachment: initial;     padding: 100px 0;}
.about01top .min h4 { font-size: 14px; line-height: 26px; margin-bottom: 5px; }
.about01num  li{    width: 40%;  margin-bottom: 20px;}
.about01num .mun_top font { font-size: 16px;}
.about01num p { font-size: 14px; margin-top: 10px;}
.about01num i {display: none;}
.about03 { flex-flow: wrap; }
.about03wrap {   padding: 30px 0;background-size: 100%;}
.about03imgbox {    width: 94%; margin: auto;}
.about04 h4 br{display: none;}



/*   .history01 */
.history01 li .text h3 { font-size: 30px; }
.history01 li .text h4 { font-size: 14px; line-height: 26px; }
.history01 li .text h3:before { width: 10px; height: 10px; bottom: -4px; }
.history01wrap {    padding: 30px 0 30px;}
.history01 li { width: 94%; flex-flow: wrap; margin: auto; margin-bottom: 50px;}
.history01 li .imgbox { width: 100%; }
.history01 li .text { width: 100%; padding-left: 0px; margin-top: 20px; }
.history01 li:nth-of-type(2n) { flex-flow: wrap; }

/* .address-cont  */
.address-cont {width: 100%;}
.addresswrap {     padding: 30px 0 10px;}
.address .imgbox { margin: auto; width: 94%; margin-bottom: 50px; }
.address .textmin { margin: auto; width: 94%; margin-bottom: 30px; }
.address .bot { width: 94%; margin: auto; }
.address .textmin h3 {     font-size: 26px;}
.address .textmin h2 {font-size: 16px;    margin-bottom: 10px;}
.address .textmin h4 {    font-size: 14px;line-height: 26px; margin-bottom: 5px;}

.address .bot p img { width: 100px; margin-right: 35px; }
/*   .f-lx */
.f-lx {padding: 10px 0 20px 0; flex-flow: wrap;justify-content: center;flex-direction: column; }
.f-lx  .text {    margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.f-fx{ display: none; }
/*   .culture01 */
.culture01 { text-align: center;     margin: 20px auto;}
.culture02text { padding: 40px 0;width: 100%; }
.culture02item { width: 94%; margin: auto; }
.culture02text h3 {    font-size: 24px;}
.culture02text h4 { font-size: 16px; margin-bottom: 20px; }
.culture02text .img {width: 50px; height: 50px;}
.culture02text .img:before { top: 5px; left: 5px;    width: 40px; height: 40px; }
.culture02item:nth-of-type(odd) { flex-flow:wrap; }
.culture02imgbox { width: 100%;}
.culture02item { flex-flow: wrap;}
.culture02text .img img { max-width: 24px;}



/*  .honor-l */
.honorwrap { flex-flow: wrap;}



.honor-l {    padding: 30px 8px 30px; width: 100%; }
.honor-r {      width: 96%; padding: 0px 0%; margin: auto;}
.h-list { width: 100%; border: 1px solid #DDDDDD; display: flex; justify-content: center; align-items: center; }
.h-list a {       border-radius: 5px;  padding: 0 15px; height: 48px; font-size: 14px; width: 32%; margin: auto; display: flex; justify-content: space-between; align-items: center;}
.honormin { justify-content: space-between;     flex-wrap: wrap;    margin-top: 30px;}
.honormin a {   width: 49%; margin: auto; height: 280.266px; margin-right: 2%; margin-bottom: 2%; margin-left: 0px; }
.dowmin a .text { padding: 18px; }
.honormin a:nth-of-type(3n) { margin-right: 2%;    width: 49%; }
.honormin a:nth-of-type(2n) {margin-right: 0px;}
.honormin a:nth-of-type(2n) {width: 49%;}

.mbxwrap02.fxd { top: 100px !important;}
.honormin a .text h3 { font-size: 14px;     height: 30px;}

.honormin a .text font { font-size: 12px;}

.dowmin a  {height: auto;}

.history01 li .text h3:after { width: calc(100%); left: 0px; }



.h-list a img { height: 16px; }

.dowmin a .text h4 { text-align: center;font-size: 14px; }

.honor-l .h-list {    width: 100%; border: none; display: flex; justify-content: center; align-items: center; flex-flow: wrap;}
.honor-l .h-list a {border-radius: 5px; padding: 0 15px; height: 40px; font-size: 14px; width: 49%; margin: auto; display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.fy, .nav-links { padding:  0;    margin-bottom: 10px; }
.news01wrap .news01 .item .imgbox img { object-fit: cover; }
.news01wrap .news01 .item { width: 100%; margin-left: 0px;}
.news01wrap .news01 .item {    margin-bottom: 50px; }
.news01wrap .news01 .item h2 { margin-top: 20px; font-size: 18px;}
.news01wrap .news01 .item .footer { margin-top: 10px;}



.news01wrap .news01 { justify-content: space-between; }
.news01wrap .news01 .item { width: 94%;margin: auto;margin-bottom: 30px;}
.news01wrap .news01 .item:nth-child(3n+1) { margin-left: 0; margin: auto; margin-bottom: 30px; }
/* .join01gw */
.join01gw .text h3 {    font-size: 22px;}
.join01gw .text .yq p {     font-size: 14px;    margin-right: 5px;}
.join01gw .more {    width: 85px; height: 30px; line-height: 30px;}
.join01wrap .join01 li {    padding: 35px 0; width: 100%; margin: auto; }
.join01gw { flex-flow: wrap;    align-items: center; }
.join01gw .text .yq { margin-bottom: 20px; }

.join01gw .text .yq p img { margin-right: 5px; }
.join01wrap .join01 .item { width: 98%; }


/* .contact03wrap */
.contact03wrap { background-attachment: initial; }
.contact01wrap .contact01 h2 {     font-size: 24px; margin-bottom: 20px; }
.contact01wrap .contact01 .content .left .item .text h3 { font-size: 18px; margin-bottom: 10px; }
.contact01wrap .contact01 .content .left .item .text h4 { font-size: 14px; line-height: 26px; }
.contact02wrap {     padding: 30px 0; }



.contact02wrap .contact02 h2 { font-size: 24px; margin-bottom: 20px;}
.contact02wrap .contact02 .item .title h3 {     font-size: 12px; }
.contact02wrap .contact02 .agree input {    -webkit-appearance: checkbox; display: block; border-radius: unset!important;}
.contact02wrap .contact02 .submitwrap .submit { -webkit-appearance:none;  width: 130px; height: 40px; font-size: 16px; background-color: rgb(24, 177, 164); cursor: unset; position: relative; overflow: hidden; text-transform: uppercase; border: 1px solid rgb(24, 177, 164);border-radius:unset!important;}
.contact03wrap .contact03 .title h2 {     font-size: 26px;}
.contact03wrap .contact03 .title h3 { font-size: 16px; margin-bottom: 10px; }
.contact03wrap .contact03 a {font-size: 18px; }
.contact01wrap .contact01 .content { flex-flow: wrap; }
.contact01wrap .contact01 .content .left { width: 100%;}
.contact01wrap .contact01 .content .right { width: 100%; }
.contact01wrap .contact01 .content .left .item { padding: 10px 0; }
.contact01wrap .contact01 .content .left .item:nth-of-type(2){  padding: 30px 0px;}
.contact01wrap .contact01 .content .right #allmap {height: 200px;}

.contact01wrap { padding: 50px 0 30px; }

.contact01wrap .contact01{width: 96%; margin: auto;}
.contact02wrap .contact02 { flex-wrap: wrap; width: 96%; margin: auto;    justify-content: space-between; }
.contact02wrap .contact02 .item { width: 49%;justify-content: space-between;margin-left: 0px;}
.contact02wrap .contact02 .item .title  {margin-bottom: 10px;}
.contact02wrap .contact02 .item:nth-of-type(1) .title {margin-bottom: 10px;}

.contact02wrap .contact02 .bigitem {width: 100%;}
.contact03wrap .contact03 { flex-flow: wrap;    flex-flow: wrap; width: 94%; }




/* .pagesoultionsbannertxt */
.page-solutionstxt {    margin-top: 60px;  font-size: 24px;}
.pagesoultionsbannertxt h3 span {     font-size: 24px; }
.pagesoultionsbannertxt h4 {  font-size: 14px; line-height: 28px; padding: 10px 0; margin: auto; width: 94%; }
.page-solutionslisttop a .txt h3 span {     font-size: 24px;}
.more { width: 140px; height: 30px; line-height: 30px;}
.page-solutionslisttop a .txt h4 { font-size: 14px; line-height: 26px; }
.page-solutionslisttop   {     margin: 30px auto 0px 0; }
.page-solutionstxt {padding: 50px 0;}
.page-solutionslistbottom dd a { padding: 0; }
.page-solutionslistbottom dd {     padding: 30px 0;}
.pagesoultionscase .caselist a p { display: block; overflow: hidden; width: 94%; margin: auto; height: 192px;}
.pagesoultionscase .caselist a dd { display: block; overflow: hidden; width: 94%; margin: auto; margin-top: 20px; }
.pagesoultionscase .caselist a { flex-flow: wrap;}

.pagesoultionscase .caselist a p img { object-fit: cover;     height: 100%;}

.page-solutionslisttop a .txt h3 {     margin: 20px 0;}
.procatlist .list { display: flex; flex-flow: wrap; justify-content: space-between;     width: 94%;}
.procatlist .list a {  display: block; overflow: hidden; float: left;    width: 48.5%;    margin: unset; margin-bottom: 10px;}
.procatlist .list a:nth-of-type(5){    float: none; margin: initial; padding-left: 2px; }
.procatlist .list a dd { padding: 20px;}
.procatlist { padding: 50px 0;}
.page-solutionslisttop a p img { width: 100%; }
.page-solutionslisttop a .txt { width: 94%; margin: auto; }

.page-solutionslistbottom dd a p {width: 94%; margin: auto;}
.page-solutionslistbottom dd a .txt { position: initial; transform: none; width: 94%; margin: auto; }
.page-solutionslisttop a p { width: 94%; margin: auto; }
.page-solutionslistbottom dd:nth-child(2n) p { margin: auto; }
.procatlist .list a:nth-child(3n) {    margin: unset; margin-top: 0px;}

.pageserverright .pageserverrightdowlist dd { padding: 20px;}
.pageserverright .pageserverrightdowlist dd .left { float: none; }
.pageserverright .pageserverrightdowlist dd .left span {margin: 0px;}
.pageserverright .pageserverrightdowlist dd .left font {margin-bottom: 10px;}
.pageserverright .pageserverrightdowlist dd .right { display: block;      float: none;}

.pageserverright h3 { margin: 0 0 30px 0; }

.pageserverright .pageserverrightdowlist { margin: 0 0 20px 0;}
.pageserverright p { margin: 0 0 10px 0; }

/*.proallserver  */
.proallserver dl a dd span {     font-size: 22px;}
.proallserver dl a dd font {    font-size: 14px;width: 100%; }
.proallserver h3 {    font-size: 26px; width: 94%;}
.proallserver dl a { position: relative; display: block; overflow: hidden; float: left; width: 100%; margin-bottom: 10px; }
.proallserver dl a dd strong { margin: 10px auto; }





.pagesoultionsbannertxt h3 font { width: 94%;}





/*  .pagesoultionstit */
.pagesoultionstit {font-size: 24px; margin-bottom: 20px; width: 94%;    margin-top: 30px;}
.proallsocas {padding: 20px 0 0 0; }
.pagesoultionscase .caselist a dd h3 {font-size: 20px; margin: 0 0 10px 0;}
.proallsocas .caselist a dd font { font-size: 14px; margin: 0 0 20px 0; }

/*.pageserverlist  */
.pageserverlist a dd { padding: 30px; }
.pageserverlist a dd h3, .pageserverright h3 span {     font-size: 22px; margin-bottom: 0px;}
.pageserverlist a dd h4 { font-size: 14px; margin: 10px 0; line-height: 24px; }
.pageserverlist a {    width: 94%; margin: auto; margin-bottom: 10px; }
.pageserverlist { display: flex; flex-flow: wrap; justify-content: space-between; }
.pageserverlist {    margin: 50px auto 30px; }
.pageserverlist a:nth-of-type(3n) { margin: auto;     margin-bottom: 10px;}


/*.proshowtop  */
.proshowdow a { display: flex; justify-content: space-between; width: 94%; margin: auto;}
.proshowtop .right h3 {font-size: 24px;}
.proshowtop .right h3 { margin: 0 0 20px 0; }
.proshowtop .right h4 { font-size: 16px; line-height: 28px; }
.proshowtxt p, .proshowtxt span {     font-size: 14px; line-height: 30px; }
.proshowdow a span { font-size: 16px;     width: calc(55%);}
.proshowdow a font { font-size: 14px;    width: 88px; }
.proshowdow a .fa { font-size: 16px; }
.proshowsolutions .swiper-slide a .text h3 {    font-size: 26px;  margin: 0 0 10px 0;}
.proshowsolutions .swiper-slide a .text h4 {line-height: 28px; font-size: 14px;}

.proshowsolutions .swiper-container03 .swiper-slide .a .imgbox img { width: 100%; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf strong { font-size: 12px;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .toa { width: 60px; height: 20px; line-height: 20px; font-size: 12px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf strong { font-size: 12px; line-height: 20px; padding: 0 0 0 0px;}
.proshowsolutions .swiper-container03 .swiper-slide .a .text h4 .topdf img { height: 20px; margin: 0px 5px 0 0; }





.proshowsolutions .swiper-container03 .swiper-slide .a .text {padding: 20px; }
.proshowsolutions .swiper-container03 .swiper-slide .a .text h3 { font-size: 20px; margin: 0 0 20px 0;    font-size: 16px;text-align: center; }
.pagesoultionsbannertxt {padding: 50px 0 30px;}
.pagesoultionsprolistgk {    margin: 0 0 0px 0; padding: 0px 0 50px 0;}
.pagesoultionsprolist {  margin: 0px 0; top: 0px; position: relative;    padding: 0px 0 20px 0; }
.proshowsolutions .swiper-slide a .text { padding: 14px;} 
.pagesoultionscase .caselist a { width: 100%;}
.proshowsolutions .swiper-pagination {z-index: 1;    margin: 20px 0 0 0;}
.pageproshowmbx .mbx { padding: 10px;}


.proshowtop { display: flex; flex-flow: wrap;     margin: 30px auto 30px;}
.proshowtop .left { width: 94%; margin: auto;   margin-bottom: 30px; }
.proshowtop .right {     width: 94%; margin: auto }

.proshowtop .left .gallery-top { border: none; height: 300px;}
.proshowtop .left .gallery-top .bigimgbox{height: 100%;}
.proshowtop .left .gallery-top .bigimgbox img {height: 100%;width: 100%;object-fit: contain;} 
.gallery-thumbs .swiper-wrapper { padding-left: 65px; }



.pageproshowmbx {    margin-top: 30px; }
.proshowtop .right h5 { font-size: 24px; margin: 0 0 20px 0; }
.proshowtop .right h6 { font-size: 16px; line-height: 28px; margin: 0 0 20px 0;}
.proshowtop .right dd { display: flex; justify-content: space-between; }
.proshowtop .right dd a { margin: 0; width: 45%; }
.proshowtitle .tt { font-size: 24px;     width: 94%;}
.proshowtxt {margin: 20px auto; width: 94%; }
.proshowsolutions {    width: 100%; margin: auto;}
.pagesoultionsbanner {margin-top: 60px;height: 250px; }
.pagesoultionsbannertxt { top: 0;position: initial; }
.pagesoultionsbanner img { display: block;    height: 100%;}

.proshowsolutions .swiper-slide a .imgbox { width: 94%; margin: auto; }
.proshowsolutions .swiper-container03 .swiper-slide .a { width: 94%; margin: auto; }
.pagesoultionscase .caselist { margin: 0 auto 0px 0; }

/* .s-news01wrap */
.s-news01wrap { padding: 50px 0; }
.s-news01wrap h2 { font-size: 24px; line-height: 30px;}
.s-news01wrap  .s-news01{width: 94%;}
.s-news-innerwrap { margin-top: 90px; }

.f-cont {     width: 94%; margin: auto; }

.s-news02wrap .s-news02 .share {     width: 100%; }
.s-news02wrap {    padding: 0 0 50px 0; }
.s-news02wrap .s-news02 .text p, .s-news02wrap .s-news02 .text span, .s-news02wrap .s-news02 .text strong { margin-top: 10px  ;  line-height: 28px;;}
.s-news02wrap .s-news02 section {font-size: 16px; margin-top: 10px; line-height: 28px;}
.s-news04wrap .item {    width: 100%;margin-left: 0px;}
.s-news02wrap .s-news02 { flex-flow: wrap; }
.s-news02wrap .s-news02 .text { width: 100%; }
.s-news02wrap .s-news02 .share h2 { font-size: 22px; margin-bottom: 20px; margin-top: 20px; }

.s-news03wrap .s-news03 { flex-flow: wrap; }
.s-news03wrap .s-news03 .jump {margin-bottom: 20px;}
.s-news03wrap .s-news03 .jump a { font-size: 14px; line-height: 28px;     margin-top: 0px;}
.s-news04wrap .s-news04 { flex-flow: wrap; }
.s-news04wrap .item:nth-child(3n+1) { margin-left: 0; margin: auto; }

.s-news04wrap { padding: 50px 0 20px; }


/* .download01-right */
.download01-right .news01content .show .item .imgbox { width: 0%; }
.download01wrap .download01-left .tt {     position: initial; transform: none; top: 0px; margin: auto; height: auto; margin-top: 20px; margin-bottom: 20px;width: 100%; }

.mbxwrap02 { margin-top: 90px; }
.mbxwrap02.fxd { position: fixed !important; top: 80px !important; margin: 0; z-index: 9; height: auto; bottom: auto; }
.download01wrap { width: 100%; overflow: hidden; display: flex; flex-flow: wrap; }
.download01wrap .download01-left { width: 100%; height: 100%;  margin-bottom: -10000px; padding-bottom: 10000px; padding-bottom: 0px; margin-bottom: 0px; }
.download01wrap .download01-right { width: 100%; margin-left: 25%;  margin-left: 0px; }
.download01-right .news01content { padding: 50px 0 0 0; }
.download01-right .news01content .show .item { padding-bottom: 30px; margin-bottom: 30px;    display: flex; justify-content: space-between; }
.download01wrap .download01-left .tt .tab { height: 50px;}

.download01-right .news01content .show .item .text { position: relative; width: 100%;margin-left: 0px;     display: flex; flex-direction: column; align-items: center;}


.download01wrap .download01-left .tt .tab .imgbox img { width: 24px; }

.download01-right .news01content .show .item .imgbox img { display: none; }

.download01-right .news01content .show .item .text::before {display: none;}

.download01-right .news01content .show .item .text h2 {text-align: center;}



.page-solutionstxt .pagesoultionsbannertxt { width: 94%;}
.pagesoultionsbannertxt h4 p { font-size: 16px; line-height: 26px; text-align: justify; text-align-last: center; }


.prolistpage .left { width: 100%; padding: 0px; margin-top: 30px; }
.prolistpage .right {     width: 94%; padding: 0px; margin: 0px auto 20px; padding-top: 20px; float: none; overflow: hidden; flex-flow: wrap; display: flex; justify-content: space-between;}
.prolistpage .right .a {    width: 48.5%; margin: 0px; margin-bottom: 7.2px; }

.bannerwrap:before { pointer-events: none; }
.prolistpage .right .a .text h3 {     font-size: 16px; margin: 0 0 10px 0; height: 40px;}

.prolistpage .right .a .text h2 a{font-size: 14px;}

.prolistpage .left .pro-l li .top font { font-size: 18px;}
.prolistpage .left .pro-l li .listinfo a { font-size: 14px;}

.prolistpage .left .pro-l li { width: 94%;    margin: auto;}


.contact02wrap .contact02 .item input { border: none; background-color: rgb(223 223 223); }
.contact02wrap .contact02 .bigitem textarea { background-color: rgb(223 223 223);; }

.imgshow p img{    width: 328px;}

.prolistpage .right .a .imgbox .sy_logo { height: 10px;}



.imgshow { width: 96%; height: 60%; top: 19%; left: 2%; }





}