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

.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%;}
.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; }

 
 
}
@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;}

.div1,.div2{ transition: 0.6s;background: #fff;}
/* 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: 64px; }




/* 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; }


/* n_news */
.n_news dl dd a {flex-flow: wrap;}
.n_news dl dd .imgbox {width: 100%;}
.n_news dl dd .text {width: 100%;margin-top: 20px;}
.n_news dl dd .text .more { width: 14.4rem; }
.n_news dl dd .text p { font-size: 14px; line-height: 24px; margin-bottom: 3.7rem; }
.n_news dl dd .text h3 { font-size: 20px; line-height: 31px; }
.n_news dl dd .text .date { font-size: 14px; }


}