@charset "utf-8";
/* 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/main_bg.jpg) repeat-y center top;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#aa3236;text-decoration:underline;}
.clearfloat{height:0;font-size:1px;clear:both;line-height:0;}

#container{ width:960px; text-align:left; margin:0 auto;background:#fff;}
.outframe_main{ width:960px;}


/*outframe_header.css*/
.outframe_header{ padding-top:16px;width:959px;*width:960px;_width:959px;height:106px;overflow:hidden;_padding-left:1px;} 
.outframe_header .nav{width:100%;}
.outframe_header .nav .logo{ float:left;}
.outframe_header .nav .logo a img{ margin-left:22px;width:166px;}
.outframe_header .nav .simple{ float:left;}
.outframe_header .nav .simple img{ width:185px; margin-left:16px; padding-top:15px;}


.outframe_header .nav .subnav{ float:left; margin-left:312px; background:url(../images/headerbg01.gif) no-repeat; width:240px;
 height:23px; margin-top:50px;}
.outframe_header .nav .subnav ul{ margin-left:4px;}
.outframe_header .nav .subnav ul li{ float:left; padding-left:12px; padding-right:12px; *padding-right:14px; background:url(../images/headericon01.gif) no-repeat right 8px; line-height:22px;}
.outframe_header .nav .subnav ul li a{ font-size:10px; color:#bc8900;}
.outframe_header .nav .subnav ul li a:hover{text-decoration:underline;}

.outframe_header .mainnav{clear:both; background:url(../images/headerbg02.gif) repeat-x; height:29px; width:959px;*width:960px;_width:959px;margin-top:3px;overflow:hidden;}
.outframe_header .mainnav ul{ margin-left:15px;}
.outframe_header .mainnav ul li{ float:left;  line-height:29px; text-align:center; width:99px; background:url(../images/headericon02.gif) no-repeat right 8px;}
.outframe_header .mainnav ul li a{ display:block; padding-top:2px;  color:#FFFFFF;font-size:12px;}
.outframe_header .mainnav ul li a:hover{ background:url(../images/headerbg03.gif) no-repeat center 4px; width:98px; color:#000000;text-decoration:none;}




/*search.css*/
.search{clear;both;float:left;width:815px;_margin-left:1px; padding-left:144px;padding-top:22px; height:103px; overflow:hidden; text-align:left;margin-bottom:8px;}
 #menu{
  width:816px;
  height:102px;
 background-repeat:no-repeat; 
}
 
 .menu1{
 background:url("images/1.jpg");
 }
 
 .menu2{
 background:url("images/2.jpg");
 }
 
 .menu3{
 background:url("images/3.jpg");
 }
 
.search ul{   height:26px; padding-left:24px; width:536px; margin-left:2px; overflow:hidden; background:url(../images/searchbg06.gif) repeat-x; }
.search ul li{ float:left; width:133px; text-align:center; line-height:26px;font-size:12px;}
.search ul li a{ width:133px; height:26px; display:block; line-height:26px; font-size:12px;}
.search ul li a:hover{ width:133px; height:26px;  }
.search ul li.hover a{background:url(../images/searchbg04.gif) no-repeat; width:133px; height:26px; color:#FF0000;}

.search .searchbox{clear:both; width:562px; height:36px; overflow:hidden;}
.search .searchbox .left{ background:url(../images/searchbg02.gif) no-repeat; float:left; width:2px; height:34px; overflow:hidden;}
.search .searchbox .middle{ border-bottom:1px solid #e4e4e4; border-top:none; height:29px; float:left; width:558px; background:#fff; padding-top:4px;}
.search .searchbox .middle .text{ margin-left:4px; width:462px; color:#ccc; border:1px solid #e4e4e4; float:left; height:22px; line-height:22px;}
.search .searchbox .middle a{ display:block;width:79px; float:left; margin-top:2px; margin-left:6px;}
.search .searchbox .middle a img{  width:79px;}
.search .searchbox .right{ background:url(../images/searchbg03.gif) no-repeat; float:left; width:2px; height:34px; overflow:hidden;}

.search  .keywords{clear:both; color:#777; line-height:22px; margin-left:30px;}
.search  .keywords b{ color:#FF0000;display:block;float:left;width:69px;font-size:12px;}
.search  .keywords h1{font-size:12px;color:#FF0000;font-weight:normal;width:500px;}
.SearchItem{width:466px;height:18px;line-height:18px;border:1px solid #e4e4e4;margin-left:4px;}
.search button{background:url(../images/searchbg05.gif) no-repeat;width:79px;height:21px;border:none;margin-left:2px;cursor:pointer;}



.maincontent{ width:960px;}
h2,h3,h4{font-weight:normal;}

/*area01 area01main*/
.area01{ width:960px; height:328px; overflow:hidden; margin-bottom:8px;}
.area01 .box01{ float:left; display:inline; margin-left:9px; width:396px;}

#p7ssm {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0px;
	width: 396px;
	position: relative;
	z-index: 100;
	font-size:12px;
}
/*Extra Wrappers - used for the Shadow Box style only. DO NOT EDIT.*/
#p7ssm_w2 {position: relative; z-index: 100;}

/*The Drop Down Menu DIV*/
#p7SSMwnav {
	position: absolute;
	width: 200px;
	left: 0px;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1;
	top: auto;
}

#p7ssm_navList {display:block;}
#p7ssm_navList ul {margin: 0px; padding: 0px; font-size: 12px;}
#p7ssm_navList li {list-style-type: none;}

/*THUMBNAILS*/
#p7SSMwhmb {
	width: 396px; background:url(../images/bg01.gif) no-repeat; width:396px; padding-top:14px; height:85px;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#p7ssm_thumb_wrapper {}
/*Thumbnail Drag Bar*/
#p7ssm_dragbar {}
#p7ssm_dragbar span {}
/*Thumbnail Preview*/
#p7ssm_preview {}
/*Preview Table - DO NOT EDIT*/
#p7ssm_preview table {}
#p7ssm_preview td {}
#p7ssm_preview img {
	padding: 2px;
	border: 1px solid #666;
	display: block;
	width:100px;
	height:100px;
}
.p7ssm_sectionTrigger {display:none;}

.p7ssm_thumb_section { padding-left:4px;width:392px;}
.p7ssm_thumb_section li { float: left; margin-left:6px; display:inline;}
.p7ssm_thumb_section a {padding: 1px; float: left; border: 1px solid #EAEAEA;}
/*\Hide from IE5 Mac*/
.p7ssm_thumb_section a {float: none; display: block;}
/*End Hide*/
.p7ssm_thumb_section a:hover {border:3px solid #FF0000;}
.p7ssm_thumb_section a:hover img {height: 67px; width: 79px; padding: 1px; display: block;}
.p7ssm_thumb_section .down {border:3px solid #B6E000!important; cursor: default;}
.p7ssm_thumb_section .down img {height: 67px; width: 79px; padding: 1px;border:none; display: block;}
.p7ssm_thumb_section img {height: 67px; width: 79px; padding: 1px;border: 1px solid #c6c6c6;  display: block;}
.p7ssm_clearThumbs {clear: both; height: 0; line-height: 0.0; font-size: 0;}

/*Toolbar Controls */
#p7ssm_toolbar {display:none;}
#p7ssm_tools {}
#p7ssm_toolbar em {display: none;}
#p7ssm_toolbar a {display: block;}
/*The Icon that Tgoggles the Nav Menu open and closed*/
#p7SSMtnav {
	display: block;
	width: 34px;
	height: 36px;
	background-image: url(images/dt_01.jpg);
	background-repeat: no-repeat;
}
/*The Nav Bar Icon down state*/
#p7SSMtnav.down {
	background-position: left bottom;
}
/*The Icon that Tgoggles the Thumbnail Panel open and closed*/
#p7SSMthmb {
	background-image: url(mages/buttom/dt_01.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 23px;
}
/*The Thumbnail Icon down state*/
#p7SSMthmb.down {
	background-position: left bottom !important;
}
#p7ssm_first {
	background-image: url(images/buttom/first.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 22px;
	background-position: left top;
}
#p7ssm_prev {
	background-image: url(images/buttom/prew.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
.p7ssm_play {
	background-image: url(images/buttom/play.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
.p7ssm_pause {
	background-image: url(images/buttom/pause.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_next {
	background-image: url(images/buttom/next.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
#p7ssm_last {
	background-image: url(images/buttom/last.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_counter {
	font-size: 11px;
	color: #888888;
	padding: 0px;
}
#p7ssm_slidechannel {
	background-image: url(images/buttom/speedchannel.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	height: 36px;
	width: 50px;
	top: 0px;
	position: relative;
}
#p7ssm_slider {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 100;
	height: 17px;
	width: 8px;
}
#p7ssm_slidebar {
	background-repeat: no-repeat;
	height: 17px;
	width: 8px;
	cursor: default;
}
/*The Hover state for all the toolbar icons*/
#p7ssm_first:hover, #p7ssm_prev:hover,
.p7ssm_play:hover, .p7ssm_pause:hover,
#p7ssm_next:hover, #p7ssm_last:hover,
#p7ssm_slidebar:hover, #p7SSMthmb:hover, #p7SSMtnav:hover {
	background-position: left bottom;
}
/*SLIDER TOOLTIP*/
#p7ssm_speed{
	position:absolute;
	display:none;
	left:0px;
	top:36px;
	padding:4px;
	background-color:#333333;
	border:1px solid #000;
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 100;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
/*FULLSIZE IMAGE */
/*\FS TABLE DO NOT EDIT - and hide from IE5 Mac*/
#p7ssm_fstbl {
	margin: 0;
}
/*End Hiding*/
/*The Outer Wrapper for Fullsize Image*/
#p7ssm_fullsize {
	padding: 0;
	margin:0;
	width:396px;
}
/*Animating Box Wrapper for Fullsize Image*/
#p7ssm_fsc {
	margin: 0;
	width:396px;
	padding: 0;
}
/*Inner Wrapper for Fullsize Image*/
#p7ssm_fsw {
	padding: 0px;
	margin:0px;
}
#p7ssm_fsimg img {
	width:396px;
	height:225px;
}
#p7ssm_description {width:396px; height:28px;line-height:28px;font-size:14px;}

#p7ssm_cf {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 99;
}
/*Firefox Strict Mode Box Model Fix - DO NOT EDIT*/
#p7ssm_cf img {
	display: block;
}
/*The Fullsize Image*/
#p7ssm_fsc img {
	border: 0;
}
/*\Firefox Fix - Hide from IE5 Mac*/
#p7ssm_fsc img {
	display: block;
}
/*End Hiding*/
/* Description Styles */
#p7ssm_description {
	margin:-24px 0 0 0;
	background:#FFFFFF;
	filter: alpha(opacity=60);
	opacity: 0.60;
	padding: 0px 0px;
	color: #333333;
	display: none;
	text-align:center;
}
/*Description Paragraphs*/
#p7ssm_description p {
	margin: 6px 0;
	color: #333333;
}
/*Description Links*/
#p7ssm_description a {
	color: #333333;
}
/*Hiiden Link for Fullsize Image. DO NOT EDIT*/
.p7ssm_lk {
	display:none;
}
/*Hidden Description Source. DO NOT EDIT*/
.p7ssm_fd {
    width: 396px;
    font-size:12px;
	display:none;
	padding: 0;
}
/*The Loading Progrees Bar. DO NOT EDIT*/
#p7ssm_loading {
	position:absolute;
	left:0px;
	top:0px;
	visibility: hidden;
	z-index: 100;
}



.area01 .box02{ float:left; margin-left:5px;width:337px; overflow:hidden;}
.area01 .box02 .head{ margin-bottom:1px;background:url(../images/area01bg01.gif) repeat-x; width:335px; height:28px; border:1px solid #d7d7d7;}
.area01 .box02 .head h1{ line-height:28px; font-size:13px; padding-left:26px; background:url(../images/area01icon01.gif) no-repeat 11px 9px; color:#FFFFFF;}
.area01 .box02 .head h1 .font{ padding-top:8px;}
.area01 .box02 .head h1 span{ float:right;}
.area01 .box02 .head h1 span a{ display:block; margin-top:6px; margin-right:8px;}

.area01 .box02 .head h2{ line-height:28px; font-size:13px; padding-left:26px; background:url(../images/area01icon01.gif) no-repeat 11px 9px; color:#FFFFFF;}
.area01 .box02 .head span{ float:right;}
.area01 .box02 .head span a{ display:block; margin-top:6px; margin-right:8px;}

.area01 .box02 a:hover{ color:#ff0000}

.area01 .box02 .body{width:335px;overflow:hidden; height:295px; border:1px solid #d7d7d7;background:#fafafa; }
.area01 .box02 .body .part01{margin-left:8px; width:315px;padding-top:10px;}
.area01 .box02 .body .part01 h4{margin-bottom:4px;font-size:13px;color:#111;padding-left:5px;}
.area01 .box02 .body .part01 h4 a{font-size:14px;color:#555;font-weight:bold;}
.area01 .box02 .body .part01 h4 a:hover{ color:#f00;}
.area01 .box02 .body .part01 .p{line-height:20px;margin-left:5px;color:#666666;height:61px; overflow:hidden;width:100%;}
.area01 .box02 .body .part01 .p p{font-size:12px;}

.area01 .box02 .body .part02{width:335px;}
.area01 .box02 .body .part02 ul{ margin:1px; width:335px;padding-top:4px;color:#222222;}
.area01 .box02 .body .part02 ul li{float:left; padding-left:33px; line-height:25px; background:url(../images/area01icon03.gif) no-repeat 19px 11px;}
.area01 .box02 .body .part02 ul li span{float:right;padding-top:6px;padding-right:10px;}
.area01 .box02 .body .part02 ul li a{display:block;width:250px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;color:#666;font-size:12px;float:left;}
.area01 .box02 .body .part02 ul li a:hover{color:#f00;}


.area01 .box03{ float:left; width:199px; display:inline; margin-left:7px;} 

.area01 .box03 .part01{width:199px;height:100px;margin-bottom:4px;overflow:hidden;}


.area01 .box03 .part02{ width:197px; border:1px solid #d7d7d7; height:326px; overflow:hidden;}
.area01 .box03 .part02 .grp01{ padding:8px 7px 0 7px; width:183px;background:url(../images/area01bg02.gif) repeat-x; height:223px; overflow:hidden;}
.area01 .box03 .part02 .grp01 .arr01{ width:100%; padding-bottom:10px;}
.area01 .box03 .part02 .grp01 h3{ font-size:14px; color:#d90000; margin-bottom:3px; letter-spacing:2px;}
.area01 .box03 .part02 .grp01 p{ text-indent:2em; line-height:18px; color:#555;font-size:12px;}
.area01 .box03 .part02 .grp01 .arr02{ width:100%; }
.area01 .box03 .part02 .grp01 .arr02 ul li{padding-left:13px; line-height:20px; background:url(../images/area01icon03.gif) no-repeat 3px 7px;color:#555;font-size:12px;}
.area01 .box03 .part02 .grp01 .arr02 ul li a{font-size:12px;}
.area01 .box03 .part02 .grp02{ background:url(../images/area01bg03.gif) no-repeat; padding-top:62px; width:197px; text-align:center; height:36px; overflow:hidden;}


/*area02*/
.area02{clear:both;width:947px;margin-bottom:6px; margin-left:7px; height:386px; border:1px solid #d7d7d7; overflow:hidden;}
.area02 .left{ float:left; width:111px; height:386px;}
.area02 .mid{ width:766px; float:left;}
.area02 .mid  span { cursor:pointer;}
.area02 .mid .part01{ background:url(../images/area02-bg02.gif) no-repeat; width:100%; padding-top:1px; height:32px;overflow:hidden; text-align:center;}
.area02 .mid .part02{ background:url(../images/area02-bg03.gif) no-repeat; width:100%; padding-top:22px; height:297px;}

.breakNewsblock { width:100%;}
#breakNews {padding:0 0 0px 2px;}
#breakNews .list6 {height:272px; overflow:hidden;width:100%;}
#breakNews .list6 ul{ margin:0; padding:0; list-style:none;}
#breakNews .list6 li{ width:182px; height:145px; float:left; margin-right:6px;display:inline;}
#breakNews .list6 li a{float:left;dispaly:block; text-align:center; padding-top:6px; background:url(../images/area02-bg05.gif) no-repeat; width:182px; height:108px;overflow:hidden;}
#breakNews .list6 li img{ width:170px; height:103px;}
#breakNews .list6 li b{ font-weight:normal; padding-left:12px; color:#fbf4c8; display:block; background:url(../images/area02-icon01.gif) no-repeat left 9px; width:170px; padding-top:6px;float:left;}
#breakNews .hit {width:12px; padding-top:12px;}


.area02 .mid .part03{ background:url(../images/area02-bg04.gif) no-repeat; width:100%; height:34px; text-align:center;}
.area02 .right{ background:url(../images/area02-bg01.gif) no-repeat; width:70px; float:left; height:386px;}

/*area03 */
.area03{width:960px;float:left; margin-bottom:10px;}
.area03 .blockbox .top{ background:url(../images/area03bg03.gif) no-repeat;  height:26px; border:1px solid #d7d7d7; margin-bottom:1px;}
.area03 .blockbox .top h2,.area03 .blockbox .top h4{ padding-left:29px; line-height:26px; background:url(../images/area01icon01.gif) no-repeat 12px 7px; font-size:13px; color:#fff;}

.area03 .blockbox .mid{ border:1px solid #d7d7d7;}

/*area03 box01*/
.area03 .box01{ width:704px; float:left; display:inline; margin-left:9px;}
.area03 .box01 .top{ width:702px;background:url(../images/area03bg03a.gif) no-repeat; }
.area03 .box01 .mid { width:702px;height:369px;overflow:hidden;background:#fafafa;}
.area03 .box01 .mid ul{  width:702px; padding-top:10px;padding-bottom:4px;}
.area03 .box01 .mid ul li{ padding-left:21px; float:left; width:210px; height:24px; overflow:hidden; line-height:24px; background:url(../images/area01icon03.gif) no-repeat 13px 10px;}
.area03 .box01 .mid ul li a{ color:#777;font-size:12px;}
.area03 .box01 .mid ul li a:hover{color:#ff0000;}
/*area03 box02*/
.area03 .box02{ width:216px; float:left; display:inline; margin-left:9px;}
.area03 .box02 .mid{ width:214px;height:169px;overflow:hidden;}
.area03 .box02 .mid ul{  margin:1px; width:212px; background:#fafafa; padding-top:10px;padding-bottom:3px; }
.area03 .box02 .mid ul li{ padding-left:16px; line-height:22px; padding-right:15px;color:#777;}
.area03 .box02 .mid ul li a{color:#777;font-size:12px;}
.area03 .box02 .mid ul li a:hover{color:#f00;}
/*area03 box03*/
.area03 .box03{ width:216px; float:left; display:inline; margin-left:9px;margin-top:6px;}
.area03 .box03 .mid{ width:214px;height:163px;overflow:hidden;background:#fafafa;}
.area03 .box03 .mid .contact{margin:1px; width:212px;height:157px; _height:143px;  padding-top:10px;}
.area03 .box03 .mid .contact ul{margin-bottom:10px;}
.area03 .box03 .mid .contact ul li{ padding-left:19px; color:#d80000;}
.area03 .box03 .mid .contact ul li b{ font-weight:normal; color:#646464;}

.area03 .box03 .mid .online img{ margin-left:5px;margin-bottom:8px; margin-top:4px;}
.area03 .box03 .mid .online .service{float:left;padding-bottom:10px;}
.area03 .box03 .mid .online .service .service01{ float:left; width:44px;  display:inline; }
.area03 .box03 .mid .online .service .service01 img{ float:left; width:41px; border:1px solid #efefef; padding:1px;margin-bottom:0;}
.area03 .box03 .mid .online .service .service02{ float:left; width:45px;  margin-left:10px;}
.area03 .box03 .mid .online .service .service02 ul{ clear:both; }
.area03 .box03 .mid .online .service .service02 ul li{ padding-left:0px;font-size:12px;}
.area03 .box03 .mid .online .service .service02 ul li.txt{border-bottom:1px solid #4b4b4b; text-align:center; color:#4b4b4b;}


#rove{margin-left:30px;clear:both;}
#rove table tr td{height:30px;text-align:left;width:110px;}
#rove table tr td a{font-size:12px;}

h2,h3,h4{font-weight:bold;}


/*area04*/
.area04{margin-bottom:0;}

/*area05*/
.area05{clear:both; padding-left:7px; width:953px;margin-bottom:10px;}
.area05 .top{ padding-left:265px; padding-right:35px; padding-top:20px; background:url(../images/area04-bg01.gif) no-repeat; width:653px; height:48px; overflow:hidden;}
.area05 .top .part01{ float:left;padding-top:12px;}
.area05 .top .part02{ float:right;}
.area05 .top .part02 img{ vertical-align:middle; margin-left:9px;}



.area05 .mid{ background:url(../images/area04-bg02.gif) repeat-y; width:953px;float:left;}

.area05 .mid .grp{padding-left:6px; width:947px; text-align:left;}
.area05 .mid .grp ul li{ float:left; width:186px; height:98px; float:left; }

.area05 .bot{clear:both; background:url(../images/area04-bg03.gif) no-repeat; width:953px; height:45px; overflow:hidden;}



dl {
 line-height:24px;
}
dt.active { background:url(../images/area05-bg02.gif) no-repeat; width:9px; height:9px;
 position:relative;
}
dt {
 float:left; background:url(../images/area05-bg01.gif) no-repeat; width:9px; height:9px; margin-right:8px; display:inline;
 border-left:0;
 cursor:pointer;
 border:none;
}
dd {
 clear:both;
 display:none;
 margin-left:0;
 *margin-left:-40px;
}



/*outframe_footer*/
.outframe_footer{clear:both;width:959px;height:64px;background:url(../images/outframe_footer-bg.gif ) repeat-x;margin-top:8px;text-align:center;color:#808080;font-size:12px; margin:0 auto;}
.outframe_footer ul{width:959px;text-align:center;padding-top:12px;padding-bottom:6px;}
.outframe_footer ul li{display:inline;padding-left:6px; padding-right:6px;background:url(../images/outframe_footer-icon01.gif ) no-repeat right 1px;}
.outframe_footer ul li a{color:#808080;font-size:12px;}
.outframe_footerr ul li a:hover{color:#993300;}.footer p{line-height:20px;font-size:12px;}