/*全局样式*/

@font-face{
	font-family:'Montserrat';
	src:url("font/Montserrat.otf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Bodoni';
	src:url("font/Bodoni.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Century';
	src:url("font/Century.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

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

.wrapper{width:1280px;}

/*头部样式*/

#header{left:0; right:0; top:0; z-index:1000; height:104px; background:rgba(255,255,255,.80);}
#logo{left:0; top:18px;}
#logo img{width:380px; height:66px;}
#logo img.black{display:none;}
#nav{right:2px; top:0;}
#nav ul li{position:relative; float:left; height:104px; line-height:104px; margin-left:50px; font-size:17px; text-align:center;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block; color:#000;}
#nav ul li a:hover{color:#0b69de;}
#nav ul .current > a{color:#0b69de;}
#nav ul li dl{display:none; position:absolute; left:50%; top:104px; transform:translateX(-50%); z-index:99; width:160px; padding:14px 0; background:#fff; border-radius:4px; box-shadow:0 0 8px rgba(0,0,0,.08);}
#nav ul li dl:before{content:''; position:absolute; left:50%; top:-11px; transform:translateX(-50%); display:block; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:11px solid rgba(0,0,0,.03);}
#nav ul li dl:after{content:''; position:absolute; left:50%; top:-10px; transform:translateX(-50%); display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff;}
#nav ul li:hover dl{display:block; top:124px; animation:NavSlideUp 0.4s; animation-fill-mode:forwards;}
@keyframes NavSlideUp{100%{top:104px;}}
#nav ul li dl dd{float:none; margin-left:0; height:44px; line-height:44px; font-size:16px; overflow:hidden; transition:all 0.2s linear;}
#nav ul li dl dd a{padding:0 20px 0 24px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#nav ul li dl dd:hover{background:#eee; letter-spacing:1px; transition:all 0.2s linear;}
#nav ul li dl dd:hover a{color:#0b69de;}
#langage{right:0; top:33px; display:flex; align-items:center;}
#langage a{height:18px; line-height:18px; font-size:16px; text-transform:uppercase; color:#000; overflow:hidden;}
#langage a:first-child{width:38px; height:38px; line-height:38px; background:#0b69de; border-radius:50%; font-weight:bold; text-align:center; overflow:hidden;}
#langage em{height:18px; line-height:18px; margin:0 10px; font-size:16px; color:#000; overflow:hidden;}

#header.white{background:#fff; box-shadow:0 8px 8px -8px rgba(0,0,0,.08); transition:all 0.1s linear;}
#header.white #logo img{display:none;}
#header.white #logo img.black{display:block;}
#header.white #nav ul li a{color:#464646;}
#header.white #nav ul li:hover > a{color:#0b69de;}
#header.white #nav ul li dl dd a{color:#666;}
#header.white #langage a{color:#464646;}
#header.white #langage a:hover{color:#0b69de;}
#header.white #langage a:first-child{color:#fff;}
#header.white #langage em{color:#464646;}

/*首页样式*/

#fullpage .page{width:100vw; height:100vh; overflow:hidden;}
#page-btn{right:140px; top:50%; transform:translateY(-50%); width:10px;}
#page-btn dl dd{width:10px; height:10px; margin-top:10px; background:#fff; border-radius:50%; box-shadow:0 0 2px rgba(0,0,0,.2); cursor:pointer;}
#page-btn dl dd:first-child{margin-top:0;}
#page-btn dl dd.current{background:#0b69de;}

#banner,#banner-item,#banner-item ul li{width:100vw; height:100vh; overflow:hidden;}
#banner-item ul li img{width:100vw; height:100vh;}
#banner-item ul li.zoom img{transform:scale(1.12); animation:BannerZoom 5.2s; animation-fill-mode:forwards; animation-delay:0.4s;}
@keyframes BannerZoom{100%{transform:scale(1);}}
#prev,#next{top:50%; transform:translateY(-50%); width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-color:rgba(255,255,255,.42); border-radius:50%; cursor:pointer; transition:all 0.2s linear;}
#prev{left:30px; background-image:url(../img/prev.png);}
#next{right:30px; background-image:url(../img/next.png);}
#prev:hover,#next:hover{background-color:rgba(255,255,255,.64); transition:all 0.2s linear;}

#mouse-down{left:50%; transform:translateX(-50%); bottom:70px; animation-name:MouseDown; animation-duration:1.4s; animation-timing-function:linear; animation-iteration-count:infinite; animation-direction:alternate;}
#mouse-down h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff;}
#mouse-down i{display:block; width:20px; height:44px; margin:20px auto 0 auto; background:url(../img/mouse.png) no-repeat center;}
@keyframes MouseDown{from{opacity:1; bottom:40px;}to{opacity:0.1; bottom:70px;}}

#wrap-about{display:flex; align-items:center; width:100vw; height:100vh; padding-top:94px; background:url(../img/about-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;}

#about{position:relative; width:570px; height:680px;}
#about:before{content:'About'; position:absolute; left:-160px; top:-36px; display:block; height:228px; line-height:228px; font-family:'Arial'; font-size:226px; font-weight:bold; text-transform:uppercase; color:#f8f9fb; overflow:hidden;}
#about .item{position:relative; z-index:99;}
#about .item h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; overflow:hidden;}
#about .item h2 em{color:#0b69de;}
#about .item h3{height:24px; line-height:24px; margin-top:24px; font-size:22px; color:#3d3d3d; overflow:hidden;}
#about .item .text{height:380px; line-height:32px; margin-top:48px; font-size:15px; color:#6c6c6c; overflow:hidden;text-indent:2em}
#about .number{margin-top:38px;}
#about .number dl{display:flex;}
#about .number dl dd{margin-left:60px; cursor:pointer;}
#about .number dl dd:first-child{margin-left:0;}
#about .number dl dd h3{display:flex; justify-content:center;}
#about .number dl dd h3 span{height:48px; line-height:48px; font-family:'Montserrat'; font-size:46px; font-weight:bold; overflow:hidden;}
#about .number dl dd h3 em{height:28px; line-height:28px; margin-left:4px; font-size:26px; color:#363945; overflow:hidden;}
#about .number dl dd h3 em.text{margin-left:8px; font-size:16px;}
#about .number dl dd h4{height:20px; line-height:20px; margin-top:6px; font-size:17px; text-align:center; color:#51576a; overflow:hidden;}
#about .number dl dd:hover h3 span{color:#0b69de;}
#about h5{width:176px; height:56px; line-height:56px; margin-top:30px; background:#0b69de; font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#about h5 a{display:block; color:#fff; transition:all 0.28s linear;}
#about h5 em{display:inline-block; padding-right:26px; background:url(../img/arrow-r.png) no-repeat right center;}
#about h5:hover a{padding-left:16px; transition:all 0.28s linear;}
#about .video{position:absolute; right:-137px; bottom:112px; width:134px; height:138px; padding:42px 20px; cursor:pointer;}
#about .video:before{content:''; position:absolute; left:0; top:0; display:block; width:134px; height:138px; background:url(../img/video.png) no-repeat center; transition:all 1.2s linear;}
#about .video i{position:relative; z-index:99; display:block; width:18px; height:26px; margin:0 auto; background:url(../img/video-btn.png) no-repeat center;}
#about .video h3{position:relative; z-index:99; height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#about .video:hover:before{transform:rotate(360deg); transition:all 1.2s linear;}

.weo-mask{z-index:1001;}

#video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:1080px; height:608px;}
#video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(../img/close.png) no-repeat center; cursor:pointer;}
#video-play video{display:block; width:1080px; height:608px;}
#video-play video:focus{outline:none;}

#wrap-product{display:flex; align-items:center; width:100vw; height:100vh; background:url(../img/product-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;}

#product{position:relative; display:flex; align-items:center; width:650px; height:100vh; padding-top:94px;}
#product:before{content:''; position:absolute; left:-100px; right:40px; top:0; bottom:0; display:block; background:rgba(87,87,87,.8);}
#product .item{position:relative; z-index:99; width:650px;}
#product .item h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden;}
#product .item h3{height:18px; line-height:18px; margin-top:24px; font-size:16px; color:#fff; overflow:hidden;}
#product .item dl{margin-top:60px;}
#product .item dl dd{height:112px; margin-top:10px; overflow:hidden;}
#product .item dl dd:first-child{margin-top:0;}
#product .item dl dd a{display:flex; align-items:center; height:112px; padding:0 30px 0 60px; overflow:hidden; transition:all 0.3s linear;}
#product .item dl dd em{display:block; width:54px; height:54px; background-repeat:no-repeat; background-position:center;}
#product .item dl dd em.p-icon1{background-image:url(../img/p-icon1.png);}
#product .item dl dd em.p-icon2{background-image:url(../img/p-icon2.png);}
#product .item dl dd em.p-icon3{background-image:url(../img/p-icon3.png);}
#product .item dl dd em.p-icon4{background-image:url(../img/p-icon4.png);}
#product .item dl dd em.p-icon5{background-image:url(../img/p-icon5.png);}
#product .item dl dd span{flex:1; margin-left:14px; height:24px; line-height:24px; font-size:22px; color:#fff; overflow:hidden; transition:all 0.2s linear;}
#product .item dl dd i{width:22px; height:22px; margin-left:40px; background-repeat:no-repeat; background-position:center;}
#product .item dl dd.current{background:#0b69de;}
#product .item dl dd.current i{background-image:url(../img/add.png);}
#product .item dl dd:hover span{ transition:all 0.2s linear;}
#product .item dl dd:hover a{padding-right:40px; transition:all 0.3s linear;}

.title{position:relative;}
.title h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; overflow:hidden;}
.title h2 em{color:#0b69de;}
.title h3{height:18px; line-height:18px; margin-top:24px; font-size:16px; color:#717171; overflow:hidden;}
.title a{position:absolute; right:0; bottom:0; display:block; width:176px; height:56px; line-height:56px; background:#0b69de; font-size:15px; text-align:center; color:#fff; overflow:hidden; transition:all 0.28s linear;}
.title a em{display:inline-block; padding-right:26px; background:url(../img/arrow-r.png) no-repeat right center;}
.title a:hover{padding-left:16px; transition:all 0.28s linear;}

#wrap-case{display:flex; align-items:center; width:100vw; height:100vh; padding-top:94px; background:url(../img/case-bg.jpg) no-repeat bottom center #fff; overflow:hidden;}

#case{height:520px; margin-top:70px; overflow:hidden;}
#case-item{height:520px; overflow:hidden;}
#case-item ul li{float:left; width:100%; height:520px;}
#case-item ul li a{display:flex; justify-content:space-between;}
#case-item ul li .text{width:360px; margin-top:70px;}
#case-item ul li .text h3{height:26px; line-height:26px; font-size:24px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-item ul li .text i{display:block; width:48px; height:3px; margin-top:29px; background:#0b69de;}
#case-item ul li .text p{height:160px; line-height:32px; margin-top:48px; font-size:15px; color:#4c4c4c; -webkit-line-clamp:5; text-indent: 2em}
#case-item ul li .img{width:842px; height:520px; overflow:hidden;}
#case-item ul li .img img{width:842px; max-width:none; height:520px; transition:all 0.4s linear;}
#case-item ul li:hover .text h3{color:#0b69de;}
#case-item ul li:hover .img img{transform:scale(1.08); transition:all 0.4s linear;}
#c-prev,#c-next{bottom:30px; width:60px; height:60px; background-repeat:no-repeat; background-position:center; border-radius:50%; cursor:pointer;}
#c-prev{left:0; background-image:url(../img/prev1.png); background-color:#d4d4d4;}
#c-next{left:84px; background-image:url(../img/next1.png); background-color:#0b69de;}

#wrap-news{display:flex; align-items:center; width:100vw; height:100vh; padding-top:94px; background:url(../img/news-bg.jpg) no-repeat bottom center #fff; overflow:hidden;}

#news{margin-top:70px;}
#news ul li{float:left; width:388px; height:548px; margin-left:58px; overflow:hidden;}
#news ul li:first-child{margin-left:0;}
#news ul li span{display:block; width:388px; height:268px; overflow:hidden;}
#news ul li img{width:388px; max-width:none; height:268px; transition:all 0.3s linear;}
#news ul li h4{width:100px; height:36px; line-height:34px; margin-top:40px; border:1px solid #d2d2d2; font-size:15px; text-align:center; color:#7e7777; overflow:hidden;}
#news ul li h3{height:26px; line-height:26px; margin-top:34px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news ul li p{height:56px; line-height:28px; margin-top:26px; font-size:15px; color:#716b6b; text-indent: 2em;}
#news ul li h5{height:20px; line-height:20px; margin-top:42px; font-family:'Arial'; font-size:17px; color:#7e7777; overflow:hidden;}
#news ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news ul li:hover h4{border-color:#0b69de; color:#0b69de;}
#news ul li:hover h3{color:#0b69de;}

#wrap-job{display:flex; align-items:center; width:100vw; height:100vh; padding-top:94px; background:url(../img/job-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;}

#job{display:flex; justify-content:space-between; align-items:center; padding:0 36px;}
#job .img{width:594px; height:594px; padding:20px; background:#fff; border-radius:50%; overflow:hidden;}
#job .img img{width:554px; height:554px; border-radius:50%;}
#job .item{width:512px;}
#job .item h2{height:44px; line-height:44px; font-size:42px; font-weight:bold; color:#0b69de; overflow:hidden;}
#job .item .text{line-height:34px; margin-top:44px; font-size:16px; color:#4e4a4a;}
#job .item dl{display:flex; margin-top:56px;}
#job .item dl dd{width:176px; height:144px; margin-left:24px; overflow:hidden;}
#job .item dl dd:first-child{margin-left:0;}
#job .item dl dd span{display:block; width:176px; height:112px; border-radius:8px; overflow:hidden;}
#job .item dl dd img{width:176px; max-width:none; height:112px; transition:all 0.26s linear;}
#job .item dl dd h3{height:18px; line-height:18px; margin-top:14px; font-size:16px; font-weight:bold; text-align:center; overflow:hidden;}
#job .item dl dd:hover img{transform:scale(1.08); transition:all 0.26s linear;}
#job .item dl dd:hover h3{color:#0b69de;}

/*内页样式*/

#lm-banner{display:flex; align-items:center; height:450px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
#lm-banner.about{background-image:url(../img/lm-about.jpg);}
#lm-banner.product{background-image:url(../img/lm-product.jpg);}
#lm-banner.news{background-image:url(../img/lm-news.jpg);}
#lm-banner.case{background-image:url(../img/lm-case.jpg);}
#lm-banner.service{background-image:url(../img/lm-service.jpg);}
#lm-banner.job{background-image:url(../img/lm-job.jpg);}
#lm-banner h2{height:60px; line-height:60px; font-size:50px; font-weight:bold; text-align:center; color:#0b69de;}
#lm-banner h3{height:34px; line-height:34px; margin-top:24px; font-family:'Bodoni'; font-size:32px; text-transform:uppercase; font-weight:bold; text-align:center; color:#fff; text-shadow:0 3px 3px rgba(0,0,0,.4);}
#lm-banner i{position:relative; display:block; width:412px; height:5px; margin:44px auto 0 auto;}
#lm-banner i:before{content:''; position:relative; z-index:99; display:block; width:76px; height:5px; margin:0 auto; background:#0b69de; box-shadow:0 1px 1px rgba(0,0,0,.2);}
#lm-banner i:after{content:''; position:absolute; left:0; right:0; top:2px; display:block; height:1px; background:#0b69de; box-shadow:0 1px 1px rgba(0,0,0,.2);}

.wrap-white{padding:80px; background:#fff;}
.wrap-white.min{padding-top:40px;}
.wrap-gray{padding:80px; background:#f2f3f7;}
.wrap-gray.min{padding-top:40px;}

#location{height:18px; line-height:18px; padding-left:24px; background:url(../img/home.png) no-repeat left center; font-size:15px; color:#7f8184; overflow:hidden;}
#location a{color:#7f8184;}
#location a:hover,#location em{color:#0b69de;}

.lm-title.mt{margin-top:50px;}
.lm-title h2{height:38px; line-height:38px; font-size:36px; text-align:center; overflow:hidden;}
.lm-title i{display:block; width:56px; height:5px; margin:23px auto 0 auto; background:#0b69de;}

.weo-page{margin-top:60px;}
.weo-page a{min-width:46px; height:46px; line-height:44px; margin-left:10px; padding:0 18px; background:none; border-color:#dcdcdc; border-radius:0; font-size:15px; color:#767676;}
.weo-page a:hover{border-color:#0b69de; color:#0b69de;}
.weo-page a.current{background:#0b69de; border-color:#0b69de; color:#fff;}
.weo-page a.count{border-color:#dcdcdc; color:#767676;}

/*关于我们*/

#lm-about{display:flex; justify-content:space-between; margin-top:60px;}
#lm-about .item{width:676px;}
#lm-about .item h3{height:20px; line-height:20px; font-family:'Century'; font-size:17px; text-transform:uppercase; font-weight:bold; color:#999da3; overflow:hidden;}
#lm-about .item h2{height:32px; line-height:32px; margin-top:8px; font-size:30px; font-weight:bold; overflow:hidden;}
#lm-about .item .text{line-height:35px; margin-top:40px; font-size:16px; color:#5b5b5b;}
#lm-about .item .text p{margin-top:18px;}
#lm-about .item .text p:first-child{margin-top:0;}
#lm-about .img{width:532px; height:616px; overflow:hidden;}
#lm-about .img img{width:532px; height:616px;}

#wrap-culture{padding:80px 0 200px 0; background:url(../img/culture-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-culture .lm-title h2{color:#000; font-weight:bold;}
#wrap-culture .lm-title i{background:#000;}

#culture{margin-top:100px; padding:0 100px;}
#culture dl dd{display:flex; align-items:center; height:20px; margin-top:40px; overflow:hidden;}
#culture dl dd:first-child{margin-top:0;}
#culture dl dd em{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#fff; overflow:hidden;width: 140px;}
#culture dl dd span{flex:1; height:18px; line-height:18px; margin-left:32px; font-size:16px; color:#fff; overflow:hidden;}

#environment{margin-top:50px;}
#environment ul{margin:-22px 0 0 -22px;}
#environment ul li{float:left; width:412px; height:296px; margin:22px 0 0 22px; cursor:pointer; overflow:hidden;}
#environment ul li img{width:412px; max-width:none; height:296px; transition:all 0.3s linear;}
#environment ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#honor{margin-top:48px;}
#honor-item{position:relative; width:1056px; height:630px; margin:0 auto; overflow:hidden;}
#honor-item ul li{position:absolute; left:1048px; top:168px; display:none; width:0; height:0; cursor:pointer;}
#honor-item ul li:nth-child(1){display:block; left:8px; top:128px; width:228px; height:334px; z-index:96;}
#honor-item ul li:nth-child(2){display:block; left:113px; top:88px; width:284px; height:414px; z-index:97;}
#honor-item ul li:nth-child(3){display:block; left:222px; top:48px; width:338px; height:494px; z-index:98;}
#honor-item ul li:nth-child(4){display:block; left:332px; top:8px; width:392px; height:622px; z-index:99;}
#honor-item ul li:nth-child(5){display:block; left:500px; top:48px; width:338px; height:494px; z-index:98;}
#honor-item ul li:nth-child(6){display:block; left:665px; top:88px; width:284px; height:414px; z-index:97;}
#honor-item ul li:nth-child(7){display:block; left:820px; top:128px; width:228px; height:334px; z-index:96;}
#honor-item ul li span{display:block; width:0; height:0; box-shadow:0 0 8px rgba(0,0,0,.08); overflow:hidden;}
#honor-item ul li:nth-child(1) span{width:228px; height:334px;}
#honor-item ul li:nth-child(2) span{width:284px; height:414px;}
#honor-item ul li:nth-child(3) span{width:338px; height:494px;}
#honor-item ul li:nth-child(4) span{width:392px; height:574px;}
#honor-item ul li:nth-child(5) span{width:338px; height:494px;}
#honor-item ul li:nth-child(6) span{width:284px; height:414px;}
#honor-item ul li:nth-child(7) span{width:228px; height:334px;}
#honor-item ul li img{width:0; max-width:none; height:0;}
#honor-item ul li:nth-child(1) img{width:228px; height:334px;}
#honor-item ul li:nth-child(2) img{width:284px; height:414px;}
#honor-item ul li:nth-child(3) img{width:338px; height:494px;}
#honor-item ul li:nth-child(4) img{width:392px; height:574px;}
#honor-item ul li:nth-child(5) img{width:338px; height:494px;}
#honor-item ul li:nth-child(6) img{width:284px; height:414px;}
#honor-item ul li:nth-child(7) img{width:228px; height:334px;}
#honor-item ul li h3{display:none; height:18px; line-height:18px; margin-top:30px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#honor-item ul li:nth-child(4) h3{display:block;}
#honor-item ul li:hover h3{color:#0b69de;}
#honor-prev,#honor-next{top:244px; width:66px; height:66px; background-repeat:no-repeat; background-position:center; background-color:#fff; border:1px solid #c0c0c0; border-radius:50%; cursor:pointer;}
#honor-prev{left:0; background-image:url(../img/prev3.png);}
#honor-next{right:0; background-image:url(../img/next3.png);}
#honor-prev:hover{background-image:url(../img/prev3-h.png); border-color:#0b69de;}
#honor-next:hover{background-image:url(../img/next3-h.png); border-color:#0b69de;}

/*产品中心*/

#product-list{margin-top:44px;}
#product-list ul{margin:-44px 0 0 -44px;}
#product-list ul li{float:left; width:420px; height:500px; margin:20px 0 0 20px; border:1px solid #dcdcdc; overflow:hidden;}
#product-list ul li span{display:block; width:420px; height:420px; background:#fff; overflow:hidden;}
#product-list ul li img{width:420px; max-width:none; height:420px; transition:all 0.3s linear;}
#product-list ul li section{padding:35px; background:#f3f4f8; overflow:hidden;}
#product-list ul li section h3{height:35px; line-height:28px; font-size:26px; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li section p{height:35px; line-height:30px; margin-top:36px; font-size:15px; text-align:center; color:#3c3c3c; -webkit-line-clamp:3;}
#product-list ul li section h4{width:114px; height:42px; line-height:42px; margin:40px auto 0 auto; background:#0b69de; font-size:14px; text-align:center; color:#fff; overflow:hidden;}
#product-list ul li:hover{border-color:#0b69de;}
#product-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#product-list ul li:hover section h3{color:#0b69de;}

/*新闻中心*/

#news-list{margin-top:44px;}
#news-list ul{margin:-34px 0 0 -34px;}
#news-list ul li{float:left; width:404px; height:570px; margin:34px 0 0 34px; overflow:hidden;}
#news-list ul li span{display:block; width:404px; height:280px; overflow:hidden;}
#news-list ul li img{width:404px; height:280px; overflow:hidden; transition:all 0.3s linear;}
#news-list ul li section{height:290px; padding:30px 30px 40px 30px; background:#fff; overflow:hidden;}
#news-list ul li section h4{width:104px; height:36px; line-height:34px; border:1px solid #dcdcdc; font-family:'Arial'; font-size:15px; text-align:center; color:#716b6b; overflow:hidden;}
#news-list ul li section h3{height:24px; line-height:24px; margin-top:22px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section p{height:56px; line-height:28px; margin-top:16px; font-size:15px; color:#716b6b;}
#news-list ul li section h5{width:114px; height:42px; line-height:42px; margin-top:24px; background:#0b69de; font-size:14px; text-align:center; color:#fff; overflow:hidden;}
#news-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news-list ul li:hover section h4{border-color:#0b69de; color:#0b69de;}
#news-list ul li:hover section h3{color:#0b69de;}

#news-detail{margin-top:50px;}

#news-detail .left{width:832px;}
#article-title{line-height:44px; font-size:30px;}
#article-info{height:18px; line-height:18px; margin-top:16px; font-size:16px; color:#686868;}
#article{line-height:200%; margin-top:30px; padding-top:44px; border-top:1px solid #dcdcdc; font-size:16px; color:#575757;}

#news-detail .right{width:392px; padding:40px 30px 48px 30px; background:#f6f6f6; overflow:hidden;}
#news-rmd h2{height:28px; line-height:28px; font-size:26px; overflow:hidden;}
#news-rmd .item{margin-top:30px;}
#news-rmd .item ul li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
#news-rmd .item ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#news-rmd .item ul li a{display:flex;}
#news-rmd .item ul li span{display:block; width:132px; height:90px; overflow:hidden;}
#news-rmd .item ul li img{width:132px; max-width:none; height:90px; transition:all 0.24s linear;}
#news-rmd .item ul li section{flex:1; height:90px; margin-left:20px; padding:8px 0 4px 0; overflow:hidden;}
#news-rmd .item ul li section h4{height:18px; line-height:18px; padding-left:28px; background:url(../img/date.png) no-repeat left top; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;}
#news-rmd .item ul li section h3{height:52px; line-height:26px; margin-top:8px; font-size:15px; color:#4c4c4c;}
#news-rmd .item ul li:hover img{transform:scale(1.08); transition:all 0.24s linear;}
#news-rmd .item ul li:hover section h4{background-image:url(../img/date-h.png); color:#0b69de;}
#news-rmd .item ul li:hover section h3{color:#0b69de;}

#prev-next{height:100px; background:#f6f6f6; overflow:hidden;}
#prev-next .weo-flex a{flex:1; position:relative; height:100px; line-height:100px; font-size:22px; text-align:center; overflow:hidden;}
#prev-next .weo-flex a:before{content:''; position:absolute; left:0; top:24px; bottom:24px; display:block; width:1px; background:#d1d1d1;}
#prev-next .weo-flex a:first-child:before{display:none;}
#prev-next .weo-flex em{display:inline-block; background-repeat:no-repeat;}
#prev-next .weo-flex em.prev{padding-left:40px; background-image:url(../img/prev2.png); background-position:left center;}
#prev-next .weo-flex em.next{padding-right:40px; background-image:url(../img/next2.png); background-position:right center;}
#prev-next .weo-flex a:hover{color:#0b69de;}
#prev-next .weo-flex a:hover em.prev{background-image:url(../img/prev2-h.png);}
#prev-next .weo-flex a:hover em.next{background-image:url(../img/next2-h.png);}

/*典型案例*/

#lm-case{height:740px; margin-top:50px; overflow:hidden;}
#lm-case .line{left:0; right:0; top:62px; height:14px; background:url(../img/line.png) repeat-x right center;}
#lm-case-left{left:0; top:14px; width:290px; height:538px; overflow:hidden;}
#lm-case-left ul li{float:left; width:290px; height:538px; overflow:hidden;}
#lm-case-left ul li h3{height:24px; line-height:24px; font-family:'Arial'; font-size:22px; text-align:center; overflow:hidden;}
#lm-case-left ul li span{display:block; width:290px; height:420px; margin-top:94px; overflow:hidden;}
#lm-case-left ul li img{width:290px; height:420px;}
#lm-case-left .dot{left:50%; top:42px; transform:translateX(-50%); width:26px; height:26px; background:#fff; border:1px solid #898989; border-radius:50%;}
#lm-case-item{width:668px; height:740px; margin:0 auto; overflow:hidden;}
#lm-case-item ul li{float:left; width:668px; height:740px; overflow:hidden;}
#lm-case-item ul li h3{height:30px; line-height:30px; font-family:'Arial'; font-size:28px; text-align:center; overflow:hidden;}
#lm-case-item ul li span{display:block; width:668px; height:420px; margin-top:102px; overflow:hidden;}
#lm-case-item ul li img{width:668px; max-width:none; height:420px; transition:all 0.3s linear;}
#lm-case-item ul li h2{height:26px; line-height:26px; margin-top:30px; font-size:24px; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-case-item ul li h4{height:18px; line-height:18px; margin-top:30px; font-size:15px; text-align:center; color:#6b6b6b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-case-item ul li h5{width:128px; height:44px; line-height:44px; margin:40px auto 0 auto; background:#0b69de; font-size:14px; text-align:center; color:#fff; overflow:hidden;}
#lm-case-item ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#lm-case-item ul li:hover h2{color:#0b69de;}
#lm-case-item .dot{left:50%; top:56px; transform:translateX(-50%); width:26px; height:26px; background:#fff; border:1px solid #0b69de; border-radius:50%;}
#lm-case-item .dot:after{content:''; position:absolute; left:3px; right:3px; top:3px; bottom:3px; display:block; background:#0b69de; border-radius:50%;}
#lm-case-right{right:0; top:14px; width:290px; height:538px; overflow:hidden;}
#lm-case-right ul li{float:left; width:290px; height:538px; overflow:hidden;}
#lm-case-right ul li h3{height:24px; line-height:24px; font-family:'Arial'; font-size:22px; text-align:center; overflow:hidden;}
#lm-case-right ul li span{display:block; width:290px; height:420px; margin-top:94px; overflow:hidden;}
#lm-case-right ul li img{width:290px; height:420px;}
#lm-case-right .dot{left:50%; top:42px; transform:translateX(-50%); width:26px; height:26px; background:#fff; border:1px solid #898989; border-radius:50%;}
#lm-case-prev,#lm-case-next{top:132px; width:290px; height:420px; background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,.5); cursor:pointer;}
#lm-case-prev{left:0; background-image:url(../img/prev4.png);}
#lm-case-next{right:0; background-image:url(../img/next4.png);}

#plan img{width:100%;}

/*售后服务*/

#service-before{position:relative; height:506px; margin-top:60px;}
#service-before .img{position:absolute; left:0; top:0; z-index:99; width:676px; height:466px; overflow:hidden;}
#service-before .img img{width:676px; height:466px;}
#service-before .item{position:absolute; right:0; bottom:0; width:866px; height:466px; padding:50px 50px 50px 312px; background:#f2f4f7; overflow:hidden;}
#service-before .item h2{height:30px; line-height:30px; font-size:28px; overflow:hidden;}
#service-before .item i{position:relative; display:block; width:48px; height:5px; margin-top:23px; background:#0b69de;}
#service-before .item i:after{content:''; position:absolute; right:-5px; top:0; display:block; width:0; height:0; border-left:5px solid #0b69de; border-bottom:5px solid transparent;}
#service-before .item .text{margin-top:32px;}
#service-before .item .text p{position:relative; line-height:28px; margin-top:10px; padding-left:16px; font-size:16px; color:#484848;}
#service-before .item .text p:first-child{margin-top:0;}
#service-before .item .text p:before{content:''; position:absolute; left:0; top:12px; display:block; width:5px; height:5px; background:#575757; border-radius:50%;}

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

#service-icon dl{display:flex; justify-content:space-between;}
#service-icon dl dd{width:352px; cursor:pointer;}
#service-icon dl dd em{display:block; width:100px; height:100px; margin:0 auto; background-repeat:no-repeat; background-position:center; border:1px solid rgba(255,255,255,.58); border-radius:50%;}
#service-icon dl dd em.s-icon1{background-image:url(../img/s-icon1.png);}
#service-icon dl dd em.s-icon2{background-image:url(../img/s-icon2.png);}
#service-icon dl dd em.s-icon3{background-image:url(../img/s-icon3.png);}
#service-icon dl dd h3{height:28px; line-height:28px; margin-top:30px; font-size:26px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
#service-icon dl dd p{height:60px; line-height:30px; margin-top:30px; font-size:16px; text-align:center; color:#fff;}

#service-after{position:relative; height:492px;}
#service-after .item{position:absolute; left:0; bottom:0; width:866px; height:432px; padding:50px 312px 50px 50px; background:#f2f4f7; overflow:hidden;}
#service-after .item h2{height:30px; line-height:30px; font-size:28px; overflow:hidden;}
#service-after .item i{position:relative; display:block; width:48px; height:5px; margin-top:23px; background:#0b69de;}
#service-after .item i:after{content:''; position:absolute; right:-5px; top:0; display:block; width:0; height:0; border-left:5px solid #0b69de; border-bottom:5px solid transparent;}
#service-after .item .text{margin-top:32px;}
#service-after .item .text p{position:relative; line-height:28px; margin-top:10px; padding-left:16px; font-size:15px; color:#484848;}
#service-after .item .text p:first-child{margin-top:0;}
#service-after .item .text p:before{content:''; position:absolute; left:0; top:12px; display:block; width:5px; height:5px; background:#575757; border-radius:50%;}
#service-after .img{position:absolute; right:0; top:0; width:676px; height:442px; overflow:hidden;}
#service-after .img img{width:676px; height:442px;}

#service{display:flex; justify-content:space-between; align-items:center; margin-top:60px;}
#service .item{width:528px;}
#service .item img{width:352px; height:66px;}
#service .item dl{margin-top:50px;}
#service .item dl dd{display:flex; margin-top:40px;}
#service .item dl dd:first-child{margin-top:0;}
#service .item dl dd em{width:60px; height:60px; background-repeat:no-repeat; background-position:center; border:1px solid #acacac; border-radius:50%;}
#service .item dl dd em.tel{background-image:url(../img/tel.png);}
#service .item dl dd em.mail{background-image:url(../img/mail.png);}
#service .item dl dd em.address{background-image:url(../img/address.png);}
#service .item dl dd section{flex:1; margin-left:20px; padding-top:4px;}
#service .item dl dd section h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
#service .item dl dd section h4{height:20px; line-height:20px; margin-top:12px; font-family:'Arial'; font-size:18px; overflow:hidden;}
#service .item dl dd section p{line-height:32px; font-size:16px; color:#464646;}
#service .item dl dd section h3 + p{margin-top:8px;}
#service .img{width:648px; height:444px; overflow:hidden;}
#service .img img{width:648px; height:444px;}

/*人力资源*/

#job-text{display:flex; justify-content:space-between; align-items:center; margin-top:60px;}
#job-text .item{width:586px;}
#job-text .item h2{height:38px; line-height:38px; font-size:35px; overflow:hidden;}
#job-text .item i{position:relative; display:block; width:48px; height:7px; margin-top:29px; background:#0b69de;}
#job-text .item i:after{content:''; position:absolute; right:-7px; top:0; display:block; width:0; height:0; border-left:7px solid #0b69de; border-bottom:7px solid transparent;}
#job-text .item h3{height:26px; line-height:26px; margin-top:48px; font-size:23px; overflow:hidden;}
#job-text .item .text{line-height:32px; margin-top:20px; font-size:15px; color:#606061; text-indent: 2em;}
#job-text .map{width:626px; height:416px; background:#fff; border:8px solid #fff; border-radius:6px; overflow:hidden;}
#job-text .map img{max-width:none;}
.anchorBL{display:none;}

#job-list{margin-top:60px;}
#job-list ul{display:flex; flex-wrap:wrap; margin:-28px 0 0 -28px;}
#job-list ul li{width:626px; margin:28px 0 0 28px; padding:48px 36px 46px 36px; background:#fff; border-radius:6px; overflow:hidden;}
#job-list ul li h2{position:relative; height:26px; line-height:26px; padding-left:18px; font-size:24px; color:#0b69de; overflow:hidden;}
#job-list ul li h2:before{content:''; position:absolute; left:0; top:9px; display:block; width:8px; height:8px; background:#0b69de; border-radius:50%;}
#job-list ul li i{display:block; width:100%; height:0; margin-top:30px; border-bottom:1px dashed #ccc;}
#job-list ul li .item{margin-top:32px;}
#job-list ul li .item h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}
#job-list ul li .item .text{line-height:30px; margin-top:16px; font-size:15px; color:#696b6d;}
#job-list ul li .item .text p{position:relative; padding-left:12px;}
#job-list ul li .item .text p:before{content:''; position:absolute; left:0; top:13px; display:block; width:4px; height:4px; background:#696b6d; border-radius:50%;}
#job-list ul li .item .mail{line-height:30px; margin-top:28px; padding-top:24px; border-top:1px solid #dcdcdc; font-size:15px; color:#4f4f4f;}
#job-list ul li .item .mail b{color:#0b69de;}

/*底部样式*/

#footer{padding:80px 0 0 0; background:url(../img/footer-bg.jpg) no-repeat bottom center #fff;}
#footer.border{padding-top:70px; border-top:1px solid #dcdcdc;}
#footer .weo-flex.mt{margin-top:56px;}
#f-logo img{width:539px; height:68px;}
#f-link select{width:280px; height:44px; line-height:42px; padding:0 40px 0 14px; background:url(../img/arrow-b.png) no-repeat right 14px center; background-size:12px 8px; border-color:#ececec; border-radius:0; font-size:15px; color:#b5b5b5;}
#f-link select option{color:#6f6f6f;}
#f-contact .item{margin-top:30px;}
#f-contact .item:first-child{margin-top:0;}
#f-contact .item h3{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#f-contact .item h2{height:32px; line-height:32px; margin-top:6px; font-size:29px; font-weight:bold; color:#0b69de; overflow:hidden;}
#f-contact .item h4{height:auto; line-height:22px; margin-top:6px; font-size:15px; color:#3c3c3c; }
#f-qrcode img{display:block; width:124px; height:124px; margin:0 auto;}
#f-qrcode h3{line-height:22px; margin-top:8px; font-size:15px; text-align:center; color:#535353;}
#f-menu{display:flex;}
#f-menu dl{margin-left:80px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{position:relative; height:18px; line-height:18px; padding-left:20px; font-size:16px; font-weight:bold; color:#464646; overflow:hidden;}
#f-menu dl dt:before{content:''; position:absolute; left:0; top:9px; display:block; width:12px; height:1px; background:#0b69de;}
#f-menu dl dd{max-width:150px; height:18px; line-height:18px; margin-top:16px; padding-left:20px; font-size:15px; overflow:hidden;}
#f-menu dl dt + dd{margin-top:30px;}
#f-menu dl dd a{display:block; white-space:nowrap; text-overflow:ellipsis; color:#6f6f6f; overflow:hidden;}
#f-menu dl dd a:hover{color:#0b69de;}

#copyright{height:88px; line-height:88px; background:#626262; font-size:15px; color:#ececec; overflow:hidden; margin-top:100px;}
#copyright a{color:#ececec; }
#copyright a:hover{color:#fff;}
#page{ display:none;}
.sj-honor-list,.sj-case-list{ display:none;}
.sj-video{ display:none;}



@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
nav:not(.mm-menu)
{
	display: none;
}
.wrap-white{padding:0;width:100%; background:#fff;}
.wrap-gray{ padding:0;background:#f7f7f6;}
.wrapper{padding:1.5rem 1rem;width:100%;}
.clear{clear: both;}
#header{ display:none;}
#page{ display:block;}


.header{
	background: #fff;
	font-weight: bold;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height:70px;
	padding: 0 18px;
	border-bottom: 1px solid #eee;
	position: fixed;
	z-index: 2000;

	
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.header .menu
{
	background: center center no-repeat transparent;
	background-image:url(../images/btn.png)   ;
    background-size: 100% auto;
	display: block;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 18px;
}

.logo { margin: auto;  height: 50px;  padding-top: 12px;}
.logo img { height: 40px; width: auto;}
#page-btn{ right:0.5rem; display:none;}
#langage{ top:10px; right:60px;}
#langage em{color: #464646; }
#langage a:first-child{ color:#fff;}
#langage a{color: #464646;}
#banner{ width:100%; height:22.5rem; padding-top:70px;}
#banner-item, #banner-item ul li{ width:100%; height:18rem;}
#banner-item ul li img{width:100%; height:100%;}
#mouse-down{ bottom:0rem;}
#mouse-down{ font-size:0.875rem;}
#prev, #next{ width:40px; height:40px; top:60%;}
@keyframes MouseDown{from{opacity:1; bottom:10px;}to{opacity:0.1; bottom:40px;}}
#fullpage .page{ width:100%; height:auto;}
#wrap-about{ display:block; width:100%; height:46rem; padding-top:1rem; background: none; }
#about{ width:100%; height:auto;}
#about .item h2{ font-size:1.5rem;}
#about .item h3{font-size:0.875rem;margin-top:0.5rem; height:auto; line-height:1.5rem;}
#about .item .text{ margin-top:1.5rem;}
#about .number{ margin-top:1.5rem;}
#about .number dl dd{ width:33.3%; margin:0;}
#about .number dl dd h3 span{ font-size:1.5rem;}
#about .number dl dd h3 em{ font-size:1rem;}
#about .number dl dd h4{ font-size:0.875rem;}
#about:before{ font-size:3rem; left:0; top:-5.25rem;}
#about h5{ margin-top:2rem; width:9rem; height:2.5rem; line-height:2.5rem;}
#about .video{ top:29rem; right:30%;  display:none;}
.sj-video{ display:block; width: 100%; height: 14rem; margin-top: 1.25rem;}




#wrap-product{ width:100%; height:auto;}
#product{ width:100%; height:auto; padding-top:2rem;}
#product .item{ width: 100%;}
#product .item h2{ font-size:1.5rem}
#product .item h3{font-size:0.875rem;margin-top:0.5rem; height:auto; line-height:1.5rem;}
#product .item dl{ margin-top:2rem;}
#product .item dl dd{ height:6rem;}
#product .item dl dd a{ height:6rem; padding: 0 1.25rem 0 0.5rem;}
#product .item dl dd em{ background-size:2rem;}
#product .item dl dd span{ font-size:1.125rem;text-overflow: ellipsis;white-space: nowrap;}
.title{ padding-bottom:3.5rem;}
.title h2{ font-size:1.5rem}
.title h3{font-size:0.875rem;margin-top:0.5rem; height:auto; line-height:1.5rem; width:100%;}
.title a{ height:2.5rem; line-height:2.5rem; font-size:0.875rem; left:0;}
#wrap-case{ width:100%; height:100%; padding-top:1rem; display:block;} 
#wrap-case .wrapper{ padding:1.5rem 1rem 0 1rem;}
#case{ margin-top:2rem;}
#case-item ul li{ position:relative}
#case-item ul li a{ display:block;}
#case-item ul li .img{ position:absolute; top:0; left:0; width:100%; height:14rem;}
#case-item ul li .img img{ width:100%; height:100%;}
#case-item ul li .text{ position:relative; z-index:999; background:#fff; width:90%; margin:12rem auto 0 auto; padding:1.5rem; border-radius:1.25rem;}
#case-item ul li .text h3{ font-size:1.125rem;}
#case-item ul li .text i{ margin-top:1rem;}
#case-item ul li .text p{font-size:0.875rem; line-height:1.5rem; margin-top:1rem; height:7.75rem; overflow:hidden;}
#c-prev, #c-next{ width:2.8125rem; height:2.8125rem; background-size:1.125rem;}
#c-prev{ left:30%;}
#c-next{  left:60%}
#wrap-news{ display:block; width:100%; height:100%; padding-top:0.5rem;}
#news{ margin-top:2rem;}
#news ul li{ float:none; width:100%; height:auto; margin:0 0 1.5rem 0;}
#news ul li span{ width:100%; height:15rem;}
#news ul li span img{ width:100%; height:100%;}
#news ul li h4{ margin-top:0.875rem; font-size:0.875rem;}
#news ul li h3{ font-size:1.125rem; margin-top:0.5rem;}
#news ul li p{ margin-top:0.5rem;font-size:0.875rem;}
#news ul li h5{ margin-top:0.5rem;font-size:0.875rem;}
#wrap-job{ width:100%; height:100%; padding-top:0rem;}
#job{ display:block; padding:0.5rem 0;}
#job .img{ display:none;}
#job .item{ width:100%;}
#job .item h2{ font-size:2rem;}
#job .item .text{ margin-top:1.25rem; font-size:0.875rem;}
#job .item dl{ margin-top:1.25rem;}
#job .item dl dd{ width:45%;}
#job .item dl dd span{ width:100%; height:6rem;}
#job .item dl dd span img{ width:100%; height:100%;}
#f-contact .item{ margin-top:1rem;}
#about .video:before{ background-size:6rem;}
#about .video i{ background-size:0.875rem; margin:5px auto 0 auto; }
#about .video h3{ margin-top:3px; font-size:0.8125rem;}
#video-play{ width:90%; height:auto;}
#video-play video{width:98%; height:12rem; margin:0 auto}
#video-play i{ right:40%; top:13rem;}



.ny-banner{ padding-top:70px;}
#lm-banner{ height:10rem;}
#lm-banner h2{ height:2.5rem; line-height:2.5rem; font-size:1.5rem;}
#lm-banner h3{font-size:1rem; margin-top:0rem; height:1.5rem; line-height:1.5rem;}
#lm-banner i{ width:40%;margin: 1rem auto 0 auto;}
#lm-banner i:before{ width:4rem;}
.wrap-white.min{ padding-top:0;}
.weo-flex-row-start{ justify-content: flex-start;}
#lm-about{ margin-top:2rem; display:block; position:relative;}
#lm-about .item{ width:100%; padding-top:17rem;}
#lm-about .item h3{ font-size:0.875rem;}
#lm-about .item h2{ font-size:1.25rem;margin-top:0rem;}
#lm-about .item .text{margin-top:1rem;}
#lm-about .img{ width:100%; height:15rem; position:absolute; top:0; left:0; }
#lm-about .img img{ width:100%; height:100%;}
#wrap-culture{ padding:1.5rem 0;}
.lm-title h2{font-size:1.5rem;}
#culture{ margin-top:2rem; padding:0;}
#culture dl dd{ height:auto;}
#culture dl dd span{ height:auto; line-height:1.25rem; font-size:0.875rem;margin-left:0.6rem;}
#culture dl dd em{font-size:1rem; width:120px;}
#environment ul{ margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
#environment ul li{ margin:0 0 1rem 0; width:31%; height:6rem;}
#environment ul li img{ width:100%; height:100%;}
#environment ul.weo-clear:after{ display:none;}
#footer.border{ padding-top:1rem;}
#f-logo{ display:none;}
#f-link select{ width:100%}
.noweo-flex{ display:block;}
#f-menu{ display:none;}
#footer .weo-flex.mt{ margin-top:1.5rem;}
#f-qrcode img{ margin:1rem auto 0 auto;}
#f-qrcode h3{ width:124px; font-size:0.875rem; margin: 0 auto; text-align: center;}
.f-item-flex{ display:flex; justify-content:flex-start; font-size:0.875rem; }
#f-contact .item h4{ margin-top:-1px; margin-left:0.5rem;}
#copyright{ margin-top:0rem;}
#copyright{ line-height:1.5rem;}
.sj-honor-list{ display:block; margin-top: 1.5rem;}
#honor{ display:none;}
.sj-honor-list ul{ display:flex; justify-content:flex-start; flex-wrap:wrap;}
.sj-honor-list ul li{ width:31%; height:auto; border:1px #e5e5e5 solid; margin-bottom:1rem; margin-right: 0.65rem;}
.sj-honor-list ul li:nth-child(3n){ margin-right: 0;}
.sj-honor-list ul li span{width:100%; height:9.5rem; display:block;}
.sj-honor-list ul li span img{ width:100%; height:auto; max-height: 100%;}
.sj-honor-list ul li h3{ font-size:0.875rem; height:2.5rem; line-height:2.5rem; background:#f5f5f5; text-align:center;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding: 0 0.5rem;}
#product-list ul{ margin:0;}
#product-list ul li{ float:none; margin:0 0 1rem 0; width:100%; height:auto;}
#product-list ul li span{ width:100%; height:20rem;}
#product-list ul li img{ width:100%; height:100%;}
#product-list ul li section{ padding:1.5rem 1rem;}
#product-list ul li section h3{ font-size:1.125rem;}
#product-list ul li section p{ margin-top:0.5rem; font-size:0.875rem;}
#product-list ul li section h4{ margin:1rem auto 0 auto;}
#article-title{ font-size:1.25rem; line-height:2rem;}
#article{ margin-top:1.25rem; padding-top:1.25rem; font-size:0.875rem;}
#prev-next{ height:80px;}
#prev-next .weo-flex a{ height:4rem; line-height:4rem; font-size:1rem;}
#prev-next .wrapper{ padding:0.5rem 1rem;}
.wrap-gray.min{ padding:0;}
.lm-title.mt{ margin-top:2rem;}
#news-list ul{ margin:0;}
#news-list ul li{ width:100%; height:auto; margin:0 0 1rem 0;}
#news-list ul li span{ width:100%; height:15rem;}
#news-list ul li span img{ width:100%; height:100%;}
#news-list ul li section{ padding:1.25rem; height:auto;}
#news-list ul li section h4{ font-size:0.875rem; height:2rem; line-height:2rem;}
#news-list ul li section h3{ font-size:1.125rem;}
#news-list ul li section p{ font-size:0.875rem; margin-top:0.5rem;}
#news-list ul li section h5{ height:2rem; line-height:2rem; font-size:0.875rem ;margin-top:1rem;}
#news-detail .left{ float:none; width:100%;}
#article-info{ font-size:0.875rem; margin-top:0.5rem;}
#news-detail .right{ float:none;width:109%; padding:1.5rem 0; margin:0 0 0 -1rem;}
#news-detail .right #news-rmd{ padding:0 1rem;}
#news-rmd .item ul li section h4{ font-size:0.875rem;}
.sj-case-list{ display:block;}
#lm-case{ display:none;}
#plan img{ width:100%; height:auto;}
.sj-case-list{ margin-top:2rem;}
.sj-case-list ul li{ margin-bottom:1.5rem; width:100%; background:#fff; position:relative; padding-bottom:1.25rem;}
.sj-case-list ul li h3{ position:absolute; top:0.5rem; left:0.5rem; width:6rem; height:2rem; line-height:2rem; background:#fff; color:#999; font-size:0.875rem; text-align:center;}
.sj-case-list ul li span{ width:100%; height:14rem; display:block;}
.sj-case-list ul li span img{ width:100%; height:100%;}
.sj-case-list ul li h2{ height:3rem; line-height:3rem;  font-size:1.125rem; padding:0 1.25rem;}
.sj-case-list ul li h4{ line-height:1.5rem; font-size:0.875rem; -webkit-line-clamp: 2; height:3rem; overflow:hidden;text-overflow: ellipsis; color:#666;display: -webkit-box; -webkit-box-orient: vertical;padding:0 1.25rem;}
.sj-case-list ul li h5{width: 7rem;height: 2rem;line-height: 2rem;margin: 1rem auto 0 auto;background: #0b69de;font-size: 0.875rem;text-align: center;color: #fff;overflow: hidden;}

#service-before{ position: initial; height:auto; margin-top:2rem;}
#service-before .img{position: initial; width:100%; height:15rem;}
#service-before .img img{ width:100%; height:100%;}
#service-before .item{position: initial; height:auto; width:100%; padding:1.5rem;}
#service-before .item h2{font-size:1.25rem;}
#service-before .item i{ margin-top:1rem; height:4px;}
#service-before .item .text p{ font-size:0.875rem;}
#service-icon dl { display: block;}
#service-icon dl dd{ width:100%; display: flex;justify-content: space-between; margin-bottom: 1.25rem; min-height: 5rem;}
#service-icon dl dd .sj-block{ width: 75%;}
#service-icon dl dd p{ font-size:0.875rem; padding:0; height:auto; line-height:1.5rem;-webkit-line-clamp:initial; margin-top:0.5rem;text-align: left;}
#service-icon dl dd h3{font-size:1.25rem; margin-top:0rem; text-align: left;}
#service-icon dl dd em{ background-size:2rem; width:4rem; height:4rem;}
#wrap-service{ padding:3rem 0;}
#service-after{ height:auto;}
#service-after .item{position: initial; height:auto; width:100%; padding:15rem 1.5rem 1.5rem 1.5rem; }
#service-after .img{ width:100%; height:14rem;}
#service-after .img img{ width:100%; height:100%;}
#service-after .item h2{font-size:1.25rem;}
#service-after .item i{margin-top:1rem; height:4px;}
#service{ display:block;}
#service .item{ width:100%;}
#service .item img{ width:auto; height:50px;}
#service .item dl dd section h3{ font-size:1rem;}
#service .item dl dd section h4{ font-size:0.875rem;}
#service .item dl dd section p{ font-size:0.875rem; line-height:1.25rem;}
#service .img{ width:100%; height:15rem; margin-top:2rem;}
#service .img img{ width:100%;height:100%;}
#job-text{ display:block;}
#job-text .item{ width:100%;}
#job-text .item h2{ font-size:1.25rem;}
#job-text .item i{ height:4px; margin-top:1rem;}
#job-text .item h3{ font-size:1rem; margin-top:1rem;}
#job-text .item .text{ font-size:0.875rem;}
#job-text .map{ width:100%; height:15rem; margin-top:1.25rem;}
#job-list{ margin-top:2rem;}
#job-list ul{ margin:0;}
#job-list ul li{ width:100%; margin:0 0 1.5rem 0; padding:1.25rem;}
#job-list ul li h2{ font-size:1.125rem;}
#job-list ul li .item h3{ font-size:1rem;}
#job-list ul li .item .text{ font-size:0.875rem; line-height:1.65rem;}
#job-list ul li i{ margin-top:1rem;}
#job-list ul li .item{ margin-top:1rem;}
#product:before{ display: none;}
#copyright a{color:#ececec;  display: block;}















}