body{ text-align:center;  font-size:12px;  margin:0px; padding:0px;font-family: microsoft yahei; }
 
*{ margin:0px; padding:0px;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
ol,ul,li{list-style:none outside none;}
a{ color:#000000; text-decoration:none}
a img{border:0 none;}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}
img{vertical-align: middle;}
input,textarea{padding:0 2px; resize:none;}
.box{ width:1200px; overflow:hidden; margin:0px auto; text-align:left;}
.fl{ float:left;}
.fr{ float:right;}
.orange{ color:#FF6666;}

.heard{border-top:#ed632e solid 4px; height:132px; width:100%;}
.logo{ float:left; padding-top:35px;}
.tel01{ line-height:22px; font-size:15px; color:#585858; margin:50px 0 0; height:46px; float:right; background:url(../images/tel01.jpg) no-repeat left 3px; padding-left:46px; margin-right:20px;}
.tel01 span{ display:block; font-size:20px; font-weight:bold; color:#f4561a;}
.tel02{ background:none; border-left:#b3b3b3 solid 1px; padding-left:20px;}

.nav{ width:100%; border-top:solid 1px #ddd; height:50px; background:url(../images/nav.jpg) repeat-x;}
.nav ul{ width:1100px; margin:0px auto;height:50px; line-height:50px;}
.nav ul li{ width:137px; float:left;}
.nav ul li a{ display:block; height:50px; width:130px; margin:0px auto; font-size:14px;  }
.nav ul li  a:hover{ color:#000;background:url(../images/navhover.jpg) repeat-x;}
.navhover{color:#000;background:url(../images/navhover.jpg) repeat-x;}

/*banner
.box_banner{ width:100%; overflow:hidden;}
.banner {height:460px; position: relative; margin:0 auto; overflow:hidden; }
.banner .hd { width:100%;height: 14px; overflow: hidden; position: absolute; bottom: 34px; z-index: 1;}
.banner .hd ul { height:14px; float: right; display:inline;}
.banner .hd ul li { float: left; margin-left: 10px; width: 14px; height: 14px; background:#fff; text-indent:-999em; font-size:0; border-radius:2px;}
.banner .hd ul li.on { background:#ed632e; }
.banner .bd { position: relative; width:100%; height: 514px; z-index: 0; overflow: hidden;}
.banner .bd ul{width:1920px;height:514px;position:absolute;left:50%;top:0;margin-left:-960px;}
.banner .bd ul li { zoom:1; vertical-align:middle; height:514px;}
*/
.index_title{ background:url(../images/indexClassBg.png) no-repeat bottom center; height:60px; width:1200px; text-align:center; margin-bottom:20px; margin-top:12px;}
.lc{ overflow:hidden; width:1100px; margin:0px auto;}
.lc li{ float:left; background:url(../images/lc_ico.png) no-repeat right 27px; width:120px; overflow:hidden; margin-right:27px;}
.lc li a{ display:inline-block; width:80px; height:110px; overflow:hidden; background:url(../images/lc21.jpg) no-repeat;}
.lc span{ display:block; font-size:16px; color:#555; line-height:30px; height:30px; overflow:hidden;}
.lc li a:hover { background:url(../images/lc11.jpg) no-repeat;}
.lc .nones{ margin-right:0; width:60px; background:none;}

.ind_pro{ width:100%; background:url(../images/bg01.jpg) top center; overflow:hidden;}
.case-show { width:1216px;}
.case-show img { display: block; margin: 0 auto; }
.case-show .item { margin: 0 16px 16px 0; position: relative; float:left; width:288px; height:251px;}
.case-show a { position: absolute;z-index:2; width: 100%; height: 100%; text-align: center;left: 0; top: 0; color: #fff; transition: all ease .3s; -webkit-transition: all ease .3s; font-size: 16px; background:url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);}
.case-show a:hover { background:#000; opacity:.6;filter:alpha(opacity=60);}
.case-show a span { font-weight: bold; font-size: 22px; margin-top: 100px; display: block; }
.case-show .svg { width:90%; height:90%; position: absolute; top: 5%; left: 5%; overflow:hidden;}
.case-show .svg span{ position:absolute; background:#fff; opacity:.5; filter:alpha(opacity=50); transition:all ease .3s;-webkit-transition:all ease .3s;}
.case-show .svg .left{ width:1px; height:100%;left:0; top:0;}
.case-show .svg .right{ width:1px; height:100%;right:0; bottom:0;}
.case-show .svg .top{ width:100%; height:1px;left:0; top:0;}
.case-show .svg .bottom{ width:100%; height:1px;right:0; bottom:0;}
.case-show .item:hover .left,.case-show .item:hover .right{ height:15px;}
.case-show .item:hover .bottom,.case-show .item:hover .top{ width:15px;}
.case-list{background:#f8f8f8; height:120px; padding:15px 0;}
.case-list a{ display:block; text-align:center}
.case-list img{ display:block; width:89px; height:89px; margin:0 auto; margin-bottom:10px; border-radius:50%; transition:all ease .3s;-webkit-transition:all ease .2s;}
.case-list .col{ float:left; width:150px;}
.case-list a:hover img{ transform:scale(1.2);-webkit-transform:scale(1.2)}
.case-more{ display:block; width:225px; height:45px; line-height:45px; font-size:16px; text-align:center; border:solid 1px #ddd; margin:50px auto 0;}
.case-more:hover{ color:#ff343e; border-color:#ff343e;}


/*team*/
 
.succ{ margin:10px  auto;   overflow:hidden;   }
.su_con { position:relative; height:398px;}
.su_con span { position:absolute; display:inline-block; cursor:pointer; top:0; width:14px; height:398px;}
.su_con .s_left { left:3px; background:url(../images/c_left.jpg) no-repeat left center;}
.su_con .s_right{ right:3px;  background:url(../images/c_right.jpg) no-repeat left center;}
.su_wrap { width:1150px; margin:0 auto; overflow:hidden; }
.su_wrap li { float:left; display:inline; margin:0px 4px;width:186px;}
.su_wrap li p{ color:#6e6e6e; line-height:25px;}
.su_wrap li img { width:184px; height:296px; border:1px solid #e5e5e5;}
.fn {
    height: 220px;
}
.moreteam{width:100px; height:35px; color:#FFFFFF; background:#ff6633; display:block; margin:0px auto; text-align:center;line-height:35px;}
.moreteam:hover{ background:#CCCCCC;}

/*工程*/
.project{ width:100%; overflow:hidden; background:#f5f5f5; padding:10px 0px;}
.projectleft{ width:820px; float:left}
.projectright{ width:355px; float:right;}
.title{ line-height:32px; font-size:18px;}
#leftgun  { overflow:hidden;}
#leftgun  ul{ width:2660px;}
#leftgun  li{  margin-right:10px; width:265px; line-height:25px; float:left; text-align:center; font-size:14px;}
#leftgun  li img{ padding:5px; border:1px solid #CCCCCC;}
.projectinfo{  padding:25px;   background:#fff; margin-top:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);overflow:hidden; }
.projectinfo2{  padding:5px;   background:#fff; margin-top:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);overflow:hidden; }
/*.projectinfo ul{ width:1920px;}
.projectinfo li{ width:260px; text-align:center; line-height:35px; margin-right:20px; font-size:14px; float:left;}
.projectinfo img{ width:250px; height:180px; padding:5px; border:1px solid #CCCCCC;}*/

.news_left{ width:570px; float:left}
.news_right{ width:610px; float:right;}
.news_right ul li{    margin-bottom: 15px; font-size:14px;    border-bottom: 1px dashed #c6c6c6; height:28px; line-height:28px;}
.news_right ul li span{ color:#5F492F;}
.news_right ul li a{  }


.foot_box{ width: 100%; overflow:hidden; background: #000;}
.footer_nav{ text-align: center; color: #FFFFFF; font-size: 12px; padding-top: 35px;}
.footer_nav a{ color: #FFFFFF;}
.footer_nav a:hover{ text-decoration: underline;}
.footer_tel{ font-size: 30px; color: #FFFFFF; font-family: helvetica; padding-top: 30px;}
.footer_adress{ color: #FFFFFF; line-height: 30px; padding-top: 20px;}
.a_class_more{ display: block; width: 160px; height: 40px; line-height: 40px; background: url(../images/a_bg_ico_20.gif) #FF6600 110px center no-repeat; color: #212121; margin: 20px auto 0 auto;}
.a_class_more:hover{ background: url(../images/a_bg_ico_20.gif) #fdfc32 115px center no-repeat;}
.footer_copy_t{ width: 980px; height: 50px; line-height: 50px; border-top: 1px solid #FFFFFF; margin: 30px auto 0 auto; color: #FFFFFF;}
.footer_copy_t a{ color: #FFFFFF;}

.index_top{ width:50px; height:50px; position:fixed; bottom:290px; right:20px;}
.index_top a{ width:50px; height:50px; display:block; background:url(../images/top.jpg) center center}
.index_top a:hover{ background:url(../images/topt.jpg) center center;}

/*内页*/
.main_left{ width:224px; float:left; overflow:hidden;}
.main_lefttitle{width:224px;height:72px; font-size:16px;display:block;text-align:center;line-height:35px;color:#fff;background: url(../images/lefttitlebg.png) no-repeat;padding-top:15px;}
.main_lefttitle b{font-size:28px;}
.main_left ul{ overflow:hidden; border:1px solid #cccccc; font-size:16px;}
.main_left ul li{width:222px;height:48px;text-align:center;line-height:48px;border-bottom:1px dashed #e5e5e5;color:#666;}
.main_left ul li a{ width:222px; display:block;height:48px;}
.main_left ul li a:hover{ width:222px; display:block;height:48px; background:#ff6600; color:#FFFFFF;}
.active{ background:#ff6600; color:#FFFFFF;}

.leftwd{padding-left:30px;width:194px;text-align:center;font-size:16px;color:#333;line-height:27px;height:27px;display:block;background:url(../images/lefttel.png) no-repeat 15% 50%;margin-top:20px;}
.lefttel{text-align:center;	line-height:30px;	font-size:26px;	color:#ff6600;	margin-bottom:20px;}
.main_right{ width:940px; float:right;}
.righttitle{	 height:35px;background:url(../images/icon1.png) no-repeat left center;line-height:35px;color:#999999;font-size:14px;padding-left:15px;border-bottom:1px solid #e5e5e5; }
.rightinfo{ padding:10px; line-height:30px; font-size:14px;}

.anlilist{ width:100%;}
.anlilist li{ width:313px; float:left; text-align:center; margin-bottom:20px;}
.anlilist li img{ width:280px; height:243px; padding:5px; border:1px solid #CCCCCC; margin:0px auto;}

.gognlist{ width:100%; overflow:hidden;}
.gognlist li{ width:235px; float:left; text-align:center; margin-bottom:20px;}
.gognlist li img{ width:200px; padding:5px; border:1px solid #CCCCCC; margin:0px auto; height:130px;}

.teamlilist { overflow:hidden; width:100%;}
.teamlilist li{ margin-bottom:15px;}

.teamlilistT{ width:100%; overflow:hidden}
.teamlilistT li{ padding:5px; margin-right:15px; float:left; text-align:center; margin-bottom:10px; background:#efefef;}
.teamlilistT img{ padding:5px;  border:1px #CCCCCC solid; background:#FFFFFF; }
.teamlilistT li:hover{ background:#FF6600;}

.newlist{}
.newlist li{ overflow:hidden; border-bottom:1px #CCCCCC dashed; padding:15px 0px; }


.newlist2{}
.newlist2 li{ overflow:hidden; border-bottom:1px #CCCCCC dashed; padding:15px 10px 10px 10px ; float: left}



.protitle{ color:#FFFFFF; border-bottom:1px solid #FF6600;}
.protitle span{ background:#FF6600; height:30px; width:150px; text-align:center; display:block;}



/**insec3**/
.insec3{
	width:100%;
	overflow:hidden;
	}
.insec3-bg{
	/*background:#EFEFEF;*/
	background:url(../images/pattern.jpg) repeat;
	}

/**insec3**/


/**insec4**/
.insec4{
	padding:15px 0 20px 0;
	position:relative;
	width:100%;
	overflow:hidden;	
	}

.insec4_con{
	display:none;
	}
.insec4_t{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:center;
	margin:30px 0;
	}
.insec4_t p{
	display:inline-block;
	border-bottom:1px solid #fff;
	}
.insec4_t span{
	width:auto;
	display:inline-block;
	line-height:25px;
	font-size:24px;
	padding:5px 0;
	color:#fff;
	cursor:pointer;
	padding:20px 0;
	margin:0 40px;
	}	
.insec4_t span i{
	/*margin-left:10px;*/
	display:inline-block;
	position:relative;
	}
	
.insec4 .insec4_on{
	position:relative;
	color:#FF8B00;
	}	
.insec4 .insec4_on:before{
	width:100%;
	height:3px;
	content:'';
	position:absolute;
	left:0;
	bottom:-2px;
	background:#FF8B00;
	}
	
.insec4 .insec4_on b:before{
	width:0;
	height:0;
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-6px;
	border-width:6px;
	border-style: solid;
	border-color: #FF8B00 transparent transparent transparent;
	transform: rotate(-180deg);

	}

/*.insec4 .insec4_on:before{
	width:0;
	height:0;
	content:'';
	position:absolute;
	left:50%;
	bottom:-10px;
	margin-left:-6px;
	border-width:6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	transform: rotate(-180deg);

	}
*/	





/*inner*/
.insec4_coninner{
	display:none;
	}
.insec4_tinner{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	}
.insec4_tinner span{
	width:auto;
	display:inline-block;
	line-height:25px;
	font-size:16px;
	margin:5px 25px;
	color:#fff;
	cursor:pointer;
	}
.insec4_tinner span img{
	margin-right:5px;
	width:22px;
	}	
.insec4_tinner span i{
	display:inline-block;
	margin-right:5px;
	color:#999;
	}
.insec4 .insec4_oninner{
	color:#fff !important;
	border-bottom:3px solid #fff;
	}
.insec4 .insec4_oninner i{
	color:#fff !important;
	}

/*设计师*/

.insec4-list1{
	/*width:97%;*/
	width:100%;
	border:1px solid #000;
	position:relative;
	background:#fff;
	padding:40px 20px 20px 20px;
	margin-bottom:30px;
	}

/*.insec4-list1:after{
	width:60%;
	height:60%;
	background:#000;
	content:'';
	position:absolute;
	bottom:-3%;
	right:-3%;
	z-index:-1;
	display:block;	
	}*/


.insec4-list1 img{
	width:80%;
	margin:20px auto;
	display:block;
	cursor:pointer;
	}

.insec4-list1 h4{
	font-size:16px;
	margin-top:20px;
	text-align:center;
	height:20px;
	line-height:20px;
	overflow:hidden;
	}
.insec4-list1 h4 span{
	display:inline-block;
	margin:0 5px;
	}

.insec4-list1 h4 .span1{
	font-weight:bold;
	}
.insec4-list1 h4 .span2{
	font-size:14px;
	color:#999;
	border-left:1px solid #999;
	padding-left:10px;
	}
.insec4-list1 h5{
	text-align:center;
	color:#999;
	margin:20px auto 0 auto;
	line-height:24px;
	}
.insec4-list1 .yuyue{
	text-align:center;
	padding:10px;
	}
.insec4-list1 a{
	display:inline-block;
	color:#000;
	position:relative;
	line-height:30px;
	padding:5px;
	}
.insec4-list1 a:before{
	width:80%;
	height:2px;
	content:'';
	background:#000;
	position:absolute;
	bottom:0;
	left:10%;
	}

.insec4-list1 a:hover:after{
	width:60%;
	height:3px;
	content:'';
	background:#FF8B00;
	position:absolute;
	bottom:0;
	left:20%;
	}

.insec4-list1 a::after {
    background: #FF8B00 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateY(0.5px) translateZ(0px);
    transition: all 0.3s ease 0s;
    width: 0;
    z-index: 1;
}


.in-desbox{
	position:relative;
	padding-bottom:20px;
	}		
.in-desbox img{
	display:block;
	margin:0 auto;
	text-align:center;
	}
.in-desimg1{
	position:absolute;
	left:10%;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	}	






/*设计师*/

.insec4-list{
	position:relative;
	border:1px solid #ddd;
	background:#fff;
	margin-bottom:30px;
	}

.insec4-list .small-img{
	position:absolute;
	left:50%;
	bottom:126px;
	margin-left:-40px;
	}
.insec4-list h5{
	margin:50px 0 0 0;
	line-height:24px;
	text-align:center;
	font-size:16px;
	}

.insec4-list p{
	color:#999;
	font-size:12px;
	line-height:24px;
	text-align:center;
	}
.insec4-list .yuyue{
	display:block;
	text-align:center;
	margin:0 auto 20px auto;
	padding:8px 0;
	width:120px;
	border:1px solid #F98700;
	color:#F98700;
	transition:all 0.5s;
	}

.insec4-list .yuyue:hover{
	background:#F98700;
	color:#fff;
	}

.insec4_coninner2{
	display:none;
	}
.insec4_tinner2{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	}
.insec4_tinner2 span{
	width:auto;
	display:inline-block;
	line-height:25px;
	font-size:16px;
	margin:5px 25px;
	color:#fff;
	cursor:pointer;
	}	
.insec4_tinner2 span i{
	display:inline-block;
	margin-right:5px;
	color:#fff;
	}
.insec4 .insec4_oninner2{
	color:#fff !important;
	border-bottom:3px solid #fff;
	}
.insec4 .insec4_oninner2 i{
	color:#fff !important;
	}


.insec4_more{
	text-align:center;
	padding:60px 0 40px 0;
	}
.insec4_more a{
	display:inline-block;
	padding:12px 68px;
	color:#fff;
	background:#000;
	letter-spacing:1px;
	border-radius:4px;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

.insec4_more a:hover{
	background:#FF8B00;
	
	}

 

.main_bg3 {
    width: 100%;
 
    background:#efefef;
    background-size: cover;
    position: relative;
}
.width80 {
    width: 80%;
    margin: 0 auto;
    position: relative;
}
.col-md-3{
    width: 25%; float:left   
	
}.row {
    margin-right: -15px;
    margin-left: -15px;
}

.index_01{ width:100%; overflow:hidden; height:225px; background:url(../images/index_01.png) center top; }
.index_02{ width:100%; overflow:hidden; height:356px; background:url(../images/index_02.png) center top; }
.index_03{ width:100%; overflow:hidden; height:334px; background:url(../images/index_03.png) center top; }
.index_04{ width:100%; overflow:hidden; height:339px; background:url(../images/index_04.jpg) center top; }