@import url('goble.css');
@import url('header.css');


.INav{width:100%;background: #f6f6f6;height:90px;padding: 20px 0;}
.INav .INav_list{ width: 19.2%; margin-right: 1%; background: #fff; height: 89px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.INav .INav_list:last-child{ margin-right: 0px;}
.INav .INav_list:hover{ box-shadow: 0px 0px 22px rgba(0,0,0,.15); transition: all 0.5s ease; cursor: pointer;}
.INav .INav_list .INav_list_txt{ margin-left: 17px;}
.INav .INav_list .INav_list_txt dd{ font-size: 16px; color: #333333; font-weight:bolder; margin-bottom:5px;}
.INav .INav_list .INav_list_txt dt{ font-size: 14px; color: #444444;}

.pc_all .pc_all_contnet{ max-width: 1300px; margin: 0 auto;}


/*服务流程*/
.liucheng-bg{width: 100%;height: 500px;background:url(../images/bg3.jpg) no-repeat;}
.liucheng{width:100%;padding-bottom:60px;text-align:center;-webkit-transform:translate(0,20%);-moz-transform:translate(0,20%);-ms-transform:translate(0,20%);-o-transform:translate(0,20%);transform:translate(0,20%)}

.detail{margin-top:3px;font-size:12px;color:#999}
.step{margin-top:16px;font-size:16px;color:#333}

.liucheng h3{font-size:22px;color:#333;font-weight:500}
.liucheng ul{overflow:hidden;width: 1240px;margin: 0 auto;}
.liucheng ul li{position:relative;float:left}
.liucheng ul li p{white-space:nowrap}
.liucheng ul li span{display:block}
.liucheng ul li+li{margin-left:44px}
.liucheng-yy{margin-left:5px}
.liucheng .liucheng-yy{width:84px}
.liucheng .liucheng-lf{width:172px}
.liucheng .liucheng-fa{width:144px}
.liucheng .liucheng-ht{width:140px}
.liucheng .liucheng-sg{width:154px}
.liucheng .liucheng-ys{width:140px}
.liucheng .liucheng-bz{width:112px}

.zzx-step-box{width:1240px;margin:28px auto 0 auto;height:33px}
.zzx-step-img{position:relative;float:left;margin-left:5px}
.zzx-step-img-first{margin-left:25px}

.icon-round {
  float: left;
  width: 33px;
  height: 33px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1RjQwMkE3NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1RjQwMkE4NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVGNDAyQTU0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVGNDAyQTY0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Wyi8EAAACqElEQVR42sRYTWsTURR9TYIhkEwh0xCSRQhKUSFrq0u7KFQF+xuq1I0a/4G/YXTlR/0LzcpiNy4saHWZgIq6mU0I6QSchIRIEj0n3MgYO/lgkpkLJzOEmXPO3DfvvXtnpVwuqzniCnBDjhcBHVgFfgIW8BX4CLyW49QoFAoqMsN1MWAXKMZisfVEIqFwVNFoVIXD4SH6/f4q0e12z3c6ne1ms/kYx++4xwD2gc4kgZUpmbgNPEkmkzld14fCswYMqUajoSzLMvkAQMktEyEXDqo90zStlM/nc9lsdi4DQwJcn8lkFO8HzwH5hPe/OGs4NLrGk18nideIx+NDVKvVPWRlHX/tALbzmvFMnAMOUqnUQgw4g3zkJb/ouJp4igxsptNptYwgL/mp42ZiB2O3t+gMnJUR6siw/GOC09DALFB+hOgYovvXxC6nIV8gP4I6GJYcTu84TRS5DvgZko2HIxMbXAnnXQe8BvWoW6lUNmhii0txECG6WzRxlXtBECG612jist9D4RwSxCWa0CORSCAmRHeNJrRQKBSICdFN8NceDAaBmBDdJk1YvV4vEBOie0oTn1mABBGi+4UmPqAUC8SE6L6niSPUhIGYEN0jmjiBo29+Dwn1qIsa82Q0Nw2UXr6aYBHMItq5i77Cn2ar1fLFAHWkCt93muAbUhR3fmWhOOpHnEtlybbtF6iKl2qA/NRx9iHj6/V9pOldrVZbigHygv8Ypw8mVdu/gFv1ev3tojNCPvLi9CYnxyQTShqTbTh+bpqm8vqy8n7ykI+8442PWwemxOk9jN0hYLAoZU3ooRd9JE2PmrUNdAZfnjcguguwK7/g7MpZD3A75m7IzUgWoOHTt9vtH1LWv/TalU/7PrEmvStTfCrfJz4Bh1yJgd+zfJ/4I8AACfkaufuzAtoAAAAASUVORK5CYII=) no-repeat
}
.step-num{position:absolute;top:7px;left:13px;font-size:14px;color:#a3a3a3}
.step-line{float:left;width:146px;height:1px;margin:16px 0 0 5px;background-color:#e3e3e3}

/*工地日志*/
.gongdi-bg{width: 100%;height: 700px;background:url(../images/bg2.jpg) no-repeat;}
.gongdi-cases{width:1220px;margin:0 auto;overflow:hidden;}
.gongdi-cases ul li{float:left;width:287px;padding:0 9px;margin-bottom:18px;position:relative;}
.gongdi-cases ul li a{display:block}
.gongdi-cases ul li a .a1{width:287px;height:178px;overflow:hidden}
.gongdi-cases ul li a .a1 img{width:100%;-webkit-transition:all .5s;transition:all .5s;}
.gongdi-cases ul li a .a2{padding:12px 15px;background:#3a3a3a;}
.gongdi-cases ul li a .a2 h5{font-size:14px;color:#fff;}
.gongdi-cases ul li:hover a .a1 img{-webkit-transform:scale(1.05);transform:scale(1.05)}

.gongdi-cases .fancy-categories{position:absolute;z-index:30;top:10px;left:15px;font-family:muen;padding:4px 9px;margin:0 0 2px;background-color:rgba(0,0,0,.75);color:#fff;}

.gongdi-cases .fancy-date{position:absolute;z-index:30;top:10px;right:15px;padding:4px 0;text-align:center;background-color:rgba(255,255,255,.95);color:#000;}
.gongdi-cases .fancy-date span{display: block;font-family:muen;}
.gongdi-cases .fancy-date .entry-month{font-size: 10px;}
.gongdi-cases .fancy-date .entry-date{font-size: 14px;padding: 2px;}
.gongdi-cases .fancy-date .entry-year{font-size: 8px;padding: 2px 1px;}
.gongdi-cases .fancy-date .updated{width:10px;margin:5px auto;text-align:center;border-bottom: 2px solid #333;border-top:2px solid #333;}

@font-face {
font-family: 'muen';
src: url('muen.eot');
src:
url('muen.eot') format('embedded-opentype'),
url('muen.woff2') format('woff2'),
url('muen.woff') format('woff'),
url('muen.ttf') format('truetype'),
url('muen.svg') format('svg');
font-weight: normal;
font-style: normal;
}

/*设计团队*/
.team-bg{width: 100%;height: 700px;background:url(../images/bg5.jpg) no-repeat;}
.team-list{width:1200px;position:relative;height:380px;z-index:9;margin:50px auto;}
.team-list ul li{float:left;width:270px;height:380px;margin:0 10px;background:rgba(0,0,0,0.9);position:relative;transition:background-color .5s;-moz-transition:background-color .5s;-webkit-transition:background-color .5s;-o-transition:background-color .5s;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

.solution-item-wrapper{width:270px;height:380px;}
.active .solution-item-wrapper{position:absolute;z-index:9;top:-35px;left:-25px;width:320px;height:450px;border-radius:8px;box-shadow:0 5px 40px rgba(0,0,0,.5)}

.team-list ul li p.solution-title{position:absolute;bottom:-40px;width:100%;text-align:center;color:#333;font-size:18px;z-index:2}
.team-list ul li.active p.solution-title{top:158px;font-size:22px}


/*案例*/
.cases-bg{width: 100%;height: 900px;background:url(../images/bg1.jpg) no-repeat;}
.pronav{width:815px;margin:20px auto 30px auto;overflow: hidden; zoom:1;}
.pronav a{ background: #ececec;  transition: all 0.5s ease 0s; height: 42px; line-height: 42px; border-right: #fff solid 1px; float: left; color: #585858; font-size: 14px; padding:0px 18px 0  52px;}
.pronav a:hover{ background-color: #333; color: #fff;}
.pronav a.ico1{ background-image: url(../images/ico1.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico1:hover{ background-image: url(../images/icohover1.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico2{ background-image: url(../images/ico2.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico2:hover{ background-image: url(../images/icohover2.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico3{ background-image: url(../images/ico3.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico3:hover{ background-image: url(../images/icohover3.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico4{ background-image: url(../images/ico4.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico4:hover{ background-image: url(../images/icohover4.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico5{ background-image: url(../images/ico5.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico5:hover{ background-image: url(../images/icohover5.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico6{ background-image: url(../images/ico6.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav a.ico6:hover{ background-image: url(../images/icohover6.png); background-position: 19px center; background-repeat: no-repeat;}
.pronav .all{ padding:0 17px; background: #333; font-size: 14px; color: #fff;}

.probox{width:1234px;margin:0 auto;overflow: hidden; zoom:1;}
.probox li{float: left;width: 30.3%; margin: 0 1.5%;}
.probox img{ display: block; width:372px; height:215px;}
.name{font-size: 18px; margin: 10px 0 20px 0; background: url(../images/pro_more.jpg) no-repeat right center; font-weight: normal;}
.name a{ color: #333;}

.sit_tit{color:#000;font-size:24px;line-break:30px;font-weight:400}
.sit_tit strong{font-size:30px;display:inline-block;margin-right:5px;vertical-align:middle}
.sit_tit span{font-size:24px;display:inline-block;margin-left:5px;vertical-align:middle}

.link_rect{display:block;width:100%;position:relative;overflow:hidden}
.link_rect .up-graybox{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;opacity:0;transition:all .4s ease 0s}
.link_rect:hover .up-graybox{opacity:1}
.link_rect img{transform:translateZ(0);transition:transform .3s ease 0s}
.link_rect:hover img{transform:scale(1.05,1.05);transition:transform .6s ease 0s}
.link_rect .up-graybox .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6}
.link_rect .up-graybox .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.link_rect .up-graybox .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s}
.link_rect .up-graybox .linet{top:0}
.link_rect .up-graybox .lineb{bottom:0}
.link_rect .up-graybox:hover .line{width:6px;margin-left:-3px;opacity:.6}


/*案例滑动*/
.case_pre_next{ position:absolute; z-index:3; right:20px; top:40px; width:80px; height:25px; }
.case_pre_next #prev{ width:32px;height:25px;background-position:0 -200px; text-indent:-999em;display:block; float:left }
.case_pre_next #prev:hover{ background-position:0 -230px;}
.case_pre_next #next{width:32px;height:25px;background-position:-32px -200px;text-indent:-999em;display:block;float:left}
.case_pre_next #next:hover{background-position:-32px -230px;}

/*合作伙伴*/
.hezuo-bg{width: 100%;height: 600px;background:url(../images/bg4.jpg) no-repeat;}
.hezuo{position:relative;width:1300px;margin:0 auto;top:0;}

.hezuo .prev,.hezuo .next{position:absolute;left:0px; top:100px; display:block; width:40px; height:40px; overflow:hidden;background:url(../images/child-left.png) no-repeat left center;cursor:pointer;}
.hezuo .next{left:auto; right:0;background:url(../images/child-right.png) no-repeat left center;}
.hezuo .next:hover{width:40px; height:40px;background:url(../images/child-right2.png) no-repeat left center;}
.hezuo .prev:hover{width:40px; height:40px;background:url(../images/child-left2.png) no-repeat left center;}

.hezuo_content{width:1080px;height:220px;margin:10px auto 0 100px;position: relative;overflow: hidden;}
.hezuo_content ul{width:1080px;margin:10px auto 0 100px;float: left;}
.hezuo_content ul li{position:relative;float:left;width:140px;padding:5px;margin: 0 10px 20px 10px;background: #fff;border-radius:5px;}
.hezuo_content ul li img{width:140px;height:70px;}
.hezuo_content ul li:hover img{animation: flipInY 1.2s;}

/*特效*/
.autoimg{animation: 2s scale linear infinite;}
	@keyframes scale{
		0%{
			transform: scale(0.9);
		}
		50%{
			transform: scale(1);
		}
		100%{
			transform: scale(0.9);
		}
	}