@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Gkmk Copyright 2025 UED Interaction */

@media print,screen and (max-width:120em) {




}

@media print,screen and (max-width:90em) {
 :root {  
  --html_base:1.11111vw; /*1rem=16px baseOn:1440px vw = (16/1440)*100% */
}


}

@media print,screen and (max-width:62.5em) {
 :root {  
  --html_base:2.13333vw; /*1rem=8.31999px baseOn:750px vw = (16/750)*100% */
  
  --main-fs-h1:5.7692rem;/*48px*/
  --main-fs-h2:4.8076rem;/*40px*/
  --main-fs-h3:4.0865rem;/*34px*/
  --main-fs-h4:3.3653rem;/*28px*/
  --main-fs-h5:2.8847rem;/*24px*/
  --main-fs-h6:2.1634rem;/*18px*/
  --main-fs-p:1.9231rem;/*16px*/
 }
.container{padding-left:1.8029rem; padding-right:1.8029rem; width:100%;}
.commPadding{padding:3.6057rem 0;}
.noPadding-bottom{padding-bottom:0;}

/*menu icon*/
.toggle-btn{position:absolute; top:50%; transform: translateY(-50%); right:0; z-index:1000; display:flex; align-items:cetner; justify-content:center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap:.9615rem; outline:none; width:7.2115rem; height:7.2115rem;  background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
.icon-i{margin:0 auto; display:block; width:3.6057rem; height:2px; background:black;}

.Str-header h1 a.logo{margin:1.8029rem 0; width:10.4592rem; height:4.087rem;  background-size:10.4592rem 4.087rem; }

.Str-header .Str-menu{display:none;}
.Str-header .Str-mobile-menu{display:flex; }

.footer-left{width:100%; margin: 0 0 2.4038rem;}
.footer-left .footer-logo a img{height: 6rem;}
.footer-left .footer-txt{font-size: 1.9231rem; }

.footer-right{display:none; flex:0 1 auto; width: 100%; flex-direction: column; justify-content: flex-start; gap: 1.9231rem;}
.footer-right dl dt,.footer-right dl dt a{font-size: 1.9231rem; }
.footer-right dl dd{font-size: 1.6827rem;}

/*index style*/
.Str-screen{height:120vw; overflow: hidden; padding-top: 7.6924rem;}
.home-video { min-width:auto; min-height:auto; height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: cover; overflow: hidden; display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}

.openVideo{ padding:1.8029rem;}

.Str-news{padding: 1.8029rem;}
.newsList{gap: 1.8029rem;}
.newsList li{width:100%;}

.index-title h3{font-size:2.8847rem;}

.pro-img{width: 100%; padding-top: 56.65%;}
.pro-txt{flex: 0 1 auto; width: 100%; padding:2.4038rem; font-size: 1.9231rem;}
.pro-txt img{max-width: 200px; max-height: 100px;}
.page-txt label{font-size: 1.6827rem;}

.Str-banner{padding-top: 7.6924rem;}

.page-title{font-size:2.8847rem;}
.page-imgtxt{gap:1.8029rem; margin: 0 0 1.8029rem;}
.page-img{flex:0 1 auto; width: 100%;  max-height: 360px; min-height: 240px; order: 0;} 
.page-txt{flex: 0 1 auto; width: 100%;  order: 1;}
.page-txt p{margin: 0 0 1.6827rem; font-size: 1.9231rem;}

.page-imgtxt:nth-child(2n) .page-img{order: 0;}
.page-imgtxt:nth-child(2n) .page-txt{order: 1;}

.page-img.img-ip{ min-height: 360px; padding:5%;}
.page-img.img-ip img{ max-width:80%; max-height:80%; min-height: auto;}

.list-style-3 li{flex: 0 1 auto; width: 100%; border-right:0; border-bottom:1px solid gray;}
.spec-txt h3{ font-size: 2.8847rem;  }
.spec-txt p{font-size: 1.9231rem;  }

.comm-txt{ font-size: 1.9231rem;}
.comm-txt p{margin: 0 0 1.6827rem; font-size: 1.9231rem;}

.peopleList li .people-img{width: 100%;} 
.peopleList li .people-txt{flex:0 1 auto; width: 100%; font-size: 1.9231rem; }
.peopleList li .people-txt h5,.peopleList li .people-txt h6{font-size: 1.9231rem;}
.peopleList li .people-txt p{font-size: 1.9231rem; line-height: 1.65;}

.logs{height: calc(4rem + 100px); width: 90%;}
.logs img{max-width:200px; max-height: 100px;}

.Str-article .container{padding: 0;}
.article-title span{font-size: 1.6827rem; }
.article-content{font-size:1.9231rem; text-align: left; line-height: 1.65;}
.article-content p{font-size:1.9231rem;text-align: left; line-height: 1.65;}

.pagination{padding-bottom: 3.6057rem; gap: 1.6287rem; }
.pagination a{ min-width:3.6057rem; min-height:3.6057rem;font-size: 1.6287rem; }
.pagination a i{font-size: 1.9231rem;}

.newsBox .newsImg{width:100%; padding-top:54%; }
.newsBox .newsText{flex:0 1 auto; width:100%; }
.newsBox .newsText h5{ font-size: 1.9231rem; }
.newsBox .newsText p{font-size: 1.6827rem; }
.newsBox .newsText span{ font-size: 1.6827rem; }



}