@import url("public.css");
/*------------------------- For All Pages ---------------------*/
*{margin:0; padding:0;}
body{font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; text-align: center; line-height:1.8em; background: url(../images/bg.jpg) repeat-x center top #FFF;}
ul,li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#F00;}
table{border-collapse:collapse;}
h2{font-size:14px;}
.clear{clear:both;}
.mainPage{width:100%; float:left;}
.more{ background:url(../images/more3.jpg) no-repeat  center center; width:36px; height:11px; display:inline; float:right; margin-top:15px; margin-right:5px;}
.more a{ display:block; width:100%; height:11px; color:#666;}
.more a:hover{ color:#F30;}
/*---------------------------------------- header ----------------------------------------*/
.topBar{ background:url(../images/topBar_bg.png) no-repeat center bottom; width:180px; height:29px; line-height:29px;float:right; color:#999; display:inline;}
.topBar a{color:#F60; padding:0 5px; font-size:12px;}
.topBar a:hover{color:#F00;}

.header{width:100%; margin:0 auto; float:left;}
.top{ width:1000px; margin:0 auto;}
.logo{background:url(../images/logo2.png) no-repeat center center; width:660px; float:left; height:90px; _background:url(../images/logo.png) no-repeat center center;}
.menu{width:100%;background:url(../images/menu_bg.png) repeat-x center center; height:51px; float:left;}
.menu ul{width:1000px; margin:0 auto;}
.menu li{width:142px;float:left;height:42px; background:url(../images/menu_line.jpg) no-repeat left center; margin-top:3px;}
.menu li a{display:block; font-size:14px;color:#FFF; font-weight: normal;text-align: center; height:35px; line-height:35px; padding-top:5px; font-weight:bold;}
.menu li a:hover{color:#F00; background:url(../images/menu_on.jpg) no-repeat  center top;}

.header2{width:100%; margin:0 auto;}
.top3{ width:1000px; margin:0 auto;}
.logo2{background:url(../images/logo2.png) no-repeat center center; width:660px; float:left; height:90px;background:url(../images/logo.png) no-repeat center center; }
.menu2{width:100%;background:url(../images/menu_bg.png) repeat-x center center; height:51px; float:left;}
.menu2 ul{width:1000px; margin:0 auto;}
.menu2 li{width:142px;float:left;height:42px; background:url(../images/menu_line.jpg) no-repeat left center; margin-top:3px;}
.menu2 li a{display:block; font-size:14px;color:#FFF; font-weight: normal;text-align: center; height:35px; line-height:35px; padding-top:5px;font-weight:bold;}
.menu2 li a:hover{color:#F00; background:url(../images/menu_on.jpg) no-repeat  center top;}
#last{background:none;}
/*---------------------------------------- banner ----------------------------------------*/
.banner{width:1000px;text-align:center; margin:0 auto; margin-top:5px;}
.banner .boxDiv{width:100%; float:left; border:1px solid #eee; padding:1px;}
.banner2{width:100%; float:left; text-align:center; margin:10px 0;}
.banner2 img{border: 1px solid #CCC; padding:1px;}
/*---------------------------------------- content ----------------------------------------*/
.content{width:1000px; margin:0 auto;text-align:left;}
.mainBox{width:100%; float:left; margin-bottom:10px;}
.sideBar{width:200px; float:left;}
.sideBox{width:100%; float:left; margin-bottom:10px;}
.main{width:780px; float:right;}

/*---------------------------------------- footer ----------------------------------------*/
.footer{width:100%; float:left; background:url(../images/foot_bg.jpg) repeat-x  center top; padding-top:10px; color:#666;}
.footer a{color:#666;}
.footer a:hover{color:#F00;}
.copyRight{width:1000px; margin:0 auto;}
/*---------------------------------------- pages ----------------------------------------*/
.webwidget_scroller_tab {
	width:1006px;
	height:auto;
	float:left;
	margin:15px 0;
}
.tabContainer {
	width:100%;
	float:left;
	height:33px;
	overflow:hidden;
	background:url(../images/indexBox_top.png) no-repeat left top;
}
.tabContainer .tabHead {
	width:980px;
	 float:left;
	 display:inline;
	 margin-left:10px;
}
.tabContainer li {
	float:left;
	width:80px;
	margin-right:2px;
	padding-top:1px;
}
.tabContainer li a {
	display:block;
	width:100%;
	height:32px;
	line-height:32px;
	 text-align:center;
	 color:#FFF;
	 background:url(../images/indexNav_off.png) repeat-x center top;
	 
}
.tabContainer .currentBtn a{
	 background:url(../images/indexNav_on.png) repeat-x center top;
	 color:#333;
}

.webwidget_scroller_tab .tabBody {
	position: relative;
	width:100%;
	float:left;
	overflow:hidden;
}
.tabBody  .tabCot{
	width:100%;
	overflow:hidden;
	float:left;
}
.webwidget_scroller_tab .tabBody .longBox {
	width:3000px;
	position:absolute;
}
  

  #indexBox1{ width:984px;background:url(../images/indexBox_bot.png) no-repeat center bottom; height:auto; float:left; display:inline; padding:10px;}
  #indexBox1 .indexBox1{background:url(../images/indexBox1_bg.jpg) no-repeat left bottom; float:left; width:100%; height:245px;}
  #indexBox1 .indexBox1 ul{width:841px; float:right; height:245px;}
  #indexBox1 ul li{width:200px; float:left; margin-right:10px; overflow:hidden;}
  #indexBox1 ul li dl{width:100%; float:left;}
  #indexBox1 ul li dt{ text-indent:5px;background:url(../images/indexBox1_title.jpg) no-repeat center center; height:24px; line-height:24px; margin-bottom:3px;}
  #indexBox1 ul li dt a{display:block; width:100%; height:24px; color:#0089e5;}
  #indexBox1 ul li dt a:hover{ color:#F00;}
  #indexBox1 ul li dd{ width:100%; float:left;}
  #indexBox1 .mains{ color:#666; padding:5px 0; line-height:1.5em;}
  #indexBox1 .links a{ display:block; width:100%; color:#F60;}
  #indexBox1 .links a:hover{ color:#F00;}
  
  #indexBox2{width:984px;background:url(../images/indexBox_bot.png) no-repeat center bottom; height:auto; float:left; display:inline; padding:10px;}
  #indexBox2 .indexBox2{ background:url(../images/indexBox2_bg.jpg) no-repeat 20px center; height:203px;}
  #indexBox2 ul{width:700px; float:right; display:inline; margin-right:20px;}
  #indexBox2 ul li{width:100%; float:left;}

  #indexBox3{width:984px;background:url(../images/indexBox_bot.png) no-repeat center bottom; height:auto; float:left; display:inline; padding:10px;}
  
  #indexBox4{width:984px;background:url(../images/indexBox_bot.png) no-repeat center bottom; height:auto; float:left; display:inline; padding:10px;}
  #indexBox4 li{float:left; background:none;background:url(../images/indexBox4_bg.jpg) no-repeat center center; width:246px; height:325px; }
  #indexBox4 dl{ width:240px; float:left; display:inline; margin-left:1px;}
  #indexBox4 dt{width:100%; float:left; border-bottom:1px solid #FFF;}
  #indexBox4 dt img{border:none;}
  #indexBox4 dd{width:96%; float:left; display:inline; padding:0 2%;}
  #indexBox4 .title{ font-size:14px; color:#09F;}
  #indexBox4 .mains{ color:#666; height:105px; overflow:hidden;}
  #indexBox4 .links a{ height:22px; display:block; width:100%;}

.about_pic{ width:250px; float:left; text-align:left;}
.about_main{ width:770px; float:right;}

/*.page_about{background:url(../images/about_bg.jpg) no-repeat center bottom; padding-bottom:10px;}
.page_contact{background:url(../images/page_contact.jpg) no-repeat center bottom;}
.page_job{ background:url(../images/job_bg.jpg) no-repeat center  bottom;}*/

.contact_main{width:100%; float:left;}
.contact_link{ width:100%; float:left; margin-top:10px; border-top:1px dashed #CCC; padding-top:10px;}
.contact_link li{width:auto; float:left; margin-right:10px;}