/* CSS Document */




/*area01*/
.area01{ background:url(../images/websidecase/area01bg01.gif) repeat-x; height:91px; width:960px; overflow:hidden;}
.area01 .box01{ float:left; }


.area01 .box02{ float:left; margin-left:26px;padding-top:61px;}
.area01 .box02 .left{background:url(../images/box02-left.gif) no-repeat; width:7px; height:29px; overflow:hidden;float:left;}
.area01 .box02 .middle{background:url(../images/box02-middle.gif) repeat-x; height:29px;float:left;line-height:29px;}
.area01 .box02 .middle ul li{ float:left; line-height:29px;}
.area01 .box02 .middle ul li a{ display:block; padding-left:20px; padding-right:20px; background:url(../images/area01icon01.gif) no-repeat right;line-height:29px;color:#5f4716;}
.area01 .box02 .middle ul li a:hover{color:#f00;}
.area01 .box02 .right{background:url(../images/box02-right.gif) no-repeat; width:8px; height:29px; float:left;margin-left:-3px;}

.main{ width:960px; padding-top:8px;}

/*area02*/
.main .area02{ margin-left:16px; float:left; display:inline; width:622px; }
.main .area02 .head{ background:url(../images/area02bg01.gif) repeat-x; height:26px; border:1px solid #d7d7d7;width:623px;}
.main .area02 .head h4 { font-size:13px; color:#fff; padding-left:11px; line-height:26px;}
.main .area02 .head h4 a{ font-size:13px; color:#fff; padding-left:11px; line-height:26px;}
.main .area02 .body{ padding-top:7px;width:622px;border:1px solid #d7d7d7;padding-bottom:10px;}
.main .area02 .body ul li{ padding-left:30px;margin-right:20px;line-height:24px;background:url(../images/area01icon03.gif) no-repeat 20px 10px;}
.main .area02 .body ul li span{float:right;}
.main .area02{ margin-left:16px; float:left; display:inline; width:622px;}
.main .area02 .body .box01{ background:url(../images/netview/area02bg02.gif) repeat-x bottom; min-height:158px;_height:158px; width:620px; border:1px solid #d7d7d7; margin-bottom:7px; }
.main .area02 .body .box01 h4{ padding-top:10px;}
.main .area02 .body .box01 h4 a{ padding-top:14px; padding-left:34px; background:url(../images/netview/area02icon01.gif) no-repeat 14px 18px; font-size:15px; color:#ce0000;}
.main .area02 .body .box01 h5{ color:#999999; font-size:12px; padding-left:23px; font-weight:normal; margin-bottom:14px; line-height:22px;}
.main .area02 .body .box01 img{border:1px solid #ccc;width:162px;height:122px;padding-top:1px; padding-left:1px;padding-right:1px;padding-bottom:1px;}
.main .area02 .body .box01 p{margin-top:-5px; line-height:22px; margin-left:13px; width:579px; text-indent:2em; min-height:72px;_height:72px;}
.main .area02 .body .box01 a.read{ color:#ff0000; float:right; margin-right:12px; margin-bottom:10px;}

.main .area02 .foot{text-align:center;padding-top:10px;}




.main .area02 .box02 .head{ background:url(../images/bg01.gif) repeat-x; height:26px; border:1px solid #d7d7d7;width:620px;margin-bottom:6px;}
.main .area02 .box02 .head h4{ font-size:13px; color:#fff; line-height:26px; padding-left:23px;}
.main .area02 .box02 .head ul li{ float:left;line-height:26px;padding-left:8px;padding-right:8px; font-size:13px; background:url(../images/knowledge/icon01.gif) no-repeat right;}
.main .area02 .box02 .head ul li a{ color:#fff;}


.main .area02 .box02 .body{padding-left:15px;width:607px;}
.main .area02 .box02 .body h2 a{font-size:15px;color:#5c4e2a;}
.main .area02 .box02 .body h2 a:hover{color:#f00;}
.main .area02 .box02 .body h4{padding-top:20px;}
.main .area02 .box02 .body h4 a{font-size:14px;color:#5c4e2a;}
.main .area02 .box02 .body h4 a:hover{color:#f00;}
.main .area02 .box02 .body a{font-size:12px;line-height:22px;margin-right:10px;}
.main .area02 .box02 .body a:hover{color:#f00;}




/*area03*/
.main .area03{ float:left; width:298px; margin-left:8px;}
.main .area03 .blockbox{ margin-bottom:8px;}
.main .area03 .blockbox .head{ background:url(../images/service/bg02.gif) repeat-x; height:29px; width:298px;}
.main .area03 .blockbox .head h4{ font-size:13px; color:#fff; padding-left:7px; line-height:29px;}
.main .area03 .blockbox{width:298px; border:1px solid #dad9da;}

.main .area03 .box01 .body{ width:296px;}
.main .area03 .box01 .body table td{ padding:3px; padding-bottom:5px; }
.main .area03 .box01 .body table td a img{ width:91px;border:1px solid #d7d7d7; padding:1px;}
.main .area03 .box01 .body table td.detail{ text-align:right; padding-right:4px;}



.main .area03 .box02 .body{   padding-top:4px;width:298px;}
.main .area03 .box02 .body ul li{ float:left; margin-left:6px; display:inline; padding-top:2px;}
.main .area03 .box02 .body ul li img{ width:135px;border:1px solid #ccc; padding:1px;}

.main .area03 .box03 .body{  padding-top:5px;width:298px; padding-bottom:5px;}
.main .area03 .box03 .body ul li{ float:left; margin-left:5px; display:inline; border:1px solid #dadada; background:url(../images/box03-bg.gif) repeat-x bottom;width:139px;min-height:80px;_height:80px;margin-bottom:4px;}
.main .area03 .box03 .body ul li .txt{ margin-left:6px;margin-right:6px;}
.main .area03 .box03 .body ul li .txt h6{ color:#f50000;font-size:12px;line-height:26px;}
.main .area03 .box03 .body ul li .txt p{line-height:18px;}


/*area04*/
.area04{ width:927px; margin-left:17px;}
.area04 .head{ background:url(../images/service/bg04.gif) repeat-x; height:28px; width:925px; border:1px solid #d7d7d7; margin-bottom:4px;}
.area04 .head h4{ line-height:28px; padding-left:24px; color:#FFF; font-size:13px;}

.area04 .body{ border:1px solid #d7d7d7;padding-top:12px;  padding-bottom:12px; padding-left:16px;}
.area04 .body table{ width:891px; }
.area04 .body table td{ padding-right:4px;}