/*全局样式*/

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

.wrapper{width:1600px;}
.wrapper.min{width:1400px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:80px 0;}
.wrap-white.p2{padding-bottom:70px;}
.wrap-white.p3{padding:70px 0;}
.wrap-white.p4{padding:50px 0 70px 0;}
.wrap-white.p5{padding:50px 0;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:70px 0;}
.wrap-gray.p2{padding:60px 0;}
.wrap-gray.p3{padding:50px 0;}

/*头部样式*/

#header{height:88px; background:#fff;}
#logo{left:0; top:17px;}
#logo img{width:238px; height:54px;}
#nav{right:0; top:0;}
#nav ul li{position:relative; float:left; height:88px; line-height:88px; margin-left:48px; font-size:16px;}
#nav ul li:first-child{margin-left:0;}
#nav ul li:before{content:''; position:absolute; left:-28px; top:37px; width:8px; height:14px; background:url(img/line.png) no-repeat center;}
#nav ul li:first-child:before{display:none;}
#nav ul li a{display:block;}
#nav ul li:hover > a{color:#43afa0;}
#nav ul li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:4px; background:#43afa0;}
#nav ul li.current > a{font-weight:bold; color:#43afa0;}
#nav ul li ul{position:absolute; left:50%; top:88px; transform:translateX(-50%); z-index:99; display:none; width:160px; padding:16px 0; background:rgba(0,0,0,.6);}
#nav ul li:hover > ul{display:block; top:108px; animation:NavSlideUp 0.4s; animation-fill-mode:forwards;}
@keyframes NavSlideUp{100%{top:88px;}}
#nav ul li ul li{float:none; margin-left:0; height:40px; line-height:40px; font-size:15px; text-align:center; overflow:hidden;}
#nav ul li ul li a{padding:0 20px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#nav ul li ul li:hover > a{color:#50d0be;}

/*首页样式*/

#banner{width:100%; height:780px; overflow:hidden;}
#banner .swiper-wrapper{height:780px;}
#banner .swiper-slide{width:100%; height:780px;}
#banner .swiper-slide img{width:100%; height:780px;}
#banner .swiper-pagination{bottom:30px; display:flex; justify-content:center; align-items:center;}
#banner .swiper-pagination-bullet{width:12px; height:12px; margin:0 0 0 10px; background:#94999c; border-radius:6px; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{width:54px; background:#43afa0;}

#about{display:flex;}
#about .left{position:relative; width:516px; height:438px; background:url(img/about-bg.jpg) no-repeat left top; overflow:hidden;}
#about .left h3{position:absolute; left:0; right:0; top:26px; height:50px; line-height:50px; background:#fff; font-size:24px; color:#666; overflow:hidden;}
#about .left h2{position:absolute; left:0; top:130px; height:42px; line-height:42px; font-size:40px; overflow:hidden;}
#about .right{flex:1; height:438px; overflow:hidden;}
#about .right .text{height:212px; padding-left:110px; overflow:hidden;}
#about .right .text p{height:144px; line-height:36px; font-size:15px; color:#666; text-indent:30px; -webkit-line-clamp:4;}
#about .right .text h4{height:38px; margin-top:30px; overflow:hidden;}
#about .right .text h4 a{display:inline-block; height:38px; line-height:38px; padding-right:84px; background:url(img/more.png) no-repeat right center; font-size:15px; color:#666; overflow:hidden;}
#about .right .text h4:hover a{background-image:url(img/more-h.png); color:#43afa0;}
#about .right .number{height:160px; margin-top:66px; padding-left:110px; background:#eef2f5; overflow:hidden;}
#about .right .number ul{display:flex; align-items:center; height:160px;}
#about .right .number ul li{flex:1;}
#about .right .number ul li h3{display:flex; justify-content:center; align-items:center;}
#about .right .number ul li h3 span{height:50px; line-height:50px; font-family:'Impact'; font-size:48px; color:#43afa0; overflow:hidden;}
#about .right .number ul li h3 em{height:18px; line-height:18px; margin-left:8px; font-size:16px; color:#666; overflow:hidden;}
#about .right .number ul li h4{height:18px; line-height:18px; margin-top:12px; font-size:16px; text-align:center; color:#666; overflow:hidden;}

.title{height:42px; line-height:42px; font-size:40px; text-align:center; overflow:hidden;}

#case-tab{display:flex; justify-content:center; margin-top:40px;}
#case-tab span{position:relative; height:18px; line-height:18px; margin-left:32px; padding-left:14px; font-size:16px; color:#666; cursor:pointer; overflow:hidden;}
#case-tab span:first-child{margin-left:0;}
#case-tab span:before{content:''; position:absolute; left:0; top:6px; display:block; width:6px; height:6px; background:#c9c9c9; border-radius:50%;}
#case-tab span:hover{color:#43afa0;}
#case-tab span:hover:before{background:#43afa0;}
#case-tab span.current{color:#43afa0;}
#case-tab span.current:before{background:#43afa0;}

#case{margin-top:50px;}
#case .item{display:none;}
#case .item.current{display:block;}
#case ul{margin:-36px 0 0 -20px;}
#case ul li{float:left; width:520px; height:392px; margin:36px 0 0 20px; overflow:hidden;}
#case ul li span{position:relative; display:block; width:520px; height:320px; overflow:hidden;}
#case ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:url(img/view.png) no-repeat center rgba(0,0,0,.7);}
#case ul li img{width:520px; max-width:none; height:320px; transition:all 0.3s linear;}
#case ul li h3{height:20px; line-height:20px; margin-top:20px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case ul li h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case ul li:hover span:after{display:block;}
#case ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#case ul li:hover h3{color:#43afa0;}

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

#process ul{display:flex;}
#process ul li{flex:1; padding:0 40px; cursor:pointer;}
#process ul li i{display:block; width:82px; height:82px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#process ul li i.p-icon1{background-image:url(img/p-icon1.png);}
#process ul li i.p-icon2{background-image:url(img/p-icon2.png);}
#process ul li i.p-icon3{background-image:url(img/p-icon3.png);}
#process ul li i.p-icon4{background-image:url(img/p-icon4.png);}
#process ul li i.p-icon5{background-image:url(img/p-icon5.png);}
#process ul li i.p-icon6{background-image:url(img/p-icon6.png);}
#process ul li h3{height:18px; line-height:18px; margin-top:20px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
#process ul li p{height:48px; line-height:24px; margin-top:16px; font-size:14px; text-align:center; color:#fff;}
#process ul li h4{position:relative; height:32px; margin-top:36px;}
#process ul li h4:before{content:''; position:absolute; left:calc((((1600px / 6) + 20px) / 2) * -1); right:calc(((1600px / 6) - 20px) / 2); top:16px; display:block; height:0; border-top:1px dashed #fff;}
#process ul li:first-child h4:before{display:none;}
#process ul li h4 em{display:block; margin:0 auto; width:32px; height:32px; line-height:30px; border:1px solid #fff; border-radius:16px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

#news-title{display:flex; justify-content:space-between; align-items:center;}
#news-title h2{height:42px; line-height:42px; font-size:40px; text-align:center; overflow:hidden;}
#news-title a{height:38px; line-height:38px; padding-right:84px; background:url(img/more.png) no-repeat right center; font-size:15px; color:#666; overflow:hidden;}
#news-title a:hover{background-image:url(img/more-h.png); color:#43afa0;}

#news{display:flex; justify-content:space-between; margin-top:50px;}
#news .left{width:500px; height:438px; overflow:hidden;}
#news .left span{display:block; width:500px; height:300px; overflow:hidden;}
#news .left img{width:500px; max-width:none; height:300px; transition:all 0.3s linear;}
#news .left h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .left p{height:48px; line-height:24px; margin-top:14px; font-size:14px; color:#999;}
#news .left h4{height:18px; line-height:18px; margin-top:24px; padding-right:48px; background:url(img/arrow-r.png) no-repeat right center; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;}
#news .left:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news .left:hover h3{color:#43afa0;}
#news .left:hover h4{background-image:url(img/arrow-r-h.png); color:#43afa0;}
#news .right{flex:1; height:438px; margin-left:90px; overflow:hidden;}
#news .right ul li{height:193px; margin-top:52px; padding-bottom:52px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
#news .right ul li:first-child{margin-top:0;}
#news .right ul li h3{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .right ul li p{height:52px; line-height:26px; margin-top:16px; font-size:14px; color:#999;}
#news .right ul li h4{height:18px; line-height:18px; margin-top:36px; padding-right:48px; background:url(img/arrow-r.png) no-repeat right center; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;}
#news .right ul li:hover h3{color:#43afa0;}
#news .right ul li:hover h4{background-image:url(img/arrow-r-h.png); color:#43afa0;}

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

#partner{margin-top:50px;}
#partner ul li{position:relative; float:left; width:calc(1600px / 6); height:calc((1600px / 6) / 1.6962); overflow:hidden;}
#partner ul li:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#partner ul li:nth-child(-n + 6):after{border-top:1px solid #e5e5e5;}
#partner ul li:nth-child(6n + 1):after{border-left:1px solid #e5e5e5;}
#partner ul li img{width:calc(1600px / 6); max-width:none; height:calc((1600px / 6) / 1.6962);}
#partner ul li a{position:relative; display:block;}
#partner ul li a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}

/*内页样式*/

#lm-banner{height:350px; background-repeat:no-repeat; background-position:center; background-size:cover;}
#lm-banner.about{background-image:url(img/lm-about.jpg);}
#lm-banner.business{background-image:url(img/lm-business.jpg);}
#lm-banner.case{background-image:url(img/lm-case.jpg);}
#lm-banner.news{background-image:url(img/lm-news.jpg);}
#lm-banner.contact{background-image:url(img/lm-contact.jpg);}

#menu{width:100%; height:81px; border-bottom:1px solid #e5e5e5;}
#menu dl{flex:1;}
#menu dl dd{float:left; height:80px; line-height:80px; margin-right:40px; font-size:16px; overflow:hidden;}
#menu dl dd:last-child{margin-right:0;}
#menu dl dd a{display:block; color:#666;}
#menu dl dd a:hover{color:#43afa0;}
#menu dl dd.current{height:82px; border-bottom:3px solid #43afa0; font-weight:bold;}
#menu dl dd.current a{color:#43afa0;}
#menu span{height:18px; line-height:18px; margin-left:40px; padding-left:26px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}
#menu span a{color:#666;}
#menu span a:hover,#menu span em{color:#43afa0;}

.weo-page{margin-top:70px;}
.weo-page a{min-width:38px; height:38px; line-height:36px; margin-left:8px; padding:0 12px; border-color:#cecece; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#43afa0; color:#43afa0;}
.weo-page a.current{background:#43afa0; border-color:#43afa0; color:#fff;}

#lm-about-title{position:relative; height:190px; padding:50px 0; background:url(img/city.png) no-repeat right center; overflow:hidden;}
#lm-about-title:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#e5e5e5;}
#lm-about-title h2{height:38px; line-height:38px; font-size:36px; overflow:hidden;}
#lm-about-title h3{height:24px; line-height:24px; margin-top:28px; font-size:22px; color:#666; overflow:hidden;}
#lm-about{line-height:36px; margin-top:40px; font-size:15px; color:#666;}
#lm-about p{margin-top:10px; text-indent:30px;}
#lm-about p:first-child{margin-top:0;}
#lm-number{height:280px; margin-top:40px; background:url(img/number-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;}
#lm-number ul{display:flex; justify-content:space-between; align-items:center; height:280px;}
#lm-number ul li{flex:1;}
#lm-number ul li h3{display:flex; justify-content:center; align-items:center;}
#lm-number ul li h3 span{height:50px; line-height:50px; font-family:'Impact'; font-size:48px; color:#fff; overflow:hidden;}
#lm-number ul li h3 em{height:18px; line-height:18px; margin-left:8px; font-size:16px; color:#fff; overflow:hidden;}
#lm-number ul li h4{height:18px; line-height:18px; margin-top:12px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

#lm-title h2{height:42px; line-height:42px; font-size:40px; text-align:center; overflow:hidden;}
#lm-title h3{height:20px; line-height:20px; margin-top:18px; font-size:18px; text-align:center; color:#999; overflow:hidden;}

#lm-team{position:relative; height:240px; margin:70px -20px 0 -20px; padding:0 20px;}
#lm-team:before{content:''; position:absolute; left:0; top:0; bottom:0; z-index:99; display:block; width:75px; background:#f5f5f5;}
#lm-team:after{content:''; position:absolute; right:0; top:0; bottom:0; z-index:99; display:block; width:75px; background:#f5f5f5;}
#lm-team .swiper-wrapper{height:240px;}
#lm-team .swiper-slide{width:350px; height:240px; padding:0 55px; overflow:hidden;}
#lm-team .swiper-slide a{position:relative; display:block; width:240px; height:240px; border-radius:50%; overflow:hidden;}
#lm-team .swiper-slide img{width:240px; max-width:none; height:240px; transition:all 0.3s linear;}
#lm-team .swiper-slide section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:92px 20px; background:rgba(0,0,0,.5); overflow:hidden;}
#lm-team .swiper-slide section h3{height:20px; line-height:20px; font-size:18px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-team .swiper-slide section h4{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-team .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#lm-team .swiper-slide:hover section{display:block;}
#lm-team .swiper-button-prev,#lm-team .swiper-button-next{top:108px; z-index:100; width:20px; height:24px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 24px; cursor:pointer; opacity:1;}
#lm-team .swiper-button-prev:after,#lm-team .swiper-button-next:after{display:none;}
#lm-team .swiper-button-prev{left:0; background-image:url(img/prev.png);}
#lm-team .swiper-button-next{right:0; background-image:url(img/next.png);}
#lm-team .swiper-button-prev:hover{background-image:url(img/prev-h.png);}
#lm-team .swiper-button-next:hover{background-image:url(img/next-h.png);}

#business-list ul li{height:420px; margin-top:30px; border-radius:50px 0 50px 0; overflow:hidden;}
#business-list ul li:first-child{margin-top:0;}
#business-list ul li a{display:flex;}
#business-list ul li:nth-child(even) a{flex-direction:row-reverse;}
#business-list ul li .img{width:700px; height:420px; overflow:hidden;}
#business-list ul li .img img{width:700px; max-width:none; height:420px; transition:all 0.3s linear;}
#business-list ul li .text{width:700px; height:420px; padding:56px 56px 52px 56px; background:#eee; overflow:hidden;}
#business-list ul li .text h3{height:28px; line-height:28px; font-size:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business-list ul li .text i{display:block; width:48px; height:3px; margin-top:29px; background:#43afa0;}
#business-list ul li .text p{height:224px; line-height:32px; margin-top:24px; font-size:15px; color:#666; -webkit-line-clamp:7;}
#business-list ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}
#business-list ul li:hover .text h3{color:#43afa0;}

#case-list ul{margin:-36px 0 0 -22px;}
#case-list ul li{float:left; width:452px; height:350px; margin:36px 0 0 22px; overflow:hidden;}
#case-list ul li span{position:relative; display:block; width:452px; height:278px; overflow:hidden;}
#case-list ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:url(img/view.png) no-repeat center rgba(0,0,0,.7); background-size:64px 64px;}
#case-list ul li img{width:452px; max-width:none; height:278px; transition:all 0.3s linear;}
#case-list ul li h3{height:20px; line-height:20px; margin-top:20px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li:hover span:after{display:block;}
#case-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#case-list ul li:hover h3{color:#43afa0;}

#case-detail{display:flex; justify-content:space-between; align-items:center; padding:50px; background:#fff;}
#case-detail .left{width:880px; height:510px; overflow:hidden;}
#case-detail .left .swiper-container{width:880px; height:510px; overflow:hidden;}
#case-detail .left .swiper-wrapper{height:510px;}
#case-detail .left .swiper-slide{width:880px; height:510px;}
#case-detail .left .swiper-slide img{width:880px; height:510px;}
#case-detail .left .swiper-pagination{bottom:24px; display:flex; justify-content:center; align-items:center;}
#case-detail .left .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 8px; background:#fff; border-radius:50%; cursor:pointer; opacity:1;}
#case-detail .left .swiper-pagination-bullet:first-child{margin-left:0;}
#case-detail .left .swiper-pagination-bullet-active{background:#43afa0;}
#case-detail .left .swiper-button-prev,#case-detail .left .swiper-button-next{top:243px; width:14px; height:24px; margin:0; background-repeat:no-repeat; background-position:center; background-size:14px 24px; cursor:pointer; opacity:1;}
#case-detail .left .swiper-button-prev:after,#case-detail .left .swiper-button-next:after{display:none;}
#case-detail .left .swiper-button-prev{left:30px; background-image:url(img/prev1.png);}
#case-detail .left .swiper-button-next{right:30px; background-image:url(img/next1.png);}
#case-detail .right{flex:1; margin-left:50px;}
#case-detail .right h1{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#case-detail .right i{display:block; width:30px; height:4px; margin-top:40px; background:#43afa0;}
#case-detail .right .text{height:324px;	line-height:36px; margin-top:30px; font-size:15px; color:#666; overflow:hidden;}
#case-detail .right .text p{display:flex;}
#case-detail .right .text p em{font-weight:bold;}
#case-detail .right .text p span{flex:1; margin-left:4px;}

#case-rmd-title{display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
#case-rmd-title h2{height:22px; line-height:22px; font-size:20px; overflow:hidden;}
#case-rmd-title a{height:20px; line-height:20px; padding-left:28px; background:url(img/back.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}
#case-rmd-title a:hover{background-image:url(img/back-h.png); color:#43afa0;}
#case-rmd{margin-top:30px;}
#case-rmd ul{margin:-36px 0 0 -22px;}
#case-rmd ul li{float:left; width:452px; height:350px; margin:36px 0 0 22px; overflow:hidden;}
#case-rmd ul li span{position:relative; display:block; width:452px; height:278px; overflow:hidden;}
#case-rmd ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:url(img/view.png) no-repeat center rgba(0,0,0,.7); background-size:64px 64px;}
#case-rmd ul li img{width:452px; max-width:none; height:278px; transition:all 0.3s linear;}
#case-rmd ul li h3{height:20px; line-height:20px; margin-top:20px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-rmd ul li h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-rmd ul li:hover span:after{display:block;}
#case-rmd ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#case-rmd ul li:hover h3{color:#43afa0;}

#news-list ul li{margin-top:50px; padding-bottom:50px; border-bottom:1px solid #e5e5e5;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li a{display:flex; justify-content:space-between; align-items:center;}
#news-list ul li .date{width:104px;}
#news-list ul li .date h4{height:22px; line-height:22px; font-family:'Arial'; font-size:20px; color:#999; overflow:hidden;}
#news-list ul li .date em{display:block; width:30px; height:30px; margin-top:36px; background:url(img/arrow-r1.png) no-repeat center;}
#news-list ul li .text{flex:1; margin:0 130px 0 90px;}
#news-list ul li .text h3{height:26px; line-height:26px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li .text p{height:60px; line-height:30px; margin-top:30px; font-size:15px; color:#999;}
#news-list ul li .img{width:374px; height:238px; overflow:hidden;}
#news-list ul li .img img{width:374px; max-width:none; height:238px; transition:all 0.3s linear;}
#news-list ul li:hover .date h4{color:#43afa0;}
#news-list ul li:hover .date em{background-image:url(img/arrow-r1-h.png);}
#news-list ul li:hover .text h3{color:#43afa0;}
#news-list ul li:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}

#news-detail{display:flex; justify-content:space-between; padding:50px 40px; background:#fff;}
#news-detail .left{flex:1; margin-right:40px;}
#article-title{height:32px; line-height:32px; font-size:30px; overflow:hidden;}
#article-info{height:18px; line-height:18px; margin-top:30px; font-size:15px; color:#999; overflow:hidden;}
#article-line{position:relative; height:2px; margin-top:30px; background:#e5e5e5;}
#article-line:before{content:''; position:absolute; left:0; top:0; bottom:0; display:block; width:130px; background:#43afa0;}
#article{line-height:26px; margin-top:36px; padding-bottom:40px; border-bottom:2px solid #e5e5e5; font-size:15px; color:#666;}
#prev-next{display:flex; justify-content:space-between; margin-top:40px;}
#prev-next a{max-width:calc((100% - 50px) / 2); height:18px; line-height:18px; font-size:15px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#43afa0;}
#news-detail .right{width:320px;}
#news-rmd ul li{margin-top:20px;}
#news-rmd ul li:first-child{margin-top:0;}
#news-rmd ul li span{display:block; width:320px; height:200px; overflow:hidden;}
#news-rmd ul li img{width:320px; max-width:none; height:200px; transition:all 0.3s linear;}
#news-rmd ul li section{padding:16px 22px 18px 22px; background:#f5f5f5; overflow:hidden;}
#news-rmd ul li section h3{max-height:48px; line-height:24px; font-size:16px;}
#news-rmd ul li section h4{height:18px; line-height:18px; margin-top:10px; font-family:'Arial'; font-size:15px; color:#999; overflow:hidden;}
#news-rmd ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news-rmd ul li:hover section h3{color:#43afa0;}

#contact{display:flex; justify-content:space-between; align-items:center;}
#contact .left{flex:1; margin-right:70px;}
#contact .left h2{height:32px; line-height:32px; font-size:30px; overflow:hidden;}
#contact .left h3{height:22px; line-height:22px; margin-top:20px; font-size:20px; color:#999; overflow:hidden;}
#contact .left .text{margin-top:50px;}
#contact .left .text p{height:32px; line-height:32px; margin-top:16px; padding-left:44px; background-repeat:no-repeat; background-position:left center; font-size:15px; color:#666; overflow:hidden;}
#contact .left .text p:first-child{margin-top:0;}
#contact .left .text p.c-icon1{background-image:url(img/c-icon1.png);}
#contact .left .text p.c-icon2{background-image:url(img/c-icon2.png);}
#contact .left .text p.c-icon3{background-image:url(img/c-icon3.png);}
#contact .left .text p.c-icon4{background-image:url(img/c-icon4.png);}
#contact .left .text p.c-icon5{background-image:url(img/c-icon5.png);}
#contact .left .qrcode{margin-top:30px; padding-left:44px;}
#contact .left .qrcode img{width:136px; height:136px;}
#contact .left .qrcode h4{width:136px; height:16px; line-height:16px; margin-top:10px; font-size:14px; text-align:center; color:#666; overflow:hidden;}
#contact .right{width:608px; padding:52px 56px 56px 56px; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.16); overflow:hidden;}
#contact .right h2{height:30px; line-height:30px; font-size:24px; color:#666; overflow:hidden;}
#contact .right h2 em{margin-left:20px; color:#43afa0;}
#contact .right p{line-height:26px; margin-top:22px; font-size:15px; color:#999;}
#contact .right .form{margin-top:38px;}
#contact .right .form .input{display:flex; align-items:center; height:60px; margin-bottom:20px; padding:0 28px; background:#f5f5f5; border-radius:30px; overflow:hidden;}
#contact .right .form .input h3{height:18px; line-height:18px; font-size:16px; color:#999; overflow:hidden;}
#contact .right .form .input i{width:1px; height:18px; margin:0 18px; background:#e5e5e5;}
#contact .right .form .input input{flex:1; height:18px; line-height:18px; padding:0; background:none; border:none; font-size:16px; color:#666;}
#contact .right .form .input input::-moz-placeholder{color:#cacaca;}
#contact .right .form .input input::-webkit-input-placeholder{color:#cacaca;}
#contact .right .form .input input::-ms-input-placeholder{color:#cacaca;}
#contact .right .form button{display:block; width:100%; height:60px; line-height:60px; background:#43afa0; border:none; border-radius:30px; font-size:16px; color:#fff; overflow:hidden;}

.weo-tip{height:52px; border-radius:4px;}
.weo-tip-text{height:52px;}
.weo-tip-text i{width:22px; height:22px; background-size:22px 22px;}
.weo-tip-text span{height:18px; line-height:18px; font-size:15px;}

#map{height:450px; margin-top:50px; background:#f6f6f6; overflow:hidden;}


/*底部样式*/

#footer{padding-top:60px; background:#313131; border-bottom:1px solid rgba(255,255,255,.1);}
#footer .links{
    
    height: auto;
    margin-bottom: 50px;
    color: #fff;
    font-size: 16px;
}
#footer .links span{
    
    display: inline-block;
    margin-right: 12px;
    font-size: 16px;
}
#footer .links span a{
    font-size: 16px;
    color: #fff;
}
.f-menu{max-width:112px; padding-bottom:50px;}
.f-menu dt{height:20px; line-height:20px; font-size:17px; text-align:center; color:#fff; overflow:hidden;}
.f-menu dd{height:16px; line-height:16px; margin-top:16px; font-size:14px; text-align:center; overflow:hidden;}
.f-menu dt + dd{margin-top:28px;}
.f-menu dd a{display:block; color:#c8c8c8; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.f-menu dd:hover a{color:#fff;}
.f-line{position:relative; width:1px; background:rgba(255,255,255,.1);}
.f-line:after{content:''; position:absolute; left:-1px; top:0; display:block; width:3px; height:34px; background:#43afa0;}
#f-contact{max-width:212px; padding-bottom:50px;}
#f-contact h2{height:20px; line-height:20px; font-size:17px; text-align:center; color:#fff; overflow:hidden;}
#f-contact section{margin-top:28px;}
#f-contact section p{line-height:20px; margin-top:14px; padding-left:32px; background-repeat:no-repeat; background-position:left top; font-size:14px; color:#c8c8c8;}
#f-contact section p:first-child{margin-top:0;}
#f-contact section p.tel{background-image:url(img/tel.png);}
#f-contact section p.mobile{background-image:url(img/mobile.png);}
#f-contact section p.qq{background-image:url(img/qq.png);}
#f-contact section p.mail{background-image:url(img/mail.png);}
#f-contact section p.address{background-image:url(img/address.png);}
#f-qrcode{padding-bottom:50px;}
#f-qrcode h2{height:20px; line-height:20px; font-size:17px; text-align:center; color:#fff; overflow:hidden;}
#f-qrcode img{display:block; width:106px; height:106px; margin:38px auto 0 auto;}
#f-qrcode h3{height:16px; line-height:16px; margin-top:14px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

#copyright{height:86px; line-height:86px; background:#313131; font-size:14px; color:#c8c8c8; overflow:hidden;}
#copyright a{color:#c8c8c8;}
#copyright a:hover{color:#fff;}
#page{ display:none;}
#sj-menu{ display:none;}
#news-list ul li .text .sj-time{ display:none;}







/*自适应*/

@media screen and (max-width:1600px){
  .wrapper{width:1400px;}

  #banner{height:720px;}
	#banner .swiper-wrapper{height:720px;}
	#banner .swiper-slide{height:720px;}
	#banner .swiper-slide img{height:720px;}

	#about .right .text{padding-left:100px;}
	#about .right .number{padding-left:100px;}

  #case ul{margin:-36px 0 0 -22px;}
	#case ul li{width:452px; height:350px; margin:36px 0 0 22px;}
	#case ul li span{width:452px; height:278px;}
	#case ul li span:after{background-size:64px 64px;}
	#case ul li img{width:452px; height:278px;}

	#process ul li{padding:0 30px;}
	#process ul li h4:before{left:calc(((1400px / 6) / 2) * -1); right:calc((1400px / 6) / 2);}

	#news .right{margin-left:80px;}

	#partner ul li{width:calc(1400px / 6); height:calc((1400px / 6) / 1.6962);}
	#partner ul li img{width:calc(1400px / 6); max-width:none; height:calc((1400px / 6) / 1.6962);}

	#lm-banner{height:320px;}
}

@media screen and (max-width:1440px){
	.wrapper{width:1280px;}
	.wrapper.min{width:1280px;}

	#banner{height:660px;}
	#banner .swiper-wrapper{height:660px;}
	#banner .swiper-slide{height:660px;}
	#banner .swiper-slide img{height:660px;}

	#about .right .text{padding-left:90px;}
	#about .right .number{padding-left:90px;}

	#case ul li{width:412px; height:326px;}
	#case ul li span{width:412px; height:254px;}
	#case ul li span:after{background-size:60px 60px;}
	#case ul li img{width:412px; height:254px;}

	#process ul li h4:before{left:calc(((1280px / 6) / 2) * -1); right:calc((1280px / 6) / 2);}

	#partner ul li{width:calc(1280px / 6); height:calc((1280px / 6) / 1.6962);}
	#partner ul li img{width:calc(1280px / 6); max-width:none; height:calc((1280px / 6) / 1.6962);}

	#lm-banner{height:300px;}

	#lm-number{height:260px;}
	#lm-number ul{height:260px;}

	#lm-team{height:220px;}
	#lm-team:before{width:70px;}
	#lm-team:after{width:70px;}
	#lm-team .swiper-wrapper{height:220px;}
	#lm-team .swiper-slide{width:320px; height:220px; padding:0 50px;}
	#lm-team .swiper-slide a{width:220px; height:220px;}
	#lm-team .swiper-slide img{width:220px; height:220px;}
	#lm-team .swiper-slide section{padding:82px 20px;}
	#lm-team .swiper-button-prev,#lm-team .swiper-button-next{top:98px;}

	#business-list ul li{height:384px; border-radius:40px 0 40px 0;}
	#business-list ul li .img{width:640px; height:384px;}
	#business-list ul li .img img{width:640px; height:384px;}
	#business-list ul li .text{width:640px; height:384px; padding:54px 54px 50px 54px;}
	#business-list ul li .text p{height:192px; -webkit-line-clamp:6;}

	#case-list ul li{width:412px; height:326px;}
	#case-list ul li span{width:412px; height:254px;}
	#case-list ul li span:after{background-size:60px 60px;}
	#case-list ul li img{width:412px; height:254px;}

	#case-detail .left{width:800px; height:464px;}
	#case-detail .left .swiper-container{width:800px; height:464px;}
	#case-detail .left .swiper-wrapper{height:464px;}
	#case-detail .left .swiper-slide{width:800px; height:464px;}
	#case-detail .left .swiper-slide img{width:800px; height:464px;}
	#case-detail .right .text{height:288px;}

	#case-rmd ul li{width:412px; height:326px;}
	#case-rmd ul li span{width:412px; height:254px;}
	#case-rmd ul li span:after{background-size:60px 60px;}
	#case-rmd ul li img{width:412px; height:254px;}

	#news-list ul li .text{margin:0 110px 0 70px;}
	#news-list ul li .img{width:352px; height:224px;}
	#news-list ul li .img img{width:352px; height:220px;}

	#news-detail .right{width:288px;}
	#news-rmd ul li span{width:288px; height:180px;}
	#news-rmd ul li img{width:288px; height:180px;}

	#contact .right{width:558px;}
}





@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:1.3125rem; 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;}
#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%;}
#about{ display:block; padding:0 1rem;}
#about .left{ width:100%;background: url(img/about-bg.jpg) no-repeat center top;background-size: 100% 100%;height: 17rem;}
#about .right{ width:100%; height:auto; overflow:visible;}
#about .left h3{ font-size:18px;}
#about .left h2{ font-size:24px;top: 75px;}
#about .right .text{ padding-left:0; margin-top:20px; }
#about .right .text p{height: 144px; line-height:28px;font-size: 14px;color: #666;text-indent: 30px;-webkit-line-clamp: 5;}
#about .right .text h4{ margin-top:15px;}
#about .right .text h4 a { padding-right: 60px;font-size: 14px;background-size: 34%;}
#about .right .number{ padding:0; margin-top:5px; height:120px; margin-left:-1rem; margin-right:-1rem;}
#about .right .number ul{ height:120px;}
#about .right .number ul li h3 span {height: 40px;line-height: 40px;font-size: 32px;}
#about .right .number ul li h3 em{font-size: 14px;}
#about .right .number ul li h4{ margin-top:5px;font-size: 12px;}
.title{ font-size:24px;}
.wrap-white.p2{ padding-bottom:40px;}
#case-tab{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; padding:0 1rem;}
#case-tab::-webkit-scrollbar{ display:none;}
#case-tab span{cursor: pointer; box-sizing: border-box; padding: 0 0 0 14px;overflow: visible; font-size:14px;}
#case{ padding:0 1rem;}
#case ul{margin: -20px 0 0 -22px;}
#case ul li{ width:43%; height:10rem;margin: 20px 0 0 22px;}
#case ul li span{ width:100%; height:6rem;}
#case ul li img{ width:100%; height:100%;}
#case ul li h3{ margin-top:10px; font-size:15px;}
#case ul li h4{ font-size:12px; margin-top:8px;}
#case ul li span:after{ background-size:36px;}
#wrap-process{ padding:40px 0;}
#process{ padding:0 0.5rem;}
#process ul{flex-wrap:wrap;}
#process ul li{ width:33.3%; padding:0; flex:none; margin-bottom:20px;}
#process ul li i{ width:60px; height:60px; background-size:100%;}
#process ul li h3{ font-size:15px; margin-top:10px;}
#process ul li p{ padding:0 8px;font-size:12px;}
#process ul li h4:before{left: calc(((750px / 6) / 2) * -1); right: calc((750px / 6) / 2);z-index:1;}
#process ul li:nth-child(4) h4:before{ display:none;}
#process ul li h4 em{ background:#43afa0; position:relative; z-index:9;}
.wrap-white.p3{ padding:40px 0;}
#news-title{ padding:0 1rem;}
#news-title h2{font-size:24px;}
#news-title a{font-size: 14px;background-size: 34%;padding-right: 60px;}
#news{ display:block; padding:0 1rem; margin-top:20px;}
#news .left{ width:100%; height:auto;}
#news .right{ width:100%; margin-left:0;height:auto; margin-top:20px; border-top:1px #e5e5e5 solid; padding-top:25px;}
#news .left span{ width:100%; height:15rem;}
#news .left img{ width:100%; height:100%;}
#news .left h4{ margin-top:10px; font-size:14px;}
#news .right ul li{ height:auto; margin-top:20px; padding-bottom:20px;}
#news .right ul li h4{margin-top:10px; font-size:14px;}
#wrap-partner{ padding:40px 0;}
#partner{ padding:0 1rem; margin-top:20px;}
#partner ul li{width:33.3%;height: calc((750px / 6) / 1.6962);}
#partner ul li img{width: 100%;height:100%;}
#partner ul li:nth-child(-n + 6):after{ border-top:none;}
#partner ul li:nth-child(-n + 3):after{ border-top:1px #e5e5e5 solid;}
#partner ul li:nth-child(4):after{ border-left:1px #e5e5e5 solid;}
.wrapper.min{ width:100%; padding:0 1rem; overflow:hidden;}
.f-menu{ display:none;}
.f-line{ display:none;}
#f-contact h2{ text-align:left;}
#f-qrcode img{ width:98px; height:98px;}
#f-contact,#f-qrcode{ padding-bottom:30px;}
#copyright{ font-size:13px; padding:1rem 0; height:auto; line-height:26px;}

.ny-banner{ padding-top:3.75rem}
.ny-banner #lm-banner{ height:8rem; background-size:230% !important;}
#menu{ display:none;}
#sj-menu{ display:block;width:100%;}
#sj-menu dl{ width:100%; display:flex; padding:0 1rem;justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; }
#sj-menu dl::-webkit-scrollbar{ display:none;}
#sj-menu dl dd{height:58px; line-height:58px; margin-right:44px; font-size:16px; overflow: visible;  box-sizing: border-box;}
#sj-menu dl dd:last-child{margin-right:0;}
#sj-menu dl dd a{display:block;}
#sj-menu dl dd a:hover{color:#43afa0;}
#sj-menu dl dd.current{height:58px; border-bottom:3px solid #43afa0;}
#sj-menu dl dd.current a{color:#43afa0;}

#sj-menu span{ display:block;height:40px; line-height:40px; margin-left:0; padding-left:34px; background:url(img/home.png) no-repeat 10px center; font-size:14px; color:#999; overflow:hidden; border-bottom:1px solid #dcdcdc;}
#sj-menu span a{color:#666;}
#sj-menu span a:hover,#menu span em{color:#43afa0;}
#sj-menu .wrapper.min{ padding:0;}
#lm-about-title{padding: 20px 0;background-size: 40%; height:auto;}
#lm-about-title h2{ font-size:20px;}
#lm-about-title h3{ font-size:16px; margin-top:5px;}
#lm-about{line-height: 30px;margin-top: 25px;font-size: 14px;}
#lm-number{ padding:0; margin-top:20px; height:120px; margin-left:-1rem; margin-right:-1rem;}
#lm-number ul{ height:120px;}
#lm-number ul li h3 span {height: 40px;line-height: 40px;font-size: 32px;}
#lm-number ul li h3 em{font-size: 14px;}
#lm-number ul li h4{ margin-top:5px;font-size: 12px;}
.wrap-gray.p1{ padding:40px 0;}
#lm-title h2{ font-size:24px;}
#lm-title h3{ margin-top:0; font-size:14px;}
#lm-team .swiper-slide section{ padding:66px 20px;}
#lm-team{margin: 40px -20px 0 -20px;}
#lm-team,#lm-team .swiper-wrapper{height:170px;}
#lm-team .swiper-slide{ width:100%;height:170px; padding:0 10px; border-radius: 100%; box-sizing: border-box; overflow: hidden;}
#lm-team .swiper-slide a{ width:100%; height:170px;}
#lm-team .swiper-slide img{width:100%; height:100%;}
#lm-team:before{ width:20px;}
#lm-team:after{ width:20px;}
#lm-team .swiper-button-next{ background-size:60%;}
#lm-team .swiper-button-prev{ background-size:60%;}
#lm-team .swiper-button-prev, #lm-team .swiper-button-next{ top:40%;}
#business-list ul li{ height:auto;}
#business-list ul li a{ display:block;}
#business-list ul li .img{ width:100%; height:13rem;}
#business-list ul li .img img{ width:100%; height:100%;}
#business-list ul li .text{ width:100%; height:auto; padding:15px;}
#business-list ul li .text h3{ font-size:20px;}
#business-list ul li .text i{ width:36px; margin-top:15px;}
#business-list ul li .text p{ height:auto; font-size:14px; line-height:28px; margin-top:15px;-webkit-line-clamp: 18;}
.wrap-white.p4{ padding:40px 0;}
#case-list ul{margin: -20px 0 0 -22px;}
#case-list ul li{ width:43%; height:10rem;margin: 20px 0 0 22px;}
#case-list ul li span{ width:100%; height:6rem;}
#case-list ul li img{ width:100%; height:100%;}
#case-list ul li h3{ margin-top:10px; font-size:15px;}
#case-list ul li h4{ font-size:12px; margin-top:8px;}
#case-rmd ul li span:after{ background-size:36px;}
.wrap-gray.p2{ padding:40px 0;}
#case-detail{ display:block; padding:0;}
#case-detail .left{ width:100%; height:12rem;}
#case-detail .right{ width:100%; height:auto; margin:0; padding:30px 20px;}
#case-detail .left .swiper-container{ width:100%; height:100%;}
#case-detail .left .swiper-wrapper{ width:100%; height:100%;}
#case-detail .left .swiper-slide{ width:100%; height:100%;}
#case-detail .left .swiper-slide img{ width:100%; height:100%;}
#case-detail .left .swiper-pagination{ bottom:15px;}
#case-detail .left .swiper-button-prev, #case-detail .left .swiper-button-next{ top:50%;}
#case-detail .right h1{font-size:20px;}
#case-detail .right i{ margin-top:1rem;}
#case-detail .right .text{ margin-top:12px; font-size:14px; line-height:30px; height:auto;}
#case-rmd{ height:160px; overflow:hidden;}
#case-rmd-title h2{ font-size:16px;}
#case-rmd-title a{font-size:14px;}
#case-rmd ul{margin: -20px 0 0 -22px;}
#case-rmd ul{margin: -20px 0 0 -22px;}
#case-rmd ul li{ width:43%; height:10rem;margin: 20px 0 0 22px;}
#case-rmd ul li span{ width:100%; height:6rem;}
#case-rmd ul li img{ width:100%; height:100%;}
#case-rmd ul li h3{ margin-top:10px; font-size:15px;}
#case-rmd ul li h4{ font-size:12px; margin-top:8px;}
#news-list ul li{ margin-top:25px; padding:0 0 25px 0;}
#news-list ul li .date{ display:none;}
#news-list ul li .text{ width:58%;margin:0 10px 0 0;}
#news-list ul li .text h3{ font-size:16px;}
#news-list ul li .text p{height: 48px; line-height: 24px;margin-top: 10px;font-size: 14px;}
#news-list ul li .img{ width:40%; height:6rem;}
#news-list ul li .img img{ width:100%; height:100%;}
#news-detail{ display:block;padding: 30px 20px;}
#news-detail .left{ width:100%; margin-right:0; }
#news-detail .right{ width:100%; margin-top:30px;}
#article-title{ font-size:18px; height:auto;}
#article-info{ margin-top:10px; font-size:14px;}
#article-line{ margin-top:15px;}
#article{ line-height:30px; font-size:14px; margin-top:25px;}
#prev-next{ display:block;}
#prev-next p{ font-size:15px;height: 18px; line-height: 18px;display: flex; margin-bottom:10px;}
#prev-next a{ display:inline-block; width:80%;max-width:80%;  }

#news-rmd ul li span{ width:100%; height:12rem;}
#news-rmd ul li img{ width:100%; height:100%;}
#news-list ul li .text .sj-time{ display:block; font-size:14px; color:#999; margin-top:5px;}
#news-rmd ul li section h3{ font-size:14px;}
#contact{ display:block;}
#contact .left{ width:100%; margin-right:0;}
#contact .right{ width:100%; padding:20px; margin-top:30px;}
#contact .left h2{ font-size:20px;}
#contact .left h3{ margin-top:8px; font-size:16px;}
#contact .left .text{ margin-top:25px;}
#contact .left .text p{ font-size:14px;}
#contact .right h2{ font-size:20px;}
#contact .right p{ margin-top:6px; font-size:14px;}
#contact .right .form{ margin-top:24px;}
#contact .right .form .input{ height:48px;}
#contact .right .form button{ height:48px; line-height:48px;}
#map{ height:220px;}



}



@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:1.3125rem; 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 0 0 20px; display:flex; justify-content:space-between;}
#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:10%; 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;}
#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:50px 0;}
.wrapper{ width:100%;}
#about{ padding:0 1rem;}
#about .left{ width:50%;background-size:100% 100%; height:auto}
#about .left h3{ font-size:18px;}
#about .left h2{ top:80px; font-size:28px;}
#about .right{ height:auto;}
#about .right .text p{ height:120px;line-height: 30px;font-size: 14px;}
#about .right .text h4{ margin-top:10px;}
#about .right .text h4 a{font-size:14px; background-size:40%;padding-right: 60px;}
#about .right .text{ height:198px; padding-left:0;}
#about .right .number{ padding-left:40px; margin-top:0;height:114px;}
#about .right .number ul{ height:114px;}
#about .right .number ul li h3 span{font-size:38px;}
#about .right .number ul li h3 em{font-size:14px;}
#about .right .number ul li h4{ margin-top:0; font-size:14px;}
.title { font-size:28px;}
#case-tab span{ font-size:15px;}
#case{ padding:0 1rem;}
#case ul li{ width:30%; height:auto;}
#case ul li span{ width:100%; height:8rem;}
#case ul li img{ width:100%; height:100%;}
#case ul li h3{ font-size:16px;}
#case ul li h4{ margin-top:10px;}
#wrap-process{ padding:50px 0;}
#process ul li{ padding:0 10px; }
#process ul li i{ background-size:80%;}
#process ul li p{ font-size:13px; margin-top:10px;}
#process ul li h4:before{left: calc(((768px / 6) / 2) * -1); right: calc((768px / 6) / 2);z-index:1;}
.wrap-white.p3{ padding:50px 0;}
#news-title{ padding:0 1rem;}
#news-title h2{ font-size:28px;}
#news{ margin-top:30px; padding:0 1rem;}
#news .left{ width:40%; height:auto;}
#news .right{ flex:1; height:auto; margin-left:30px;}
#news .left span{ width:100%; height:13rem;}
#news .left img{ width:100%; height:100%;}
#news .right ul li{ height:auto; margin-top:30px;padding-bottom:27px;}
#news .right ul li h4{ margin-top:24px;}
#wrap-partner{ padding:50px 0;}
#partner{ margin-top:25px; padding:0 1rem;}
#partner ul li{width:25%;height: calc((768px / 6) / 1.25);}
#partner ul li img{width: 100%;height:100%;}
#partner ul li:nth-child(5):after{border-top:0;border-left:1px #e5e5e5 solid;}
#partner ul li:nth-child(6):after{border-top:0;}
#footer{ padding:50px 16px 0 16px;}
.wrapper.min{ width:100%;}
.f-menu,.f-line{ display:none;}
#f-contact{ width:50%;max-width:50%;}
#f-contact h2{ text-align:left;}



.ny-banner{ padding-top:3.75rem}
.ny-banner #lm-banner{ height:12rem; background-size:150% !important;}
#menu{ display:none;}
#sj-menu{ display:block;width:100%;}
#sj-menu dl{ width:100%; display:flex; padding:0 1rem;justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; }
#sj-menu dl::-webkit-scrollbar{ display:none;}
#sj-menu dl dd{height:58px; line-height:58px; margin-right:44px; font-size:16px; overflow: visible;  box-sizing: border-box;}
#sj-menu dl dd:last-child{margin-right:0;}
#sj-menu dl dd a{display:block;}
#sj-menu dl dd a:hover{color:#43afa0;}
#sj-menu dl dd.current{height:58px; border-bottom:3px solid #43afa0;}
#sj-menu dl dd.current a{color:#43afa0;}

#sj-menu span{ display:block;height:40px; line-height:40px; margin-left:0; padding-left:34px; background:url(img/home.png) no-repeat 10px center; font-size:14px; color:#999; overflow:hidden; border-bottom:1px solid #dcdcdc;}
#sj-menu span a{color:#666;}
#sj-menu span a:hover,#menu span em{color:#43afa0;}
#sj-menu .wrapper.min{ padding:0;}
#lm-about-title{padding: 20px 15px;background-size: 40%; height:auto;}
#lm-about-title h2{ font-size:20px;}
#lm-about-title h3{ font-size:16px; margin-top:5px;}
#lm-about{line-height: 30px;margin-top: 25px;font-size: 14px; padding:0 1rem;}
#lm-number{ padding:0; margin-top:20px; height:120px; margin-left:-1rem; margin-right:-1rem;}
#lm-number ul{ height:120px;}
#lm-number ul li h3 span {height: 40px;line-height: 40px;font-size: 32px;}
#lm-number ul li h3 em{font-size: 14px;}
#lm-number ul li h4{ margin-top:5px;font-size: 12px;}
.wrap-gray.p1{ padding:40px 0;}
#lm-title h2{ font-size:24px;}
#lm-title h3{ margin-top:0; font-size:14px;}
#lm-team .swiper-slide section{ padding:66px 20px;}
#lm-team{margin: 40px -20px 0 -20px;}
#lm-team,#lm-team .swiper-wrapper{height:170px;}
#lm-team .swiper-slide{ width:100%;height:170px; padding:0 10px; border-radius: 100%; box-sizing: border-box; overflow: hidden;}
#lm-team .swiper-slide a{ width:100%; height:170px;}
#lm-team .swiper-slide img{width:100%; height:100%;}
#lm-team:before{ width:20px;}
#lm-team:after{ width:20px;}
#lm-team .swiper-button-next{ background-size:80%; right:22px;}
#lm-team .swiper-button-prev{ background-size:80%; left:22px;}
#lm-team .swiper-button-prev, #lm-team .swiper-button-next{ top:40%;}
#business-list{ padding:0 1rem;}
#business-list ul li{ height:auto;}
#business-list ul li .img{ width:50%; height:auto;}
#business-list ul li .img img{ width:100%; height:100%;}
#business-list ul li .text{ width:50%; height:auto; padding:20px;}
#business-list ul li .text h3{ font-size:20px;}
#business-list ul li .text i{ width:36px; margin-top:15px;}
#business-list ul li .text p{ height:auto; font-size:14px; line-height:28px; margin-top:15px;-webkit-line-clamp: 18;}
.wrap-white.p4{ padding:40px 0;}
#case-list{ padding:0 1rem;}
#case-list ul{margin: -20px 0 0 -22px;}
#case-list ul li{ width:30%; height:auto;margin: 20px 0 0 22px;}
#case-list ul li span{ width:100%; height:8rem;}
#case-list ul li img{ width:100%; height:100%;}
#case-list ul li h3{ margin-top:10px; font-size:16px;}
#case-list ul li h4{ font-size:14px; margin-top:10px;}
#case-rmd ul li span:after{ background-size:36px;}
.wrap-gray.p2{ padding:40px 0;}
#case-detail{ display:block; padding:0 1rem;}
#case-detail .left{ width:100%; height:25rem;}
#case-detail .right{ width:100%; height:auto; margin:0; padding:30px 20px;}
#case-detail .left .swiper-container{ width:100%; height:100%;}
#case-detail .left .swiper-wrapper{ width:100%; height:100%;}
#case-detail .left .swiper-slide{ width:100%; height:100%;}
#case-detail .left .swiper-slide img{ width:100%; height:100%;}
#case-detail .left .swiper-pagination{ bottom:15px;}
#case-detail .left .swiper-button-prev, #case-detail .left .swiper-button-next{ top:50%;}
#case-detail .right h1{font-size:20px;}
#case-detail .right i{ margin-top:1rem;}
#case-detail .right .text{ margin-top:12px; font-size:14px; line-height:30px; height:auto;}

#case-rmd-title{ padding:0 1rem;}
#case-rmd-title h2{ font-size:16px;}
#case-rmd-title a{font-size:14px;}
#case-rmd { padding:0 1rem; }
#case-rmd ul{margin: -20px 0 0 -22px;}
#case-rmd ul{margin: -20px 0 0 -22px;}
#case-rmd ul li{ width:30%; height:auto;margin: 20px 0 0 22px;}
#case-rmd ul li span{ width:100%; height:8rem;}
#case-rmd ul li img{ width:100%; height:100%;}
#case-rmd ul li h3{ margin-top:10px; font-size:15px;}
#case-rmd ul li h4{ font-size:12px; margin-top:8px;}
#news-list{ padding:0 1rem;}

#news-list ul li{ margin-top:25px; padding:0 0 25px 0;}
#news-list ul li .date{ display:none;}
#news-list ul li .text{ width:58%;margin:0 10px 0 0;}
#news-list ul li .text h3{ font-size:16px;}
#news-list ul li .text p{height: 48px; line-height: 24px;margin-top: 20px;font-size: 14px;}
#news-list ul li .img{ width:40%; height:10rem;}
#news-list ul li .img img{ width:100%; height:100%;}
.wrap-gray.p3{ padding:2rem 1rem;}
#news-detail{ padding:20px; }
#news-detail .left{ width:60%; margin-right:0; }
#news-detail .right{ width:32%; margin-top:0px; margin-left:30px;}
#article-title{ font-size:18px; height:auto;}
#article-info{ margin-top:10px; font-size:14px;}
#article-line{ margin-top:15px;}
#article{ line-height:30px; font-size:14px; margin-top:25px;}
#prev-next{ display:block;}
#prev-next p{ font-size:15px;height: 18px; line-height: 18px;display: flex; margin-bottom:10px;}
#prev-next a{ display:inline-block; width:80%;max-width:80%;  }
#news-rmd ul li section{ padding:15px;}
#news-rmd ul li span{ width:100%; height:9rem;}
#news-rmd ul li img{ width:100%; height:100%;}
#news-list ul li .text .sj-time{ display:block; font-size:14px; color:#999; margin-top:15px;}
#news-rmd ul li section h3{ font-size:15px;}
#contact{ padding:0 1rem;}
#contact .left{ width:auto; margin-right:0;}
#contact .right{ width:52%; padding:50px 30px; margin-top:0px;}
#contact .left h2{ font-size:20px;}
#contact .left h3{ margin-top:8px; font-size:16px;}
#contact .left .text{ margin-top:25px;}
#contact .left .text p{ font-size:14px;}
#contact .right h2{ font-size:20px;}
#contact .right p{ margin-top:6px; font-size:14px;}
#contact .right .form{ margin-top:24px;}
#contact .right .form .input{ height:48px;}
#contact .right .form button{ height:48px; line-height:48px;}
#map{ height:280px; width:96%; margin:30px auto 0 auto;}





}