@charset "utf-8";
/* Global CSS Document */
body {width:1000px; margin:auto; padding:0; color:#333; font-size:12px;}
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:1000px; height:380px; margin-bottom:20px;}

.Middle {width:950px; float:left; clear:both; padding:0 25px; margin-bottom:15px;}

  .Middle .Left {width:280px; float:left;}
    .Middle .Left .NewShow {width:270px; height:160px; background:url(../Images/NewsShow.jpg); margin-bottom:10px; padding:5px;}
	
	.Middle .Left .Sidebar {width:280px; float:left; clear:both; margin-bottom:10px;}
	  .Middle .Left .Sidebar .Top {width:280px; height:35px;}
	  .Middle .Left .Sidebar .Con {width:260px; float:left; clear:both; background:url(../Images/ProductCon.jpg); padding:0 10px;}
	    .Middle .Left .Sidebar .Con h1 {width:245px; height:30px; font-size:13px; line-height:30px; padding-left:15px; background:url(../Images/SideBarLi.jpg) no-repeat 0 3px;}
	  .Middle .Left .Sidebar .End {width:280px; height:5px; background:url(../Images/ProductEnd.jpg); overflow:hidden; clear:both;}
	  
	.Middle .Left .Contact {width:280px; height:130px; clear:both;}
  
  .Middle .Right {width:650px; float:right;}
    .Middle .Right .Content {width:650px; float:left; clear:both;}
	  .Middle .Right .Content .Top {width:650px; height:35px; background:url(../Images/ContentTop.jpg);}
	    .Middle .Right .Content .Top span {width:200px; height:30px; line-height:30px; padding-left:10px; float:left; font-size:14px; color:#066A9B;}
		.Middle .Right .Content .Top h1 {line-height:30px; font-size:14px; color:#066A9B; margin-left:10px;}
		.Middle .Right .Content .Top em {width:30px; height:14px; padding:8px; float:right;}
	  .Middle .Right .Content .Con {width:650px; float:left; clear:both; background:url(../Images/ContentCon.jpg);}
	  
	    .Middle .Right .Content .Con .Intro {width:630px; float:left; clear:both; padding:0 10px; font-size:13px;}
		.Middle .Right .Content .Con .Intro * {font-size:13px;}
		
		.Middle .Right .Content .Con #ProductList {width:630px; float:left; clear:both; padding:10px;}
		  .Middle .Right .Content .Con #ProductList .ProBox {width:630px; height:115px; margin-bottom:10px; background:url(../Images/Line.jpg) repeat-x bottom; padding-bottom:10px;}
		    .Middle .Right .Content .Con #ProductList .ProBox .ProImage {width:140px; height:105px; padding:4px; border:1px solid #ddd; float:left; margin-right:10px;}
			.Middle .Right .Content .Con #ProductList .ProBox .ProIntro {width:470px; height:115px; float:left;}
			  .Middle .Right .Content .Con #ProductList .ProBox .ProIntro dt {height:25px; line-height:25px; border-bottom:1px solid #eee; margin-bottom:5px;}
			    .Middle .Right .Content .Con #ProductList .ProBox .ProIntro dt span {font-size:16px; font-weight:bold; float:left;}
				.Middle .Right .Content .Con #ProductList .ProBox .ProIntro dt em {font-size:12px; float:right; color:#999;}
			  .Middle .Right .Content .Con #ProductList .ProBox .ProIntro dd {height:90px; font-size:12px; color:#666; line-height:20px;}
			    .Middle .Right .Content .Con #ProductList .ProBox .ProIntro dd a {color:#F30;}
				.Middle .Right .Content .Con #ProductList .ProBox .ProIntro dd a:hover {color:#069; text-decoration:none;}
				
		.Middle .Right .Content .Con #ProductView {width:630px; float:left; padding:10px;}
	      .Middle .Right .Content .Con #ProductView .ProductIamge {width:630px; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px;}
		    .Middle .Right .Content .Con #ProductView .ProductIamge .ProIme {width:200px; height:150px; background:url(../Images/ProductBoxs.jpg); padding:10px; margin-bottom:5px;}
		    .Middle .Right .Content .Con #ProductView .ProductIamge .ProBig {width:220px; height:30px;}
		  .Middle .Right .Content .Con #ProductView .ProIntro {width:630px; float:left; clear:both;}
		    .Middle .Right .Content .Con #ProductView .ProIntro em {font-size:15px; color:#06C;}
	  
	    .Middle .Right .Content .Con .DeviceList {width:630px; height:140px; margin:0 10px; overflow:hidden;}
		  .Middle .Right .Content .Con .DeviceList ul {width:640px; height:140px; float:left;}
		  .Middle .Right .Content .Con .DeviceList li {width:130px; height:110px; background:url(../Images/ProductBox.jpg); padding:10px; float:left; margin:5px; display:inline;}
		  .Middle .Right .Content .Con .DeviceList .Image {width:130px; height:90px; display:block;}
		  .Middle .Right .Content .Con .DeviceList .Title {width:130px; height:20px; line-height:20px; text-align:center; display:block;}
		  
		.Middle .Right .Content .Con #NewsList {width:630px; float:left; clear:both; padding:10px;}
		  .Middle .Right .Content .Con #NewsList li {width:615px; 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:510px; float:left;}
			.Middle .Right .Content .Con #NewsList .Date {width:105px; float:left;}
	  
	    .Middle .Right .Content .Con .CompanyBox {width:630px; height:120px; padding:5px 10px;}
		  .Middle .Right .Content .Con .CompanyBox .CompanyImage {width:180px; height:120px; float:left; margin-right:10px;}
		  .Middle .Right .Content .Con .CompanyBox .CompanyIntro {width:440px; height:120px; float:left; line-height:170%;}
		  
		.Middle .Right .Content .Con .ProductIntro {width:630px; height:140px; margin:0 10px; overflow:hidden;}
		  .Middle .Right .Content .Con .ProductIntro #indemo {float:left; width:800%;}
		  .Middle .Right .Content .Con .ProductIntro ul {width:640px; height:140px; float:left;}
		  .Middle .Right .Content .Con .ProductIntro li {width:130px; height:110px; background:url(../Images/ProductBox.jpg); padding:10px; float:left; margin:5px; display:inline;}
		  .Middle .Right .Content .Con .ProductIntro .Image {width:130px; height:90px; display:block;}
		  .Middle .Right .Content .Con .ProductIntro .Title {width:130px; height:20px; line-height:20px; text-align:center; display:block; overflow:hidden;}
		
	    .Middle .Right .Content .Con #Message {width:630px; 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:630px; float:left; clear:both; margin-bottom:10px;}
		  .Middle .Right .Content .Con #Message .MessageBox .MessageTop {width:630px; height:10px; float:left; clear:both; background:url(../Images/MessageTop.jpg); overflow:hidden;}
		  .Middle .Right .Content .Con #Message .MessageBox .MessageCon {width:630px; float:left; clear:both; background:url(../Images/MessageCon.jpg);}
		    .Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputSmall {width:195px; height:15px; background:#fff;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputBig {width:501px; height:15px; background:#fff;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .InputText {width:500px; 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:610px; height:20px; margin-bottom:7px; border-bottom:1px solid #f1f1f1; float:left; clear:both;}
			  .Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessTop .Title {width:450px; height:15px; float:left;}
			  .Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessTop .Date {width:160px; height:15px; float:left;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessCon {width:610px; line-height:180%; border-bottom:1px dashed #f1f1f1; margin-bottom:3px; float:left; clear:both;}
			.Middle .Right .Content .Con #Message .MessageBox .MessageCon .MessRes {width:610px; line-height:180%; color:#F60; float:left; clear:both;}
		  .Middle .Right .Content .Con #Message .MessageBox .MessageEnd {width:630px; height:10px; float:left; clear:both; background:url(../Images/MessageEnd.jpg); overflow:hidden;}
	  
	  .Middle .Right .Content .Con #PageStyle {width:630px; 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 .End {width:650px; height:5px; background:url(../Images/ContentEnd.jpg); overflow:hidden; clear:both;}
	  
	.Middle .Right .New {width:320px; float:left; margin:10px 0;}
	  .Middle .Right .New .Top {width:320px; height:35px; background:url(../Images/NewTop.jpg);}
	  .Middle .Right .New .Top span {width:200px; height:30px; line-height:30px; padding-left:10px; float:left; font-size:14px; color:#066A9B;}
		.Middle .Right .New .Top em {width:30px; height:14px; padding:8px; float:right;}
	  .Middle .Right .New .Con {width:310px; float:left; clear:both; background:url(../Images/NewCon.jpg); padding:0 5px;}
	    .Middle .Right .New .Con li {width:310px; height:26px; line-height:26px; background:url(../Images/Line.jpg) repeat-x bottom;}
		.Middle .Right .New .Con .Name {width:220px; height:26px; margin-right:10px; float:left; overflow:hidden;}
		.Middle .Right .New .Con .Name em {font-family:宋体;}
		.Middle .Right .New .Con .Date {color:#999;}
	  .Middle .Right .New .End {width:320px; height:5px; background:url(../Images/NewEnd.jpg);}
  

.Footer {width:950px; height:50px; line-height:20px; padding:5px 0; color:#666; text-align:center; background:url(../Images/Footer.jpg) no-repeat; padding-bottom:15px; margin:0 25px; 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 */