﻿@charset "UTF-8";
*{ 
	margin:0; padding:0;
}
img{
	border:none;
}
body{
	background-color: #FFFFFF; 
}
html,body {
	height:100%;
} 

/*------------------------------Start-----------------------------------*/
#wrap{
	width: 1004px;
	overflow: hidden;
	display: block;
}
/* easy clearing */
#wrap:after{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*\*/
#wrap{
	display: block;
}
/* end easy clearing */
#Head{
	width: 1004px;
	height:65px;
	margin-bottom:5px;
}
#Head .one{
	width: 1004px;
	height:65px;
	background-image:url(../img/head_1.gif);
	background-repeat:no-repeat;
}
#Head .two{
	width: 1004px;
	height:65px;
	background-image:url(../img/head_2.gif);
	background-repeat:no-repeat;
}
#Head img{
	float:left;
	margin: 10px 20px;
}
#Head ul{
	float:right;
	padding-right:10px;
	width:500px;
}
#Head li{
	display:inline;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	float:right;
	color:#FFFFFF;
	margin:0 5px;
}
#Head li a:link, #Head li a:visited, #Head li a:hover{
	color:#FFFFFF;
}
#Banner{
	float:left;
	width: 769px;
	height:225px;
	margin:0 0 5px 0;
}
#Banner .one{
	/*background-image:url(../img/Banner0.jpg); 
	background-repeat:no-repeat;*/
	height:225px;
}
#Brief{
	float:left;	
	width: 209px;
	height:204px;
	background-color:#47768e;
	color:#FFFFFF;
	margin:0 0 5px 5px;
	padding:10px;
}
#Brief .more{
	float:right;
}
#MainNav{
	clear:both;
	width: 1004px;
	height:30px;
	padding:0 40px;
	margin-bottom:5px;
	background-color: #666666;
}
#MainNav ul{
	float:left;
}

#MainNav li{
	display:inline;
	padding-left:15px;
	padding-right:15px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	background-color:#666666;
}
#MainNav li a:link, #MainNav li a:visited{
	display:inline;
	padding-left:15px;
	padding-right:15px;
	height:30px;
	text-align:center;
	color:#FFFFFF;
	float:left;
	border-left:#FFFFFF solid 1px;
	background-color:#666666;
}
#MainNav li a:hover{
	padding-left:15px;
	padding-right:15px;
	height:30px;
	text-align:center;
	display:block;
	background-color: #999999;
	color:#333333;
}
#MainNav li a:active{
	display:block;
	background-color: #47768e;
	color:#fff;
}
#MainNav li.first,#MainNav li.first a:link,#MainNav li.first a:visited, #MainNav li.first a:hover{
	border:none;
}
#Left{
	float:left;
	width: 250px;
}
#Left h2{
	margin:0 0 0 10px;
	height:20px;
	line-height:20px;
	text-indent:40px;
	background-image:url(../img/Title_News.gif);
	background-position: 0 bottom;
	background-repeat:no-repeat;
	color:#993366;
}
#Left ul{
	margin:10px 10px 10px 25px;
}
#Left ul li{
	margin:5px 0;	
	list-style:none;
	height:55px;
	border-bottom:#666666 dashed 1px;
}
#Left ul li span{
	float:right;
	font-weight:bold;
}
#Middle{
	float:left;
	width: 484px;
	margin:0 20px;
}
#Middle #Welcome{
	width: 484px;
	height:180px;
}
#Middle #Welcome img{
	width: 484px;
	height:180px;
}
#Middle #Product{
	float:left;
	width: 235px;
	height:185px;
	margin-top:10px;
}
#Middle #Product .more2{
	float:right;
	margin:-10px 10px 0 0;
}
#Middle #Product h2{
	margin:0;
	height:26px;
	line-height:26px;
	padding:2px 0 0 10px;
	background-image: url(../img/Title_Corner.gif);
	background-repeat:no-repeat;
	color:#003366;
}
#Middle #Product ul{
	margin:0 20px 0 20px;
}
#Middle #Product li{
	width:195px;
	/*height:20px;*/
	line-height:20px;
	font-weight:bold;
	list-style:none;
	background-image:url(../img/dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#Product li a{
	width:195px;
	/*height:20px;*/
	display:block;
}
#Product li a:hover{
	display:block;
	background-color: #e6ebec;	
}
#Middle #Sample{
	float:right;
	width: 235px;
	margin-top:10px;
}
#Middle #Sample .more2{
	float:right;
	margin:-10px 10px 0 0;
}
#Middle #Sample h2{
	margin:0;
	height:26px;
	line-height:26px;
	padding:2px 0 0 10px;
	background-image: url(../img/Title_Corner.gif);
	background-repeat:no-repeat;
	color:#003366;
}
#Middle #Sample ul{
	margin:0 20px 0 20px;
}
#Middle #Sample li{
	width:195px;
	
	line-height:20px;
	font-weight:bold;
	list-style:none;
	background-image:url(../img/dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#Middle #Sample li a{
	width:195px;
	
	display:block;
}
#Middle #Sample li a:hover{
	display:block;
	background-color: #e6ebec;	
}
#Right{
	float: right;
	width: 230px;
}
#Right #Login{
	width: 170px;
	height:60px;
	padding:50px 10px 10px 50px;
	background-image:url(../img/login.gif);
	background-repeat:no-repeat;
	background-position:0 -5px;
}
#Right #Loginen{/*英文版*/
	width: 170px;
	height:60px;
	padding:50px 10px 10px 50px;
	background-image:url(../img/loginen.gif);
	background-repeat:no-repeat;
	background-position:0 -5px;
	font-size:12px;
}
#Right #Loginen h2{
	display:none;
}
#Right #Login h2{
	display:none;
}
#Right #Login input{
	width:100px;
	height:15px;
	border:solid #999999 1px; 
	background-image:url(../img/login_textBG.gif); 
	background-repeat:no-repeat; 
	background-color:#FFFFFF;
}
#Right #Loginen input{
	width:100px;
	height:15px;
	border:solid #999999 1px; 
	background-image:url(../img/login_textBG.gif); 
	background-repeat:no-repeat; 
	background-color:#FFFFFF;
}
#Right #Loginen strong{
	display:block;
	width:40px;
	float:left;
	
}
#Right #Loginen .submit{
	width:100px;
	height:20px;
	border:solid #999999 1px; 
	background-image:url(../img/login_textBG.gif); 
	background-repeat:no-repeat; 
	background-color:#FFFFFF;
}
#Right #Login .submit{
	width:100px;
	height:20px;
	border:solid #999999 1px; 
	background-image:url(../img/login_textBG.gif); 
	background-repeat:no-repeat; 
	background-color:#FFFFFF;
}
#Right #Loginen .password{

}
#Right #Loginen span{
	margin:5px 25px 0 0;
	float:right;
}
#Right #Login .password{
margin-right:1px;
}
#Right #Login span{
	margin:5px 12px 0 0;
	float:right;
}
#Right #Search{
	width: 230px;
	margin:10px 0;
}
#Right #Search .Btn-Search{
	float:right;
	margin-top:-17px;
}
#Right #Contact{
	width: 210px;
	margin-top:10px;
	padding:10px;
	background-image:url(../img/Gradient.gif);
	background-repeat:repeat-x;
}
#Right #Visit{
	width: 210px;
	margin-top:10px;
	padding:10px;
	text-align:center;
}
#Footer{
	float:left;
	width: 1004px;
	height:42px;
	background-color:#FFFFFF;
	background-image:url(../img/Logo_Footer.gif); 
	background-repeat:no-repeat; 
	padding-left:65px; 
	line-height:42px;
	border-top:#999999 solid 1px;
}
/*----------ҳstart----------*/
#LeftNav{
	float:left;
	width:250px;
	background-color:#f4f4f4;
	border-top:#999999 solid 1px;
	padding:20px 0 0 0;
	background-image:url(../img/Nav_L_BG0.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}
/*@media all and (min-width: 0px) {*/
#Left, #RightBig{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
}
#Left:before,#RightBig:before{
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height:0;
}
/*}*/
/*----------*/
#LeftNav li{
	list-style:none;
}
#LeftNav h2{
	text-indent:10px;
	height:30px;
	line-height:30px;
	background-color:#FFFFFF;
	background-image:url(../img/Nav_L_BG.gif); 
	background-repeat:repeat-x;
}
#LeftNav h2 a, #LeftNav h2 a:link, #LeftNav h2 a:visited{
	width:249px;
	height:30px;
	display:block;
	line-height:30px;
	background-color:#f4f4f4; 
	border-right:#999999 solid 1px;
}
#LeftNav h2 a:hover{
	width:249px;
	height:30px;
	display:block;
	line-height:30px;
	background-color:#014190;
	color:#FFFFFF;
	border-right:#999999 solid 1px;
}
#LeftNav h3{
	height:20px;
	margin-left:40px;
	display:block;
	background-color: #999999;
	color:#FFFFFF;
	text-indent:10px;
}
#LeftNav h3 a, #LeftNav h3 a:link, #LeftNav h3 a:visited{
	height:20px;
	display:block;
	line-height:20px;
	background-color:#f4f4f4 ;
	color: #666666;
	text-indent:10px;	
	border-right:#999999 solid 1px;
}
#LeftNav h3 a:hover{
	display:block;
	background-color: #999999;
	color:#FFFFFF;
	border-left:#014190  solid 5px;
	border-right:#999999 solid 1px;
}
#LeftNav #Contact{
	margin-top:300px;
	padding:10px;
}
#RightBig{
	float:left;
	width:700px;
	margin-left:20px;
	padding:0 0 10px 0;
}
#RightBig ul{
	margin-left:20px;
}
#RightBig li{
	margin-left:20px;
}
#RightBig h3{
	color:#014190;
}
/*----------ҳend----------*/
/*-----------------------*/
#Location{
	width: auto;
	text-align:right;
	margin:0 0 5px 0!important;
	border-bottom:#999999 dotted 1px;
	font-weight: normal;
}
#Location a{
	font-weight:bold;
}
/*-----------------------*/
/*-----------------------*/
ul.page{
	display:block;
	clear:both;
	text-align:center;
	width:auto;
	height:20px;
	margin:10px 0!important;
	line-height:20px;
}
ul.page li{
	padding-left:5px;
	width:auto;
	margin:5px!important;
	padding:5px!important;
	display:inline;
}
/*-----------------------*/
/*------------------------------end------------------------------------*/


/*------------------------------ťstart------------------------------*/
.more{
	width:28px; 
	height:11px; 
	background-image:url(../img/btn_more.gif); 
	background-repeat:no-repeat; 
	line-height:30px; 
	display:block; 
	overflow:hidden; 
	cursor:pointer; 
}
.more2{
	width:16px;
	height:9px;
	background-image:url(../img/btn_more2.gif);
	background-repeat:no-repeat;
	line-height:30px;
	display:block;
	overflow:hidden;
	cursor:pointer;

}
.more2 a{
	display:block;
	height:22px;
}
.search{
	width:155px;
	height:15px;
	border:solid #999999 1px;}
.Btn-Search{
	width:20px;
	height:16px;
	background-image: url(../img/Btn_Search.gif);
	background-repeat:no-repeat;
	display:block; 
	line-height:45px; 
	overflow:hidden; 
	cursor:pointer; 
}
/*------------------------------ťend------------------------------*/





/*--------------Design by WindBell Design---------------------*/
/*---------------------www.WBell.cn-----------------------*/
/*------------------Feng@WBell.cn------------------------*/

