*{ margin:0; padding:0;}
body {
	font : 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #4c4c4c;
	margin:0;
	padding: 0;
}
TD {
	FONT-SIZE: 12px; COLOR: #666666
}
a {
	color : #333333;
	background : inherit;
	text-decoration : none;
}
a:hover {
	color : #ff5805;
	background : inherit;
	text-decoration : underline;
}
p {
	margin : 5px;
}
H3 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; TEXT-DECORATION: none; COLOR: #ef2c1d; 
}
H2 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; TEXT-DECORATION: none; COLOR: #ef2c1d; 
}
H1 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; TEXT-DECORATION: none; COLOR: #ef2c1d; 
}
H4 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; TEXT-DECORATION: none; COLOR: #ef2c1d; 
}
H5 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; TEXT-DECORATION: none; COLOR: #ef2c1d; 
}
img { border : 0 }
select,input{
	font-size: 9pt;
	margin: 0;
	padding: 1px;
}
form{
	padding: 0px;
	margin:0;
	display: inline;
}
.right { float: right }
ul {
margin : 0;
padding : 0;
list-style : none;
}
a img {
	border: 0px;
}
a:hover img {
	border: 0px;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#header{
	width: 960px;
	margin: auto;
}
#top {
	MARGIN: auto; WIDTH: 960px; HEIGHT: 80px; line-height:20px
}
#top-left {
	FLOAT: left; WIDTH: 500px; PADDING-TOP: 15px; HEIGHT: 64px
}
#top-right {
	FLOAT: left; WIDTH: 450px; PADDING-TOP: 15px; TEXT-ALIGN: right
}
#top-right A {
	TEXT-ALIGN: center
}
#top-right A:hover {
	COLOR: #0066cc
}
#top-right A:active {
	COLOR: #0066cc
}
#banner {
	MARGIN: 38px 0 10px 0;
}
#menu {
	CLEAR: both; BACKGROUND: url(../tupian/menu-bg.jpg) no-repeat; MARGIN: auto; WIDTH: 960px; HEIGHT: 34px
}
#menu-main {
	WIDTH: 955px; LINE-HEIGHT: 33px; HEIGHT: 33px; TEXT-ALIGN: center
}
#menu-main A {
	DISPLAY: inline; PADDING-LEFT: 2px; FLOAT: left; WIDTH: 104px; COLOR: #ffffff; TEXT-ALIGN: center
}
#menu-main A:hover {
	BACKGROUND: url(../tupian/menu-a.gif) no-repeat center 3px; COLOR: #ffff00
}
#menu-main A:active {
	BACKGROUND: url(../tupian/menu-a.gif) no-repeat center 3px; COLOR: #ffff00
}

#nav { width: 960px; height: 34px; float: left; background: url(../images/menubg.gif) repeat-x; }
#nav li { display: inline; }
#nav li a { width: 92px; height: 34px; display: block; float: left; text-align: center; color: #fff; font:14px/37px "ËÎÌå"; }
#nav li a:hover { background: url(../images/menuhov.gif) no-repeat center; color: #fff; }
#nav li span { height: 34px; width: 2px; overflow: hidden; display: block; float: left; background: url(../images/menuline.gif) no-repeat; }
#nav li.current a { background: url(../images/menuhov.gif) no-repeat center; color: #fff; }

#header #left{
	background-image: url(../images/headersidebg.png);
	background-repeat: no-repeat;
	float: left;
	width: 219px;
}
#header #left a {
	display: block;
	background: #666666 url(../images/vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 20px 0 20px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
	font-size: 10pt;
}

#header #left a:hover {
	color: #FFFFFF;
	background: #CC0001 url(../images/vmenuarrowhover.gif) no-repeat center left;
}
#header #center{
	float: left;
	margin-left: 2px;
}
#header #right{
	float: right;
	height: 245px;
	width: 215px;
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
}
#pagebody{
	width: 960px;
	margin: auto;
	float: left;
}
#leftside{
	float: left;
	width: 218px;
}
#leftside a img{border: none;}
#leftside a:hover img{border: none;}
#leftarticle{
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	padding: 8px;
	width: 200px;
}
#leftarticle ul li{
PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 10px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../images/list.gif); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #c0c0c0 1px dashed; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none
}
#rightside{
	float: right;
	width: 736px;
}
#pros{
	border: 1px solid #e5e5e5;
	background-color: #f6f6f6;
	float: left;
	width: 734px;
	margin-top: 5px;
	padding-bottom: 8px;
}
#probody{
	background-color: white;
	float: left;
	display: inline;
	margin:5px 8px 0px 8px;
}
#protitle{
	background-image: url(../images/total.png);
	background-repeat: no-repeat;
	padding: 2px 0px 5px 10px;
	color: #1B7CB8;
	font-weight:bold;
}
#protitle a{
	color: #1B7CB8;
}
#article{
	width: 718px;
}
#articlecp{
	width: 718px;
}
#articlecp UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#articlecp UL LI {
	MARGIN: 0px
}
#footer {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/footerbg.png); PADDING-BOTTOM: 10px; COLOR: #777; LINE-HEIGHT: 1.7em; PADDING-TOP: 15px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 80px; TEXT-ALIGN: center; MARGIN: 10px auto; WIDTH: 960px
}
#subcategory{
	width: 122px;
	float: left;
	padding: 5px;
	border: 1px dashed #EA2E00;
	margin: 4px;
	height: 135px;
	overflow: hidden;
}
#subcategory ul li{
	margin: 3px 0px;
}
.right{
	margin: 5px;
	border: 1px solid #E5E5E5;
	padding: 4px;
}
.right img { 	
	margin: 5px;
	border: 1px solid #E5E5E5;
	padding: 4px;
}
#leftop{
	background-image: url(../images/leftopbg1.png);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 60px;
	margin-top: 5px;
	color:#FFFFFF;
}
#leftop1{
	background-image: url(../images/leftopbg1.png);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 60px;
	margin-top: 5px;
	color:#FFFFFF;
}
#leftop2{
	background-image: url(../images/leftopbg1.png);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 60px;
	margin-top: 5px;
	color:#FFFFFF;
}
marquee{
	background-color: white;
}
#npic{
	border: 1px dashed #CFCFCF;
	float: left;
	padding: 5px;
	height: 95px;
	width: 123px;
	margin: 5px 3px;
	text-align: center;
	display: inline;
}
#npic h1{
	background-color: #F6F6F6;
	padding: 4px 0px;
	margin-top: 5px;
}
#second{
	float: left;
	width: 736px;
	margin-top: 5px;
}
.rt{
	float: right;
	width: 364px;
	border: 1px solid #e5e5e5;
	background-color: #f6f6f6;
}
.lt{
	float: left;
	width: 364px;
	border: 1px solid #e5e5e5;
	background-color: #f6f6f6;
}
#sebody,#sebody1{
	margin: 5px 8px 8px 8px;
	width: 330px;
	background-color: white;
	padding: 0px 9px;
	overflow: hidden;
}
#sebody ul li {
	FLOAT: left;
	WIDTH: 160px;
	HEIGHT: 20px;
}
#sebody1 ul li{
	border-bottom: 1px solid #F6F6F6;
	padding: 3px;
}
#progress {
	font-size: 1px; left: 10px; width: 1px; position: relative; top: 1px; height: 5px; background-color: #9d9d94
}
#loader {
	border: #6a6a6a 1px solid; padding: 10px 0px 16px 0px; display: block; font-size: 10px; z-index: 255; margin: 0px auto; width: 135px; color: #000000; font-family: Tahoma, Helvetica, sans; background-color: #ffffff; text-align: left
}
#loader_container {
	WIDTH: 100%; POSITION: absolute; TOP: 40%; text-align: center
}
#loader_bg {
	font-size: 1px; left: 8px; width: 113px; position: relative; TOP: 8px; height: 7px; background-color: #ebebe4
}
.border_preview {
	border: #888 1px solid; z-index: 100; min-height: 250px; width: 380px; position: absolute; height: 250px; background-color: #fff
}
.preview_temp_load {
	padding: 8px 10px 17px 10px; text-align: center
}
#proNav SPAN {
	COLOR: #6a7faf
}
#proNav A {
	COLOR: #1f376d
}
#proNav A:hover {
	BACKGROUND: #509ad8; COLOR: #fff
}
#proNav A.m {
	COLOR: #696768
}
#endlink {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 1em 0px 0px;
	COLOR: #777;
	LINE-HEIGHT: 1.7em;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: no-repeat;
	TEXT-ALIGN: left;
	MARGIN: 0px auto;
	WIDTH: 960px
}
#proNav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 1px;
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	WIDTH: 195px;
	LINE-HEIGHT: 16px;
	PADDING-TOP: 4px;
}
#proNav DIV {
	CLEAR: both; HEIGHT: 22px
}
#proNav SPAN {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px
}
#proNav A {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; HEIGHT: 17px; TEXT-DECORATION: none
}
#proNav A.m {
	MARGIN-LEFT: 2px; TEXT-DECORATION: underline
}
#proNav A.m:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
#proNav A.yidian {
	MARGIN-TOP: -1px; FONT-FAMILY: Tahoma,ËÎÌå; TEXT-DECORATION: none
}
#proNav A.lchot {
	COLOR: #bd0a01
}
#spain{
	padding-top: 10px;
	width: 100%;
}
#spain h2{
	background-color: #F6F6F6;
	color: #EC2810;
	padding-left: 20px;
}
#fourth1,#fourth2,#fourth3,#fourth4{
	float: left;
	width: 500px;
	padding-left: 120px;
	height: auto;
	margin: 15px;
	display: inline;
	min-height:90px;
	height:90px;
}
#fourth1{
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
}
#fourth2{
	background-image: url(../images/2.jpg);
	background-repeat: no-repeat;
}
#fourth3{
	background-image: url(../images/4.jpg);
	background-repeat: no-repeat;
}
#fourth4{
	background-image: url(../images/5.jpg);
	background-repeat: no-repeat;
	}

.SortFolderOpen {
	PADDING-LEFT: 16px; LEFT: 16px; BACKGROUND-IMAGE: url(../images/Sort_Folder_Close.gif); CURSOR: hand; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
.SortFolderClose {
	PADDING-LEFT: 16px; LEFT: 16px; BACKGROUND-IMAGE: url(../images/Sort_Folder_Open.gif); CURSOR: hand; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
.SortEndFolderOpen {
	PADDING-LEFT: 16px; LEFT: 16px; BACKGROUND-IMAGE: url(../images/SortEnd_Folder_Close.gif); CURSOR: hand; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
.SortEndFolderClose {
	PADDING-LEFT: 16px; LEFT: 16px; BACKGROUND-IMAGE: url(../images/SortEnd_Folder_Open.gif); CURSOR: hand; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
.SortListline {
	PADDING-LEFT: 16px; BACKGROUND-IMAGE: url(../images/Sort_Listline.gif); BACKGROUND-REPEAT: repeat-y
}
.SortEndListline {
	PADDING-LEFT: 16px
}
.SortFile {
	PADDING-LEFT: 16px; BACKGROUND-IMAGE: url(../images/Sort_File.gif); CURSOR: hand; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
.SortFileEnd {
	PADDING-LEFT: 16px; BACKGROUND-IMAGE: url(../images/Sort_File_End.gif); CURSOR: hand; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
.reds {
	COLOR:#FF0000;
}
A.reds:link {
	COLOR: #cc0000
}
A.reds:visited {
	COLOR: #cc0000
}
A.reds:hover {
	COLOR: #147dce
}
/*product*/
ul.product_list {}
ul.product_list li { width: 220px; height: 200px; float: left; text-align: center; font-weight: bold; margin: 0 0 15px 15px; }
ul.product_list li.even { margin: 0 20px 0 0; }
ul.product_list li a { width: 220px; height: 200px; text-decoration: none; color: #333; }
ul.product_list li a:hover { color: #900; text-decoration: underline; }
ul.product_list li span { width: 210px; height: 160px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; }
ul.product_list li img { width: 210px; height: 160px; }
ul.product_list li a:hover span { border: #C00 1px solid; }
.product_view {}
.product_view p { text-indent: 0; }
/*pages*/
.pages { padding: 20px 0; text-align: center; width:700px; }
.pages span,
.pages a,
.pages strong { padding: 5px 8px; background: #eee; margin: 0 2px; }
.pages span { color: #999; }
.pages strong { font-weight: normal; background: #333; color: #fff; }
.pages a { text-decoration: none; color: #333; }
.pages a:hover { text-decoration: underline; }
/*article*/
ul.article_list {}
ul.article_list li { height: 32px; line-height: 32px; overflow: hidden; border-bottom: #ccc 1px dotted; background: url(../images/ic1.gif) no-repeat 0 10px; padding: 0 0 0 15px; }
ul.article_list small { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }
ul.article_list li a { text-decoration: none; color: #333; }
ul.article_list li a:hover { color: #900; text-decoration: underline; }
.about_pro2{ padding:12px 0px; line-height:20px; background-color: #FFFFFF;}
.about_pro2 li{float:left; margin-left:12px; display:inline; text-align:center;  border:#CCCCCC solid 1px; margin-bottom:16px; margin-top:10px;}
.about_pro2 li img{width:150px; height:120px; padding:4px; margin-bottom:5px;  border-bottom:#CCCCCC solid 1px;}