/*rewrite style*/
body,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
blockquote{padding:0;margin:0;}
address,optgroup{font-style:normal;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
ul,ol{list-style:none;}
fieldset,img{border:none;}

/*public base*/
body{background:#F8F9FB;font:12px/22px Verdana,sans-serif;color:#333333;}
a{color:#363636;text-decoration:none;}
a:hover{color:#FF9900;text-decoration:underline;}
a:active{color:#FF6600;}

#base-page{}

#header,
#main,
#footer{clear:both;overflow:hidden;}

/*header*/
#header{background:#FFFFFF;}
#header-info{clear:both;width:1002px;margin:0 auto;overflow:hidden;}
#header-info h1{float:left;}
#header-info span{float:right;margin-top:18px;}
#nav{height:40px;background:url(default/nav-bg.png) repeat-x left bottom;}
#nav ul{clear:both;width:1000px;height:40px;margin:0 auto;background:url(default/nav-bar.png) repeat-x left bottom;}
#nav ul li{display:block;float:left;}
#nav ul li a{display:block;width:166px;height:20px;padding:12px 0 8px;color:#FFFFFF;font-size:14px;font-weight:bold;text-align:center;}
#nav ul li a:hover,
#nav ul li .active{background:url(default/nav-active.png) no-repeat left bottom;text-decoration:none;}

/**/
#banner{height:224px;background:url(default/exhibit-bg-min.png) repeat-x left top; width:100%}
#banner.index-banner{height:301px; margin:0 auto;background:url(default/exhibit-bg.png) repeat-x left top; text-align:center}
#banner img{display:block;width:989px;margin:0 auto;}
#announcement{clear:both;height:20px;padding:5px 0;background:url(default/bar-bg.png) repeat-x left top;overflow:hidden;}
#announcement ul{width:1000px;margin:0 auto;}
#announcement ul li{}
#announcement ul li b{padding-left:22px;background:url(default/arrow-right.png) no-repeat left top;}
#announcement ul a{color:#293E6B;}
#announcement ul a:hover{color:#FF6600;}

/*main*/
#main{width:1002px;margin:0 auto;padding-bottom:32px;}
#sidebar{float:right;width:320px;overflow:hidden;}
#content{float:left;width:680px;height:auto;min-height:380px;overflow:hidden;border-right:1px dotted #C7CFD5;}
.position{display:block;clear:both;width:742px;padding:18px 24px 6px;border-bottom:1px dotted #C7CFD5;background:url(default/square-title.png) no-repeat 12px 23px;color:#FF6600;font-size:14px;}
.position a{color:#FF6600;font-size:14px;}
.module{padding:12px;}
.module-title{padding:6px 12px;background:url(default/square-title.png) no-repeat left 11px;color:#FF6600;font-size:14px;}
.module-title a{color:#FF6600;}
.module-content,
.module-list{padding:0 12px;line-height:26px;}
.module-content p{padding-bottom:16px;}
.text-title{padding:12px 0;font-size:18px;text-align:center;}
.text-info{font-size:12px;text-align:center;}
.text-info span{padding:0 12px 0 0;}
.text-content{padding:12px 0 32px;overflow:hidden;line-height:20px;}
.text-content ul{list-style:square;}
.page-bar{clear:both;width:700px;padding:24px;margin:0 auto;text-align:center;overflow:hidden;}
.page-bar a{display:inline;padding:4px 8px;border:1px solid #E5EAEF; margin:0 3px;}
.page-bar .page-first,
.page-bar .page-prev,
.page-bar .page-next,
.page-bar .page-last{display:inline;padding:4px 8px;border:1px solid #E5EAEF;background:#F4F6F8;}
.page-bar .page-nav-active{color:#FF6600;font-weight:bold;}
.page-nav{clear:both;padding:12px;overflow:hidden;}
.page-nav span{display:block;padding:6px 24px 0 0;}

/*footer*/
#footer{background:#FFFFFF;}
#footer-links{background:#F8F9FB;clear:both;border-bottom:1px solid #E8E9EB;overflow:hidden;}
#friend-links{float:left;width:900px;height:18px;overflow:hidden;}
#footer-links ul li{display:inline;color:#7F98A6;}
#footer-links ul li a{color:#7F98A6;}
.footer-links-title{float:left;padding-left:12px;background:url(default/square-title.png) no-repeat left 4px;}
#footer-info{width:980px;margin:0 auto;padding:12px 12px 32px;}
#footer-nav{}
#footer-nav ul{}
#footer-nav ul li{display:inline;color:#4891BA;}
#footer-nav ul li a{color:#4891BA;}
#copyright{color:#4891BA;}

/*custom*/
#keywords{position:absolute;padding:12px 0 0 122px;}
.company{border-bottom:1px dotted #C7CFD5;background:url(default/company.png) no-repeat right bottom;}
.company .module-content{width:580px;min-height:100px;}

.main #sidebar{float:left;width:210px;}
.main #sidebar .module-list{padding:0;}
.main #sidebar .module-list li{background:url(default/arrow-right-min.png) no-repeat  left 9px; width:180px;line-height:26px;}
.main #sidebar .module-list li a{ margin-left:20px;}
.main #sidebar .module-list li div a{ display:block;border-bottom:1px dotted #C7CFD5; margin:0; padding:0 0 0 20px; line-height:22px; height:22px; color:#71889e}
.main #sidebar .module-list li div a:hover{ display:block; color:#FF9900;text-decoration:none;}
.main .news .module-list li a{display:block;float:left;width:650px;overflow:hidden;}
.news .module-list li{padding-left:10px;height:28px;border-bottom:1px dotted #C7CFD5;overflow:hidden;background:url(default/square.png) no-repeat left 13px;}
.news .module-list li a{display:block;float:left;width:180px;overflow:hidden;}
.news .module-list li span{display:block;float:right;width:68px;padding-left:12px;font-size:10px;}

.main #content{float:right;width:790px;height:auto;min-height:580px;border-left:1px dotted #C7CFD5;border-right:none;}
.main #content .module-content{padding-top:12px;}
.main .products .module-list{display:block;width:790px;padding-top:12px;}
.main .products .module-list li{display:block;float:left;width:112px;height:168px;margin-right:46px;text-align:center;overflow:hidden;}
.pro-category .active{color:#FF6600; text-decoration:underline}
.pro-pic-big img{display:block;width:400px;border:2px solid #ECECEC;margin:0 auto;}
.pro-info{padding:12px;}
.pro .module-list{display:block;width:660px;}
.pro .module-list li{display:block;float:left;width:112px;margin-right:18px;text-align:center;line-height:20px;}
.pro-pic img{width:110px;height:110px;border:1px solid #BAD0E1;}
.pro-name{width:110px;padding:12px 0 24px;}
#module-list{display:block;width:700px;}
	#module-list li{display:block; float:left; width:350px; height:112px; margin:0 0 20px 0; padding:0;}
	#module-list .pro-pic{ display:block; width:112px; height:112px; float:left;}
	#module-list .pro-pic img{width:110px;height:110px;border:1px solid #BAD0E1;}
	#module-list .pro-name{ display:block; width:210px; height:110px; float:left; padding:0 10px;}
	#module-list .pro-name b{ display:block;}
	#module-list .pro-name a{color:#FF9900; }


#pro-module {
width:650px;
overflow:hidden;
border:0px dashed #CCC;
text-align:center;
height:160px;
margin:0px;
padding:0px;

}
#pro-module-content {
float: left;
width: 800%;
margin:0px;
padding:0px;
height:120px;
}
#pro-content1 {
float: left;
margin:0px;
padding:0px;

}
#pro-content2 {
float: left;
margin:0 0 0 -30px;
padding:0px;
}


#friend-links {
width:900px;
overflow:hidden;
border:0px dashed #CCC;
text-align:center;
height:20px;
margin:0px;
padding:0px;

}
#friend-links-content {
float: left;
width: 800%;
margin:-2px 0 0px;
padding:0px;
height:20px;
}
#friend-content1 {
float: left;
margin:0px;
padding:0px;

}
#friend-content2 {
float: left;
margin:0;
padding:0px;
}


#pro-list .pro-list-1{height:390px;}
#pro-list .pro-list-2{padding-top:112px;height:278px;}
#pro-list .pro-list-3{padding-top:224px;height:166px;}
/*ie6 hack*/
#keywords{*margin-left:-460px;}
*html #nav ul li a:hover{
background:url(default/nav-active.gif) no-repeat left bottom;text-decoration:none;
}
*html #nav ul li .active{
background:url(default/nav-active.gif) no-repeat left bottom;text-decoration:none;
}
*html #content{height:380px;overflow-y:visible;}
*html .main #content{height:580px;overflow-y:visible;}
*html .company .module-content{height:100px;overflow-y:visible;}