@charset "utf-8";
/*var*/
:root{--main-color:#272f7f;--secd-color:#8a7358;}
@media only screen and (min-width:1920px){
	
}

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

}

@media only screen and (max-width:1040px){
p{line-height:20px;font-size:14px;}
.m-Top{margin-top:50px;}
.main-width{width:92vw;}
header{height:50px;}
header .menubtn{display:block;}
header .logo{height:36px;margin:7px 0 0;overflow:hidden;}
header .logo img{height:133.333333%;}
header .nav{position:fixed;left:-100%;top:49px;width:100%;max-height:calc(100vh - 50px);border-top:1px solid #ccc;background-color:#fff;overflow-y:auto;transition:all .5s;}
header .nav .one{display:block;}
header .nav .one > li{line-height:20px;padding:0;border-bottom:1px solid rgba(0,0,0,.1);font-size:16px;}
header .nav .one > li > a{display:block;padding:15px 4vw;}
header .nav .one > li.current-menu-item{border-color:var(--main-color);}
header .nav .one > li.current-menu-item > a{color:var(--main-color);font-weight:bold;}
header .nav .one > li.current-menu-item > a:before{display:none;}
header .nav .one > li.current-menu-item:before{display:none;}
header .nav .one > li.menu-item-has-children > i{position:absolute;right:0;top:5px;width:40px;height:40px;}
header .nav .one > li.menu-item-has-children > i:before{content:"";position:absolute;left:12px;top:50%;width:16px;height:2px;margin-top:-1px;background-color:var(--main-color);}
header .nav .one > li.menu-item-has-children > i:after{content:"";position:absolute;left:50%;top:12px;width:2px;height:16px;margin-left:-1px;background-color:var(--main-color);}
header .nav .one > li:hover .sub-menu{transform:translateY(0);}
header .nav .one > li.open i:after{display:none;}
header .nav .sub-menu{display:none;position:static;width:100%;margin:0;padding:0 4vw 10px;border:none;opacity:1;transform:translateY(0);}
header .nav .sub-menu li{line-height:30px;font-size:14px;text-align:left;}
header .nav .sub-menu li a{display:inline;}
header .nav .sub-menu li:before{content:" - ";}
header .search{position:static;width:30px;height:30px;line-height:30px;margin-top:10px;}
header .search:before{font-size:20px;}
header .search-bar form{width:calc(92vw - 45px);height:36px;border-radius:5px;}
header .search-bar form input{width:calc(100% - 36px);padding:0 10px;font-size:16px;}
header .search-bar form button{width:36px;}
header .search-bar form:before{width:36px;height:36px;line-height:36px;font-size:20px;}
header .search-bar .close{width:36px;height:36px;}
header .search-bar .close:before{left:8px;width:20px;}
header .search-bar .close:after{left:8px;width:20px;}
header.action .nav{left:0;}
header.flow{height:50px;}
header.flow .logo{height:36px;margin-top:7px;}
header.flow .search{top:0;height:30px;line-height:30px;}
header.flow .nav .one > li{padding:0;}
header.flow .search-bar form{height:36px;}
footer h3{line-height:25px;padding-bottom:10px;margin-bottom:10px;font-size:16px;}
footer h3:before{width:20px;height:3px;}
footer li{line-height:25px;font-size:14px;}
footer .main-width{display:block;}
footer .nav{width:100%;margin-bottom:30px;}
footer .nav .one{display:flex;justify-content:space-between;}
footer .nav .one > li{float:none;width:30%;}
footer .nav .one > li > a{line-height:25px;padding-bottom:10px;margin-bottom:10px !important;font-size:16px;}
footer .nav .one > li > a:before{width:20px;height:3px;}
footer .nav .one > li:nth-child(1){width:30%;}
footer .nav .one > li:nth-last-child(1){margin-top:0;}
footer .contact{width:100%;}
footer .contact .is-vertical{width:48%;}
footer .sns{width:80px;margin:0 0 0 auto;}
.copy-right{padding:20px 0;}
.bread{padding:10px 0;}
.bread p{font-size:14px;column-gap:5px;}
.bread p:before{font-size:18px;}
.index-main{margin-top:50px;}
.index-main h2{line-height:30px;font-size:24px;}
.index-main h3{line-height:25px;margin-top:10px;font-size:18px;}
.index-main .wp-block-separator{width:100px;margin:15px 0;;}
.index-banner .slide-dot{bottom:10px;}
.index-banner .slide-dot ul{column-gap:10px;}
.index-banner .slide-dot li{width:10px;height:10px;}
.index-profile .cont{margin-top:25px;}
.index-profile .cont h3{line-height:25px;margin-bottom:5px;font-size:16px;}
.index-profile .cont .wp-block-group{padding:3% 3% 3% 11.5%;}
.index-advantage .wp-block-image{width:80px;}
.index-advantage h3{padding-bottom:15px;margin-bottom:5px;font-size:16px;}
.index-advantage h3:after{width:36px;height:3px;margin-left:-18px;}
.index-advantage .wp-block-cover{padding:6.5vw 4vw;}
.index-expert .cont{flex-wrap:wrap;margin-top:25px;}
.index-expert .cont h3:after{width:36px;height:3px;margin-left:-18px;}
.index-expert .cont .wp-block-cover{width:50%;min-height:350px;padding:4vw;}
.index-expert .cont .wp-block-cover:hover p{height:50px;}
.index-expert .cont .wp-block-cover:hover h3{padding-bottom:15px;margin-bottom:15px;}
.index-product .cont{margin-top:25px;}
.index-product .cont .slide-pic{width:100% !important;padding-bottom:10px;overflow-x:auto;}
.index-product .cont .slide-pic ul{position:static !important;}
.index-product .cont .slide-pic li{width:35vw;}
.index-product .cont .slide-pic li .text{padding:5px 0 0;}
.index-product .cont .slide-pic li .text h3{line-height:25px;margin-bottom:5px;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-product .cont .slide-pic li .text p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.index-product .cont .slide-pic li .text a{line-height:34px;margin-top:10px;font-size:14px;;}
.index-product .cont .btn{display:none;}
.index-strength .wp-block-cover{padding:10vw 4vw;}
.index-strength .is-vertical{width:23%;}
.index-news .cont .slide{width:40vw;height:240px;}
.index-news .cont .slide .slide-pic li{width:40vw;height:240px;}
.index-news .cont .list li{line-height:40px;font-size:14px;}
.index-news .cont .list li a{width:calc(100% - 95px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-news .cont .list li time{width:90px;}
.list-products .list h2{line-height:30px;padding-bottom:10px;margin-bottom:15px;font-size:24px;}
.list-products .list li{width:32%;}
.list-products .list li .text{padding:5px 10px 10px;}
.list-products .list li .text h3{line-height:20px;font-size:14px;}
.main-products .overview .slide-pro{width:45vw;}
.main-products .overview .slide-pic{width:45vw;height:34vw;}
.main-products .overview .slide-pic li{width:45vw;height:34vw;}
.main-products .overview .slide-dot{width:calc(45vw + 4px);}
.main-products .overview .slide-dot .pos{width:39vw;}
.main-products .overview .slide-dot .pos li{width:9vw;height:6.8vw;}
.main-products .overview .slide-dot .btn{height:6.8vw;line-height:6.8vw;}
.main-products .overview .info{width:43vw;}
.main-products .overview .info span{line-height:25px;margin-bottom:5px;font-size:20px;}
.main-products .overview .info h1{line-height:25px;margin-bottom:15px;font-size:18px;}
.main-products .overview .info h2{line-height:25px;margin-bottom:5px;font-size:16px;}
.main-products .overview .info h3{line-height:25px;margin-bottom:5px;font-size:16px;}
.main-products .overview .info .btn{flex-wrap:wrap;row-gap:10px;margin-top:15px;}
.main-products .overview .info .btn a, .main-products .overview .info .btn span{width:160px;line-height:34px;padding:0 15px;border-radius:5px;font-size:14px;justify-content:center;}
.main-products .overview .info .btn span:before{width:20px;height:20px;line-height:20px;border:none;}
.main-products .detail > *{margin:15px 0;}
.main-products .detail h2{line-height:30px;padding-bottom:10px;margin:30px 0 15px;font-size:24px;}
.main-products .detail p{margin:15px 0;}
.main-products .detail table{line-height:20px;font-size:14px;}
.main-products .related h2{line-height:30px;padding-bottom:10px;margin:30px 0 15px;font-size:24px;}
.main-products .related ul{flex-wrap:wrap;row-gap:2vw;}
.main-products .related li{width:32%;}
.main-products .related li .text{padding:5px 10px 10px;}
.main-products .related li .text h3{line-height:20px;font-size:14px;}
.main-capab .cont{padding:20px;}
.main-capab .cont h2{line-height:30px;margin-bottom:15px;font-size:24px;}
.main-capab .cont .profile{margin-bottom:40px;}
.main-capab .cont .profile .wp-block-media-text{display:block;}
.main-capab .cont .profile .wp-block-media-text__content{padding:0;margin-top:20px;}
.main-capab .cont .advantage{margin-bottom:40px;}
.main-capab .cont .advantage h3{line-height:25px;margin:5px 0;font-size:16px;}
.main-capab .cont .advantage img{width:60px;height:60px;}
.main-capab .cont .advantage > .wp-block-group{column-gap:4%;row-gap:3vw;}
.main-capab .cont .advantage .is-vertical{width:48%;}
.main-capab .cont .tech{margin-bottom:40px;}
.main-capab .cont .tech .wp-block-gallery{column-gap:2%;row-gap:1.5vw;}
.main-capab .cont .tech .wp-block-image{width:23.5% !important;}
.main-capab .cont .pack .wp-block-gallery{column-gap:2%;row-gap:1.5vw;}
.main-capab .cont .pack .wp-block-image{width:23.5% !important;}
.main-about .cont h2{line-height:25px;font-size:18px;text-align:left;}
.main-about .cont .profile .wp-block-gallery .slide-pic li{width:92vw;height:68vw;}
.main-about .cont .profile .wp-block-gallery .slide-dot{bottom:10px;}
.main-about .cont .profile .wp-block-gallery .slide-dot li{width:14px;height:4px;margin:0 3px;}
.main-about .cont .cer h3{line-height:25px;margin:0;font-size:16px;}
.main-about .cont .cer .is-vertical{width:48%;}
.main-about .cont .cer .is-vertical .wp-block-image{width:60px;height:60px;}
.main-about .cont .cer > .wp-block-group{flex-wrap:wrap;row-gap:30px;}
.main-video .list li .text h3{line-height:20px;margin-bottom:5px;font-size:14px;}
.main-video .list li .text time{line-height:20px;font-size:14px;}
.main-video .list li .pic i{width:40px;height:40px;line-height:40px;margin:-20px 0 0 -20px;font-size:40px;}
.main-faq .list{padding:0 20px;}
.main-faq .list li{padding:25px 0 15px;}
.main-faq .list li > h3{line-height:25px;padding-left:30px;font-size:16px;}
.main-faq .list li > h3:before{top:3px;width:19px;height:19px;line-height:19px;font-size:14px;}
.main-faq .list li .answer{padding:5px 0 5px 30px;margin-top:15px;}
.main-faq .list li .answer p{margin-bottom:10px;}
.main-faq .list li .answer:before{top:3px;width:19px;height:19px;line-height:19px;font-size:14px;}
.list-news .list ul{column-gap:3%;}
.list-news .list li{width:48.5%;}
.list-news .list li .text{padding:10px 10px 50px;}
.list-news .list li .text h3{line-height:20px;margin-bottom:5px;font-size:16px;;}
.list-news .list li .text .func{width:calc(100% - 20px);bottom:10px;left:10px;}
.list-news .list li .text .func time{line-height:30px;font-size:14px;}
.list-news .list li .text .func a{line-height:30px;padding:0 15px;font-size:14px;}
.main-news .contbox{display:block;}
.main-news .contbox .cont{width:100%;padding:20px;border:none;border-bottom:1px solid #dcdcdc;}
.main-news .contbox .cont .tit{padding-bottom:10px;margin-bottom:20px;}
.main-news .contbox .cont .tit h1{line-height:25px;margin-bottom:15px;font-size:20px;}
.main-news .contbox .cont .tit .info{column-gap:20px;font-size:14px;}
.main-news .contbox .cont .tit .info span{column-gap:5px;}
.main-news .contbox .cont .slide-project{width:calc(92vw - 40px);margin-bottom:20px;}
.main-news .contbox .cont .slide-project .slide-pic{width:calc(72vw - 30px);height:47vw;}
.main-news .contbox .cont .slide-project .slide-pic li{width:calc(72vw - 30px);height:47vw;}
.main-news .contbox .cont .slide-project .slide-dot{width:calc(19vw - 10px);height:47vw;}
.main-news .contbox .cont .slide-project .slide-dot li{width:calc(19vw - 10px);height:11vw;}
.main-news .contbox .cont .article *{line-height:20px;font-size:14px;}
.main-news .contbox .cont .article > *{margin:15px 0;}
.main-news .contbox .cont .article h2{line-height:25px;font-size:18px;}
.main-news .contbox .cont .article h3{line-height:25px;font-size:16px;}
.main-news .contbox .cont .subpage{margin-top:20px;padding-top:15px;;}
.main-news .contbox .related{width:100%;padding:20px;}
.main-news .contbox .related h2{line-height:25px;margin-bottom:15px;font-size:20px;}
.main-news .contbox .related ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:1.8vw;}
.main-news .contbox .related li{width:32%;padding-bottom:0;margin-bottom:0;border-bottom:none;}
.main-news .contbox .related li h3{line-height:20px;font-size:14px;}
.main-project .list li .text h3{line-height:20px;margin-bottom:5px;font-size:14px;}
.main-contact .cont{padding:20px;}
.main-contact .cont h2{line-height:30px;margin-bottom:5px;font-size:24px;}
.main-contact .way h2{padding-bottom:10px;margin-bottom:15px;}
.main-contact .way ul{column-gap:2%;row-gap:10px;}
.main-contact .way li{min-width:49%;line-height:20px;padding-left:25px;font-size:14px;;}
.main-contact .way li:before{width:20px;height:20px;line-height:20px;font-size:18px;text-align:center;}
.main-contact .enquiry li input{height:36px;padding:0 10px;font-size:14px;}
.main-contact .enquiry li textarea{height:120px;padding:8px 10px;line-height:20px;font-size:14px;;}
.main-contact .enquiry li.sm-files .upbtn{height:80px;}
.main-contact .enquiry li.sm-files .upbtn .cusarea:before{font-size:40px;}
.main-contact .enquiry li.sm-files .upbtn .cusarea:after{font-size:14px;}
.main-contact .enquiry li.sm-files span{line-height:20px;font-size:14px;}
.main-contact .enquiry li button{width:120px;height:36px;font-size:14px;border-radius:5px;}
.map{height:400px;}
.main-result h1{line-height:30px;padding-bottom:15px;margin-bottom:15px;font-size:24px;}
.main-result .list li{width:32%;}
.main-result .list li .text h3{line-height:20px;font-size:14px;}
}

@media only screen and (max-width:640px){
footer .nav .one{display:block;}
footer .nav .one > li{width:100%;margin-bottom:20px;}
footer .nav .one > li:nth-child(1){width:100%;}
footer .nav .sub-menu{display:flex;flex-wrap:wrap;}
footer .nav .sub-menu li{width:50%;}
footer .contact > .wp-block-group{display:block;}
footer .contact .is-vertical{width:100%;margin-bottom:20px;}
footer .sns{margin:0 auto;}
.banner h1{line-height:30px;padding-bottom:15px;margin-bottom:15px;font-size:24px;}
.banner h1:after{width:30px;height:3px;}
.banner p{line-height:20px;font-size:14px;}
.banner .wp-block-cover{padding:60px 7vw;}
.index-profile .cont h3{margin-bottom:0;}
.index-profile .cont .wp-block-group{width:100%;padding:15px 15px 15px 90px;}
.index-profile .cont .wp-block-group figure{left:-15px;max-width:80px;max-height:80px;}
.index-advantage h3{margin-top:0;}
.index-advantage h3:after{left:0;margin-left:0;}
.index-advantage .is-nowrap{flex-wrap:wrap !important;row-gap:30px;}
.index-advantage .is-vertical{position:relative;justify-content:flex-start !important;align-items:flex-start !important;width:100%;padding-left:130px;}
.index-advantage .wp-block-image{position:absolute;left:20px;top:50%;transform:translateY(-50%);}
.index-advantage .has-text-align-center{text-align:left;}
.index-expert .cont .wp-block-cover{width:100%;min-height:280px;}
.index-product .cont .slide-pic li{width:60vw;padding:10px;}
.index-strength img{width:60px;height:60px;}
.index-strength .is-nowrap{flex-wrap:wrap !important;row-gap:30px;}
.index-strength .is-vertical{width:48%;}
.index-news .cont{display:block;}
.index-news .cont .slide{width:92vw;height:50vw;margin-bottom:15px;}
.index-news .cont .slide .slide-pic li{width:92vw;height:50vw;}
.index-news .cont .list{width:100%;}
.list-products{padding-bottom:30px;}
.list-products .cate-info{padding:20px 0;}
.list-products .list li{width:49%;}
.list-products .list .loadico{margin-top:30px;}
.main-products .overview{display:block;}
.main-products .overview .slide-pro{width:calc(92vw - 4px);margin-bottom:20px;}
.main-products .overview .slide-pic{width:calc(92vw - 4px);height:69vw;}
.main-products .overview .slide-pic li{width:calc(92vw - 4px);height:69vw;}
.main-products .overview .slide-dot{width:92vw;}
.main-products .overview .slide-dot .pos{width:92vw;}
.main-products .overview .slide-dot .pos li{width:22.25vw;height:16.7vw;}
.main-products .overview .slide-dot .btn{display:none;}
.main-products .overview .info{width:100%;}
.main-products .overview .info .btn{flex-wrap:nowrap;column-gap:2%;}
.main-products .overview .info .btn a, .main-products .overview .info .btn span{width:49%;padding:0 5px;}
.main-products .detail h2{font-size:22px;}
.main-products .related li{width:49%;}
.main-capab .cont h2{margin-bottom:10px;font-size:20px;}
.main-capab .cont .advantage h3{margin:0;}
.main-capab .cont .advantage > .wp-block-group{row-gap:30px;}
.main-capab .cont .advantage .is-vertical{position:relative;width:100%;padding-left:70px;}
.main-capab .cont .advantage .wp-block-image{position:absolute;top:0;left:0;}
.main-capab .cont .tech .wp-block-image{width:49% !important;}
.main-capab .cont .pack .wp-block-image{width:49% !important;}
.main-video .list ul{column-gap:2%;row-gap:1.8vw;}
.main-video .list li{width:49%;}
.main-faq .list li > h3{line-height:21px;}
.main-faq .list li > h3:before{top:1px;}
.main-faq .list li .answer{margin-top:10px;}
.main-news .contbox .cont .slide-project{width:calc(92vw - 30px);}
.main-news .contbox .cont .slide-project .slide-pic{width:calc(72vw - 22px);}
.main-news .contbox .cont .slide-project .slide-pic li{width:calc(72vw - 22px);}
.main-news .contbox .cont .slide-project .slide-dot{width:calc(19vw - 8px);}
.main-news .contbox .cont .slide-project .slide-dot li{width:calc(19vw - 8px);}
.main-news .contbox .cont{padding:15px;}
.main-news .contbox .cont .tit h1{font-size:18px;}
.main-news .contbox .related{padding:15px;}
.main-news .contbox .related li{width:49%;}
.main-project .list ul{column-gap:2%;row-gap:1.8vw;}
.main-project .list li{width:49%;}
.main-contact .enquiry li{width:100%;}
.main-result .list li{width:49%;}
}