﻿@charset 'UTF-8';
/* UED Interaction (http://www.njued.com) */
/* Design By Gkmk Copyright 2020 UED Interaction */

/*PAD PRO*/
@media screen and (min-width: 1681px) and (max-width: 1920px) {




}

@media screen and (min-width: 1024px) and (max-width: 1680px) {


}

/*移动端*/
@media only screen and (max-width:1023px) {
/*Animate*/
.down{width:.49rem;height:.17rem;margin-left:-.245rem;}

/**Common style**/
.container{padding-left:.15rem; padding-right:.15rem; max-width:100%;}
.commPadding{padding:.25rem 0;}

.list-style-two,.list-style-three,.list-style-four,.list-style-five,.list-style-six{margin-left:-.1rem; margin-right:-.1rem;}
.list-style-two li,.list-style-three li,.list-style-four li,.list-style-five li,.list-style-six li{padding:.1rem; width:100%;}

.list-style-two-pro,.list-style-three-pro,.list-style-four-pro,.list-style-five-pro,.list-style-six-pro{margin-left:-.1rem; margin-right:-.1rem;}
.list-style-two-pro li,.list-style-three-pro li,.list-style-four-pro li,.list-style-five-pro-pro li,.list-style-six-pro li{padding:.1rem; width:100%;}
.profl{display: flex;justify-content:center;};
.list-style-six li{padding:.1rem; width:33.3333%;}
.list-style-four li{padding:.15rem; width:50%;}
.comm-txt{font-size:.14rem; line-height:1.65; text-align:justify;}
.comm-txt p{margin:0 0 .15rem;}

/**Layout style**/
body.offscreen .Str-header{margin-top:0;}
.Str-header{padding:8px 0; height:50px;}
.Str-header h1 a.logo{margin:0; width:140px; height:34px; background-size:140px 34px;}

.Str-header-scroll{padding:8px 0; height:50px;}
.Str-header-scroll h1 a.logo{margin:0; width:140px; height:34px; background-size:140px 34px;}

.Str-header.active{background:#fff;}
.Str-header.active h1 a.logo{width:140px; height:34px; background:url(images/logo_n.png) no-repeat center; background-size:140px 34px; }
.Str-header.active .Str-mobile-menu .menu-line{background:#222;}

.Str-menu,.lagBox,.Str-header nav{display:none;}
.Str-mobile-menu{display:block;}


.Str-footer {padding: .25rem 0 0;}
.foot-logs{float:none; max-width:100%; margin-right:0px;}
.foot-logs a.flogo{margin:0 0 .2rem; display:block; width:1.4rem; height:.34rem; background:url(images/logo_w.png) no-repeat; background-size:1.4rem .34rem;}
.foot-logs p{font-size:.13rem; color:rgba(255,255,255,.7); line-height:1.5; padding:.05rem 0; position:relative; padding-left:.2rem;}
.foot-logs p i{position:absolute; left:0; top:5px; display:inline-block; vertical-align:middle; margin-right:10px; color:#fff; font-size:.13rem;}
.foot-logs p span{display:inline-block; font-size:.12rem;}

.foot-nav{display:none;}
.foot-wx{float:none; padding:.2rem 0; overflow:hidden;}
.foot-wx dl dt{display:none;}
.foot-wx dl dd img{ width:1rem; height:1rem; }
.foot-wx dl dd span{ font-size:.12rem;}

.foot-statment{padding:.15rem 0; border-top:1px solid rgba(255,255,255,.24); text-align:center; }
.foot-statment p{text-align:left; overflow:hidden; font-size:.12rem; color:rgba(255,255,255,.7);}
.foot-statment p span{display:block; float:none; width:auto; }
.foot-statment p label{display:inline-block; margin-right:10px;}

.Str-screen{height:70%;}

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {display:none;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next{display:none;}

.show-slogan{text-align:center; margin:0 auto; width:80%;}
.show-slogan h1{margin:0 0 .3rem; font-size:.26rem; line-height:1.2;}
.show-slogan h2{font-size:.18rem; line-height:1.2; margin:0 0 .1rem;}
.show-slogan h3{font-size:.24rem; line-height:1.2; }
.show-slogan h3 span{display:block; font-weight:normal; line-height:2; font-size:.12rem; letter-spacing:4px;}
.show-slogan h4{font-size:.16rem; line-height:1.2; }
.show-slogan p{width:100%; font-size:.14rem; line-height:1.65; text-align:justify;}

.home-btn{margin-top:.3rem;}
.homeLink{margin:0 auto; width:1rem; height:.34rem; font-size:.13rem; padding-left:.2rem; line-height:.34rem;}
.homeLink:after{ right:.14rem; top:50%;  font-size:.14rem;}
.homeLink:hover{ width:1rem; }

.business-about dt{float:none; width:100%;}
.business-about dd{margin-right:0;}

.business-txt{margin:0 0 .15rem;}
.business-txt h3{font-size:.24rem; line-height:1.5; margin:0 0 .15rem; color:#222;}
.business-txt span{position:absolute; right:0; top:0; bottom:auto; font-size:.4rem; color:#e0e0e0; font-weight:600;}
.business-txt p{font-size:.14rem; margin:0 0 .3rem;}
.moreLink{font-size:.14rem; }

.business-item-list{margin-left:-.05rem; margin-right:-.05rem; overflow:hidden;}
.business-item-list li{float:left; width:50%; padding:.05rem;}

.business-box{background:#fff; padding:.15rem;}
.business-box img{display:block; width:.74rem; height:.74rem; margin:0 0 .15rem; }
.business-box h3{font-size:.18rem; margin:0 0 .1rem;}
.business-box p{font-size:.12rem; color:#888; line-height:.2rem; height:.6rem; overflow:hidden;}

.yellowSolution{background:#edc74a; padding-top:1.6rem; padding-bottom:1.6rem; margin-top:-1rem; z-index:-1;}
.solution-item{margin-top:-1rem; padding-bottom:.4rem;}

.Solution-swiper.swiper-container {width: 100%; height:5rem;}
.Solution-swiper .swiper-slide {background:none; height:100%; padding:0 .2rem;}

.solution-item .swiper-button-next,.solution-item .swiper-container-rtl .swiper-button-prev {right: .05rem; left: auto; }
.solution-item .swiper-button-next:after,.solution-item .swiper-container-rtl .swiper-button-prev:after {font-size:.24rem; }
.solution-item .swiper-button-prev,.solution-item  .swiper-container-rtl .swiper-button-next {right: auto; left: .05rem; }
.solution-item .swiper-button-prev:after,.solution-item .swiper-container-rtl .swiper-button-next:after {font-size:.24rem; }


.solution-mask{position:absolute; left:0; top:0; width:100%; height:100%; padding:25px; background:rgba(0,0,0,.5); transition: all 0.3s ease-in-out;}
.solution-mask h3{font-size:.18rem; color:#fff; transition: all 0.3s ease-in-out;}
.solution-mask p{font-size:.12rem; color:#fff; width:100%; position:absolute; letter-spacing:8px;transform:rotate(-90deg); left:-135px; bottom:3.2rem;}
 
.about-left{float:none; width:100%; height:5rem;background:url(images/about_bg.png) #050b23 no-repeat right center; background-size:auto 100%;}
.about-right{margin-left:0%;  height:auto; padding:5% 5% 25%;}

.news-list{overflow:hidden; margin-left:0; margin-right:0;}
.news-list li{float:left; width:100%; margin:0 0 .15rem; padding:0 0 .15rem; border-right:0px solid #eee; border-bottom:1px solid #eee;}

.newsbox h3{ font-size:.18rem; margin:0 0 .1rem; line-height:1.5;  height:auto; }
.newsbox p{font-size:.12rem; color:#999; line-height:1.5; margin:0 0 .15rem; height:auto; overflow:hidden;}
.newsbox span{font-size:.12rem; color:#999;display:block; margin:0 0 .15rem;}
.newsbox i{float:left; font-style:normal; display:block; height:.3rem; line-height:.3rem; width:.3rem; position:relative; border:1px solid #ccc; color:#666; text-indent:-150px; border-radius:100px; overflow:hidden;transition: all 0.3s ease-in-out;}
.newsbox i:after{content: '\e602'; font-family: 'iconfont'; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-indent:0px; font-size:.16rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.3s ease-in-out; }

/*subpage style*/
.Str-banner{height:3.6rem;  }
.Str-banner-txt{height:3.6rem; }

.sub-title-1{text-align:center; margin:0 0 .3rem; font-size:.24rem; }
.sub-title-1 span{display:block; font-size:.16rem; margin-top:.1rem;}

.about-txt{margin:0 0 .25rem; font-size:.14rem; color:#666; text-align:center;}
.about-txt p{margin:0 0 .15rem; text-align:justify; text-indent:.3rem; line-height:1.65;}

.solution-box{overflow:hidden; height:auto;}
.solution-box .solbox{cursor:pointer; position:relative; float:none; width:100%;  height:3.2rem;transition: all 0.5s ease-in-out;}

.solution-box .solbox.active{width:100%;}
.solution-box .solbox.small{width:100%;}

.solution-name h3{margin:0 0 .1rem; display:block; font-size:.24rem; }
.solution-name p{font-size:.16rem; }

.tech-dl{overflow:hidden; padding:5%; background:#fff; margin:0 0 .15rem;}
.tech-dl dt{float:none; width:100%; font-size:.16rem; font-weight:600; color:#222;}
.tech-dl dd{margin-left:0; font-size:.14rem; line-height:1.8; color:#666;}

.Str-single{height:2rem;}
.Str-single .container{padding-top:.8rem;}
.page-position{width:100%; margin:0 auto; padding:.1rem 0; font-size:.14rem; line-height:.2rem;}


.article-main-2{width:100%; margin-top:-.8rem; padding:.15rem;}

.article-title{margin:0 0 .25rem;}
.article-title h3{font-size:.24rem; margin:0 0 .1rem; line-height:1.2;}
.article-title p{font-size:.14rem; }

.article-content p{margin:0 0 .15rem; font-size:.15rem; line-height:1.65;  }

.case-link{display:block; margin:0 0 .15rem;}
.case-list dt{float:none; width:100%; padding-top:54%;}
.case-list dd{margin-left:0; padding-top:0; padding:5%; background:#fff; position:relative;}
.case-list dd .case-txt{position:relative; left:auto; top:auto; width:100%; height:100%; padding:0;}
.case-list dd .case-txt h3{font-size:.18rem;  }
.case-list dd .case-txt p{margin:0 0 5%;font-size:.14rem; }

.contact-list li{float:left; width:100%; padding:.15rem;}
.contact-infor{padding-left:.74rem;  position:relative; }
.contact-infor i{position:absolute; left:0; top:4%; font-size:.2rem; color:#222; width:.54rem; height:.54rem; background:#edc74a; text-align:center; line-height:.54rem; border-radius:100px; }
.contact-infor h4{margin:0 0 .05rem; font-size:.14rem; color:#222;}
.contact-infor p.fone{font-size:.16rem;}
.contact-infor p.ftwo{font-size:.16rem;}

.companMap{height:5rem;}

.page-title-1{margin:0 0 .25rem; font-size:.24rem; line-height:1.2; }
.page-title-1 span{display:block; font-size:.3rem; line-height:1.2;}
.page-title-1 span:after{content:''; width:.6rem; height:7px; background:#ffbd3b; position:absolute; left:50%; bottom:0px; transform:translate(-50%,0); z-index:0;}

.item-mode{overflow:hidden;}
.item-mode .mode-img{float:none; width:100%;}
.item-mode .mode-txt{margin-left:0%; height:auto; padding:6%; }

.item-mode-right{overflow:hidden;}
.item-mode-right .mode-img{float:none; width:100%;}
.item-mode-right .mode-txt{float:none; width:100%; height:auto; padding:6%;}

.tt{margin:0 0 .2rem;}
.tt h3{font-size:.24rem; color:#222; position:relative; margin:0 0 .15rem;}
.tt p{font-size:.14rem; line-height:1.65; color:#666;}

.tt2 h3{font-size:.24rem; position:relative; margin:0 0 .15rem; padding-left:20px;}
.tt2 h3:after{content:''; width:5px; height:24px; background:#005eb8; position:absolute; left:0; top:.07rem; }
.tt2 p{font-size:.14rem; line-height:1.65; opacity:.7;}

.page-title-2{margin:0 0 .3rem; font-size:.24rem; font-weight:600; color:#222; line-height:.6rem; padding-left:.2rem; background:url(images/tit_bg.png) no-repeat left center; background-size:.6rem;}

.case-list-style{margin-left:0; margin-right:0; }
.case-list-style li{position:relative; float:left; width:100%; padding:0; margin-bottom:.25rem;}
.case-list-style li a.casebox{position:relative; display:block; background:#fff; box-shadow: 2px 0px 5px rgba(0, 0, 0, .04); border-radius:3px; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.case-list-style li a.casebox:hover{-webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-15px);  -ms-transform: translateY(-15px); transform: translateY(-15px);}
.case-list-style li a.casebox img{display:block; width:100%;  border-radius:3px 3px 0 0;}
.case-list-style li a.casebox .casetxt{position:relative; padding:.25rem  .15rem;}
.case-list-style li a.casebox .casetxt:after{position:absolute; right:1%; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e609'; color:#999; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.case-list-style li a.casebox h4 {margin: 0; font-size:.16rem; color:#222; text-align: left;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.case-list-style li a.casebox p{font-size:.13rem; color:#999; line-height:1.5; }
.case-list-style li a.casebox p i{display:inline-block; width:20px; height:20px; text-align:center; font-size:20px; color:#999; vertical-align:middle; margin:0 4px;}

.gboxPro-dl dt{float:left; width:15%; }
.gboxPro-dl dd{margin-left:20%; }
.gboxPro-dl dd h3{font-size:.15rem;}
.gboxPro-dl dd p{font-size:.12rem;}

}

