﻿@charset "utf-8";
/* CSS Document */
dl,dt,dd {float:left;}
.mt5 {margin-top:5px;}

/*案例搜索*/
.casesearch {width:960px;height:29px;background:url(../images/casesearch_bg.gif);}
.casesearch span.title {float:left;width:113px;height:27px;padding:2px 0 0 11px;background:url(../images/casesearch_bg1.gif) no-repeat left top;}
.casesearch p {width:833px;height:29px;}
.casesearch p select {float:left;margin:4px 5px 0;width:100px;}
.casesearch p label {float:left;padding:7px 5px 0;height:22px;background:url(../images/casesearch_bg3.gif);font-size:14px;font-weight:bold;color:#fff;}
.casesearch p input {float:left;}
.casesearch p input.s1 {margin:4px 0 0 5px;width:130px;height:15px;padding:3px 3px 0;border:1px solid #7f9db9;color:#888;}
.casesearch p input.s2 {margin:4px 0 0 5px;width:52px;height:20px;border:0;background:url(../images/input_bg1.gif);font-weight:bold;color:#fff;cursor:pointer;}
.casesearch span.right {float:right;width:3px;height:29px;background:url(../images/casesearch_bg2.gif) no-repeat left top;}

/*主体*/
.maincontent {margin:5px 0 0 0;width:960px;}
/*主体左侧*/
.mainleft {width:604px;}
/*案例列表*/
.cases {width:604px;background:url(../images/cases_bg.gif);}
.casestop {width:604px;height:4px;background:url(../images/cases_top.gif) no-repeat top;font-size:0;overflow:hidden;}
.caseslist {width:602px;height:780px;padding:0 0 0 1px;}
.caseslist ul {width:602px;background:url(../images/caselist_ul_bg.gif) repeat-y top;}
.caseslist .bg1 {background:url(../images/caseslist_li_bg1.gif) no-repeat top;}
.caseslist .bg2 {background:url(../images/caseslist_li_bg2.gif) no-repeat top;}
.caseslist li {margin:3px 0 0 0;width:294px;height:122px;padding:5px 0 0 7px;}
.caseslist dl {width:291px;height:117px;}
.caseslist dt {width:121px;height:117px;background:url(../images/caseslist_li_bg3.gif) no-repeat left top;}
.caseslist dt img {margin:5px 0 0 5px;width:100px;height:100px;border:1px solid #cccccc;}
.caseslist dd {width:160px;height:15px;padding:3px 0 0 5px;background:url(../images/line1.gif) repeat-x left bottom;color:#616161;}
.caseslist dd a {color:#616161;}
.caseslist dd a:hover {color:#f00;}
/*翻页*/
.movepage {display:inline;margin-left:7px;width:590px;text-align:center;height:30px;padding-top:3px;margin-top:5px;}
.casesbottom {width:604px;height:5px;background:url(../images/cases_bottom.gif) no-repeat bottom;font-size:0;overflow:hidden;}

/*主体右侧*/
.mainright {width:349px;padding:0 0 0 7px;}
.mainright h1 {width:349px;height:27px;background:url(../images/mainright_h1_bg01.gif);font-size:12px;}
.mainright h1 span {float:left;height:27px;padding:0 0 0 6px;background:url(../images/mainright_h1_bg03.gif) no-repeat left top;}
.mainright h1 cite {float:right;width:43px;height:17px;padding:10px 0 0 0;background:url(../images/mainright_h1_bg02.gif) no-repeat right top;}
.otherpromotion {width:349px;background:url(../images/mainright_bg01.gif);}
.otherpromotionbottom {width:349px;height:5px;background:url(../images/mainright_bottom01.gif) no-repeat bottom;font-size:0;overflow:hidden;}
/*相关案例*/
.casepic {width:95px;padding:7px 0 0 15px;}
.casepic li {width:95px;height:86px;}
.casepic li img {width:80px;height:80px;border:1px solid #d6d6d6;}
.casetext {width:230px;padding:9px 0 0 0;}
.casetext li {width:230px;height:21px;color:#4091ff;}
.casetext li a {color:#4091ff;}
.casetext li a:hover {color:#f00;text-decoration:underline;}
/*相关视频*/
.videopic {width:330px;padding:9px 0 0 14px;}
.videopic li {width:165px;height:122px;background:url(../images/othersvideo_bg.gif) no-repeat left top;}
.videopic li img {margin:4px 0 0 5px;width:146px;height:93px;}
.videopic li p {width:155px;padding:9px 0 0 0;text-align:center;color:#4091ff;}
.videopic li p a {color:#4091ff;}
.videopic li p a:hover {color:#f00;text-decoration:underline;}
/*推荐设计师*/
.designers {width:341px;padding:5px 0 0 8px;}
.designers li {width:85px;height:108px;}
.designers li img {width:70px;height:80px;padding:3px;border:1px solid #dcdcdc;}
.designers li p {width:78px;padding:4px 0 0 0;color:#000;}
.designers li p a {color:#000;}
.designers li p a:hover {color:#f00;}
/*相关多媒体*/
.media {width:344px;padding:4px 0 0 4px;}
.media li {width:172px;height:134px;background:url(../images/media_bg.gif) no-repeat left top;}
.media li img {margin:8px 0 0 9px;width:150px;height:100px;}
.media li p {width:166px;padding:12px 0 0 0;text-align:center;color:#4091ff;}
.media li p a {color:#4091ff;}
.media li p a:hover {color:#f00;text-decoration:underline;}
/*推荐广告位*/
.promotead {width:346px;padding:0 1px;}
.promotead img {width:346px;height:138px;}
/*相关文章*/
.article {width:340px;padding:6px 0 0 4px;}
.article dt {width:134px;height:105px;background:url(../images/article_bg.gif) no-repeat left top;}
.article dt img {margin:4px 0 0 5px;width:114px;height:93px;}
.article dd {width:206px;height:21px;color:#4091ff;}
.article dd a {color:#4091ff;}
.article dd a:hover {color:#f00;text-decoration:underline;}
