/*站点标签通用样式定义*/
html,body{
font-family:arial,微软雅黑,宋体;font-size:13px;line-height:2;color:#515151; margin:0 auto; background:#f6f6f6 url(../images/bg.jpg) repeat-x top; }
body, div, ul, li, iframe, form, p,span,h1,h3,h4,input,img{ margin: 0px; padding: 0px;font-family:arial,微软雅黑,宋体; border: 0px; }
a{text-decoration:none;color:#515151;}
a:hover{ color:#d10d00; }
ul,li{list-style-type:none;}
table { border-collapse: collapse; }
h1{font-size:24px;}
h2{font-size:18px; }
h3{ font-size:14px;}
h4{ font-size:12px; }

/*全局样式类定义*/
.clear { clear: both; height:0; overflow:hidden;}
.head{background:url(../images/topbg-en.jpg) no-repeat top center;}
.tel{ height:106px; padding-top:15px; margin:0 auto; width:250px; padding-left:750px; font-size:14px; text-align:center;}
.tel h1{  font-size:19px; font-weight:normal; color:#b9110b;}
.la{  font-size:12px;}
.cn{ background:url(../images/cn.jpg) no-repeat left center; padding-left:20px; }
.en{ background:url(../images/en.jpg) no-repeat left center; padding-left:20px;}
/*导航开始*/
.menu{HEIGHT: 47px; background:url(../images/menubg.jpg) repeat-x bottom;}
#nav {MARGIN: auto; width:999px;HEIGHT: 47px;line-height:47px;  }
#nav UL {TEXT-ALIGN: left; WIDTH:122px;   FLOAT: left; HEIGHT: 47px; margin:0 22px; }
#nav UL LI A {DISPLAY: block; HEIGHT: 47px;text-align:center; color:#fff;}
#nav UL LI A:hover {WIDTH:122px; color:#007ac2;HEIGHT: 47px;color:#ffcc00; background:url(../images/menuturn.jpg) no-repeat center;}
#nav UL LI.menu {POSITION: absolute;  WIDTH: 122px;  z-index:999;}
#nav UL LI.menu SPAN {WIDTH: 122px; FLOAT: left; HEIGHT: 25px;BORDER-BOTTOM: #eee 1px solid;BACKGROUND: #a41616; overflow:hidden;}
#nav UL LI.menu SPAN A {TEXT-ALIGN: center; LINE-HEIGHT: 25px; DISPLAY: block; HEIGHT: 25px;  }
#nav UL LI.menu SPAN A:hover {BACKGROUND: #ddd;HEIGHT: 25px; color:#a41616}

 


.flexslider { width:100%; margin:0 auto; position: relative; height: 420px; overflow: hidden; background: url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align:center }
.slides { position: relative; z-index: 1;}
.slides li { height: 420px;}
.slides li a{ width:100%; height:420px; display:block;}
.flex-control-nav { position: absolute; bottom: 5px; left:500px; z-index: 2; width: 100%; text-align:center;}
.flex-control-nav li { display: inline-block; width:22px; height: 20px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 22px; height: 20px; line-height: 20px; overflow: hidden; background:#fff; color:#b11f1f; cursor: pointer; border:1px solid #b11f1f;}
.flex-control-nav .flex-active { background:#b11f1f; color:#fff;}


.bannera .flexslider { width:100%; margin:0 auto; position: relative; height: 266px; overflow: hidden; background: url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align:center }
.bannera .slides { position: relative; z-index: 1;}
.bannera .slides li { height: 266px;}
.bannera .slides li a{ width:100%; height:266px; display:block;}
.bannera .flex-control-nav { position: absolute; bottom: 0; z-index: 2; width: 100%; text-align:center;}
 

.content{ width:1000px; margin:0 auto; padding:20px 0;}
.proclass{ width:280px; float:left;}  
.com{ width:365px; float:left; margin:0 50px;}
.con{ width:254px; float:left;}
.title{ font-weight:bold; background:url(../images/title.jpg) no-repeat left bottom; line-height:40px; font-size:14px; margin-bottom:10px;}
.title span{ color:#0260b0; font-size:13px;}
.title a,.newstopa a { float:right; padding-top:15px;}
.com .title{ background:url(../images/tit.jpg) no-repeat left bottom; line-height:43px;}
.proclass ul{ border-left:1px solid #d1cfcf;border-top:1px solid #d1cfcf;}
.proclass li{ background:url(../images/plistbg.jpg) no-repeat; text-indent:48px;  width:138px; float:left; height:40px; line-height:40px; border-right:1px solid #d1cfcf; border-bottom:1px solid #d1cfcf; overflow:hidden;}
.contest{ background:url(../images/conbg.jpg) no-repeat right bottom;}

.syproduct{ background:url(../images/probga.jpg) no-repeat bottom center; padding-bottom:30px; margin-top:20px;}
.syprod{ background:url(../images/probg.jpg) repeat-x;}
.pro{ width:1000px; margin:0 auto; }
.protop{ font-size:20px; color:#fff; text-align:center; height:35px; line-height:35px; background:url(../images/protop.jpg) no-repeat;}
.protop a{ width:45px; height:35px; float:right;}
.protest{padding:15px 0;}

.news{ width:1000px; margin:0 auto; margin-bottom:20px;}
.newstop{ height:34px; line-height:34px; background:url(../images/newstop.jpg) no-repeat; text-indent:50px; font-weight:bold; margin:20px 0;}
.newstop a{ float:right; padding-right:10px; padding-top:15px;}
.newstop span{ color:#0260b0; font-size:13px;}
.picnews{ width:248px; padding:10px 24px; height:188px; background:url(../images/newsbg.jpg) no-repeat; float:left;}
.comnews{ width:302px; padding-right:23px; float:left; background:url(../images/newsbga.jpg) no-repeat right center; margin:0 29px;} 
.hynews{ width:320px; float:left}
.newstopa{ margin:14px 0; background:url(../images/newstopa.jpg) no-repeat left center; height:31px; line-height:31px; color:#0260b0; text-indent:20px;}
.newslist li{ background:url(../images/dot.jpg) no-repeat left center; text-indent:20px;}
.newslist li span{ float:right;}

.product li{ width:300px; float:left; margin:10px 15px; text-align:center; line-height:30px;}
.product li img{ width:300px; height:132px;}



.footer{ background:#636363; color:#fff; }
.footer ul{ width:1000px; margin:0 auto; background:url(../images/footbg.jpg) repeat-x top; padding-top:15px; }
.footer ul li{ float:left; color:#fff; line-height:50px;}
.footer ul li a{ width:138px;color:#fff; display:block; text-align:center;}
.foot{ width:1000px; text-align:center;   margin:0 auto; padding-bottom:20px;background:url(../images/foot.jpg) no-repeat center top; padding-top:15px; }
.foot a{ color:#fff;}


.contenta{ width:100%; background:url(../images/contbg.jpg) repeat-x top;  }
.maintop{ background:url(../images/miantop.jpg) no-repeat 40px center; padding:5px 70px;  border:1px solid #307cbc; width:280px; font-size:20px; margin:0 auto; padding-left:90px; margin-bottom:15px;}
.sidelist li{ width:198px; height:35px; line-height:35px; overflow:hidden; font-size:16px; font-weight:bold; text-align:center; float:left; margin:5px 1px; background:url(../images/list.jpg) no-repeat;}
.sidelist li a{ color:#fff;}
.sidelist li a:Hover,.sidecho{ color:#fff; width:198px; height:35px;background:url(../images/listurn.jpg) no-repeat; display:block;  }

.maintopa{ background:url(../images/maint.jpg) no-repeat bottom center; font-size:20px;  line-height:50px; margin-top:15px;}
 .maintest{ font-size:14px; margin-top:25px; padding-bottom:30px;  }

/*Main Content*/
.MainContent { overflow: hidden; clear: both; line-height: 20px; text-align: left; }
.MainContent div, .MainContent ul, .MainContent li { overflow: hidden; }

 
/*Article List*/
.arList { clear: both; margin: 0px 20px 0px 10px; line-height: 30px; }
.arList li { margin-top: 5px; border-bottom: 1px dashed #636363; }
.arList li a { color: #636363; text-decoration: none; }

/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both;   }
.arTitle {   line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arKeywords { height: 24px; margin: 10px auto; line-height: 24px; text-indent: 10px; color: #007ee0; border-top: dashed 1px #858585; border-bottom: dashed 1px #858585; }
.arContent { margin: 10px auto; line-height: 24px; color: Black; }

/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto;   }
.ExhibitList li { float: left; width: 190px; margin:10px 25px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li img { padding: 5px; width:180px; height:135px; }

 

 
/*Product List*/
.prodlist li{ width:233px; height:40px; line-height:40px; text-indent:40px; float:left; background:url(../images/plist.jpg) no-repeat; margin:10px 7px; border:1px solid #d1cfcf;}
 /*Job List*/
.JobList { width: 710px; margin: 10px auto; }
.JobListItem { margin-bottom: 20px; width: 100%; }
.JobPost { width: 700px; }
.JobPost tr { }
.JobPost td { border: 1px solid #656565; height: 24px; line-height: 24px; }
.jpTitle { width: 100px; text-align: center; }
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 0px 5px; }

 
 
/*Prev Next*/
.FastMove { clear: both;  margin: 10px auto; border-top: 1px dashed black; font-weight: bold; }
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
.FastMove .Prev { float: right; }
.FastMove .Next { float: left; }

/*PageBar*/
.PageBar { clear: both;   height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }


 

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 图片点击放大
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}