@charset "utf-8";
.menu{ width:532px; height:36px; background-position:0 -37px; border:1px solid #dadada; border-bottom:none; border-right:none; margin-top:8px;}
.menu .big{ width:75px; height:36px; line-height:36px; text-align:center; float:left; border:1px solid #dadada; border-top:none; border-left:none; font-size:14px; font-weight:bold; position:relative; z-index:2;}
.menu .big a{ display:block; zoom:1;}
.menu .sub{ position:absolute; left:-1px; top:37px; width:77px; line-height:29px; display:none; z-index:3;}
.menu .sub a{ display:block; font-size:12px; font-weight:normal; height:29px; border:1px solid #dadada; border-top:none; background:#f4f4f4; zoom:1;}
.menu a:hover{ text-decoration:none;}
.menu .big a:hover{ background:url(../images/bg.gif);}
.menu .sub a:hover{ background:#fff;}


li{ list-style-type:none;}
/*滚屏广告*/
#ads .box{ width:990px; height:305px; position:relative; overflow:hidden; z-index:1;}/**/
#slide_panel{ width:990px; height:261px; overflow:hidden; position:relative; z-index:3;}
.box ul{ width:990px;  position:absolute;}
.box UL LI {WIDTH: 990px; FLOAT: left; margin-right:12px; list-style-type:none; display:block;}
.title UL LI {TEXT-ALIGN: center; LINE-HEIGHT: 45px; WIDTH: 165px; BACKGROUND: #333; FLOAT: left; HEIGHT: 45px; OVERFLOW: hidden; margin:0;}
.title UL .on {BACKGROUND: #f60;}
.title UL LI A {COLOR: #fff}
.title UL LI A:hover {	TEXT-DECORATION: none}
#msgs{ height:30px; overflow:hidden; line-height:30px; background:#000;}

/*主体内容*/
.part{ background:url(../images/index_13.gif) no-repeat #ababab; height:240px; padding:20px 0; clear:both;}
.part .lft{ width:200px; height:200px;}
.part .cont{ float:left; }
.part .lft a{ display:block; width:185px; height:244px; zoom:1;}
.list_bg{ background:url(../images/list.png) no-repeat;_background:url(../images/list.gif) no-repeat;}
.no1 .lft a{background-position:0 0;}
.no1 .lft a:hover{ background-position:0 -244px;}
.no2 .lft a{ background-position:-187px 0;}
.no2 .lft a:hover{ background-position:-187px -250px;}
.no3 .lft a{ background-position:-372px 0;}
.no3 .lft a:hover{ background-position:-372px -250px;}
.no4 .lft a{ background-position:-561px 0;}
.no4 .lft a:hover{ background-position:-561px -244px;}
/*服务范围*/
.spart{ width:155px; height:80px; margin:0 20px; _margin:0 15px;float:left;}
.spart h3 a{ color:#0a116a; font-size:14px;}
.spart p{ margin:0; padding:0; line-height:20px; text-indent:0;}
.spart p a{ color:#333;}
.spart p a:hover{ color:#000;}

/*设计案例*/
.roll_box { width:780px; height:190px; position:relative;}
#scroll{ width:700px; float:none; height:175px; margin:0 30px; overflow:hidden;}
.roll_box a.prev{text-indent:-9999px; display:block; zoom:1; width:30px; height:45px; background-position:-31px -51px;right:0px; top:70px; position:absolute;}
.roll_box a.next{  text-indent:-9999px; display:block; zoom:1; width:30px; height:45px; background-position:0px -51px;left:0px; top:70px; position:absolute;}
.featureBox{ width:228px; margin:0 6px; float:left; position:relative;}
.featureBox .tit{ position:absolute; left:0; bottom:0; width:100%; background:#000; border:none; display:none; height:30px; line-height:30px; color:#fff; text-indent:6px;}
.featureBox a{ border:1px solid #999; background:#eaeaea; padding:5px; display:block; zoom:1; color:#fff;}
.featureBox a:hover{ border:1px solid #666; background:#fff;}
.featureBox img{ border:none;}

.clas{ margin:0 39px; background:#939393; height:53px; overflow:hidden; line-height:53px; font-size:14px; text-align:center;}
.clas a{ display:block; float:left; margin:0 15px;}
.clas a.start{ width:14px; height:53px; background-position:0 -104px; margin:0;}
.clas a.end{ width:14px; height:53px; background-position:-16px -104px; margin:0;}

/*设计专题*/
.no4 li{ width:390px; display:block; float:left; height:25px; line-height:25px; color:#666;}
.no4 li strong a{ color:#333; font-weight:normal;}
.no4 li strong a:hover{ color:#000; text-decoration:none;}
/*其它文集*/
#arts{ background:#303030; padding:24px 0;}
#arts .apart{ float:left; width:320px; margin:0 4px;}
.apart h3{ background:#232323; height:40px; line-height:40px; text-indent:12px;}
.apart h3 a{ color:#fff; font-size:16px; display:block; zoom:1;}
.apart h3 a:hover{ color:#f60; text-decoration:none;}
.apart li{ height:38px; line-height:38px; border-bottom:1px solid #292929; text-indent:12px;}
.apart li a{ display:block; zoom:1; color:#ccc;}
.apart li a:hover{ color:#fff; background:#171717; text-decoration:none;}

