@media screen and (max-width: 1024px){
  a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
  

  .top_bg{background-size: cover;}
	.content{width: auto;margin: 0 18px;overflow: hidden;padding-bottom: 0px;}
	.content .rec_con ul li{width: 225px;padding: 2px;margin: 0 6px;}
	.content .rec_con ul li img{width: 225px;}
	.content .rec_con ul li .a-index{width: 225px;top: 2px;left: 2px;}
	.content .rec_con ul li .a-index h2{top: 0; left: 0;font-size: 1.7em;width: 98%;}
	 .topTel{display: none!important;}
	 .navList{display: none!important;}
	 /*.navLogo img{ width: 90px!important;}*/
	 .navRbg{display: block;width: 50px;height: 50px;margin:0px auto;right: 8px;}
	 .animated2{background: rgba(0,0,0,0.4)}
	 .animated2 .icon-bar{background-color: #fff!important;}
   .animated .top,.animated2 .top  {
  -webkit-transform: translateY(3px) rotateZ(45deg);
  -moz-transform: translateY(3px) rotateZ(45deg);
  -ms-transform: translateY(3px) rotateZ(45deg);
  -o-transform: translateY(3px) rotateZ(45deg);
  transform: translateY(3px) rotateZ(45deg);
}
	.contentNum_number li{width: 50%; float: left; height: 200px;line-height: 200px;font-size: 16px;text-align: center;}
  .caseNav,.preview,.serviceXc .xtbxc,.dzContent,.acContent,.ydCont,.ydMatter,.case_cont ul{width: 100%;}
  .btn-nav {width: 25px;margin:16px auto;}
.icon-bar{height: 4px;margin:3px 0px;}
.fixedNav{height: 60px;}
.fixedNav a.logo_red  img{width: 90px;}
  .disblock{display: block;}
  .mgt70{font-size: 14px;}
  .fixedNav_mid{width: 60%;display: flex;display: -webkit-flex; flex-direction: row; justify-content:space-between;align-items: center;}
  .navRbg2{background: rgba(0,0,0,0.4)}
  .contactUl1{display: flex;display: -webkit-flex; flex-direction: column; justify-content:center;align-items: center;}
  .pr_p{position: relative;}
  .pc_Link{display: none;}
  .h5_display{display: block!important;}
   .h5_undis{display: none!important;}
   .caseBanner img{height: auto;}
   
   .newsContent{ position:relative; z-index:99;}

   /*案例累积*/
.caseContent,.newsContent{margin-top:270px;}
.caseNav{width: 90%;height:38px;margin:0px auto!important;left:0px;top: -38px;}
.caseNav_mid{width: 100%;margin: 0px auto;overflow: hidden;}
.caseNav_ul{overflow-x: scroll;overflow-y: hidden;}
.caseNav a{padding:0px 20px;}

.bannerwz{width: 100%;left:0px;font-size: 18px;margin-left: 0px;top:70px;display: flex;justify-content: space-around;}
.bannerwz span{font-size: 40px;margin:0px 5px;font-weight: 700;}
.caseNav ul li{line-height: 38px;font-size: 14px;}
.caseOfficial-img li{margin:22px auto 0px;}
.service{border-radius: 4px;height: 42px;line-height: 42px;}
.serviceb_L p{line-height: 28px;}
.serviceb_L h2{font-size: 26px;}
.serviceBanner .submit{margin: 30px auto 0px;}
.actLogo{width: 90px;left:20px;top: 15px;}
.close{width: 22px;right:30px;top: 18px;}

.contact1{font-size: 26px;}

.serviceBanner{background: url(../images/servicebg.png) no-repeat center;background-size:cover;}
.case01 div a{color: #7E7E7E;}
.detailsRight_zw{line-height: 28px;font-size: 12px;padding:0px 16px;}
.Related{font-size:12px;padding:24px 0px 0px;}
.Related span{font-size: 18px;line-height: 24px;}
.detailsRight_bt{font-size: 20px;line-height: 26px;}
.detailsRight_bt1{font-size: 12px;}
.case1_info{padding:10px 16px}
.caseOfficial-span1{font-size: 14px;line-height: 20px;margin-top: 0px;}
.caseOfficial-span2{font-size: 12px;margin-top: 4px;line-height: 18px;}
.toBackNav a{font-size: 16px;}
.bottom .corpy{margin:16px 0px 17px 0px;}
.top_nav_active:hover .redg img{animation:none;}
#detQh{width: 691px;}
.case01 .a_video{height: 240px;}
.case01{margin:0 6px 20px 0px;}
.sitemapTitle{width: auto;padding:80px 24px 50px;}
.botCont{margin:0px 24px;width: auto;}

/*bottom*/
.clientDZ,.clientDZ2 {height:auto;/*background-attachment: initial;*/}
.clientDZ2 p,.clientDZ p{color: #fff;padding-top: 33px;font-size:18px;text-align: center;}
.clientdzImg{padding-bottom: 40px; width: 90%;}
.clientdzImg img{margin:24px 0px 0px; width:100%;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/*.data_list li:nth-child(3n+3){margin-right: 0px;}*/


}
@media screen and (max-width: 834px){

  /*hello*/
.content_hello{font-size: 20px;padding-top: 46px;}
.content_hello span{font-size: 26px;}
.content_sheep{width: 100%;overflow: hidden;padding-top: 30px;}
.content_sheep_left {width:100%; padding-top: 0px; font-size: 16px;text-align: center;overflow: hidden;}
 .content_sheep_content{width: 100%;overflow: hidden;margin:0px auto;}
.content_sheep_content img{width: 152px;margin: 40px auto;}
.content_sheep_right {width: 100%; margin-left: 0px; padding-top: 0px;  font-size: 16px;text-align: center;}
.contentServe li {margin-right: 0px; }
.case01 .case01_p2 a{font-size: 14px;}
.case01{margin:0 22px 20px 0px;}

  .case01{margin:0 22px 20px 0px;}
  .data_list{margin:0px 70px;}
}

@media screen and (max-width: 768px){
  .pc-fix{ display:none; }
  .m-fix{ display:block; }
  /*首页*/
html,body{width: 100%;height: auto;margin: 0px auto;font-family: PingFangSC-Regular,"Microsoft YaHei",sans-serif;font-size: 14px;overflow-x: hidden;}
.global{width: 100%;height:auto;overflow: hidden;font-size: 12px;}
.global p img{width:22px;margin:0px auto;}
.serviceXc .xtbxc,.dzContent,.acContent,.ydCont,.ydMatter,.newdeta{width: 90%!important;margin:20px auto 0px;overflow: hidden;}
.preview{width: auto;margin:20px 24px 0px;}
.item-anchor span{font-size: 26px;}

.pageTe .swiper-slide{ flex-direction:column; }
.pageTe .swiper-slide>div:nth-child(2){ margin-top:15px; }
.swiper .slide5{ padding-top:60px; }
.pageTe .serviceb_R{ width:75%; }
.pageTe .toBackNav{ margin-bottom:10px; }
.wzjs_page1 .dzfw_page1{ width:60%; }
.serviceCase2_R{ width:56%; }

.top_bg{animation:bg 50s linear infinite;
		-webkit-animation:bg 50s linear infinite;
		-moz-animation:bg 50s linear infinite;
		-ms-animation:bg 50s linear infinite;
		-o-animation:bg 50s linear infinite;}

.nav_all .h5_nav img{ width:26px; }
.case_li1.m-fix span{ display:block; }

.navLogo{left: 3%; top:14px;}
.navLogo a img{width: 78px;}
.navbttom{display: none;}
.Websites{padding:12px 0 4px ;font-size: 12px;}
.content_sheep p{line-height: 32px;font-size: 14px;}

.idxServe{margin:-6px auto;}
.fixedNav .logo .logo_red{padding:0px;width: 90px;margin:0px auto;float: none;}
.fixedNav .logo a.h5_nav img{width: 20px;}
.serviceJX{width: 28px;height: 4px;}
.margin-0{margin:0px auto;}
/*.menu_2{margin-top:10px;}*/
.menu_2 p{line-height: 36px;}
.h_sjln{width: 38px;}
.caseNav li:first-child{margin-left: 0px;}

.top_logo{width: 192px;margin-left: -96px;top:20%; }
.top_nav{position: absolute;width: 80%;left:10%; bottom: 20%;margin-left:0px;z-index: 999;}
.top_nav li{display: inline-block;text-align: center;color: #fff;*display: inline;zoom:1;width: 50%;text-align: center;float:left;margin-bottom: 40px;}
.top_nav_right{margin-right:0px;}
.top_nav li a{color: #fff;font-size: 16px;}
.top_nav li a img{width: 22px;}
.top_bottom{width: 36px;height:30px;margin-left: -18px; }
.top_bottom_right{width: 100%;text-align: right;right: 10px;bottom: 10px;font-size: 12px;}

.nav-list{display: none;}
#nav_list{display: flex!important;color: #adadad;}
#nav_list ul li{}
#nav_list p{font-size: 14px;font-style:italic;}
#nav_list p.describe{margin-top: 0px; display:none !important; }
#nav_list .p1{font-size: 22px;font-style: normal; line-height: 40px}
.itemon{font-style: italic;color: #DCA27A;}
.menu2{font-size: 20px;}
.itemon a{color: #DCA27A;}
.refer,.topTel,.navList,.qq{display: none!important;}
.b_line{border-bottom: 1px solid #3f3f3f;width: auto ;margin:0px 18px;}
.b_line:last-child{border-bottom:none!important;}
.b_line ul li:last-child{padding-bottom:30px;}
.b_line h4{font-size:16px;display: flex;display: -webkit-flex; flex-direction: row; justify-content:space-between;align-items: center;line-height: 56px;}
.b_line .span2{background: url(../images/pluse1.png) no-repeat;width: 11px;height: 11px;background-size: 100% 100%;}
.b_line .span2.on{background: url(../images/pluse2.png) no-repeat;background-size: 100% 100%;}
 .b_line a{color: #FFF;text-decoration: none;line-height: 30px;font-size: 12px;}
 .bottom_bg{padding:20px 0px 0px;}

/*hello*/
.content_hello{font-size: 24px;padding-top: 86px;}
.content_hello span{font-size: 44px;}
.content_sheep{width: 100%;overflow: hidden;padding-top: 30px;}
.content_sheep_left {width:100%; padding-top: 0px; font-size: 16px;text-align: center;overflow: hidden;}
 .content_sheep_content{width: 100%;overflow: hidden;margin:0px auto;}
.content_sheep_content img{width: 152px;margin: 40px auto;}
.content_sheep_right {width: 100%; margin-left: 0px; padding-top: 0px;  font-size: 16px;text-align: center;}
.contentServe li {margin-right: 0px; }
.case01 .case01_p2 a{font-size: 14px;}
.case01{margin:0 22px 20px 0px;}

.contentServe{margin: 16px auto 0px; overflow: hidden;}
.contentServe ul li{width: 100%; overflow: hidden;font-size: 14px;}
.contentServe ul li.li2{padding:10px;}
.contentServe ul li.li3 img{ width: 48px; margin: 0px auto; }
.contentServe_look{width:100%; height: 250px;background:url(../images/space.jpg) no-repeat; background-size: 100% 100%;margin-top: 16px;}
.contentServe_space{background:url(../images/statue.jpg) no-repeat center top; background-size: 100% 100%;}
.contentServe_tui{background:url(../images/tui.jpg) no-repeat center  top; background-size: 100% 100%;}
.contentServe_look ul li{line-height: 28px;}
.contentServe_look ul .li1,.contentServe_look ul .li3 { font-size: 14px;line-height: 28px;}
.contentServe_look ul .li2 { font-size: 18px;line-height: 24px;}
.contentServe_look ul .li3 {  margin: 10px 0 ; }
.contentNum_number{width: 100%;margin: 0px auto; padding:38px 0px;}
.contentNum_number li{width: 50%; float: left; height: 48px;line-height: 48px;font-size: 14px;text-align: center;margin:7px auto;}
.contentNum_number li span,.newAdd li span{line-height: 20px;}
.contentNum_number li span.num_middle{font-size:34px;padding: 0 10px;line-height: 48px;}
.returnMTop a{width: 60px; height: 60px; margin: -30px 0 0 -30px!important;} 
.returnTop{width: 54px;height: 54px;right: 18px;top:85vh;}
.indexCot .submit{width:100%;margin:24px auto 42px auto;}
.toBackNav{width: 100%; height: 42px;line-height:42px;position: relative; margin:0px auto 60px auto;cursor: pointer;border-radius: 4px;}
.indexMore{width: 100%;font-size: 16px;border-radius: 4px;height: 42px;line-height: 42px;}
.indexMore a{width: 100%;height: 42px;}
.contentMould{font-size: 14px; padding-top: 10px;line-height: 28px;}
.caseBanner{top: 60px;}
.caseN ul li span,.newsContent ul li span,.aboutTab li span{border-left:1px solid #D0D0D0;margin:0 20px;}

.nav_blur{position: absolute;right: 0px;top:0px;z-index: 9;width: 48px;height: 38px; background: url(../images/nav_blur.png) no-repeat center top;background-size: 100% 100%;}
.case01 .case01_p2{font-size: 12px;margin:8px auto 2px;}
.case01 .case01_p3{font-size: 12px;height: 18px;line-height: 18px;margin:0px auto 8px;}
.case01{width:47%;margin:0px;margin-bottom:20px;}
.hr70{width: 100%;height: 60px;}

.case_cont{margin:16px auto 0px;padding-bottom: 0px;}
.casezt{font-size: 12px;line-height: 16px;margin:8px 14px;}
.mg14{margin:14px 0px;}
.detPc{width: 16px;margin-right: 3px;}
.detBi {margin-left: 14px;margin-right: 3px;width: 15px;}

.sitemap{display: none!important;}
.container{background: url(../images/bg-sitemap.gif) center center repeat;color: #fff;width:100%;height:auto;display: block!important;position:relative;z-index:995;}
.bottom_list{width:80%;margin:0px auto;height: 100vh;display: flex;display: -webkit-flex; flex-direction: column; justify-content:space-around;align-items: center;}
.sitemapTitle {width: 90%;margin-left: 5%; position: relative;}
.sitemap_title{width:100%;margin-top: 20px;margin-bottom:20px;}
.contentNum{ /*background-attachment: initial;*/ }

.botCont {width: 90%; margin: 0 auto;}
.botCont a img{width: 80px;}
.data_list{display: flex;display: -webkit-flex; flex-direction: row;  flex-wrap:wrap;justify-content:space-between;align-items: center;padding-bottom: 15px;margin:0px auto;}
/*.data_list li:nth-child(2n+2){margin-right: 0px;}*/

/*案例详情*/

.caseMain p img{width: 100% !important; height: auto!important;}
.photo{width: 691px;margin:0px auto;}
.photo .box{position: relative;}
#detQh{width: 100%;height: 26px;margin:36px auto;}
.pc,.ipd,.yd,.mp4{display: inline-block;*display: inline;zoom:1;cursor: pointer;width: 60px; height: 26px;}

.photo .box li{background:url(../images/H5.png) center top no-repeat;background-size: 100% 100%;width:135px;height: 280px;margin:0px  9px;}
.photo .boxContent img.h5pic,.photo .boxContent .h5img video{width:116px;height: 263px;margin-top:8px;margin-left: 10px;}
.returnMTop{position: relative;z-index: 997;}
.l_icon img{width: 24px;}
.pc_border{border-radius: 6px;}
.casedetail{margin:0px 18px;}
.case01 .a_video{height: 130px;overflow: hidden;display: block;}
.data_list video{height: 130px!important;display: block;}


/*新闻资讯*/
.articlebody{font-size: 12px;}
.newPage{font-size: 12px;}
.newDown,.newUp{width: 100%;}
.newPage{flex-wrap: wrap;}

/*关于未林*/
.newsbanner{width:100%;position:fixed;left:0px;top:8px;display:block;background:url(../images/newsbanner.jpg) no-repeat center center;background-size:100%;height:250px;}
.newsbanner img{width:100%;}
.newBanner{display:none;}
.newstitle{width:300px;margin:0px auto;position:absolute;z-index:9;left:50%;margin-left:-150px;text-align:left;top:50px;}
.newstitle p{font-size:16px;line-height:30px;color:#417bb5;}
.project{margin-bottom:0px;}
.projectDL{height:auto;/*background-attachment: initial;*/}
.newProject{width:90%;padding:0px;}
.timp_year{font-size:12px;}
.caseCommentary{width:100%;font-size:12px;margin:8px 0px 16px;}
.caseCommentary a{line-height: 24px;}
.time_top span{font-size: 18px;font-weight: 700;}
.project_case h2 a{font-size: 16px;}
.project_L,.project_R{width: 100%;margin-bottom:40px;}
.project_time{width:14%;height:72px;font-size: 12px;}
.project_case{width:84%;float:right;margin-top:-72px;}
.aboutLogo{width:220px;margin:30px auto 60px;}
.clientImg{width:100%;margin: 20px auto 46px;}
.sdjianjie{font-size: 14px;}
.sdjianjie1{margin: 14px auto; font-size:12px; line-height:28px;}
.sdDz{font-size: 12px;margin-top: 14px;}
.aboutSd{font-size:22px;}
.abSever{margin-top:15px;}
.mbm50{margin-bottom:30px;width:100%;}
.hopeful{font-size:18px;margin:34px auto 46px;}
.hzkh img{width:100%;margin: 40px auto 0px;}
.abtbgCont{color: #fff;font-size: 18px;width: 300px;text-align: center;line-height: 30px;position: absolute;top:50px;left: 50%;margin-left:-150px;}
.abtbgCont span{font-size: 16px;}
.abtActive{display:none;}
.abtActive_list_right{width:100%;margin:0 auto;background:url(../images/line.png) left center repeat-y;background-size:2px auto;padding-bottom: 10%;display:block; background-position:16px;overflow: hidden;}
.timeStart{margin-top:30px;margin-left:0px;}
.timeEnd{margin:0px 0px 46px;}
.timeStart,.timeEnd{width: 32px;height: 32px;}
.tem1,.tem2{margin-bottom:50px;}
.tem2Png{width:310px;}
.xmxq{left: 75%;top: 18px;}
.xmxq img{width: 80px;}
.khfk_all_r{overflow: hidden;}
.khfk_icon{width: 30px;}
.khfk_icon img{width: 25px;height: 25px;border-radius: 2px;}
.khfk_bg{width: 247px;height: 70px;padding:8px 8px 8px 16px;font-size: 12px;line-height: 18px;}
.khfk_info span{font-size: 12px;line-height: 18px;}
.khfk_info{width: 304px;}
.khfk_info p{line-height: 18px;}
.khfk_content{width: auto;margin:8px 13px;}
.activeR{left:0px;}
.tuoyuanL{width: 18px;height: 18px;}
.tuoyuanR{top:7px;left:7px;width: 18px;height: 18px;}
.detailsLook .submit,.detailsLook .submit1{width: 144px; margin:30px 10px 0px;height: 42px;line-height: 42px;}
.lookOfficial,.dzOfficial{height: 42px;line-height: 42px;font-size: 16px;border-radius: 4px;}
/**/
.detailsDZ{margin:60px auto 0px 0px;}
.detailsDZ_ul{padding-top:50px;padding-bottom: 46px;}
.detailsDZ_left, .detailsDZ_right{width: auto;}
.newContent{width: 100%;}
.newdet{height: 152px;}
.newdet img{max-width: 756px;height: auto;}
.newLy li{margin-top:10px;font-size: 12px;}
.newContent h1{font-size: 18px;}
.serviceCase h1{font-size: 26px;}

}
@media screen and (max-width: 480px){
  .photo{width: 100%;margin:0px auto;}
  #detQh{width: 100%;}
  .caseImg{width: 100%; height: 130px;}
  .h5_undis2{display: none!important;}
  .corpy{text-align: center;}
  .projectDL,.contentNum,.clientDZ,.clientDZ2{ background-attachment: fixed; }
}

.slide-down{-webkit-animation: slide-down .5s ease-in;}
@-webkit-keyframes slide-down{
    0%{transform: scale(1,0);}
    25%{transform: scale(1,1.2);}
    50%{transform: scale(1,0.85);}
    75%{transform: scale(1,1.05);}
    100%{transform: scale(1,1);}
}
@media screen and (max-width: 320px){
  .Websites{padding: 22px 0 4px;font-size: 16px;}
  .top_logo{top: 10%;}
  .top_nav {bottom: 15%;}
}

.masonry{ margin-top:-10px; }
.progress_bar{width: 98%;border-radius: 4px;background-color: #C6CBCB;box-shadow: inset 0 1px 1px #c9c9c9,inset -1px 0 2px #7E7E7E;display: block;position: relative;padding: 0;margin: 10px auto;}
.progress_bar .progress_bar_x{display: block;width: 100%;position: absolute;z-index: 99;top: 0;bottom: 1px;opacity: 0.9;background-color: #5AB4F7;border-radius: 8px 4px 4px 8px;}
.waterfull{margin: 15px auto 0 auto;}
.waterfull ul li{float: left;width: 315px;position: relative;overflow: hidden;text-align: center;box-shadow:0 0 3px #e8e8e2;margin-top: 27px;background: #fff;}
.waterfull ul li .a-img{width: 315px;display: block;position: relative;}
.waterfull ul li .a-img img{width: 315px;display: block;}
.waterfull ul li .li-title{padding: 5px 0;overflow: hidden;color: #898686;background: #fff;border-bottom: solid 1px #DBDBDB;}
.waterfull ul li .li-title:before {border-color: rgba(0,0,0,0) rgba(0,0,0,0) #EEE;border-style: solid;border-width: 10px;content: "";display: block;position: absolute;margin: -24px 0 0 10px;width: 0;}
.waterfull ul li .description{padding: 5px 0;overflow: hidden;color: #898686;font-size: 1.3em;text-indent: 10px;background: #fff;border-bottom: solid 1px #DBDBDB;}
.waterfull ul li .qianm{background: #fff;}
.waterfull ul li .qianm .sp1{float: left;color: #898686;}
.waterfull ul li .qianm .sp1 b{color: #5DAA21;font-weight: bold;padding: 0 5px 0;font-size: 1.3em;}
.waterfull ul li .qianm .sp2{float: right;padding: 0 5px;color: #898686;}
.waterfull ul li .qianm .sp3{float: right;color: #898686;}
.item hr {margin: 18px 5px 0 5px;height: 1px;border: none;border-top: 1px solid #ebebeb;}