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

@media print,screen and (min-width:62.5em) {
:root {
		--html_base: 1.11111vw;
		--main-fs-h1:3.75rem;
		--main-fs-h2:3rem;
		--main-fs-h3:2.5rem;
		--main-fs-h4:2rem;
		--main-fs-h5:1.75rem;
		--main-fs-h6:1.5rem;
		--main-fs-p:1.125rem;
	}
.container{width:94%;}
.commPadding{padding:4.4375rem 0;}
.paddingTop-20{padding-top:1.25rem;}
.PaddingBottom-0{padding-bottom:0;}

/*layout style*/
body.offscreen .Str-header{margin-top:-4rem;}
body.drop .Str-header{margin-top:0;}
.Str-header{min-height:auto; height:4rem;}
.Str-header h1{margin:0;}
.Str-header h1 a.logo{ width:5.94rem; height:2.25rem; background-size:5.94rem 2.25rem;}

.Str-header .Str-menu{display:flex;}
.Str-header .Str-other{margin-right:0;}
.Str-header .Str-other li{margin-left:0.625rem; }
.Str-header .Str-other li.show-lang a{padding:0.5625rem 1.125rem; padding-left:2rem; padding-right:1rem; font-size:0.875rem; width:auto; height:auto; transition:all .3s;}
.Str-header .Str-other li.show-lang a:before{ left:0.5625rem; top:50%; transform:translate(0,-50%); font-size:1.125rem; }
.Str-header .Str-other li.show-lang a:hover{background-color:white; color:var(--main-color-yjh);}
.Str-header .Str-mobile-menu{display:none;}

.Str-footer{background:url(images/footer_bg.svg) no-repeat 90% top; background-size:50%; background-color:var(--main-color-yjh);}
.footer-left{width:40%;}
.footer-logo{margin:0 0 2.75rem;}
.footer-logo a.logo-footer{width:7.26rem; height:2.75rem; background-size:7.26rem 2.75rem;}
.footer-infor dt{font-size:0.875rem; opacity:.7;}
.footer-infor dd{font-size:1.25rem;}
.footer-infor dd strong{font-size:1.5rem; font-weight:600;}
.footer-infor dd a{color:white;}
.footer-infor dd img.code-wx{display:block; width:7.25rem; margin:.25rem 0 0;}

.footer-right{display:flex; }
.foot-nav{margin:0 0 .8125rem;}
.foot-nav.nav-long{margin:0 0 .8125rem;}
.foot-nav dt{font-size:0.875rem; margin:0 0 .8125rem;}
.foot-nav dt.sub{font-size:.75rem; margin:0; font-weight:normal;}
.foot-nav dd a{font-size:0.875rem; margin:0.25rem 0;}

/*index style*/
.f-left,.f-right{font-size:0.875rem;}

.Str-screen{height:56.25vw; margin-top:0;}

.showSlogan.showTop{padding-top:4vw;}
.showSlogan.showBottom{padding-bottom:4vw;}
.show-slogan.tHalf{width:50%; }

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {display:flex; right:auto; left: 5rem; top:auto; bottom:5%;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {display:flex; right: auto; left:1.25rem; top:auto; bottom:5%;}
.Home-swiper .swiper-pagination div {width: 36px; height: 36px;}

.homeLink,.btnLink{padding:0.625rem 1.25rem; font-size:0.875rem; min-width:7.5rem; line-height:1.5;}
.moreLink{font-size:1rem; padding-right:1.75rem;  }
.moreLink:after{font-size:1.5rem;}
.moreLink:hover{padding-right:2.5rem; }



.Huma-swiper .swiper-slide{padding-top:56.25vw;}
.index-title{margin:0 0 2.5rem;  padding:0 5%;}
.index-title p{font-size:1.125rem; margin-top:1rem; font-weight:400; }
.index-title p.tLeft{font-size:1.125rem;}

.App-swiper .swiper-slide{width:100%; max-width:900px; height:540px;}
.App-swiper .swiper-slide .txtShow .custom-logo{height:2.5rem; margin:0 auto 1rem;}

.App-swiper .swiper-pagination-bullet{height:2.75rem; line-height:2.75rem; padding:0 1.25rem; border-radius:.375rem; font-size:1rem;}
.App-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .App-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .5rem;}

.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:7.5rem;   width:2.75rem; height:2.75rem;  background:rgba(0,0,0,.1);}
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:7.5rem;  width:2.75rem; height:2.75rem;  background:rgba(0,0,0,.1);}
.App-swiper .swiper-button-next:after,.App-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem;}
.App-swiper .swiper-button-prev:after,.App-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem;}


.hot-news a.hotnews-link .hotnews-img{flex:1; padding-top:32%; }
.hot-news a.hotnews-link .hotnews-txt{width:calc((100% - .8rem)/3); padding:2vw; }
.hot-news a.hotnews-link .hotnews-txt .news-title{font-size:var(--main-fs-h6); }
.hot-news a.hotnews-link .hotnews-txt p{font-size:var(--main-fs-p); }
.hot-news a.hotnews-link .hotnews-txt p.news-date{font-size:var(--main-fs-p); margin-top:auto;}


.hotnews-list{margin-top:2.5rem; display:flex; align-items:flex-start; flex-wrap:wrap; gap:2.5rem; background:none; padding:0;}
.hotnews-list a.news-cell{display:block; flex:1; position:relative; padding:0 0 1.25rem; transition: all .4s;}
.hotnews-list a.news-cell:before{content:''; width:100%; height:2px; background:var(--main-color-gray); position:absolute; left:0; bottom:0; }
.hotnews-list a.news-cell:after{content:''; width:0; height:2px; background:var(--main-color-yjh); position:absolute; left:0; bottom:0; z-index:10; transition: all .4s;}
.hotnews-list a.news-cell .news-title{margin:0 0 2vw; font-size:var(--main-fs-h6); color:var(--main-color-black); font-weight:500; line-height:2rem; height:4rem; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; transition: all .4s;}
.hotnews-list a.news-cell p.news-date{font-size:var(--main-fs-p); color:var(--main-color-black);}

.hotnews-list a.news-cell:hover:after{width:100%;}
.hotnews-list a.news-cell:hover .news-title{color:var(--main-color-yjh);}

.hot-news.warm-news{margin:0 0 1.25rem;}
.hot-news.warm-news a.hotnews-link{gap:1.25rem;}
.hot-news.warm-news a.hotnews-link .hotnews-img{flex:1;}
.hot-news.warm-news:last-child a.hotnews-link .hotnews-txt{order:0;}
.hot-news.warm-news:last-child a.hotnews-link .hotnews-img{order:1;}

.friend-list .friend-cell{width:calc((100% - 8.75rem)/8);}
/*end index*/
/*humanoid*/
.Str-banner{padding-top:0rem;}
.Huma-case{padding-top:46.875vw; }
.humanoid-flash{gap:1.25rem;}
.humanoid-flash .box-sider{width:calc((100% - .4rem)/3); padding:3% 3% 24%; min-height:auto; }
.humanoid-flash .box-main{flex:1; gap:1.25rem; }
.humanoid-flash .box-main .main-cell{flex:1; gap:1.25rem;}
.humanoid-flash .box-main .main-cell .cell-item{ padding:4% 4% 24%; min-height:auto; flex:1; }
/*end humanoid*/
/*product*/
.Pro-banner{padding-top:46.875vw;}
.Pro-banner.abtBanner{padding-top:38vw;min-height:42.5rem;}
.Pro-banner img.mobile-img{display:none;}
.Pro-banner img.pc-img{display:block;}

.Pro-banner .show-slogan img.img-txt-icon{width:28.75rem;}
.banner-spec .showSlogan{align-items: center; padding-top:0;}
.banner-spec .show-slogan.tLeft{text-align:left;}
.banner-spec .show-slogan img.img-txt-icon{margin-left:0; margin-right:0;}

.product-spec-list{justify-content:center; gap:1.25rem;}
.product-spec-list .prospec-cell{width:calc((100% - 6.25rem)/6);}
.Pro-case{padding-top:43.75vw; }
.Pro-case .show-slogan h2{font-size:var(--main-fs-h2);}
.Pro-case .show-slogan p{font-size:var(--main-fs-p);}

.Comm-swiper .swiper-wrapper{padding-bottom:1.5rem;}
.Comm-swiper .swiper-slide{padding-top:30%;}
.Comm-swiper .swiper-button-next,.Comm-swiper .swiper-container-rtl .swiper-button-prev {left:auto; right:1rem; background:rgba(0,0,0,.1);}
.Comm-swiper .swiper-button-prev,.Comm-swiper .swiper-container-rtl .swiper-button-next {left:1rem; right:auto;background:rgba(0,0,0,.1);}

.commFlex .commCell-six{width:calc((100% - 5rem)/6);}

.j30-wrap .wrap-cell{flex:1; width:auto;  padding:2%;}
.j30-wrap .wrap-cell .cell-txt{flex:0 1 auto;}
.j30-wrap .wrap-cell .cell-txt p{font-size:1.5rem;}
/*end product*/
/*landing page*/
.page-about .about-logo{width:12.5rem;  margin:0;}
.page-about .about-logo img{margin:0; width:100%;}
.page-about .about-txt{flex:1; padding-left:5%;}
.page-about .about-txt p{font-size:1.125rem; color:gray;}
/*landing page*/
/*about*/
.aboutWrap .about-txt{flex:1; }
.bgAbout{padding-bottom:25vw;}
.aboutWrap .about-txt p{font-size:1.125rem;}

.solution-box{height:42.5rem;}
.solution-box .solbox{width:25%; height:100%;}
.solution-box .solbox.active{width:40%;}
.solution-box .solbox.small{width:20%;}

.solution-name{position:absolute; left:0%; top:0%; width:100%; padding:4vw; z-index:8;}
.solution-name p{padding-top:1.75rem;  opacity:0; font-size:var(--main-fs-h5);}
.solution-name p label{display:inline-block; }
.smask{position:absolute; left:0; top:0; width:100%; height:100%;  transition: all 0.3s; z-index:1;}
/*history start*/
.HistoryWarp{padding:4vw; }
.History-swiper .swiper-wrapper{height:28.125rem; } 
.History-swiper .swiper-slide .item{padding-left:1.75rem; }  
.History-swiper .swiper-slide .item .bot{ margin-top:1rem; max-height:22.5rem; padding-right: 1rem;}
.History-swiper .swiper-slide .item .bot p{margin:0 0 1rem;  font-size:1rem;}
  
.Year-swiper .swiper-slide p{margin:0; font-size: 1.5rem; line-height:1.5; } 

.YearSpace .swiper-button-next,.YearSpace .swiper-container-rtl .swiper-button-prev {left:auto; right:0; width:2.75rem; height:2.75rem; }
.YearSpace .swiper-button-next:after,.YearSpace .swiper-container-rtl .swiper-button-prev:after {font-size:1.125rem; }
.YearSpace .swiper-button-prev,.YearSpace  .swiper-container-rtl .swiper-button-next {left:0; right:auto; width:2.75rem; height:2.75rem;}
.YearSpace .swiper-button-prev:after,.YearSpace .swiper-container-rtl .swiper-button-next:after {font-size:1.125rem; }
/*history end*/
/*honor*/
.Honor-swiper .swiper-slide{width:30%;}
.Honor-swiper .swiper-slide:nth-child(6),.Honor-swiper .swiper-slide:nth-child(7),.Honor-swiper .swiper-slide:nth-child(8){width:15%;}
.honor-list .honor-cell{width:calc((100% - 2.5rem)/3); padding:0.5rem; font-size:1.125rem; font-weight:400;}
.honor-list .honor-cell span{padding:1.5vw 1vw 1vw; background:url(images/award.png) no-repeat center 15%; background-size:50%; }
/*honor end*/
.way-cell{flex:1; gap:1rem;}
.way-cell .cell-icon{flex:0 1 auto; width:100%;}
.way-cell .cell-icon i{width:4.75rem; height:4.75rem; font-size:1.75rem;}
.way-cell .cell-txt{flex:0 1 auto; width:100%; font-size:1.125rem; text-align:center;}
.way-cell .cell-txt strong{font-size:1.75rem; }
.way-cell .cell-txt strong.small{font-size:1.25rem;}
/*end about*/
/*news*/
.news-list{gap:1.5rem; }
.news-list .news-cell-link{flex:0 1 auto; width:calc((100% - 3rem)/3); }
.news-list .cell-link-img{margin:0 0 1rem;}
.news-list .cell-link-txt h5{font-size:1.25rem; }

.news-list.newsBox{gap:1.5rem;}
.news-list.newsBox .news-cell-link{flex:0 1 auto; width:calc((100% - 4.5rem)/4); }
.news-list.newsBox .cell-link-txt h5{font-size:1.25rem; }
/*end news*/
/*support*/
.support-phone h2 {font-size: var(--main-fs-h2);}
.form-wrap .form-cell{width:calc((100% - 1.25rem)/2);}
.confirmBtn{padding:1rem 1.5rem; min-width:18.75rem; font-size:1.25rem; }

/*end support*/
/*join*/
.talentWrap{gap:1.25rem; margin:0 0 1.25rem;}
.talentWrap .talent-img{width:calc((100% - 1.25rem)/2); padding-top:28%;  border-radius:0.875rem;}

.talentWrap .talent-txt{flex:1; padding:5%;  border-radius:0.875rem;}
.talentWrap .talent-txt .title{font-size:var(--main-fs-h4); }
.talentWrap .talent-txt .title strong{ font-size:var(--main-fs-h2); }
.talentWrap.next .talent-img{order:1;}
.talentWrap.next .talent-text{order:0;}

.jobs-wrap{gap:1.25rem;}
.jobs-wrap .jobs-celll{flex:1; padding-top:28%;}

.gift-wrap{gap:3.75rem;}
.gift-wrap .gift-cell{width:calc((100% - 15rem)/5); font-size:var(--main-fs-p);}

.schoolWrap{gap:1.25rem;}
.schoolWrap .school-box{flex:0 1 auto; width:100%; border-radius:0.875rem; }
.schoolWrap .school-box img{display:block; width:100%; min-height:auto;}
.schoolWrap .school-list{flex:0 1 auto; width:100%; gap:1.25rem;}
.schoolWrap .school-list .list-sider{width:45%; border-radius:0.875rem;} 
.schoolWrap .school-list .list-main{flex:1; gap:1.25rem;}
.schoolWrap .school-list .list-main .list-main-cell{flex:1; border-radius:0.875rem; height:auto;}
.schoolWrap .sch-mask h6{font-size:1.125rem; font-weight:400; opacity:.7;}

/*end join*/
/**wp css**/

.Str-page {padding-top:6.75rem}
.articleMain{margin:0 auto; width:60%; padding:5%;}

/**end wp css **/




}
@media print,screen and (min-width: 90em) {
:root {
		--html_base: 16px !important;
		--main-fs-h1:3.75rem;
		--main-fs-h2:3rem;
		--main-fs-h3:2.5rem;
		--main-fs-h4:2rem;
		--main-fs-h5:1.75rem;
		--main-fs-h6:1.5rem;
		--main-fs-p:1rem;

	}

.container{width:87.5%; max-width:1680px}
.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {display:flex; right:1rem; left: auto; top:50%; bottom:auto; }
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {display:flex; right: auto; left:1rem; top:50%; bottom:auto;}
.Home-swiper .swiper-pagination div {width: 40px; height: 40px;}
/*layout style*/
.App-swiper .swiper-slide{width:100%; max-width:1000px; height:600px;}





}

@media print,screen and (min-width: 120em) {
.Str-screen{height:100vh;}
.Huma-swiper .swiper-slide{padding-top:46.875vw;}

.App-swiper .swiper-slide{width:100%; max-width:1200px; height:720px;}
.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:10vw; }
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:10vw;}

}