@media only screen and (min-width:956px) and (max-width:1268px){ 
  
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.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;}




/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head {height: 60px; width: 100%; padding-left: 3%;}
.head .right {display: none;}
.footer .fo01 {display: none;}
.footer .fo02 .le { flex-flow: wrap;justify-content: center;}
.footer .fo02 .le a { margin-right: 10px; }
.footer .fo02 .ri {display: none;}
.footer { padding: 20px 0; }
.footer .fo02 .le a { font-size: 12px;}
.footer .fo02 { justify-content: center; }

/* banner */
.ibanner .text { left: 3%; bottom: 17rem; width: 94%; }


.i01 .ri .content a .text { padding: 2.7rem 2.5rem 3.9rem; }
.i01 .ri .content a .text h4 { font-size: 2.78rem; margin-bottom: 2.8571rem; }
.i02 .le { width: 100%; float: left; }
.i03 { height: 620px; }
.sideright { width: 100%; float: right; } 
.i02 .ri { width: 100%;}
.sideright { margin-top: 30px; }
.i02 .le h4 { line-height: 3.7143rem; width: 100%; margin-bottom: 4.9rem; }
.i02 .le .op {display: flex;}
.i02 .le .more { margin-right: 10px; }
.i02 .le .nav { margin-top: 3rem; }
.i04 .content { width: 100%; }
.i04 .content .fa-angle-left { left: 0px; }
.i04 .content .fa-angle-right { right: 0px; }
.i03 .ri .t .text h4 { width: 100%;}
.i03 .ri .t .text, .i03 .ri .b .text { left: 10%; bottom: 30px; width: 85%; }

.innerbanner img { height: 380px; object-fit: cover; }
.solu01-1 .bot img { width: 67%; margin: auto; }
.solu01-2 .bot .fa-angle-left { left: -3.5rem; }
.solu01-2 .bot .fa-angle-right { right: -3.5rem; }
.con02 .content { width: 100%; }
.actF .act-1F .act-1 .swiper { width: 100%; }

.ser01 .fa {z-index: 10;}
.ser01 .fa-angle-left { left: -3.5rem; }
.ser01 .fa-angle-right { right: -3.5rem; }

.jl .gong .fa-angle-left { left: -2.5rem; }
.jl .gong .fa-angle-right { right: -2.5rem; }
.jl .gong .fa { top: 55%;}
.ab01 .ri .wen {display: none;}
.ab01 .le video { height: auto; }


.ab07 { width: 94%; margin: auto; }
.ab06 .bot { width: 100%; left: 3%; }
.ab07 .right { padding-right: 0px; width: 36.8%;}
.ab07 .right dl { height: 27.7rem; padding-right: 2.3rem; margin-top: 2rem; }
.ab08 { margin-top: 5rem; }

.ab08 .bot { width: 100%; }
.ab08 .fa-angle-right { right: 0rem; }
.ab08 .fa-angle-left { left: 0rem; }
.ab08 .botF { width: 100%; }
.ab08 .bot .imgbox img { width: 18.3rem;}
.ab06 .bot .b_so { width: 94%; }
.ab06 .bot .b_so .faf { width: 12%;}
.ab01 .ri { padding-right: 3%; }

.ab04 .content .top-title { left: 1%; }
.ab04 .content #container .text { left: 1%; }
.ab04 .timedian img { width: 30rem; margin-top: 2rem; }
.ab04 .timedian span { font-size: 2.2rem; margin-top: 1.5rem; width: 30rem; }
.ab04 .content .xianbox2 { margin-left: 3%; }

.ab04 .content .timedian2 {display: none;}
.ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal {display: none!important;}
.ab04 .content .top-title { position: unset; }
.ab04 .content .timedian { position: unset;}
.ab04 .content .xianbox2 {display: none;}
.ab04 .content #container { width: auto; height: auto; }
.ab04 .content .top-title { position: unset; }
.ab04 .content .time_f {display: flex;flex-flow: wrap;margin-top: 20px;justify-content: space-between;}
.ab04 { height: auto; min-height: auto; background: #fff; width: 94%; overflow: hidden; position: relative; padding: 50px 0; margin: auto; }
.ab04 .content #container .text {position: unset; margin-top: 18px; width: 100%; } 
.ab04 .content #container .text p { font-size: 14px; line-height: 24px;    white-space: normal; }
.ab04 .content #container .text h3 { font-size: 3rem; padding-bottom: 2rem; }
.ab04 .content .timedian { position: unset; width: 49%; }
.ab04 .timedian img { width: 100%; margin-top: 2rem; }
.ab04 .content .timedian.time_fan { display: flex; flex-flow: wrap; }
.ab04 .timedian span { font-size: 2.2rem; width: 100%; }
.ab04 .content .timedian:nth-of-type(2n) { flex-flow: column; }


.proinfo2 ul li p { padding: 7px 0; line-height: 24px; font-size: 12px; }
.cinfo_part .con02_nav .icenter1 span { margin-right: 40px;}
.cinfo_part .con02_nav .icenter1 {flex-flow: wrap;}


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

    
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.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;}




/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head {height: 60px; width: 100%; padding-left: 3%;}
.head .right {display: none;}
.footer .fo01 {display: none;}
.footer .fo02 .le { flex-flow: wrap;justify-content: center;}
.footer .fo02 .le a { margin-right: 10px; }
.footer .fo02 .ri {display: none;}
.footer { padding: 20px 0; }
.footer .fo02 .le a { font-size: 12px;}
.head .logo { width: 124px; }
.footer .fo02 { justify-content: center; }

/* banner */
.ibanner .text { left: 3%; bottom: 17rem; width: 94%; }

.i01 .ri .content a .text { padding: 2.7rem 2.5rem 3.9rem; }
.i01 .ri .content a .text h4 { font-size: 2.78rem; margin-bottom: 2.8571rem; }
.i02 .le { width: 100%; float: left; }
.i03 { height: 620px; }
.sideright { width: 100%; float: right; } 
.i02 .ri { width: 100%;}
.sideright { margin-top: 30px; }
.i02 .le h4 { line-height: 3.7143rem; width: 100%; margin-bottom: 4.9rem; }
.i02 .le .op {display: flex;}
.i02 .le .more { margin-right: 10px; }
.i02 .le .nav { margin-top: 3rem; }
.i04 .content { width: 100%; }
.i04 .content .fa-angle-left { left: 0px; }
.i04 .content .fa-angle-right { right: 0px; }
.i03 .ri .t .text h4 { width: 100%;}
.i03 .ri .t .text, .i03 .ri .b .text { left: 10%; bottom: 30px; width: 85%; }

.innerbanner img { height: 380px; object-fit: cover; }
.solu03-4 .left { padding: 8.5rem 6% 0px; width: 28%; height: 100%; }
.solu01-2 .bot .box .icon { width: 15rem; height: 15rem;}
.solu01-2 .bot .box .icon img { width: 7.4rem; }
.solu01-2 .bot .box p { height: 63px; }
.solu01-2 .bot .box { padding: 8rem 4rem 4.6rem; }
.solu01-1 .bot img { width: 78%; margin: auto; }
.solu01-2 .bot .fa-angle-left { left: -3.5rem; }
.solu01-2 .bot .fa-angle-right { right: -3.5rem; }
.con02 .content { width: 100%; }
.actF .act-1F .act-1 .swiper { width: 100%; }

.ser01 .fa {z-index: 10;}
.ser01 .fa-angle-left { left: -3.5rem; }
.ser01 .fa-angle-right { right: -3.5rem; }

.jl .gong .fa-angle-left { left: -2.5rem; }
.jl .gong .fa-angle-right { right: -2.5rem; }
.jl .gong .fa { top: 69%;}

.con02 .content .box .text { padding: 6.5rem 3.7rem; }
.ab01 .ri .wen {display: none;}
.ab01 .le video { height: auto; }

.ab07 { width: 94%; margin: auto; }
.ab06 .bot { width: 100%; left: 3%; }
.ab07 .right { padding-right: 0px; width: 36.8%;}
.ab07 .right dl { height: 27.7rem; padding-right: 2.3rem; margin-top: 2rem; }
.ab08 { margin-top: 5rem; }

.ab08 .bot { width: 100%; }
.ab08 .fa-angle-right { right: 0rem; }
.ab08 .fa-angle-left { left: 0rem; }
.ab08 .botF { width: 100%; }
.ab08 .bot .imgbox img { width: 18.3rem;}
.ab06 .bot .b_so { width: 94%; }
.ab06 .bot .b_so .faf { width: 12%;}
.ab01 .ri { padding-right: 3%; }
.ab04 .content .top-title { left: 1%; }
.ab04 .content #container .text { left: 1%; }
.ab04 .timedian img { width: 30rem; margin-top: 2rem; }
.ab04 .timedian span { font-size: 2.2rem; margin-top: 1.5rem; width: 30rem; }
.ab04 .content .xianbox2 { margin-left: 3%; }

.ab04 .content .timedian2 {display: none;}
.ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal {display: none!important;}
.ab04 .content .top-title { position: unset; }
.ab04 .content .timedian { position: unset;}
.ab04 .content .xianbox2 {display: none;}
.ab04 .content #container { width: auto; height: auto; }
.ab04 .content .top-title { position: unset; }
.ab04 .content .time_f {display: flex;flex-flow: wrap;margin-top: 20px;justify-content: space-between;}
.ab04 { height: auto; min-height: auto; background: #fff; width: 94%; overflow: hidden; position: relative; padding: 50px 0; margin: auto; }
.ab04 .content #container .text {position: unset; margin-top: 18px; width: 100%; } 
.ab04 .content #container .text p { font-size: 14px; line-height: 24px;    white-space: normal; }
.ab04 .content #container .text h3 { font-size: 3rem; padding-bottom: 2rem; }
.ab04 .content .timedian { position: unset; width: 49%; }
.ab04 .timedian img { width: 100%; margin-top: 2rem; }
.ab04 .content .timedian.time_fan { display: flex; flex-flow: wrap; }
.ab04 .timedian span { font-size: 2.2rem; width: 100%; }
.ab04 .content .timedian:nth-of-type(2n) { flex-flow: column; }
.proinfo2 ul li p { padding: 7px 0; line-height: 24px; font-size: 12px; }
.cinfo_part .con02_nav .icenter1 span { margin-right: 40px;}
.cinfo_part .con02_nav .icenter1 {flex-flow: wrap;}


}

@media only screen and (max-width:768px){
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{    overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.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;}

input,textarea{ -webkit-appearance:none; /*去除系统默认的样式*/ } 



/* common */
html,body{font-size: 6.5px;}

/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head {height: 60px; width: 100%; padding-left: 3%;}
.head .right {display: none;}
.footer .fo01 {display: none;}
.footer .fo02 .le { flex-flow: wrap;justify-content: center;}
.footer .fo02 .le a { margin-right: 10px; }
.footer .fo02 .ri {display: none;}
.footer { padding: 20px 0; }
.footer .fo02 .le a { font-size: 12px;}
.head .logo { width: 124px; }




/* banner  index  */
.ibanner .text { left: 3%; bottom: auto; top: 53%; transform: translateY(-50%);width: 94%;}
.h5-img {display: block;}
.ibanner .imgbox video {display: none;}
.ibanner .imgbox  img {object-fit: cover; }
.ibanner .text h3 {font-size: 5rem; line-height: 6.7rem; }
.ibanner .text h4 { font-size: 3.8rem; }
.ibanner .text h5 { font-size: 2.2rem; margin-bottom: 2.4rem; width: 90%;}
.ibanner {height: 60vh;}
.ibanner .swiper-pagination-bullet { width: 5rem; height: 2px; margin: 0 6px!important; }
.ibanner .swiper-pagination-bullet-active { width: 8.6rem; }
.ibanner .more { width: 16rem; height: 5rem; }
.more::after { font-size: 2rem}
.ibanner .swiper-pagination { bottom: 26px;}
.i01 .le h3, .i02 .le h3, .i_title, .i04 .top h3 { font-size: 4rem; }
.i04 .content {width: 94%;}
.i04 { padding: 50px 0; }
.i02, .i01 { padding: 50px 0; }
.i01 .icenter {flex-flow: wrap;}
.i01 .le {width: 100%;}
.i01 .ri {width: 100%;}
.i01 .le h4 { font-size: 20px; line-height: 26px; margin-bottom: 26px; width: 94%; }
.i01 .le h3::after { width: 36px;margin-top: 18px; }
.i01 .le h3 { margin-bottom: 20px; }
.i01 .le .op { display: flex; flex-flow: wrap; }
.i01 .le .more { width: 44%; margin-right: 3%; }
.i01 .le h4 { font-size: 16px; line-height: 24px; margin-bottom: 24px; width: 100%; }
.i01 .ri h4 { font-size: 3.6rem; }
.i01 .ri { margin-top: 18px; }
.i01 .ri .content a:nth-of-type(2n) { margin-left: 0%; }
.i01 .ri .content a { width: 100%; margin-bottom: 20px; } 
.i02 .le {width: 100%;}
.sideright {width: 100%;margin-top: 20px;}
.i02 .le h4 { line-height: 3.7143rem; width: 100%;}
.i02 .le h3 { margin-bottom: 16px;}
.i02 .le h3::after { width: 36px; margin-top: 18px; }
.i02 .more { width: 44%; margin-right: 4%; }
.i02 .op {display: flex;flex-flow: wrap;}
.i02 .le .nav { margin-top: 2rem; }
.i02 .ri { width: 100%;}
.i02 .ri .seg .swiper-pagination-bullet { height: 8px; width: 8px; margin: 0 4px;}
.i02 {padding-bottom: 78px;}
.i03 .le { width: 100%; height: 546px; }
.i03 .ri .t .text, .i03 .ri .b .text { left: 3%;}
.i03 .ri {    width: 100%; position: unset; height: fit-content;}
.i03 .le .text { width: 94%; left: 3%!important; }
.i03 .le dl { padding-top: 3.1429rem; margin-bottom: 0.8571rem; }
.i03 .le video {display: none;}
.i03 .le img {opacity: 1;}
.i03 .le:hover img { opacity: 1; }
.i03 { height: fit-content; max-height: initial; }
.i03 .ri .t:hover img { opacity: 1; }
.i03 .ri .t video { display: none; }
.i03 .ri .t img { opacity: 1; }
.i03 .ri .t,.i03 .ri .b { height: 230px; }
.i04 .top h3::after { width: 36px; margin-top: 18px; }
.i04 .top h3 { margin-bottom: 16px;}
.i04 .top { margin-bottom: 24px; }
.i04 .i04_1_thumbs { width: 100%; overflow: hidden; }
.i04 .content dl dd { padding: 2rem 0; }
.i04 .par { margin-top: 34px; }
.i04 .content { width: 100%; }
.i04 .content .fa-angle-left { left: 0px;    opacity: 0.6; }
.i04 .content .fa-angle-right{ right: 0px;    opacity: 0.6; }

.ser_h3 { font-size: 26px; text-align: center; }
.ser_h3::after { left: 50%; bottom: 0px; transform: translateX(-50%); }
/* solution */
.innerbanner img {     height: 360px; object-fit: cover;}
.innerbanner .text h5 { white-space: normal; font-size: 3.6rem;text-align: center;}
.innerbanner .text h4 { margin-bottom: 1.2rem;    bottom: 6rem;}
.innerbanner .text { width: 94%;     bottom: 6rem;}
.solu03-1 { padding: 50px 0; }
.solu03-2 dl dd { width: 19%; }
.solu03-2 dl dd img { width: auto; height: 24px; }
.solu03-2 .imgbox { height: 43.1429rem; }
.solu03-2 .imgbox img { object-fit: cover; }
.solu03-2 { margin-bottom: 29.2rem; padding: 12rem 0 29rem; }
.solu03-2 dl dd span { font-size: 12px; margin-top: 1.4rem; height: 30px;    text-align: center;}
.solu03-3 .icenter1 { flex-flow: wrap; }
.solu03-3 .text {width: 100%;}
.solu03-3 .imgbox{width: 100%;margin-top: 20px;}
.solu03-3 .imgbox img {height: 220px;object-fit: cover;}
.solu03-3{padding: 50px 0;    margin-bottom: 50px;}
.solu03-4 .left {  padding: 50px 2% 34px; width: 100%; height: auto;}
.solu03-4 {height: auto;    flex-flow: wrap;}
.solu03-4 .right {    height: 374px; width: 100%; overflow: hidden;}
.solu03-4 .left .wen {     font-size: 2.4rem;}
.solu03-4 .left .wen::after {display: none;}
.solu03-4 .left .swiper-slide-thumb-active .wen::after {display: block;width: 100%;}
.solu03-4 .right .box .text br {display: none;}
.solu03-4 .right .box .text {       font-size: 14px; line-height: 24px; bottom: 5rem; width: 94%; height: 144px; overflow: scroll; padding-right: 6px;}
.solu03-4 .right .box .text::-webkit-scrollbar { height: 1px; width: 3px; }
.solu03-4 .right .box .text::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.solu03-4 .right .box .text::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }

.solu03-4 .left .fa_f {display: none;}
.solu02-3 { padding: 50px 0 90px; }
.solu02-2 .bot dl { width: 63%; padding-right: 0rem; box-sizing: border-box; }
.solu02-2 { margin-top: 21rem; padding: 21.1rem 0 50px; }
.solu02-2 .imgbox { height: 38.8rem; top: -43.7rem; }
.solu02-1 { padding: 50px 0 8.5rem; }
.solu02-2 .bot {flex-flow: wrap;}
.solu02-2 .bot .ser_h3::after { left: 0%; transform: translateX(0%); }
.solu02-2 .bot dl {width: 100%;margin-top: 20px;}
.solu02-4 { padding: 50px 0; }
.solu02-4 .bot .box .imgbox {width: 100%;}
.solu02-4 .bot .box .text {    padding: 7rem 3.5rem; width: 100%; position: unset; margin-top: 0px; transform: none;}
.solu02-4 .bot .fa-angle-left { left: 0rem; }
.solu02-4 .bot .fa-angle-right { right: 0rem; }
.solu01-1 .bot img { width: 94%; }
.solu01-1 { padding-top: 50px; }
.solu01-1 .bot { padding-bottom: 50px;}
.solu01-2 { margin-bottom: 209px; padding-top: 50px; height: 295px; }
.solu01-2 .bot .fa { font-size: 2.6rem; width: 4.4rem; height: 4.4rem; border: 0.1rem solid #8d8d8d; color: #8d8d8d; z-index: 10000; }
.solu01-2 .bot .fa-angle-right { right: 0rem; }
.solu01-2 .bot .fa-angle-left { left: 0rem; }
.solu01-2 .bot .box p { width: 80%;font-size: 14px; line-height: 24px; }
.solu01-3 dl dd { margin-bottom: 50px;flex-flow: wrap;}
.solu01-3 dl dd .imgbox {width: 100%;    margin-bottom: 60px;}
.solu01-3 dl dd .text {width: 100%;}
.solu01-3 dl dd:nth-of-type(2n) { flex-flow: wrap; }
.solu03-1 p { font-size: 14px; line-height: 24px; }
.solu03-3 .text p { font-size: 14px; line-height: 24px; }
.solu02-3 .box h4 { font-size: 17px; }
.solu02-1 p { font-size: 14px; line-height: 24px; }
.solu02-2 .bot dl dd { font-size: 14px; line-height: 24px; }
.solu02-4 .bot .box .text p { font-size: 14px; line-height: 24px;}
.solu01-1 p { font-size: 14px; line-height: 24px; }
.solu01-2 .bot .box h4 { font-size: 22px; }
.solu01-3 dl dd .text h4 { font-size: 24px; }
.solu01-3 dl dd .text ul li { font-size: 14px; }
.solu01-3 dl dd .text h4 .wen {    font-size: 78px; top: -9.5rem; }
/* pro */
.pro { padding-top: 0px; }
.pro1 dd { width: 48.5%; margin-right: 3%; margin-bottom: 6%; }
.pro1 dd:nth-of-type(3n) { margin-right: 3%; }
.pro1 dd:nth-of-type(4n) { margin-right: 3%; }
.pro1 dd:nth-of-type(2n) { margin-right: 0%; }
.pro1 .seg { margin-bottom: 50px; }
.pro dd { width: 48.5%; margin-right: 3%; margin-bottom: 6%; }
.pro dd:nth-of-type(3n) { margin-right: 3%; }
.pro dd:nth-of-type(2n) { margin-right: 0%; }
.pro .seg { margin-bottom: 50px; }
.news_nav { padding: 30px 0; }


/* proinfo */
.proinfo_banner {}
.proinfo_banner  img {height: 250px;}
.proinfo_t h3 { font-size: 4.6rem; text-align: start; }
.proinfo_t .ser_h3::after { left: 0%; bottom: 0px; transform: translateX(0%); }
.proinfo_t { top: -10.7rem; }
.proinfo2 .feature p { margin-left: 6rem; }
.proinfo2 .top .swiper .imgbox { height: 46.4286rem; }
.proinfo2 .top { top: -51.3rem; }
.proinfo2 { padding: 21.6rem 0 50px; }
.proinfo2 ul li p { padding: 1.2rem 0;}
.proinfo2 ul li:nth-of-type(2) p { padding-left: 4rem; }
.proinfo2 ul {     width: 100%; margin-top: 22px; }
.proinfo2 .list { flex-flow: wrap; }
.proinfo2 ul li:nth-of-type(2) p, .proinfo2 ul li:nth-of-type(3) p { height: 51px; }
.proinfo2 .feature {flex-flow: wrap;}
.proinfo2 .feature p {width: 100%; padding-left: 0; margin-left: 0px; margin-top: 14px;}
.proinfo2 ul li:nth-of-type(2) p, .proinfo2 ul li:nth-of-type(3) p { padding-left: 4rem; color: #fff; box-sizing: border-box; }
.proinfo2 ul li:nth-of-type(1) { width: 24%; }
.proinfo2 ul li:nth-of-type(3), .proinfo2 ul li:nth-of-type(2) { width: 38%; }
.product01 a { display: block; width: 45.5vw; margin-bottom: 3vw; }
.proinfo_t p { font-size: 14px; line-height: 24px; }
.proinfo2 .feature p { font-size: 14px; }

/* case */
.case { padding: 50px 0; }
.cinfo_banner .imgbox img { height: 35rem; object-fit: cover;}
.cinfo_banner .text h3 {font-size: 4rem; text-align: start;} .cinfo_banner .ser_h3::after { left: 0%; bottom: 0px; transform: translateX(0%); }
.cinfo_banner .text { bottom: -14px;}
.cinfo_banner { margin-bottom: 7rem; }
.actF .act-1F .act-1 .fa-le { left: 3.5rem; }
.actF .act-1F .act-1 .fa-ri { right: 3.5rem; }

.cinfo_banner .text img { width: 10.3rem;  margin-top: 3.6rem; }
.cinfo_part .i04_1_thumbs_cc { width: 100%; overflow: hidden; }
.con02 .content { width: 100%; }
.actF .act-1F .act-1 .swiper-slide a img { height: 29rem; object-fit: cover; }
.actF .act-1F .act-1 .swiper { width: 100%; }
.cinfo_part .bot { margin-top: 4rem; margin-bottom: 4rem; }
.cinfo_part { margin-bottom: 90px; }
.cinfo_part .con02_nav .icenter1 span { margin-right: 12px; margin-bottom: 5px; }
.cinfo_part .con02_nav .icenter1 { flex-flow: wrap; }
.cinfo_part .c_box{width: 100%;min-height: auto;}
.cinfo_part {padding: 0px!important;}
/* service */
.ser01 { padding: 50px 0; }
.ser01 .top p { font-size: 14px; margin-top: 3rem; line-height: 24px;}
.ser01 .text h4 { font-size: 4.8rem; margin-bottom: 2.6rem;}
.ser01 .text p { font-size: 14px; line-height: 24px; }
.ser01 .fa-angle-left {left: 0px;}
.ser01 .fa-angle-right {right: 0px;}
.ser01 .fa { border: 1px solid #fff; color: #fff;}
.ser02 {margin-bottom: 50px;    height: auto; flex-flow: wrap;}
.ser02 .left { width:100%; height: auto;}
.ser02 .right { width:100%; height:auto;}
.ser02 .right .text p {font-size: 14px; line-height: 24px; margin-top: 3.4rem;}
.ser02 .right .text {width: 80%;}
.ser03 {margin-bottom: 50px;}
.ser_com {flex-flow: wrap;}
.ser_com .left {    width: 100%; position: unset; transform: none; padding: 8rem 7%;}
.ser_com .right {width: 100%;}
.ser_com .left p { margin-top: 3rem; font-size: 14px; line-height: 24px; }
.ser04 { padding: 50px 0;}
.ser04 dl dd { width: calc(100%/6); }
.ser04 dl dd .icon img { width: 6.3rem; }
.ser04 dl dd .icon {    margin-bottom: 1.6rem; width: 23vw; height: 23vw;}
.ser04 dl dd span {height: 30px;}
.ser04 dl {flex-flow: wrap;}
.ser04 dl dd { width: 30vw; }
.ser05 { padding-top: 50px; }
.ser05 .seg dl { padding: 0 0px; margin-top: 50px; }
.ser05 .seg { margin-bottom: 80px; }
.ser05 .seg dl dd .icon { width: 9.5rem; height: 9.5rem;}
.ser05 .seg dl dd .icon img { width: 5.2rem; }
.ser05 .seg dl dd { width: 32%; padding: 2.7rem 1rem 4.7rem;}
.ser04 dl dd span { font-size: 12px; }
.ser05 .seg dl dd span { white-space: nowrap; font-size: 12px; }
.jl { padding: 50px 0; }
.jl dd .top { padding: 4.2rem 2.4rem; }
.jl dd .top .state { font-size: 4.9rem; right: 2.5rem;}
.jl dd .bot { padding: 3.5rem 4.3rem; }
.jl dd .bot .cc h4 { font-size: 2.5rem; margin-bottom: 1.7rem; }
.jl dd .bot .cc p { font-size: 14px; line-height: 24px; }

.jl dd .bot .you { font-size: 2rem; margin-bottom: 5.5rem; line-height: 24px; }
.jl dd .bot .you span { font-size: 2rem; font-weight: bold; line-height: 24px; }
.jl dd .bot { padding: 3.5rem 3rem; }
.jl .gong .fa-angle-left { left: -1rem; }
.jl .gong .fa-angle-right { right: -1rem; }
.jl .gong .fa {top: 66%;}

/* con */
.con01 { padding: 50px 0; }
.con01  .ser_h3 ,.con02  .ser_h3,.con03  .ser_h3{ text-align: start; }
.con01 .ser_h3::after ,.con02 .ser_h3::after,.con03 .ser_h3::after{ left: 0%; bottom: 0px; transform: translateX(0%); }
.con01 .ser_h3 { font-size: 3.2rem; }
.con01 .bot .le dl dd { margin-bottom: 3.8rem; }
.con01 .bot {flex-flow: wrap;}
.con01 .bot  .le dl {position: relative; padding: 0px 0 6px; border-bottom: 1px solid #ddd; margin-bottom: 27px;}
.con01 .bot .le {width: 100%;}
.con01 .bot .ri {width: 100%;}
.con01 .bot dd h5 { font-size: 14px; }
.con01 .bot dd span { font-size: 14px; }
._form .bot form .bot_p { font-size: 12px; }
._form .bot form .label { width: 49%; }
._form .bot form .label span input { font-size: 14px; }
._form .bot { padding-bottom: 50px; }
._form .bot form .textarea span textarea { font-size: 14px;}
.con02 { padding: 50px 0; }
._form .top_p { font-size: 12px; }
.con02 .content .box {flex-flow: wrap;height: auto;}
.con02 .content .box .text {width: 100%;margin-bottom: 0px;height: auto;    padding: 6.5rem 3.7rem;}
.con02 .content .box .imgbox { width: 100%; height: auto ; }
.con02 .content .box .text dl dd h5 { font-size: 14px; line-height: 20px; }
.con02 .content .box .text dl dd:last-child h5 {height: 42px;} 
.con02 .content .fa { width: 4rem; height: 4rem;}
.con02 .content .fa-angle-left { left: 0rem; }
.con02 .content .fa-angle-right { right: 0rem; }
.con02 .content .box .text h4 { height: 26px; }

/* about */
.ab01 {flex-flow: wrap;}
.ab01 .le { margin-bottom: 20px; width: 100%;}
.ab01 .ri {padding-right: 0px;width: 100%;}
.ab05 dl dd .text h5 { font-size: 18px; line-height: 30px; }
.vi_box .box .video { width: 94%; height: auto; }
.vi_box .box .video img.close { right: 0rem; top: -7rem; }
.ab01 .le video { height: auto; width: 100%; }
.ab01 .ri { padding-right: 0px; width: 94%; margin: auto; }
.ab01 { padding: 50px 0; margin-bottom: 50px;}
.ab01 .ri p { font-size: 14px; line-height: 24px; }
.ab01::after { height: 100%; width: 100%; }
.ab01 .ri .wen {display: none;}
.ab02 p { font-size: 14px; line-height: 24px; }
.ab02 { margin-bottom: 50px; }
.ab03 { padding: 75px 0; }
.ab02 h3 {width: 80%;margin: auto;}
.ab03 dl dd h5 { width: 100%; font-size: 13px; padding-top: 1.5rem; }
.ab03 dl dd h4 strong { font-size: 7rem;}
.ab07 .right dl { text-align: center; }
.ab09 .top p { width: 100%; font-size: 14px;}
.ab09 dl dd h4 strong { font-size: 7rem;}
.ab09 dl dd h5 { width: 100%; font-size: 13px; }
.ab09 { padding: 60px 0; }
.ab08 .bot { width: 100%; }
.ab08 .botF { width: 100%; }
.ab08 {margin-bottom: 50px;}
.ab08 .fa-angle-right { right: 0rem; }
.ab08 .fa-angle-left { left: 0rem; }
.ab07 {margin-bottom: 0px;flex-flow: wrap;}
.ab07 .left {width: 94%; margin: auto; margin-bottom: 20px;}
.ab07 .right { width: 94%; padding-right: 0px; margin: auto; margin-bottom: 30px; }
.ab07 .right h3 { text-align: center; }
.ab07 .right dl dd { font-size: 14px; margin-bottom: 3rem; }
.ab05 dl { flex-flow: wrap; }
.ab05 dl dd { width: 100%; }
.ab05 dl dd .imgbox img {height: 215px;object-fit: cover;}
.ab06 .top {flex-flow: wrap;}
.ab06 .top p {width: 100%; font-size: 14px; line-height: 24px; text-align: justify; margin-top: 14px;}
.ab06 .swiper { padding-top: 30px; }
.ab06 .bot { width: 94%; position: relative; left: 3%; overflow: hidden; }
.ab06 .bot .swiper .box .text span { font-size: 16px; line-height: 24px; }
.ab06 { padding: 50px 0; }
.ab06 .bot .b_so { width: 100%;margin-top: 4rem;}
.ab06 .bot .b_so .swiper-pagination { width: 78%; }
.ab06 .bot .b_so .faf { width: 19%;}
.ab06 .bot .b_so .fa { width: 4.5rem; height: 4.5rem; font-size: 3.2rem;}
.ab04 .content .timedian2 {display: none;}
.ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal {display: none!important;}
.ab04 .content .top-title { position: unset; }
.ab04 .content .timedian { position: unset;}
.ab04 .content .xianbox2 {display: none;}
.ab04 .content #container { width: auto; height: auto; }
.ab04 .content .top-title { position: unset; }
.ab04 .content .time_f {display: flex;flex-flow: wrap;margin-top: 20px;justify-content: space-between;}
.ab04 { height: auto; min-height: auto; background: #fff; width: 94%; overflow: hidden; position: relative; padding: 50px 0; margin: auto; }
.ab04 .content #container .text {position: unset; margin-top: 18px; width: 100%; } 
.ab04 .content #container .text p { font-size: 14px; line-height: 24px;    white-space: normal; text-align: center; margin: auto; }
.ab04 .content #container .text h3 {font-size: 3rem; padding-bottom: 2rem; width: 80%; text-align: center; margin: auto; }
.ab04 .content #container .text h3 br ,.ab04 .content #container .text p  br {display: none;}
.ab04 .content .timedian { position: unset; width: 49%; }
.ab04 .timedian img { width: 100%; margin-top: 2rem; }
.ab04 .content .timedian.time_fan { display: flex; flex-flow: wrap; }
.ab04 .timedian span { font-size: 2.2rem; width: 100%; }
.ab04 .content .timedian:nth-of-type(2n) { flex-flow: column; }
.ab05 dl dd .text h4 { margin-bottom: 1.3rem; }
.ab06 .top h3 { margin: auto; }
.ab08 .bot .imgbox img { width: 34.3rem; }
.ab08 .bot .box span { color: #333333; font-size: 14px; margin-top: 2rem; text-align: center; }
/* news */
.news_top .box .text p { font-size: 14px; line-height: 24px; margin-bottom: 3.8rem;}
.news_top .box {flex-flow: column-reverse;}
.news_top .box .text {width: 100%; margin-top: 20px;}
.news_top .box .imgbox {width: 100%;}
.news_top .box .text .date { font-size: 14px; font-family: arial; color: #666666; margin: 2.2rem 0 2.5rem; }
.news_top { padding: 50px 0 80px; }
.news_top .box .text .more { width: 14.4rem; }
.news dl dd a {flex-flow: wrap;}
.news dl dd .imgbox {width: 100%;}
.news dl dd .text {width: 100%;margin-top: 20px;}
.news dl dd .text .more { width: 14.4rem; }
.news dl dd .text p { font-size: 14px; line-height: 24px; margin-bottom: 3.7rem; }
.page { margin: 5.8rem auto 8rem; }
.news_top .box .text h3 { font-size: 20px; line-height: 31px; }
.news dl dd .text h3 { font-size: 20px; line-height: 31px; }
.news dl dd .text .date { font-size: 14px; }
.news_nav a { font-size: 17px; }
/* newinfo */
.newsinfo_banner .news_text { width: 94%; }
.newsinfo_banner .news_text .bt { font-size: 3.2rem; }
.newshowtxt { width: 94%; }
.newshowtxt p { font-size: 14px; line-height: 24px; margin-bottom: 2rem; }
.sxy a { padding: 1.6rem 0; font-size: 14px; }
.bottomfx dd .fx a { width: 5rem; height: 5rem; line-height: 5rem; }
.bottomfx dd span { font-size: 14px; line-height: 5rem; margin-right: 2rem; }
.bottomfx dt a { width: 13rem; height: 5rem;  }

.jl dd .top .tip h5 span { font-size: 13px; }
.jl dd .top h4 { font-size: 19px; }
.con02 .con02_nav .icenter1 span { font-size: 16px; }
.con02 .content .box .text h4 { font-size: 20px; line-height: 28px; }
._form .bot form .label h6 { font-size: 14px; }
.cinfo_part .c_box { font-size: 16px; line-height: 24px; }

.innews .icne .left,.innews .icne .right{ width:100%;margin-bottom}
.innews .icne{display: block;}

}