@charset "utf-8";

@media screen and (max-width:1367px) {
.wp{width:100%;padding-right:80px;padding-left:80px;}
}
@media screen and (max-width:1281px){
.wp{padding-left:60px;padding-right:60px;}
}
@media screen and (max-width:1171px){
.wp{padding-left:50px;padding-right:50px;}
}
@media screen and (max-width:992px){
.wp{padding-left:40px;padding-right:40px;}
}
@media screen and (max-width:768px){
.wp,.wp2{width:100%;padding-right:30px;padding-left:30px;}
}
@media screen and (max-width:576px) {
.wp,.wp2{padding-right:20px;padding-left:20px;}
}
@media screen and (max-width:480px) {
.wp,.wp2{padding-right:15px;padding-left:15px;}
}


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

.pro_view_inner .down-bnt a,.pro_view_inner .send-bnt a {padding: 10px 15px;}
.pro_view_inner .send-bnt a {min-width: 140px;}

}

@media screen and (max-width:1500px) {
.nav > li > a {font-size: 15px;padding: 0 15px;}
.nav > li ul > li > a {padding: 7px 15px;font-size: 13px;}
.nav > li ul > li > a:hover{font-size:14px;}
.pro-btn {gap: 15px;}


}

@media screen and (max-width:1440px) {
.mainleft {width: 270px;}
.mainRight {margin-left: 300px;}

.main-left {flex: 0 0 270px;}



}

@media screen and (max-width:1367px) {
.nav > li ul > li > a {padding: 5px 15px;font-size: 13px;}

#banner .swiper-button-prev,#banner .swiper-button-next{width:50px;height:50px;line-height:50px;margin-top:-20px;}

.foot-form{width:500px;}
.indexB .l{width:420px;padding:70px 40px 0;}
.indexB .r{margin:0 60px;}

.pro_view_inner .send-bnt a {min-width: 115px;}

}

@media screen and (max-width:1281px){
.nav > li > a{font-size:14px;padding:0 10px;}

.indexB .l{width:350px;padding:60px 30px 0;}

.foot-form{width:470px;}


.mainleft {width: 240px;}
.mainRight {margin-left: 260px;}

.history {width: auto;}

}


@media screen and (max-width:1200px){
.header dl{display:none;}

}

@media screen and (max-width:992px){
.nav,.header dl{display:none;}
.header-right > span{display:block;}
#banner .swiper-button-prev,#banner .swiper-button-next{display:none;}
#banner .swiper-pagination-bullet{width:30px;height:5px;}

.blind-panel .panel-content .more {margin-top: 1rem;}

#footer .wp {grid-template-columns: 1fr 1fr;gap: 40px;}
.foot-pro{display:none;}
.foot-form{width:auto;}
.foot-contact{width:auto;}


.indexabout .box{display:block;}
.indexabout .txt{margin-right:0;text-align:center;width: 100%;margin-bottom: 30px;}
.indexabout .pic{display:block;width:70%;margin:20px auto 0;}
.indexabout .txt .t p br{display: none}
.indexabout .txt .t {margin: 10px 0 15px;}


.indexabout ul li{width:32%;padding:20px 15px;}
.indexabout ul li em{width:70px;height:70px;line-height:70px;}
.indexabout ul li h6{line-height:1;}

.indexad{text-align:center;}
.indexad .wp{display:block;}
.indexad a{margin-top:20px;}


.indexB{display:block;}
.indexB .l{width:100%;padding:30px 40px;text-align:center;}
.indexB .l img{display:none;}
.indexB .l p{margin:15px 0 0;}
.indexB .r{margin:30px 40px;}
.indexB .page{display:none;}
.indexB .swiper-pagination-bullets{display:block;}

.indexG ul{margin:30px 0 0;grid-template-columns:repeat(2, 1fr);}


.about .txt {padding: 2% 0 0 0;}
.about .txt .t {margin: 20px 0 0;line-height: 22px;color:#000}
.about .txt .t p ~ p {margin-top: 10px;}
.about .txt h5 {color:#000}
.about .txt h5::after {margin: 15px auto 0 0;background: var(--color-active);}
.about .txt {position: relative;background: none;padding: 30px 0;}

.history .swiper-slide .box .t {padding: 15px;}

.pic-list .list ul {gap: 15px;}


.side-contact .wp {flex-direction: column;padding-bottom: 30px;padding-top: 30px;}
.side-contact .tit {width: 100%;gap: 15px;}
.side-contact .inquiry {width: 100%;padding: 30px;margin-top: 25px;}


.layout01 .imgs{display:flex;flex-direction:column;align-items:center;}
.layout01 .imgs .imgss{position:relative;width:100%;}
.layout01 .imgs .dot_box{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.layout01 .cover{position:relative;width:100%;right:auto;bottom:auto;margin-top:20px;border-radius:10px;}
.layout01 .cover .box dl{gap:15px 0;}
.layout01 .cover .box dl dd{padding:0 10px;}
.layout01 .cover .box .text{margin-top:10px;padding-top:10px;}

.about-subs .box {grid-template-columns: 1fr;gap: 25px;}
.about-subs .left .map iframe{width:100%;height: 400px;}

.pro_line_txt .send-bnt a {padding: 10px 30px;}

.about-cert .swiper-button-prev,.about-cert .swiper-container-rtl .swiper-button-next{left:-20px;}
.about-cert .swiper-button-next,.about-cert .swiper-container-rtl .swiper-button-prev{right:-20px;}

.about-parts .swiper-button-prev,.about-parts .swiper-container-rtl .swiper-button-next{left:-20px;}
.about-parts .swiper-button-next,.about-parts .swiper-container-rtl .swiper-button-prev{right:-20px;}

.main{padding-top:10px;padding-bottom:30px;}
.main .display_flex{flex-direction:column;}
.main-left {flex: 0 0 auto;width: 100%; }
.main-right {flex: 1 1 0%;margin-left: 0;min-width: 0;width: 100%;}
.mainRight{width:100%;float:none;margin: 0;}
.mainleft{width:100%;float:none;margin:20px 0 0 0;}
.mainleft h3{height:50px;line-height:50px;font-size:18px;}
.mainleft h3::after{display:block;}
.sidemenu ul,.left_nav ul{display:none;}
.main-left h3::after{display:block;}

.pro_view_top {flex-direction:column;gap: 25px;}
.pro_img{width:100%;margin:0 auto;}
.pro_img .spic{float:none;margin:10px 0 0 0;}
.pro_view_inner{width:100%;flex: auto;}
.pro_view_inner h1{font-size:18px;margin:0;text-align:center;}
.pro-content img{width:100%;height:auto;}
.pro_text .pro-content iframe{aspect-ratio: 16 / 9;height: auto;}


.ok04-index-solution .grid {flex-direction: column;box-shadow: none;border-radius: 0;gap: 20px;}
.ok04-index-solution .grid .item {flex: none;height: auto;border-radius: 10px;overflow: hidden;background: #45586B;}
.ok04-index-solution .grid .item img {filter: grayscale(0%);width: 100%;height: 220px;object-fit: cover;animation: none;}
.ok04-index-solution .grid .item .title {position: relative;padding: 10px 15px 0;justify-content: flex-start;}
.ok04-index-solution .grid .item .title h3 {line-height: 1.3;color: #fff;text-shadow: none;}
.ok04-index-solution .grid .item .txt {position: static;opacity: 1;transform: none;padding: 10px 15px;gap: 8px;}
.ok04-index-solution .grid .item .txt .more {box-shadow: none;}
.ok04-index-solution .grid .item .txt p {color: #fff;}
}



@media screen and (max-width:768px){
#footBar{display:block;}
#top{display:none;}
.header{height:auto;padding:20px 0;}

.navbox {display: none;}

#banner img{display:none;}
#banner img.mo-pic{display:block;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px;}

.blind-panel .panel-content {max-width: 90%;}
.index-banner {aspect-ratio: auto;}
.panel-title {padding: 1rem;}
.blind-panel.active .panel-content {padding: 1rem 1rem 1rem 1.5rem;}


#footer{padding:30px 0;}
#footer .wp{display:block;}
#footer h5{text-align:center;}
#footer h5::after{margin:15px auto 0;}


.foot-form{width:100%;padding: 0 0 25px 0;border-bottom: 1px solid #434343;border-right: none;}
.foot-form .foot-logo{text-align:center;}
.foot-form .inquirbox .row{margin: 0;}

.foot-contact{width:100%;padding:25px 0;}
.share{text-align:center;}

.copyRight{padding:15px 0 60px;text-align:center;}
.copyRight p{font-size:14px;line-height:24px;}

.search-box {padding: 10px 15px;}
.search-box .serchbox {width: auto;}
.search-box .close{display:none;}
.search-box .serchbox .submit_text {height: 36px;font-size: 14px;}
.search-box .serchbox .submit_btn {height: 36px;line-height: 36px;width: 18%;}
.search-box .serchbox .submit_btn i {font-size: 18px;}

.sidebanner .t p {max-width: 100%;margin: 10px auto 0 0;line-height: 1.4;}

}


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


.indexabout .txt h5{margin-bottom:15px;}
.indexabout .pic{width:100%;}
.indexabout ul{margin-top:25px;}
.indexabout .video .v {width: 60px;height: 60px;line-height: 60px;}
.indexabout .video .v i{font-size:28px;}


.index-data ul {grid-template-columns: repeat(2, 1fr);gap: 15px;}
.index-data ul li p {font-size: 14px;}


.indexad{padding:25px 0;text-align:center;}
.indexad p{float:none;font-size:20px;line-height:30px;}
.indexad a{float:none;padding:8px 18px;margin-top:15px;}

.xc_application {height: 85vw;position: relative;overflow: hidden;background: url(../images/ibg3.jpg) no-repeat center;background-size: cover;}
.xc_application::before {content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.55);position: absolute;left: 0;top: 0;clip-path: none;}
.xc_application::after {content: "";position: absolute;inset: 0;background: rgba(29,105,174,0.6);}
.xc_application .appl_intro {position: absolute;z-index: 10;top: 35%;bottom: 0;left: 0;overflow: hidden;width: 100%;height: 60%;pointer-events: auto;}
.xc_application .appl_intro1::after,
.xc_application .appl_intro1::before {display: none;}
.xc_application .appl_intro .slide_body {width: 100%;height: 100%;display: flex;transform: rotate(0deg);transform-origin: center center;justify-content: center;margin: 0 auto;gap: 1%;padding: 0 2%;}
.xc_application .appl_intro .slide_rail {height: 100%;position: relative;user-select: none;margin-left: 0;flex: 1;}
.xc_application .appl_intro .slide_rail_inner {display: flex;flex-direction: column;height: 100%;}
.xc_application .appl_intro .slide_rail_inner ul {display: flex;flex-direction: column;}
.xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child {animation: railDown1 400s -200s linear infinite;}
.xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child {animation: railDown2 400s linear infinite;}
.xc_application .appl_intro .slide_rail_inner ul:first-child {animation: railUp1 400s -200s linear infinite;}
.xc_application .appl_intro .slide_rail_inner ul:last-child {animation: railUp2 400s linear infinite;}
.xc_application .appl_intro .slide_rail_inner ul a {display: block;}
.xc_application .appl_intro .slide_tile {margin-bottom: 0.5rem;border-radius: 4px;overflow: hidden;}
.xc_application .appl_intro .slide_tile img {width: 100%;height: auto;display: block;}
.xc_application .xc_words {position: absolute;top: 0;left: 0;width: 100%;height: 25%;transform: none;color: #fff;z-index: 30;display: flex;align-items: center;padding: 4% 6% 0;box-sizing: border-box;}
.xc_application .xc_words .t {max-width: 100%;text-align: center;}
.xc_application .xc_words .tit {font-weight: 700;margin-bottom: 0.4rem;font-size: clamp(22px,5.5vw,28px);}
.xc_application .xc_words p {font-size: clamp(12px,3.2vw,14px);color: rgba(255,255,255,0.9);line-height: 1.5;margin: 6px 0 0;}
.xc_application .xc_words .more {margin-top: 0.8rem;display: flex;justify-content: center;}
.xc_application .xc_words .more .view-more {padding: 0.45rem 1.2rem;font-size: clamp(11px,3vw,13px);}
.xc_application > img {display: none;}



.indexB .l{padding:25px 20px;}
.indexB .r{margin:30px 20px;}

.indexG {padding: 30px 0;}
.indexG ul{gap:20px;}
.indexG .tit .more {position: relative;top: 0;margin-top: 15px;}
.indexG .tit p {margin: 10px auto 0;}



}


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


.sidebanner{height:auto;}
.sidebanner h3{font-size:22px;line-height:1;}

.path{height:40px;line-height:40px;}
.path p{font-size:13px;}
.path p i{margin-right:6px;font-size:13px;}


.about h5, .about h1 {font-size: 20px;}
.about a.video{width:100%;margin:0 0 15px;border:3px solid #DADADA;}
.about .txt .t {margin: 15px 0 0;}



.edge{padding:20px 0 0;}
.edge h3{font-size:22px;}
.edge ul{margin:0;}
.edge ul li{float:none;width:100%;margin:20px 0 0;}
.edge ul li h5{font-size:20px;letter-spacing:0;}
.edge ul li p{font-size:13px;line-height:22px;}

.honor{margin:40px 0 0;color:#333;}
.honor h5, .honor h1{font-size:20px;}
.honor hr{margin:10px 0 0;}
.honor p{font-size:14px;line-height:24px;}
.honor ul{margin:5px 0 0 -2%;}
.honor ul li{float:left;width:48%;margin:15px 0 0 2%;text-align:center;}
.honor ul li p{font-size:15px;height:40px;line-height:40px;}

.factory{margin:20px 0 0;}
.factory h5, .factory h1 {font-size: 20px;}
.factory hr{margin:10px 0 0;}
.factory ul{margin:20px 0 0 -2%;}
.factory ul li{width:48%;margin:0 0 15px 2%;}
.factory .mt50{margin-top:20px;}


.newslist ul li{padding:15px 0;display:block;}
.newslist ul li+li{margin-top:15px;}
.newslist ul li .pic{margin:0 auto;width: 100%;}
.newslist ul li .t{margin:15px 0 0;}
.newslist ul li .t h5{font-size:16px;}
.newslist ul li .t .more{display:none;}

.newslist ul li .t h5 a{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.down ul li{padding:12px;position:relative;}
.down ul li h4{float:none;width:100%;padding:0 40px 0 15px;margin:0;}
.down ul li h4 a{font-size:14px;}
.down ul li span{display:none;}
.down ul li a.more{position:absolute;right:10px;top:10px;float:none;margin:0;}
.down ul li:hover{border-left:1px solid #0054A3;padding-left:12px;}

.videolist ul{margin:0 0 0 -2%;}
.videolist ul li{float:left;width:48%;margin:0 0 15px 2%;}
.videolist ul li .t h5{font-size:13px;padding:0 5px;}


.pro_tab ul li{width:50%;margin:0;height:32px;padding:10px 0;font-size:14px;}

.related-pro ul{margin:10px 0 0 -2%;}
.related-pro ul li{width:48%;margin:0 0 15px 2%;}
.related-pro ul li p{font-size:13px;}

.rela-pro .swiper-button-next, .rela-pro .swiper-container-rtl .swiper-button-prev {right: 0;}
.rela-pro .swiper-button-prev, .rela-pro .swiper-container-rtl .swiper-button-next {left: 0;}

.pro-inquiry .inquirShow{padding:20px 10px 5px;}


.pnbar{margin-top:30px;}
.pnbar p{max-width:100%;width:100%;padding:7px 10px;font-size:13px;box-sizing:border-box;}
.pnbar p.l{float:none;}
.pnbar p.r{float:none;margin:10px 0 0;}


.stit{padding:20px 0 0 0;}
.stit hr{width:60px;margin:15px auto 0;}

.contact{margin:10px 0 0 0;}
.contact h4{font-size:14px;}
.contact p{font-size:13px;line-height:24px;}

.contact ul{margin:20px 0 0 0;}
.contact ul li{float:none;width:100%;padding:20px 15px;height:auto;border-right:none;border-bottom:1px solid #EBEBEB;}
.contact ul li i{font-size:30px;}
.contact ul li h6{font-size:15px;font-weight:bold;}
.contact .share em{margin:0 2px;}

.map{margin:20px 0 0 0;}
.map img,.map iframe{width:100%;}

.linetit{margin:20px 0 0 0;}

.contact-inquiry{margin:30px 0 0;}
.contact-inquiry .inquirbox {padding: 20px 5px;}
.inquirbox .row{margin:0;}
.inquirbox .row > div{margin-bottom:10px;}


.faq ul li{padding:15px;}
.faq ul li .con{font-size:13px;line-height:18px;}
.faq ul li .con .t{font-size:14px;}
.faq ul li:hover{border-left:1px solid #D42626;padding:15px;}

.history::before {left: 5px;}
.history .list {margin-top: 30px;}
.history .list::before {left: 0;}
.history .list::after {left: 0;bottom: 53px;}
.history h3, .history h1 {margin: 0 0 20px;}
.history .item .content {width: 100%;margin-bottom: 20px;}
.history .item:nth-of-type(2n+1) .content {padding-right: 0;text-align: left;padding-left: 60px;}
.history .item:nth-of-type(2n+1) .content::before {right: auto;left: -9px;}
.history .item:nth-of-type(2n+1) .content::after {left: 23px;right: auto;}
.history .item:nth-of-type(2n+2) .content {padding-left: 60px;}
.history .item:nth-of-type(2n+2) .content::before {left: -9px;}
.history .item .date span {line-height: 32px;font-size: 20px;}
.history .item .content .txt {font-size: 15px;line-height: 20px;}
.history .swiper-slide .bot {margin-top: 30px;}
.history .swiper-slide .bot em {font-size: 24px;}
.history .swiper-button-prev, .history .swiper-button-next {bottom: 38px;}

.case-list ul li {width: 50%;}

.about-exhibition .list .txt p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.about-exhibition .list .txt {padding: 25px 30px 45px 30px;}

.about-cert .swiper-button-prev,.about-cert .swiper-container-rtl .swiper-button-next{left:-5px;}
.about-cert .swiper-button-next,.about-cert .swiper-container-rtl .swiper-button-prev{right:-5px;}
.about-cert .swiper-button-prev,.about-cert .swiper-button-next{width:30px;height:30px;}
.about-cert .swiper-button-prev i,.about-cert .swiper-button-next i{font-size:18px;}

.about-parts .swiper-button-prev,.about-parts .swiper-container-rtl .swiper-button-next{left:-5px;}
.about-parts .swiper-button-next,.about-parts .swiper-container-rtl .swiper-button-prev{right:-5px;}
.about-parts .swiper-button-prev,.about-parts .swiper-button-next{width:30px;height:30px;}
.about-parts .swiper-button-prev i,.about-parts .swiper-button-next i{font-size:18px;}


.about-technical ul {margin-top: 30px;grid-template-columns: repeat(2, 1fr);gap: 15px;}

}


@media screen and (max-width:576px) {
.share a {width: 27px;height: 27px;line-height: 27px;}

.header{padding:15px 0;}

.indexabout .txt .t{margin-bottom:20px;line-height:22px;}
.indexabout ul{margin-top:15px;}
.indexabout ul li{width:49%;padding:15px 10px;margin:6px 0;}
.indexabout ul li em{width:60px;height:60px;line-height:60px;}
.indexabout ul li h6{font-size:14px;}
.indexabout ul li h6 span{font-size:24px;}

.index-data ul li .txt {padding: 10px 15px;}
.index-data ul li p {margin-top: 5px;font-size: 13px;}


.indexG span{font-size:14px;line-height:22px;margin:10px auto 0;}
.indexG ul{margin:20px 0 0;}
.indexG ul li .pic ins{height:30px;line-height:30px;padding:0 15px;font-size:13px;}
.indexG ul li .t h5{font-size:14px;line-height:22px;-webkit-line-clamp:1;}


.newsnr h1{font-size:18px;line-height:1;}
.artInfo{padding:10px 5px;margin:20px 0 0;}
.myart{margin:10px 0;font-size:13px;}

.blind-panel .panel-content p {font-size: 12px;}
.blind-panel .panel-content .main-title {font-size: 16px;}


.pic-list .list ul{grid-template-columns: repeat(2, 1fr);}

.side-contact .inquiry {padding: 15px;}

.layout01 .cover .box dl {grid-template-columns: repeat(2, 1fr);}
.layout01 .cover .box dl dd:nth-child(3n+1) {border-left: none;padding-left: 5px;}
.layout01 .cover .box dl dd {border-left: none;}
.layout01 .cover .box dl dd {padding: 0 5px;}

.about-exhibition .list .pic img {position: static;}
.about-exhibition .list {flex-direction: column;}
.about-exhibition .list .txt {padding: 15px 20px 50px 20px}
.about-exhibition .list .txt .more {margin: 20px 0 0;}
.about-exhibition .list .pic {width: 100%;}

.pro_line_view {flex-direction: column;}
.pro_line_img {width: 100%;}
.pro_line_txt .send-bnt {margin: 20px 0 0;padding-top: 20px;}
}


@media screen and (max-width:480px) {
	
.xc_application {height: 85vw;}
.xc_application .appl_intro {top: 40%;height: 55%;}
.xc_application .xc_words {height: 35%;padding: 3% 4% 0;}
.xc_application .appl_intro .slide_tile {margin-bottom: 0.3rem;}
.xc_application .appl_intro .slide_body {gap: 2%;}
.xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child {animation-duration: 200s;animation-delay: -100s;}
.xc_application .appl_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child {animation-duration: 200s;}
.xc_application .appl_intro .slide_rail_inner ul:first-child {animation-duration: 200s;animation-delay: -100s;}
.xc_application .appl_intro .slide_rail_inner ul:last-child {animation-duration: 200s;}


.indexG ul{grid-template-columns: repeat(1, 1fr);gap:15px;}
.indexG ul li .t .more{display:none;}

.path {height: 30px;line-height: 30px;}


.pro-top h5, .pro-top h1 {font-size: 22px;}


.pro_img{float:none;width:100%;margin:0 auto;}
.pro_img .bpic{width:100%;}
.pro_img .bpic ul li img{width:100%;}

.pro_img .spic{float:none;width:100%;margin:10px 0 0 0;}

.pro_view_inner h1{font-size:16px;}

.pro_view_inner .share{margin:15px 0 0 0;text-align:center;}
.pro_view_inner .share a{float:none;display:inline-block;}

.pro_view_inner .bnts a {width: calc(33.333% - 10px);}


.history .item .content::before {width: 20px;height: 20px;background-size: 20px;}
.history .item:nth-of-type(2n+1) .content::before {right: auto;left: -4px;}
.history .item:nth-of-type(2n+2) .content::before {left: -4px;}
.history .item .content::after {width: 20px;top: 12px;}
.history .item:nth-of-type(2n+1) .content {padding-left: 50px;}
.history .item:nth-of-type(2n+2) .content {padding-left: 50px;}

.videolist ul {margin: 0;}
.videolist ul li {width: 100%;margin: 0 0 15px 0;}
.videolist ul li .v::after {background-size: 50px;}

.case-list ul li {width: 100%;}

.factory p {line-height: 21px;height: 42px;overflow: hidden;}

.layout01 .imgs .dot_box .dot .dot_circle{width:10px;height:10px;}
.layout01 .imgs .dot:before{width:22px;height:22px;margin-top:-11px;margin-left:-11px;}
.layout01 .imgs .dot:after{width:34px;height:34px;margin-left:-17px;margin-top:-17px;}
@keyframes warnMobile{
0%{transform:scale(0.3);opacity:0;}
25%{transform:scale(0.6);opacity:0.4;}
50%{transform:scale(0.8);opacity:0.8;}
75%{transform:scale(0.9);opacity:0.4;}
100%{transform:scale(1.0);opacity:0;}}
.layout01 .imgs .dot:before{animation:warnMobile 2s linear 0.4s infinite !important;}
.layout01 .imgs .dot:after{animation:warnMobile 2s linear 0s infinite !important;}


.about-technical ul li .txt {padding: 15px;}
.about-technical ul {grid-template-columns: 1fr;gap: 10px;}

}

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

.header dl{display:none;}

.newslist ul li .pic{width:100%;}

.videolist ul{margin:0;}
.videolist ul li{float:none;width:100%;margin:0 0 15px;}
.videolist ul li .t h5{font-size:14px;}

.stit h3{font-size:22px;}


.videolist ul {margin: 0;}
.videolist ul li {width: 100%;margin: 0 0 15px 0;}

.faq ul li{padding:10px;}
.faq ul li .tit .date-month{display:none;}
.faq ul li .tit h4{float:none;margin:0 0 0 0;}
.faq ul li .con{display:block;}
.faq ul li .con .date-day{display:none;}
.faq ul li .con .t{float:none;margin:5px 0 0 0;width:auto;}
.faq ul li:hover{padding:10px;}


.blind-panel .panel-content p {font-size: 10px;}
.blind-panel .panel-content .main-title {font-size: 15px;}
.blind-panel .panel-content .more {margin-top: 10px;}


.pro_contact {gap: 5px;flex-direction: column;}
.pro-btn {gap: 10px;flex-direction: column;align-items: flex-start;}

}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}