/* CSS Document */
*{padding: 0; margin: 0;}
table{ border-collapse: collapse;}
td, th{font-size: 100%;}
img{border:0;}
input,textarea,select{font-family:Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit; vertical-align: baseline;}
textarea{overflow:auto;}
html{overflow-x:hidden;}
p{margin-bottom: 1.5em;}
font{line-height: normal;}
* html ol, *:first-child+html ol { margin-left: 2.2em;}
ul{list-style: none; margin: 0;}
body{
	background: #FFF url(image/topbg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	color: #333;
}
a{
	color: #666;
	text-decoration: none;
}
a:hover{
	color: #DA251C;
	text-decoration: underline;
}

h2, h3, h4, h5, h6{
	color: #000;
}
h2{	font-size: 16px; font-weight: normal;}
h3, h4{font-size: 12px;}
h5, h6{	font-size: 12px;}


.clearfix:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}
.clearfix{display: inline-block;overflow: hidden; height: 0;}

* html .clearfix {height: 1%;}



#container{
	width: 880px;
	clear: both;
	margin: 5px auto;
}
#header{
    width:880px;
	position: relative;
}

#logo {
 background: #FFF url(image/logo.jpg) no-repeat;
 width:370px;
 height:88px;
 float:left;
 }
#menu{
    background:#FFF url(image/menubg.gif) repeat-x;  
    height: 36px;
	width: 880px;
}
#menu ul{
	display: block;
	height: 30px;
	margin-top:12px;
}
#menu ul li{
	float: left;
	display: inline;
	width:80px;
	height: 30px;
	display: block;
}
#menu ul li a{ 
    color:#000;
	text-align: center;
	text-decoration: none;
}
##menu ul li a:hover{ 
    color:#CC0000;
	text-align: center;
	text-decoration: none;
}
#lang{
 border:1px solid #C1C1C2;
 margin-top:-36px;
 padding-top:2px;
 height:20px;
 width:200px;
 float:right;
 }
 
#leftdiv{
  width:200px;
  float:left;
  border:1px solid #E1E2E3;
}
#Titlesolid {
     background:#F2F2F2;
	 border-bottom:1px solid #CCCCCC;
	 height:22px;
	 padding-left:22px;
	 padding-top:8px;
	 text-align:left;
	 }
#List {width:200px;background:#F8F8F8;}
#List ul {list-style:none;margin:0px;}
#List ul li {background:url(image/x1.gif) 20px no-repeat;display:block;line-height:35px;padding-left:35px;margin:0 5px;}
#List ul li {border-bottom:1px solid #E3E3E3;text-align: left;}

#leftside{margin:10px 5px;}

#mainBody{
	width:670px;
	float:right;
	height:auto !important;
}

#linkdiv {width:200px;}
#linkdiv ul {list-style:none;margin:10px auto;}
#linkdiv ul li{display:block;line-height:25px;padding-left:30px;text-align:left}

#newsIndex {width:382px;float:left;}
#newsIndex ul {list-style:none;margin:10px auto;}
#newsIndex ul li {display:block;line-height:32px;padding-left:15px;margin:0 5px;}
#newsIndex ul li {border-bottom:1px solid #E3E3E3;text-align: left;}

#newsList {width:600px;}
#newsList ul {list-style:none;margin:10px auto;}
#newsList ul li {display:block;line-height:32px;padding-left:15px;margin:0 5px;}
#newsList ul li {border-bottom:1px solid #E3E3E3;text-align: left;}

#newPro {
   background:#F2F2F2;
   border-top:1px solid #D1D3D4;
   width:670px;
   height:20px;
   margin-top:5px;
   padding-top:7px;
   text-align:left;
   }

#pList {border:1px solid #D1D3D4;width:668px;height:220px;margin:0 auto;}
#pList ul {list-style:none;}
#pList ul li {display:block;margin:10px auto;width:133px;float:left;}

#picList {margin:auto;}
#picList ul {list-style:none;}
#picList ul li {display:block;height:135px;width:155px;float:left;}

#proList {width:630px;height:220px;margin:0 auto;}
#proList ul {list-style:none;}
#proList ul li {display:block;margin: 0 0 20px 0;width:125px;float:left;}

#newsTitle{
	width:382px;
	height:20px;
	padding-top:10px;
	float:left;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
}
#aboside{
    margin-top:-30px;
	padding:10px;
	width: 260px;
	float: right;
	background:F9F9F9;
	border:1px solid #E4E4E5;
}

#info {width:670px;margin:5px auto;}
#info ul {list-style:none;}
#info ul li{background:url(image/c3.gif) no-repeat; height:26px;margin-left:2px;width:220px;text-align:left;float:left;}
#info1 {width:670px;margin:5px auto;}
#info1 ul {list-style:none;}
#info1 ul li{background:url(image/c4.gif) no-repeat; height:26px;margin-left:2px;width:220px;text-align:left;float:left;}

#infoTitle {padding-top:6px;padding-left:20px;}
#sideBox{
    background:#F1F2F2;
	border:1px solid #DDD;
	margin:4px;
    width:202px;
	height:110px;
	float:left;
	text-align:left;
	padding:5px;
}

#proSide {background:#F9F9F9;border:1px solid #E6E7E8;height:550px;margin:0 auto;}
#pageNum {margin:30px;padding-top:30px;}

#content{
    background:#F9F9F9;
	border:1px solid #DDD;
    width:668px;
	height:auto !important;
	float:right;
	
}
#content1{
    background:#F9F9F9;
	border:1px solid #DDD;
    width:620px;
    float:right;
	padding:20px;
}

#titlename {
  background:url(image/x3.gif) 10px 3px no-repeat;
  height:20px;
  border-bottom:1px solid #CCCCCC;
  margin-bottom:20px;
  text-align:left;
  padding-left:25px;
  }
#indexdiv{
  padding:5px 0 0 20px;
  }
 
#newinfo {
  padding:40px;
  line-height:22px;
  text-align:left;
  }
#newtitle{
  margin-top:30px;
  padding:10px;
  }
 #newline {
  width:95%;
  line-height:22px;
  border-top:1px solid #CCCCCC;
  }
  
#proinfo {
    background:#F0F0F0;
	border:1px solid #CCCCCC;
   width:600px;
   padding:20px;
   margin:auto;
   }
#line {width:90%;font-size:0px; border-top:1px solid #CCCCCC;}

#footer{
    width:860px;
	padding: 0 10px;
	clear:both;
	background:url(image/footerbg.gif) repeat-x;
}
#footerLink{color: #999; line-height: 2em;margin-bottom:.5em;}
#footerLink a{color: #066;}
#copyright{
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	line-height: 20px;
}
#footdiv {
  width:700px;
  padding:10px;
  float:left;
  text-align:right;
  }
  
#footmenu {
  height:33px;
  padding-top:8px;
  text-align:right;
 }
 
#logo2 {
  width:138px;
  border-left:1px solid #CCCCCC;
  float:right;
  height:100%;
 }

.f12h20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	text-decoration: none;
	text-align:left;
}
.f14red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
	text-align:left;
	font-weight: bold;
}
.f12Link a:link{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	text-decoration: none;
	text-align:left;
 }
.f12Link a:visited{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
	text-align:left;
 }
.f12Link a:hover{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
	text-align:left;
 }
