@charset "utf-8";
/*通用*/
.spt_bor{ height:2px; font-size:0; line-height:0; overflow:hidden; background-position:0 -103px; background-repeat:repeat-x;  clear:both; margin-bottom:12px;}
.nav{ clear:both; height:35px; line-height:35px; text-align:right;}
.nav a{display:inline-block; margin:2px; padding:0 5px; line-height:20px; background:#fff; border:1px solid #ccc; color:#999;}
.nav a:hover{ color:#333; border:1px solid #999; text-decoration:none;}
.nav a.now{ background:#f60; border:1px solid #f60; color:#fff;}

/*左侧 服务 联系方式*/
.service,.lianxi,.design,.arts{ float:left; margin-bottom:12px; width:254px;}
.service  li{ display:block; width:83px; height:30px; line-height:30px; float:left; margin:0px 1px 1px 0px; text-align:center;}
.service li a{ display:block; zoom:1; background:#f3f3f3; color:#333;}
.service li a:hover{ background:#f60; color:#fff; text-decoration:none;}
/*设计师详情页面*/
.service .rgt{ width:145px; line-height:25px;}
.service h1{ font-size:16px;}
.service .rgt span{ color:#999;}
.service .rgt strong{ font-size:14px; color:#f60; }
.service p{ clear:both; padding-top:12px; line-height:20px;}
.lianxi{ color:#999; line-height:22px;}
.lianxi strong,.lianxi b{ color:#333;}
.lianxi b{ font-weight:normal;}

/*推荐设计师*/
.design li{ height:27px; line-height:27px; background:url(../images/ico.png) -419px 6px no-repeat;_background:url(../images/ico.gif) -419px 6px no-repeat; list-style-type:none; text-indent:2px; color:#999;}
.design i{ color:#fff;}
.design .a_deep{ margin-left:8px; font-weight:bold;}
.design .a_deep:hover{ color:#f60;}
/*设计文集*/
.arts li{ list-style-type:none; height:27px; line-height:27px;}
.arts li a{ color:#333;}
.arts li a:hover{ color:#f60;}
/*关于我们*/
.intro .lft{ width:80px;}
.intro .rgt{ width:590px; line-height:25px;}
.intro .rgt strong{ color:#f60;}
/*荣誉资质*/
.honors .part{ width:180px; float:left; text-align:center; background:#fff; border:1px solid #ccc; margin:4px; padding:5px;}
.honors img{ display:block; margin:0 auto;}
/*新闻*/
.news{ margin-top:12px; clear:both;}
.news li{ height:25px; line-height:25px; display:block; float:left; width:330px; list-style-type:none;}
/*设计师列表*/
.img{ background:#fff; padding:5px; border:1px solid #b9b6b6;}
#design h3{ font-size:12px; font-weight:normal;}
#design h3 strong{ font-size:14px; margin-right:12px;}
#design span{ font-size:12px; color:#666;}
#design .part .rgt{ width:560px;}
#design .partx .lft{ width:195px;}
#design .partx{ padding:12px; border-bottom:1px dashed #ccc;}
#design .partx .rgt{ width:450px;}
#design p{ line-height:21px; color:#666;}
#design p strong{ color:#333;}
#design p span{ color:#999;}
/*推荐作品*/
#preview{ float:none; text-align:center; width:252px; }
.jqzoom{ width:240px; height:140px; position:relative; overflow:hidden;}
.jqzoom{ display:table-cell; vertical-align:middle; text-align:center; height:140px; *display:block; *font-size:122px; *font-family:Arial;}
.jqzoom img{ vertical-align:middle;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:252px; height:58px; padding-top:6px; overflow:hidden;}
#spec-list{ width:220px; height:58px; float:left; overflow:hidden; display:inline;position:relative;  margin-right:6px;}
#spec-list ul li{ float:left; padding:4px 2px; margin:0 2px;}
#spec-list ul li img{ border:1px solid #dcdcdc; background:#fff; padding:2px; width:42px; height:42px; float:left;}

/*jqzoom Download by http://www.codefans.net*/
.jqzoom{position:relative;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:#fff;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:600px;height:350px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:52px;height:52px;border:1px solid #f60;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;}
/*设计案例*/
.top .part{ width:320px; height:300px; background-position:-336px -257px; padding:12px 0; text-align:center; float:left; position:relative;}
.top .part .icon{ position:absolute; right:8px; top:0; width:64px; height:64px; background-position:-292px -161px;}
.top .part h3{ margin-top:30px; text-align:left; text-indent:12px; margin-bottom:12px;}
.top .part h3 span{ font-size:12px; font-weight:normal;}
.top .part .p{ padding:0 12px; color:#999; text-align:left; line-height:21px;}
/*作品展示页*/
#mcont h1{ font-size:18px; text-align:center;}
#mcont .desc{ text-align:center; line-height:30px;}
#bigpic{ text-align:center;}
#mcont .roll_box { width:680px; height:50px; position:relative;}
#mcont #scroll{ width:640px; float:none; height:50px; overflow:hidden; margin:0 auto;}
#mcont .roll_box a.next{background:url(../images/left.gif) no-repeat; width:10px; height:45px; overflow:hidden; cursor:pointer; top:3px; left:40px;}
#mcont .roll_box a.prev{background:url(../images/right.gif) no-repeat; width:10px; height:45px; cursor:pointer; top:3px; right:40px;}
#mcont .featureBox{ width:46px; margin-top:4px; text-align:center;float:left; position:relative;}
#mcont .featureBox img{ border:2px solid #ccc; cursor:pointer;}
/*百科*/
.party{ background:#fff; padding:12px; margin-bottom:1px;}
.party h3 a{ color:#333;}
.party span,.party span a{ color:#999; }
.party .cont{ background:#fcfcfc; padding:12px; border:1px solid #f3f3f3; line-height:22px;}
.party .btm{ text-align:right; padding-top:12px;}
/*服务范围*/
.top_service{ position:relative;}
.top_service .icon{ position:absolute; top:0; right:-2px; width:92px; height:92px; background-position:-420px -55px; z-index:99;}
#service .news,#service .case{ border:1px solid #d4d4d4; float:left; width:672px; margin-bottom:12px;}
#KinSlideshow img{ width:660px; height:465px;}
#service .tit{ height:40px; line-height:40px; border-bottom:1px solid #d4d4d4; background-position:0 -818px; background-repeat:repeat-x; font-size:14px; font-weight:bold; text-indent:12px; }
#service .cont{ padding:12px; background:#fff;}
.tit span{ float:right; font-size:12px; font-weight:normal; margin-right:12px; *margin-top:-40px;}
#service .news h3{ text-align:center;font-size:16px;}
#service .news p{ line-height:22px;}
#service .news p a{ color:#999;}
#service .news li{ width:320px; background:url(../images/ico.png) -420px -180px no-repeat;_background:url(../images/ico.gif) -420px -180px no-repeat; text-indent:12px;}
#service .partz{ padding:5px; border:1px solid #f5f5f5; float:left; margin-right:2px; margin-bottom:2px;}
#service .partz h3{ text-align:center; font-size:12px; margin-top:12px; font-weight:normal;}
#service .art{ width:325px;_width:323px; height:250px; background:#fff; border:1px solid #d4d4d4; float:left; margin:0 4px; margin-bottom:8px;}
#service .art li{background:url(../images/ico.png) -420px -180px no-repeat;_background:url(../images/ico.gif) -420px -180px no-repeat; text-indent:12px; line-height:23px; list-style-type:none;}