/*全局样式*/

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

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

.wrapper{width:1200px;}
.wrap-white{padding:70px 0; background:#fff;}
.wrap-gray{padding:70px 0; background:#f0f5f8;}

/*头部样式*/

#header{height:90px; background:#fff;}
#logo{left:0; top:10px;}
#logo img{width:124px; height:70px;}
#nav{right:224px; top:0;}
#nav ul li{position:relative; float:left; height:90px; line-height:90px; margin-left:38px; font-size:16px; text-align:center;}
#nav ul li a{display:block; font-weight: bold;}
#nav ul li:hover > a{color:#0084ff;}
#nav ul li.current:after{content:''; position:absolute; left:0; right:0; bottom:20px; height:3px; background:#0084ff;}
#nav ul li.current > a{color:#0084ff;}
#nav ul li ul{position:absolute; left:50%; top:90px; transform:translateX(-50%); z-index:99; display:none; width:142px; padding:14px 0; background:#0084ff; overflow:hidden;}
#nav ul li:hover ul{display:block; top:110px; animation:NavSlideUp 0.4s; animation-fill-mode:forwards;}
@keyframes NavSlideUp{100%{top:90px;}}
#nav ul li ul li{float:none; height:42px; line-height:42px; margin-left:0; font-size:15px; overflow:hidden; transition:all 0.3s linear;}
#nav ul li ul li a{padding:0 16px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#nav ul li ul li:hover{letter-spacing:1px; transition:all 0.3s linear;}
#nav ul li ul li:hover a{color:#fdfc01;}
#search{right:0; top:25px; width:192px; height:40px; padding:0 16px; border:1px solid #0084ff; border-radius:20px; overflow:hidden;}
#search .weo-flex{height:38px;}
#search input{flex:1; width:auto; height:16px; line-height:16px; padding:0; background:none; border:none; font-size:14px; 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:18px; height:18px; margin-left:14px; padding:0; background:url(img/search.png) no-repeat left center; border:none;}

/*首页样式*/

#banner{width:100%; height:760px; overflow:hidden;}
#banner-item{height:760px;}
#banner-item .swiper-slide{width:100%; height:760px; overflow:hidden;}
#banner-item .swiper-slide img{width:100%; height:760px;}
#banner-btn{left:50%; bottom:40px; transform:translateX(-50%); display:flex; justify-content:center; height:5px; z-index:2; overflow:hidden;}
#banner-btn .swiper-pagination-bullet{width:30px; height:5px; margin-left:10px; background:#fff; border-radius:0; cursor:pointer; opacity:1;}
#banner-btn .swiper-pagination-bullet-active{width:60px; background:#fdfc01;}
#prev,#next{top:50%; transform:translateY(-50%); z-index:2; width:60px; height:60px; margin:0; background-repeat:no-repeat; background-position:center; background-size:60px 60px; cursor:pointer; opacity:.5;}
#prev{left:80px; background-image:url(img/prev.png);}
#next{right:80px; background-image:url(img/next.png);}
#prev:hover,#next:hover{opacity:.8;}

.title h2{height:42px; line-height:42px; font-size:40px; font-weight:bold; overflow:hidden;}
.title h3{height:20px; line-height:20px; margin-top:14px; font-family:'Arial'; font-size:18px; text-transform:uppercase; color:#999; overflow:hidden;}
.title h4{height:20px; line-height:20px; margin-top:28px; font-size:18px; color:#666; overflow:hidden;}

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

#about{display:flex; justify-content:space-between; align-items:center;}
#about .left{width:510px;}
#about .left .item{margin-top:28px;}
#about .left .item h2{height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#about .left .item .text{height:90px; line-height:30px; margin-top:24px; font-size:15px; color:#666; overflow:hidden;}
#about .left .item h4{width:158px; height:48px; line-height:46px; margin-top:36px; border:1px solid #bfbfbf; border-radius:24px; font-size:15px; text-align:center; overflow:hidden;}
#about .left .item h4 a{display:block; color:#666;}
#about .left .item h4:hover{border-color:#0084ff;}
#about .left .item h4:hover a{color:#0084ff;}
#about .left .icon{margin-top:48px;}
#about .left .icon dl{display:flex; justify-content:flex-start;}
#about .left .icon dl dd{ margin-right:50px;}
#about .left .icon dl dd i{display:block; width:100px; height:100px; margin:0 auto; border:1px solid #bfbfbf; background-repeat:no-repeat; background-position:center; border-radius:50%;}
#about .left .icon dl dd i.a-icon1{background-image:url(img/a-icon1.png);}
#about .left .icon dl dd i.a-icon2{background-image:url(img/a-icon2.png);}
#about .left .icon dl dd i.a-icon3{background-image:url(img/a-icon3.png);}
#about .left .icon dl dd h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; text-align:center; color:#666; overflow:hidden;}
#about .left .icon dl dd:hover i{background-color:#0084ff; border-color:#0084ff;}
#about .left .icon dl dd:hover i.a-icon1{background-image:url(img/a-icon1-h.png);}
#about .left .icon dl dd:hover i.a-icon2{background-image:url(img/a-icon2-h.png);}
#about .left .icon dl dd:hover i.a-icon3{background-image:url(img/a-icon3-h.png);}
#about .left .icon dl dd:hover h3{color:#0084ff;}
#about .right{width:600px; height:490px; border-radius:14px; overflow:hidden;}
#about .right img{width:600px; height:490px;}

#service-tab{margin-top:50px;}
#service-tab dl{display:flex; justify-content:center;}
#service-tab dl dd{width:160px; height:122px; margin-left:24px; padding:16px; background:linear-gradient(90deg,#eff0f6,#e3e5ed); border-radius:8px; cursor:pointer; overflow:hidden;}
#service-tab dl dd:first-child{margin-left:0;}
#service-tab dl dd i{display:block; width:60px; height:60px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:50%;}
#service-tab dl dd i.s-icon1{background-image:url(img/s-icon1.png);}
#service-tab dl dd i.s-icon2{background-image:url(img/s-icon2.png);}
#service-tab dl dd i.s-icon3{background-image:url(img/s-icon3.png);}
#service-tab dl dd i.s-icon4{background-image:url(img/s-icon4.png);}
#service-tab dl dd i.s-icon5{background-image:url(img/s-icon5.png);}
#service-tab dl dd i.s-icon6{background-image:url(img/s-icon6.png);}
#service-tab dl dd h3{height:18px; line-height:18px; margin-top:12px; font-size:16px; text-align:center; overflow:hidden;}
#service-tab dl dd.current{background:linear-gradient(90deg,#4ca8fd,#0084ff);}
#service-tab dl dd.current i.s-icon1{background-image:url(img/s-icon1-h.png);}
#service-tab dl dd.current i.s-icon2{background-image:url(img/s-icon2-h.png);}
#service-tab dl dd.current i.s-icon3{background-image:url(img/s-icon3-h.png);}
#service-tab dl dd.current i.s-icon4{background-image:url(img/s-icon4-h.png);}
#service-tab dl dd.current i.s-icon5{background-image:url(img/s-icon5-h.png);}
#service-tab dl dd.current i.s-icon6{background-image:url(img/s-icon6-h.png);}
#service-tab dl dd.current h3{color:#fff;}

#service{margin-top:50px;}
#service ul li{display:none; height:400px; overflow:hidden;}
#service ul li a{display:flex;}
#service ul li .img{width:600px; height:400px; overflow:hidden;}
#service ul li .img img{width:600px; max-width:none; height:400px; transition:all 0.3s linear;}
#service ul li .item{flex:1; height:400px; padding:50px 50px 52px 50px; background:#fff; overflow:hidden;}
#service ul li .item h3{height:26px; line-height:26px; font-size:24px; font-weight:bold; overflow:hidden;}
#service ul li .item .text{height:160px; line-height:32px; margin-top:26px; font-size:15px; color:#666; overflow:hidden;}
#service ul li .item h4{width:158px; height:48px; line-height:46px; margin-top:38px; border:1px solid #0084ff; border-radius:24px; font-size:15px; text-align:center; color:#0084ff; overflow:hidden;}
#service ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}
#service ul li:hover .item h3{color:#0084ff;}
#service ul li:hover .item h4{background:#0084ff; color:#fff;}

#solution{height:620px; margin-top:50px;}
#solution-item{height:620px; margin:0 -360px; overflow:hidden;}
#solution-item ul li{display:none; height:620px; overflow:hidden;}
#solution-item ul li .img{width:960px; height:620px; overflow:hidden;}
#solution-item ul li .img img{width:960px; height:620px;}
#solution-item ul li .item{width:960px; height:620px; padding:46px 360px 50px 110px; background:url(img/solution-bg.png) no-repeat bottom center; overflow:hidden;}
#solution-item ul li .item h2{height:38px; line-height:38px; font-size:36px; overflow:hidden;}
#solution-item ul li .item p{line-height:30px; margin-top:18px; font-size:15px; color:#666;}
#solution-item ul li .item i{display:block; height:0; margin-top:20px; border-bottom:1px dashed #ccc;}
#solution-item ul li .item dl{height:228px; margin-top:20px; overflow:hidden;}
#solution-item ul li .item dl dd{height:98px; margin-top:32px; overflow:hidden;}
#solution-item ul li .item dl dd:first-child{margin-top:0;}
#solution-item ul li .item dl dd h3{position:relative; height:20px; line-height:20px; padding-left:22px; font-size:18px; overflow:hidden;}
#solution-item ul li .item dl dd h3:before{content:''; position:absolute; left:0; top:4px; display:block; width:12px; height:12px; border:2px solid #0084ff; border-radius:50%; box-sizing:border-box;}
#solution-item ul li .item h4{width:158px; height:48px; line-height:46px; margin-top:56px; border:1px solid #0084ff; border-radius:24px; font-size:15px; text-align:center; overflow:hidden;}
#solution-item ul li .item h4 a{display:block; color:#0084ff;}
#solution-item ul li .item h4:hover{background:#0084ff;}
#solution-item ul li .item h4:hover a{color:#fff;}

#solution-tab{left:372px; bottom:50px; width:278px; height:380px; padding:30px 0; background:url(img/solution-bg1.jpg) no-repeat center; background-size:cover; overflow:hidden;}
#solution-tab h3{height:64px; line-height:64px; padding:0 40px 0 106px; background-repeat:no-repeat; background-position:left 40px center; font-size:20px; color:#a0d1fa; cursor:pointer; overflow:hidden; transition:all 0.3s linear;}
#solution-tab h3.sl-icon1{background-image:url(img/sl-icon1.png);}
#solution-tab h3.sl-icon2{background-image:url(img/sl-icon2.png);}
#solution-tab h3.sl-icon3{background-image:url(img/sl-icon3.png);}
#solution-tab h3.sl-icon4{background-image:url(img/sl-icon4.png);}
#solution-tab h3.sl-icon5{background-image:url(img/sl-icon5.png);}
#solution-tab h3.current{font-size:24px; font-weight:bold; color:#fff;}
#solution-tab h3:hover{letter-spacing:1px; transition:all 0.3s linear;}

#case{height:450px; margin-top:50px; overflow:hidden;}
#case:before{content:''; position:absolute; left:0; top:0; bottom:0; z-index:2; display:block; width:48px;}
#case:after{content:''; position:absolute; right:0; top:0; bottom:0; z-index:2; display:block; width:48px;}
#case-item{height:450px;}
#case-item .swiper-slide{position:relative; width:676px; height:450px; overflow:hidden;}
#case-item .swiper-slide img{width:676px; max-width:none; height:450px; transition:all 0.3s linear;}
#case-item .swiper-slide section{position:absolute; left:0; right:0; bottom:0; display:none; padding:56px 30px 28px 30px; background:linear-gradient(transparent,rgba(0,0,0,.5)); overflow:hidden;}
#case-item .swiper-slide section h3{height:26px; line-height:26px; font-size:24px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-item .swiper-slide section h4{height:18px; line-height:18px; margin-top:14px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-item .swiper-slide.swiper-slide-active section{display:block;}
#case-item .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#c-prev,#c-next{top:50%; transform:translateY(-50%); width:48px; height:48px; margin:0; background-repeat:no-repeat; background-position:center; background-size:12px 22px; background-color:#fff; border-radius:50%; cursor:pointer; overflow:hidden;}
#c-prev{left:168px; background-image:url(img/prev1.png);}
#c-next{right:168px; background-image:url(img/next1.png);}
#c-prev:hover{background-image:url(img/prev1-h.png); background-color:#0084ff;}
#c-next:hover{background-image:url(img/next1-h.png); background-color:#0084ff;}


#news-tab{display:flex;}
#news-tab h3{width:156px; height:56px; line-height:56px; margin-left:12px; background:#f0f5f8; font-size:16px; text-align:center; color:#666; cursor:pointer; overflow:hidden;}
#news-tab h3:first-child{margin-left:0;}
#news-tab h3.current{background:#0084ff; color:#fff;}

#news{margin-top:50px;}
#news .item{display:none;}
#news .rmd{height:300px; overflow:hidden;}
#news .rmd a{display:flex; justify-content:space-between; align-items:center;}
#news .rmd span{width:400px; height:300px; overflow:hidden;}
#news .rmd img{width:400px; max-width:none; height:300px; transition:all 0.3s linear;}
#news .rmd section{flex:1; height:244px; margin-left:48px; overflow:hidden;}
#news .rmd section h3{height:18px; line-height:18px; font-family:'Objectivity'; font-size:16px; color:#999; overflow:hidden;}
#news .rmd section h2{height:26px; line-height:26px; margin-top:20px; font-size:24px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .rmd section p{height:64px; line-height:32px; margin-top:28px; font-size:16px; color:#666;}
#news .rmd section h4{width:178px; height:48px; line-height:46px; margin-top:40px; border:1px solid #bfbfbf; border-radius:24px; font-size:16px; text-align:center; color:#666; overflow:hidden;}
#news .rmd:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news .rmd:hover section h2{color:#0084ff;}
#news .rmd:hover section h4{border-color:#0084ff; color:#0084ff;}
#news .text{max-height:256px; margin-top:48px; overflow:hidden;}
#news .text ul li{float:left; width:400px; height:256px; border-top:2px solid #dcdcdc; overflow:hidden;}
#news .text ul li:nth-child(2){background:#f0f5f8;}
#news .text ul li a{display:block; padding:40px 48px;}
#news .text ul li:nth-child(1) a{padding-left:0;}
#news .text ul li:nth-child(3) a{padding-right:0;}
#news .text ul li .date h4{height:42px; line-height:42px; font-family:'Objectivity'; font-size:40px; text-align:center; color:#999; overflow:hidden;}
#news .text ul li .date h5{height:16px; line-height:16px; font-family:'Objectivity'; font-size:14px; text-align:center; color:#999; overflow:hidden;}
#news .text ul li h3{height:20px; line-height:20px; margin-top:20px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .text ul li p{height:60px; line-height:30px; margin-top:16px; font-size:15px; color:#666;}
#news .text ul li:hover .date h4,#news .text ul li:hover .date h5,#news .text ul li:hover h3{color:#0084ff;}

#wrap-partner{padding-top:52px; background:url(img/partner-bg.jpg) no-repeat top center #434343;}
#wrap-partner .title h2,#wrap-partner .title h3{color:#fff;}

#partner{margin-top:50px;}
#partner ul li{float:left; width:200px; height:120px; background:#fff; cursor:pointer; overflow:hidden;}
#partner ul li:nth-child(1),#partner ul li:nth-child(3),#partner ul li:nth-child(5),#partner ul li:nth-child(8),#partner ul li:nth-child(10),#partner ul li:nth-child(12){background:#f0f5f8;}
#partner ul li img{width:200px; max-width:none; height:120px;}

/*内页样式*/

#lm-banner{height:520px; background:url(img/lm-banner.jpg) no-repeat center; background-size:cover;}

#ny-menu{width:100%; height:67px; border-bottom:1px solid #dcdcdc;}
#ny-menu dl{flex:1;}
#ny-menu dl dd{float:left; height:66px; line-height:66px; margin-right:44px; font-size:16px; overflow:hidden;}
#ny-menu dl dd:last-child{margin-right:0;}
#ny-menu dl dd a{display:block;}
#ny-menu dl dd a:hover{color:#0084ff;}
#ny-menu dl dd.current{height:68px; border-bottom:3px solid #0084ff;}
#ny-menu dl dd.current a{color:#0084ff;}
#ny-menu span{height:18px; line-height:18px; margin-left:40px; padding-left:24px; background:url(img/home.png) no-repeat left center; font-size:14px; color:#999; overflow:hidden;}
#ny-menu span a{color:#999;}
#ny-menu span a:hover{color:#0084ff;}

.wrap-white.min{padding:40px 0;}

#news-rmd{position:relative; height:248px; padding:20px; background:#f6f6f6; overflow:hidden;}
#news-rmd span{display:block; width:298px; height:208px; overflow:hidden;}
#news-rmd img{width:298px; max-width:none; height:208px; transition:all 0.3s linear;}
#news-rmd section{position:absolute; left:348px; right:30px; top:40px; height:170px; overflow:hidden;}
#news-rmd section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-rmd section h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#888; overflow:hidden;}
#news-rmd section p{height:90px; line-height:30px; margin-top:22px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#news-rmd:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news-rmd:hover section h3{color:#0084ff;}

#news-list{margin-top:40px;}
#news-list ul li{position:relative; float:left; width:50%; height:166px; padding:40px 30px; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; overflow:hidden;}
#news-list ul li:nth-child(1),#news-list ul li:nth-child(2){border-top:1px solid #dcdcdc;}
#news-list ul li:nth-child(odd){border-left:none;}
#news-list ul li section{width:60px; height:82px; padding:2px 0; text-align:center; overflow:hidden;}
#news-list ul li section em{display:block; height:40px; line-height:40px; font-size:38px; font-family:'Arial'; font-weight:bold; color:#888; overflow:hidden;}
#news-list ul li section i{display:block; width:100%; margin:8px 0 11px 0; height:1px; background:#dcdcdc;}
#news-list ul li section span{display:block; height:18px; line-height:18px; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li figure{position:absolute; left:120px; right:30px; top:40px; height:86px; overflow:hidden;}
#news-list ul li figure figcaption{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li figure p{height:56px; line-height:28px; margin-top:12px; font-size:15px; color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li:hover{background:#0084ff;}
#news-list ul li:hover section em,#news-list ul li:hover section span,#news-list ul li:hover figure figcaption,#news-list ul li:hover figure p{color:#fff;}
#news-list ul li:hover section i{background:#fff;}

#case-list ul{margin:-30px 0 0 -30px;}
#case-list ul li{float:left; width:380px; height:290px; margin:30px 0 0 30px; overflow:hidden;}
#case-list ul li span{display:block; width:380px; height:254px; overflow:hidden;}
#case-list ul li img{width:380px; max-width:none; height:254px; transition:all 0.3s linear;}
#case-list ul li h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#case-list ul li:hover h3{color:#0084ff;}

#download-list ul li{display:flex; margin-bottom:22px; padding-bottom:22px; border-bottom:1px dashed #e1e1e1;}
#download-list ul li:last-child{margin-bottom:0;}
#download-list ul li span{position:relative; flex:1; height:18px; line-height:18px; padding-left:14px; font-size:15px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#download-list ul li span::before{content:''; position:absolute; left:0; top:7px; display:block; width:4px; height:4px; background:#464646; border-radius:50%;}
#download-list ul li a{height:18px; line-height:18px; margin-left:30px; padding-left:26px; background:url(img/download.png) no-repeat left center; font-size:15px; color:#0084ff; overflow:hidden;}
#download-list ul li a:hover{text-decoration:underline;}

.weo-page{margin-top:40px; padding:10px 0;}
.weo-page a{min-width:44px; height:44px; line-height:42px; margin-left:10px; padding:0 16px; border-color:#d1d1d1; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#0084ff; color:#0084ff;}
.weo-page a.current{background:#0084ff; border-color:#0084ff; color:#fff;}

#article-title{line-height:30px; font-size:22px; font-weight:bold; text-align:center; color:#333;}
#article-info{height:18px; line-height:18px; margin-top:16px; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#article{line-height:200%; margin-top:24px; font-size:15px; color:#464646;}

#prev-next{display:flex; justify-content:space-between; height:43px; margin-top:30px; padding-top:24px; border-top:1px solid #dcdcdc; overflow:hidden;}
#prev-next a{max-width:560px; height:18px; line-height:18px; font-size:15px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#0084ff;}

#single{line-height:200%; font-size:15px; color:#464646;}

#contact{padding:40px; background:#f6f6f6;}
#contact h2{height:22px; line-height:22px; margin-bottom:32px; font-size:20px; font-weight:bold; overflow:hidden;}
#contact p{height:32px; line-height:32px; margin-top:16px; padding-left:44px; background-repeat:no-repeat; background-position:left center; font-size:15px; overflow:hidden;}
#contact p:first-child{margin-top:0;}
#contact p.c-icon1{background-image:url(img/c-icon1.png);}
#contact p.c-icon2{background-image:url(img/c-icon2.png);}
#contact p.c-icon3{background-image:url(img/c-icon3.png);}
#contact p.c-icon4{background-image:url(img/c-icon4.png);}
#contact img{width:102px; height:102px; margin:0 auto; border:1px solid #dcdcdc;}
#contact h3{height:16px; line-height:16px; margin-top:10px; font-size:14px; text-align:center; color:#666; overflow:hidden;}

#map{height:500px; margin-top:24px; background:#f6f6f6; overflow:hidden;}
#map img{max-width:none;}
.anchorBL{display:none;}

/*底部样式*/

#footer{padding:60px 0 0 0; background:#434343;}
#f-left{max-width:252px;}
#f-logo img{width:172px; height:80px;}
#f-contact{margin-top:24px;}
#f-contact h3{height:16px; line-height:16px; font-size:14px; color:#fff; overflow:hidden;}
#f-contact h2{height:28px; line-height:28px; margin-top:6px; font-family:'Arial'; font-size:26px; font-weight:bold; color:#fff; overflow:hidden;}
#f-contact section{line-height:30px; margin-top:10px; font-size:14px; color:#fff;}
#f-menu{display:flex;}
#f-menu dl{margin-left:72px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#fff; overflow:hidden;}
#f-menu dl dd{height:16px; line-height:16px; margin-top:18px; font-size:14px; overflow:hidden;}
#f-menu dl dt + dd{margin-top:30px;}
#f-menu dl dd a{display:block; color:#ccc;}
#f-menu dl dd:hover a{color:#fff;}
#f-qrcode{padding:24px; border:1px solid #959595;}
#f-qrcode img{display:block; width:100px; height:100px; margin:0 auto;}
#f-qrcode h3{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

#copyright{background:#313131; font-size:14px; color:#fff; overflow:hidden; margin-top:50px; padding:20px 0px;}
#copyright a{color:#fff;}
#page,.sj-news,#sj-ny-menu{ display:none;}
.piaofu{ position: fixed; top:20%;  transform: translateY(-50%); width:80px; height:80px; border-radius:10px; background:#ffa200;  text-align:center; right:20px;z-index:9999; padding:10px; cursor:pointer;}
.piaofu-cont{ position:relative;}
.piaofu .piaofu-cont .piaofu-img{ width:32px; height:33px; overflow:hidden; margin:0 auto}
.piaofu .piaofu-cont .piaofu-img img{ width:100%; height:100%;} 
.piaofu .piaofu-cont .piaofu-right span{ font-size:15px; font-weight:bold; color:#fff; display:block; margin-top:5px;}
.piaofu .piaofu-cont .piaofu-left{width:0;transition:0.5s all; overflow:hidden;}
.piaofu .piaofu-cont .piaofu-left{ position:absolute; top:-10px; right:60px;  height:80px; line-height:80px;font-size:20px; font-weight:bold;background:#ffa200; border-radius:10px 0 0 10px;  color:#fff;}
.piaofu .piaofu-cont:hover .piaofu-left{ width:200px; transition: 0.5s all;}





@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; background: rgba(255,255,255,0.8);}
.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: 22px;right: 18px;}
.logo { margin: auto;  height: 50px;  padding-top: 14px;}
.logo img { height: 40px; width: auto;}
#search{ width:42%;left: 30%;transform: translateX(16%);  top:14px;}
#banner{ padding-top:70px; height:auto;}
#banner-item,#banner-item .swiper-slide,#banner-item .swiper-slide img{ height:15rem;}
#banner-btn{ bottom:1rem;}
#prev, #next{ width:2.5rem; height:2.5rem; background-size:2.5rem; top:65%;}
#prev{ left:1rem;}
#next{ right:1rem;}
#wrap-about{ padding:0; background:none;}
#about{ display:block; position:relative;}
#about .left{ width:100%;}
#about .right{ width:100%; height:auto;position:absolute; top:5rem; left:0; right:0;border-radius: 0; height:10rem;}
#about .right img{ width:100%; height:auto;}
.title h2{ font-size:1.5rem;}
.title h3{ font-size:0.875rem; margin-top:0;}
#about .left { position:relative;z-index:991; }
#about .left .item{background:#fff; margin:12rem auto 0 auto; width:100%; padding:0; border-radius:0;}
#about .left .item h2{ font-size:1.25rem;}
#about .left .item .text{ font-size:0.875rem; margin-top:0.5rem;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden;}
#about .left .item h4{ margin:1.5rem auto 0 auto;}
#about .left .icon dl{ display:flex; justify-content:space-around;;}
#about .left .icon dl dd{ width:33.3%; margin-right:0;}
#about .left .icon{ margin-top:2rem;}
#about .left .icon dl dd i{ width:5rem; height:5rem; background-size:2rem;}
#about .left .icon dl dd h3{ font-size:0.875rem; margin-top:0.5rem;}
.title h4{ font-size:0.875rem; height:auto; margin-top:0.5rem; line-height:1.5rem;}
#service-tab{ margin-top:1.5rem;}
#service-tab dl{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#service-tab dl::-webkit-scrollbar{ display:none;}
#service-tab dl dd{height: 7.5rem;line-height: 3rem;text-align: center;cursor: pointer; box-sizing: border-box; padding:1rem 0.875rem;overflow: visible;font-size:0.875rem; width:9rem; margin-left:1rem; min-width:9rem;}
#service-tab dl dd h3{ font-size:0.875rem;}
#service{ margin-top:1.5rem;}
#service ul li{ height:auto;}
#service ul li .img{ width:100%; height:12rem;}
#service ul li .img img{ width:100%; height:100%;}
#service ul li .item{ padding:1rem; height:auto;}
#service ul li a{ display:block;}
#service ul li .item h3{ font-size:1rem;}
#service ul li .item .text{ font-size:0.875rem; margin-top:0.5rem; line-height:1.5rem; height:4.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#service ul li .item h4{ margin-top:1.25rem;}
#case{ margin-top:2rem; height:auto;}
#case-item{ height:auto;}
#case-item .swiper-slide{ width:100%; height:15rem;}
#case-item .swiper-slide img{ width:100%; height:100%;}
#case-item .swiper-slide section h3{ font-size:1rem;}
#case-item .swiper-slide section h4{ font-size:0.875rem; margin-top:5px;}
#case-item .swiper-slide section{ padding:1rem;}
#c-prev{ left:0.5rem;opacity:0.6}
#c-next{right:0.5rem;opacity:0.6}
.noweo-flex{ display:block;}
#news-tab{ margin-top:1.25rem;}
#news{ margin-top:1.25rem;}
#news .rmd{ height:auto;}
#news .rmd span{ width:8rem; height:6rem;}
#news .rmd span img{ width:100%; height:100%;}
#news .rmd section{ margin-left:1.25rem; height:auto;}
#news .rmd section h3{ font-size:0.875rem;}
#news .rmd section h2{ font-size:1rem; margin-top:0; height:2rem; line-height:2rem;}
#news .rmd section p{ font-size:0.8975rem; margin-top:0; line-height:1.5rem; height:2.875rem;}
#news .rmd section h4{ width:8rem; line-height:2.5rem; height:2.5rem; font-size:0.875rem; margin-top:1rem; display:none;}
#news .text{ margin-top:2rem; max-height:20rem;}
#news .text ul li{ border-top:1px #dcdcdc solid; height:auto; width:100%;}
.sj-news{ display:block;}
.pc-news{ display:none;}
#news .text ul li a{  padding:1rem;}
#news .text ul li:nth-child(1) a{ padding:1rem;}
#news .text ul li .date{ width:20%;}
#news .text ul li .news-nr{ width:70%; margin-left:1.25rem;}
#news .text ul li h3{ margin-top:0; font-size:1rem;}
#news .text ul li p{ margin-top:0.5rem; font-size:0.875rem; line-height:1.25rem; height:2.5rem;}
#wrap-partner{ padding-top:1rem;}
#partner{ margin-top:2rem;}
#partner ul{ display:flex; justify-content:space-between; flex-wrap:wrap; background:#fff;}
#partner ul li{ width:33.3%; height:5rem; }
#partner ul li img{ width:100%; height:100%;}
#footer{ padding:0 0 0 0;}
#f-menu{ display:none;}
#f-left{ width:200px;}
#f-logo img{ width:auto; height:60px; display:none;}
#f-qrcode{ padding:0.5rem;}
#f-contact{ margin-top:0;}
#copyright{ margin-top:0; line-height:1.5rem; height:auto;}
#copyright .wrapper{ padding:1rem;}
#solution{ height:auto; margin-top:1.25rem;}
#solution-item{ padding-top:5rem; height:auto; margin:0;}
#solution-item ul li{ height:auto;}
#solution-item ul li .img{  width:100%; height:15rem;}
#solution-item ul li .img img{ width:100%; height:100%;}
#solution-item ul li .item{ width:100%; height:auto; padding:0;}
#solution-item ul li .item h2{ margin-top:1.5rem; font-size:1.25rem;}
#solution-item ul li .item p{ font-size:0.875rem; margin-top:0.5rem;}
#solution-item ul li .item i{ margin-top:1.25rem;}
#solution-item ul li .item dl{ height:auto; margin-top:1.25rem;}
#solution-item ul li .item p{ font-size:0.875rem;}
#solution-item ul li .item h4{ margin-top:0.5rem}
#solution-tab{ left:0; top:0; width:100%;  height:4rem; line-height:4rem; bottom:auto;  display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; padding:0 1rem;}
#solution-tab::-webkit-scrollbar{ display:none;}
#solution-tab h3{height: 4rem;line-height: 4rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; font-size:0.875rem; margin-right:1.5rem; padding-left:2.5rem; background-size:1.875rem; background-position:left center;}
#solution-tab h3.current{ font-size:1.125rem;}
#solution-item ul li .item dl dd h3{ font-size:1rem;}
#solution-item ul li .item dl dd{ margin-top:1.25rem;}
#news-tab h3{ height:2.8125rem; line-height:2.8125rem;}
.sj-banner{ padding-top:70px;}
#lm-banner{ height:10rem; background-size:cover !important;}
#ny-menu{ display:none;}
#sj-ny-menu{ display:block;width:100%; }
#sj-ny-menu dl{flex:1;}
#sj-ny-menu dl dd{float:left; height:66px; line-height:66px; margin-right:44px; font-size:16px; overflow:hidden;}
#sj-ny-menu dl dd:last-child{margin-right:0;}
#sj-ny-menu dl dd a{display:block;}
#sj-ny-menu dl dd a:hover{color:#0084ff;}
#sj-ny-menu dl dd.current{height:68px; border-bottom:3px solid #0084ff;}
#sj-ny-menu dl dd.current a{color:#0084ff;}
#sj-ny-menu span{height:18px; line-height:18px; margin-left:40px; padding-left:24px; background:url(img/home.png) no-repeat left center; font-size:14px; color:#999; overflow:hidden;}
#sj-ny-menu span a{color:#999;}
#sj-ny-menu span a:hover{color:#0084ff;}
#sj-ny-menu .wrapper{ padding:0;}
#sj-ny-menu span{display:block; width:100%; background:#f5f5f5 url(img/home.png) no-repeat 1rem center; padding:0 1rem 0 2.25rem; height:3rem; line-height:3rem; margin-left:0;}
#sj-ny-menu dl{ padding:0.5rem 1rem; display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#sj-ny-menu dl::-webkit-scrollbar{ display:none;}
#sj-ny-menu dl dd{height: 3rem;line-height: 3rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; font-size:1rem; margin-right:1.65rem;}
#sj-ny-menu dl dd.current{height:3rem;line-height:3rem;}
.wrap-white.min{ padding:0;}
#news-rmd{ padding:0; height:auto;}
#news-rmd span{ width:9rem; height:7rem;}
#news-rmd span img{ width:100%; height:100%;}
#news-rmd section{ left:10rem; right:0.875rem; top:0.875rem;}
#news-rmd section h3{ font-size:1rem;}
#news-rmd section h4{ margin-top:0.125rem; font-size:0.875rem;}
#news-rmd section p{-webkit-line-clamp: 2; margin-top:0.5rem; height:2.5rem; line-height:1.25rem; font-size:0.875rem;}

#news-list ul li{ float:none; width:100%; border-left:none; padding:1rem;height:7.875rem;}
#news-list ul li:nth-child(2){border-top:none;}
#news-list ul li figure{ top:1.25rem; left:6.25rem; height:auto;}
#article-title{ font-size:1.125rem;}
#article-info{ font-size:0.875rem;}
#prev-next{ display:block; height:auto; font-size:0.875rem;}
#prev-next p{ height:2.5rem; line-height:2.5rem; overflow:hidden; text-overflow:ellipsis; position:relative;}
#prev-next a{width: 76%;position: absolute;flex: 1;left: 18%;top: 0.65rem;}
#case-list ul{ margin:0;}
#case-list ul li{ float:none; margin:0 0 1.5rem 0; width:100%; height:auto;}
#case-list ul li span{ width:100%; height:15rem; overflow:hidden;}
#case-list ul li span img{ width:100%; height:100%;}
#contact{ padding:0; background:none;}
#map{ height:15rem;}
#contact p{ height:auto;background-position: left top;}
#contact .cont-ewm{ width:110px; text-align:center; margin-top:1.25rem;}
#article{ overflow:hidden;width:100%;}
.piaofu{ display:none;}
.gsjj-img{ position:absolute; width:92%;}
.gsjj-ny{ padding-top:29rem;}
.gsyw-img{ position:absolute; width:92%; left:1rem;}
.gsyw-cont{ padding-top:29rem;}
.fwxm-ny{ padding-top:16rem;}
#single img{ width: 100% !important; height: auto !important;}
.about-leftimg{ position:absolute; width:92%; left:1rem;}
.about-leftcont{padding-top:29rem;}

.wrap-white.min img{ height: auto!important; width: 100%!important;}



}