@charset "gb2312";
*{padding:0;margin:0;}
html,body{height:100%;} 
/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,per,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none;}
a { outline:none;}/*FF标准去虚线框*/
a {star:expression(this.onFocus=this.blur());}/* for Ie*去虚线框*/
a img {border: none;outline: none;}
.clearfix{ clear:both;}

caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
td {color:#666666; font-size:12px;}
select {color:#666666; font-size: 12px; height: 25px;}
.input1{color:#666666;font-size:12px;height:23px;border:1px #e7e7e7 solid;background: url(ss.jpg) center left no-repeat;padding-left:15px;line-height:23px;width:147px;}
.textarea1{color:#666666;font-size:12px;border:1px #e7e7e7 solid;background: url(ss.jpg) center left no-repeat;padding-left:15px;}
.button1{color:#fff;font-size:14px;width:50px;height:25px;BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(sousuo.jpg) transparent scroll repeat 0% 0%; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; cursor:pointer;}



/* 导航 
.header{ width:100%; margin:0 auto; background-color: #fff; z-index:999;  overflow:hidden; margin-bottom:12px; background:url(bg_nav.jpg) center no-repeat; border-bottom:2px #fa6e00 solid;}
.header_all{width:1200px; margin:0 auto; height:60px; top:0px; left:0; z-index:999;}
.header_all ul{  float:right; padding-top:8px;}*/
/* 导航
.header_all ul li{ float:left; line-height:40px; padding-left:22px; padding-right:22px;}
.header_all ul li a:hover{ color:#f96d00;}
#nav {height:40px; overflow:hidden;}
#nav li{float:left;}
#nav span,#nav a{display:block; padding:0 20px; line-height:40px;}
#nav span{	color:#000;}
#nav a{ color:#000;}
#nav a:hover{ color:#f96d00;} */
	
/* header */
#header{ margin-top:10px; margin-bottom:10px;}
.he.header_top{	
	height:144px;
	background:url(images/header_top_02.jpg);	
	}
.nav{
	height:35px;
	background:url(images/nav_bg_05.jpg);
	
	}
.nav_inner{
	width:1200px;
	margin:0 auto;
	padding-left:15px;	
	}
.nav_inner>li{
	float:left; margin-left:18px; margin-right:18px;
	line-height:36px;
	font-size:14px;
	font-family:arial;
	text-transform:capitalize;
	position:relative;	
	}
.nav_inner li a{ font-size:14px; line-height:36px;
	color:#000;
	display:block; text-align:center;
	}
.nav_inner li .active{
	background:url(images/arrow_07.jpg) no-repeat right top;
	padding-right:20px; padding-left:20px;
	
	}
.sub_nav{
	width:126px;	
	border-radius:0 0 4px 4px;
	position:absolute; z-index:9999;
	left:-10px;
	top:35px;
	display:none;
	padding-top:5px;
	}
.sub_nav li{	
	line-height:36px;
	background:rgba(255,255,255,0.7);
	padding-left:20px; padding-right:20px;
	border:1px solid 999999;
	}
.sub_nav li:hover{background-color:#fa6d01;}
.sub_nav li a:hover{ color:#ffffff;}
.sub_nav .last_li{
	border-radius:0 0 4px 4px;
	border-bottom:1px solid red;
	
	}




/*-----------------设计师------------------*/
/*.bg{ background:#e9e9e9; padding:100px 0;  }*/
.bg{ margin-top:20px; }
 .pro ul { width:1200px; height:496px;margin:0 auto; overflow:hidden; position:relative;}
.animate-init .pro ul li{ -webkit-transform:translateY(-396px); transform:translateY(-396px); opacity:0;}
.animate-init .pro ul li:nth-child(odd){ -webkit-transform:translateY(396px); transform:translateY(396px); opacity:0}
.pro ul li{ float:left; width:108px; height:396px; margin:0px 5px;-webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s;overflow:hidden;}
.pro ul li span{ /*background:#000;*/ width:20px; padding:0px 10px;height:396px; color:#FFFFFF; overflow:hidden; display:block;opacity:0;word-wrap:break-word;word-break:nomal; font-size:18px; text-align:center; position:absolute; line-height:40px; margin-left:0}
.pro ul li span img{ width:264px; height:396px;}
.pro ul li:nth-child(odd){ margin-top:100px;-webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s;overflow:hidden}
.zi_pro{ background:rgba(107,177,27,.8); position:absolute; width:500px; padding:20px 0; left:50%; margin-left:-250px; margin-top:170px; text-align:center; color:#FFFFFF; font-size:17px; font-family:Arial, Helvetica, sans-serif; z-index:100;-webkit-transition:all 1s ease 1.5s; transition:all 1s ease 1.5s;}
.animate-init .zi_pro{ opacity:0; left:0; }
 .zi_pro span{ display:block; font-size:30px; font-family:"微软雅黑" ; line-height:45px }

 /*-----------------商业空间------------------*/
 .wraper{width:1200px; margin:0 auto; overflow:hidden;  }
.csse{ margin-top:20px}
.csse p{ width:261px; height:122px; background:#e9ebec; color:#b0b0b0; font-size:14px; text-align:center;  padding-top:60px;}
.csse p span{ font-size:20px; color:#727272; display:block; line-height:35px;font-weight:bold;}
.caseleft{ float:left; width:676px; height:546px; margin-right:1px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.casemid{ float:left; margin-right:1px; width:261px; height:546px;-webkit-transition:all 1s ease 1s; transition:all 1s ease 1s;}
.caseright{ float:left; width:261px; height:546px;-webkit-transition:all 1s ease 1s; transition:all 1s ease 1s;}
.animate-init .caseleft{-webkit-transform:translateX(-200px); transform:translateX(-200px);}
.animate-init .casemid{-webkit-transform:translateY(-200px); transform:translateY(-200px);}
.animate-init .caseright{-webkit-transform:translateY(200px); transform:translateY(200px);}
.animate-init .caseleft,.animate-init .casemid,.animate-init .caseright{ opacity:0;}

/*案例展示*/
.anlizhanshi{ width:1200px; height:610px; margin:auto; overflow:hidden;}
.anlizhanshi .img img{ float:left;}
.anlizhanshi .img{ float:left; width:298px; height:305px;}
.anlizhanshi .bd .piclist{  margin:0; border:0;}


/*案例展示*/
.main3_content{width:1200px; height:305px; margin:auto; overflow:hidden;}
.main3_content li{ height:305px; width:298px;float:left; margin-left:1px; margin-right:1px;}
.main3_content li:hover{ background-color:#757575; color:#ffffff;}
.main3_content li .img{ height:211px; width:298px; float:left;}
.main3_content li .pic{ background-color:#000;opacity:0.8; filter:alpha(opacity=80);background:hsla(0,0%,0%,.8); z-index:99; width:298px; height:305px; display:none;}
.main3_content li .img img{width:298px; height:211px; display:block; filter:grayscale(0.2);-moz-filter:grayscale(0.2);-webkit-filter:grayscale(0.2);-o-filter:grayscale(0.2);}
.main3_content li:hover .img img, .main3_content li.now .img img{filter:grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter:grayscale(1);}
.main3_content .box span a{ font-size:16px; line-height:18px; padding-top:22px; padding-bottom:9px; display:block; width:298px; text-align:center; color:#333333;}
.main3_content p a{display:block; text-align:center; font-size:14px; line-height:24px; width:84px; border:1px #333333 solid; margin:auto; color:#333333;}


/*精品案例赏析*/
.main4_content{width:1200px; height:305px; margin:auto; overflow:hidden;}
.main4_content li{ height:305px; width:298px;float:left; margin-left:1px; margin-right:1px;}
.main4_content li:hover{ background-color:#757575; color:#ffffff;}
.main4_content li .img{ height:211px; width:298px; float:left;}
.main4_content li .pic{ background-color:#000;opacity:0.8; filter:alpha(opacity=80);background:hsla(0,0%,0%,.8); z-index:99; width:298px; height:305px; display:none;}
.main4_content li .img img{width:298px; height:211px; display:block; filter:grayscale(0.2);-moz-filter:grayscale(0.2);-webkit-filter:grayscale(0.2);-o-filter:grayscale(0.2);}
.main4_content li:hover .img img, .main3_content li.now .img img{filter:grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter:grayscale(1);}
.main4_content .box span a{ font-size:18px; line-height:18px; padding-top:22px; padding-bottom:9px; display:block; width:298px; text-align:center; color:#333333;}
.main4_content p a{display:block; text-align:center; font-size:14px; line-height:24px; width:84px; border:1px #333333 solid; margin:auto; color:#333333;}


/* 一级导航 */
.ny_r_title { width:1181px; height:24px; line-height:24px; background:url(ny_wz.png) center left no-repeat; color:#666; font-size:12px; padding-left:19px;text-align:left;margin:15px auto;border-bottom:2px solid #dedede;}
.ny_lanmu{height:45px; width:1158px; padding:0px 20px; margin:15px auto;border:1px solid #dedede;text-align:left; line-height:45px;box-shadow: 0px 2px 1px #cfcfcf;}
.ny_lanmu_1{height:80px; width:1158px; padding:0px 20px; margin:15px auto;border:1px solid #dedede;text-align:left; line-height:45px;box-shadow: 0px 2px 1px #cfcfcf;}
.ny_lanmu1{height:85px; width:1158px; padding:12px 20px; margin:15px auto;border:1px solid #dedede;text-align:left; line-height:45px;box-shadow: 0px 2px 1px #cfcfcf;}


.anli{ margin-top:12px;}
.anli li{ float:left; color:#666666; height:30px; line-height:42px; margin-right:20px;}
.anli li a{ font-size:14px; height:24px;line-height:24px;padding:0 15px;display:block; float:left;}
.anli .current{ padding-left:15px; padding-right:15px; font-size:14px; line-height:24px; background-color:#fb6c01; color:#ffffff;}

ny_anli{ width:1200px;  margin:auto;}
/* cp */
.ny_cp, .ny_cp1{margin:0 auto;width:100%;max-width:1200px;position:relative; float:left; left:50%; margin-left:-600px;}
.ny_news ul{zoom:1;}
.ny_cp ul li{float:left;width:380px;float:left;margin-right:30px;margin-bottom:30px;position: relative;}
.ny_cp ul li .img{width:100%;overflow:hidden;}
.ny_cp ul li .img img{width:100%;}
.ny_cp ul li .box{width:100%;height:0;position:absolute;bottom:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=0.7);background:hsla(0,0%,0%,.7);text-align:center;overflow:hidden;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.ny_cp ul li .box a{height:34px;line-height:34px;width:100%;height:100%;font-size:14px;color:#fff;text-align:center;font-weight:400;}
/*.ny_cp ul li:hover .box{height:34px;transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;}*/
.ny_cp ul li .box{height:34px;transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;}

/* ny */
.button{color:#666666;font-size:14px; line-height:22px; padding-left:14px; padding-right:14px;}
.input{color:#666666;font-size:12px; height:22px; border:1px #555 solid;background-image: url(inputbg.gif); float:left;}
.textarea{color:#666666;font-size:14px;border:1px #555 solid;background-image: url(inputbg.gif);}
.fl{float:left; display:inline;}
.ny_r { width:1200px; margin:auto; margin-top:20px; margin-bottom:30px;}
.ny_r .ny_r_contentyuyue{ width:1200px; margin:auto;} 
.ny_r .ny_r_contentyuyue td{ font-size:14px; line-height:28px; padding-right:4px; text-align:left;}
.ny_r .ny_r_contentyuyue tr{ height:50px;}
.ny_r .ny_r_contentyuyue .button{color:#666666;font-size:14px; line-height:28px; padding-left:24px; padding-right:24px;}




.ny_r_content {width:700px; padding:10px 10px; }
.ny_r_content1 {width:700px; padding:10px 10px;background:url(wj.jpg) bottom right no-repeat; }
.ny_cp_content {width:1200px;  margin-top:10px;}
.ny_r_content p { margin:0px; padding:0px; border:0px;}
.ny_r_content1 p { margin:0px; padding:0px; border:0px;}

.ny_r_fenye { width:1200px; height:43px; padding:0px 12px; margin-top:16px;}
.ny_r_fenye1 { width:976px; height:43px; padding:0px 18px;}
.ny_r_fenye .fenye_xinxi { width:300px; height:43px; line-height:43px; text-align:left; font-size:14px; color:#666666;}
.ny_r_fenye .fenye_yeshu { float:right; margin-right:14px; text-align:right;height:43px; line-height:43px;}
.ny_r_fenye .pagesnow {color:#fa6e00; font-size:14px;text-decoration: none}


/*设计赏析*/
.sjsx{ width:1200px; margin:auto;}
.sjsx td{ margin-right:13px;}
.sjsx td:nth-child(4){ margin-right:0;}
.sjsx .piclist{ float:left; width:290px;}
.sjsx .piclist img{ float:left;}
.sjsx div.pictitle{ width:288px; height:34px; background-color:rgba(0,0,0,0.45); float:left; margin-top:-34px;}
.sjsx .pictitle a{ float:left; line-height:34px; color:#ffffff; text-align:left; text-indent:12px; font-size:14px;}