@charset "utf-8";
/* Global CSS Document */
body {width:970px; margin:auto; padding:0; color:#333; font-size:12px; background:url(../Images/BodyBg.jpg) repeat-x;}
div,span,em,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,fieldset,form {margin:0; padding:0; border:none; font-size:12px; font-family:"微软雅黑"; font-style:normal; list-style-type:none; font-weight:normal;}
form,input,select,textarea {background:none;}
a {color:#555; text-decoration:none;}
a:hover {color:#069; text-decoration:underline;}

.Header {width:970px; float:left; clear:both;}
  .Header .Logo {width:970px; height:80px; clear:both;}
  .Header .Navigation {width:960px; height:40px; background:url(../Images/NavigationBG.jpg); padding:5px; overflow:hidden;}
    .Header .Navigation .li {width:120px; float:left;}
	  .Header .Navigation .li .Nav_1 {width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; cursor:pointer;}
	    .Header .Navigation .li .Nav_1 a {width:120px; height:40px; color:#fff; display:block;}
		.Header .Navigation .li .Nav_1 a:hover {text-decoration:none; color:#fff; background:url(../Images/Nav_1BG.jpg);}
	  .Header .Navigation .li .Nav_2 {width:120px; height:200px; float:left; position:absolute; display:none; margin-top:-40px;}
	    .Header .Navigation .li .Nav_2 .Name {width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:url(../Images/Nav_1BG.jpg); cursor:pointer;}
		.Header .Navigation .li .Nav_2 .List {width:120px; height:160px; background:url(../Images/Nav_2BG.jpg);}
		  .Header .Navigation .li .Nav_2 li {width:120px; height:25px;}
		    .Header .Navigation .li .Nav_2 li a {width:120px; height:25px; line-height:25px; text-align:center; color:#E1EDF5; display:block;}
			.Header .Navigation .li .Nav_2 li a:hover {color:#fff; background:#82AECD; text-decoration:none;}
			
.Banner {width:960px; height:160px; background:url(../Images/BannerBG.jpg); padding:0 5px; margin-bottom:10px; clear:both;}
		  




.Middle {width:970px; clear:both; margin-bottom:10px; clear:both;}

  .Middle .Left {width:230px; float:left;}
    .Middle .Left .SubMenu {width:230px; float:left; clear:both; margin-bottom:10px;}
	  .Middle .Left .SubMenu .Top {width:180px; height:35px; line-height:40px; font-size:15px; overflow:hidden; background:url(../Images/SubMenu_Top.jpg); padding-left:50px;}
	    .Middle .Left .SubMenu .Top em {color:#CCC; font-size:10px; font-family:Arial;}
	  .Middle .Left .SubMenu .Con {width:210px; background:url(../Images/SubMenu_Con.jpg) repeat-x #EDF2F8; padding:0 10px; float:left; clear:both;}
	    .Middle .Left .SubMenu .Con li {width:210px; height:35px; margin-top:5px;}
		  .Middle .Left .SubMenu .Con li a {width:175px; height:35px; line-height:35px; padding-left:35px; color:#333; font-size:13px; display:block; background:url(../Images/SubMenu_Dot.jpg) no-repeat 12px 12px;}
		  .Middle .Left .SubMenu .Con li a:hover {background:url(../Images/SubMenu_BG.jpg); color:#039; text-decoration:none;}
	  .Middle .Left .SubMenu .End {width:230px; height:5px; background:url(../Images/SubMenu_End.jpg); overflow:hidden; clear:both;}
	  
	.Middle .Left .SideBar {width:230px; float:left; clear:both; margin-bottom:10px;}
	  .Middle .Left .SideBar .Top {width:180px; height:40px; line-height:40px; font-size:15px; overflow:hidden; background:url(../Images/SideBar_Top.jpg); padding-left:50px;}
	    .Middle .Left .SideBar .Top em {color:#D2E6F4; font-size:10px; font-family:Arial;}
	  .Middle .Left .SideBar .Con {width:210px; background:url(../Images/SideBar_Con.jpg); padding:0 10px; float:left; clear:both;}
	    .Middle .Left .SideBar .Con li {width:200px; height:27px; line-height:27px; background:url(../Images/SideBar_BG.jpg) no-repeat 0 2px; padding-left:10px;}
		  .Middle .Left .SideBar .Con li a {}
		  .Middle .Left .SideBar .Con li a:hover {}
	  .Middle .Left .SideBar .End {width:230px; height:5px; background:url(../Images/SideBar_End.jpg); overflow:hidden; clear:both;}
	
	.Middle .Left .SideImg {width:230px; float:left; clear:both; margin-bottom:10px;}
  
  .Middle .Right {width:730px; float:right;}
    .Middle .Right .Company {width:730px; float:left; clear:both; margin-bottom:10px;}
	  .Middle .Right .Company .Top {width:720px; height:35px; line-height:40px; padding-left:10px; font-size:15px; background:url(../Images/Company_Top.jpg); overflow:hidden;}
	    .Middle .Right .Company .Top em {color:#ccc; font-size:10px; font-family:Arial;}
	  .Middle .Right .Company .Con {width:710px; float:left; padding:10px 10px 5px 10px; background:url(../Images/Company_Con.jpg);}
	    .Middle .Right .Company .Con .Image {width:220px; height:150px; float:left; margin-right:10px;}
		.Middle .Right .Company .Con .Intro {width:480px; height:165px; color:#1E4B66; line-height:20px; float:left;}
		  .Middle .Right .Company .Con .Intro a {color:#F90;}
		  .Middle .Right .Company .Con .Intro a:hover {color:#F30;}
	  .Middle .Right .Company .End {width:730px; height:5px; background:url(../Images/Company_End.jpg); overflow:hidden; clear:both;}
	
	.Middle .Right .Search {width:730px; float:left; clear:both; margin-bottom:10px;}
	  
	.Middle .Right .Content {width:730px; float:left; clear:both; margin-bottom:10px;}
	  .Middle .Right .Content .Top {width:720px; height:40px; line-height:40px; font-size:15px; padding-left:10px; background:url(../Images/Content_Top.jpg); overflow:hidden;}
	    .Middle .Right .Content .Top em {color:#D2E6F4; font-size:10px; font-family:Arial;}
		.Middle .Right .Content .Top span {font-size:14px;}
		.Middle .Right .Content .Top h1 {font-size:14px;}
		.Middle .Right .Content .Con {width:730px; float:left; clear:both; background:url(../Images/Content_Con.jpg);}
	    .Middle .Right .Content .Con .ProductList {width:710px; padding:5px 10px; margin-top:5px; float:left; clear:both;}
		  .Middle .Right .Content .Con .ProductList .ProTextBox {width:710px; float:left; clear:both; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; font-size:13px;}
		  .Middle .Right .Content .Con .ProductList dl {margin-bottom:15px;}
		  .Middle .Right .Content .Con .ProductList dt em {font-family:"宋体";}
		  .Middle .Right .Content .Con .ProductList dt a {font-size:13px; color:#069; font-weight:bold;}
		  .Middle .Right .Content .Con .ProductList dd {color:#666;}
		  
		.Middle .Right .Content .Con .Business {width:720px; float:left; clear:both; padding:10px 5px;}
		  .Middle .Right .Content .Con .Business li {width:160px; height:110px; margin:0 10px; float:left; display:inline;}
		  
		  .Middle .Right .Content .Con .ProductList .ProBox {width:150px; height:130px; padding:10px; background:url(../Images/ProductBox.jpg); margin-left:5px; float:left; display:inline;}
		    .Middle .Right .Content .Con .ProductList .ProBox .Image {width:150px; height:100px; margin-bottom:10px; text-align:center;}
			.Middle .Right .Content .Con .ProductList .ProBox .Title {width:150px; height:20px; line-height:20px; text-align:center;}
		
		.Middle .Right .Content .Con .Intro {width:710px; font-size:13px; line-height:170%; float:left; clear:both; padding:10px;}
		.Middle .Right .Content .Con .Intro * {font-size:13px; line-height:170%;}
		
		.Middle .Right .Content .Con .ProductView {width:710px; float:left; padding:10px;}
		  .Middle .Right .Content .Con .ProductView em {font-family:"宋体";}
		  .Middle .Right .Content .Con .ProductView * {font-size:13px;}
		  
		.Middle .Right .Content .Con .NewsList {width:710px; float:left; clear:both; padding:10px;}
		  .Middle .Right .Content .Con .NewsList li {width:695px; height:25px; line-height:25px; padding-left:15px; border-bottom:1px solid #eee; background:url(../Images/Dot.jpg) 5px 10px no-repeat;}
		    .Middle .Right .Content .Con .NewsList .Name {width:590px; float:left;}
			.Middle .Right .Content .Con .NewsList .Date {width:105px; float:left;}
		
		.Middle .Right .Content .Con #PageStyle {width:710px; height:30px; line-height:30px; border-top:1px solid #dedede; padding:5px 0px; margin:5px 10px; float:left; clear:both;}
	      .Middle .Right .Content .Con #PageStyle * {font-size:12px;}
		  
		.Middle .Right .Content .Con #Message {width:710px; float:left; clear:both; padding:10px; color:#666;}
	      .Middle .Right .Content .Con #Message * {font-size:12px; color:#666;}
	      .Middle .Right .Content .Con #Message em {color:#F00;}
	      .Middle .Right .Content .Con #Message .MessageBox {width:710px; float:left; clear:both; margin-bottom:10px;}
		  .Middle .Right .Content .Con #Message .MessageBox .MessageTop {width:710px; height:10px; float:left; clear:both; background:url(../Images/MessageTop.jpg); overflow:hidden;}
		  .Middle .Right .Content .Con #Message .MessageBox .MessageCon {width:710px; float:left; clear:both; background:url(../Images/MessageCon.jpg);}
		    .Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputSmall {width:225px; height:15px; background:#fff;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputBig {width:576px; height:15px; background:#fff;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputText {width:575px; background:#fff;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputButton {width:100px; height:32px; color:#fff; font-size:15px; font-weight:bold; font-family:Arial; background:url(../Images/Submit.jpg); border:none;}
		    .Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessTop {width:690px; height:20px; margin-bottom:7px; border-bottom:1px solid #f1f1f1; float:left; clear:both;}
			  .Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessTop .Title {width:520px; height:15px; float:left; padding-left:10px;}
			  .Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessTop .Date {width:160px; height:15px; float:left;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessCon {width:680px; line-height:180%; padding-left:10px; border-bottom:1px dashed #f1f1f1; margin-bottom:3px; float:left; clear:both;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessRes {width:680px; line-height:180%; padding-left:10px; color:#F60; float:left; clear:both;}
		  .Middle .Right .Content .Con #Message .MessageBox .MessageEnd {width:710px; height:10px; float:left; clear:both; background:url(../Images/MessageEnd.jpg); overflow:hidden;}
		
	  .Middle .Right .Content .End {width:730px; height:5px; clear:both; background:url(../Images/Content_End.jpg); overflow:hidden;}
	 

.Links {width:970px; float:left; clear:both; margin-bottom:10px;}
  .Links .Top {width:960px; height:30px; line-height:30px; background:url(../Images/Links_Top.jpg); font-size:15px; padding-left:10px;}
    .Links .Top em {color:#ccc; font-size:10px; font-family:Arial;}
  .Links .Con {width:970px; float:left; background:url(../Images/Links_Con.jpg);}
  .Links .End {width:970px; height:5px; background:url(../Images/Links_End.jpg); overflow:hidden;}
.Keywords {width:970px; height:40px; line-height:40px; text-align:center; color:#fff; background:url(../Images/KeywordsBg.jpg); clear:both;}
.Footer {width:960px; height:40px; line-height:20px; text-align:center; padding:10px 0; clear:both;}


#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background:#333;
	filter:alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */