@charset "utf-8";
@media only screen and (max-width:1280px){

}
@media only screen and (max-width:1040px){
.m-Top{margin-top:3em;}
.main-width{width:92vw;}
.secd-width{width:92vw;}
.bread{padding:0.8em 0;}

.flow-video .box{width:92vw;height:51.75vw;}
.main-search .cbox{width:100%;}
.main-search .list li{margin-bottom:1em;}

header{height:3em;box-shadow:0 0 0.3em rgba(0,0,0,.2);background-color:#fff !important;}
header .menubtn{display:block;}
header .logo{height:2em;margin:0 auto 0 0;}
header .func{height:100%;margin-bottom:0;align-items:center;}
header .func .gtranslate_wrapper .gt_switcher-popup span{color:#333 !important;}
header .func .search-ico{width:1.6em;height:1.6em;line-height:1.6em;color:#333 !important;}
header .func .search-ico:before{font-size:1em;}
header .nav{position:fixed;left:-100%;top:3em;width:100%;max-height:calc(100vh - 3em);background-color:#fff;overflow-y:auto;}
header .nav .one{display:block;padding:2vw 4vw;}
header .nav .one > li{position:relative;line-height:2em;padding:0.25em 0;border-bottom:1px solid #ccc;font-size:1em;}
header .nav .one > li > a{display:block;padding:0 0 0 0.5em;color:#333 !important;}
header .nav .one > li:nth-last-child(1){border-bottom:none;}
header .nav .one > li.menu-item-has-children > i{position:absolute;right:0;top:0.25em;width:2em;height:2em;}
header .nav .one > li.menu-item-has-children > i:before{content:"";position:absolute;left:50%;top:50%;width:1em;height:2px;margin:-1px 0 0 -0.5em;background-color:#666;}
header .nav .one > li.menu-item-has-children > i:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:1em;margin:-0.5em 0 0 -1px;background-color:#666;}
header .nav .one > li.on > i:after{display:none;}
header .search i{width:2em;height:2em;}
header .search form{width:25em;max-width:calc(100% - 2.5em);height:2em;padding-right:2em;font-size:1em;border-radius:0.25em;}
header .search form:before{width:2em;line-height:2em;font-size:1em;}
header .search input{height:100%;padding:0 0.6em;font-size:0.8em;font-size:1em;}
header .search button{width:2em;font-size:1em;}
header .search .secd-width{column-gap:10px;}
header.action .nav{left:0;box-shadow:0 0 5px rgba(0,0,0,.2);}
header.flow{height:3em;}
header.flow .logo{height:2em;}
header.flow .nav .one > li{padding:0.25em 0;}

footer .info{display:block;}
footer .info .profile{width:100%;max-width:100%;margin-bottom:3em;}
footer .info .menu-footer-nav-container{width:100%;max-width:100%;}
footer .contact p{max-width:45%;}

.com-banner{height:auto;}
.com-banner .text h1{font-size:2em;}

.com-cate{margin:0;background-color:#f5f5f5;}
.com-cate .cate{height:auto;background:none;}
.com-cate .cate ul{column-gap:4em;}
.com-cate .cate li span{font-size:0.7em;}
.com-cate .cate.pro ul{flex-wrap:wrap;row-gap:1em;}
.com-cate .cate.pro li{width:25%;padding:0 2%;flex:none;box-sizing:border-box;}

.index-main{margin-top:3em;}
.index-main h2{font-size:2em;}
.index-recomm{height:calc(14.4em + 55.2vw);padding-bottom:12.6vw;margin-bottom:-12.6vw;}
.index-recomm .title{padding:2em 4vw calc(1.5em + 3vw);}
.index-recomm .title p{margin-top:0.5em;}
.index-recomm .slide-pic{width:94vw;height:64.8vw;}
.index-recomm .slide-pic li{width:94vw;height:64.8vw;padding:0 3.6vw 15.3vw;}
.index-recomm .btn{bottom:40vw;}
.index-recomm .prev{left:4vw;}
.index-recomm .next{right:4vw;}
.index-recomm:before{height:calc(14.4em + 55.2vw);}
.index-about{padding:calc(3em + 12.6vw) 0 3em;}
.index-about .wp-block-media-text{display:block;}
.index-about .wp-block-media-text__content{padding:1.5em;}
.index-service{padding:3em 0;}
.index-service .wp-block-group{grid-template-columns:repeat(2, minmax(0, 1fr));}
.index-advantage{padding:3em 0 2em;}
.index-advantage h2{margin-bottom:1em;}
.index-advantage p{border-right:none;}
.index-advantage .wp-block-group{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:2em;}
.index-category{padding:2em 0;}
.index-category .cont{display:block;}
.index-category .cont .video{width:100%;margin-bottom:1.2em;}
.index-category .cont .video .dg-slide{padding-bottom:80%;}
.index-category .cont .cate{width:100%;}
.index-category .cont .cate li{padding-bottom:50%;}
.index-category .cont .cate li h3{font-size:1.2em;}
.index-category .cont .cate li .wp-block-cover{padding:1em;}
.index-newpro{padding:2em 0;}
.index-newpro .title{margin-bottom:1.5em;}
.index-newpro .slide-pic li .wp-block-image figcaption{padding:0.5em 0 0;}
.index-choose{padding:2em 0;}
.index-choose h2{margin-bottom:0.8em;}
.index-choose .text{width:100%;justify-content:flex-end;margin-bottom:-3em;column-gap:2em;}
.index-choose .wp-block-group p{font-size:1em;padding-right:2em;}
.index-choose .wp-block-group p strong{font-size:1.5em;}
.index-history{padding:2em 0 3em;}
.index-history h2{text-align:center;}
.index-history h2 span{display:inline;}
.index-history .slide-pic{padding-top:66vw;}
.index-history .slide-pic li{margin-right:3em;}
.index-history .slide-pic li .wp-block-image{width:70vw;margin-left:-35vw;}
.index-history .slide-pic li.le .wp-block-image{margin-left:-70vw;}
.index-history .slide-pic li.left .wp-block-image{margin-left:-80vw;}
.index-history .slide-pic li.right .wp-block-image{margin-left:10vw;}
.index-partner{padding:3em 0;}
.index-partner .wp-block-group{flex-wrap:wrap;column-gap:1.5em;row-gap:1em;justify-content:center;}
.com-banner{margin-top:3em;}
.main-about h2{font-size:2em;}
.main-about .profile{padding:3em 0;}
.main-about .profile .wp-block-media-text{display:block;}
.main-about .profile .wp-block-media-text__media{width:100%;}
.main-about .profile .wp-block-media-text__content{width:100%;margin:0;}
.main-about .profile .wp-block-media-text__content h2{position:static;margin-bottom:0.3em;font-size:2em;color:#fff;}
.main-about .advantage{padding:3em 0;}
.main-about .advantage p{border-right:none;}
.main-about .advantage .wp-block-group{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:2em;}
.main-about .history{padding:3em 0;}
.main-about .history ul{display:block;padding-left:0;background:none;}
.main-about .history li{width:100% !important;height:auto !important;margin:1em 0 0 0!important;padding-top:2.5em !important;}
.main-about .history li:nth-child(2n){padding-left:0.9em;}
.main-about .history li:nth-child(2n) strong{top:0;}
.main-about .history li:nth-child(2n):before{height:100%;}
.main-about .history li:nth-child(2n):after{bottom:0;top:initial;}
.main-about .qualification{padding:3em 0;}
.main-about .qualification h2:before{left:calc(100% + 0.5em);}
.main-about .qualification h2:after{right:calc(100% + 0.5em);}
.main-about .qualification .is-nowrap{padding:0;}
.main-about .qualification .is-vertical{width:11%;}
.main-about .commitment{padding:3em 0;}
.main-about .commitment .wp-block-media-text{display:block;}
.main-about .commitment .wp-block-media-text__content{padding:0;}
.main-about .index-choose{padding:3em 0 2em;}
.main-about .index-choose .desc{margin-bottom:3em;}
.main-about .quality p{padding:1em 2em 1em 1em;font-size:0.8em;}
.main-about .quality .is-nowrap{margin:1.5em 0;}
.main-about .quality{padding:2em 0 3em;}
.list-products .list li{width:32.66666%;}
.list-products .list li.on.cl1{left:33.66666%;}
.list-products .list li.on.cl2{left:67.33333%;}
.main-products{padding-top:2em;}
.main-products h2{font-size:2em;}
.main-products .overview .main-width{display:block;}
.main-products .overview .slide-pro{width:92vw;padding-bottom:3.5em;}
.main-products .overview .slide-pro .adv{width:92vw;}
.main-products .overview .slide-pic{width:78vw;height:78vw;}
.main-products .overview .slide-pic li{width:78vw;height:78vw;}
.main-products .overview .slide-dot{width:12vw;padding:6.6vw 0;}
.main-products .overview .slide-dot li{width:12vw;height:12vw;margin-bottom:1.2vw;}
.main-products .overview .slide-dot .pos{height:64.8vw;}
.main-products .overview .text{width:100%;padding-top:1.5em;}
.main-products .overview .text h1{font-size:1.6em;}
.main-products .other .video .wp-block-group{column-gap:0.8em;}
.main-products .other .parm .is-layout-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}
.main-products .related ul{flex-wrap:wrap;row-gap:1em;}
.main-products .related li{width:49%;}
.main-products .process{padding:3em 0;}
.main-products .process .step{margin:3em 0;}
.main-products .process .step ul{flex-wrap:wrap;row-gap:2.5em;}
.main-products .process .step li{width:32%;padding:2.8em 2.5% 1em;}
.main-products .process .feature{display:block;}
.main-products .process .feature .pic{width:100%;margin-bottom:2em;}
.main-products .process .feature ul{width:100%;}
.main-products .quote{padding:3em 0;}
.main-products .quote .box{padding:1em;}
.main-products .quote .simple-message{margin-top:1em;}
.main-products .quote .simple-message ul{row-gap:0.5em;}
.main-products .quote .simple-message li{width:100%;}
.main-customized h2{font-size:2em;}
.main-customized .how{padding:3em 0;}
.main-customized .how .wp-block-group{margin-top:2em;column-gap:4%;row-gap:2em;grid-template-columns:repeat(2, minmax(0, 1fr));}
.main-customized .how .wp-block-group .wp-block-image:before{display:none;;}
.main-customized .how .wp-block-group.anti{direction:ltr;}
.main-customized .why{padding:3em 0;}
.main-customized .why h2{font-size:2em;}
.main-customized .why .wp-block-media-text{display:block;padding:0;}
.main-customized .why .wp-block-media-text__content{padding:0 0 1em;}
.main-customized .what{padding:3em 0 2em;}
.main-customized .what p{font-size:0.8em;}
.main-customized .what .is-layout-grid{width:calc(50% - 0.5em);gap:0.5em;}
.main-customized .material{padding:2em 0 3em;}
.main-customized .material p{font-size:0.8em;}
.list-video{padding:3em 0;}
.list-video .list li{width:49%;}
.list-video .list li h3{font-size:1em;}
.list-news .headline li{width:49%;}
.list-news .headline li .text{padding:1em 0.5em;}
.list-news .headline li .text h3{font-size:1em;}
.main-article{padding:3em 0;}
.main-article .main-width{display:block;}
.main-article .cont{width:100%;padding:2em;}
.main-article .cont .title h1{font-size:1.6em;}
.main-article .side{width:100%;margin-top:3em;}
.contact-banner{height:auto;}
.contact-banner img{height:16em;}
.contact-banner .way{position:static;transform:translateX(0);margin:4vw auto 0;}
.contact-banner .way .wp-block-group{display:block;padding:1.5em;}
.main-contact{padding:3em 0;}
.main-contact .message{margin-bottom:3em;}
.main-contact .team .wp-block-group{column-gap:4%;row-gap:1em;grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media only screen and (max-width:640px){
.wp-block-image .alignright{float:none;margin:0;}
footer .info .profile .wp-block-media-text{display:block;}
footer .info .profile .wp-block-media-text__media{margin:0 auto 1em;}
footer .info .profile .wp-block-media-text__content{width:100%;text-align:center;}
footer .info .menu-footer-nav-container .one{justify-content:center;column-gap:1em;row-gap:0.5em;}
footer .contact{flex-wrap:wrap;column-gap:3%;row-gap:1em;}
footer .contact p{min-width:48%;max-width:100%;}
footer .copyright{display:block;text-align:center;}
footer .copyright .sns{justify-content:center;margin-top:1em;}

.flow-video .box .close{left:calc(50% - 20px);top:calc(100% + 0.5em);}
.com-banner{height:auto;}
.com-banner.auto{height:auto;}
.com-banner.auto img{height:auto;}
	
.com-cate .cate li span{font-size:0.6em;}

.index-main h2{font-size:1.4em;}
.index-recomm{height:calc(14.4em + 38.5vw);font-size:0.7em;}
.index-recomm .title{padding:2em 4vw;}
.index-recomm .title h2{font-size:2em;}
.index-recomm .title p{font-size:1em;}
.index-recomm .title .cericon{column-gap:1em;}
.index-recomm .title .cericon img{width:3em;height:3em;}
.index-recomm .slide-pic{width:70vw;height:48.2vw;}
.index-recomm .slide-pic li{width:70vw;height:48.2vw;padding:0 3.6vw 11vw;}
.index-recomm:before{height:calc(14.4em + 38.5vw);}
.index-about h2{margin-bottom:0.2em;}
.index-about ul{font-size:0.8em;}
.index-service .wp-block-image{padding:1em;}
.index-service .wp-block-group{row-gap:0.5em;font-size:0.8em;}
.index-service .wp-block-image figcaption strong{font-size:1.2em;}
.index-advantage p{font-size:0.8em;}
.index-advantage p strong{font-size:1.5em;}
.index-category .cont .video{margin-bottom:0.5em;}
.index-category .cont .video .dg-slide{padding-bottom:120%;}
.index-category .cont .video .dg-slide li p{line-height:1.2em;font-size:0.8em;}
.index-category .cont .cate ul{row-gap:0.3em;column-gap:1%;font-size:0.7em;}
.index-category .cont .cate li{position:relative;width:32.66666%;padding-bottom:40%;}
.index-category .cont .cate li h3{width:100%;font-size:0.7em;text-align:center;text-shadow:1px 1px 3px rgba(255,255,255,1);}
.index-category .cont .cate li p{font-size:0;}
.index-category .cont .cate li a{position:absolute;left:0;top:0;width:100%;height:100%;}
.index-category .cont .cate li .wp-block-cover{padding:0.5em;justify-content:center;align-items:flex-end;}
.index-category .cont .cate li .wp-block-cover__inner-container{width:100%;}
.index-category .cont .cate li:first-child{width:32.666666%;}
.index-category .cont .cate li:last-child{width:49.5%;}
.index-category .cont .cate li:last-child img{object-position:bottom;}
.index-category .cont .cate li:nth-last-child(2){width:49.5%;}
.index-newpro .title{display:block;text-align:center;}
.index-newpro .title h2{margin-bottom:0.5em;}
.index-newpro .title a{display:inline-block;}
.index-newpro .slide-pic li{width:45vw;margin-right:2vw;}
.index-choose .text{margin:0 0 1em;justify-content:center;}
.index-choose .wp-block-group p{font-size:0.8em;}
.index-choose .pic{column-gap:0.1em;row-gap:0.1em;align-items:stretch;margin-bottom:0.1em;}
.index-choose .pic img{height:100%;}
.index-choose .wp-block-image{border-radius:0.2em;}
.index-choose .is-vertical{row-gap:0.1em;}
.index-history .slide-pic{padding-top:70vw;}
.index-history .slide-pic li{margin-right:1.5em;}
.index-history .slide-pic li .wp-block-image{bottom:3em;}
.index-history .slide-pic li .wp-block-image figcaption{margin-bottom:0;font-size:0.8em;}
.index-history .btn{padding:0;margin-top:-2em;}
.index-history .btn span{width:2.4em;height:2.4em;line-height:2.4em;}
.index-partner .wp-block-group{column-gap:4%;row-gap:1em;}
.index-partner .wp-block-image{max-width:30.5%;height:2em;}
.index-partner .wp-block-image img{width:100%;height:100%;object-fit:contain;}
.main-about h2{font-size:1.4em;}
.main-about .profile .wp-block-media-text__content h2{font-size:1.6em;}
.main-about .profile .wp-block-media-text__content p{font-size:0.8em;}
.main-about .profile .wp-block-media-text__content .mh{display:none;}
.main-about .advantage p{font-size:0.8em;}
.main-about .advantage p strong{font-size:1.5em;}
.main-about .qualification .is-layout-grid{display:block;overflow-x:auto;}
.main-about .qualification .is-layout-grid .box{display:flex;width:1000%;}
.main-about .qualification .is-layout-grid .box .wp-block-image{display:block;width:25.05vw;margin-right:2.1vw;}
.main-about .qualification .wp-block-button__link{font-size:0.8em;}
.main-about .commitment p strong{font-size:1.5em}
.main-about .commitment .wp-block-image{margin:1em 0 1.5em;padding:0 2em;}
.main-about .index-choose h2{margin-bottom:0.7em;}
.main-about .index-choose .desc{display:none;margin-bottom:1.5em;}
.main-about .history ul{display:flex;flex-wrap:wrap;width:2000%;}
.main-about .history li{width:65vw !important;margin-right:5vw !important;}
.main-about .history .box{overflow-x:auto;}
.main-about .quality p{padding:0.5em 1em 0.5em 0.5em;font-size:0.7em;}
.main-about .quality p strong{font-size:1.5em;}
.main-about .quality .is-nowrap{margin:1em 0;}
.main-about .quality .is-layout-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.list-products{padding:2em 0;}
.list-products .list li{width:49.5%;}
.list-products .list li p{font-size:0.6em;}
.list-products .list li.on.cl1{left:50.5%;}
.main-products h2{font-size:1.2em;}
.main-products .overview .text h1{font-size:1.2em;}
.main-products .overview .text .desc li{font-size:0.8em;}
.main-products .overview .text .exp ul{column-gap:0.5em;}
.main-products .other{margin-bottom:3em;}
.main-products .other .video{margin-bottom:3em;}
.main-products .other .video .wp-block-group{grid-template-columns:repeat(1, minmax(0, 1fr));}
.main-products .other .video .wp-block-cover{height:8em;}
.main-products .other .parm{margin-bottom:3em;}
.main-products .related{margin-bottom:3em;}
.main-products .process p{font-size:0.8em;}
.main-products .process .step li{width:49%;}
.main-products .quote h2{font-size:1.2em;}
.main-products .quote p{font-size:0.8em;}
.main-customized h2{font-size:1.2em;}
.main-customized .why h2{font-size:1.2em;}
.main-customized .how .wp-block-image figcaption{font-size:0.7em;}
.main-customized .how .wp-block-image figcaption strong{font-size:0.8em;}
.main-customized .what .is-layout-flex{display:block;}
.main-customized .what .is-layout-grid{width:100%;margin-bottom:0.5em;}
.main-customized .what .wp-block-gallery{width:100%;}
.main-customized .what .wp-block-gallery .wp-block-image{display:none;position:static;opacity:1;z-index:1;}
.main-customized .what .wp-block-gallery .wp-block-image.on{display:block;}
.main-customized .material .wp-block-group{margin-top:1em;}
.main-customized .material .wp-block-image figcaption{font-size:0.8em;}

.list-video{padding:2em 0 3em;}
.list-video .list li{width:100%;}
.list-news{padding:2em 0 3em;}
.list-news .headline li{width:100%;}
.main-article{padding:2em 0 3em;}
.main-article .cont{padding:1em;}
.main-article .cont .title h1{font-size:1.2em;}
.main-article .cont .article h2{font-size:1.2em;}
.main-article .cont .article h3{font-size:1em;}
.contact-banner .way li{font-size:0.8em;}
.main-contact h2{font-size:1.6em;}
.main-contact p{font-size:0.8em;}
.main-contact .message ul{row-gap:0.5em;}
.main-contact .message ul li{width:100%;}
.main-contact .message input, .main-contact .message select, .main-contact .message textarea{font-size:0.8em;}
.main-contact .message button{width:100%;}
.main-contact .team .wp-block-group{grid-template-columns:repeat(1, minmax(0, 1fr));}
}