﻿/* 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/bg01.gif) repeat;*/}
table{border-collapse:collapse;border-spacing:0;}

.clearfloat{height:0;font-size:1px;clear:both;line-height:0;}

#container{ width:100%;  text-align:left; margin:0 auto; }
a{color:#333;text-decoration:none;}
a:hover{color:#ef9b11; text-decoration:underline;}

/*outframe_header*/
.outframe_header{ background:url(../images/header-bg01.jpg) repeat-y center top;float:left; width:100%;position:relative;z-index:1000; }

.outframe_header .box{ width:960px; margin:0 auto;height:129px;overflow:hidden;background:url(../images/header-bg001.jpg) no-repeat;}

.outframe_header  .jmlogo{ float:left; display:inline; margin-left:52px; padding-top:40px;}

.outframe_header  .jmsubnav{ float:right; padding-top:100px;}
.outframe_header  .jmsubnav a{ padding-right:14px; margin-left:15px; color:#fff; background:url(../images/header-icon.gif) no-repeat right 3px;}
.outframe_header  .jmsubnav a.jmicon{ background:url(../images/web.gif) no-repeat 5px 0px; padding-left:25px;}
.outframe_header  .jmsubnav a.last{ background:none;}
.outframe_header  .jmsubnav .a1{ background:url(../images/icon01.gif) no-repeat left 0;}
.outframe_header  .jmsubnav .a2{ background:url(../images/icon02.gif) no-repeat left 0;}
.outframe_header  .jmsubnav .a3{ padding-left:19px; background:url(../images/icon03.gif) no-repeat left 0;}

#content {width:100%;}
.main_nav { padding-left:12px; width:948px; padding-top:1px; margin:0 auto;height:41px; background:url(../images/bg04.gif) repeat-x; }
.main_nav ul li {float:left;width:100px;border-right:1px solid #d6d6d6;position:relative;}
.main_nav ul li a {display:block;text-align:center;color:#000;text-decoration:none;line-height:41px;}
.main_nav ul li dl {position:absolute;left:0;top:41px;width:100px;display:none;}
.main_nav ul li dl dd {height:31px;}
.main_nav ul li dl dd a {display:block;height:30px;line-height:30px;text-align:center;border-bottom:1px solid #666;
background:url(../images/bg05.gif) no-repeat center top #888; text-decoration:none; color:#000;}
.main_nav ul li dl dd a:hover{background:url(../images/bg05.gif) no-repeat center top #888; text-decoration:none; color:#c00;}

.banner{clear:both; width:960px; height:245px; overflow:hidden; margin:0 auto; }

.outframe_main{ background:url(../images/bg02ss.gif) repeat-y center top; width:100%;}
/*.outframe_main{ background-image: url(../images/bg02s.jpg); background-repeat: repeat; width:100%;}*/

/*main*/
.main{ width:950px; margin:0 auto; background:#fff; }

/*area01*/
.area01{ width:100%;float:left;padding-top:15px;padding-bottom:15px;*padding-bottom:0;margin-bottom:10px;}
.area01 .hover{color:#ef9b11;}
.area01 .maincontent .box02 .part02 .mid .grp01 div.hover{left:0px;top:0px;}
.area01 .maincontent .box02 .part02 .mid .grp01{position:relative;height:200px;overflow:hidden;}
.area01 .maincontent .box02 .part02 .mid .grp01 div{position:absolute;left:-10000px;}

/*maincontent*/
.maincontent{ width:607px; float:left; display:inline; margin-left:13px;}
.maincontent .box01{ width:100%; margin-bottom:16px;}
.maincontent .box01 .top{ background:url(../images/bg06.gif) no-repeat; width:100%; height:5px; overflow:hidden;}
.maincontent .box01 .mid{ background:url(../images/bg07.gif) repeat-y; padding:10px 22px 13px 21px; height:116px; overflow:hidden;  width:564px;}
.maincontent .box01 .mid b{ font-size:14px; line-height:32px;}
.maincontent .box01 .mid span{ margin-left:5px;}
.maincontent .box01 .mid .grp01{ width:100%;}
.maincontent .box01 .mid .grp02{ width:100%;padding-top:5px;}
.maincontent .box01 .mid .grp02 p{ text-indent:2em; line-height:22px; color:#686868; font-size:14px;}
.maincontent .box01 .mid .grp02 .more{ display:block; float:right; font-weight:bold;}
.maincontent .box01 .bot{ background:url(../images/bg08.gif) no-repeat; width:100%; height:5px; overflow:hidden;}

.maincontent .box02{ width:100%; }
.maincontent .box02 .part01{ width:294px; float:left; display:inline;}
.maincontent .box02 .part01 .grp01{ padding-left:21px; width:273px; padding-top:12px;text-align:left;}
.maincontent .box02 .part01 b{ font-size:14px; line-height:32px;}
.maincontent .box02 .part01 span{ margin-left:5px;}
.maincontent .box02  .top{ background:url(../images/bg10.gif) no-repeat; width:100%; height:4px; overflow:hidden;}
.maincontent .box02  .mid{ border-left:1px solid #ebebeb;border-right:1px solid #ebebeb; width:292px; text-align:center; height:240px; overflow:hidden;}
.maincontent .box02  .mid ul{ text-align:left; padding-left:21px; padding-bottom:6px;padding-top:8px;}
.maincontent .box02  .mid ul li{ line-height:22px; padding-left:9px; background:url(../images/arrow.gif) no-repeat left 7px;}
.maincontent .box02  .mid ul li a{ color:#686868;display:block;width:240px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.maincontent .box02  .mid ul li a:hover{ color:#ef9b11;}
.pic{ width:288px; height:182px; margin-bottom:8px;}
.maincontent .box02  .part02 a{ margin-right:14px; color:#686868; margin-left:9px;}
.maincontent .box02  .part02 a:hover{ color:#ef9b11;}
.maincontent .box02  .part02 .grp02{padding-top:10px;} 
.maincontent .box02  .part02 .grp02 ul li{width:100px;float:left;}
.maincontent .box02  .part02 .grp02 ul li a{width:100px;}
a.detail{ display:block; float:right; background:url(../images/bg13.gif) no-repeat; width:76px; height:16px; line-height:16px; text-align:center; display:inline; margin-right:13px; color:#fff;}
.maincontent .box02  .bot{ background:url(../images/bg12.gif) no-repeat; width:100%; height:8px; overflow:hidden;}
.maincontent .box02 .part02{ width:294px; float:left; display:inline;  margin-left:19px;}


/*sidebar*/
.sidebar{ width:295px; float:left; display:inline; margin-left:13px;}
.sidebar .top{ background:url(../images/bg14.gif) no-repeat; width:100%; height:5px; overflow:hidden;}
.sidebar .mid{ padding:15px 10px 0 22px; background:url(../images/bg15.gif) repeat-y; width:263px; height:388px; overflow:hidden;}

.part01-kh{width:100%;padding-bottom:6px;border-bottom:3px solid #ed954d;margin-bottom:4px;}
.part01-kh img{display:block;width:268px;height:155px;}

.sidebar .mid .part01{ padding-bottom:12px; width:100%;}
.sidebar .mid b{ font-size:14px; line-height:22px; vertical-align:top;}
.sidebar .mid span{ margin-left:5px;}

.sidebar .part01,.sidebar .part02{width:100%;float:left;}
.sidebar ul{ padding-bottom:6px;}
.sidebar ul li{ line-height:20px; padding-left:9px; background:url(../images/arrow.gif) no-repeat left 7px;}
.sidebar ul li a{ color:#686868;display:block;width:240px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.sidebar ul li a:hover{ color:#ef9b11;}

/*jmperson*/
.sidebar .jmperson{ width:100%; margin-bottom:12px;float:left;}
.sidebar .jmperson .grp01{ width:136px; float:left; display:inline;}
.sidebar .jmperson .grp01 a{display:block;padding:1px;border:1px solid #82bdd8; width:132px; height:83px; padding:2px;}
.sidebar .jmperson .grp01 a:hover{border:1px solid #ef9b11}
.sidebar .jmperson .grp01 img{ width:100%; height:100%;}
.sidebar .jmperson .grp02{ width:112px; float:left; display:inline; margin-left:12px;}
.sidebar .jmperson .grp02 .p{ line-height:18px;color:#686868; }
.sidebar .jmperson .grp02 a{ color:#686868; font-weight:bold; float:right;}
.sidebar .jmperson .grp02 a:hover{ color:#ef9b11;}

.sidebar .bot{ background:url(../images/bg16.gif) no-repeat; widows:100%; height:8px; overflow:hidden}

/*area02*/
.area02{ width:100%;clear:both;}
.area02 .box{ width:270px; padding:13px 12px 0 12px; height:217px; float:left; display:inline; margin-left:13px;overflow:hidden; margin-bottom:21px;}
.area02 .box .a1{ display:block; width:270px; height:81px; overflow:hidden; margin-bottom:10px;}
.area02 .box h4{ padding-left:16px; background:url(../images/arrow01.gif) no-repeat left 1px; padding-bottom:7px;}
.area02 .box h4 a{ font-size:14px; font-weight:bold; color:#fff;}
.area02 .box .p{ line-height:18px; text-indent:2em; color:#fff; height:72px; overflow:hidden;}
.area02 .box01{background:url(../images/bg17.gif) no-repeat; }
.area02 .box02{background:url(../images/bg18.gif) no-repeat; }
.area02 .box03{background:url(../images/bg19.gif) no-repeat;}
.area02 .box04{background:url(../images/bg20.gif) no-repeat; }
.area02 .box05{background:url(../images/bg21.gif) no-repeat; }

.area02 .box06{padding:4px 0 0 0; height:235px;width:310px; overflow:hidden; }

.area03{clear:both;background:url(../images/bg.jpg) no-repeat;width:100%;height:76px;}
.area03 .box01{ padding-top:17px; color:#000; width:960px; text-align:center; margin:0 auto;}
.area03 .box01 .part01{ padding-left:22px; float:left;}
.area03 .box01 .part01 a{ padding-right:17px;color:#686868; margin-right:17px; background:url(../images/footer-icon.gif) no-repeat right 2px;}
.area03 .box01 .part01 a:hover{ color:#ef9b11;}
.area03 .box01 .part02{ float:right;padding-right:22px; color:#686868;}
.area03 .box02{clear:both;width:100%;text-align:center;padding-top:7px;}

#lovexin12{z-index:10000;}

/*outframe_footer*/

.outframe_footer{ clear:both; width:100%; background:url(../images/footer.gif) no-repeat center top; height:52px; overflow:hidden;}

