/* #Site Styles
================================================== */
*{margin:0;padding:0;list-style-type:none; font-family:Microsoft Yahei;}
a,img{border:0;}

.c{ clear:both;}



/* 下拉按钮样式 */
.dropbtn {
    background-color: #1581cb;
	font-size:16px;
	color:#FFFFFF; 
	font-weight:bold; 
	font-family:Microsoft YaHei; 
	text-align:center;
    border: none;
    cursor: pointer;
}

.dropbtn a {
color:#fff;
text-decoration:none;
 

}

/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
    position: relative;
    display: inline-block;
	z-index:19999;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border:3px solid #1581cb;
	border-top:0px;

}

/* 下拉菜单的链接 */
.dropdown-content a { 
    padding: 12px 7px 12px 7px;
    text-decoration: none;
    display: block;
	text-align:left;
	font-size:13px;
	border-bottom:1px dashed #1581cb;
	color:#000;
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #fee938;}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}

/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {
color:#fee938;
}

.page {

 width:80%;
 margin-bottom:10px;
 margin-top:10px;
}

#header{ margin:0 auto; width:1024px; height:146px; }
	#header .topleft{ float:left;}
	#header .topcenter{float:left; width:306px;}
			#header .topcenter .pho{ width:100%; padding-top:55px;}
				#header .topcenter .pho .phopic{ float:left; text-align:left;}
				#header .topcenter .pho .phonun{ float:left; font-size:25px; color:#05548c; font-weight:bold; padding-top:6px;}			
			#header .topcenter .email{width:100%;}
				#header .topcenter .email .emailpic{ float:left; text-align:left;}
				#header .topcenter .email .emailnun{ float:left; font-size:20px; color:#05548c; font-weight:bold;}		
							
	#header .topright{float:left;}	
		#header .topright .topser{ width:100%; margin-top:80px;}			


#nav{ margin:0 auto; width:1024px; height:54px; border-radius:10px; background:#1581ca; }
	#nav ul{ width:100%; list-style-type:none; padding-top:15px;}
		#nav ul li{ float:left; width:120px;  color:#FFFFFF; font-weight:bold; font-family:Microsoft YaHei; text-align:center; border-right:1px solid #fff; }
		#nav ul li a{ color:#FFFFFF;  text-decoration:none;}
		#nav ul li a:hover{ text-decoration:none; color:#fee938;}		

#avding{ margin:0 auto; width:1024px; height:377px; margin-top:7px;  }

#avdpic{margin:0 auto; width:1024px; height:177px; margin-top:7px; }

#content{ margin:0 auto; margin-top:7px; width:1024px; height:auto; overflow:hidden;}
	#content .recommend { width:100%; height:290px;  border-bottom:1px solid #a5a7a6;}
		#content .recommend .retitle { width:100%; height:auto; }
		#content .recommend .retitle .titleleft{ float:left; font-size:16px; color:#1880c9; font-family:Microsoft YaHei;  font-weight:bold;}		
 		#content .recommend .retitle .titleright{ float:right;}
  		#content .recommend .retitle .titleright .more{ width:70px; height:25px; background:#1581ca;  border-radius:10px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:13px; padding-top:5px; }
  		#content .recommend .retitle .titleright .more a{ text-decoration:none; color:#FFFFFF;}		
  		#content .recommend .retitle .titleright .more a:hover{ color:#FFFF00;}		
  		#content .recommend .procont{ width:100%; height:223px; }	
	
  	#content .morecont{ width:100%; height:auto; overflow:hidden;}	
	  	#content .morecont .newpro{ float:left; width:537px; height:280px; margin-top:21px; margin-right:3px; }	
	  		#content .morecont .newpro .nprotitle{width:97%; height:auto;}	
		    #content .morecont .newpro .nprotitle .listleft{float:left; font-size:16px; color:#1880c9; 	font-family:Microsoft YaHei;  font-weight:bold;}	
		    #content .morecont .newpro .nprotitle .listright{float:right;}	
		    #content .morecont .newpro .nprotitle .listright .more{ width:70px; height:25px; background:#1581ca;  border-radius:10px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:13px; padding-top:5px;  }
		    #content .morecont .newpro .nprotitle .listright .more a{ text-decoration:none; color:#FFFFFF;}
		    #content .morecont .newpro .nprotitle .listright .more a:hover{color:#FFFF00;}	
	  		#content .morecont .newpro .newprocont{ margin:0 auto; width:90%; height:auto;  overflow:hidden;  margin-top:10px;}			
								
	  	#content .morecont .news{ float:left; width:480px; height:280px; margin-top:21px; border-left:1px dashed #a6a6a6; }				  		
			#content .morecont .news .newstitle{width:97%; height:auto; margin-left:7px;}	
		    #content .morecont .news .newsleft{float:left; font-size:16px; color:#1880c9; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}	
		    #content .morecont .news .newsright{float:right;}	
		    #content .morecont .news .newsright .more{ width:70px; height:25px; background:#1581ca;  border-radius:10px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:13px;  padding-top:5px;   }
		    #content .morecont .news .newsright .more a{text-decoration:none; color:#FFFFFF;}		
		    #content .morecont .news .newsright .more a:hover{ color:#FFFF00;}				
			#content .morecont .news .newscont{ width:100%; height:auto; overflow:hidden; line-height:35px; }	
				  #content .morecont .news .newscont ul{ margin:0 auto; width:98%;}
				  #content .morecont .news .newscont ul li{}
				  #content .morecont .news .newscont ul li:before{ content:"●"; color:#1581cb; }	
				  #content .morecont .news .newscont ul li a{ text-decoration:none; color:#333333;}	
				  
				  
				  			  
				  

#about{ margin:0 auto; margin-top:7px; width:1024px; height:auto; overflow:hidden; border-radius:3px; border:1px solid #1581cb; }	
	#about .abouttitle{ width:100%; background:#1581cb; height:25px; padding-top:7px; padding-left:10px; padding-bottom:5px;}	
	#about .abouttitle span{ color:#FFFFFF; font-size:15px; font-weight:bold;}	
	#about .aboutcont{ width:100%; height:auto; overflow:hidden;}	
	#about .aboutcont  .newslist{ margin:0 auto; width: 93%;}

	#about .aboutcont  .newslist ul{width:100%;  padding:30px 5px 30px 5px;} 	
	#about .aboutcont  .newslist ul li a#nt{ float:left; width:60%; padding-left:2px; font-size:15px; color:#2f5d7f; text-decoration:none; text-align:left; padding-top:5px; line-height:30px; }	
	#about .aboutcont  .newslist ul li a#date{ float:right; padding-top:5px; padding-right:2px; color:#2f5d7f;  width: 30%;} 
		  			  			   	
	#about .aboutcont .newslist .ennewstitle h1{ text-align:center; color:#2d5e7e; padding-top:10px; padding-bottom:10px;}
	#about .aboutcont .newslist .newsnr{width:100%; height:auto; line-height:30px; font-size:14px; color:#000000; padding:40px 20px 30px 20px;}	
	#about .aboutcont .newslist .newsnr img{ width:80%; border:0px;}	
	#about .aboutcont .newslist .newsdate{width:100%; font-size:14px; color:#000000; text-align:right; padding:0px 20px 50px 0px;}	
	
	
	#about .aboutcont .pro{ width:98%; margin:0 auto;}	
	#about .aboutcont .pro ul{width:100%; height:auto; overflow:hidden; list-style-type:none;} 	
	#about .aboutcont .pro ul li{ width:190px; height:230px; float:left; margin-left:10px;}		
	#about .aboutcont .pro ul li .pic{margin:0 auto; width:180px; height:143px;  background-color:#FFFFFF; margin-top:10px; }																			
	#about .aboutcont .pro ul li p.proname{margin:0 auto; width:180px;  height:auto!important; _height:90px; min-height:90px; text-align:center; font-size:12px; color:#2A5798; line-height:15px; word-wrap:break-word; word-wrap:break-all; padding-top:10px;}			


	#about .aboutcont .aboutcontent{ margin:0 auto; width:90%; height:auto; overflow:hidden; padding:0px 5px 5px 5px; } 							
	#about .aboutcont .aboutcontent .aboutleft{ float:left; width:70%; padding:10px 15px 10px 20px; line-height:30px;}
	#about .aboutcont .aboutcontent .aboutright{ float:left; width:20%; text-align:center; padding-top:20px;}	
	#about .aboutcont .contact{ margin:0 auto; width:90%; height:auto; overflow:hidden; padding:0px 5px 5px 5px; border-top:1px solid #666666; margin-top:5px;}
	
	#about .aboutcont .contact .contleft{ float:left; width:50%; padding:10px 15px 10px 20px;}	
		#about .aboutcont .contact .contleft p{ line-height:30px;  font-family:Microsoft Yahei; }
.font{ font-weight:bold; font-size:18px;}		
	#about .aboutcont .contact .contright{ float:left; width:40%; border-left:1px dotted #666666; padding:10px 15px 10px 10px;  margin-top:5px; }	



.aboutcont .procont{ margin:0 auto; width:100%; height:auto; overflow:hidden; padding:50px 60px;}
.aboutcont .procont .showproleft{ float:left;  width:55%; text-align:center;}
.aboutcont .procont .showproleft .bigpic{ width:100%; height:auto; overflow:hidden;}
.aboutcont .procont .showproleft .bigpic img{ width:80%;   border-radius:8px 8px 8px 8px; border:3px solid #099dc7;}
.aboutcont .proDetailed{ margin:0 auto; width:100%; border-top:1px dashed #666666; height:auto; overflow:hidden; margin-top:10px;}
.aboutcont .proDetailed .proDtitle{  width:100%; background:#1581cb; height:25px; padding-top:7px; padding-left:10px; padding-bottom:5px;}
.aboutcont .proDetailed .proDtitle span{ color:#FFFFFF; font-size:15px; font-weight:bold;}	
.aboutcont .proDetailed img{ width:60%; height:auto; overflow:hidden;}
.aboutcont .proDetailed .prodetcont{ width:100%; height:auto; overflow:hidden;}
.aboutcont .proDetailed .prodetcont .video{ margin:0 auto; width:450px; height:310px;  margin-top:10px;}

.aboutcont .procont .showproleft .smallpic{ margin-top:10px; width:100%; height:auto; overflow:hidden;}
.aboutcont .procont .showproleft .smallpic ul{ width:100%; height:auto; overflow:hidden; list-style-type:none;}
.aboutcont .procont .showproleft .smallpic ul li{ float:left; margin-left:3px;}
/*.aboutcont .procont .showproleft img{ width:90%;}*/
.aboutcont .procont .showproright{ float:left; width:38%; font-size:13px;  }

.aboutcont .procont .showproright .showprofont{ font-family:Arial, Helvetica, sans-serif;}

.aboutcont .procont .showproright p { line-height:30px;}
.aboutcont .procont .showproright .proti{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; width:120px; float:left; line-height:30px;}
.aboutcont .procont .showproright .proco{  font-family:Arial, Helvetica, sans-serif; float:left; line-height:30px; padding-right:10px; word-wrap:break-word; }
.proti{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; width:120px; float:left; line-height:30px; font-size:12px;}						
.proco{  font-family:Arial, Helvetica, sans-serif; float:left; line-height:30px; padding-right:10px; word-wrap:break-word; font-size:12px; }			
#footer{ margin:0 auto; width:1024px; height:98px; background:#eee;  border-radius:10px; margin-top:12px; }		
	#footer .font{ text-align:center; color:#595b5a; font-size:13px; padding-top:30px; line-height:20px;} 	
	
	
.wp_box {

  background: #fff;
  margin: 0 50px;
}
.wp_box .hd {

  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin: 1px;
}

.wp_box .hd h2 a{ text-decoration:none; color:#333;}

.plst_pt {
  overflow: hidden;
  _width: 100%;
}
.plst_pt ul {
  overflow: hidden;
*zoom:1;
  padding: 15px 0;
  width: 122em;
  height:470px;
  overflow:hidden;
}
.plst_pt li {
  float: left;
  margin-left: 22px;
  display: inline;
  text-align: center;
}

.plst_pt li p{
text-align:center;
width:180px;
height: 50px;

}

.plst_pt li img {
  display: block;
  width: 120px;
  height: 90px;
  margin-bottom: 5px;
  border-radius:8px 8px 8px 8px;
  border:1px solid #099dc7;
  padding: 1px;
}

	
.wp_roll {
  position: relative;
  _width: 100%;
}
.roll_lt, .roll_rt {
  position: absolute;
  top: 45px;
  left: 1px;
  width: 18px;
  line-height: 89px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.roll_rt {
  left: auto;
  right: 1px;
}
.roll_cnt {
  padding: 0 20px;
  height:100px;
}
.roll_lt:hover, .roll_rt:hover {
  color: #000;
}	

div#MainPromotionBanner{
	width:100%;
	height:100%;
	background:#FFFFF5;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 377px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 100%;
	height: 377px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 100%;
	height: 100%;
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 270px; 
	right: 13%;
	z-index: 10;
	height: 151px;	
	font-size: 12px;
	color:#A5D430;
	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #007ac8;
	text-align: center;
	font-size:22px;
	font-weight:bold;
	line-height:151px;
	width: 41px;
	height: 151px;
	font-family: Arial;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 6px;
	background: url(../images/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(../images/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 22px;
	line-height: 151px;
	height: 151px;
	width: 41px;
	margin:0 6px; 
}

#demoing { overflow:hidden; width:1200px; height:168px; }
	#indemoing { float: left; width: 9000%;}
	#demoing1 { float: left; }
	#demoing2 {float: left;}
	
#demos { overflow:hidden; width:1200px; height:168px; }
	#indemos { float: left; width: 9000%;}
	#demos1 { float: left; }
	#demos2 {float: left;}		
	
	
#demoing11 { overflow:hidden; width:3000px; height:168px; }
	#indemoing11 { float: left; width: 9000%;}
	#demoing11 { float: left; }
	#demoing12 {float: left;}
	
#demos { overflow:hidden; width:1200px; height:168px; }
	#indemos { float: left; width: 9000%;}
	#demos1 { float: left; }
	#demos2 {float: left;}		

.box{ float:left; width:122px; height:92px; margin:-5px 0px 3px 25px; display:inline;}
.box .pic{ margin:0 auto; width:120px; height:97px; margin:5px 5px 2px 8px; }
.box .pic img{ width:122px; height:92px; margin:5px 15px 0px 25px; }
.box p.proname{margin:0 auto;  width:143px; height:auto!important; _height:27px; min-height:27px; text-align:center; font-size:13px; line-height:15px; word-wrap:break-word; word-wrap:break-all; padding-top:5px; background:url(newbg.png); background-repeat: no-repeat; margin-left:25px; color:#FF4C02;}	


.fade{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
	position:fixed;
    left: 0;
    top: 0;
    z-index:99;
}		
		
		
.raceShow{
    border: solid 1px #ccc;
    width: 400px;
    height: 300px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;	
    margin-left: -200px;
    margin-top: -150px;
    z-index:999;
    border-radius: 5px;
}



#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px; z-index:100;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}