@charset "utf-8";
/* CSS Document */



/*area01*/
.area01{ background:url(../images/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:22px; padding-right:22px; 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:25px; float:left; display:inline; width:501px;}

.main .area02 .box{ margin-bottom:18px;width:501px;}
.main .area02 .box .part01 .part01a{ background:url(../images/area02-bg01.jpg) no-repeat; width:51px; height:60px; float:left; text-align:center;}
.main .area02 .box .part01 .part01a .f1{ margin-top:8px; font-weight:bold; color:#fff;}
.main .area02 .box .part01 .part01a .f2{ margin-top:2px; font-size:15px;}
.main .area02 .box .part01 .part01b{ float:left; width:441px; margin-left:7px;}
.main .area02 .box .part01 .part01b h4{ font-size:14px; line-height:24px; font-weight:400;}
.main .area02 .box .part01 .part01b h4 a{color:#000;}
.main .area02 .box .part01 .part01b h4 a:hover{text-decoration:underline;}
.main .area02 .box .part01 .part01b p{ color:#acacac; margin-bottom:4px;}
.main .area02 .box .part01 .part01b p a{color:#acacac;}
.main .area02 .box .part01 .part01b p span{ padding-left:24px;}
.main .area02 .box .part01 .part01b ul li{ float:left;}
.main .area02 .box .part01 .part01b ul li.l1{color:#acacac; background:url(../images/area02icon03.gif) no-repeat right;width:60px;margin-right:10px;}
.main .area02 .box .part01 .part01b ul li.l2{color:#acacac; }

.main .area02 .box .part02{ color:#848383;width:500px;padding-top:7px;}
.main .area02 .box .part02 img{ border:3px solid #000; width:367px; margin-bottom:14px;}
.main .area02 .box .part02 p{ line-height:22px; font-size:14px;}

.main .area02 .box .part03{ text-align:right; padding-top:8px;}
.main .area02 .box .part03 a{color:#f00;}
.main .area02 .box .part03 a:hover{text-decoration:underline;}

.main .area02 .page{ text-align:center;width:501px;}

.main .area021 { margin-left:42px; float:left; display:inline; background:#000;display:none;}
.main .area03{ margin-left:42px; float:left; display:inline;  padding-left:12px; padding-top:19px; padding-right:11px; width:188px;background:#f9f4e8;}
.main .area03 h4{ background:url(../images/area03-bg01.jpg) no-repeat; width:176px; height:31px; line-height:31px; padding-left:12px; font-size:14px; color:#fff; margin-bottom:10px; font-weight:normal;}
.main .area03 .box01 ul{ padding-bottom:22px; padding-left:4px;}
.main .area03 .box01 ul li{ line-height:18px; padding-left:11px; background:url(../images/area02icon04.gif) no-repeat 2px 9px; line-height:20px;}
.main .area03 .box01 ul li a{ color:#7e7e7e;}
.main .area03 .box01 ul li a:hover{text-decoration:underline;}

.main .area03 .box02{padding-bottom:20px;}
.main .area03 .box02 .part{ padding-left:4px; margin-bottom:5px;}
.main .area03 .box02 .part h5{ font-weight:normal; line-height:24px;} 
.main .area03 .box02 .part h5 a{font-size:12px;color:#000;font-weight:normal;}
.main .area03 .box02 .part h5 a:hover{text-decoration:underline;}
.main .area03 .box02 .part p{line-height:18px; color:#949292;word-wrap: break-word; word-break: normal;}



.main .area04{ margin-left:4px;  float:left; display:inline; width:173px; background:#f9f4e8;}
.main .area04 h4{ background:url(../images/area04-bg01.jpg) no-repeat; width:142px; height:32px; line-height:32px; font-size:14px; color:#fff; padding-left:12px; margin-left:9px; font-weight:normal; margin-bottom:5px;}

.main .area04 .box01{ padding-bottom:11px; padding-top:20px;width:173px; }
.main .area04 .box01 h4{ margin-left:12px;}
.main .area04 .box01 .tab01{width:163px;margin-left:10px;}
.main .area04 .box01 .tab01 td{ padding-top:4px; padding-bottom:4px; color:#7e7e7e;}
.main .area04 .box01 .tab01 td a{color:#7e7e7e;}
.main .area04 .box01 .tab01 td a:hover{text-decoration:underline;}
.main .area04 .box01 .tab01 td img{width:40px;height:40px;}
.main .area04 .box01 .tab01 td.t1{ background:#f1f1ff; width:43px; padding-left:6px; padding-right:3px; }

.main .area04 .box02 .tab02{ color:#fff; text-align:center;}
.main .area04 .box02 .key{padding:7px 15px;}
.main .area04 .box02 .key a{display:block; color:#7e7e7e;line-height:20px;}
.main .area04 .box02 .key a:hover{text-decoration:underline;}

.main .area04 .box03 img{margin-left:15px;}
.main .area04 .box03 p{padding-left:9px; padding-right:3px;line-height:20px;color:#7e7e7e;}
.main .area04 .box03 ul{ margin-left:15px; padding-bottom:10px;}
.main .area04 .box03 ul li{ line-height:22px;}
.main .area04 .box03 ul li a{color:#333333;}
.main .area04 .box03 ul li a:hover{text-decoration:underline;}

.main .area04 .box04 ul{ margin-left:15px; padding-bottom:10px;}
.main .area04 .box04 ul li{ line-height:22px;color:#7e7e7e;}