/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif;  text-align:center; margin:0 auto; }
table{border-collapse:collapse;border-spacing:0;}

.clearfloat{height:0;font-size:1px;clear:both;line-height:0;}

#container{ width:960px; text-align:left; margin:0 auto; }
a{color:#333;text-decoration:none;}
a:hover{color:#ef9b11; text-decoration:underline;}


/*outframe_header*/
.outframe_header{ width:960px; height:292px; overflow:hidden;}
.outframe_header .box01{ background:url(../images/header-bg01.jpg) no-repeat; width:960px; height:267px; overflow:hidden;}

.outframe_header .box01 .logo{ width:176px; float:left; display:inline; margin-left:30px; margin-top:9px; }
.outframe_header .box01 .login{ width:384px;float:left; display:inline;margin-left:49px;}
.outframe_header .box01 .login table{ float:left; margin-top:17px;}
.outframe_header .box01 .login table .text{ width:79px;}
.outframe_header .box01 .login table td{ vertical-align:middle; height:19px; line-height:19px; color:#2f51d1;}
.outframe_header .box01 .login table td a{ color:#2f51d1;}
.outframe_header .box01 .login table td .text{ vertical-align:top;}

.outframe_header .box02{ width:960px; height:25px; background:url(../images/nav-bg.gif) repeat-x; line-height:25px;}
.outframe_header .box02 ul{ padding-left:15px;}
.outframe_header .box02 ul li{ float:left;}
.outframe_header .box02 ul li a{ display:block;font-weight:bold; padding-left:12px; padding-right:12px; background:url(../images/icon01.gif) no-repeat right; color:#fff; font-size:14px;}



/*outframe_main*/
.outframe_main{ width:960px;}

/*.area01*/
.area01{ width:960px; margin-top:22px;}
.area01 .box01{ width:240px; float:left; display:inline; margin-left:25px;}
.area01 .box01 .head{ background:url(../images/h4-bg.gif) no-repeat; width:240px; height:17px;}
.area01 .box01 .head h4{ font-size:14px; font-weight:normal; color:#9b107e; margin-left:27px;}
.area01 .box01 .head h4 span{ float:right; }
.area01 .box01 .head h4 span a{color:#9b107e; font-size:12px;}

.area01 .box01 .body{ width:240px; padding-top:10px;}
.area01 .box01 .body .part{ clear:both; width:240px; margin-bottom:11px;}
.area01 .box01 .body .part01{ float:left; display:inline;}
.area01 .box01 .body .part01 img{ width:83px; height:37px;}
.area01 .box01 .body .part02{ width:132px; float:left; margin-left:9px;}


.area01 .box02{ float:left; width:447px; display:inline; margin-left:25px;}
.area01 .box02 .head{ background:url(../images/h4-bg02.gif) no-repeat; width:447px; height:17px;}
.area01 .box02 .head h4{font-size:14px; font-weight:normal; color:#9b107e; margin-left:27px;}

.area01 .box02 .body{ width:447px; padding-top:5px;}
.area01 .box02 .body h5{ line-height:24px;}
.area01 .box02 .body h5 a{ color:#000;}
.area01 .box02 .body p{ line-height:18px; text-indent:2em;width:427px;}
.area01 .box02 .body .more{ display:block; float:right;margin-right:30px;}
.area01 .box02 .body ul{ margin-top:14px;}
.area01 .box02 .body ul li{ width:128px; float:left; float:left; margin-right:16px; margin-left:5px; display:inline; text-align:center;}
.area01 .box02 .body ul li a img{ width:122px; height:71px; padding:2px; border:1px solid #d4d4d4; margin-bottom:3px;}

.area01 .box03{ float:left; background:url(../images/main-bg01.gif) no-repeat; width:180px; height:167px; padding-top:49px; display:inline; margin-left:25px;}
.area01 .box03 ul{width:152px; margin-left:22px;}
.area01 .box03 ul li{ width:152px; margin-bottom:9px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}


/*.area02*/
.area02{ width:960px;}
.area02 .box01{ width:189px; float:left;display:inline; margin-left:25px;}
.area02 .box01 a img{ width:189px;}
.area02 .box02{ width:714px; float:left; display:inline; margin-left:16px;}
.area02 .box02 a img{ width:714px;}


/*.area03*/

.area03{ width:960px; margin-top:22px;}
.area03 .box01{ width:269px; float:left; display:inline; margin-left:26px;}
.area03 .box01 .head{ background:url(../images/h4-bg.gif) no-repeat; width:240px; height:17px;}
.area03 .box01 .head h4{ font-size:14px; font-weight:normal; color:#9b107e; margin-left:27px;}
.area03 .box01 .head h4 span{ float:right; }
.area03 .box01 .head h4 span a{color:#670072; font-size:12px;}

.area03 .box01 .body{ width:269px; padding-top:10px;}
.area03 .box01 .body .part{ background:url(../images/li-bg.gif) no-repeat; width:79px; height:170px; padding-top:5px; float:left; display:inline; margin-right:9px; overflow:hidden; margin-bottom:7px;}
.area03 .box01 .body .part img{ border:1px solid #cd70b9; width:61px; height:79px; margin-left:5px;}

.area03 .box01 .body .part ul{ width:66px; margin-left:4px; padding-top:5px;}
.area03 .box01 .body .part ul li{ color:#52005e; line-height:16px;}


.area03 .box02{ width:440px; float:left; display:inline; }
.area03 .box02 .part{ width:440px; height:220px;}
.area03 .box02 .part .part01{ background:url(../images/home-bg01.jpg) no-repeat; width:440px; height:21px;}
.area03 .box02 .part .part01 ul{ padding-left:17px; width:403px;}
.area03 .box02 .part .part01 ul li{ float:left; padding-left:10px; padding-right:10px; background:url(../images/icon03.gif) no-repeat right 5px ; text-align:center; line-height:21px; height:21px;}
.area03 .box02 .part .part01 ul li span strong{color:#9b107e; font-weight:normal;}
.area03 .box02 .part .part01 ul li.hover span{ display:block; float:left;background:url(../images/icon05.gif) no-repeat left; padding-left:6px; height:21px; line-height:21px;}
.area03 .box02 .part .part01 ul li.hover span strong{display:block;float:left;background:url(../images/icon06.gif) no-repeat right; padding-right:6px;height:21px;line-height:21px; color:#9b107e; font-weight:bold;}
.area03 .box02 .part .part01 ul li.hover{}
.area03 .box02 .part .part01 ul li.hover span{ border-bottom:none;}

.area03 .box01 ul{font-weight:normal;}
.area03 .box01 ul b{font-weight:normal;}
.area03 .box02 ul li a{font-weight:normal;}
.area03 .box03 ul li a{font-weight:normal;}


#con_one_1{ width:438px; padding-top:16px;}
#con_one_2{ width:438px; padding-top:16px;}
#con_one_3{ width:438px; padding-top:16px;}

#con_two_1{ width:438px; padding-top:16px;}
#con_two_2{ width:438px; padding-top:16px;}
#con_two_3{ width:438px; padding-top:16px;}

.group01{ width:272px; float:left; display:inline; margin-left:19px;}
.group01 ul{ width:272px;}
.group01 ul li{ line-height:19px; padding-left:8px; background:url(../images/icon07.gif) no-repeat 0 8px;}
.more{ display:block; float:right; color:#52005e; font-size:10px;}

.group02{ width:146px; float:left;}
.group02 a img{ padding:2px; border:1px solid #d4d4d4;}


.area03 .box03{float:left;width:180px;margin-left:27px;}
.area03 .box03 .part01{ background:url(../images/area03-bg.jpg) no-repeat; width:180px;height:139px; padding-top:49px; text-align:center;  text-align:left;margin-bottom:18px;}
.area03 .box03 .part01 ul{width:121px; margin-left:46px;}
.area03 .box03 .part01 ul li{ width:102px; margin-bottom:9px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden; padding-left:18px; background:url(../images/area03-icon01.gif) no-repeat 0 4px; font-size:14px;}


.area03 .box03 .part02{ width:180px; background:url(../images/home-bg02.jpg) no-repeat; height:208px;}
.area03 .box03 .part02 a{ display:block;}
.area03 .box03 .part02 a.a1{ margin-top:47px; margin-left:77px; margin-bottom:19px;}
.area03 .box03 .part02 a.a2{ margin-left:52px; margin-bottom:19px;}
.area03 .box03 .part02 a.a3{ margin-left:27px;}




/*outframe_footer*/
.outframe_footer{ text-align:center; background:#f2f2f2; height:36px; padding-top:7px; color:#777777;}
.outframe_footer a{color:#777777; padding-left:10px; padding-right:10px; background:url(../images/icon08.gif) no-repeat right 0px;font-weight:normal;}
.outframe_footer p{font-weight:normal;}