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

.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--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(100% - 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.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;  top: 6.4%;}
.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;padding-bottom: 10px;}
.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; } 
.drawer-nav .lang {    position: absolute; right: 40px; bottom: 90px; font-size: 17px; color: #333;z-index: 10;}


/* head footer*/
.head .icenter .right {display: none;}
.head { height: 60px; }
.head .icenter { padding: 0 0px 0 3%; }
.head .icenter { padding: 0 0px 0 3%; height: 60px; }
.head .icenter .nav {display: none;}
.navbar {display: none;}
.i-cont { width: 94%; }
.div1 { border-bottom: 0px; }
.div1{background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo{filter: none;}
.head .icenter .logo img {filter: none;}
.div1 .head .icenter .logo .tips h4,.div1 .head .icenter .logo .tips h5{ color: #333; }
footer .fo01 {display: none;}
footer { padding-top: 0px; }
footer .fo02 {flex-flow: wrap;padding: 20px 0;}
footer .fo02 .le { display: flex; align-items: center; flex-flow: wrap; justify-content: center; }
footer .fo02 .le span {margin-right: 0px;}
footer .fo02 .le span::after {display: none;}
footer .fo02 .se {font-size: 12px; margin: auto;}

.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box .video img.close { right: -10px; top: -40px; }
.index_banner .box .text {width: 94%;}
.index02 { padding: 80px 0; }

.index02 .left .wen { font-size: 64px; }
.index02 .left { font-size: 23px; }
.index02 .right .info h4 a { font-size: 21px; }
.index02 .right .info { margin-right: 17px; }
.index02 .right .more { width: 153px; height: 42px; font-size: 13px; }

.jiyi_top .wen {     font-size: 59px; line-height: 48px; white-space: nowrap; top: -5px; }
.index03 .content .i-cont .t p { font-size: 14px; line-height: 26px; margin-bottom: 26px; width: 37%; }
.index03 .content .i-cont .t h4 { font-size: 17px; margin-bottom: 12px; }
.index03 .content .i-cont dl dd { padding: 26px 29px; width: 215px; }
.index04 .min02 .left { width: 67%;}
.index04 .min02 .left .text h5 {    right: -61px; width: 118px; height: 118px;}
.index04 .min02 .left .text h5:after { width: 138px; height: 138px; left: -11px; top: -11px; }
.index04 .min02 .left .text { width: 61%; padding: 32px 69px 32px 30px;    position: absolute; right: 80px;}
.index04 .min02 .left .text h3 { font-size: 15px; margin-bottom: 14px; }
.index04 .min02 { display: flex; align-items: center; }
.index04 .min02 .left { width: 63%; padding-right: 80px; }
.index04 .min02 .right { width: 38%; }
.index04 .min02 .right a .text h3 { font-size: 12px; line-height: 20px; }
.index04 .min02 .right a .text .font p { width: 60px; height: 23px; font-size: 12px; border-radius: 5px; line-height: 24px; }
.index04 .min02 .right a .text .font { margin-top: 11px; }

.index01 .content .right { width: 84%; height: 532px; }
.index01 .content .left { width: 15%; }
.index01 .content .left a span { font-size: 12px; white-space: nowrap; }

.index01 .content .right .bot a {width: 24%;}
.index01 .content .right .top .ri{width: 24%;}
.index01 .content .right .top .ri a {width: 100%;}
.index01 .content .right .top .le { width: 74.6%;}
.index01 .content .right .top .le .le_b a {width: 30%;}
.index01 .content .right .top .le .le_b a {     width: 32.1%; }
.index01 .content .right .top .le .le_t a:nth-of-type(1) { width: 66%; }
.index01 .content .right .top .le .le_t a:nth-of-type(2) { width: 32%; }
.index01 .content .right a .cc .text h5 { font-size: 12px; }
.index01 .content .right a .cc { bottom: 10px; left: 10px; }
.index01 .content .right a .cc .text h4 { font-size: 14px; margin-bottom: 2px; white-space: nowrap; }

.con dl dd .content .title h4 { font-size: 22px; margin-bottom: 10px; }
.con dl dd { padding: 36px; }
#dituContent_x { height: 329px; }


.news01wrap { width: 94%; margin: auto; }
.news01wrap .item .text { padding-left: 40px; padding-right: 60px; }
.n-infowrap { margin-top: 60px;}
.newinfotext h3 { font-size: 26px; line-height: 42px; }
.newsinfo-right { padding-left: 30px; }
.newsinfo-left { padding-right: 30px; }

.inner_banner { margin-top: 60px; }
.inner_banner .text { top: 50%; }

.proinfo .left { padding-right: 1%; }

.proinfo-2 .right h3 { font-size: 28px; margin-bottom: 20px; }

.proinfo-2 .le li:nth-of-type(1) { margin-right: 10px; }
.proinfo-2 { margin-top: 60px; }

.ab01 .content .box p {line-height: 24px; height: 313px; overflow-y: scroll; padding-right: 10px;}
.ab01 .content .box p::-webkit-scrollbar { height: 1px; width: 3px; }
.ab01 .content .box p::-webkit-scrollbar-thumb {border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);background: #ded8d8;}
.ab01 .content .box p::-webkit-scrollbar-track {border-radius: 2px; background: rgba(164,164,164,0.1);}
.ab01 .content .list {width: 68%;}
.ab01 .content .fa {width: 32px; height: 32px; font-size: 24px;}
.ab01 .content .fa-angle-right {left: 40px;}
.ab01 .content .list {width: 78%; left: 93px;}
.ab01 .content .list .g { font-size: 12px; padding-top: 8px;}
.ab02 .content {margin-left: 3%;}
.ab04 dd .content .text img {height: auto; width: 100%;}
.ab02 .ab02Swiper {padding: 82px 0 254px; }
.ab04 dd .content .text p {width: 54%; font-size: 14px; line-height: 24px; margin-left: 4%;}
.ab04 dd .content .text .imgbox {width: 40%;}

.ab05 .box img {height: 32px;}
.ab05 .box span {font-size: 12px; margin-top: 14px;}
.ab06 .text {width: 29%; }
.ab_title h3 {font-size: 17px; margin-bottom: 8px;}

.join01 dl dd .imgbox img { height: auto; }
.join01 dl dd .bot h5 {font-size: 14px;width: 94%;margin: auto;text-align: center;}
.join02 dl {width: 46%;}

.join03 dd .content .text p { padding-left: 40px; font-size: 14px; line-height: 32px; width: calc(100% - 146px); }

.news01wrap .item { width: 100%; }

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

.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--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(100% - 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.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;  top: 6.4%;}
.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;padding-bottom: 10px;}
.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; } 
.drawer-nav .lang {    position: absolute; right: 40px; bottom: 90px; font-size: 17px; color: #333;z-index: 10;}


/* head footer*/
.head .icenter .right {display: none;}
.head { height: 60px; }
.head .icenter { padding: 0 0px 0 3%; }
.head .icenter { padding: 0 0px 0 3%; height: 60px; }
.head .icenter .nav {display: none;}
.navbar {display: none;}
.i-cont { width: 94%; }
.div1 { border-bottom: 0px; }
.div1{background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo{filter: none;}
.head .icenter .logo img {filter: none;}
.div1 .head .icenter .logo .tips h4,.div1 .head .icenter .logo .tips h5{ color: #333; }
footer .fo01 {display: none;}
footer { padding-top: 0px; }
footer .fo02 {flex-flow: wrap;padding: 20px 0;}
footer .fo02 .le { display: flex; align-items: center; flex-flow: wrap; justify-content: center; }
footer .fo02 .le span {margin-right: 0px;}
footer .fo02 .le span::after {display: none;}
footer .fo02 .se {font-size: 12px; margin: auto;}

.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box .video img.close { right: -10px; top: -40px; }
.index_banner .box .text {width: 94%;}
.index02 { padding: 80px 0; }


.index02 .left .wen { font-size: 64px; }
.index02 .left { font-size: 23px; }
.index02 .right .info h4 a { font-size: 21px; }
.index02 .right .info { margin-right: 17px; }
.index02 .right .more { width: 153px; height: 42px; font-size: 13px; }

.jiyi_top .wen {     font-size: 59px; line-height: 48px; white-space: nowrap; top: -5px; }
.index03 .content .i-cont .t p { font-size: 14px; line-height: 26px; margin-bottom: 26px; width: 37%; }
.index03 .content .i-cont .t h4 { font-size: 17px; margin-bottom: 12px; }
.index03 .content .i-cont dl dd { padding: 26px 29px; width: 215px; }
.index04 .min02 .left { width: 67%;}
.index04 .min02 .left .text h5 {    right: -61px; width: 118px; height: 118px;}
.index04 .min02 .left .text h5:after { width: 138px; height: 138px; left: -11px; top: -11px; }
.index04 .min02 .left .text { width: 61%; padding: 32px 69px 32px 30px;    position: absolute; right: 80px;}
.index04 .min02 .left .text h3 { font-size: 15px; margin-bottom: 14px; }
.index04 .min02 { display: flex; align-items: center; }
.index04 .min02 .left { width: 63%; padding-right: 80px; }
.index04 .min02 .right { width: 38%; }
.index04 .min02 .right a .text h3 { font-size: 12px; line-height: 20px; }
.index04 .min02 .right a .text .font p { width: 60px; height: 23px; font-size: 12px; border-radius: 5px; line-height: 24px; }
.index04 .min02 .right a .text .font { margin-top: 11px; }

.index01 .content .right { width: 84%; height: 532px; }
.index01 .content .left { width: 15%; }
.index01 .content .left a span { font-size: 12px; white-space: nowrap; }

.index01 .content .right .bot a {width: 24%;}
.index01 .content .right .top .ri{width: 24%;}
.index01 .content .right .top .ri a {width: 100%;}
.index01 .content .right .top .le { width: 75%; }
.index01 .content .right .top .le .le_b a {width: 30%;}
.index01 .content .right .top .le .le_b a { width: 32%; }
.index01 .content .right .top .le .le_t a:nth-of-type(1) {width: 66%;}
.index01 .content .right .top .le .le_t a:nth-of-type(2) {width: 32%;}
.index01 .content .right a .cc .text h4 { font-size: 15px;margin-bottom: 2px;}
.index01 .content .right a .cc .text h5 { font-size: 12px;}
.index01 .content .right a .cc { bottom: 10px; left: 10px;}
.index01 .content .right a .cc .text h4 { font-size: 14px; margin-bottom: 2px; white-space: nowrap; }

.con dl dd .content .title h4 { font-size: 22px; margin-bottom: 10px; }
.con dl dd {padding: 36px;}
#dituContent_x {height:329px;}



.news01wrap { width: 94%; margin: auto; }
.news01wrap .item .text { padding-left: 40px; padding-right: 60px; }
.n-infowrap { margin-top: 60px;}
.newinfotext h3 { font-size: 26px; line-height: 42px;}
.newsinfo-right { padding-left: 20px; }
.newsinfo-left { padding-right: 20px;}

.inner_banner {margin-top: 60px;}
.inner_banner .text { top: 50%;}

.proinfo .left {padding-right: 1%;}
.proinfo-2 .right h3 {font-size: 28px; margin-bottom: 20px;}
.proinfo-2 .le li:nth-of-type(1) { margin-right: 10px;}
.proinfo-2 .le li:nth-of-type(1) p { width: 80px; }
.proinfo-2 { margin-top: 60px;}


.ab01 .content .box p {line-height: 24px; height: 313px; overflow-y: scroll; padding-right: 10px;}
.ab01 .content .box p::-webkit-scrollbar {height: 1px; width: 3px;}
.ab01 .content .box p::-webkit-scrollbar-thumb {border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);background: #ded8d8; }
.ab01 .content .box p::-webkit-scrollbar-track {border-radius: 2px; background: rgba(164,164,164,0.1);}
.ab01 .content .list {width: 68%;}
.ab01 .content .fa {width: 32px; height: 32px; font-size: 24px;}
.ab01 .content .fa-angle-right { left: 40px; }
.ab01 .content .list { width: 78%; left: 93px; }
.ab01 .content .list .g { font-size: 12px; padding-top: 8px; }
.ab02 .content {margin-left: 3%;}
.ab04 dd .content .text img {height: auto; width: 100%;}
.ab02 .ab02Swiper {padding: 82px 0 254px; }
.ab04 dd .content .text p {width: 54%; font-size: 14px; line-height: 24px; margin-left: 4%;}
.ab04 dd .content .text .imgbox {width: 40%;}

.ab05 .box img {height: 32px;}
.ab05 .box span { font-size: 12px; margin-top: 14px; }
.ab06 .text { width: 29%; }
.ab_title h3 { font-size: 17px; margin-bottom: 8px; }

.join01 dl dd .imgbox img { height: auto; }
.join01 dl dd .bot h5 {font-size: 14px; width: 94%; margin: auto; text-align: center;}

.join02 dl { width: 46%; }
.join02 dl dd .icon img {width: 18px;}
.join02 dl dd .text {width: 76%;}

.ab06 ._map { top: 50%; transform: translateY(-50%);width: 73%; }
.ab06 .ab_title { margin-bottom: 24px; }
.ab06 .i-cont { padding: 78px 0 72px; }
.join03 dd .content .text h5 { font-size: 16px; width: 100px; }
.join03 dd .content .text p { padding-left: 40px; font-size: 14px; line-height: 32px; width: calc(100% - 100px); }
.join03 dd .content::after { left: 99px; }

.news01wrap .item { width: 100%; }

}
@media only screen and (max-width:768px){
/* header */
.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--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(100% - 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.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;  top: 6.4%;}
.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;padding-bottom: 10px;}
.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; } 
.drawer-open .drawer-nav .lang {     position: fixed; right: 40px; bottom: 50px; font-size: 17px; color: #333; z-index: 10;}

/* head footer*/
.head .icenter .right {display: none;}
.head { height: 60px; }
.head .icenter { padding: 0 0px 0 3%; }
.head .icenter { padding: 0 0px 0 3%; height: 60px; }
.head .icenter .nav {display: none;}
.navbar {display: none;}
.i-cont { width: 94%; }
.div1 { border-bottom: 0px; }
.div1{background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo{filter: none;}
.head .icenter .logo img {filter: none;}
.div1 .head .icenter .logo .tips h4,.div1 .head .icenter .logo .tips h5{ color: #333; }
footer .fo01 {display: none;}
footer { padding-top: 0px; }
footer .fo02 {flex-flow: wrap;padding: 20px 0;}
footer .fo02 .le { display: flex; align-items: center; flex-flow: wrap; justify-content: center; }
footer .fo02 .le span {margin-right: 0px;}
footer .fo02 .le span::after {display: none;}
footer .fo02 .se {font-size: 12px; margin: auto;}
    


.vi_box .box .video { position: relative; width: 94%; height: 38%; }
.index_banner .box .text h4::after {}
.index_banner .box .text h4::before{}
.index_banner .box .text { width: 94%; }
.index_banner .box .text h3 { font-size: 26px; margin: 14px 0 32px; text-align: center; }
.index_banner .box .text h4 { font-size: 20px; }
.rightCb {display: block!important;    top: 54%;}
.rightCb1:nth-child(1),.rightCb1:nth-child(3),.rightCb1:nth-child(4) {display: none;}
.rightCb1:nth-child(2) {display: block;}
.index_banner .box .text h4::after { right: -58px; width: 49px;}
.index_banner .box .text h4::before { left: -58px; width: 49px;}
.vi_box .box .video img.close { right: 0px; top: -37px; }
.index_banner .op {left: 71%; bottom: 53px; }
.more { font-size: 12px; width: 115px; height: 36px; }
.index01 { padding: 50px 0; }
.jiyi_top { margin-bottom: 27px; }
.jiyi_top h3 { font-size: 24px; margin-bottom: 8px; }
.jiyi_top h4 { font-size: 14px; }
.jiyi_top h4::after { width: 25px; height: 2px; bottom: -15px; }
.jiyi_top .wen { font-size: 45px; top: -24px; line-height: 41px; }
.index01 .content {flex-flow: wrap;}
.index01 .content .left {width: 100%; display: flex; flex-flow: wrap; margin-bottom: 14px; display: none;}
.index01 .content .right {width: 100%;height: auto;}
.index01 .content .left a {margin: 18px 0; width: 33%; white-space: nowrap; }
.index01 .content .left::after {display: none;}
.index03 { padding-top: 50px; } 
.index01 .content .left a span {font-size: 12px; text-align: center; width: 96px;}
.index01 .content .left a i::after { width: 10px; height: 10px; }
.index01 .content .left a i { width: 15px; height: 15px;}
.index01 .content .right .top .le .le_t {flex-flow: wrap; margin-bottom: 0px;}
.index01 .content .right .top .le { width: 100%; }
.index01 .content .right .top .le .le_t a:nth-of-type(1) { width: 100%; margin-bottom: 10px;}
.index01 .content .right .top .le .le_t a:nth-of-type(2) { width: 100%; }
.index01 .content .right .top {flex-flow: wrap; margin-bottom: 0px;}
.index01 .content .right .top .le .le_b { flex-flow: wrap; }
.index01 .content .right a { height: 140px; width: 100%; margin-bottom: 10px; }
.index01 .content .right .top .ri a { width: 100%; height: 140px; }
.index01 .content .right .top .ri {width: 100%;}
.index01 .content .right .bot { flex-flow: wrap; }
.index02 { padding: 50px 0; }
.index02 .i-cont {flex-flow: wrap;}
.index02 .left {width: 100%;font-size: 20px;margin-bottom: 10px;}
.index02 .right {width: 100%;}
.index02 .left .wen { font-size: 49px; }
.index02 .right .info h4 a { font-size: 20px; }
.index02 .right .info h4 img { width: 22px; margin-right: 9px; }
.index02 .right .more { width: 109px; height: 34px; font-size: 12px; }
.index03 .content .left {display: none;}
.index03 .content .right {width: 100%;}
.index03 .content .i-cont .t p { font-size: 14px; line-height: 26px; margin-bottom: 25px; width: 100%; }
.index03 .content .right::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }
.index03 .content .i-cont dl dd { padding: 17px 9px; width: 33.3%; }
.index03 .content { height: 543px; }
.index03 .content .i-cont dl dd img { width: 24px; margin-bottom: 9px; }
.index03 .content .i-cont dl dd h4 strong { font-size: 34px; margin-right: 6px; }
.index03 .content .i-cont dl dd h4 { font-size: 12px; margin-bottom: 1px; }
.index03 .content .i-cont dl dd h5 { font-size: 12px; white-space: nowrap; }
.index03 .content .i-cont .t { margin-bottom: 32px; }
.index04 { padding: 50px 0; }
.index04 .min02 .left {width: 100%; padding-right: 0px;}
.index04 .min02 .right {width: 100%; position: unset; padding-top: 20px;}
.index04 .min02 .left .text { width: 100%; padding: 22px 94px 23px 22px; right: 0px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.index04 .min02 .left::before {display: none;}
.index04 .min02 .left .text h5 { width: 80px; height: 80px; right: 8px; }
.index04 .min02 .left .text h5:after {    width: 90px; height: 90px; left: -5px; top: -5px;}
.index04 .min02 .left .text h5 p { font-size: 26px; }
.index04 .min02 .left .text span { font-size: 12px; margin-top: 2px; }
.index04 .min02 .right a { margin-bottom: 24px; }
.index04 .bot { margin-top: 20px; }
.inner_banner { margin-top: 60px; }
.inner_banner .text h4 { font-size: 26px; margin-bottom: 8px; }
.inner_banner .text h5 { font-size: 15px; }
.inner_banner .text h6 {top: -7px; font-size: 43px;}
.inner_banner img { height: 210px; }
.con { padding-top: 50px; }
.con .bot form { width: 94%; margin: auto; }
.con .bot { margin-top: 50px; padding-bottom: 50px; }
#dituContent_x { height: 328px; }
.con dl dd { padding: 30px 25px; margin-bottom: 20px; width: 100%; margin-right: 0%; }
.con dl dd .content .title h4 { font-size: 20px; margin-bottom: 8px; }
.con dl dd .content .title h5 { font-size: 14px; }
.con dl dd .content .title { margin-bottom: 16px; }
.con dl dd .content p { padding-top: 12px; font-size: 13px; line-height: 23px; }
.inner_banner .ab_nav a { font-size: 12px; }
.inner_banner .ab_nav { bottom: -20px; height: 40px; }
.inner_banner .text { top: 50%; }
.news01wrap .item .imgbox { width: 100%;     max-height: 180px;}
.news01wrap .item .text { width: 100%; box-sizing: border-box; padding-left: 0px; padding-right: 00px; }
.news01wrap .item {flex-flow: wrap;}
.news01wrap .li:nth-of-type(1) { padding-top: 70px; }
.news01wrap { width: 94%; margin: auto;}
.page { margin-top: 40px; }
.news01wrap .item .text h3 { font-size: 18px; margin-bottom: 18px;}
.news01wrap .item .text p {     font-size: 13px; margin-bottom: 17px; margin-top: 14px;}
.news01wrap .item .text h4 { font-size: 14px; line-height: 24px;}
.news01wrap .li { padding: 38px 0px; }
.news01wrap .li:hover { background: none; }
.n-infowrap { margin-top: 60px; height: 245px; }
.newinfotext h3 { font-size: 20px; line-height: 32px; }
.newinfotext p { font-size: 13px; margin-top: 16px; }
.n-infowrap .ab-nav { font-size: 14px; top: 20px;}
.newsinfo { padding: 50px 0;flex-flow: wrap;}
.newsinfo-left { width: 100%; padding-right: 0px; margin-bottom: 36px;}
.newsinfo-right { width: 100%; padding-left: 0px; }
.newsinfo:after {display: none;}
.newsinfomin p { font-size: 14px; line-height: 26px; margin-bottom: 16px; }
.newsinfo-right .tl { font-size: 20px; margin-bottom: 18px; }
.deve01wrap { padding: 50px 0; }
.deve01 {flex-flow: wrap;}
.deve01 .left {width: 100%;margin-right: 0%;}
.deve01 .right {width: 100%;}
.devtitle { padding-bottom: 16px; margin-bottom: 16px;}
.devtitle span { font-size: 40px; margin-right: 20px; }
.devtitle h2 { font-size: 22px; }
.deve01 p { font-size: 14px; line-height: 30px; }
.deve01 .left { margin-bottom: 26px; }
.deve02wrap { padding: 50px 0; }
.deve02 ul li { margin-bottom: 35px; flex-flow: wrap; }
.deve02 ul li .imgbox {width: 100%;margin-bottom: 20px;}
.deve02 ul li .textbox {width: 100%;margin-bottom: 16px;}
.deve02 ul li .textbox h3 { margin-bottom: 15px; }
.deve02 ul li .textbox p { font-size: 14px; line-height: 30px; }
.deve02 ul li:last-of-type { margin-bottom: 0px; }
.deve03wrap { padding: 50px 0; }
.deve03wrap .deve02 ul li { flex-flow: wrap-reverse; margin-bottom: 20px;}
.pro { padding: 50px 0;}
.pro dl dd { width: 100%; margin-right: 0%; margin-bottom: 20px; height: 175px; }
.pro dl dd .text h4 { font-size: 18px; margin-bottom: 18px; }
.pro dl dd .text h5 { font-size: 13px; margin-bottom: 28px; }
.pro dl dd .text { left: 20px; top: 112%;}
.pro dl dd .text .more { font-size: 13px; width: 111px; height: 34px; }
.pro dl dd .bg { width: 62%; left: -62%; }
.proinfo { padding: 50px 0; }
.proinfo .i-cont {flex-flow: wrap;}
.proinfo .left {width: 100%; padding-right: 0px; margin-bottom: 30px;}
.proinfo .right {width: 100%;padding-left: 0%;}
.proinfo .i-cont::before {display: none;}
.proinfo .right .a { padding: 22px; }
.proinfo-2 { margin-top: 60px; }
.proinfo-2 .right h3 { font-size: 24px; margin-bottom: 18px; }
.proinfo-2 .le li:nth-of-type(1) p { width: 84px; }
.proinfo-2 .le li:nth-of-type(1) p:nth-of-type(1), .proinfo-2 .le li:nth-of-type(2) p:nth-of-type(1){height: 23px; line-height: 23px;}
.proinfo-2 .le li:nth-of-type(1) { margin-right: 12px; }
.proinfo-2 .seg:nth-of-type(1) {flex-flow: wrap;}
.proinfo-2 .seg:nth-of-type(1) .le {width: 100%;margin-bottom: 20px;}
.proinfo-2 .le li:nth-of-type(2) p { width: 245px; }
.proinfo-2 .le li:nth-of-type(1) p:nth-of-type(1), .proinfo-2 .le li:nth-of-type(2) p:nth-of-type(1){height: 65px; line-height: 23px;}
.proinfo-2 .ri { width: 100%; }
.segtxt dd span { font-size: 14px; line-height: 24px; }
.segtxt p { font-size: 14px; line-height: 26px; }
.segtxt .seg_title { margin-bottom: 12px; }
.ab01 { padding: 60px 0 50px; }
.ab01 .right { height: 200px; width: 100%; top: 0px; position: unset; }
.ab01 .content {width: 100%; height: auto; margin-bottom: 50px;}
.ab01 .content .ab01_thumbs { height: auto; }
.ab01 .content .box p { line-height: 24px; height: 196px; overflow-y: scroll; padding-right: 10px; }
.ab_title h3 { font-size: 16px; margin-bottom: 4px; }
.ab_title h4 { font-size: 24px; }
.ab01 .content .box .ab_title { margin-bottom: 18px; }
.ab01 .content .box p::-webkit-scrollbar { width: 4px!important; height: 4px!important; background-color: #F5F5F5; border: 4px solid transparent; background-clip: content-box; }
.ab01 .content .box p::-webkit-scrollbar-thumb { border-radius: 2px;  background-color: #ded8d8; }
.ab01 .content .box p::-webkit-scrollbar-track { border-radius: 2px; background: rgba(164,164,164,0.1); }
.ab01 .content .box p::-webkit-scrollbar-thumb,
.ab01 .content .box p::-webkit-scrollbar-thumb:hover,
.ab01 .content .box p::-webkit-scrollbar-thumb:active{
　background-color: red;
    border-radius: 2px;
    border: 4px solid transparent;
    background-clip: content-box;
}


.ab01 .content .fa { width: 30px; height: 30px; font-size: 23px; }
.ab01 .content .fa {bottom: -35px;}
.ab01 .content .fa-angle-right { left: 40px; }
.ab01 .content .list { width: 73%; bottom: -42px; left: 80px; }
.ab02 { padding: 50px 0 0; }
.ab02 .i-cont .fa { width: 30px; height: 30px; font-size: 25px; }
.ab02 .i-cont .fa-angle-left { right: 44px; }
.ab02 .i-cont { display: flex; justify-content: space-between;     margin-bottom: 32px;}
.ab02 .wei { height: 57px; top: 0px; }
.ab02 .i-cont .fa-angle-left { right: 41px; }
.ab02 .ab02Swiper { padding: 82px 0 227px; }
.ab02 .content { margin-left: 0px;    padding-left: 3%; }
.ab03 { padding: 50px 0; }
.ab04 .ab_title { margin-bottom: 26px; }
.ab04 { padding: 50px 0; }
.ab04 dl { width: 100%; }
.ab04 .fen { flex-flow: wrap; }
.ab04 dd:last-child { border-bottom: 0px solid #fff; }
.ab04 dd .content .text {flex-flow: wrap;}
.ab04 dd .content .text .imgbox {width: 100%;margin-bottom: 20px;}
.ab04 dd .content .text p {width: 100%; text-align: center;}
.ab04 dd .content .text img { margin: auto; }
.ab05 { padding: 50px 0; }
.ab05 .ab_title { margin-bottom: 30px; }
.ab05 .box span { font-size: 12px; margin-top: 9px; }
.ab06 .ab_title { margin-bottom: 20px; }
.ab06 ._map { position: relative; width: 100%; margin-top: 14px; }
.ab06 .ab_title { margin-bottom: 18px; }
.ab06 .text h4 { font-size: 19px; margin-bottom: 14px; }
.ab06 .text p { font-size: 14px; line-height: 24px; padding-top: 13px; }
.ab06 .text { width: 100%; }
.ab06 .i-cont { padding: 50px 0; }
.ab04 dl:nth-of-type(2) dd:last-child { border-bottom: 1px solid #fff; }
.join01 { padding: 50px 0; }
.join_top h4 { margin-bottom: 6px; }
.join_top h5 { font-size: 24px; }
.join01 dl { margin-top: 24px; }
.join01 dl dd {width: 100%; margin-bottom: 20px; }
.join01 dl {flex-flow: wrap;}
.join01 dl dd .imgbox img { height: auto; }
.join02 { padding: 50px 0; }
.join02 .left { width: 100%;margin-bottom: 20px; }
.join02 dl {width: 100%;}
.join02 .i-cont {flex-flow: wrap;}
.join01 dl dd { background-color: #fff; box-shadow: 0 0 10px #ddd; }
.join02 dl dd .text h4 {font-size: 16px;margin-bottom: 4px;}
.join02 dl dd .text h5 {font-size: 13px;}
.join02 dl dd .icon {width: 43px;height:43px;margin-right: 15px;}
.join02 dl dd .icon img {width:20px;}
.join02 dl dd .text {width:80%;}
.join02 .left p {font-size: 14px; line-height: 28px; margin-top: 17px; }
.join03 {padding: 50px 0 0;}
.join03 .join_top { margin-bottom: 28px; }
.join03 dd .title { padding: 15px 0; }
.join03 dd .title .le h4 { font-size: 16px; }
.join03 dd .title .ri { width: 19px; height: 19px;}
.join03 dd .content { padding: 24px 0;}
.join03 dd .content .text p {padding-left: 18px; font-size: 14px; line-height: 28px; width: calc(100% - 70px);}
.join03 dd .content .text h5 {font-size: 14px; width: 70px; }
.join03 dd .content::after { left: 70px; }
.join04 { padding: 50px 0; }
.join04 .i-cont .imgbox { width: 100%; margin-bottom: 20px;}
.join04 .i-cont {flex-flow: wrap;}
.join04 .text {width: 100%;}
.join04 .text::after { top: 50%; right: -100%; width: 250%; height: 172%; }
.hst { padding: 50px 0; }
.hst .top { padding: 20px; margin-bottom: 50px; }
.hst .top .text { font-size: 14px; width: 100%; line-height: 26px; }
.hst .bot { padding-top: 42px; }
.hst .bot .content span { font-size: 18px; margin-bottom: 10px; }
.hst .bot .content p { font-size: 14px; line-height: 28px; }
.hst .bot .content { margin-bottom: 34px; }

 .news01wrap .item { width: 100%; }
 .ab03 .imgbox { width: 100%;  }


}