﻿/* 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; background:url(../images/body-bg.gif) repeat-x left top #f7f7ef;}
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; background:#fff;}
a{color:#333;text-decoration:none;}
a:hover{color:#ef9b11; text-decoration:underline;}

/*outframe_header*/
.outframe_header{  width:960px; height:480px; overflow:hidden;}
.outframe_header .box01{ background:url(../images/header-bg01.gif) no-repeat right top; width:5px; height:480px; float:left;}
.outframe_header .box02{ background:url(../images/header-bg02.gif) no-repeat left top;height:480px; width:950px; float:left;}
.outframe_header .box02 .part01{ width:950px; height:104px;}
.outframe_header .box02 .part01 .jmlogo{  float:left; display:inline; margin-left:27px;}
.outframe_header .box02 .part01 .jmsubnav{ float:right; display:inline; margin-right:4px; padding-top:63px;}
.outframe_header .box02 .part01 .jmsubnav a{ padding-left:15px; margin-left:19px; background:url(../images/header-icon01.gif) no-repeat left 2px; color:#8b6a8a;}

.outframe_header .box02 .part02{ width:950px; padding-top:3px;}
.outframe_header .box02 .part02 .grp01{padding-left:4px; width:946px; height:331px; overflow:hidden;}
.outframe_header .box02 .part02 .grp01 img{ height:331px;}
.outframe_header .box02 .part02 .grp02 a{display:block; float:left;  height:40px; font-size:14px;text-align:center; color:#fff;}
.outframe_header .box02 .part02 .grp02 .a1{  background:url(../images/font01.jpg) no-repeat; width:189px; }
.outframe_header .box02 .part02 .grp02 .a1:hover{ background:url(../images/font01h.jpg) no-repeat;}
.outframe_header .box02 .part02 .grp02 .a2{  background:url(../images/font02.jpg) no-repeat; width:189px; }
.outframe_header .box02 .part02 .grp02 .a2:hover{ background:url(../images/font02h.jpg) no-repeat;}
.outframe_header .box02 .part02 .grp02 .a3{  background:url(../images/font03.jpg) no-repeat; width:189px; }
.outframe_header .box02 .part02 .grp02 .a3:hover{ background:url(../images/font03h.jpg) no-repeat;}
.outframe_header .box02 .part02 .grp02 .a4{  background:url(../images/font04.jpg) no-repeat; width:187px; }
.outframe_header .box02 .part02 .grp02 .a4:hover{ background:url(../images/font04h.jpg) no-repeat;}
.outframe_header .box02 .part02 .grp02 .a5{  background:url(../images/font05.jpg) no-repeat; width:196px; }
.outframe_header .box02 .part02 .grp02 .a5:hover{ background:url(../images/font05h.jpg) no-repeat;}

.outframe_header .box03{ background:url(../images/header-bg03.gif) no-repeat left top; width:5px; height:480px; float:left;}

/*main*/
.main{ background:url(../images/main-bg01.gif) repeat-y; width:950px; padding-left:5px; padding-right:5px;}
/*area01*/
.area01{ width:950px; height:167px; overflow:hidden;}

.area01 .box01{ padding-left:13px; width:220px; height:167px; float:left; background:url(../images/main-bg02.gif) no-repeat right top;}
.area01  h4{ font-size:14px; color:#be44b9; padding-top:19px; margin-bottom:16px;}
.area01  h4 a{color:#be44b9; }
.area01  h4 span{ padding-left:4px; font-size:12px;}


.area01 .box01 .rollpic{width:192px; }
.area01 .box01 .rollleft{ float:left; display:inline; width:14px; margin-top:39px; height:22px;}
.area01 .box01 .outerDiv{overflow: hidden;height:96px;width: 158px; float:left; display:inline;}
.area01 .box01 .innerTable{height:96px;width:150px;float:left; display:inline;}
.area01 .box01 .innerTable td{width:150px; padding-left:10px; padding-right:10px;}
.area01 .box01 .rollright{float:left; display:inline;width:14px; margin-top:39px; height:22px;}

.area01 .box02{ padding-left:15px; width:247px; height:167px; float:left; background:url(../images/main-bg02.gif) no-repeat right top;}
.area01 .box02 .part{ background:url(../images/main-bg03.gif) no-repeat left top; padding-right:118px; color:#999; line-height:18px;}

.area01 .box03{ padding-left:15px; width:245px; height:167px; float:left; background:url(../images/main-bg02.gif) no-repeat right top;}
.area01 .box03 h4{ margin-bottom:5px;}
.area01 .box03 .jmlilist{ background:url(../images/main-bg04.gif) no-repeat left top;width:228px; }
.area01 .box03 .jmlilist ul{ width:228px;}
.area01 .box03 .jmlilist ul li{ clear:both; padding-left:8px; background:url(../images/dot.gif) no-repeat left 8px; height:20px; }
.area01 .box03 .jmlilist ul li a{ color:#999; display:block;width:145px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden; float:left; margin-top:4px;}
.area01 .box03 .jmlilist ul li span{ float:right;color:#cacaca;}

.area01 .box04{ padding-left:6px; width:189px; height:148px; float:left; padding-top:19px;}
.area01 .box04 a{ display:block; width:182px; height:41px; margin-bottom:3px;}

.area02{ width:938px; background:url(../images/main-bg05.gif) repeat-x left bottom; margin-left:7px; height:229px;}

.area02 .box01{ background:url(../images/main-bg06.gif) no-repeat left top; padding-left:16px; padding-right:10px; width:192px; height:181px; padding-top:15px; float:left; display:inline;}
.area02  h4{ font-size:14px; color:#be44b9; font-weight:700; margin-bottom:10px;}
.area02  h4 a{color:#be44b9;}
.area02  h4 span{ font-size:12px; color:#be44b9; padding-left:3px;}
.area02 .box01 .part{ line-height:18px; color:#999; }
.area02 .box01 .part span{ color:#898889; font-weight:700;}

.area02 .box02{ background:url(../images/main-bg07.gif) no-repeat; padding-left:15px; padding-right:27px; width:480px; padding-top:15px; height:194px; float:left; display:inline; margin-left:8px; }
.area02 .box02 .jmperson{ width:480px; height:80px; overflow:hidden;  margin-bottom:5px;}
.area02 .box02 .jmperson .grp01{ background:url(../images/main-bg08.gif) no-repeat; width:75px; padding-top:5px; height:65px; text-align:center;float:left; display:inline;}
.area02 .box02 .jmperson .grp01 img{ width:65px; height:60px;}
.area02 .box02 .jmperson .grp02{ width:394px; float:left; display:inline; margin-left:9px; color:#977c01;}
.area02 .box02 .jmperson .grp02 b{ display:block; margin-bottom:5px; padding-top:6px;}
.area02 .box02 .jmperson .grp02 .p{ line-height:18px; color:#898889; text-indent:2em;max-height:36px; height: expression( this.scrollHeight > 36 ? "36px" : "auto" );overflow:hidden;}
.area02 .box02 .jmperson .grp02 b a{ color:#898889; }
.area02 .box02 .jmperson .grp02 b a:hover{ text-decoration:underline;}

.area02 .box03{ width:182px; float:left; display:inline; margin-left:5px;}
.area02 .box03 img{ width:182px; margin-bottom:4px;}



/*outframe_footer*/

.outframe_footer{ clear:both; background:url(../images/footer-bg.gif) no-repeat; height:47px; padding-left:5px; padding-right:5px;  overflow:hidden; width:950px; padding-top:26px; text-align:center; color:#898989;}







