@charset "utf-8";
/* CSS Document */
header {
	position: relative;
	width: 100%;
	height: 69px;
	z-index:50;
	background-color:#000;
}

footer {
	position: relative;
	width: 100%;
	height: 34px;
	overflow: hidden;
	background-color:#000;
	
}

.bodyFrame {
	width: 100%;
	height: auto;
	overflow: hidden;
}

header .top { width:1000px; margin:0 auto; height:69px;}
header .top .logo { position:absolute; left:0; top:0; width:230px; height:69px; }
header .top .container { padding-left:230px; float:left;}
#topnav>li { width:140px; height:69px; float:left;  text-align:center; border-left:1px solid #1b1b1b;}
#topnav>li>a { color:#5e5e5e; text-transform:uppercase; font-size:14px;line-height:69px; display:block; width:100%; height:100%;}

#topnav .sub { background-color:#000;left:0; float:left; padding:20px 5px; display:none; width:560px;}
#topnav .sub ul { float:left; width:auto; border-right:1px solid #1b1b1b; padding:0 25px;}

ul#topnav .sub ul li{ text-align:left; }
ul#topnav .sub ul li h2{font-size:14px; font-weight:bold;}
ul#topnav .sub ul li h2 a{ color:#fff;}
ul#topnav .sub ul li a{float:none;text-indent:0;height:auto;display:block; padding-bottom:10px; text-transform:capitalize;}
ul#topnav .sub ul li a:hover{}

#topnav .sub2 { background-color:#000;left:0; float:left; padding:0; display:none; }
#topnav .sub2 ul { width:140px;}
ul#topnav .sub2 ul li{ }
ul#topnav .sub2 ul li a{display:block; padding:7px; line-height:16px; text-transform:capitalize;}
ul#topnav .sub2 ul li a:hover{ background-color:#565656; color:#fff;}



#lang { float:left; width:63px; height:69px; background-image:url(/images/langen.jpg); background-position:center; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b;}

footer .bottom { width:1000px; height:34px; margin:0 auto;}


.bodyFrame .banner {  }

#nav { position:absolute; }
#nav li { float:left; width:12px; height:12px; margin-right:10px; background-image:url(/images/bulletn.png); text-indent:-9999px;}
#nav li.showPage { background-image:url(/images/bulleta.png) !important;}


#submain { width:1000px; height:auto; margin:0 auto; padding-top:50px; padding-bottom:50px;}
#submain >.title { color:#fff; font-family:"Times New Roman", 微软雅黑;  font-size:30px; line-height:50px; text-transform:uppercase;}
#subnav { height:30px; margin:8px 0 20px 0; z-index:45;}
#subnav >.unit { height:30px;  margin-right:2px; text-transform:capitalize; cursor:pointer; float:left;  display:inline-block;}
#subnav >.unit>a>.txt {line-height:30px; padding:0 10px;background-color:#0e0e0e; color:#7e7e7e;}
#subnav >.unit>a>div.active { background-color:#565656 !important; color:#fff !important;}
#subnav >.unit>a>div.active2 { background-color:#565656 !important; color:#fff !important;}

#subnav .sub { background-color:#565656; padding:10px; position:absolute; top:30px; left:0; display:none; white-space:nowrap; }
#subnav .sub li { line-height:25px; color:#181818;}
#subnav .sub li.active { color:#fff;}

#sublist { width:1040px; height:550px; }
#sublist .unit { width:346px; height:268px; float:left;}
#sublist .unit .content { width:310px;}
#sublist .unit .pic { width:310px; height:207px;}
#sublist .unit .txt { text-align:center; line-height:20px; padding:3px; background-color:#252525; text-transform:uppercase;}

#subinfo .pic {}
#subinfo .txt { line-height:30px; padding:20px 0;}
#subinfo .coname { font-family:"Times New Roman"; font-size:24px; font-weight:bold; line-height:40px; padding:15px 0;}
#subinfo .adr { font-size:14px; line-height:30px; padding-bottom:20px;}

#submap { width:1000px; height:600px; background-image:url(/images/map2.jpg); background-position:top left; background-repeat:no-repeat;}
#submap .spot { }
#submap .spot .pic { position:absolute; background-image:url(/images/spot_n.png); background-position:center; background-repeat:no-repeat; width:21px; height:21px; cursor:pointer;}
#submap .spot .active { background-image:url(/images/spot_a.png) !important;}
#submap .spot .txt { position:absolute;  background-color:#1d1d1d; padding:20px; color:#fff; line-height:20px; display:none;}

#spot1 { top:136px; left:216px;}
#spot1 .txt {left:-120px; top:20px;}
#spot2 { top:110px; left:430px;}
#spot2 .txt {left:-120px; top:20px;}
#spot3 { top:160px; left:790px;}
#spot3 .txt {left:-120px; top:20px;}
#spot4 { top:415px; left:887px;}
#spot4 .txt {left:-290px; top:-100px;}

#sublist2 { min-height:500px; padding-bottom:20px;}
#sublist2 .unit { height:46px; border-bottom:1px solid #303030; background-image:url(/images/bg_listn.png); background-position:left; background-repeat:no-repeat;}
#sublist2 div.active { color:#fff !important; background-image:url(/images/bg_lista.png) !important;}
#sublist2 .unit .txt { line-height:46px; padding-left:30px; width:800px; overflow:hidden;}
#sublist2 .unit .date { position:absolute; height:46px; top:0; right:0; line-height:46px; text-align:right;}

#subnews { min-height:500px; padding-bottom:20px;}
#subnews .title { padding:10px 0; border-bottom:1px solid #6b6b6b;}
#subnews .title .t1 { font-size:18px; font-weight:bold; line-height:30px; color:#b9b9b9;}
#subnews .title .t2 { line-height:30px; text-transform:uppercase;}
#subnews .title .t2 span { padding:0 5px;}
#subnews .text { padding:20px 0; line-height:30px;}
