/*全局样式*/

html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1360px;}
.wrapper.min{width:1280px;}



.a_body{position:relative;z-index:0;}
.a_body{
}
.a_body01{
	height:100vh;
	overflow:hidden;
	-webkit-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	   -moz-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	    -ms-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	     -o-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	        transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-transform:translateX(80%);
	   -moz-transform:translateX(80%);
	    -ms-transform:translateX(80%);
	     -o-transform:translateX(80%);
	        transform:translateX(80%);
}
.a_body.is-visible{
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%);
	height: auto;
}
.section{overflow:hidden;max-height: 100%;}
#fp-nav.fp-right{ display: none;}




/*头部样式*/

#header{height:110px; background:#fff;}
#logo{left:0; top:20px;}
#nav{right:68px; top:0;}
#nav ul li{position:relative; float:left; height:110px; line-height:110px; margin-left:46px; font-size:22px;}
#nav ul li a{display:block;}
#nav ul li:hover > a{color:#87de87;}
#nav ul li.current > a{color:#87de87;}
#nav ul li ul{position:absolute; left:50%; top:110px; transform:translateX(-50%); display:none; width:164px; padding:14px 0; background:rgba(0,0,0,.5);}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{float:none; height:48px; line-height:48px; margin-left:0; font-size:18px; text-align:center;}
#nav ul li ul li a{display:block; padding:0 28px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#search-btn{right:0; top:44px; width:22px; height:22px; background:url(img/search.png) no-repeat center; cursor:pointer;}
#search-btn:hover{background-image:url(img/search-h.png);}
#search{right:0; top:130px; z-index:99; display:none; height:62px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.06); overflow:hidden;}
#search input{width:252px; height:42px; line-height:42px; padding:0 16px; border:none; border-radius:0; font-size:16px; color:#464646;}
#search input::-moz-placeholder{color:#999;}
#search input::-webkit-input-placeholder{color:#999;}
#search input::-ms-input-placeholder{color:#999;}
#search button{width:42px; height:42px; background:url(img/search1.png) no-repeat center #87de87; border:none; border-radius:0;}

/*首页样式*/

#fullpage .page{width:100%; height:100vh; padding-top:110px; overflow:hidden;}

#header.weo-pf{left:0; right:0; top:0; z-index:99; background:none;}
#header.opacity{background:rgba(255,255,255,.5); box-shadow:0 10px 10px -10px rgba(0,0,0,.06);}

#banner{width:100%; height:100vh; overflow:hidden;}
#banner .swiper-wrapper{height:100vh;}
#banner .swiper-slide{width:100%; height:100vh;}
#banner .swiper-slide img{width:100%; height:100vh;}
#banner .swiper-pagination{bottom:30px; display:flex; justify-content:center; align-items:center;}
#banner .swiper-pagination-bullet{width:30px; height:10px; margin:0 0 0 8px; background:rgba(0,0,0,.5); border-radius:5px; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{width:60px; background:#87de87;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:70px; height:70px; margin:0; background-repeat:no-repeat; background-position:center; background-size:70px 70px; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:110px; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:110px; background-image:url(img/next.png);}

#wrap-solution{display:flex; align-items:center; background:url(img/solution-bg.jpg) no-repeat top center; background-size:cover;}

#solution{display:flex; justify-content:space-between; align-items:center;}
#solution .text dl{margin-top:90px;}
#solution .text dl:first-child{margin-top:0;}
#solution .text dl dt{height:50px; line-height:50px; padding-left:70px; background-repeat:no-repeat; background-position:left center; font-size:30px; font-weight:bold; overflow:hidden;}
#solution .text dl dt.s-icon1{background-image:url(img/s-icon1.png);}
#solution .text dl dt.s-icon2{background-image:url(img/s-icon2.png);}
#solution .text dl dd{height:18px; line-height:18px; margin-top:40px; padding:0 20px; font-size:16px; overflow:hidden;}
#solution .text dl dd a{position:relative; display:block; padding-left:22px;}
#solution .text dl dd a:before{content:''; position:absolute; left:0; top:3px; display:block; width:12px; height:12px; box-sizing:border-box; border:2px solid #87de87; border-radius:50%;}
#solution .text dl dd a:hover{color:#87de87;}
#solution .img img{width:946px; height:600px;}

#wrap-product{display:flex; align-items:center; background:url(img/product-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-product .wrapper{ height:100%;display:flex; align-items:center;}
#product{display:flex;  height: calc(100% - 196px); border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.12); overflow:hidden;}
#product-tab{width:320px; height:100%; overflow:hidden;}
#product-tab ul li{height:210px; padding:40px 40px; background:#87de87; cursor:pointer; overflow:hidden;}
#product-tab ul li i{display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center;}
#product-tab ul li i.p-icon1{background-image:url(img/p-icon1.png);}
#product-tab ul li i.p-icon2{background-image:url(img/p-icon2.png);}
#product-tab ul li i.p-icon3{background-image:url(img/p-icon3.png);}
#product-tab ul li h2{height:30px; line-height:30px; margin-top:18px; font-size:28px; font-weight:bold; color:#fff; overflow:hidden;}
#product-tab ul li h3{height:20px; line-height:20px; margin-top:20px; font-family:'Arial'; font-size:18px; color:rgb(255,255,255,.5); overflow:hidden;}
#product-tab ul li.current{background:#7acc7a;}
#product-item{flex:1;}
#product-item ul li{height:630px; overflow:hidden;}
#product-item ul li a{display:flex;}
#product-item ul li .text{flex:1; height:630px; padding:120px 40px 140px 40px; background:#fff; overflow:hidden;}
#product-item ul li .text h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#product-item ul li .text h3{height:20px; line-height:20px; margin-top:12px; font-family:'Arial'; font-size:18px; color:#999; overflow:hidden;}
#product-item ul li .text p{height:120px; line-height:30px; margin-top:60px; font-size:15px; color:#888; -webkit-line-clamp:4;}
#product-item ul li .text h4{width:150px; height:50px; line-height:50px; margin-top:80px; background:#87de87; border-radius:25px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:16px; text-align:center; color:#fff; overflow:hidden; transition:all 0.3s linear;}
#product-item ul li .text h4 em{display:inline-block; padding-right:30px; background:url(img/arrow-r1.png) no-repeat right center;}
#product-item ul li .img{width:630px; height:630px; overflow:hidden;}
#product-item ul li .img img{width:630px; max-width:none; height:630px; transition:all 0.3s linear;}
#product-item ul li:hover .text h2{color:#87de87;}
#product-item ul li:hover .text h4{padding-left:16px; transition:all 0.3s linear;}
#product-item ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}


#wrap-case{display:flex; align-items:center; background:#fff;}

#case-news-title h2{height:44px; line-height:44px; font-size:42px; font-weight:bold; overflow:hidden;}
#case-news-title h3{height:26px; line-height:26px; margin-top:16px; font-family:'Arial'; font-size:24px; text-transform:uppercase; color:#999; overflow:hidden;}

#case-news-tab{display:flex;}
#case-news-tab span{width:210px; height:64px; line-height:64px; margin-left:20px; background:#eee; border-radius:32px; font-size:18px; text-align:center; cursor:pointer; overflow:hidden;}
#case-news-tab span:first-child{margin-left:0;}
#case-news-tab span.current{background:#87de87; color:#fff; box-shadow:0 0 16px rgba(0,0,0,.12);}

#case-news-item{margin-top:40px;}
#case-news-item .item{display:none;}
#case-news-item .more{width:210px; height:64px; line-height:64px; margin:50px auto 0 auto; background:#87de87; border-radius:32px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:18px; text-align:center; overflow:hidden;}
#case-news-item .more a{display:block; color:#fff; transition:all 0.3s linear;}
#case-news-item .more em{display:inline-block; padding-right:44px; background:url(img/arrow-r.png) no-repeat right center;}
#case-news-item .more:hover a{padding-left:16px; transition:all 0.3s linear;}

#case{height:500px; margin:0 -280px; overflow:hidden;}
#case .swiper-wrapper{height:500px;}
#case .swiper-slide{position:relative; width:800px; height:500px; border-radius:20px; overflow:hidden;}
#case .swiper-slide img{width:800px; max-width:none; height:500px; transition:all 0.3s linear;}
#case .swiper-slide h3{position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; align-items:center; padding:56px 32px 28px 32px; background:linear-gradient(transparent,rgba(0,0,0,.5)); overflow:hidden;}
#case .swiper-slide h3 span{flex:1; height:24px; line-height:24px; font-size:22px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case .swiper-slide h3 em{height:22px; line-height:22px; margin-left:32px; font-size:20px; color:#fff; overflow:hidden;}
#case .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#case .swiper-button-prev,#case .swiper-button-next{top:50%; transform:translateY(-50%); width:52px; height:52px; margin:0; background-repeat:no-repeat; background-position:center; background-size:10px 18px; background-color:rgba(0,0,0,.3); border-radius:50%; cursor:pointer; opacity:1;}
#case .swiper-button-prev:after,#case .swiper-button-next:after{display:none;}
#case .swiper-button-prev{left:40px; background-image:url(img/prev1.png);}
#case .swiper-button-next{right:40px; background-image:url(img/next1.png);}
#case .swiper-button-prev:hover,#case .swiper-button-next:hover{background-color:rgba(0,0,0,.4);}

#news{display:flex; justify-content:space-between; height:500px; overflow:hidden;}
#news .left{position:relative; width:680px; height:500px; overflow:hidden;}
#news .left img{width:680px; max-width:none; height:500px; transition:all 0.3s linear;}
#news .left section{position:absolute; left:0; right:0; bottom:0; padding:52px 32px 20px 32px; background:linear-gradient(transparent,rgba(0,0,0,.5)); overflow:hidden;}
#news .left section h3{display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
#news .left section h3 span{flex:1; height:24px; line-height:24px; font-size:22px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .left section h3 em{height:22px; line-height:22px; margin-left:32px; font-size:20px; color:#fff; overflow:hidden;}
#news .left section p{height:52px; line-height:26px; margin-top:12px; font-size:16px; color:#fff;}
#news .left:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news .right{width:650px; height:500px; overflow:hidden;}
#news .right ul li{height:240px; margin-top:20px; overflow:hidden;}
#news .right ul li:first-child{margin-top:0;}
#news .right ul li a{display:flex;}
#news .right ul li span{width:274px; height:240px; overflow:hidden;}
#news .right ul li img{width:274px; max-width:none; height:240px; transition:all 0.3s linear;}
#news .right ul li section{flex:1; height:240px; padding:28px 30px; background:#f5f5f5; overflow:hidden;}
#news .right ul li section h4{height:18px; line-height:18px; font-size:16px; color:#999; overflow:hidden;}
#news .right ul li section h3{height:24px; line-height:24px; margin-top:10px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .right ul li section p{height:56px; line-height:28px; margin-top:12px; font-size:16px; color:#666;}
#news .right ul li section h5{width:116px; height:42px; line-height:40px; margin-top:22px; border:1px solid #bcbcbc; border-radius:21px; font-size:16px; text-align:center; color:#666; overflow:hidden;}
#news .right ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news .right ul li:hover section h3{color:#87de87;}
#news .right ul li:hover section h5{background:#87de87; border-color:#87de87; color:#fff;}

#wrap-about{display:flex; align-items:center; background:url(img/about-bg.jpg) no-repeat top center; background-size:cover;}

#about{width:672px;}
#about h2{height:44px; line-height:44px; font-size:42px; font-weight:bold; color:#fff; overflow:hidden;}
#about h3{height:24px; line-height:24px; margin-top:30px; font-size:22px; color:#fff; overflow:hidden;}
#about i{display:block; width:50px; height:5px; margin-top:39px; background:#fff; border-radius:2.5px;}
#about .text{line-height:36px; margin-top:48px; font-size:16px; color:#fff;}
#about .text p{margin-top:16px;}
#about .text p:first-child{margin-top:0;}
#about h4{width:210px; height:64px; line-height:64px; margin-top:68px; background:#87de87; border-radius:32px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:18px; text-align:center; overflow:hidden;}
#about h4 a{display:block; color:#fff; transition:all 0.3s linear;}
#about h4 em{display:inline-block; padding-right:44px; background:url(img/arrow-r.png) no-repeat right center;}
#about h4:hover a{padding-left:16px; transition:all 0.3s linear;}

/*内页样式*/

#lm-banner{height:540px; background-repeat:no-repeat; background-position:center; background-size:cover;}
#lm-banner.product{background-image:url(img/lm-product.jpg);}
#lm-banner.soft{background-image:url(img/lm-soft.jpg);}
#lm-banner.service{background-image:url(img/lm-service.jpg);}
#lm-banner.hardware{background-image:url(img/lm-hardware.jpg);}
#lm-banner.solution{background-image:url(img/lm-solution.jpg);}
#lm-banner.case{background-image:url(img/lm-case.jpg);}
#lm-banner.about{background-image:url(img/lm-about.jpg);}

#location{position:relative; height:74px; line-height:74px; background:#fff; font-size:16px; color:#999; }
#location:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#dcdcdc;}
#location a{color:#999;}
#location a:hover{color:#87de87;}

.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:50px 0 60px 0;}
.wrap-gray.p2{padding:50px 0;}

.wrap-white{background:#fff;}
.wrap-white.p1{padding:50px 0;}
.wrap-white.p2{padding:60px 0;}
.wrap-white.p3{padding:50px 0 40px 0;}

.weo-page{margin-top:60px;}
.weo-page a{min-width:46px; height:46px; line-height:44px; margin-left:12px; padding:0 16px; border-color:#ccc; border-radius:4px; font-size:15px; color:#666;}
.weo-page a:hover{border-color:#87de87; color:#87de87;}
.weo-page a.current{background:#87de87; border-color:#87de87; color:#fff;}
.weo-page a.count{border-color:#ccc; color:#666;}

/*产品中心*/

#product-list ul li{padding:50px 0; background:#fff; overflow:hidden;}
#product-list ul li:nth-child(even){background:#f5f5f5;}
#product-list ul li .img{width:650px; height:420px; border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.1); overflow:hidden;}
#product-list ul li .img img{width:650px; max-width:none; height:420px; transition:all 0.3s linear;}
#product-list ul li .text{width:660px;}
#product-list ul li .text h2{height:32px; line-height:32px; font-size:30px; overflow:hidden;}
#product-list ul li .text h3{height:20px; line-height:20px; margin-top:14px; font-family:'Arial'; font-size:18px; color:#666; overflow:hidden;}
#product-list ul li .text p{height:150px; line-height:30px; margin-top:32px; font-size:15px; color:#666; -webkit-line-clamp:5;}
#product-list ul li .text h4{width:150px; height:50px; line-height:50px; margin-top:46px; background:#87de87; border-radius:25px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:16px; text-align:center; color:#fff; overflow:hidden; transition:all 0.3s linear;}
#product-list ul li .text h4 em{display:inline-block; padding-right:30px; background:url(img/arrow-r1.png) no-repeat right center;}
#product-list ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}
#product-list ul li:hover .text h2{color:#87de87;}
#product-list ul li:hover .text h4{padding-left:16px; transition:all 0.3s linear;}



/*#wrap-soft{ background:url(img/soft-bg.jpg) no-repeat center;background-size:cover;transition:0.5s all; width:100%; height:100%; display:flex; align-items:center;}*/
/*#wrap-soft:hover{background:url(img/soft-bg.jpg) no-repeat center; background-size:cover; transition:0.5s all; width:100%; height:100%;object-fit: cover; }*/

#wrap-soft{ transition:0.5s all; width:100%; height:100%; display:flex; align-items:center;position:relative; z-index:1}
#wrap-soft .wrapper{ width:100%; height:100%;}


@-webkit-keyframes scale-bg{
	from{-webkit-transform:scale(1.2);transform:scale(1.2)}
	to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
	from{-webkit-transform:scale(1.2);transform:scale(1.2)}
	to{-webkit-transform:scale(1);transform:scale(1)}
	
}


#wrap-soft .wrap-soft-img{ position:absolute; top:0;left:0; right:0; bottom:0; width:100%; height:100%; transform:scale(1);transition:0.5s all; z-index:1; }
#wrap-soft .wrap-soft-img img{width:100%; height:100%;	object-fit: cover;-webkit-transition: all 7s;
	transition: all 7s;}
#wrap-soft .swiper-slide-active img{	transform:scale(1.1,1.1);	-webkit-transform:scale(1.1,1.1); }





/*#wrap-soft:hover .wrap-soft-img{ position:absolute; top:0;left:0; right:0; bottom:0; width:100%; height:100%; transform:scale(1.1); transition:0.5s all;}*/
.wrap-soft-cont{ z-index:999; position:relative; width:100%; height:100%;}
#wrap-soft .soft-fontt{ position:relative;z-index:2565;height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    padding: 22%;}
    
#wrap-soft .soft-fontt h2,#wrap-soft .soft-fontt h3{opacity: 0;}

    

@-webkit-keyframes scaleUpDown2 {
	from { -webkit-transform: scale(0.58); transform: scale(0.58); }
	to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown2 {
	from { -webkit-transform: scale(0.58); transform: scale(0.58); }
	to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}   
@-webkit-keyframes scaleUpDown33 {
	from { -webkit-transform: scale(0.58); transform: scale(0.58); }
	to { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown33 {
	from { -webkit-transform: scale(0.58); transform: scale(0.58); }
	to { opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
}   




#wrap-soft .swiper-slide-active .soft-fontt  h2
{
	-webkit-animation: scaleUpDown2 1s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown2 1s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#wrap-soft .swiper-slide-active .soft-fontt  h3{
	-webkit-animation: scaleUpDown2 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown2 1.2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*#soft h2{height:50px; line-height:50px; font-size:48px; text-align:center; color:#fff; overflow:hidden;}*/
/*#soft h3{width:240px; height:60px; line-height:58px; margin:70px auto 0 auto; border:1px solid #fff; border-radius:30px; font-size:18px; text-align:center; overflow:hidden;}*/
/*#soft h3 a{display:block; color:#fff; transition:all 0.3s linear;}*/
/*#soft h3 em{display:inline-block; padding-right:44px; background:url(img/arrow-r.png) no-repeat right center;}*/
/*#soft h3:hover a{padding-left:16px; transition:all 0.3s linear;}*/
#soft .weo-flex{margin-top:260px;}
#soft .swiper-container{width:100%; height:100vh;  overflow:hidden;}
#soft .swiper-wrapper{}
#software-item { margin:40px 36px;overflow:hidden;height:400px;}
#software-item .swiper-wrapper{ display:block;  }


#software-item .swiper-slide{width:290px;  line-height:68px;  border-radius:10px; font-size:18px; text-align:left; overflow:hidden; cursor:pointer;}
#software-item .swiper-slide a{display:block; color:#fff;}
#software-item .swiper-slide em{display:inline-block; background-repeat:no-repeat; background-position:left center; color:#fff; position:relative; padding-left:30px;}
#software-item .swiper-slide em:before{ display:block; content:"" ;width:8px; height:18px; background:#fff; position:absolute; left:0; top:26px;}
/*#software-item .swiper-slide em.sf-icon1{padding-left:52px; background-image:url(img/sf-icon1.png);}*/
/*#software-item .swiper-slide em.sf-icon2{padding-left:50px; background-image:url(img/sf-icon2.png);}*/
/*#software-item .swiper-slide em.sf-icon3{padding-left:46px; background-image:url(img/sf-icon3.png);}*/
/*#software-item .swiper-slide em.sf-icon4{padding-left:40px; background-image:url(img/sf-icon4.png);}*/
/*#software-item .swiper-slide em.sf-icon5{padding-left:40px; background-image:url(img/sf-icon5.png);}*/
/*#software-item .swiper-slide em.sf-icon6{padding-left:40px; background-image:url(img/sf-icon6.png);}*/
#software-item .swiper-slide:hover{ border-color:#87de87;}
#soft{ position:relative;z-index:998;}
#soft .swiper-button-prev,#soft .swiper-button-next{position:inherit; margin:0; display:block; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent;}
#soft .swiper-button-prev:after,#soft .swiper-button-next:after{display:none;}
#soft .swiper-button-prev{border-right:12px solid #fff;}
#soft .swiper-button-next{border-left:12px solid #fff;}
#soft .swiper-button-prev:hover{border-right-color:#87de87;}
#soft .swiper-button-next:hover{border-left-color:#87de87;}

.soft-title h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
.soft-title p{line-height:30px; margin-top:18px; font-size:15px; text-align:center; color:#666;}
.soft-title h3{height:18px; line-height:18px; margin-top:22px; font-size:16px; text-align:center; color:#666; overflow:hidden;}
#soft .swiper-slide-thumb-active{ border-color:#87de87;}
#software-item .swiper-slide-thumb-active em{ color:#86de87;  position:relative}

#software-item .swiper-slide-thumb-active em:before{ display:block; content:"" ;width:20px; height:18px; background:#86de87; position:absolute; left:0; top:26px;}
.soft-left-nav .swiper-button-next:after,.soft-left-nav .swiper-button-prev:after{ font-size:24px;}
.soft-left-nav .swiper-button-next{transform: rotate(90deg); top:95%; left:50%;}
.soft-left-nav .swiper-button-prev{transform: rotate(90deg); top:25px; left:50%;}

/*#software-item .swiper-slide-thumb-active em.sf-icon1{padding-left:52px; background-image:url(img/sf-icon1-1.png);}*/
/*#software-item .swiper-slide-thumb-active em.sf-icon2{padding-left:50px; background-image:url(img/sf-icon2-1.png);}*/
/*#software-item  .swiper-slide-thumb-active em.sf-icon3{padding-left:46px; background-image:url(img/sf-icon3-1.png);}*/
/*#software-item  .swiper-slide-thumb-active em.sf-icon4{padding-left:40px; background-image:url(img/sf-icon4-1.png);}*/
/*#software-item  .swiper-slide-thumb-active em.sf-icon5{padding-left:40px; background-image:url(img/sf-icon5-1.png);}*/
/*#software-item  .swiper-slide-thumb-active em.sf-icon6{padding-left:40px; background-image:url(img/sf-icon6-1.png);}*/

#software-title h2{height:50px; line-height:50px; font-size:48px; text-align:center; color:#fff; overflow:hidden; width:100%;}
#software-title h3{width:240px; height:60px; line-height:58px; margin:70px auto 0 auto; border:1px solid #fff; border-radius:30px; font-size:18px; text-align:center; overflow:hidden;}
#software-title h3 a{display:block; color:#fff; transition:all 0.3s linear;}
#software-title h3 em{display:inline-block; padding-right:44px; background:url(img/arrow-r.png) no-repeat right center;}
#software-title h3:hover a{padding-left:16px; transition:all 0.3s linear;}
.clear{ clear:both;}
.locat-left{ float:left; width:50%;}
.locat-softp{ float:right; width:16%; text-align:right; position:relative;}
.locat-softp h3{ display:flex;justify-content:end; font-size:16px; color:#666; cursor:pointer; position:relative;}
.locat-softp h3 span{ display:inline-block;}
.locat-softp h3 em{ display:inline-block; width:19px; height:74px; background:url(img/locat-nav.png) no-repeat 0 center; margin-right:10px;}
.locat-softp .locat-items{display:none; position:absolute; top:70px; background:#fff;box-shadow: 0 0 16px rgb(0 0 0 / 12%); right:0; z-index:99997; padding:15px; border-radius:10px;border-color: #e1e6f0 transparent transparent #e1e6f0;border-style: solid;border-width: 1px; border-top:0;}
.locat-softp ul li{ height:36px; line-height:36px; position:relative; padding-left:15px; text-align:left;}
.locat-softp ul li:before{ display:block; content:""; width:5px; height:5px; background:#ccc; border-radius:50px; position:absolute; left:0; top:15px;}
.locat-softp ul li a{ color:#666;font-size:15px;}

.locat-softp .locat-items p{
position: absolute;display: block;width: 12px;height: 12px; background: #fff;right: 15px;-webkit-transform: translateX(-50%) rotate(135deg);transform: translateX(-50%) rotate(45deg);top: -6px;border-color: #e1e6f0 transparent transparent #e1e6f0;
border-style: solid;border-width: 1px;}
.locat-softp:hover .locat-items{ display:block;}








#soft-yingyong{margin-top:30px;}
#soft-yingyong .text{display:flex; justify-content:center; align-items:center;}
#soft-yingyong .text em{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}
#soft-yingyong .text span{height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#soft-yingyong .item{line-height:200%; margin-top:40px; font-size:15px; color:#666;}

#soft-jiagou{line-height:200%; margin-top:50px; font-size:15px; color:#666;}

#soft-tedian{margin-top:50px;}
#soft-tedian ul{display:flex; justify-content:space-between;}
#soft-tedian ul li{max-width:290px;}
#soft-tedian ul li img{display:block; width:100px; height:100px; margin:0 auto;}
#soft-tedian ul li h3{height:26px; line-height:26px; margin-top:24px; font-size:24px; text-align:center; overflow:hidden;}
#soft-tedian ul li p{line-height:28px; margin-top:14px; font-size:15px; text-align:center; color:#666;}
#soft-tedian ul li:hover h3{color:#87de87;}

#soft-product{height:422px; margin-top:50px; overflow:hidden;}
#soft-product .swiper-wrapper{height:422px;}
#soft-product .swiper-slide{width:420px; height:422px; background:#fff; border-radius:10px; overflow:hidden;}
#soft-product .swiper-slide span{display:block; width:420px; height:280px; overflow:hidden;}
#soft-product .swiper-slide img{width:420px; max-width:none; height:280px; transition:all 0.3s linear;}
#soft-product .swiper-slide section{padding:24px 40px;}
#soft-product .swiper-slide section h3{height:22px; line-height:22px; font-size:20px; white-space:nowrap; overflow:hidden;}
#soft-product .swiper-slide section p{height:60px; line-height:30px; margin-top:12px; font-size:15px; color:#666;}
#soft-product .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#soft-product .swiper-slide:hover section h3{color:#87de87;}
#soft-product .swiper-button-prev,#soft-product .swiper-button-next{top:50%; transform:translateY(-50%); width:40px; height:40px; margin:0; background-repeat:no-repeat; background-position:center; background-size:40px 40px; cursor:pointer; opacity:1;}
#soft-product .swiper-button-prev:after,#soft-product .swiper-button-next:after{display:none;}
#soft-product .swiper-button-prev{left:16px; background-image:url(img/prev3.png);}
#soft-product .swiper-button-next{right:16px; background-image:url(img/next3.png);}
#soft-product .swiper-button-prev:hover{background-image:url(img/prev3-h.png);}
#soft-product .swiper-button-next:hover{background-image:url(img/next3-h.png);}

#soft-case{margin-top:50px;}
#soft-case a{display:flex; justify-content:space-between; align-items:center;}
#soft-case .img{width:600px; height:400px; border-radius:20px; overflow:hidden;}
#soft-case .img img{width:600px; max-width:none; height:400px; transition:all 0.3s linear}
#soft-case .text{width:700px;}
#soft-case .text h3{height:30px; line-height:30px; font-size:28px; overflow:hidden;}
#soft-case .text i{display:block; width:30px; height:3px; margin-top:25px; background:#87de87;}
#soft-case .text p{height:90px; line-height:30px; margin-top:40px; font-size:15px; color:#666; -webkit-line-clamp:3;}
#soft-case .text h4{width:168px; height:56px; line-height:56px; margin-top:50px; background:#87de87; border-radius:28px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:15px; text-align:center; color:#fff; overflow:hidden; transition:all 0.3s linear}
#soft-case .text h4 em{display:inline-block; padding-right:36px; background:url(img/arrow-r1.png) no-repeat right center;}
#soft-case:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}
#soft-case:hover .text h3{color:#87de87;}
#soft-case:hover .text h4{padding-left:16px; transition:all 0.3s linear}

#service-text h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
#service-text p{line-height:36px; margin-top:20px; font-size:15px; text-align:center; color:#666;}

#service-list ul li{padding:50px 0; background:#fff; overflow:hidden;}
#service-list ul li:nth-child(odd){background:#f5f5f5;}
#service-list ul li .img{width:600px; height:400px; border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.1); overflow:hidden;}
#service-list ul li .img img{width:600px; height:400px;}
#service-list ul li .text{width:680px;}
#service-list ul li .text h2{height:30px; line-height:30px; font-size:28px;}
#service-list ul li .text i{display:block; width:38px; height:3px; margin-top:21px; background:#87de87;}
#service-list ul li .text section{margin-top:30px;}
#service-list ul li .text section p{position:relative; line-height:26px; margin-top:10px; padding-left:18px; font-size:16px;}
#service-list ul li .text section p:first-child{margin-top:0;}
#service-list ul li .text section p:before{content:''; position:absolute; left:0; top:10px; display:block; width:6px; height:6px; background:#aaa; border-radius:50%;}

#p-menu{background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden;}
#p-menu h2{height:80px; line-height:80px; background:#87de87; font-size:26px; text-align:center; color:#fff; overflow:hidden;}
#p-menu ul{padding:24px 0;}
#p-menu ul li{margin-bottom:20px; padding:0 20px 24px 20px; border-bottom:1px solid #dcdcdc;}
#p-menu ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#p-menu ul li a{display:block; height:18px; line-height:18px; padding-left:28px; background:url(img/fl.png) no-repeat left center; font-size:16px; font-weight:bold; overflow:hidden;}
#p-menu ul li:hover > a{color:#87de87;}
#p-menu ul li ul{padding:0;}
#p-menu ul li ul li{margin-top:22px; margin-bottom:0; padding:0 10px; border-bottom:none;}
#p-menu ul li ul li a{position:relative; padding-left:18px; background:none; font-size:15px; font-weight:normal; color:#666;}
#p-menu ul li ul li a:before{content:''; position:absolute; left:0; top:5px; display:block; width:0; height:0; border-left:4px solid transparent; border-top:4px solid transparent; border-bottom:4px solid #aaa; border-right:4px solid #aaa;}
#p-menu ul li ul li:hover > a:before{border-bottom-color:#87de87; border-right-color:#87de87;}
#p-menu ul li ul li.current a{color:#87de87;}
#p-menu ul li ul li.current a:before{border-bottom-color:#87de87; border-right-color:#87de87;}

#hardware-list ul{margin:-40px 0 0 -40px;}
#hardware-list ul li{position:relative; float:left; width:500px; height:280px; margin:40px 0 0 40px; border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.12); overflow:hidden;}
#hardware-list ul li section{position:absolute; left:0; top:0; bottom:0; width:270px; height:280px; padding:28px 50px 34px 24px; background:url(img/shape.png) no-repeat center; overflow:hidden; z-index:9998;}
#hardware-list ul li section h3{height:68px; line-height:34px; font-size:24px;}
#hardware-list ul li section p{height:52px; line-height:26px; margin-top:20px; font-size:15px; color:#999;}
#hardware-list ul li section h4{width:130px; height:50px; line-height:50px; margin-top:28px; background:#87de87; border-radius:25px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#hardware-list ul li span{display:block; width:260px; height:280px; margin-left:auto; overflow:hidden;}
#hardware-list ul li img{width:260px; max-width:none; height:280px; transition:all 0.3s linear;}
#hardware-list ul li:hover section{background-image:url(img/shape-h.png);}
#hardware-list ul li:hover section h3{color:#fff;}
#hardware-list ul li:hover section p{color:#fff;}
#hardware-list ul li:hover section h4{background:#fff; box-shadow:none; color:#87de87;}
#hardware-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#pd-slide{width:550px; height:430px; margin:0; overflow:hidden;}
#pd-slide .swiper-wrapper{height:430px;}
#pd-slide .swiper-slide{width:550px; height:430px; overflow:hidden;}
#pd-slide .swiper-slide img{width:550px; height:430px;}
#pd-slide .swiper-pagination{bottom:24px; display:flex; justify-content:center; align-items:center;}
#pd-slide .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 8px; background:#b2b2b2; border-radius:50%; cursor:pointer; opacity:1;}
#pd-slide .swiper-pagination-bullet:first-child{margin-left:0;}
#pd-slide .swiper-pagination-bullet-active{background:#87de87;}

#pd-info{width:430px;}
#pd-info h1{height:32px; line-height:32px; font-size:30px; overflow:hidden;}
#pd-info p{height:324px; line-height:36px; margin-top:16px; font-size:15px; color:#666; -webkit-line-clamp:9;}

#pd-tedian{margin-top:50px; padding:50px 10px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;overflow: visible; }
#pd-tedian h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
#pd-tedian .swiper-wrapper{margin-top:60px;display: flex;justify-content:start; height:272px; }
#pd-tedian .swiper-slide{text-align:center; position:relative;height:100%;}
#pd-tedian .swiper-slide img{display:block; width:100px; height:100px; margin:0 auto;}
#pd-tedian .swiper-slide h3{height:20px; line-height:20px; margin-top:24px; font-size:18px; text-align:center; overflow:hidden;}
#pd-tedian .swiper-slide p{ padding:10px 10px 0 10px;line-height:26px; margin-top:14px; font-size:15px; text-align:center; color:#666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
#pd-tedian .swiper-slide:hover p{ position:absolute; min-height:120px; background:#fff;box-shadow: 0 0 16px rgb(0 0 0 / 12%); padding:10px; overflow: visible; z-index:99996; border-radius:15px; top:144px;-webkit-line-clamp: 64;width:100%; }




#pd-tedian .swiper-slide:hover h3{color:#87de87;}
#pd-tedian .swiper-pagination{position:inherit; bottom:0; margin-top:40px; display:flex; justify-content:center; align-items:center;}
#pd-tedian .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 10px; background:#b2b2b2; border-radius:50%; cursor:pointer; opacity:1;}
#pd-tedian .swiper-pagination-bullet:first-child{margin-left:0;}
#pd-tedian .swiper-pagination-bullet-active{background:#87de87;}

#pd-canshu{margin-top:50px;}
#pd-canshu .jscs{
	margin-top: 30px;
}
#pd-canshu h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
#pd-canshu table{margin-top:40px; border-color:#dcdcdc;}
#pd-canshu table tr th{height:40px; line-height:40px; padding:10px 20px; background:#87de87; border-color:#dcdcdc; font-size:18px; font-weight:bold; color:#fff;}
#pd-canshu table tr td{line-height:28px; padding:10px 20px; background:none; border-color:#dcdcdc; font-size:15px; color:#333;}

#pd-xuanxing{margin-top:50px;border-top: 1px solid #dcdcdc;padding-top: 50px;}
#pd-xuanxing h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
#pd-xuanxing .jbxgn{display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
#pd-xuanxing .jbxgn h3{width:160px; height:80px; line-height:80px; background:#87de87; border-radius:10px; font-size:20px; text-align:center; overflow:hidden;}
#pd-xuanxing .jbxgn p{flex:1; height:60px; line-height:30px; margin-left:20px; font-size:15px; color:#666;}
#pd-xuanxing .item{line-height:200%; margin-top:50px; font-size:15px; color:#666;}


/*解决方案*/

#solution-list ul li{padding:50px 0; background:#fff; overflow:hidden;}
#solution-list ul li:nth-child(even){background:#f5f5f5;}
#solution-list ul li .text{width:620px;}
#solution-list ul li .text h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; overflow:hidden;}
#solution-list ul li .text h3{height:20px; line-height:20px; margin-top:14px; font-family:'Arial'; font-size:18px; color:#666; overflow:hidden;}
#solution-list ul li .text p{height:64px; line-height:30px; margin-top:24px; font-size:15px; color:#666; -webkit-line-clamp:2;}
#solution-list ul li .text dl{margin-top:20px;}
#solution-list ul li .text dl dd{width:238px; height:60px; line-height:60px; margin-top:20px; border:1px solid #aaa; border-radius:32px; font-size:16px; text-align:center; overflow:hidden;}
#solution-list ul li .text dl dd:first-child{margin-top:0;}
#solution-list ul li .text dl dd a{display:block; color:#666;}
#solution-list ul li .text dl dd:hover{background:#87de87; border-color:#87de87; box-shadow:0 0 16px rgba(0,0,0,.12);}
#solution-list ul li .text dl dd:hover a{color:#fff;}
#solution-list ul li .img{width:680px; height:480px; border-radius:10px; box-shadow:0 0 16px rgba(0,0,0,.1); overflow:hidden;}
#solution-list ul li .img img{width:680px; height:480px;}

#solution-detail-title{line-height:48px; font-size:36px; text-align:center;}
#solution-detail{line-height:200%; margin-top:30px; font-size:15px; color:#666;}

#solution-value h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
#solution-value .item{margin-top:60px;}
#solution-value .item ul{display:flex; justify-content:space-between;}
#solution-value .item ul li{max-width:240px;}
#solution-value .item ul li img{display:block; width:128px; height:128px; margin:0 auto; border-radius:50%;}
#solution-value .item ul li p{line-height:30px; margin-top:16px; font-size:15px; text-align:center; color:#666;}

/*案例资讯*/

#menu{display:flex; justify-content:center;}
#menu a{width:300px; height:70px; line-height:70px; margin-left:30px; background:#fff; border-radius:35px; box-shadow:0 0 12px rgba(0,0,0,.1); font-size:20px; text-align:center; color:#666; overflow:hidden;}
#menu a:first-child{margin-left:0;}
#menu a:hover{color:#87de87;}
#menu a.current{background:#87de87; color:#fff;}

#news-list{margin-top:50px;}
#news-list ul li{height:308px; margin-top:50px; background:#fff; border-radius:10px; overflow:hidden;}
#news-list ul li a{display:flex; padding:14px 34px 14px 14px;}
#news-list ul li span{width:400px; height:280px; border-radius:10px; overflow:hidden;}
#news-list ul li img{width:400px; max-width:none; height:280px; transition:all 0.3s linear;}
#news-list ul li section{flex:1; margin-left:34px; padding:20px 0 24px 0;}
#news-list ul li section h2{height:26px; line-height:26px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; color:#999; overflow:hidden;}
#news-list ul li section p{height:64px; line-height:32px; margin-top:22px; font-size:16px; color:#666;}
#news-list ul li section h4{width:160px; height:46px; line-height:44px; margin-top:44px; border:1px solid #aaa; border-radius:23px; font-size:16px; text-align:center; color:#666; overflow:hidden;}
#news-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news-list ul li:hover section h2{color:#87de87;}
#news-list ul li:hover section h4{background:#87de87; border-color:#87de87; color:#fff;}

#case-list{margin-top:50px;}
#case-list ul{margin:-35px 0 0 -35px;}
#case-list ul li{position:relative; float:left; width:430px; height:458px; margin:35px 0 0 35px; border-radius:10px; overflow:hidden;}
#case-list ul li img{width:430px; max-width:none; height:320px; transition:all 0.3s linear;}
#case-list ul li section{position:absolute; left:0; right:0; bottom:0; padding:22px 26px 18px 26px; background:#fff; overflow:hidden;}
#case-list ul li section h3{height:26px; line-height:26px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li section p{height:60px; line-height:30px; margin-top:12px; font-size:16px; color:#666;}
#case-list ul li section h4{display:none; height:18px; line-height:18px; margin-top:24px; font-size:16px; color:#87de87; overflow:hidden;}
#case-list ul li section h4 em{display:inline-block; padding-right:36px; background:url(img/arrow-r2.png) no-repeat right center;}
#case-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#case-list ul li:hover section{padding:32px 26px 36px 26px;}
#case-list ul li:hover section p{height:120px; -webkit-line-clamp:4;}
#case-list ul li:hover section h4{display:block;}

#left{width:280px;}

#l-menu{border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden;}
#l-menu dl dt{height:80px; line-height:80px; background:#87de87; font-size:26px; text-align:center; color:#fff; overflow:hidden;}
#l-menu dl dd{position:relative; height:60px; line-height:60px; background:#fff; font-size:16px; overflow:hidden;}
#l-menu dl dd:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#dcdcdc;}
#l-menu dl dd:last-child:after{display:none;}
#l-menu dl dd a{position:relative; display:block; padding:0 68px 0 44px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#l-menu dl dd a:before{content:''; position:absolute; left:20px; top:26px; display:block; width:0; height:0; border-left:4px solid transparent; border-top:4px solid transparent; border-bottom:4px solid #aaa; border-right:4px solid #aaa;}
#l-menu dl dd a:after{content:''; position:absolute; right:30px; top:23px; display:block; width:8px; height:14px; background:url(img/arrow-r3.png) no-repeat center;}
#l-menu dl dd:hover a{color:#87de87;}
#l-menu dl dd:hover a:before{border-bottom-color:#87de87; border-right-color:#87de87;}
#l-menu dl dd:hover a:after{background-image:url(img/arrow-r3-h.png);}
#l-menu dl dd.current a{font-weight:bold; color:#87de87;}
#l-menu dl dd.current a:before{border-bottom-color:#87de87; border-right-color:#87de87;}
#l-menu dl dd.current a:after{background-image:url(img/arrow-r3-h.png);}

#l-rmd{margin-top:30px; padding:16px 20px 20px 20px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1);}
#l-rmd h2{position:relative; height:20px; line-height:20px; padding-left:15px; font-size:18px; font-weight:bold; color:#666; overflow:hidden;}
#l-rmd h2:before{content:''; position:absolute; left:0; top:0; bottom:0; display:block; width:5px; background:#87de87; border-radius:2.5px;}
#l-rmd ul{margin-top:16px;}
#l-rmd ul li{margin-top:18px; padding-top:20px; border-top:1px solid #dcdcdc;}
#l-rmd ul li:first-child{margin-top:0;}
#l-rmd ul li span{display:block; width:240px; height:178px; border-radius:10px 10px 0 0; overflow:hidden;}
#l-rmd ul li img{width:240px; max-width:none; height:178px; transition:all 0.3s linear;}
#l-rmd ul li h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#l-rmd ul li p{height:48px; line-height:24px; margin-top:10px; font-size:15px; color:#666;}
#l-rmd ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#l-rmd ul li:hover h3{color:#87de87;}

#right{width:1040px; overflow:hidden;}

#article-title{line-height:40px; font-size:30px; text-align:center;}
#article-info{height:18px; line-height:18px; margin-top:18px; font-size:16px; text-align:center; color:#999; overflow:hidden;}
#article{line-height:200%; margin-top:40px; padding:40px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:16px; color:#666;}
#prev-next{display:flex; justify-content:space-between; margin-top:30px;}
#prev-next a{max-width:480px; height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#prev-next a:hover{color:#87de87;}

/*关于我们*/

#lm-about h2{height:38px; line-height:38px; font-size:36px; overflow:hidden;}
#lm-about h3{height:26px; line-height:26px; margin-top:24px; font-size:24px; overflow:hidden;}
#lm-about .text{line-height:30px; margin-top:24px; font-size:15px; color:#666;}

#about-icon{margin-top:60px;}
#about-icon ul{display:flex; justify-content:space-between;}
#about-icon ul li{max-width:300px;}
#about-icon ul li i{display:block; width:106px; height:132px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#about-icon ul li i.a-icon1{background-image:url(img/a-icon1.png);}
#about-icon ul li i.a-icon2{background-image:url(img/a-icon2.png);}
#about-icon ul li i.a-icon3{background-image:url(img/a-icon3.png);}
#about-icon ul li h3{height:22px; line-height:22px; margin-top:24px; font-size:20px; text-align:center; overflow:hidden;}
#about-icon ul li p{line-height:28px; margin-top:16px; font-size:15px; text-align:center; color:#666;}
#about-icon ul li:hover h3{color:#87de87;}

#wrap-honor{padding:60px 0; background:url(img/honor-bg.jpg) no-repeat top center; background-size:cover;}

#honor h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
#honor .weo-flex{margin-top:50px;}
#honor-item{position:relative; width:966px; height:480px; margin:0 40px; overflow:hidden;}
#honor-item ul li{position:absolute; left:1048px; top:168px; display:none; width:0; height:0; box-shadow:0 0 8px rgba(0,0,0,.08); cursor:pointer;}
#honor-item ul li:nth-child(1){display:block; left:8px; top:128px; width:170px; height:224px; z-index:96;}
#honor-item ul li:nth-child(2){display:block; left:108px; top:88px; width:230px; height:304px; z-index:97;}
#honor-item ul li:nth-child(3){display:block; left:208px; top:48px; width:290px; height:384px; z-index:98;}
#honor-item ul li:nth-child(4){display:block; left:308px; top:8px; width:350px; height:464px; z-index:99;}
#honor-item ul li:nth-child(5){display:block; left:468px; top:48px; width:290px; height:384px; z-index:98;}
#honor-item ul li:nth-child(6){display:block; left:628px; top:88px; width:230px; height:304px; z-index:97;}
#honor-item ul li:nth-child(7){display:block; left:788px; top:128px; width:170px; height:224px; z-index:96;}
#honor-item ul li img{width:0; max-width:none; height:0;}
#honor-item ul li:nth-child(1) img{width:170px; height:224px;}
#honor-item ul li:nth-child(2) img{width:230px; height:304px;}
#honor-item ul li:nth-child(3) img{width:290px; height:384px;}
#honor-item ul li:nth-child(4) img{width:350px; height:464px;}
#honor-item ul li:nth-child(5) img{width:290px; height:384px;}
#honor-item ul li:nth-child(6) img{width:230px; height:304px;}
#honor-item ul li:nth-child(7) img{width:170px; height:224px;}
#honor-prev,#honor-next{width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:50%; cursor:pointer;}
#honor-prev{background-image:url(img/prev2.png);}
#honor-next{background-image:url(img/next2.png);}
#honor-prev:hover{background-image:url(img/prev2-h.png); background-color:#87de87;}
#honor-next:hover{background-image:url(img/next2-h.png); background-color:#87de87;}

#join{height:544px; padding:58px 644px 58px 60px; background:url(img/join-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;}
#join h2{height:38px; line-height:38px; font-size:36px; overflow:hidden;}
#join .text{height:360px; line-height:30px; margin-top:30px; font-size:16px; color:#666;}

/*底部样式*/

#footer{padding-top:90px; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;}
#f-logo img{width:230px; height:80px;}
#f-qrcode{margin-top:50px;}
#f-qrcode ul{display:flex;}
#f-qrcode ul li{margin-left:50px;}
#f-qrcode ul li:first-child{margin-left:0;}
#f-qrcode ul li img{width:128px; height:128px;}
#f-qrcode ul li h3{height:18px; line-height:18px; margin-top:14px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
#f-menu{position:relative; display:flex; align-items:center; height:80px; padding-bottom:16px;}
#f-menu:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:rgba(255,255,255,.2);}
#f-menu a{height:24px; line-height:24px; font-size:22px; color:#fff; overflow:hidden;}
#f-menu a:hover{color:#acce22;}
#f-menu i{display:block; width:1px; height:20px; margin:0 24px; background:rgba(255,255,255,.2);}
#f-contact{display:flex; justify-content:center; align-items:center; margin-top:60px;}
#f-contact .left h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden;}
#f-contact .left h3{height:18px; height:18px; margin-top:14px; font-family:'Arial'; font-size:16px; text-transform:uppercase; color:#fff; overflow:hidden;}
#f-contact .line{width:1px; height:140px; margin:0 70px; background:rgba(255,255,255,.2);}
#f-contact .right p{height:20px; line-height:20px; margin-top:20px; padding-left:32px; background-repeat:no-repeat; background-position:left center; font-size:15px; color:#fff; overflow:hidden;}
#f-contact .right p:first-child{margin-top:0;}
#f-contact .right p.tel{background-image:url(img/tel.png);}
#f-contact .right p.mail{background-image:url(img/mail.png);}
#f-contact .right p.qq{background-image:url(img/qq.png);}
#f-contact .right p.address{background-image:url(img/address.png);}

#copyright{position:relative; height:90px; line-height:90px; margin-top:70px; font-size:14px; color:#d5d5d5;}
#copyright:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:1px; background:rgba(255,255,255,.2);}
#copyright a{color:#d5d5d5;}
#copyright a:hover{color:#fff;}

.right-piaofu{position: fixed; width:60px; right:20px; bottom:80px; background:#fff; border-radius:10px; z-index:99999999; padding:20px 0 0 0; box-shadow: 0 0 16px rgb(0 0 0 / 12%);}
.right-piaofu li{ position:relative; padding-bottom:20px; cursor: pointer;}
.right-piaofu li .piaofu-pho{ text-align:center;}
.right-piaofu li .piaofu-pho span{ display:block; font-size:12px; margin-top:5px;}
.right-piaofu li .piaofu-pho-l{ display:none;padding: 10px; width: 170px;height: 100px;position: absolute;right: 75px; top: -20px;
background: #fff;-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);border: 1px solid #e1e6f0;border-radius: 6px;}

.right-piaofu li .piaofu-pho-l p.triangle_icon{position: absolute;display: block;width: 6px;height: 6px; background: #fff;right: -7px;-webkit-transform: translateX(-50%) rotate(135deg);transform: translateX(-50%) rotate(135deg);top: 48px;border-color: #e1e6f0 transparent transparent #e1e6f0;
border-style: solid;border-width: 1px;}

.right-piaofu li .piaofu-pho-l span{ font-size:14px; color:#666;}
.right-piaofu li .piaofu-pho-l p{font-size: 18px;color: #17212c;font-weight: 600;
 letter-spacing: 0px; padding-top:5px;}
.right-piaofu li .piaofu-pho-b{ width: 150px;height: 165px; top:-90px; }
.right-piaofu li .piaofu-pho-b p{ font-size:14px; color:#666;font-weight: normal; padding-top:0px;}
.right-piaofu li:hover .piaofu-pho-l{display:block;}
#fullpage .container02{  height:auto !important;}
.container02 .fp-tableCell{  height:auto !important;}
#fullpage .container04{  height:auto !important;}
.container04 .fp-tableCell{  height:auto !important;}
#wrap-soft{ position:relative;}
.soft-menu{ width:100%; margin:0 auto; position:absolute;height:70px; right:20px;top:50px; z-index:6668; }
.soft-menu .soft-menu-btn{ display:none;position:absolute; right:0; width:70px; height:70px; overflow:hidden; cursor:pointer; z-index:999999}

.soft-menu .soft-menu-btn1{ position:absolute; right:0; width:70px; height:70px; overflow:hidden; cursor:pointer; z-index:999999}
.soft-menu .soft-menu-btn img{transform: rotate(180deg);}



/*.soft-menu .soft-menu-close{ position:absolute;  right:0; font-size:26px; color:#fff;width:70px; height:70px;  text-align:center; display:none;  cursor:pointer; }*/

.soft-left-nav{width:auto;height:480px;position: absolute;top: 50%;right: 50px;z-index: 9999;overflow: hidden; translate:0.5s all;transform: translateY(-50%); background:rgba(0,0,0,0.5) ;border-radius:20px;  min-width:300px;}




.soft-left-nav #left-div{width: 100%;height: auto;position: relative;}
.soft-left-nav #left-div .soft-nav-item{}
.soft-left-nav #left-div .soft-nav-item .swiper-slide { display:block;font-size: 24px;color: #7acc7a; line-height: 60px; cursor:pointer;}
.soft-left-nav #left-div .soft-nav-item .swiper-slide:hover{ font-weight:bold;}
.soft-left-nav .right-menu{  width: 50%;height: 100%;float: right;position: relative; background-color:rgba(0,0,0,0.5)}
.soft-left-nav .right-menu .soft-menu-close{font-size: 30px;
    color: #fff;
    top: 50px;
    right: 50px;
    position: absolute;
    cursor: pointer;}
.clear{ clear:both;}

#page{ display:none;}
#sj-menu{ display:none;}
#news-list ul li .text .sj-time,#tabbar{ display:none;}
.soft-left-nav-sj{ display:none;}
.sj-honor{ display:none;}
#sj-p-menu{ display:none;}



@media screen and (max-width:1600px){
  .wrapper{width:1360px;}
  #header{ height:90px;}
  #logo img{ height:50px; width:auto;}
  #nav ul li{ height:90px; line-height:90px; font-size:18px;}
  #search-btn{ top:35px;}
  #fullpage .page{ padding-top:90px;}
#wrap-solution .wrapper{ height:100%; }
#solution .text dl dt{}
#solution { height:100%;}
#solution .img{ display:flex; align-items:center;}
#solution .img img{ width:100%; height:100%;}
#product{display:flex;  height: calc(100% - 100px); border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.12); overflow:hidden;}
#product-tab{width:320px; height:100%; overflow:hidden;}
#product-tab ul{ height:100%}
#product-tab ul li{height:calc(100% / 3); padding:40px 40px; background:#87de87; cursor:pointer; overflow:hidden;}
#product-tab ul li i{display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center;}
#product-tab ul li i.p-icon1{background-image:url(img/p-icon1.png);}
#product-tab ul li i.p-icon2{background-image:url(img/p-icon2.png);}
#product-tab ul li i.p-icon3{background-image:url(img/p-icon3.png);}
#product-tab ul li h2{height:30px; line-height:30px; margin-top:18px; font-size:20px; font-weight:bold; color:#fff; overflow:hidden;}
#product-tab ul li h3{height:20px; line-height:20px; margin-top:5px; font-family:'Arial'; font-size:14px; color:rgb(255,255,255,.5); overflow:hidden;}
#product-tab ul li.current{background:#7acc7a;}
#product-item{flex:1;height:100%;}
#product-item ul{height:100%;}
#product-item ul li{height:100%; overflow:hidden;}
#product-item ul li a{display:flex;height:100%;}
#product-item ul li .text{flex:1; height:100%; padding:106px 40px 90px 40px; background:#fff; overflow:hidden;}
#product-item ul li .text h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#product-item ul li .text h3{height:20px; line-height:20px; margin-top:12px; font-family:'Arial'; font-size:18px; color:#999; overflow:hidden;}
#product-item ul li .text p{height:120px; line-height:30px; margin-top:60px; font-size:15px; color:#888; -webkit-line-clamp:4;}
#product-item ul li .text h4{width:150px; height:50px; line-height:50px; margin-top:80px; background:#87de87; border-radius:25px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:16px; text-align:center; color:#fff; overflow:hidden; transition:all 0.3s linear;}
#product-item ul li .text h4 em{display:inline-block; padding-right:30px; background:url(img/arrow-r1.png) no-repeat right center;}
#product-item ul li .img{width:calc(100% - 420px);; height:100%; overflow:hidden;}
#product-item ul li .img img{width:100%; max-width:none; height:100%; transition:all 0.3s linear;}
  
#wrap-case .wrapper{ height:100%; }
#case-news-title h2{font-size:30px; } 
#case-news-title h3{ font-size:18px; margin-top:0;}
#case-news-tab span{ width:180px; height:50px; line-height:50px;}  
#case-news-item .item{ height:420px;}
 #case{height:100%;}
 #case .swiper-wrapper{ height:100%;} 
 #case .swiper-slide{ width:600px; height:100%;} 
  #case .swiper-slide img{ width:100%; height:100%;}
  #case-news-item .more{width:180px; height:50px; line-height:50px;}
 #about h2{ font-size:34px;} 
 #about h3{margin-top: 19px; font-size: 20px;} 
 #about i{ margin-top:35px;} 
#about .text{line-height: 34px;margin-top: 34px;font-size: 15px;}  
 #about h4{width:180px; height:50px; line-height:50px; margin-top:30px}
#f-logo img{ width:auto; height:60px;}  
 #f-qrcode ul li img{ width:110px; height:110px;}
 #f-menu a{ font-size:16px;}
 #f-contact{ margin-top:40px;}
 #f-contact .left h2{ font-size:26px;}
 #f-contact .right p{ font-size:14px;} 
 #footer{ padding-top:50px;} 
  #copyright{ margin-top:50px;height:60px; line-height:60px;}
#f-menu{ height:70px;}  
   #news{ height:100%;} 
 #news .left{ width:48%;height:100%;} 
#news .left img{ width:100%; height:100%;}  
 #news .right{ width:50%; height:100%;} 
  #news .right ul{ height:100%;}
 #news .right ul li{ height:calc((100% / 2) - 10px);}
 #news .right ul li a{ height:100%;}
#news .right ul li span{ width:250px; height:100%;}
#news .right ul li img{ width:100%; height:100%;} 
#news .right ul li section{ padding:17px 30px; height:100%;}
#news .right ul li section h4{ font-size:14px;}
#news .right ul li section h3{margin-top: 4px;font-size: 16px;}
#news .right ul li section p{height: 52px;line-height: 24px;margin-top: 12px; font-size: 14px; margin-top:10px;} 
#news .right ul li section h5{ margin-top:10px; } 
#product-list ul li .text{ width:550px;}  
 #nav ul li ul{ top:90px;} 
 #service-list ul li .text{ width:48%;} 
 #left{ width:240px;}
 #right{ width:1000px;}
 #hardware-list ul li{ width:480px;}
  #case-list ul li{ width:400px; height:420px;}
 #case-list ul li img{ width:400px; height:285px;}
  #l-rmd ul li span{ width:200px; height:150px;}
 #l-rmd ul li img{ width:100%; height:100%;}
 #solution-list ul li .text{ width:620px;}
 
 
 
}





@media screen and (max-width:1480px){
  .wrapper{width:1280px;}
  #header{ height:90px;}
  #logo img{ height:50px; width:auto;}
  #nav ul li{ height:90px; line-height:90px; font-size:18px;}
  #search-btn{ top:35px;}
  #fullpage .page{ padding-top:90px;}
#wrap-solution .wrapper{ height:100%; }
#solution .text dl dt{}
#solution { height:100%;}
#solution .img{ display:flex; align-items:center;}
#solution .img img{ width:100%; height:100%;}
#product{display:flex;  height: calc(100% - 130px); border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.12); overflow:hidden;}
#product-tab{width:300px; height:100%; overflow:hidden;}
#product-tab ul{ height:100%}
#product-tab ul li{height:calc(100% / 3); padding:40px 40px; background:#87de87; cursor:pointer; overflow:hidden;}
#product-tab ul li i{display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center;}
#product-tab ul li i.p-icon1{background-image:url(img/p-icon1.png);}
#product-tab ul li i.p-icon2{background-image:url(img/p-icon2.png);}
#product-tab ul li i.p-icon3{background-image:url(img/p-icon3.png);}
#product-tab ul li h2{height:30px; line-height:30px; margin-top:18px; font-size:20px; font-weight:bold; color:#fff; overflow:hidden;}
#product-tab ul li h3{height:20px; line-height:20px; margin-top:5px; font-family:'Arial'; font-size:14px; color:rgb(255,255,255,.5); overflow:hidden;}
#product-tab ul li.current{background:#7acc7a;}
#product-item{flex:1;height:100%;}
#product-item ul{height:100%;}
#product-item ul li{height:100%; overflow:hidden;}
#product-item ul li a{display:flex;height:100%;}
#product-item ul li .text{flex:1; height:100%; padding:106px 40px 90px 40px; background:#fff; overflow:hidden;}
#product-item ul li .text h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#product-item ul li .text h3{height:20px; line-height:20px; margin-top:12px; font-family:'Arial'; font-size:18px; color:#999; overflow:hidden;}
#product-item ul li .text p{height:120px; line-height:30px; margin-top:60px; font-size:15px; color:#888; -webkit-line-clamp:4;}
#product-item ul li .text h4{width:150px; height:50px; line-height:50px; margin-top:80px; background:#87de87; border-radius:25px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:16px; text-align:center; color:#fff; overflow:hidden; transition:all 0.3s linear;}
#product-item ul li .text h4 em{display:inline-block; padding-right:30px; background:url(img/arrow-r1.png) no-repeat right center;}
#product-item ul li .img{width:calc(100% - 400px);; height:100%; overflow:hidden;}
#product-item ul li .img img{width:100%; max-width:none; height:100%; transition:all 0.3s linear;}
  
#wrap-case .wrapper{ height:100%; }
#case-news-title h2{font-size:30px; } 
#case-news-title h3{ font-size:18px; margin-top:0;}
#case-news-tab span{ width:180px; height:50px; line-height:50px;}  
#case-news-item .item{ height:420px;}
 #case{height:100%;}
 #case .swiper-wrapper{ height:100%;} 
 #case .swiper-slide{ width:600px; height:100%;} 
  #case .swiper-slide img{ width:100%; height:100%;}
  #case-news-item .more{width:180px; height:50px; line-height:50px;}
 #about h2{ font-size:34px;} 
 #about h3{margin-top: 19px; font-size: 20px;} 
 #about i{ margin-top:35px;} 
#about .text{line-height: 34px;margin-top: 34px;font-size: 15px;}  
 #about h4{width:180px; height:50px; line-height:50px; margin-top:30px}
#f-logo img{ width:auto; height:60px;}  
 #f-qrcode ul li img{ width:110px; height:110px;}
 #f-menu a{ font-size:16px;}
 #f-contact{ margin-top:40px;}
 #f-contact .left h2{ font-size:26px;}
 #f-contact .right p{ font-size:14px;} 
 #footer{ padding-top:50px;} 
  #copyright{ margin-top:50px;height:60px; line-height:60px;}
#f-menu{ height:70px;}  
   #news{ height:100%;} 
 #news .left{ width:48%;height:100%;} 
#news .left img{ width:100%; height:100%;}  
 #news .right{ width:50%; height:100%;} 
  #news .right ul{ height:100%;}
 #news .right ul li{ height:calc((100% / 2) - 10px);}
 #news .right ul li a{ height:100%;}
#news .right ul li span{ width:250px; height:100%;}
#news .right ul li img{ width:100%; height:100%;} 
#news .right ul li section{ padding:17px 30px; height:100%;}
#news .right ul li section h4{ font-size:14px;}
#news .right ul li section h3{margin-top: 4px;font-size: 16px;}
#news .right ul li section p{height: 52px;line-height: 24px;margin-top: 12px; font-size: 14px; margin-top:10px;} 
#news .right ul li section h5{ margin-top:10px; } 
#product-list ul li .text{ width:550px;}  
 #nav ul li ul{ top:90px;} 
 #service-list ul li .text{ width:48%;} 
 #left{ width:240px;}
 #right{ width:1000px;}
 #hardware-list ul li{ width:480px;}
  #case-list ul li{ width:400px; height:420px;}
 #case-list ul li img{ width:400px; height:285px;}
  #l-rmd ul li span{ width:200px; height:150px;}
 #l-rmd ul li img{ width:100%; height:100%;}
 
 
 
 
}

@media screen and (max-width:1366px){
  .wrapper{width:1200px;}
  #header{ height:90px;}
  #logo img{ height:50px; width:auto;}
  #nav ul li{ height:90px; line-height:90px; font-size:18px;}
  #search-btn{ top:35px;}
   #nav ul li ul{ top:90px;} 
  #fullpage .page{ padding-top:90px;}
#wrap-solution .wrapper{ height:100%; }
#solution .text{ margin-left:50px;}
#solution .text dl dt{ background-size:16%;padding-left: 52px; font-size:22px;}
#solution .text dl dd{ margin-top:22px; font-size:15px;}
#solution { height:100%;}
#solution .img{ display:block; text-align:right; width:68%;}
#solution .img img{ width:100%; height:auto;}
#product{display:flex;  height: calc(100% - 100px); border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.12); overflow:hidden;}
#product-tab{width:280px; height:100%; overflow:hidden;}
#product-tab ul{ height:100%}
#product-tab ul li{height:calc(100% / 3); padding:20px 40px; background:#87de87; cursor:pointer; overflow:hidden;}
#product-tab ul li i{display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center;background-size: 70%;}

#product-tab ul li h2{height:30px; line-height:30px; margin-top:10px; font-size:18px; font-weight:bold; color:#fff; overflow:hidden;}
#product-tab ul li h3{height:20px; line-height:20px; margin-top:5px; font-family:'Arial'; font-size:14px; color:rgb(255,255,255,.5); overflow:hidden;}
#product-tab ul li.current{background:#7acc7a;}
#product-item{flex:1;height:100%;}
#product-item ul{height:100%;}
#product-item ul li{height:100%; overflow:hidden;}
#product-item ul li a{display:flex;height:100%;}
#product-item ul li .text{flex:1; height:100%; padding:60px 40px; background:#fff; overflow:hidden;}
#product-item ul li .text h2{height:28px; line-height:28px; font-size:20px; font-weight:bold; overflow:hidden;}
#product-item ul li .text h3{height:20px; line-height:20px; margin-top:10px; font-family:'Arial'; font-size:16px; color:#999; overflow:hidden;}
#product-item ul li .text p{height:120px; line-height:30px; margin-top:40px; font-size:15px; color:#888; -webkit-line-clamp:4;}
#product-item ul li .text h4{width:150px; height:40px; line-height:40px; margin-top:55px; background:#87de87; border-radius:25px; box-shadow:0 0 16px rgba(0,0,0,.12); font-size:16px; text-align:center; color:#fff; overflow:hidden; transition:all 0.3s linear;}
#product-item ul li .text h4 em{display:inline-block; padding-right:30px; background:url(img/arrow-r1.png) no-repeat right center;}
#product-item ul li .img{width:calc(100% - 400px);; height:100%; overflow:hidden;}
#product-item ul li .img img{width:100%; max-width:none; height:100%; transition:all 0.3s linear;}
#case-news-item{ margin-top:25px;}  
#wrap-case .wrapper{ height:100%; }
#case-news-title h2{font-size:30px; } 
#case-news-title h3{ font-size:18px; margin-top:0;}
#case-news-tab span{ width:180px; height:50px; line-height:50px;}  
#case-news-item .item{ height:320px;}
 #case{height:100%;}
 #case .swiper-wrapper{ height:100%;} 
 #case .swiper-slide{ width:400px; height:100%;} 
  #case .swiper-slide img{ width:100%; height:100%;}
  #case-news-item .more{width:180px; height:50px; line-height:50px; margin:30px auto 0 auto;}
 #about h2{ font-size:30px;} 
 #about h3{margin-top: 15px; font-size: 18px;} 
 #about i{ margin-top:25px;} 
#about .text{line-height: 32px;margin-top: 32px;font-size: 14px;}  
 #about h4{width:160px; height:40px; line-height:40px; margin-top:30px;font-size: 14px; }
#f-logo img{ width:auto; height:60px;}  
 #f-qrcode ul li img{ width:110px; height:110px;}
 #f-menu a{ font-size:16px;}
 #f-contact{ margin-top:40px;}
 #f-contact .left h2{ font-size:26px;}
 #f-contact .right p{ font-size:14px;} 
 #footer{ padding-top:50px;} 
  #copyright{ margin-top:50px;height:60px; line-height:60px;}
#f-menu{ height:70px;}  
 #news{ height:100%;} 
 #news .left{ width:48%;height:100%;} 
#news .left img{ width:100%; height:100%;}  
 #news .right{ width:50%; height:100%;} 
  #news .right ul{ height:100%;}
 #news .right ul li{ height:calc(100% / 2)} 
#news .right ul li span{ width:250px; height:100%;}
#news .right ul li img{ width:100%; height:100%;} 
#news .right ul li section{ padding:17px 30px;}
#news .right ul li section h4{ font-size:14px;}
#news .right ul li section h3{margin-top: 4px;font-size: 16px;}
#news .right ul li section p{height: 52px;line-height: 24px;margin-top: 12px; font-size: 14px; margin-top:10px;} 
#news .right ul li section h5{ display:none;} 
 #product-list ul li .text{ width:500px;}
 #service-list ul li .text{ width:45%;}  
  #left{ width:240px;}
 #right{ width:920px;}
 #hardware-list ul li{ width:440px; height:255px;}
 #hardware-list ul li section{ width:240px; height:100%; background-position: right 0;}
 #hardware-list ul li section h3{ font-size:18px;}
 #hardware-list ul li section p{ margin-top:10px; font-size:14px;}
 #hardware-list ul li section h4{ height:40px; line-height:40px;}
 #hardware-list ul li span{ width:240px; height:255px;}
 #hardware-list ul li img{ width:100%; height:100%;}
 #pd-slide{ width:500px; height:360px;}
 #pd-slide .swiper-wrapper{ height:360px;}
 #pd-slide .swiper-slide{ height:360px;}
 #pd-slide .swiper-slide img{ width:100%; height:100%;}
 #pd-xuanxing .item p img{ width:100%; height:auto;}
 #case-list ul li{ width:375px; height:400px;}
 #case-list ul li img{ width:375px; height:260px;}
 #l-rmd ul li span{ width:200px; height:150px;}
 #l-rmd ul li img{ width:100%; height:100%;}
 
 
 
 
 
}






@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#fff; z-index:999;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.3125rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.3125rem;}
#nav-btn{right:1rem; top:1rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }
#sj-tel{right:18%; top:0.75rem; padding-left:36px; background:url(img/tel.png) no-repeat left center;background-size: 1.85rem;}
#sj-tel h3{height:18px; line-height:18px; padding:0 2px; font-size:0.875rem; text-align-last:justify; overflow:hidden;}
#sj-tel h2{height:22px; line-height:22px; margin-top:-2px; font-family:'ArialBlack'; font-size:1rem; color:#c11024; overflow:hidden;}

#search{width:45%; height:34px; margin-left:0; padding:0; border:1px solid #d2d2d2; border-radius:5px; overflow:hidden; position:absolute; top:0.875rem; left:30%;transform: translateX(16%); display:block;}
#search input{flex:1; height:34px; line-height:34px; font-size:14px;}
#search button{ width:34px; height:34px; background-size:50%;}

#banner{ padding-top:3.75rem; height:16.375rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:13rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrap-white.p1{padding:2.5rem 0;}
.wrapper{ width:100%; padding:0 1rem;}
#banner .swiper-button-prev, #banner .swiper-button-next{ background-size:40%; top:65%;}
#banner .swiper-button-next{ right:0;}
#banner .swiper-button-prev{ left:0;}
#fullpage .page{ padding-top:30px; height:auto;}
.right-piaofu{ display:none;}
#solution{ padding-bottom:20px; display:block;}
#solution .text{ margin-left:0; display:flex;}
#solution .text dl dt{background-size: 14%;padding-left: 36px;font-size: 16px;}
#solution .text dl dd{margin-top: 15px;font-size: 12px; padding:0;}
#solution .text dl{margin-top: 0px; width:58%;}
#solution .text dl dt.s-icon2{background-size: 15%;}
#solution .text dl:last-child{ width:40%;}
#solution .img{ width:100%;}
#wrap-product{ padding-bottom:30px;}
#product{ display:block;}
#product-tab{ width:100%; height:auto;}
#product-tab ul{ display:flex; height:auto;}
#product-tab ul li{ padding:10px 0; text-align:center; height:auto; width:33.3%;}
#product-tab ul li i{ margin:0 auto;}
#product-tab ul li h2{ font-size:15px; margin-top:0;}
#product-tab ul li h3{ font-size:12px;}
#product-item{ height:470px;}
#product-item ul li a{ display:block;}
#product-item ul li .text{ height:auto; padding:15px;}
#product-item ul li .text h2{ font-size:18px;}
#product-item ul li .text h3{ font-size:12px; margin-top:0;}
#product-item ul li .text p{ font-size:14px; margin-top:10px;}
#product-item ul li .text h4{ margin-top:10px; font-size:14px;}
#product-item ul li .img{ width:100%; height:auto;}
.noweo-flex{ display:block;}
#wrap-case{ margin-bottom:30px;}
#case-news-title{ text-align:center;}
#case-news-title h2{ font-size:22px;}
#case-news-title h3{ font-size:14px;}
#case-news-tab{ margin-top:20px;}
#case-news-tab span{ width:160px; height:40px; line-height:40px; font-size:15px;}
#case-news-item .item{ height:auto;}
#case{height:180px;}
#case .swiper-slide{ width:300px;}
#case .swiper-slide h3{ padding:20px;}
#case .swiper-slide h3 span{ font-size:15px;}
#case .swiper-slide h3 em{ font-size:12px;}
#case-news-item .more{ width:160px; height:40px; line-height:40px; margin:20px auto 0 auto; font-size:15px;}
#news{ display:block;}
#news .left{ width:100%; height:240px;}
#news .left section{ padding:20px;}
#news .left section h3 span{ font-size:16px;}
#news .left section h3 em{ font-size:14px;}
#news .left section p{ font-size:14px;}
#news .right{ width:100%; margin-top:20px;}
#news .right ul li span{ width:45%; height:126px;}
#news .right ul li section{ padding:15px;}
#news .right ul li section h5{ display:none;}
#news .right ul li section p{ margin-top:6px;}
#about{ width:100%; padding-bottom:30px;}
#about h2{ font-size:24px;}
#about h3{ margin-top:0; font-size:14px;}
#about i{ width:35px; margin-top:15px;}
#about .text{ margin-top:15px;}
.sj-footer{ display:none;}
#footer{ padding:20px 0; margin-bottom:4rem;}
#copyright:before{ display:none;}
#copyright{ margin-top:0; height:auto; line-height:24px;} 
.wrapper.min{ width:100%;}

#tabbar{ display:block; position:fixed;}
#tabbar{left:0; right:0; bottom:0; height:4rem; margin-left:auto; margin-right:auto; padding:0.5rem 0; background:#87de87; border-top:0; z-index:997;}
#tabbar dl dd{float:left; width:33.3%; height:3rem; text-align:center;  position:relative;}
#tabbar dl dd a{display:block;}
#tabbar dl dd em{display:block; width:100%; height:1.75rem; background-repeat:no-repeat; background-position:center;}
#tabbar dl dd em.home{background-image:url(img/sj-home.png); background-size:1.5rem auto;}
#tabbar dl dd em.wechat{background-image:url(img/sj-wechat.png); background-size:1.75rem auto;}
#tabbar dl dd em.tel{background-image:url(img/sj-tel.png); background-size:1.5rem auto;}
#tabbar dl dd em.lx{background-image:url(img/sj-consult-h.png); background-size:1.5rem auto;}
#tabbar dl dd h3{height:1.25rem; line-height:1.25rem; margin-top:0rem; font-size:0.875rem; overflow:hidden;}
#tabbar dl dd.current em.home,#tabbar dl dd:hover em.home{background-image:url(img/sj-home-h.png);}
#tabbar dl dd.current em.wechat,#tabbar dl dd:hover em.wechat{background-image:url(img/sj-wechat-h.png);}
#tabbar dl dd.current em.   tel,#tabbar dl dd:hover em.tel{background-image:url(img/sj-tel-h.png);}
#tabbar dl dd.current em.lx,#tabbar dl dd:hover em.lx{background-image:url(img/sj-consult.png);}
#tabbar dl dd.current h3,#tabbar dl dd:hover h3{color:#fff;}
#tabbar dl dd.sj-weixin section{ display:none;}
#tabbar dl dd.sj-weixin:hover section{display:block; position:absolute; bottom:4rem; left:0rem; width:120px; height:120px;}
#tabbar dl dd.sj-weixin section img{ width:100%;height:100%;}

.ny-banner{ padding-top:3.75rem}
.ny-banner #lm-banner{ height:9rem; background-size:135% !important;}
#location{ height:50px; line-height:50px; font-size:14px; overflow:hidden;}
#location .wrapper{width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#product-list ul li{ padding:30px 0; position:relative}
#product-list ul li .img{ width:100%; height:220px;}
#product-list ul li .img img{ width:100%; height:100%;}
#product-list ul li .text{ width:100%; margin-top:20px;}
#product-list ul li .text h2{ font-size:20px;}
#product-list ul li .text h3{ font-size:14px;margin-top:0;}
#product-list ul li .text p{ margin-top:15px; font-size:14px;}
#product-list ul li .text h4{ margin-top:20px; font-size:14px; height:40px; line-height:40px;}
#product-list ul li .text p{ height:auto;}
#product-list ul li:nth-child(2) .img{ margin-top:0px; position:absolute; top:30px; width:90%;}
#product-list ul li:nth-child(2) .text{ margin-top:240px;}




.sj-softw{ display:none;}
#wrap-soft .wrapper{ padding:0;}
#wrap-soft .soft-fontt{ padding:30% 1rem 45% 1rem;}
#software-title h2{ font-size:22px;}
#software-title h3{ font-size:14px; width:160px; height:40px; line-height:40px; margin:20px auto 0 auto;}
#wrap-soft{}
#soft .swiper-container{ height:450px;}
.soft-left-nav-pc{ display:none;}
.soft-left-nav-sj{ display:block;}
.soft-menu{ right:0; top:20px;}
.soft-menu .soft-menu-btn img,.soft-menu .soft-menu-btn1 img{ width:50%;}
.soft-left-nav{ right:15px; min-width:220px; top:45%; height: 270px;}
.soft-left-nav-sj #software-item{ margin:20px 20px; height:260px; }
.soft-left-nav-sj #software-item .swiper-slide{ width:180px; line-height:40px; font-size:14px; height:40px !important;}
.soft-left-nav-sj #software-item .swiper-slide em{ padding-left:20px;}
.soft-left-nav-sj #software-item .swiper-slide em:before{ width:5px; height:12px; top:14px;}
.soft-left-nav-sj #software-item .swiper-slide-thumb-active em:before{width:10px; height:12px; top:14px;}
.soft-left-nav .swiper-button-prev{ top:7px; display:none;}
.soft-left-nav .swiper-button-next{ top:97%;display:none;}
.soft-title h2{ font-size:24px;}
#soft-yingyong{ margin-top:10px;}
#soft-yingyong .soft-title p{ font-size:14px !important; line-height:26px !important;}
#soft-jiagou img{ width:100%; height:100%;}
#soft-tedian{ margin-top:30px;}
#soft-tedian ul{ flex-wrap:wrap;}
#soft-tedian ul li{ width:48%; margin-bottom:20px;}
#soft-tedian ul li img{ width:35%; height:auto;}
#soft-tedian ul li h3{ font-size:18px; margin-top:12px;}
#soft-tedian ul li p{ font-size:14px; margin-top:10px; line-height:22px;}
.wrap-gray.p2{ padding:30px 0;}
#soft-product{ height:210px; margin-top:30px;}
#soft-product .swiper-wrapper,#soft-product .swiper-slide{ height:100%;}
#soft-product .swiper-slide span{ width:100%; height:130px; display:flex; align-items:center;}
#soft-product .swiper-slide img{ width:100%; height:auto;}
#soft-product .swiper-slide section{ padding:15px;}
#soft-product .swiper-slide section h3{ font-size:16px; text-overflow:ellipsis; overflow:hidden;}
#soft-product .swiper-slide section p{ font-size:14px; line-height:24px; height:24px; text-overflow:ellipsis; overflow:hidden; margin-top:5px;-webkit-line-clamp: 1;}
#soft-case a{ display:block;}
#soft-case .img{ width:100%; height:auto;}
#soft-case .img img{ width:100%; height:100%;}
#soft-case .text{ width:100%; margin-top:20px;}
#soft-case .text h3{ font-size:20px;}
#soft-case .text i{ margin-top:15px;}
#soft-case .text p{margin-top:15px;font-size:14px;}
#soft-case .text h4{ font-size:14px; width:150px; height:40px; line-height:40px; margin-top:20px;}
.wrap-white.p3{ padding:30px 0}
#service-text h2{ font-size:26px;}
#service-text p{ margin-top:10px; font-size:14px; line-height:26px;}
#service-list ul li{ padding:30px 0; position:relative;}
#service-list ul li .img{ width:100%; height:auto;}
#service-list ul li .img img{ width:100%; height:100%;}
#service-list ul li .text{ width:100%; margin-top:20px;}
#service-list ul li .text h2{ font-size:20px;}
#service-list ul li .text i{ margin-top:15px;}
#service-list ul li .text section{ margin-top:15px;}
#service-list ul li .text section p{font-size:14px;}
#service-list ul li:nth-child(2) .img{margin-top:20px; position:absolute; top:10px; width:90%;}
#service-list ul li:nth-child(2) .text{margin-top:245px;}

#solution-list ul li{ padding:30px 0; position:relative;}
#solution-list ul li .text{ width:100%; }
#solution-list ul li .text h2{ font-size:20px;}
#solution-list ul li .text h3{ margin-top:10px; font-size:14px; line-height:26px;}
#solution-list ul li .text dl dd{ width:100%; height:50px; line-height:50px;}
#solution-list ul li .img{ width:100%; height:240px; }
#solution-list ul li .img img{ width:100%; height:100%;}
#solution-list ul li:nth-child(1) .img{margin-top:20px; position:absolute; top:10px;  width:90%;}
#solution-list ul li:nth-child(2) .text{ width:100%;margin-top:20px; }
#solution-list ul li:nth-child(1) .text{margin-top:260px;}

#solution-detail-title{ font-size:20px;}
.wrap-gray.p1{ padding:30px 0;}
#solution-value h2{ font-size:20px;}
#solution-value .item{ margin-top:30px;}
#solution-value .item ul{ flex-wrap:wrap;}
#solution-value .item ul li{ width:48%; margin-bottom:20px;}
#solution-value .item ul li img{ width:35%; height:auto;}
#solution-value .item ul li h3{ font-size:18px; margin-top:12px;}
#solution-value .item ul li p{ font-size:14px; margin-top:10px; line-height:22px;}
#menu a{ width:48%; height:40px; line-height:40px;font-size:16px;}
#case-list{ margin-top:30px;}
#case-list ul{ margin:0;}
#case-list ul li{ float:none; width:100%;margin:0 0 20px 0; height:400px;}
#case-list ul li img{ width:100%; height:280px;}
#case-list ul li section{ padding:15px;}
#case-list ul li section h3{ font-size:20px;}
#case-list ul li section p{ font-size:14px; margin-top:10px; line-height:22px; height:48px;}
#l-rmd{ display:none;}
#left{ float:none; width:100%;}
#l-menu{ box-shadow:none;}
#l-menu dl{ display:flex; justify-content:space-between;}
#l-menu dl dt{ display:none;}
#l-menu dl dd{ width:48%; font-size:14px;border-radius: 10px;}
#l-menu dl dd a{ padding:0 50px 0 40px;}
#l-menu dl dd:after{ display:none;}
#right{ float:none; width:100%;margin-top:30px;}
#article-title{ font-size:20px;}
#article-info{ font-size:14px;}
#article{ margin-top:20px; padding:20px 0;}
#prev-next{ display:block;}
#prev-next p{ font-size:14px;height: 18px; line-height: 18px;display: flex; margin-bottom:10px;}
#prev-next a{ display:inline-block; width:80%;max-width:80%;font-size:14px;  }
#news-list{ margin-top:30px;}
#news-list ul li a{ display:block;  padding:15px;}
#news-list ul li{ height:auto; margin-top:20px;}
#news-list ul li span{display:block; width:100%; height:13rem;}
#news-list ul li img{ width:100%; height:100%;}
#news-list ul li section{ width:100%; padding:10px 0 0 0; margin-left:0;}
#news-list ul li section h2{ font-size:16px;}
#news-list ul li section h3{ font-size:14px; margin-top:0;}
#news-list ul li section p{ font-size:14px; line-height:24px; height:50px; margin-top:10px}
#news-list ul li section h4{ display:none;}
.weo-page a{min-width: 30px;height: 30px; line-height:30px; font-size:14px; padding:0 10px;}
.wrap-white.p2{ padding:30px 0;}
#lm-about h2{ font-size:24px;}
#lm-about h3{ font-size:14px; margin-top:0;}
#about-icon{ margin-top:30px;}
#about-icon ul li{ width:30%;}
#about-icon ul li i{ background-size:60%;}
#about-icon ul li h3{ font-size:16px; margin-top:0;}
#about-icon ul li p{ font-size:14px; margin-top:10px; line-height:24px;}
#wrap-honor{ padding:30px 0;}
#honor h2{ font-size:24px;}
.pc-honor{ display:none;}
.sj-honor{ display:block; margin-top:20px;}
.sj-honor #sj-honor-item ul{ display:flex; justify-content:space-around; flex-wrap:wrap;}
.sj-honor #sj-honor-item ul li{ width:30%;  min-height:8.65rem; margin-bottom:20px; background:none; overflow:hidden;display: flex;
    align-items: center;}
.sj-honor #sj-honor-item ul li img{ width:100%; height:auto;}
#join{ padding:20px;background:#f5f5f5 url(img/join-bg.jpg) no-repeat bottom center;background-size: 100%; height:auto;}
#join h2{ font-size:24px;}
#join .text{line-height: 24px; margin-top: 16px;font-size: 14px;}
#hardware-list ul{ margin:0;}
#hardware-list ul li{ margin:0 0 20px 0; width:100%; height:210px;}
#hardware-list ul li section{ width:200px; padding:20px 50px 20px 20px;}
#hardware-list ul li section h3{ height:auto; line-height:24px; font-size:16px;}
#hardware-list ul li section h4{ width:100px; margin-top:15px;}
#hardware-list ul li span{ width:170px; height:170px;}
#p-menu{ display:none;}
#sj-p-menu{ display:block;}

#sj-p-menu .yj-menu1 ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; }
#sj-p-menu .yj-menu1 ul::-webkit-scrollbar{ display:none;}
#sj-p-menu .yj-menu1 ul li{ margin-right:20px; height:30px;line-height:30px; background:url(img/fl.png) no-repeat left center;padding-left:26px; }
#sj-p-menu .yj-menu1 ul li a{ line-height:30px;font-size:14px; color:#333;}
#sj-p-menu .yj-menu1 ul li.cur a{ color:#87de87;}
#sj-p-menu .yj-menu2 .yj-menu2-er{ display:none;}
#sj-p-menu .yj-menu2 ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; }
#sj-p-menu .yj-menu2 ul::-webkit-scrollbar{ display:none;}
#sj-p-menu .yj-menu2 ul li{ margin-top:22px; margin-bottom:0; padding:0 10px; border-bottom:none; }

#sj-p-menu .yj-menu2 ul li a{position:relative; padding-left:18px; background:none; font-size:14px; font-weight:normal; color:#666;}
#sj-p-menu .yj-menu2 ul li a:before{content:''; position:absolute; left:0; top:5px; display:block; width:0; height:0; border-left:4px solid transparent; border-top:4px solid transparent; border-bottom:4px solid #aaa; border-right:4px solid #aaa;}
#sj-p-menu .yj-menu2 ul li:hover > a:before{border-bottom-color:#87de87; border-right-color:#87de87;}
#sj-p-menu .yj-menu2 ul li.current a{color:#87de87;}
#sj-p-menu .yj-menu2 ul li.current a:before{border-bottom-color:#87de87; border-right-color:#87de87;}

#pd-slide{ width:100%; height:auto;}
#pd-slide .swiper-wrapper,#pd-slide .swiper-slide{ height:100%;}
#pd-info{ width:100%; margin-top:20px;}
#pd-info h1{ font-size:20px;}
#pd-info p{ height:auto; line-height:26px; font-size:14px;}
#pd-tedian{ margin-top:30px; padding:30px 0;}
#pd-tedian h2{ font-size:20px;}
#pd-tedian .swiper-wrapper{margin-top:30px;} 
#pd-tedian .swiper-slide img{ width:50%; height:auto;}
#pd-tedian .swiper-slide h3{}
#pd-tedian .swiper-slide p{margin-top:0; font-size:14px;}
#pd-tedian .swiper-slide:hover p{ position:absolute; min-height:120px; background:#fff;box-shadow: 0 0 16px rgb(0 0 0 / 12%); padding:10px; overflow: visible; z-index:99996; border-radius:15px; top:130px;-webkit-line-clamp: 64;width:100%; }
#pd-tedian .swiper-wrapper{ height:240px;}
.sj-news-list ul li section h3{ height:auto !important;}




}









@media screen and (min-width: 751px) and (max-width: 820px){
    
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#fff; z-index:999;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.3125rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.3125rem;}
#nav-btn{right:1rem; top:1rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }
#sj-tel{right:18%; top:0.75rem; padding-left:36px; background:url(img/tel.png) no-repeat left center;background-size: 1.85rem;}
#sj-tel h3{height:18px; line-height:18px; padding:0 2px; font-size:0.875rem; text-align-last:justify; overflow:hidden;}
#sj-tel h2{height:22px; line-height:22px; margin-top:-2px; font-family:'ArialBlack'; font-size:1rem; color:#c11024; overflow:hidden;}

#search{width:45%; height:34px; margin-left:0; padding:0; border:1px solid #d2d2d2; border-radius:5px; overflow:hidden; position:absolute; top:0.875rem; left:30%;transform: translateX(16%); display:block;}
#search input{ flex:1; height:34px; line-height:34px; font-size:14px;}
#search button{ width:34px; height:34px; background-size:50%;}

#banner{ padding-top:3.75rem; height:25.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:22rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}


/*#banner{ padding-top:3.75rem; height:25.75rem;}*/
/*#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:22rem;}*/
/*#banner .swiper-button-prev, #banner .swiper-button-next{ top:50%; background-size:50%;}*/
/*#banner .swiper-button-prev{ left:0;}*/
/*#banner .swiper-button-next{ right:0;}*/








.wrap-white.p1{padding:2.5rem 0;}
.wrapper{ width:100%; padding:0 1rem;}
#banner .swiper-button-prev, #banner .swiper-button-next{ background-size:40%; top:65%;}
#banner .swiper-button-next{ right:0;}
#banner .swiper-button-prev{ left:0;}
#fullpage .page{ padding-top:30px; height:auto;}
.right-piaofu{ display:none;}
#solution{ padding-bottom:30px;}
/*#solution .text{ margin-left:0; display:flex;}*/
/*#solution .text dl dt{background-size: 14%;padding-left: 36px;font-size: 16px;}*/
/*#solution .text dl dd{margin-top: 15px;font-size: 12px; padding:0;}*/
/*#solution .text dl{margin-top: 0px; width:58%;}*/
/*#solution .text dl dt.s-icon2{background-size: 15%;}*/
/*#solution .text dl:last-child{ width:40%;}*/
/*#solution .img{ width:100%;}*/
#wrap-product{ padding-bottom:30px;}
#product{ height:410px; overflow:hidden;}
#product-tab{ width:150px; height:auto;}
/*#product-tab ul{ display:flex; height:auto;}*/
#product-tab ul li{ padding:10px; }
/*#product-tab ul li i{ margin:0 auto;}*/
/*#product-tab ul li h2{ font-size:15px; margin-top:0;}*/
/*#product-tab ul li h3{ font-size:12px;}*/
/*#product-item{ height:470px;}*/
/*#product-item ul li a{ display:block;}*/
#product-item ul li .text{ height:auto; padding:40px 20px;}
/*#product-item ul li .text h2{ font-size:18px;}*/
/*#product-item ul li .text h3{ font-size:12px; margin-top:0;}*/
/*#product-item ul li .text p{ font-size:14px; margin-top:10px;}*/
/*#product-item ul li .text h4{ margin-top:10px; font-size:14px;}*/
#product-item ul li .img{width: calc(100% - 210px);height:auto;}

#wrap-case{ margin-bottom:30px;}
#case-news-title{ text-align:left;}
#case-news-title h2{ font-size:22px;}
#case-news-title h3{ font-size:14px;}
#case-news-tab{ margin-top:20px;}
#case-news-tab span{ width:160px; height:40px; line-height:40px; font-size:15px;}
#case-news-item .item{ height:auto;}
#case{height:180px;}
#case .swiper-slide{ width:300px;}
#case .swiper-slide h3{ padding:20px;}
#case .swiper-slide h3 span{ font-size:15px;}
#case .swiper-slide h3 em{ font-size:12px;}
#case-news-item .more{ width:160px; height:40px; line-height:40px; margin:20px auto 0 auto; font-size:15px;}
#news .left{ width:48%; height:280px;}
#news .left section{ padding:20px;}
#news .left section h3 span{ font-size:16px;}
#news .left section h3 em{ font-size:14px;}
#news .left section p{ font-size:14px;}
#news .right{ width:50%; margin-top:0px;}
#news .right ul li span{ width:45%; height:126px;}
#news .right ul li section{ padding:15px;}
#news .right ul li section h5{ display:none;}
#news .right ul li section p{ margin-top:6px;}
#about{ width:50%; padding-bottom:30px;}
#about h2{ font-size:24px;}
#about h3{ margin-top:0; font-size:14px;}
#about i{ width:35px; margin-top:15px;}
#about .text{ margin-top:15px;}
.sj-footer{ display:none;}
#footer{ padding:20px 0; margin-bottom:4rem;}
#copyright:before{ display:none;}
#copyright{ margin-top:0; height:auto; line-height:24px;} 
.wrapper.min{ width:100%;}

#tabbar{ display:block; position:fixed;}
#tabbar{left:0; right:0; bottom:0; height:4rem; margin-left:auto; margin-right:auto; padding:0.5rem 0; background:#87de87; border-top:0; z-index:997;}
#tabbar dl dd{float:left; width:33.3%; height:3rem; text-align:center;  position:relative;}
#tabbar dl dd a{display:block;}
#tabbar dl dd em{display:block; width:100%; height:1.75rem; background-repeat:no-repeat; background-position:center;}
#tabbar dl dd em.home{background-image:url(img/sj-home.png); background-size:1.5rem auto;}
#tabbar dl dd em.wechat{background-image:url(img/sj-wechat.png); background-size:1.75rem auto;}
#tabbar dl dd em.tel{background-image:url(img/sj-tel.png); background-size:1.5rem auto;}
#tabbar dl dd em.lx{background-image:url(img/sj-consult-h.png); background-size:1.5rem auto;}
#tabbar dl dd h3{height:1.25rem; line-height:1.25rem; margin-top:0rem; font-size:0.875rem; overflow:hidden;}
#tabbar dl dd.current em.home,#tabbar dl dd:hover em.home{background-image:url(img/sj-home-h.png);}
#tabbar dl dd.current em.wechat,#tabbar dl dd:hover em.wechat{background-image:url(img/sj-wechat-h.png);}
#tabbar dl dd.current em.   tel,#tabbar dl dd:hover em.tel{background-image:url(img/sj-tel-h.png);}
#tabbar dl dd.current em.lx,#tabbar dl dd:hover em.lx{background-image:url(img/sj-consult.png);}
#tabbar dl dd.current h3,#tabbar dl dd:hover h3{color:#fff;}
#tabbar dl dd.sj-weixin section{ display:none;}
#tabbar dl dd.sj-weixin:hover section{display:block; position:absolute; bottom:4rem; left:30%; width:120px; height:120px;}
#tabbar dl dd.sj-weixin section img{ width:100%;height:100%;}

.ny-banner{ padding-top:3.75rem}
.ny-banner #lm-banner{ height:9rem; background-size:135% !important;}
#location{ height:50px; line-height:50px; font-size:14px; overflow:hidden;}
#location .wrapper{width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#product-list ul li{ padding:30px 0;}
#product-list ul li .img{ width:50%; height:220px;}
#product-list ul li .img img{ width:100%; height:100%;}
#product-list ul li .text{ width:45%; margin-top:20px;}
#product-list ul li .text h2{ font-size:20px;}
#product-list ul li .text h3{ font-size:14px;margin-top:0;}
#product-list ul li .text p{ margin-top:15px; font-size:14px;}
#product-list ul li .text h4{ margin-top:20px; font-size:14px; height:40px; line-height:40px;}
#product-list ul li .text p{ height:auto;}
#product-list ul li:nth-child(2) .img{ margin-top:20px;}
.sj-softw{ display:none;}
#wrap-soft .wrapper{ padding:0;}
#wrap-soft .soft-fontt{ padding:30% 1rem 45% 1rem;}
#software-title h2{ font-size:22px;}
#software-title h3{ font-size:14px; width:160px; height:40px; line-height:40px; margin:20px auto 0 auto;}
#wrap-soft{}
#soft .swiper-container{ height:450px;}
.soft-left-nav-pc{ display:none;}
.soft-left-nav-sj{ display:block;}
.soft-menu{ right:0; top:20px;}
.soft-menu .soft-menu-btn img,.soft-menu .soft-menu-btn1 img{ width:50%;}
.soft-left-nav{ right:15px; min-width:220px; top:45%;}
.soft-left-nav-sj #software-item{ margin:20px 20px; height:260px; }
.soft-left-nav-sj #software-item .swiper-slide{ width:180px; line-height:40px; font-size:14px; height:40px !important;}
.soft-left-nav-sj #software-item .swiper-slide em{ padding-left:20px;}
.soft-left-nav-sj #software-item .swiper-slide em:before{ width:5px; height:12px; top:14px;}
.soft-left-nav-sj #software-item .swiper-slide-thumb-active em:before{width:10px; height:12px; top:14px;}
.soft-left-nav .swiper-button-prev{ top:7px; display:none;}
.soft-left-nav .swiper-button-next{ top:97%;display:none;}
.soft-title h2{ font-size:24px;}
#soft-yingyong{ margin-top:10px;}
#soft-yingyong .soft-title p{ font-size:14px !important; line-height:26px !important;}
#soft-jiagou img{ width:100%; height:100%;}
#soft-tedian{ margin-top:30px;}
#soft-tedian ul{ flex-wrap:wrap;}
#soft-tedian ul li{ width:48%; margin-bottom:20px;}
#soft-tedian ul li img{ width:35%; height:auto;}
#soft-tedian ul li h3{ font-size:18px; margin-top:12px;}
#soft-tedian ul li p{ font-size:14px; margin-top:10px; line-height:22px;}
.wrap-gray.p2{ padding:30px 0;}
#soft-product{ height:210px; margin-top:30px;}
#soft-product .swiper-wrapper,#soft-product .swiper-slide{ height:100%;}
#soft-product .swiper-slide span{ width:100%; height:130px; display:flex; align-items:center;}
#soft-product .swiper-slide img{ width:100%; height:auto;}
#soft-product .swiper-slide section{ padding:15px;}
#soft-product .swiper-slide section h3{ font-size:16px; text-overflow:ellipsis; overflow:hidden;}
#soft-product .swiper-slide section p{ font-size:14px; line-height:24px; height:24px; text-overflow:ellipsis; overflow:hidden; margin-top:5px;-webkit-line-clamp: 1;}
#soft-case a{ display:block;}
#soft-case .img{ width:100%; height:auto;}
#soft-case .img img{ width:100%; height:100%;}
#soft-case .text{ width:100%; margin-top:20px;}
#soft-case .text h3{ font-size:20px;}
#soft-case .text i{ margin-top:15px;}
#soft-case .text p{margin-top:15px;font-size:14px;}
#soft-case .text h4{ font-size:14px; width:150px; height:40px; line-height:40px; margin-top:20px;}
.wrap-white.p3{ padding:30px 0}
#service-text h2{ font-size:26px;}
#service-text p{ margin-top:10px; font-size:14px; line-height:26px;}
#service-list ul li{ padding:30px 0;}
#service-list ul li .img{ width:50%; height:auto;}
#service-list ul li .img img{ width:100%; height:100%;}
#service-list ul li .text{ width:45%; margin-top:20px;}
#service-list ul li .text h2{ font-size:20px;}
#service-list ul li .text i{ margin-top:15px;}
#service-list ul li .text section{ margin-top:15px;}
#service-list ul li .text section p{font-size:14px;}
#service-list ul li:nth-child(2) .img{margin-top:20px;}
#solution-list ul li{ padding:30px 0;}
#solution-list ul li .text{ width:45%; }
#solution-list ul li .text h2{ font-size:20px;}
#solution-list ul li .text h3{ margin-top:0px; font-size:14px; line-height:26px;}
#solution-list ul li .text dl{ margin-top:0;}
/*#solution-list ul li .text dl dd{ width:100%; height:50px; line-height:50px;}*/
#solution-list ul li .img{ width:50%; height:auto; }
#solution-list ul li .img img{ width:100%; height:100%;}
/*#solution-list ul li:nth-child(1) .img{margin-top:20px;}*/
/*#solution-list ul li:nth-child(2) .text{ width:100%;margin-top:20px; }*/
/*#solution-detail-title{ font-size:20px;}*/
.wrap-gray.p1{ padding:30px 0;}
#solution-value h2{ font-size:20px;}
#solution-value .item{ margin-top:30px;}
#solution-value .item ul{ flex-wrap:wrap;}
#solution-value .item ul li{ width:18%; margin-bottom:20px;}
#solution-value .item ul li img{ width:35%; height:auto;}
#solution-value .item ul li h3{ font-size:16px; margin-top:12px;}
#solution-value .item ul li p{ font-size:14px; margin-top:10px; line-height:26px;}
#menu a{ width:30%; height:50px; line-height:50px;font-size:16px;}
#case-list{ margin-top:30px;}
#case-list ul{ margin: -20px 0 0 -20px;}
#case-list ul li{ width:30%; margin: 20px 0 0 20px; height:290px;}
#case-list ul li img{ width:100%; height:175px;}
#case-list ul li section{ padding:15px;}
#case-list ul li section h3{ font-size:20px;}
#case-list ul li section p{ font-size:14px; margin-top:10px; line-height:22px; height:48px;}
#l-rmd{ display:none;}
#left{ float:none; width:100%;}
#l-menu{ box-shadow:none;}
#l-menu dl{ display:flex; justify-content:space-between;}
#l-menu dl dt{ display:none;}
#l-menu dl dd{ width:48%; font-size:14px;border-radius: 10px;}
#l-menu dl dd a{ padding:0 50px 0 40px;}
#l-menu dl dd:after{ display:none;}
#right{ float:none; width:100%;margin-top:30px;}
#article-title{ font-size:20px;}
#article-info{ font-size:14px;}
#article{ margin-top:20px; padding:20px 0;}
#prev-next{ display:block;}
#prev-next p{ font-size:14px;height: 18px; line-height: 18px;display: flex; margin-bottom:10px;}
#prev-next a{ display:inline-block; width:80%;max-width:80%;font-size:14px;  }
#news-list{ margin-top:30px;}
/*#news-list ul li a{ display:block;  padding:15px;}*/
#news-list ul li{ height:auto; margin-top:20px;}
#news-list ul li span{display:block; width:300px; height:260px;}
#news-list ul li img{ width:100%; height:100%;}
#news-list ul li section{overflow:hidden;}

.weo-page a{min-width: 30px;height: 30px; line-height:30px; font-size:14px; padding:0 10px;}
.wrap-white.p2{ padding:30px 0;}
#lm-about h2{ font-size:24px;}
#lm-about h3{ font-size:14px; margin-top:0;}
#about-icon{ margin-top:30px;}
#about-icon ul li{ width:30%;}
#about-icon ul li i{ background-size:60%;}
#about-icon ul li h3{ font-size:16px; margin-top:0;}
#about-icon ul li p{ font-size:14px; margin-top:10px; line-height:24px;}
#wrap-honor{ padding:30px 0;}
#honor h2{ font-size:24px;}
.pc-honor{ display:none;}
.sj-honor{ display:block; margin-top:20px;}
.sj-honor #sj-honor-item ul{ display:flex; justify-content:space-around; flex-wrap:wrap;}
.sj-honor #sj-honor-item ul li{ width:22%;  min-height:13.65rem; margin-bottom:20px; background:none; overflow:hidden; display:flex; align-items:center;}
.sj-honor #sj-honor-item ul li img{ width:100%; height:auto;}
#join{ padding:20px;background:#f5f5f5 url(img/join-bg.jpg) no-repeat bottom center;background-size: 100%; height:auto;}
#join h2{ font-size:24px;}
#join .text{line-height: 24px; margin-top: 16px;font-size: 14px;}
#hardware-list ul{ margin:-20px 0 0 -20px;}
#hardware-list ul li{ margin:20px 0 0 20px; width:47%; height:210px;}
#hardware-list ul li section{ width:200px; padding:20px 50px 20px 20px;}
#hardware-list ul li section h3{ height:auto; line-height:24px; font-size:16px;}
#hardware-list ul li section h4{ width:100px; margin-top:15px;}
#hardware-list ul li span{ width:170px; height:170px;}
#p-menu{ display:none;}
#sj-p-menu{ display:block;}

#sj-p-menu .yj-menu1 ul{display:flex; justify-content:center;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; }
#sj-p-menu .yj-menu1 ul::-webkit-scrollbar{ display:none;}
#sj-p-menu .yj-menu1 ul li{ margin-right:20px; height:30px;line-height:30px; background:url(img/fl.png) no-repeat left center;padding-left:26px; }
#sj-p-menu .yj-menu1 ul li a{ line-height:30px;font-size:14px; color:#333;}
#sj-p-menu .yj-menu1 ul li.cur a{ color:#87de87;}
#sj-p-menu .yj-menu2 .yj-menu2-er{ display:none;}
#sj-p-menu .yj-menu2 ul{display:flex; justify-content:center;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; }
#sj-p-menu .yj-menu2 ul::-webkit-scrollbar{ display:none;}
#sj-p-menu .yj-menu2 ul li{ margin-top:22px; margin-bottom:0; padding:0 10px; border-bottom:none; }

#sj-p-menu .yj-menu2 ul li a{position:relative; padding-left:18px; background:none; font-size:14px; font-weight:normal; color:#666;}
#sj-p-menu .yj-menu2 ul li a:before{content:''; position:absolute; left:0; top:5px; display:block; width:0; height:0; border-left:4px solid transparent; border-top:4px solid transparent; border-bottom:4px solid #aaa; border-right:4px solid #aaa;}
#sj-p-menu .yj-menu2 ul li:hover > a:before{border-bottom-color:#87de87; border-right-color:#87de87;}
#sj-p-menu .yj-menu2 ul li.current a{color:#87de87;}
#sj-p-menu .yj-menu2 ul li.current a:before{border-bottom-color:#87de87; border-right-color:#87de87;}

#pd-slide{ width:100%; height:auto;}
#pd-slide .swiper-wrapper,#pd-slide .swiper-slide{ height:100%;}
#pd-info{ width:90%; margin-top:20px;}
#pd-info h1{ font-size:20px;}
#pd-info p{ height:auto; line-height:26px; font-size:14px;}
#pd-tedian{ margin-top:30px; padding:30px 0;}
#pd-tedian h2{ font-size:20px;}
#pd-tedian .swiper-wrapper{margin-top:30px;} 
#pd-tedian .swiper-slide img{ width:50%; height:auto;}
#pd-tedian .swiper-slide h3{}
#pd-tedian .swiper-slide p{margin-top:0; font-size:14px;}
#pd-tedian .swiper-slide:hover p{ position:absolute; min-height:120px; background:#fff;box-shadow: 0 0 16px rgb(0 0 0 / 12%); padding:10px; overflow: visible; z-index:99996; border-radius:15px; top:130px;-webkit-line-clamp: 64;width:100%; }
#pd-tedian .swiper-wrapper{ height:240px;}
.sj-news-list ul li section h3{ height:auto !important;}