@charset "utf-8";

/*内容壹-案例频道*/
#pageCon1 { width:902px; height: auto; clear:both;}

#webCase1 { width:10px; height:400px; float:left; clear:left; background:url(../images/webcase.png) no-repeat 0px 0px;}
#webCase2 { width:300px; height:400px; float:left; background-color:#333333; }
#webCase3 { width:20px; height:400px; float:left; background:url(../images/webcase.png) no-repeat -310px 0px;}
#webCase4 { width:560px; height:400px; float:left; background-color:#e4e4e7; }
#webCase5 { width:12px; height:400px; float:left; background:url(../images/webcase.png) no-repeat -890px 0px;}

#webCase2 h2 { font-family:"微软雅黑","黑体"; font-size:18px; color:#fff; padding:0 20px; margin-top:30px;}
#webCase2 p { font-size:12px; color:#909090; line-height:30px; padding:20px;}
#webCase4-list { float:left; clear:left; padding:20px; margin-top:15px;}
#webCase4-list ul { }
#webCase4-list li { line-height:30px;}
#webCase4-img { float:right; clear:right; padding:20px; margin-top:15px;}

/*内容贰-案例列表*/
#pageCon2 { width:902px; height: auto; clear:both; background:url(../images/webcase-detailed-bg.png) repeat-y;}
#CaseList { width:712px; float:left; clear:left; background:url(../images/webcase-detailed.png) no-repeat 0px 0px; background-color:#f7f7f8;}
/*大类*/
#CaseList-title { float:left; clear:left; width:682px; margin:10px 10px; padding:10px 0;}
#CaseList-title h2 { font-size:16px; color:#545455; font-family:"微软雅黑", "黑体";}
/*小类*/
#CaseList-text { float:left; clear:left; width:692px; margin-left:10px; padding:10px 0; line-height:25px; color:#585a67; background:url(../images/dottedline1.png) repeat-x;}
#CaseList-text ul { float:left; width:155px; padding-right:15px; color:#c80201;}
/*标志*/
#CaseList-img { float:left; clear:left; width:692px; margin-left:10px; padding:10px 0; background:url(../images/dottedline1.png) repeat-x;}
#CaseList-img a img { margin:10px 5px 0 0; padding:2px; border:solid 1px #e5e5e5; width:62px; height:62px;}
#CaseList-img a:hover img { margin:10px 5px 0 0; padding:2px; border:solid 1px #c80201; width:62px; height:62px;}
/*右导*/
#CaseNav { width:188px; float:left; background: #cbccce url(../images/webcase-detailed.png) no-repeat -714px 0px;}
#CaseNav-nav { width:180px; float:left; padding:30px 0 10px 8px;}
#CaseNav-nav li { list-style-type:circle; list-style-position:inside; line-height:30px;}
/*右图*/
#CaseNav-img { width:180px; float:left; padding:10px 0 0 8px;}
/*右搜*/
#CaseNav-search { width:180px; float:left; padding:10px 0 10px 8px;}
#CaseNav-search select { margin:5px 0; width:170px; overflow: inherit;}
#CaseNav-search input { margin:5px 0; line-height:20px;}

/*内容叁-案例详情*/
#pageCon3 { width:902px; height: auto; clear:both; background:url(../images/webcase-detailed-bg.png) repeat-y;}
#CaseDetailed { width:712px; float:left; clear:left; background:url(../images/webcase-detailed.png) no-repeat 0px 0px; background-color:#f7f7f8;}
#CaseDetailed-title { float:left; clear:left; width:652px; margin:10px 20px; padding:10px 0;}
#CaseDetailed-title h2 { font-size:16px; color:#545455; font-family:"微软雅黑", "黑体";}
#CaseDetailed-text { float:left; clear:left; width:652px; margin:10px 20px; padding:10px 0; line-height:25px; color:#585a67;  background:url(../images/dottedline1.png) repeat-x;}
#CaseDetailed-text h3 { line-height:25px; font-size:14px; color:#990000; }
#CaseDetailed-text h4 { line-height:25px; font-size:12px; color:#990000; }
#CaseDetailed-img { float:left; clear:left; width:652px; margin:0 20px; padding:10px 0; background:url(../images/dottedline1.png) repeat-x;}
#CaseDetailed-img img { padding:10px 0;}
#CaseDetailed-avow { float:left; clear:left; width:652px; margin:10px 20px; padding:10px 0; line-height:25px; color:#990000;  background:url(../images/dottedline1.png) repeat-x;}