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

/*PAD PRO*/
@media screen and (min-width: 1281px) and (max-width: 1680px) {
.container{padding-left:.8rem; padding-right:.8rem; }
.commPadding{padding:.8rem 0;}
.noPadding-bottom{padding-bottom:0;}
.Str-screen{height:60vw;}
.show-slogan h2{font-size:48px;  }
.show-slogan h5{font-size:20px;  }

.index-title h3{font-size:.42rem;}
.index-title h4{font-size:.22rem; }

.spec-txt img{height:.76rem;}

.Apply-swiper .swiper-slide{width:22%; padding-top:28%;}

.newsTxt h3 {font-size: .2rem; line-height: .26rem; height:.52rem;}

.news-tbox .tbx-img{width:2.2rem; padding-top:1.4rem;}
.news-tbox .tbx-con h3{font-size:.2rem; line-height:.26rem;height: .52rem; }

.bgfanghu{min-height:45vw;}
.bgFuzai{min-height:45vw; }

.bgFhvideo{height:40vw;}
.bgFzvideo{height:40vw;}

.Spec-swiper .swiper-slide .txtShow h3{font-size:.2rem; font-weight:600;}
.Spec-swiper .swiper-slide .txtShow p{font-size:.14rem; }

.Spec-swiper .swiper-slide{width:52%; padding-top:34%; position:relative; cursor:pointer;}
.Pro-swiper .swiper-slide{width:62%; padding-top:36%; position:relative; cursor:pointer; }

.mspec li img.micon{display:block; width:.68rem; height:.68rem; }
.mspec li h3{font-size:.2rem;}
.mspec li p{font-size:.16rem;}

.App-swiper .swiper-slide{width:68%; padding-top:36%; position:relative; cursor:pointer;}
.fixImg-index img{bottom:15%;}

.cod-txt h4{font-size:.34rem; }
.cod-txt h5{font-size:.28rem; }

/*humanoid*/
.cs-item{ font-size:.16rem; }
.cs-item i{font-size:.13rem; }
.cs-item label{ font-size:.48rem;}
.cs-item label sup{font-size:.18rem;}

.Applys-swiper .swiper-slide{max-width:1000px; height:600px; }

}

@media screen and (min-width: 961px) and (max-width: 1280px) {
.container{padding-left:.6rem; padding-right:.6rem; }
.commPadding{padding:.8rem 0;}
.noPadding-bottom{padding-bottom:0;}
.submenu-list .sub-item img{max-height:.8rem;}
.Str-screen{height:54vw;}

.show-slogan h2{font-size:44px;  }
.show-slogan h5{font-size:18px;  }

.index-title h3{font-size:.38rem;}
.index-title h4{font-size:.18rem; }
.spec-txt img{height:.7rem;}

.index-title h5{font-size:.16rem; font-weight:300; color:#787878; width:100%; margin:0 auto;}

.Apply-swiper .swiper-slide{width:28%; padding-top:34%;}

.newsTxt h3 {font-size: .18rem; line-height: .24rem; height:.48rem;}
.news-tbox .tbx-img{width:2rem; padding-top:1.2rem;}
.news-tbox .tbx-con h3{font-size:.18rem; line-height:.24rem;height: .48rem; }

.bgfanghu{min-height:45vw;}
.bgFuzai{min-height:45vw; }

.bgFhvideo{height:40vw;}
.bgFzvideo{height:40vw;}

.Spec-swiper .swiper-slide .txtShow h3{font-size:.18rem; font-weight:600;}
.Spec-swiper .swiper-slide .txtShow p{font-size:.14rem; }

.Spec-swiper .swiper-slide{width:68%; padding-top:44%; position:relative; cursor:pointer;}
.Pro-swiper .swiper-slide{width:68%; padding-top:44%; position:relative; cursor:pointer; }

.mspec li{width:calc((100% - .2rem)/2); margin-right:.2rem; margin-bottom:.2rem; padding:.4rem; }
.mspec li:nth-child(2n){margin-right:0;}
.mspec li h3{font-size:.18rem;}
.mspec li p{font-size:.14rem;}

.App-swiper .swiper-slide{width:70%; padding-top:40%; position:relative; cursor:pointer;}
.fixImg-index img{bottom:20%;}

.cod-txt h4{font-size:.36rem; }
.cod-txt h5{font-size:.24rem; }

/*humanoid*/
.bgHumanoid2 .show-slogan.tHalf ul li{width:calc((100% - .5rem)/2);}
.bgHumanoid2 .show-slogan.tHalf ul li:nth-child(3):after{display:block;}
.bgHumanoid2 .show-slogan.tHalf ul li:nth-child(2n):after,.bgHumanoid .show-slogan.tHalf ul li:last-child:after{display:none;}
.cs-item{ font-size:.14rem; }
.cs-item i{font-size:.12rem; }
.cs-item label{ font-size:.44rem;}
.cs-item label sup{font-size:.16rem;}

.Applys-swiper .swiper-slide{max-width:900px; height:540px; }

}

/*Òƶ¯¶Ë*/
@media only screen and (max-width:960px) {
.container{padding-left:.2rem; padding-right:.2rem; width:100%;}
.commPadding{padding:.6rem 0;}
.noPadding-bottom{padding-bottom:0;}
body.offscreen .Str-header{margin-top:0;}
.Str-header{height:.6rem;}
.Str-header h1 a.logo{width:.98rem; height:.3rem; background-size:.98rem .3rem;}
.Str-header ul.primary-menu{display:none;}

.Str-header .Str-mobile-menu{display:block;}

.Str-header.active{background:white;}
.Str-header.active h1 a.logo{background:url(/css/images/logo_n.svg) no-repeat center; background-size:.98rem .3rem;}
.Str-header.active .Str-mobile-menu .menu-line{background:#252525;}

.foot-infor{width:100%; flex:auto;}
.foot-wx{padding-left:50%; margin-left:-.7rem;  padding-bottom:.2rem;}

.Str-screen{height:120vw;}
.home-video2{ left:-1.4rem; }

.show-slogan h2{font-size:.34rem;  }
.show-slogan h3{font-size:.26rem;  }
.show-slogan h5{font-size:.16rem;  }

.homeLink,.homeLink3{ padding:0 .42rem 0 .2rem; height:.4rem; font-size:.13rem; line-height:.4rem; } 
.homeLink2{ padding:0 .42rem 0 0; height:.4rem; font-size:.13rem;  line-height:.4rem; } 

.bgfanghu{background-position:24% center;}

.index-title{margin:0 0 4vw;}
.index-title h3{font-size:.28rem;}
.index-title h4{font-size:.16rem; }
.index-title h5{font-size:.14rem;  width:100%; }
.index-title p{font-size:.16rem;  width:100%; text-align:left;}

.spec-txt{font-size:.14rem;}
.spec-txt img{height:.64rem;}

.bgFamily{background-size:auto 100%; background-color:#fff; background-position:top center; background-attachment: scroll; min-height:84vw;}

.Apply-swiper .swiper-slide{width:46%; padding-top:58%;}
.Apply-swiper .swiper-slide .txtShow h3{font-size:.16rem; }
.Apply-swiper .swiper-slide .txtShow img{display:block; width:.68rem; height:.68rem;  }

.news-imgbox{width:100%; margin:0 0 .2rem;}
.news-txtbox{width:100%;}
.news-box{padding:.2rem;}

.newsTxt h3 {font-size: .18rem; line-height: .24rem; height:.48rem;}
.news-tbox .tbx-img{width:1.4rem; padding-top:.8rem;}
.news-tbox .tbx-con h3{font-size:.18rem; line-height:.24rem;height: .48rem; }

.friend-list dt{width:.64rem; font-size:.12rem;}
.friend-list dd .fbox{width:calc((100% - 20px)/5); margin-right:.05rem; background:#fff; border-radius:.04rem; overflow:hidden;}

/*subpage*/
.Str-banner:before {padding-top:120%;}
.Str-banner.bgRenxing{background:url(/css/images/bg_renxing_m.jpg) no-repeat center top; background-size:100%; }
.Str-banner.bgSa{background:url(/css/images/bg_sa_m.jpg) no-repeat center bottom; background-size:100%; }
.Str-banner.bgPa{background:url(/css/images/bg_pa_m.jpg) no-repeat center bottom; background-size:100%; }
.Str-banner.bgXiezuo{background:url(/css/images/bg_arm_m.jpg) no-repeat center bottom; background-size:100%; }
.Str-banner.bgFanghu{background:url(/css/images/bg_fanghu_m.jpg) no-repeat center bottom; background-size:100%; }
.Str-banner.bgDafuzai{background:url(/css/images/bg_fuzai_m.jpg ) no-repeat center top; background-size:100%;}
.Str-banner.bgFuhe{background:url(/css/images/bg_fuhe_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgAbout{background:url(/css/images/bg_about_m.jpg ) no-repeat center top; background-size:100%;}
.Str-banner.bgHanjie{background:url(/css/images/bg_hanjie_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgMaduo{background:url(/css/images/bg_maduo_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgSuofu{background:url(/css/images/bg_suofu_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgShangxia{background:url(/css/images/bg_shangxia_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgTujiao{background:url(/css/images/bg_tujiao_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgShijue{background:url(/css/images/bg_shijue_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgLikong{background:url(/css/images/bg_likong_m.jpg ) no-repeat center; background-size:100%;}
.Str-banner.downLoad{background:url(/css/images/bg_down_m.jpg ) no-repeat center; background-size:100%; }
.Str-banner.downLoad:before{padding-top:80%;}

.imgTxt-wrap .txt-wrap{flex:1; width:100%;}
.imgTxt-wrap .img-wrap{width:100%;}
.imgTxt-wrap .img-wrap img{width:70%;margin:0 auto;}

.canshu-1 li span{font-size:.13rem;}
.canshu-1 li label{font-size:.24rem; }
.canshu-1 li label sup{font-size:.16rem;}

.renTxt2{width:80%;}


.about-txt .aimg{width:100%; order:0; margin:0 0 4vw;}
.about-txt .atxt{flex:auto; width:100%; padding-right:0; font-size:.16rem; line-height:1.6; order:1;}

.about-txt .atxt .index-title{margin:0 0 4vw;}

.sa-list li span{width:1rem; height:1rem ; padding:.1rem; }
.sa-list li label{font-size:.14rem; margin:0 0 4vw;}

.Spec-swiper .swiper-wrapper{width: 100%; padding-bottom:.6rem; }
.Spec-swiper .swiper-slide{width:92%; padding-top:76%; position:relative; cursor:pointer;}
.Spec-swiper .swiper-slide .txtShow{padding:5%;}
.Spec-swiper .swiper-slide .txtShow h3{font-size:.18rem; font-weight:600;}
.Spec-swiper .swiper-slide .txtShow p{font-size:.14rem; }

.Spec-swiper .swiper-button-prev,.Spec-swiper .swiper-container-rtl .swiper-button-next {left:50%; margin-left:-54px; top:auto; bottom:0; background:#475770; width:44px; height:44px; color:#fff; border-radius:100px;}
.Spec-swiper .swiper-button-next,.Spec-swiper .swiper-container-rtl .swiper-button-prev {right:50%; margin-right:-54px;top:auto; bottom:0; background:#475770; width:44px; height:44px; color:#fff; border-radius:100px;}
.Spec-swiper .swiper-button-next:after,.Spec-swiper .swiper-container-rtl .swiper-button-prev:after {color:#fff; font-size:18px; font-weight:600;}
.Spec-swiper .swiper-button-prev:after,.Spec-swiper .swiper-container-rtl .swiper-button-next:after {color:#fff; font-size:18px; font-weight:600;}

.comm-tabstyle-01{transform:scale(1);}

.arm-icon li{text-align:center; flex:auto; font-size:.14rem; width:calc(50% - .4rem); margin:.2rem;}
.arm-icon li img{display:block; height:.54rem; margin:0 auto .15rem;}

.Pro-swiper .swiper-wrapper{padding-top:0;}
.Pro-swiper .swiper-slide{width:100%; padding-top:0; border-radius:0;}
.Pro-swiper .swiper-slide video{display:block; width:100%; min-height:auto; position: relative; left:0; top:0; transform:translate(0,0); border-radius:0;}
.Pro-swiper .swiper-slide img.bgImg{display:block; width:100%; height:auto; position:relative; left:0; top:0; object-fit:cover; border-radius:0;}
.Pro-swiper .swiper-slide .txtBox{position:relative; left:auto; bottom:auto; width:100%; height:auto; padding:6% ; background:rgba(71,87,112,.9); color:#fff;  border-radius:0; min-height:68vw;}
.Pro-swiper .swiper-slide .txtBox h3{display:block; font-size:.18rem;}
.Pro-swiper .swiper-slide .txtBox p{display:block; font-size:.14rem;}

.Pro-swiper .swiper-pagination-bullets,.Pro-swiper .swiper-pagination-custom, .Pro-swiper .swiper-pagination-fraction {display:none; }
.Pro-swiper .swiper-button-prev,.Pro-swiper .swiper-container-rtl .swiper-button-next {display:block; left:6%; top:30%;  color:#fff;  }
.Pro-swiper .swiper-button-next,.Pro-swiper .swiper-container-rtl .swiper-button-prev {display:block; right:6%; top:30%; color:#fff; }

.tab-item span{margin:0 .06rem; padding:0 .24rem; line-height:.44rem; font-size:.14rem;}
.title-pad{margin:.2rem 0 ;  line-height:.44rem; font-size:.14rem; }

.pad-canshu .pad-img{width:100%; padding:2%;}
.pad-canshu .pad-img img{display:block; width:100%;}
.pad-canshu .pad-txt{flex:auto; padding-right:0;width:100%;}

.mspec li{width:100%; margin-right:0; margin:0 0 .2rem; padding:.4rem; }
.mspec li h3{font-size:.18rem;}
.mspec li p{font-size:.14rem;}

.App-swiper .swiper-slide{width:96%; padding-top:50%;}
.App-swiper .swiper-slide .txtShow h3{font-size:.16rem; }
.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { display:none;}
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { display:none;}

.fixImg-index img{bottom:35%;}
.bangImg img {max-width:100%;}

.cod-txt h4{font-size:.2rem; text-align:center;}
.cod-txt h5{font-size:.24rem; text-align:center;}


.culture-wrap .cultureBox{width:100%; padding:5% 0; height:auto; }
.culture-wrap .cultureBox h3{font-size:.18rem; font-weight:300; margin:0 0 .2rem; }
.culture-wrap .cultureBox h3 span{font-size:.28rem; }
.culture-wrap .cultureBox h4{font-size:.2rem; }

.show-video{width:100%;}

.spec-icon-list li{width:calc((100% - .3rem)/2); margin-right:.3rem; margin-bottom:.2rem;}
.spec-icon-list li:nth-child(5n){margin-right:.3rem;}
.spec-icon-list li:nth-child(2n){margin-right:0;}
.specBox img{display:block; width:.6rem; height:.6rem; }
.specBox p{font-size:.14rem; }
.specBox span{font-size:.16rem; }

.tab.tabthree span{width:100%; margin-right:0; margin-left:0; margin-bottom:.1rem;}

.spec-ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:.2rem;}
.spec-ul li{flex:auto; width:100%;}

.hanSpec{cursor:pointer; min-height:auto; padding:10%;}
.hanSpec h4{margin:0 0 .2rem; font-size:.2rem; }
.hanSpec h5{font-size:.2rem; }
.hanSpec p{font-size:.16rem;}

.canshu{order:1; width:100%;}
.proimg{order:0;width:100%; padding-left:0;}
.proimg.specimg{padding-left:0; padding-right:0;}


.spece-wrap .flex-box{width:100%; padding:.2rem 0; }
.flex-txt h3{font-size:.24rem; }
.flex-txt p{font-size:.16rem; }

.foot-nav{display:none;}

.downFile{margin:0 0 .2rem;}
.downFile dt{font-size:.2rem; }
.downFile dd{margin:0 0 .05rem; width:100%;}
.downFile dd a{font-size:.15rem; padding:.12rem .12rem .12rem .35rem;}
.downFile dd a:before{width:.24rem; height:.24rem; background-size:.12rem; }
.downFile dd h6{margin-top:.2rem;}


.down-nav span{display:block; font-size:.14rem; color:#333; margin:0 0 .15rem; padding:0 .1rem 0 0; position:relative; cursor:pointer;}
.down-nav span:before{content:''; width:.03rem; height:.2rem; background:#475770; position:absolute; right:-2px; top:50%; transform:translateY(-50%); opacity:0;}
.down-list{flex:1; padding-left:.15rem;}

.foot-info{flex:auto; padding-right:0;}

/*404*/
.Str-404 h1{margin:0; font-size:1rem; }
.Str-404 h2{font-size:.28rem;}
.Str-404 h3{font-size:.16rem;  line-height:2;}

/**news**/
.news-list-page a.newsBox{display:block; background:#fff; margin-right:0; margin-bottom:.2rem; padding:.2rem; width:100%; box-sizing:border-box; }
.news-list-page a.newsBox:nth-child(3n){margin-right:0;}
.news-list-page a.newsBox h3{font-size:.18rem; font-weight:600;  line-height:1.5; height:auto; }

.cases-list a.casesBox{display:block; background:#fff; margin-right:0; margin-bottom:.2rem; padding:.2rem; width:100%; box-sizing:border-box; }
.cases-list a.casesBox:nth-child(3n){margin-right:0;}

.tag-filters{margin:0 0 .4rem;}
.filter-group{ gap:.1rem; }

/*humanoid*/
.Str-banner.bgHumanoid{background:url(/css/images/bg_humanoid_m.jpg) no-repeat center top; background-size:100%; }
.Str-banner.bgHumanoid .showSlogan{align-items:flex-start; justify-content:center; }
.Str-banner.bgHumanoid .show-slogan.tleft {text-align: center; padding-top:25%;}
.Str-banner.bgHumanoid .show-slogan h4{font-size:16px; }
.Str-banner.bgHumanoid .show-slogan h2{font-size:48px; }
.Str-banner.bgHumanoid .show-slogan h3{font-size:18px; }

.bgHumanoid2{background:url(/css/images/humanoid_bg.png) black no-repeat left bottom; background-size:auto 35%; }
.humanoid2-wrap{display:flex; justify-content:center; align-items:flex-start; padding-bottom:3rem;}
.htxt{width:100%;}

.bgHumanoid2 ul li{width:calc((100% - .3rem)/2);}
.bgHumanoid2 ul li:after{content:''; width:1px; height:50%; background:rgba(255,255,255,.4); position:absolute; right:-.1rem; top:50%; transform:translateY(-50%); }
.bgHumanoid2 ul li:nth-child(3):after {display:block;}
.bgHumanoid2 ul li:nth-child(2n):after,.bgHumanoid2 ul li:last-child:after{display:none;}

.cs-item{ font-size:.12rem; }
.cs-item i{font-size:.12rem; }
.cs-item label{ font-size:.20rem;}
.cs-item label sup{font-size:.12rem;}
.bgHumanoid2 dl{font-size:.12rem;}

.pc-img{display:none;}
.m-img{display:block;}

.feat-item{flex:0 1 auto; padding:5% 10%; width:100%;}

.str-wrap .str-item-img{flex:0 1 auto; width:100%; }
.str-wrap .str-item-txt{flex:0 1 auto; width:100%; }

.Applys-swiper .swiper-slide{width:100%; max-width:100%; height:400px; border-radius:0;}
.Applys-swiper .swiper-slide .txtShow .custiom-tit{font-size:.18rem; margin:0 0 .1rem;}
.Applys-swiper .swiper-slide .txtShow .custiom-tit strong{font-size:.24rem; }

.Applys-swiper .swiper-button-prev,.Applys-swiper .swiper-container-rtl .swiper-button-next { left:.15rem; width:.4rem; height:.4rem;  background:rgba(0,0,0,.3);}
.Applys-swiper .swiper-button-next,.Applys-swiper .swiper-container-rtl .swiper-button-prev { right:.15rem; width:.4rem; height:.4rem;  background:rgba(0,0,0,.3);}

.Str-banner.bgC50u{background:url(/css/images/bg_c50u_m.jpg) no-repeat center top; background-size:100%; }
.Str-banner.bgC50l{background:url(/css/images/bg_c50l_m.jpg) no-repeat center top; background-size:100%; }

}

<!--ºÄʱ1778757424.1344Ãë-->