@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: #db090a!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{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 100px;position: relative;          top: 6.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #db090a;}

/* xx */
.drawer-menu-item{margin-bottom: 29px!important; font-size: 15px!important; font-size: 15px; display: flex!important; justify-content: space-between; align-items: center; border-bottom: 0px!important; outline: none!important;}
.drawer-dropdown.open>.drawer-dropdown-menu {padding: 0px 0px 0px!important;}
.drawer-menu li .drawer-dropdown-menu-item {    display: flex!important; justify-content: space-between; align-items: center;    margin: auto!important; margin-bottom: 29px!important;}
.drawer-menu li .drawer-dropdown-menu-item  i {font-size: 18px;color: #999;}
.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: 80px!important; height: 80px!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: #db090a!important; }
.drawer-hamburger {background-color: #db090a!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-menu-item.acc span {display: none;}
.drawer-menu-item:hover { color: #333; } 


.drawer-open .drawer-hamburger-icon {background-color: #db090a!important;}

.drawer-nav .lang { display: flex;align-items: center;   position: absolute; right: 40px; bottom: 90px;z-index: 10;}
.drawer-nav .lang a { font-size: 16px; color: #666;}
.drawer-nav .lang a:nth-of-type(1) {margin-right: 10px;}

/* head,footer */
.headerwrap .headf01 {display: none;}
.i-cont { width: 94%; }
.headf02 .nav {display: none;}
.headf02 .phone{display: none;}
.div2_1 .headf02 { height: 80px; }
.headf02 { height: 80px; } 
.headf02 .i-cont { height: 80px; }
.headf02 .logo img { height: 47px; }
.div2_1 .headf02 .logo img { height: 47px; }
.footerwrap .wid {display: none;}
.footerwrap .copyright { width: 98%; flex-flow: wrap; }
.footerwrap .copyright  h3 {    display: flex; justify-content: center; align-items: center; width: 100%;}
.footerwrap .copyright h3, .footerwrap .copyright a { font-size: 12px; }
.footerwrap .copyright h3 a { margin-left: 0px; margin: 6px 0px; }
.footerwrap .copyright>div {width: 100%;display: flex;justify-content: center;align-items: center;}
.footerwrap { border-top: 6px solid #db090a;}


/* banner */
.banner {height: 100%;}
.banner .swiper-container {height: 100%;}
.banner video {display: none;}
.banner img {height: 100%;object-fit: cover;}
.banner .b-text h3 {    font-size: 38px; line-height: 35px; margin-bottom: 24px;}
.banner .b-text p {    font-size: 17px; margin-bottom: 25px; line-height: 24px;}
.more {padding: 0px;width: 128px; height: 36px; line-height: 34px; font-size: 16px;    box-sizing: border-box;}
.bannerwrap .swiper-button-prev {left: 0%; }
.bannerwrap .swiper-button-next {right: 0%; }
.banner .b-text {width: 85%; }
.b_h5  {display: block; height: 100%; width: 100%;}
.bannerwrap { width: 100%; height: calc(100% - 60px); margin-top: 60px; }
.index01 .right { width: 50%; padding-left: 50px; }

/* index */
.indexnum li .mun_top h2 { font-size: 48px; }
.indexnum li img { margin: 18px auto; width: 52px; }
.indexnum li p {     font-size: 16px; color: #fff; text-align: center; margin-top: 10px; line-height: 24px; height: 72px; }
.index07wrap form { width: 94%;}
.index03 { margin-left: 0px; }
.index03wrap {     width: 94%; margin: auto;}
.index06 ul .left a h3 { font-size: 17px; margin: 0px 0 25px; line-height: 24px; }
.index06 ul .right .text h3 { font-size: 16px; }
.index06 ul .right a {align-items: center;}
.index04wrap ul li a .txt::after, .index04wrap ul li a .txt::before { top: 10px; right: 10px; bottom: 10px; left: 10px; }
.index04wrap ul li a .txt {padding: 0px;}
.index04wrap ul li .txt h3 { margin-bottom: 9px; font-size: 15px; }
.index04wrap ul li .txt p { font-size: 12px; line-height: 18px; width: 90%; margin-bottom: 0px; }
.index04wrap ul li .txt i {     margin-top: 5px; font-size: 14px; width: 22px; height: 22px; padding-bottom: 2px; }
.index03 .gallery-top .list .item .left h3 { font-size: 24px; margin-bottom: 20px; }
.index03 .bot { width: 100%; }
.index03 .gallery-top .list .item .left {    padding-top: 0px; margin-top: 0px; }
.index01wrap::after { top: 0px; }

/* join */
.innerbanner .ab-nav { top: 30px;}
.join01 dl dd .icon { width: 78px; height: 78px; }
.join01 dl dd .icon img { width: 30px; }
.join01 dl dd h4 { font-size: 14px; margin-top: 14px; }
.join01 dl dd { width: 78px; }


.aft03 .text .min .ri { left: -66.5px; }
.aft03 .text .min .le  {margin-left: 64px!important;}

.casenav_swiper { padding: 40px 15px 25px; margin-bottom: 54px; }
.case02 .case-cont { width: 100%; }


.solu_info_01 .top p { width: 100%;}
.solu_info_02 .i-cont .top dl dd span { font-size: 16px; width: 88%; line-height: 22px; }
.solu_info_03 .s03Swiper {width: 94%;}
.solu_info_02 .i-cont { padding: 55px 56px 85px; }
.solu_info_02 .bg img { height: 250px; }


.prof02 .content p { font-size: 14px; line-height: 28px; width: 100%; }
.prof02 .content { padding: 0 40px;}
.prof_font .prof_h4 { white-space: nowrap; }
.prof03 .content .box .text p { width: 100%; }
.prof04 .prof4_w { width: 100%; }
.prof04 .prof4_w .swiper { width: 94%; margin: auto;}
.prof04 .prof4_w .fa-angle-right { right: 6px; }
.prof04 .prof4_w .fa-angle-left { left: 6px; }

.his .right { padding: 0 27px; }
.his .right .title::before { left: -27px; width: 27px; }
.his .left .wen { left: -50px; top: 75px; font-size: 36px; }


.news01 .i-cont { align-items: center; }
.n-infowrap { margin-top: 80px; padding-top: 20px; padding-left: 3%; }

.xw{padding-top: 10px;}

.prof04 .prof4_w .dd span { width: 98%;    height: 38px; }
.prof04 .prof4_w .dd .box::before { bottom: -10px;}





}
@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: #db090a!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{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 100px;position: relative;          top: 6.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #db090a;}

/* xx */
.drawer-menu-item{margin-bottom: 29px!important; font-size: 15px!important; font-size: 15px; display: flex!important; justify-content: space-between; align-items: center; border-bottom: 0px!important; outline: none!important;}
.drawer-dropdown.open>.drawer-dropdown-menu {padding: 0px 0px 0px!important;}
.drawer-menu li .drawer-dropdown-menu-item {    display: flex!important; justify-content: space-between; align-items: center;    margin: auto!important; margin-bottom: 29px!important;}
.drawer-menu li .drawer-dropdown-menu-item  i {font-size: 18px;color: #999;}
.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: 80px!important; height: 80px!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: #db090a!important; }
.drawer-hamburger {background-color: #db090a!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-menu-item.acc span {display: none;}
.drawer-menu-item:hover { color: #333; } 


.drawer-open .drawer-hamburger-icon {background-color: #db090a!important;}

.drawer-nav .lang { display: flex;align-items: center;   position: absolute; right: 40px; bottom: 90px;z-index: 10;}
.drawer-nav .lang a { font-size: 16px; color: #666;}
.drawer-nav .lang a:nth-of-type(1) {margin-right: 10px;}

/* head,footer */
.headerwrap .headf01 {display: none;}
.i-cont { width: 94%; }
.headf02 .nav {display: none;}
.headf02 .phone{display: none;}
.div2_1 .headf02 { height: 80px; }
.headf02 { height: 80px; } 
.headf02 .i-cont { height: 80px; }
.headf02 .logo img { height: 47px; }
.div2_1 .headf02 .logo img { height: 47px; }
.footerwrap .wid {display: none;}
.footerwrap .copyright { width: 98%; flex-flow: wrap; }
.footerwrap .copyright  h3 {    display: flex; justify-content: center; align-items: center; width: 100%;}
.footerwrap .copyright h3, .footerwrap .copyright a { font-size: 12px; }
.footerwrap .copyright h3 a { margin-left: 0px; margin: 6px 0px; }
.footerwrap .copyright>div {width: 100%;display: flex;justify-content: center;align-items: center;}
.footerwrap { border-top: 6px solid #db090a;}


/* banner */
.banner {height: 100%;}
.banner .swiper-container {height: 100%;}
.banner video {display: none;}
.banner img {height: 100%;object-fit: cover;}
.banner .b-text h3 {    font-size: 38px; line-height: 35px; margin-bottom: 24px;}
.banner .b-text p {    font-size: 17px; margin-bottom: 25px; line-height: 24px;}
.more {     box-sizing: border-box;   padding: 0px; width: 128px; height: 36px; line-height: 34px; font-size: 16px;}
.bannerwrap .swiper-button-prev {left: 0%; }
.bannerwrap .swiper-button-next {right: 0%; }
.banner .b-text {width: 85%; }
.b_h5  {display: block; height: 100%;width: 100%;}
.bannerwrap { width: 100%; height: calc(100% - 60px); margin-top: 60px; }
.index01 .right { width: 50%; padding-left: 50px; }


/* index */
.indexnum li .mun_top h2 { font-size: 48px; }
.indexnum li img { margin: 18px auto; width: 52px; }
.indexnum li p {     font-size: 16px; color: #fff; text-align: center; margin-top: 10px; line-height: 24px; height: 72px; }
.index07wrap form { width: 94%;}
.index03 { margin-left: 0px; }
.index03wrap {     width: 94%; margin: auto;}
.index06 ul .left a h3 { font-size: 17px; margin: 0px 0 25px; line-height: 24px; }
.index06 ul .right .text h3 { font-size: 16px; }
.index06 ul .right a {align-items: center;}
.index04wrap ul li a .txt::after, .index04wrap ul li a .txt::before { top: 10px; right: 10px; bottom: 10px; left: 10px; }
.index04wrap ul li a .txt {padding: 0px;}
.index04wrap ul li .txt h3 { margin-bottom: 9px; font-size: 15px; }
.index04wrap ul li .txt p { font-size: 12px; line-height: 18px; width: 90%; margin-bottom: 0px; }
.index04wrap ul li .txt i { font-size: 14px; width: 22px; height: 22px; padding-bottom: 2px; }
.index03 .gallery-top .list .item .left h3 { font-size: 24px; margin-bottom: 20px; }
.index03 .bot { width: 100%; }
.index03 .gallery-top .list .item .left { padding-top: 0px; margin-top: 0px;}
.index01wrap::after { top: 0px; }

/* join */
.innerbanner .ab-nav { top: 30px;}
.join01 dl dd .icon { width: 78px; height: 78px; }
.join01 dl dd .icon img { width: 30px; }
.join01 dl dd h4 { font-size: 14px; margin-top: 14px; }
.join01 dl dd { width: 78px; }
.aft03 .text .min .ri { left: -66.5px; }
.aft03 .text .min .le  {margin-left: 64px!important;}


.casenav_swiper { padding: 40px 15px 25px; margin-bottom: 54px; }
.case02 .case-cont { width: 100%; }
.newsinfo-right { padding-left: 15px;}


.solu_info_01 .top p { width: 100%;}
.solu_info_02 .i-cont .top dl dd span { font-size: 16px; width: 88%; line-height: 22px; }
.solu_info_03 .s03Swiper {width: 94%;}
.solu_info_02 .i-cont { padding: 55px 56px 85px; }
.solu_info_02 .bg img { height: 250px; }


.prof02 .content p { font-size: 14px; line-height: 28px; width: 100%; }
.prof02 .content { padding: 0 40px;}
.prof_font .prof_h4 { white-space: nowrap; }
.prof03 .content .box .text p { width: 100%; }
.prof04 .prof4_w { width: 100%; }
.prof04 .prof4_w .swiper { width: 94%; margin: auto;}
.prof04 .prof4_w .fa-angle-right { right: 6px; }
.prof04 .prof4_w .fa-angle-left { left: 6px; }


.his .right { padding: 0 27px; }
.his .right .title::before { left: -27px; width: 27px; }
.his .left .wen { left: -50px; top: 75px; font-size: 36px; }

.cus02 dl dd img { height: 39px; }
.cus01 .right::before { left: -79px; top: 15px; width: 79px; height: 1px; }
#map-list-a a span { width: 6px; height: 6px; }
#map-list-a #a1 {width: 60px; height: 60px;}
#map-list-a #a2{width: 60px; height: 60px;}
#map-list-a #a3{width: 60px; height: 60px;}
#map-list-a #a4{width: 60px; height: 60px;}
#map-list-a #a5{width: 60px; height: 60px;}
#map-list-a #a6{width: 60px; height: 60px;}
#map-list-a #a7{width: 60px; height: 60px;}
#map-list-a #a8{width: 60px; height: 60px;}
#map-list-a #a9{width: 60px; height: 60px;}
#map-list-a #a10{width: 60px; height: 60px;}
#map-list-a #a11{width: 60px; height: 60px;}
#map-list-a #a12{width: 60px; height: 60px;}
#map-list-a #a13{width: 60px; height: 60px;}
#map-list-a #a14{width: 60px; height: 60px;}
#map-list-a #a15{width: 60px; height: 60px;}
#map-list-a #a16{width: 60px; height: 60px;}
#map-list-a #a17{width: 60px; height: 60px;}
#map-list-a #a18{width: 60px; height: 60px;}
#map-list-a #a19{width: 60px; height: 60px;}
#map-list-a #a20{width: 60px; height: 60px;}
.news01 .i-cont { align-items: center; }
.n-infowrap { margin-top: 80px; padding-top: 20px; padding-left: 3%; }
.xw{padding-top: 10px;}

.prof04 .prof4_w .dd span { width: 98%;    height: 38px; }
.prof04 .prof4_w .dd .box::before { bottom: -10px;}




}

@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: #db090a!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{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 100px;position: relative;          top: 6.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #db090a;}

/* xx */
.drawer-menu-item{margin-bottom: 29px!important; font-size: 15px!important; font-size: 15px; display: flex!important; justify-content: space-between; align-items: center; border-bottom: 0px!important; outline: none!important;}
.drawer-dropdown.open>.drawer-dropdown-menu {padding: 0px 0px 0px!important;}
.drawer-menu li .drawer-dropdown-menu-item {    display: flex!important; justify-content: space-between; align-items: center;    margin: auto!important; margin-bottom: 29px!important;}
.drawer-menu li .drawer-dropdown-menu-item  i {font-size: 18px;color: #999;}
.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: #db090a!important; }
.drawer-hamburger {background-color: #db090a!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-menu-item.acc span {display: none;}
.drawer-menu-item:hover { color: #333; } 


.drawer-open .drawer-hamburger-icon {background-color: #db090a!important;}

.drawer-nav .lang { display: flex;align-items: center;   position: absolute; right: 40px; bottom: 90px;z-index: 10;}
.drawer-nav .lang a { font-size: 16px; color: #666;}
.drawer-nav .lang a:nth-of-type(1) {margin-right: 10px;}

/* head,footer */
.headerwrap .headf01 {display: none;}
.i-cont { width: 94%; }
.headf02 .nav {display: none;}
.headf02 .phone{display: none;}
.headf02 { height: 60px; } 
.headf02 .i-cont { height: 60px; }
.headf02 .logo img { height: 36px; }
.footerwrap .wid {display: none;}
.footerwrap .copyright { width: 98%; flex-flow: wrap; }
.footerwrap .copyright  h3 {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.footerwrap .copyright h3, .footerwrap .copyright a { font-size: 12px; }
.footerwrap .copyright h3 a { margin-left: 0px; margin: 6px 0px; }
.footerwrap .copyright>div {width: 100%;display: flex;justify-content: center;align-items: center;}
.footerwrap { border-top: 6px solid #db090a;}



/* banner */
.banner {height: 100%;}
.banner .swiper-container {height: 100%;}
.banner video {display: none;}
.banner img {height: 100%;object-fit: cover;}
.banner .b-text h3 {    font-size: 26px; line-height: 32px; margin-bottom: 24px;}
.banner .b-text p {font-size: 16px; margin-bottom: 26px; line-height: 22px;}
.more {    width: 110px; height: 34px; line-height: 34px; font-size: 14px;}
.bannerwrap .swiper-button-prev {left: 0%; }
.bannerwrap .swiper-button-next {right: 0%; }
.banner .b-text {width: 85%; }
.b_h5  {display: block; height: 100%;}
.bannerwrap { width: 100%; height: calc(100% - 60px); margin-top: 60px; }



/* index*/
.index01wrap::after {display: none;}
.index01 {flex-flow: wrap;}
.index01 .left {width: 100%;}
.index01 .right {width: 100%;    padding-left: 0px;}
.index01 .left ul {     width: 48%; margin-top: 0px; padding-top: 50px; }
.index01 .left ul.b1 { padding-top: 50px; }
.index01 .left ul li { width: 100%; margin-bottom: 4vw; }
.index01 .left ul li a .txt h4, .index01 .left ul li a .txt h3 { font-size: 16px; }
.index01 .left ul li a .txt h3 {font-size: 18px; margin-bottom: 13px; }
.index01 .right { width: 100%; padding-left: 0px; margin-top: 12px; } 
.index01 .right span, .index03 .title span, .index05 .left span { font-size: 12px; margin-bottom: 10px; }
.index01 .right h3 { font-size: 40px; margin-bottom: 17px; }
.index01 .right h3, .index03 .title h3, .index05 .left h3 { font-size: 24px; }
.index01 .right h4 { font-size: 16px; line-height: 24px; margin-bottom: 19px; }
.index01 .right p, .index05 .left h4 { font-size: 13px; line-height: 24px;}
.index01 .right p {    margin-bottom: 26px;}
.index01wrap { padding-bottom: 50px; }
.index02wrap {background-attachment:unset}
.index02 { padding: 50px 0; }
.index02 h3, .index04wrap .title2 h3, .index06 .title2 h3, .index07wrap h3 { font-size: 24px; }
.index02 h3 { margin-bottom: 16px; }
.index02 h4 { font-size: 14px; margin-bottom: 40px; line-height: 18px; }
.index02wrap::after {display: none;}
.indexnum li {    margin-right: 0%; width: 48%; margin-bottom: 20px;}
.indexnum {flex-flow: wrap;}
.indexnum li .mun_top h2 { font-size: 42px; }
.indexnum li img {    margin: 16px auto; width: 45px;}
.indexnum li p {    font-size: 12px; margin-top: 15px; line-height: 22px;}
.indexnum li span {display: none;}
.index03wrap {padding: 50px 0 24px; width: 94%; margin: auto;}
.index03 .gallery-top .list .item {flex-flow: column-reverse;display: block;}
.index03 .gallery-top .list .item .left {width: 100%; margin-right: 0%; padding-top: 0px;margin-bottom: 20px;}
.index03 .gallery-top .list .item .right {     width: 100%; border-radius: 0px; margin-bottom: 20px; margin-top: 0px;}
.index03 { margin-left: 0px; }
.index03 .gallery-top .list .item .left h3 { font-size: 18px; margin-bottom: 15px; }
.index03 .title h3 { font-size: 24px!important;}
.index03 .gallery-top .list .item .left h4 { font-size: 13px; line-height: 26px; margin-bottom: 15px;}
.index03 .swiper-button-next, .index03 .swiper-button-prev { width: 32px; height: 32px; font-size: 16px;}
.index03 .bot { width: 100%;     margin-top: 12px;}
.index03 .gallery-top .list .item .right img { width: 100%; height: 180px; object-fit: cover; }
.index03 .bot .gallery-thumbs h3 { font-size: 13px; margin-top: 12px; }
.index03 .title { margin-bottom: 18px; }
.index04wrap { margin: 50px auto 0; }
.index04wrap .title2 span { font-size: 13px; margin-bottom: 14px; }
.index04wrap .title2 h3 { margin-bottom: 24px; }

.index05wrap { padding: 50px 0; }
.index05 .left { width: 100%; margin-right: 0%;    margin-bottom: 20px; }
.index05 .right { width: 100%; }
.index05 {flex-flow: wrap;}
.index07wrap form { width: 94%;}
.index07wrap { padding: 50px 0; }
.index07wrap h3 { margin-bottom: 24px; }
.index07wrap form .label { width: 100%; }
.index07wrap form .label:nth-of-type(2n) { margin-right: 0%; }
.index07wrap form .label { margin-bottom: 10px;}
.index04wrap ul li { width: 100%; }
.index05 .left h3 { margin-bottom: 20px; }
.index05 .left h4 { margin-bottom: 20px; }
.index05 .left p { font-size: 14px; line-height: 26px; margin-bottom: 24px; }
.index06 ul .left {width: 100%;    margin-bottom: 24px;}
.index06 ul .right { width: 100%; margin-left: 0%; }
.index06 ul {flex-flow: wrap;}
.index06 ul .left a p { margin-bottom: 10px; margin-top: 20px; }
.index06 ul .left a h3 { font-size: 16px; margin: 0px 0 24px; line-height: 24px; }
.index06 ul .right .text h3 { font-size: 14px; }
.index06 ul .right a {align-items: center;}
.index06wrap { margin: 0px auto 50px; }

/* about */
.innerbanner { margin-top: 60px; }
.innerbanner img { height: 200px; }
.innerbanner .ab-nav { font-size: 14px; top: 14px; }
.innerbanner .text h3 { font-size: 26px; margin-bottom: 12px; }
.innerbanner .text h4 { font-size: 14px; }
.innerbanner .text { top: 52%; }
.prof01::before { width: 100%; height: 100%; }
.prof01 .i-cont::before {left: -10%; top: -10%; width: 120%; height: 120%; }
.prof01 .i-cont {flex-flow: wrap;}
.prof01 .left {width: 100%;margin-right: 0px;    margin-bottom: 20px;}
.prof01 .right {width: 100%;}
.prof01 { padding: 50px 0; }
.prof_font .prof_h3 { font-size: 26px;    white-space: nowrap; }
.prof_font .prof_h4 { font-size: 42px; top: -10px; white-space: nowrap; }
.prof_font { padding-bottom: 20px; }
.prof01 h5 { margin: 15px 0; font-size: 14px; line-height: 24px; }
.prof01 .i-cont::before {display: none;}
.prof01 p { font-size: 13px; line-height: 26px; margin-bottom: 12px; }
.prof01 .right img {width: 100%;object-fit: cover;overflow: hidden;height: 250px;}
.prof02 .content {right: 0px; top: 0px; width: 100%; height: 100%; padding: 0 3%;}
.prof02 .content p { font-size: 14px; line-height: 26px; width: 100%; }
.prof02 .content h3 { font-size: 24px; margin-bottom: 18px; }
.prof02 img { height: 443px; }
.prof03 { padding: 50px 0; }
.prof03 .content { margin-top: 30px; }
.prof03 .content .le {width: 100%;margin-bottom: 20px;}
.prof03 .content .box3 {width: 100%;}
.prof03 .content .box img { height: 200px; }
.prof03 .content .box .text h4 { font-size: 20px; margin-bottom: 10px; }
.prof03 .content .box .text p { font-size: 14px; line-height: 24px; width: 253px; }
.prof04 .prof4_w { width: 94%; margin: auto; }
.prof04 p { font-size: 14px; line-height: 28px; margin: 20px 0 30px; }
.prof04 .prof4_w .fa { font-size: 16px; width: 30px; height: 30px; }
.prof04 .prof4_w .fa-angle-left { left: -10px; }
.prof04 .prof4_w .fa-angle-right { right: -10px; }
.about_f a { width: 49.5%; position: relative; overflow: hidden; margin-bottom: 1%; }
.about_f { margin-bottom: 0%;}
.about_f a span { font-size: 16px; }
.his .i-cont { padding: 50px 0 0; flex-flow: wrap;    flex-flow: column-reverse;}
.his .left {    padding-left: 0px; padding-bottom: 0px; width: 100%; }
.his .left .wen { transform: none; left: 0px; top: 0px; font-size: 30px; position: relative; }
.his .right { width: 100%; padding: 0 0%; margin-bottom: 20px; }
.his .right::before {display: none;}
.his .right .title { font-size: 14px; height: 40px; border-radius: 4px; margin-bottom: 24px; }
.cus01 { padding: 50px 0; }
.cus01 .left { width: 100%; }
.cus01 .right { width: 100%;font-size: 14px; line-height: 28px; margin-top: 30px;}
.cus01 .i-cont {flex-flow: wrap;}
.cus01_h5 {display: block;}
.about04 img {display: none;}
.cus01_h5 img {display: block;}
.about04 #map-list-a {display: none;}
.cus02 { padding-bottom: 50px; }
.cus02 dl dd { width: 33.333%; padding: 28px 0; }
.cus02 dl dd img { height: 31px; }
.cus02 h3 { font-size: 24px; margin-bottom: 24px; }
.news01 { padding: 50px 0; }
.news01 .left { width: 100%; }
.news01 .right {width: 100%;   padding-top: 24px;}
.news01 .right h3 { font-size: 20px; line-height: 30px; margin-bottom: 16px; }
.news02 dl dd { margin-bottom: 30px; margin-right: 0px; width: 100%; }
.news02 dl dd .bot h4 { font-size: 16px; margin-bottom: 11px; line-height: 24px; }
.news02 dl dd .bot { padding: 20px 16px 0; }
.news02 dl dd .bot::before { top: 0px; height: 4px; width: 28px; left: 17px; }
.news02 { padding-bottom: 20px; }
.n-infowrap {    /*margin-top: 60px;*/ padding: 0 3%; padding-top: 14px;   height: 216px;}
.mbx02  a {font-size: 12px;}
.newinfotext h3 {     font-size: 20px; line-height: 30px; }
.newinfotext p { font-size: 12px; margin-top: 16px; }
.newsinfo-left { width: 100%; padding-right: 0px; padding-bottom: 50px; }
.newsinfo-right { width: 100%; padding-left: 0px; padding-top: 20px; padding-bottom: 50px; }
.newsinfo {flex-flow: wrap;}
.newsinfo:after {display:none;}
.newsinfomin { margin-bottom: 30px; padding-top: 30px; }
.newsinfo-left .page { padding-top: 20px; }
.solu_info_01 { padding: 50px 0; }
.solu_info_01 .top p { font-size: 14px; line-height: 28px; width: 100%; }
.solu_info_01 .top h4 { font-size: 24px; margin-bottom: 24px; }
.solu_info_01 .top h4::after { width: 23px; height: 2px; bottom: -18px; }
.solu_info_01 .top { padding-bottom: 26px; margin-bottom: 33px; }
.solu_info_01 .mid { margin-bottom: 50px;flex-flow: wrap; }
.solu_info_01 .mid .le {width: 100%;margin-bottom: 20px;}
.solu_info_01 .mid .ri {width: 100%;}
.solu_info_01 .mid .ri h4 { font-size: 24px; margin-bottom: 30px; }
.solu_info_01 .mid .ri h4::after { bottom: -20px; left: 2px; width: 46px; height: 2px; }
.solu_info_01 .bot video { height: auto; }
.solu_info_01 .bot .bo { width: 45px; height: 45px; font-size: 23px; border-width: 3px; }
.solu_info_02 .i-cont .soluinfo02_h4::after { bottom: -22px; width: 33px;}
.solu_info_02 .i-cont .soluinfo02_h4 { font-size: 20px; margin-bottom: 40px; }
.solu_info_02 .i-cont { padding: 50px 28px 50px; }
.solu_info_02 .i-cont .top dl dd span { font-size: 13px; }
.solu_info_02 .i-cont .top dl dd span { font-size: 13px; width: 75%; }
.solu_info_02 .i-cont .top dl dd .icon { margin-right: 14px; width: 34px; height: 34px; }
.solu_info_02 .i-cont .top dl dd span { font-size: 13px; line-height: 20px; width: 239px; }
.solu_info_02 .i-cont .top { margin-bottom: 30px; }
.solu_info_02 .i-cont .top dl dd .icon img { width: 20px}
.solu_info_02 .i-cont .bot .le { width: 100%; }
.solu_info_02 .i-cont .bot .ri { width: 100%; }
.solu_info_02 .i-cont .bot {flex-flow: wrap;}
.solu_info_02 .i-cont .bot .le .content .soluinfo02_h4 { margin-bottom: 35px; }
.solu_info_02 .i-cont .bot .le .content:nth-of-type(1) { margin-bottom: 40px; }
.solu_info_02 .i-cont .bot .le .content:nth-of-type(2) {margin-bottom: 20px;}
.solu_info_02 .i-cont .bot .ri img { height: auto; }
.solu_info_02 .bg img { height: 200px; }
.solu_info_02 { padding: 50px 0; }
.solu_info_03 .s03Swiper { width: 100%; padding: 14px; box-sizing: border-box; padding: 14px 3%; }
.solu_info_03 .more { width: 182px; height: 38px; margin: 65px auto 50px; font-size: 14px; }
.casenav_swiper { padding: 27px 10px 25px; margin-bottom: 38px; }
.casenav_swiper .fa { margin-top: 0px; width: 28px; height: 28px; border-radius: 8px; font-size: 18px;    top: 31%;}
.case01 .show a {width: 100%;margin-right: 0px;margin-bottom: 20px;}
.case01 .show a .text { top: 50%; }
.case01 .show a { height: 280px; }
.case01 .show a .text h4 { transform: translateY(-5px); }
.case01 .i-cont { padding-bottom: 40px; }
.case01 { margin-bottom: 36px; }
.case02 h3 { font-size: 24px; margin-bottom: 18px; }
.case02 h4 { font-size: 14px; line-height: 26px; margin-bottom: 30px; width: 100%; }
.case02 .case-cont { padding-bottom: 50px; width: 100%; }
.case02 { padding-bottom: 50px; }
.case02 .case-cont .i-cont .op { bottom: -40px; }
.caseinfowrap .newsinfo .newsinfomin { padding-bottom: 00px; margin-bottom: 0; }
.caseinfowrap .newsinfo .newsinfomin .cc { padding-top: 30px; }
.caseinfowrap .newsinfo .newsinfomin .cc:nth-of-type(1) { padding-top: 20px; }
.caseinfowrap .newsinfo .newsinfomin p { font-size: 15px; line-height: 30px; }
.caseitem .textbox { padding: 24px; }
.caseinfowrap .newsinfo .newsinfomin { padding-bottom: 40px; margin-bottom: 30px; }
.caseinfowrap::after {display: none;}
.aft01 h5 { font-size: 15px; line-height: 28px; margin-top: 24px; width: 100%; }
.aft01 .i-cont::before { left: -10%; top: -10%; width: 120%; height: 156%; }
.aft01 { padding: 50px 0; } .aft_cc {     margin-bottom: 0px; padding-top: 0px; flex-flow: wrap; height: auto;}
.aft_cc .content { width: 100%;}
.aft_cc .imgbox { width: 100%;}
.aft_cc .top { margin-left: 0%; padding-right: 0px; padding: 0 3%; margin-right: 0px; }
.aft_h3 { font-size: 24px; margin-bottom: 14px; } 
.aft_cc .text {     padding: 0% 0%; padding-left: 0%; margin-left: 0px; margin-right: 0%; margin-left: 0px; width: 78%; margin-left: 6%;}
.aft_cc .text .min .le h5 { font-size: 12px; line-height: 20px; }
.aft_cc .text .min .ri { right: -53px; width: 112px; height: 112px;     left: auto;}
.aft_cc .text .min .ri img { width: 70px; }
.aft_cc .text .min { height: 112px; }
.aft_cc .content { padding: 50px 0 26px; }
.aft_cc .imgbox img { height: 200px; object-fit: cover; }
.aft_cc .text .min::before { border: 0px }
.aft04 { padding: 50px 0 30px; margin-bottom: 0px; } 
.aft_p { font-size: 15px; line-height: 25px; margin-bottom: 22px; }
.aft03 .text .min::before { width: 106%; left: -6%; }
.aft03 { padding-bottom: 50px; }
.aft_cc .text .min::before {    box-shadow: 0 0 5px #ddd; height: 100%; width: 106%; left: -6%; top: 0%; border-radius: 10px; }
.aft04 .top .aft_p { width: 100%; }
.aft04 .top .aft_p { width: 100%; margin-bottom: 6px; }
.aft04 dl dd { width: 48%; margin-bottom: 4%; }
.aft04 .g .imgbox { margin-bottom: 20px; }
.aft04 .g { flex-flow: wrap; }
.aft04 dl { margin-bottom: 40px; }
.aft05 {margin-bottom: 40px;}
.aft04 dl {flex-flow: wrap;}
.join01 { padding: 50px 0; }
.join01 .segment1 h4 { font-size: 18px; }
.join01 .segment1 h5 { font-size: 14px; line-height: 24px; width: 100%; margin: 18px auto 26px; }
.join01 .segment1 img { width:100%; height: 200px;}
.join01 .segment2 .top .left { height: 100%; width: 100%; }
.join01 .segment2 .top .right {width: 100%;}
.join01 .segment2 .top { height: auto; margin-bottom: 50px; flex-flow: wrap; }
.join01 .segment2 .top::before {       z-index: 1; left: -8px; top: -8px; width: 80%; height: 49vw;}
.join01 .segment1 {     margin-bottom: 50px; position: relative; z-index: 1;}
.secretwarp .t-tl { font-size: 26px!important; width: 94%!important; margin-bottom: 50px!important; }
.secretwarp { margin-top: 120px!important; }
.secretwarp .secret .cont { width: 94%!important; padding-top: 0px!important; margin-bottom: 50px!important; }
.secretwarp .secret .cont h3 { padding-left: 13px!important; font-size: 18px!important; margin-bottom: 18px!important; }
.join01 .segment2 .top::after { right: -8px; bottom: -8px; width: 207px; height: 269px; border: 8px solid #307ac6; z-index: 1; }
.join_h3 { font-size: 24px; margin: 0px auto 48px; }
.join_h3::after { bottom: -24px; width: 38px; }
.join01 .segment2 .top .right {     padding: 30px; z-index: 3; position: relative;}
.join01::after { height: 87%; bottom: 0px; width: 100%; height: 75%; z-index: 0; }
.join01 .mid { margin-bottom: 36px; position: relative; z-index: 1; }
.join01 .bot {    position: relative; z-index: 1;}
.join01 .join_h6 { font-size: 20px; }
.join01 .join_h6::after { width: 71%;}
.join01 dl dd {     width: 33.3%;  margin-bottom: 30px; }
.join01 dl dd h4 { font-size: 14px; margin-top: 10px; }
.join01 .bot p { font-size: 15px; line-height: 30px; margin-top: 22px; }
.join02 {background-attachment: unset;}
.join02 dd { margin-bottom: 16px; padding: 30px; border-radius: 10px;}
.join02 dd .title .le h4 { font-size: 16px; margin-bottom: 16px; }
.join02 dd .title .ri img { width: 30px; }
.join02 { padding: 50px 0; }
.join02 dd .content .text p { font-size: 13px; line-height: 24px; }
.join02 dd .content .text h5 { font-size: 15px; margin-bottom: 12px; }
.join01 dl { margin-top: 30px; justify-content: flex-start; }
.join01 dl dd:nth-of-type(3n) {margin-right: 0px;}
.join01 dl dd .icon { width: 90px; height: 90px; margin: auto; }
.join01 .segment2 .top .right h4 { font-size: 20px; margin-bottom: 18px; }
.solu { padding: 50px 0; }
.solu .top { margin-bottom: 50px; padding: 0px 0px; }
.solu .top h4 {     font-size: 14px; line-height: 28px; padding-top: 18px; margin-top: 25px; }
.solu .top h3 { font-size: 24px; }
.solu .box1 a:nth-of-type(1) { width: 100%; }
.solu .box { flex-flow: wrap; }
.solu .box a {width: 100%!important;  height: 257px!important; margin-bottom: 20px; }
.solu .box a .text { background-color: rgba(216, 28, 29,0.9);padding: 30px; display: flex; flex-direction: column; justify-content: center; }
.solu .box a .text p { opacity: 1; transform: translateY(0px); }
.solu .box a .text .more { opacity: 1; transform: translateY(0px); }
.solu .box2 .ri .bottom {flex-flow: wrap;}
.solu .box1 ,.solu .box2,.solu .box3 { margin-bottom: 0px; }
.xw{padding-top: 10px;}

.contact01 { margin: 50px auto; }
.contact01 .mapwrap .map .BMap_bubble_title { font-size: 16px; margin-bottom: 8px; }
.contact01 .mapwrap .map { height: 320px; }
.contact01 .bot {flex-flow: wrap;padding: 32px 0 20px;}
.contact01 .bot .left {width: 100%; margin-bottom: 18px;font-size: 20px;}
.contact01 .bot .right {width: 100%;}
.contact01 .bot .right li p { font-size: 15px; line-height: 26px; padding-right: 18px; }
.contact01 .bot .right li::before { font-size: 12px; }
.contact01 .bot .right li { padding-left: 15px; }
.contact01 .bot .right li font { font-size: 15px; line-height: 26px; width: 67%; }

.footerwrap .copyright .se{display: none;}



}