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

    
          


.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 

.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: transparent!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; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;}

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



.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head { height: 60px; width: 100%; padding-left: 3%; }
.head .logo { width: 140px; }
.div2 .head { height: 60px; }
.head  .right {display: none;}
.head { height: 60px; }
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div2 .drawer-hamburger ,.div1:hover .drawer-hamburger,.div3 .drawer-hamburger{ background-color: var(--dex)!important; }

.fo01 { padding: 60px 0; background-attachment: unset; }
.fo02 .top ,.fo02 .mid {display: none;}
.fo02 .bot { padding: 2rem 0 ;}
.fo02 .bot .icenter { display: flex; align-items: center; flex-flow: wrap; justify-content: center; }


.i01 .content a h4 { font-size: 15px; }
.i02 .bot .icenter { padding: 0 6.4rem; }
.i03 .bot .box .text h4 { font-size: 16px; }
.i04 .img_bg { top: -42px; width: 87rem; height: 64.4rem; }
.i04 .content .mid ul li { line-height: 13rem; height: 13rem; font-size: 80px;}
.i04 .content .mid .num { width: 100%; line-height: 13rem; height: 13rem; }
.i04 .content .mid { width: 27rem; margin-left: 0%; }
.i05 .content .map .dot.max img { width: 13px; }
.i05 .content .map .dot.min img { width: 10px; }
.i_banner .swiper-pagination { left:3%; }



.proinfo02 .bot .swiper { width: 94%; }
.proinfo02 .bot .bot_sub { width: 100%; }
.proinfo02 .bot { width: 100%; }
.div3 .head { height: 60px; }
.proinfo_banner { margin-top: 60px; height: calc(100% - 60px); }
.app02 .bot .bgimg img { height: 40.5rem; }


.inner-banner .text { width: 94%;}
.newsinfo { width: 94%; }
.newsinfo_app { width: 94%; }
.ab03 .bot { padding-left:3%; }
.con02 .left {width: 32%;}
.con01 .bot .box .text { padding: 5.8rem 3.6rem; }


.join02 .bot ul li .g { width: 54%;  padding: 3.8rem 1.5rem; }
.join02 .bot ul li .g .text { width: 69%; }
.join02 .bot ul li .g .text h4 { font-size: 19px; }
.join03 .right { width: 542px; }

.i_banner { height: 81vh; }
.i02 { height: calc(79vh - 92px); }
.proinfo03 .icenter .left ul li { width: 48%; }
.fo02 { padding-top: 0rem; }
}
@media only screen and (min-width:750px) and (max-width:1000px){

    
          


.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 

.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: transparent!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; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;}

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



.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head { height: 60px; width: 100%; padding-left: 3%; }
.head .logo { width: 140px; }
.div2 .head { height: 60px; }
.head  .right {display: none;}
.head { height: 60px; }
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div2 .drawer-hamburger ,.div1:hover .drawer-hamburger,.div3 .drawer-hamburger{ background-color: var(--dex)!important; }

.fo01 { padding: 60px 0; background-attachment: unset; }
.fo02 .top ,.fo02 .mid {display: none;}
.fo02 .bot { padding: 2rem 0 ;}
.fo02 .bot .icenter { display: flex; align-items: center; flex-flow: wrap; justify-content: center; }


.i01 .content a h4 { font-size: 15px; }
.i02 .bot .icenter { padding: 0 6.4rem; }
.i03 .bot .box .text h4 { font-size: 16px; }
.i04 .img_bg { top: -42px; width: 64rem; height: 64.4rem; }
.i04 .content .mid ul li { line-height: 13rem; height: 13rem; font-size: 80px;}
.i04 .content .mid .num { width: 100%; line-height: 13rem; height: 13rem; }
.i04 .content .mid { width: 27rem; margin-left: 0%; }
.i05 .content .map .dot.max img { width: 13px; }
.i05 .content .map .dot.min img { width: 10px; }
.i_banner .swiper-pagination { left:3%; }


.proinfo02 .bot .swiper { width: 94%; }
.proinfo02 .bot .bot_sub { width: 100%; }
.proinfo02 .bot { width: 100%; }
.div3 .head { height: 60px; }
.proinfo_banner { margin-top: 60px; height: calc(100% - 60px); }
.app02 .bot .bgimg img { height: 34.5rem; }
.inner-banner .text { width: 94%;}
.newsinfo { width: 94%; }
.newsinfo_app { width: 94%; }
.i_h3 { font-size: 34px; }
.ab03 .bot { padding-left:3%; }
.con02 .left {width: 32%;}
.con01 .bot .box .text { padding: 5.8rem 3.6rem; }



.join02 .bot ul li .g { width: 54%;  padding: 3.8rem 1.5rem; }
.join02 .bot ul li .g .text { width: 69%; }
.join02 .bot ul li .g .text h4 { font-size: 19px; }
.join03 .right { width: 542px; }

.i_banner { height: 66vh; }
.i02 { height: calc(62vh - 92px); }
.innerbanner img { height: 45vh; }
.proinfo03 .icenter .left ul li { width: 48%; }
.fo02 { padding-top: 0rem; }
}

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


.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 

.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: transparent!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; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;}

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





.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head { height: 60px; width: 100%; padding-left: 3%; }
.head .logo { width: 140px; }
.div2 .head { height: 60px; }
.head  .right {display: none;}
.head { height: 60px; }
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div2 .drawer-hamburger ,.div1:hover .drawer-hamburger,.div3 .drawer-hamburger{ background-color: var(--dex)!important; }

.fo01 { padding: 60px 0; background-attachment: unset; }
.fo02 .top ,.fo02 .mid {display: none;}
.fo02 .bot { padding: 2rem 0 ;}
.fo02 .bot .icenter { display: flex; align-items: center; flex-flow: wrap; justify-content: center; }




.i_banner .text h3 { font-size: 30px;; }
.i_banner .text h4 { font-size: 15px; margin-bottom: 30px; }
.more { height: 34px; width: 110px; }


.i_h3 { font-size : 24px;}
.i01 { padding : 50px 0;}
.i01 .content a { position: unset;margin-bottom: 20px;}
.i01 .content {height: auto;}
.i01 .content a:nth-of-type(1), .i01 .content a:nth-of-type(3), .i01 .content a:nth-of-type(4), .i01 .content a:nth-of-type(6) { width: 100%; }
.i01 .content a:nth-of-type(2), .i01 .content a:nth-of-type(5) { width: 100%; }
.i02 .bot .icenter { padding: 0 0%; }
.i02 .bot .icenter .box .text { font-size: 12px;width: 100%; }
.i02 .bot .icenter .box .imgbox, .i02 .bot .icenter .box .imgbox img { height: 7.3rem; }
.i02 .content .box .text { width: 94%;top: 7.5rem; }
.i02 .content .box .text p { font-size: 14px; line-height: 23px; }
.i02 { height: calc(72vh - 92px); }
.i03 { padding: 50px 0; }
.i03 .opt { margin-top: 4.2rem; }
.i03 .opt .an .fa { width: 3.8rem; height: 3.8rem;}
.i03 .opt .an { width: 18.3%; }
.i03 .opt .i03Swiper-pagination { width: 78%;}
.i03 .more { margin-top: 4rem; float: left; }
.i05  .i_h3 { width: 80%;}
.i05 .content {flex-flow: wrap;}
.i05 .content .map {width: 100%;margin-bottom: 20px;}
.i05 .content .text {margin-right: 0px;width: 100%;}
.i05 .content .text .g { margin-bottom: 20px; padding: 20px; border: 1px solid #ddd; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.i05 .content .map .dot.max img { width: 8px; }
.i05 .content .map .dot.min img { width: 7px; }
.i05 .content .act { width: 7px; height: 7px; }
.i02 .content .box .text { top: 8rem;}

.i04 .content .left {display: none;}
.i04 .content .right { max-height: 22.3rem; width: 100%; padding-right: 0%;}
.i04 .content .mid .num {display: none;}
.i04 .content { margin: 0px 0 25px; flex-direction: column-reverse; padding: 30px 0; }
.i04 .content .mid { width: 100%; margin-left: 0%; }
.i04 .content .mid .dao .fa {border-color: #fff;color: #fff;}
.i04 .content .mid .dao .fa:hover {background-color: #fff;color: var(--dex);}
.i04 .img_bg { right: -10%; top: 0px; width: 120%; height: 100%; }


.innerbanner img { height: 330px; }
.innerbanner .text h3 { font-size: 30px; margin-bottom: 1.8rem;}
.innerbanner .text h4 { font-size: 16px; }


.pro { padding: 50px 0; }
.pro li {flex-flow: wrap;margin-bottom: 80px;}
.pro li .text {width: 100%;}
.pro li .imgbox {width: 100%;}
.pro li:nth-of-type(2n) { flex-flow: wrap; }
.pro li .text { padding: 4rem;    margin-bottom: 24px; }
.pro li .text h4 { font-size: 24px; }
.pro li .text p { font-size: 14px; line-height: 24px; margin: 2.4rem 0 4rem; }




.proinfo_banner .icenter .left { width: 100%; }
.proinfo_banner .icenter .right img {    height: 285px; max-width: 100%; margin: 0 auto 23px; width: auto;}
.proinfo_banner .icenter .left h3 { font-size: 34px; }
.proinfo_banner { margin-top: 60px; height: auto; padding-top: 50px;padding-bottom: 50px;  }
.div3 .head { height: 60px; }
.proinfo_banner .icenter .left p { font-size: 16px;    text-align: center; }
.proinfo_banner .icenter{flex-direction: column-reverse;}
.proinfo_banner .icenter .right { min-width: 100%; }
.proinfo_banner .icenter .left .tab {     margin: 4rem auto 5rem; justify-content: center; }
.proinfo01 { padding: 50px 0; }
.proinfo01 p { font-size: 16px; line-height: 30px; width: 100%;}


.proinfo_h3 {font-size: 26px;}
.proinfo01 p { font-size: 14px; line-height: 28px; width: 100%; }
.proinfo02 { padding: 50px 0; }
.proinfo02 .bot .swiper { width: 100%; }
.proinfo02 .bot .bot_sub { width: 100%; }
.proinfo02 .bot { width: 100%; }
.proinfo02 .bot { width: 94%; }
.proinfo02 .swiper-pagination { bottom: -18px; }
.proinfo03 { padding: 50px 0; }
.proinfo03 .icenter .left{width: 100%;margin-bottom: 0px;}
.proinfo03 .icenter .right {width: 100%;}
.proinfo03 .icenter .left ul li { width: 100%; margin-bottom: 30px; }
.proinfo03 .icenter .left ul li:nth-of-type(3), .proinfo03 .icenter .left ul li:nth-of-type(4) { margin-bottom: 30px; }
.proinfo03 .icenter .right img { height: auto; }
.proinfo04 { margin-bottom: 50px; }
.proinfo04 ul li { width: 100%; margin-bottom: 14px; margin-right: 0px;}

.proinfo05 { padding: 50px 0; z-index: 10;}
.proinfo05 .icenter .left span { font-size: 17px;    margin-right: 2rem;}
.proinfo05 .icenter .left .share a {     font-size: 15px; width: 5rem; height: 5rem; margin-right: 8px; }
.proinfo05 .icenter .left { margin-bottom: 0px; }


.app01 { padding: 50px 0; }
.app01 .right { width: 100%; }
.app01 .right p { font-size: 15px; line-height: 27px; }
.app02 { padding: 50px 0; }
.app02 .bot ul li .g { width: 100%; }
.app02 .bot ul li { width: 48%; margin-bottom: 5.6rem; }
.app02 .bot .bgimg { position: unset; left: 0%; top: 0px; height: auto; transform: translateX(0%); }
.app02 .bot .bgimg img { height: auto; width: auto; max-width: 86%; }
.app02 .bot ul li .g p { font-size: 12px; line-height: 20px; min-height: 40px; }
.app02 .bot ul { margin-top: 30px; }
.app03 { padding: 50px 0; }
.app05 .icenter {flex-flow: wrap;padding: 50px 0;}
.app05 .icenter .imgbox {width: 100%;margin-bottom: 20px;}
.app05 .icenter .text {width: 100%;}
.app05 .icenter .imgbox img { height: 200px; }
.app05 .icenter::before { position: absolute; right: -10%; top: 50%; transform: translateY(-50%); background-color: rgb(243, 243, 243); width: 120%; height: 100%; content: ""; }
.app05 { padding: 0 0; margin: 50px 0;    overflow: hidden; }
.app05 .icenter .text h6 { font-size: 16px; }
.app05 .icenter .text p { font-size: 14px; line-height: 24px;    margin-bottom: 4.3rem; }


.proinfo_banner .icenter .left h3 { font-size: 28px; text-align: center;}
.app01 .i_h3 { width: 221px; }
.case { padding: 50px 0 0rem; }
.case ul li { padding: 4rem 0; }
.case ul li a {flex-flow: wrap;}
.case ul li a .imgbox {width: 100%;margin-bottom: 2rem;}
.case ul li a .text {width: 100%;}
.case ul li a .text h3 { font-size: 20px; }
.case ul li a .text h4 { font-size: 13px; }
.case ul li a .text p { font-size: 14px; line-height: 24px; }
.case ul li a .text h5 { margin-top: 2.3rem;}
.case ul li a .text h5 { font-size: 12px; }
.case ul li a .text h5 span { font-size: 12px; }
.page { margin: 0px 0 50px; }
.case ul { margin-bottom: 37px; }
.inner-banner .text { width: 94%;}



.news-banner img{height: 260px;}
.newsinfo { width: 94%; padding: 50px 0 0px; }
.newsinfo_app { width: 94%; }
.news-banner .text h5 { font-size: 22px; line-height: 32px; margin-bottom: 12px; }
.news-banner .text h6 { font-size: 12px; }
.newsinfo p { font-size: 14px; line-height: 24px; }
.newsinfo .fen a { padding: 12px 0; font-size: 13px; }
.newsinfo .bottom .share span { font-size: 13px; margin-right: 8px; }
.newsinfo .bottom .share .s a { margin-right: 8px; width: 28px; height: 28px; font-size: 1px; }
.newsinfo .bottom .right a { width: 106px; height: 32px; }


.ab01 { padding: 50px 0; }
.ab01 .right { width: 100%; margin-top: 18px; }
.ab01 .right p { font-size: 14px; line-height: 24px; }
.ab01 .left h4 { font-size: 16px; }
.ab02 { padding: 50px 0; }
.ab02 .top span { font-size: 15px; }
.ab02 .top p { font-size: 14px; line-height: 24px;    margin-top: 3.2rem }
.ab02 ul { margin-top: 6rem; }
.ab02 ul li h4 strong { font-size: 54px; }
.ab02 ul li h5 { font-size: 15px; }
.ab02 ul li {    border: 1px solid rgba(255,255,255,0.3); padding: 3rem; width: 100%; margin-bottom: 1.5rem; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.ab03 { padding: 50px 0; }
.ab03 .bot { padding-left: 3%; margin-bottom: 30px; width: 94%; }
.ab03 .bot .box img { height: 164px; }
.ab03 .bot .box .text h4 { font-size: 32px; }
.ab03 .bot::after { left: 3%; top: 185px; }
.ab03 .op .fac img { width: 18px; }
.ab03 .top .i_h3 {margin-bottom: 0px;}
.ab03 .top { margin-bottom: 3rem; }
.ab05 { padding: 50px 0; }
.ab05 ul li { width: 32.3%; }
.ab05 ul li:nth-of-type(6n){margin-right: 0px;}
.ab05 ul li:nth-of-type(3n) {margin-right: 0.87%;}
.ab05 .top span { font-size: 15px; }
.ab05 .top h3 {text-align: center;    margin-bottom: 0rem;    font-size: 18px;
    width: 80%;} .ab04 ul li .text .bg1 { display: none; }
.ab04 ul {flex-flow: wrap;}
.ab04 ul li {width: 100%;margin-bottom: 20px;}
.ab04 ul li .text .cc { height: 100%; }
.ab04 ul li { display: flex; flex-direction: column-reverse; }
.ab04 ul li .text h4 { font-size: 22px; }
.ab04 ul li .text h5 { font-size: 15px; line-height: 25px; }
.ab04 ul li .text .cc { padding: 3rem; }
.ab04 ul li .text,.ab04 ul li .imgbox ,.ab04 ul li{height: auto;}
.ab04 ul li .imgbox img {height: 148px;}
.ab04 { margin-bottom: 30px; }

.con01 { padding: 50px 0; }
.con01 .top { margin-bottom: 3.8rem; }
.con01 .tab a { font-size: 16px; margin-right: 2.4rem; }
.con01 .bot .box {height: auto;flex-flow: wrap;}
.con01 .bot .box .imgbox {width: 100%;margin-bottom: 20px;}
.con01 .bot .box .text {width: 100%;    padding: 4rem;}
.con01 .bot .box .imgbox .wen { font-size: 52px; left: -2px; bottom: -11px; }
.con01 .bot .box .text h3 { font-size: 21px; }
.con01 .bot .box .text .g h5 { font-size: 14px; }
.con02 { padding: 50px 0; }
.con02 .left h3 { margin-bottom: 1.4rem; }
.con02 .left h4 {font-size: 15px; line-height: 25px;}
.con02 .left {margin-bottom: 20px;}
.con02 .right { width: 100%; }
.con02 .right form .lab .in_lab input { height: 5rem; line-height: 5rem;}


.join01 { padding: 50px 0; }
.join01 .left { width: 100%; }
.join01 .left p { font-size: 14px; line-height: 24px;    margin-top: 1.3rem; }
.join01 .left .i_h3 { margin-bottom: 2rem; }
.join01 .left { margin-bottom: 20px; }
.join01 .right { width: 100%; }
.join01 .right img { height: auto; }
.join02 .bot .bigimg { width: 100%; height: 100%; position: unset; transform: translateX(0%); margin-bottom: 20px; }
.join02 .bot {height: auto;}
.join02 .bot ul li {width: 100%;margin-bottom: 15px;}
.join02 .bot ul li .g { width: 100%; }
.join02 { margin-bottom: 30px; }
.join03 { padding: 50px 0;    background-attachment: unset;}
.join03 .left h3 { line-height: 38px; }
.join03 .right { width: 100%; }
.join03 .right .g { width: 84px; margin-right: 5.4rem;margin-bottom: 4.7rem; }
.join03 .right .g h4 { font-size: 15px; margin-top: 2rem; }
.join03 .right .g:nth-of-type(4n) {margin-right: 5.4rem;} 
.join03 .right .g:nth-of-type(3n) { margin-right: 0px; }
.join03 .right .g:nth-of-type(5), .join03 .right .g:nth-of-type(6), .join03 .right .g:nth-of-type(7), .join03 .right .g:nth-of-type(8) { margin-bottom: 4.7rem; }
.join03 .right { justify-content: flex-start; }
.join03 .right .g img { width: auto; height: 4.3rem; }
.join04 { padding: 50px 0; }
.join04 .top p { font-size: 16px; margin-top: 1.8rem; }
.join04 ul li {width: 100%;    margin-bottom: 27px;}
.join04 ul li .imgbox img { height: 188px; }
.join04 ul li:nth-of-type(2) { top: 0px; }
.join04 ul li .text h4 { font-size: 22px; }
.join04 ul li .text h5 { font-size: 14px; line-height: 23px; margin-top: 1.2rem; }
.join04 ul li .text { padding-top: 2rem; }
.join05 { padding: 50px 0; }
.join05 .icenter p { font-size: 14px; line-height: 24px;width: 100%; }
.join05 .icenter a .wen { font-size: 14px; }
.fo02 { padding-top: 0rem; }
.proinfo05 .right {display: none;}
.proinfo_banner .icenter .left p::after { left: 50%; transform: translateX(-50%); }
.proinfo_banner .icenter .left .more { margin: auto; }
.proinfo_banner .icenter .left .more:nth-of-type(1){margin-bottom: 10px;}
.proinfo_banner .icenter .left .tab .g:last-child {margin-right: 0px;}

.i01 .content a:nth-of-type(5) img { display: none; }
.i05 { padding: 20px 0 50px }
.i01 .content a:nth-of-type(5) {display: none;}
.i04 { overflow: hidden; }


}