/* ZUXIMI CSS FRAMEWORK
   v2.0 | 20100505
*/

/* ======================================================================================= */
/*                                        Reset                                            */ 
/* ======================================================================================= */    
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,     
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,     
h1, h2,h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,     
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {    
 vertical-align: baseline;    
 font-family: inherit;    
 font-weight: inherit;    
 font-style: inherit;    
 font-size: 100%;    
 outline: 0;    
 padding: 0;    
 margin: 0;    
 border: 0 none; 
 background: transparent;   
 }    

body {     
 line-height: 1.5;    
 }    

ol, ul {    
 list-style: none;    
 }    

/* tables still need cellspacing="0" in the markup */   
table {    
 border-collapse: separate;    
 border-spacing: 0;    
 }    

caption, th, td {    
 font-weight: normal;    
 text-align: left;    
 }    

ins {
 text-decoration: none;
 }
del {
 text-decoration: line-through;
 }


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:link, :visited {
    text-decoration: none;
}


input{
font-family:Verdana, Arial, Helvetica, sans-serif,"宋体";
}

/*IE8*/
INPUT{
font-size: 12px;
}
TEXTAREA{
font-size: 12px;
}
BUTTON{
font-size: 12px;
}



/* ======================================================================================= */
/*                                        Global                                           */ 
/* ======================================================================================= */ 

.clearfix:after { 
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
.error {color:red;}
.black {color:#000;}
.white {color:#fff;}
.red {color:#e10007;}
.grey {color:#454545;}
.orange {color:#ff7200;}
.blue {color:#3a8ecf;}
.navy {color:#183b7d;}

.hidden {display: hidden;}
.inline {display: inline;}
.block {display: block;}

html{
height:100%;
_filter:expression(document.execCommand("BackgroundImageCache",false,true));
}

body{
/*font-family:\5fae\8f6f\96c5\9ed1;*/
font-family:\5b8b\4f53;
font-size:12px;
background:#fff;
color:#000;
}

a{
cursor:pointer;
}

a:link {
color:#000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color:#000;
}
a:hover {
color:#555;
/*font-weight:bold;*/
text-decoration: none;
/*text-decoration: underline;*/
}
a:active {
text-decoration: none;
color:#000;
}

hr {
margin-top:7px;
*margin: 0;
border: 0;
color: #555;
background-color: #555;/* FF */
height: 1px
}

table.bor {
border:solid #999;
border-width:1px 0 0 1px;
}
.bor th,.bor td {
border:solid #999;
border-width:0 1px 1px 0;
padding:2px;
vertical-align:middle;
}

th{
background:#C3D9FF;
font-weight:bold;
}

tr.even td{
background:#DDD;
}

*+html img{
/*-ms-interpolation-mode:bicubic;*/
}

img.block{
display:block;
}

label,legend{
font-weight:bold;
}

* html legend{
margin:0 -8px 16px 0;padding:0;
}


body { behavior:url("csshover3.htc"); }
/* ======================================================================================= */
/*                                        Layout                                           */ 
/* ======================================================================================= */ 
#body{
margin:0 auto;
width:940px;
}

#header{
float:left;
margin:0 auto;
width:940px;

}

#logo{
width:200px;
height:85px;
float:left;
margin:5px 0;
}

#nav{
width:654px;
height:80px;
float:right;
}

#nav ul{
}

#nav ul li{
float:left;
margin-left:5px;
}

#banner{
margin:0 auto;
width:1003px;
height:200px;
float:left;
background:url("images/bodyBg.jpg") repeat-x left top #ccc;
}


#main{
width:940px;
margin:0 auto;
margin-top:20px;
}

#siderightbar{
width:200px;
float:right;
border:1px #eaeaea solid;
background-color:#D0D0D0;
margin-bottom:15px;
}
.siderightbar{
width:200px;
float:right;
border:1px #ccc solid;
background-color:#D0D0D0;
clear:both;

}


#sidebar{
width:202px;
float:right;
}

.sidebar{
width:200px;
float:right;
border:1px #ccc solid;
background-color:#D0D0D0;
clear:both;
margin-bottom:20px;
}


#sidebar p{
padding:5px;
color:#555;
}


#main_online{
width:940px;
margin:0 auto;
margin-top:5px;
}


#sidebar_online{
width:240px;
float:left;
font-size:14px;

color:000;

}

#sidebarBox{
width:238px;
float:left;
border:1px #eaeaea solid;
background-color:#D0D0D0;
margin-bottom:15px;
}

#sidebarBox2{
width:130px;
float:left;
border:1px #eaeaea solid;
background-color:#D0D0D0;
margin-bottom:15px;
}

#sidebarBox3{
width:100px;
float:left;
border:1px #eaeaea solid;
background-color:#D0D0D0;
margin-bottom:15px;
}

#sidebarBox hr{
color:#cccccc;
border-top:1px dashed #cccccc;
height: 1px;
overflow:hidden;
}


#userInfoBg{
color:#ffffff;
font-size:14px;
line-height:34px;
text-indent:10px;
margin:0 auto;
margin-top:5px;
width:221px;
height:34px;
background:url("../image/userInfoBg.jpg") no-repeat left top #ccc;
}

#userInfoBg span{
display:block;
width:100px;
}

#userInfoBg .info{
width:211px;
float:left;
	height: 30px;
}
#userInfoBg .link{
font-size:13px;
width:50px;
float:right;

}

#userInfoBg a{
color:#fff;
}

.infoPadding{
padding:5px;
}


#userloginBg{
color:#ffffff;
font-size:14px;
line-height:34px;
text-indent:30px;
--margin:0 auto;
margin-right:0;
margin-top:5px;
width:128px;
height:34px;
background:url("../image/userloginBg.jpg") no-repeat right top #ccc;
}

#userloginBg .info{
width:126px;
float:right;
	height: 30px;
}

#welcome{
padding-left:15px;
}


#welcome .name a:link{
color:#555;
}

#welcome .exit{
padding:20px;
}

#welcome .exit a{
color:#555;
}




.userInfoLi li{
padding:3px 10px;
list-style-type:square;
list-style:inside square;
}

.userInfoLi li .num{
margin-left:20px;
}
.userInfoLi li .num a{
font-size:13px;
color:#062196;
/*color:#F4B02F;*/
}

.userInfoLi li .num a:hover,#welcome .exit a:hover,#welcome .name a:hover,#userInfoBg .link a:hover{
text-decoration: underline;
}

.btn a{
margin:0 auto;
display:block;
width:100px;
height:31px;
background:url("../image/btnbg.jpg") no-repeat left top #ccc;
line-height:31px;
text-align:center;
}

.btn a:hover{
background:url("../image/btnbg.jpg") no-repeat -100px top #ccc;
}


.btn2 a{
margin:0 auto;
display:block;
width:60px;
height:20px;
background:url("../image/btnbg2.gif") no-repeat left top #ccc;
line-height:20px;
text-align:center;
}

.btn2 a:hover{
background:url("../image/btnbg2.gif") no-repeat -60px top #ccc;
}


a:link.bbtn,a:visited.bbtn{
margin:0 auto;
display:block;
width:100px;
height:31px;
background:url("../image/btnbg.gif") no-repeat left top #ccc;
line-height:31px;
text-align:center;
color:#fff;
}
a:hover.bbtn{
background:url("../image/btnbg.gif") no-repeat -100px top #ccc;
color:#fff;
}



a:link.sbtn,a:visited.sbtn{
margin:0 auto;
display:block;
width:60px;
font-size:12px;
background:url("../image/btnbg2.gif") no-repeat left top #ccc;
line-height:20px;
text-align:center;
color:#fff;
}
a:hover.sbtn{
background:url("../image/btnbg2.gif") no-repeat -60px top #ccc;
color:#fff;
}


a:link.sstn,a:visited.sstn{
margin:0 auto;
display:block;
width:60px;
height:20px;
background:url("../image/btnbg2.gif") no-repeat left top #ccc;
line-height:20px;
text-align:center;
color:#fff;
}
a:hover.sbtn{
background:url("../image/btnbg2.gif") no-repeat -60px top #ccc;
color:#fff;
}


.admin{
margin:10px 0;
}

#sidebarBox .admin li a{
margin:0 auto;
display:block;
width:219px;
height:32px;
line-height:32px;
text-indent:20px;
color:#444;
--margin-top:5px;
vertical-align:middle;

}

#sidebarBox .admin li a img{
--vertical-align:top;

vertical-align:middle;
	--height: 29px;
}




#sidebarBox .admin li a:hover,#sidebarBox .admin li.current a,#sidebarBox .admin li.dbtn li a:hover,#sidebarBox .admin li.dbtn li.current a{
background:url("../image/userInfoBg.jpg") no-repeat left top #ccc;
color:#fff;
height:32px;
line-height:32px;
vertical-align:middle;
}

#sidebarBox .admin li.dbtn a:hover,#sidebarBox .admin li.dbtn a:visited{
background:none;
color:#444;
height:32px;
line-height:32px;
vertical-align:middle;
}

.arr{
padding-left:50px;
}



.s_tel{
height:33px;
line-height:33px;
padding-left:35px;
background:url("../image/tel.gif") no-repeat left top #D0D0D0;
margin:10px 0 10px 10px; 
}

.s_email{
height:22px;
line-height:22px;
text-indent:35px;
background:url("../image/email.gif") no-repeat left top #D0D0D0;
margin:10px 0 10px 10px; 
}


/*   */


#content_online{
width:690px;
float:right;
}

.title_online{
width:690px;
float:left;
font-size:16px;
color:#062196; 
margin-top:5px;
border-bottom:2px solid #062196;
font-family:"微软雅黑";
}

.con_online{
width:690px;
color:#666;
margin-top:5px;
}


#content0{
width:482px;
float:left;
margin:0 1px 0 9px;
}


#title{
width:482px;
float:left;
font-size:15px;
font-weight:bold;
color:#29568F; 
margin-top:10px;
}

#con{
width:482px;
color:#666;
margin-top:5px;
}



#about1 #title{
display:none;
}
#about1 #con{
display:none;
}


#bottom{
width:1003px;
float:left;
margin:0 auto;
background:#999;
}

/* ======================================================================================= */
/*                                       Products                                          */ 
/* ======================================================================================= */ 

#procontent{
padding-left:5px;
}

.pro{
width:220px;
height:150px;
float:left;
margin:6px;
}

.pro a img {
border:2px solid #555;
}


.pro a:hover img{
border:2px solid #000;
}

.proinfo{
display:block;
float:left;
width:224px;
height:20px;
text-algin:center;
background-color:#fff;
overflow:hidden; 
}

a .proinfo ,a:visited .proinfo ,a:hover .proinfo {
text-algin:center;
color:#000;
font-size:15px;
}


#page{

width:600px;
margin:5px 0 0 20px;
text-align:left;
clear:both;
}
/* ======================================================================================= */
/*                                         News                                            */ 
/* ======================================================================================= */ 
.new_page{
width:480px;
margin-top:25px;
clear:both;
color:#333;
font-size:12px;
}



.news{
width:480px;
float:left;
line-height:20px;
background:url("../image/line.gif") no-repeat left bottom #f2f2f2;
margin:3px 0;
padding:3px 0;
}


.news a:link {
font-family:"Microsoft YaHei","simhei","宋体",Arial, Helvetica, sans-serif;
color:#333;
text-decoration: none;
}
.news a:visited {
text-decoration: none;
color:#333;
}
.news a:hover {
color:#555;
text-decoration: none;
}

.news a:active {
text-decoration: none;
color:#333;
}


.new_title{
width:370px;
background:url("../image/newli.gif") no-repeat left bottom #f2f2f2;
float:left;
padding-left:25px;
}


.new_time{
width:65px;
float:right;
align:right;
color:#333;
font-size:12px;
}




/*==============================================================*/

/*
teaser-home
*/
div#teaser-home {
	border: 1px solid #e0e1e1;
	height: 350px;
	overflow: hidden;
	position: relative;
	width: 938px;
	z-index: 5;
}
ul#teaser-home-content {
	height: 350px;
	position: absolute;
	width: 938px;
	z-index: 10;
}
ul#teaser-home-content li {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	position: absolute;
	left: 939px;
	list-style-type: none;
}
ul#teaser-home-content li:first-child {
	left: -1px;
}
ul#teaser-home-content li.current {
	left: -1px;
	position: absolute;
	z-index: 2;
}
li.prev, li.next {
	position: absolute;
	z-index: 3;
}
ul#teaser-home-content li > div {
	left: 505px;
	position: absolute;
	top: 60px;
	width: 253px;
}
ul#teaser-home-content li div.headerTop {
	background: url("../img/teaser-home-headerTop.png") no-repeat;
	height: 2px;
	width:253px;
}
ul#teaser-home-content li  div h2 {
	background: url("../img/teaser-home-headerCenter.png") repeat-y;
	color: #fff;
	cursor: default;
	font: 24px/21px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 17px 20px 15px;
	width:253px;
}
ul#teaser-home-content li div.headerBottom {
	background: url("../img/teaser-home-headerBottom.png") no-repeat;
	height: 1px;
	width:253px;
}
ul#teaser-home-content li div.contentTop {
width:253px;
}
ul#teaser-home-content li div.contentCenter {
	background: url("../img/teaser-home-content.png");
	width:253px;
}
ul#teaser-home-content li div.contentCenter img {
	bottom: 9px;
	position: absolute;
	right: 10px;
}
ul#teaser-home-content li div.contentCenter a {
	color: #3d4242;
	display: block;
	font: 12px/18px Arial,Helvetica,sans-serif;
	line-height: 16px;
	margin: 0 3px;
	padding: 14px 30px 14px 18px;
	position: relative;
	width:253px;
}
ul#teaser-home-content li div.contentCenter a:hover {
	background: url("../img/teaser-home-contentHover.jpg");
	margin: 0 3px;
	padding: 14px 30px 14px 18px;
}
ul#teaser-home-content li div.contentCenter a:hover img {
	
}
ul#teaser-home-content li div.contentBottom {
	background: url("../img/teaser-home-contentBottom.png") no-repeat;
	height: 8px;
	width:253px;
}
div#teaser-home-controls {
	display: none;
	position: relative;
	z-index: 15;
}
div#teaser-home-controls #paging {
	background: url("../img/background_teaser-home-paging.jpg") repeat-x;
	border-bottom: 1px solid #e0e1e1;
	border-left: 1px solid #e0e1e1;
	height: 8px;
	padding: 10px 35px 10px 40px;
	position: absolute;
	right: 0;
	z-index: 15;
}
div#teaser-home-controls #paging li {
	float: left;
	list-style-type: none;
}
div#teaser-home-controls #paging li a {
	background: #e2e2e2;
	display: block;
	height: 8px;
	margin: 0 10px 0 5px;
	width: 8px;
	overflow:hidden;
}
div#teaser-home-controls #paging li.active a {
	background: #0066cc;
}
div#teaser-home-controls #paging li a:hover {
	background: #0066cc;
	height: 11px;
	margin: -1px 8px 0 4px;
	width: 11px;
}
a.ctrl-left, a.ctrl-right {
	background: url("../image/arrows_teaser-home.png") no-repeat;
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	top: 150px;
	width: 50px;
	z-index: 85;
}
a.ctrl-right {
	background-position: right 0;
	left: auto;
	right: 0;
}

div.scs{
width:168px;
height:94px;
float:left;
}


div.teaser-home-small-wrapper {
	width: 716px;
	float:left;
}
a.teaser-home-small {
	background: url("../img/background_teaser-home-small.jpg") no-repeat 0 0;
	color: #ffffff;
	display: block;
	float: left;
	height: 158px;
	margin: 0 9px 0 0;
	padding: 1px 1px ;
	position: relative;
	vertical-align: middle;
	width: 168px;
	z-index: 0;
}
a.teaser-home-small:hover {
	background-position: -170px 0;
	color: #ffffff;
}
a.teaser-home-small img {
	float: left;
}
a.teaser-home-small .textarea {
	display: table;
	height: 63px;
	left: 0;
	position: absolute;
	top: 96px;
	z-index: 115;
}
a.teaser-home-small .textarea p {
	color: #ffffff;
	display: table-cell;
	font: 12px/14px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0 30px 0 10px;
	position: relative;
	vertical-align: middle;
}

.banner{
width:189px;
background: url("../image/bannerbg.png") repeat-y center center;
}
.banner .title img{
display:block;
margin-left:2px;
}
.banner .content{
padding:10px;
width:139px;
padding-right:40px;
}
.bannerbottom{
width:189px;
height:11px;
background: url("../image/bannerbottom.png") no-repeat center center;
_margin-top:-1px;
}
.bannerbottom img{
margin:-25px 0 0 150px;
}
/*===========================================formtab=====================*/
#formtab { width:216px; height:145px; margin-right:-4px;float:left; position:relative; color:#fff} /*设置容器高宽等*/
html > body #formtab2 { width:214px; }/*兼容IE6:IE6下宽度不够*/
#formtab div { background:#052096;position:absolute; top:26px; left:0; width:216px; height:120px; }/*设置被操作容器高宽等*/
#formtab div { display:none; }/*设置被操作容器默认隐藏:不用ID是因为下面将利用class来控制被操作容器显示,而class优先级低于id选择器*/
#formtab .block { display:block;width:216px;}/*选中的被操作容器*/
#formtab h3 { float:left; width:100px; height:25px; line-height:26px; margin:0 -1px 0 0; font-size:12px; cursor:pointer; font-weight:bold; text-align:center; color:#052096; background:#fff; }/*默认标题样式*/
#formtab h3.up { float:left;height:26px;width:100px;background:#052096;color:#fff;_zoom:1;text-align:center; }/*选中的标题样式*/
#formtab .down { float:left;height:26px;width:100px;background:#fff;_zoom:1;text-align:center; }/*选中的标题样式*/

#formtab fieldset{text-align:center;margin-top:10px;position:relative;}
#formtab .login{margin:15px 14px 0 0;_margin-left:4px;text-align:right;line-height:25px;color:#fff}
#formtab .cha{margin:15px 5px 0 5px;text-align:center;line-height:25px;}
#formtab .pas{margin-right:2px;}
#formtab input.text{text-align:left;position:relative;width:128px;}
#formtab input.go{position:absolute;left:155px;margin-top:5px;*margin-right:0;}


/*===========================================formtab2=====================*/
#formtab2 { width:216px; height:145px; margin-right:-2px;float:left; color:#fff} /*设置容器高宽等*/
html > body #formtab2 { width:214px; }/*兼容IE6:IE6下宽度不够*/
#formtab2 div { background:#052096;position:absolute; top:26px; left:0; width:216px; height:120px; }/*设置被操作容器高宽等*/
#formtab2 div { display:none; }/*设置被操作容器默认隐藏:不用ID是因为下面将利用class来控制被操作容器显示,而class优先级低于id选择器*/
#formtab2 .block { display:block;width:216px;}/*选中的被操作容器*/
#formtab2 h3 { float:left; width:100px; height:25px; line-height:26px; margin:0 -1px 0 0; font-size:12px; cursor:pointer; font-weight:bold; text-align:center; color:#052096; background:#fff; }/*默认标题样式*/
#formtab2 .up { float:left;height:26px;width:100px;background:#052096;color:#fff;_zoom:1;text-align:center; }/*选中的标题样式*/
#formtab2 .down { float:left;height:26px;width:100px;background:#fff;_zoom:1;text-align:center; }/*选中的标题样式*/

#formtab2 fieldset{text-align:center;margin-top:10px;position:relative;}
#formtab2 .login{margin:15px 14px 0 0;_margin-left:4px;text-align:right;line-height:25px;color:#fff}
#formtab2 .cha{margin:15px 5px 0 5px;text-align:center;line-height:25px;}
#formtab2 .pas{margin-right:2px;}
#formtab2 input.text{text-align:left;position:relative;width:128px;}
#formtab2 input.go{position:absolute;left:155px;margin-top:5px;*margin-right:0;}




.inputText{
color:#555;
}


.ab{
width:170px;
height:145px;
float:left;
margin-left:7px;
_margin-left:8px;
background:#052096;
}
.ab img.a{display:block;margin:1px;}
.cd{
width:135px;
height:30px;
float:left;
line-height:25px;
font-size:12px;
color:#fff;
--color:#052096;
text-align:center;
vertical-align:middle;
padding:8px 25px 5px 10px;
background:#052096;
--background: url("../image/arr.png") no-repeat 145px 15px;
}


img b{
display:block;
width:7px;
height:12px;
float:right;
margin:12px 10px 0 5px;
}

.bg1{background:#052096;}
.bg2{background:#000;}

#pagelink{
background: url("../image/linebg1.gif") repeat-x center 0;
height: 150px;
margin-top:20px;
position: relative;
}
.linkcon{
width:940px;
margin:0 auto;
}

.linkcon ul{
width:90px;
float:left;
margin-top:30px;
margin-right:122px;
}

.linkcon ul li{
background: url("../image/linkbg.gif") no-repeat center left;
width:90px;
float:left;
height:22px;
line-height:22px;
}

.linkcon a:link,.linkcon a:visited{
padding-left:14px;
color:#888;
}

.linkcon a:hover{
padding-left:14px;
color:#000;
}

#footer{
background: url("../image/footerbg.gif") repeat-x center 0;
height: 50px;
position: relative;
text-align:center;
color:#555;
font: 12px/30px Arial,Helvetica,sans-serif;
}


/*--------------------------------LANG--------------------------------*/
#lang{
width:120px;
float:right;
margin-top:74px;
}

#lang li{
background: url("../image/linkbg.gif") no-repeat center left;
width:60px;
float:left;
height:22px;
line-height:22px;
}

#lang a:link,#lang a:visited{
padding-left:14px;
color:#888;
}

#lang a:hover{
padding-left:14px;
color:#000;
}

label{
text-indent:-2px;
}

.t{
float:left;
clear:both;
}

.t img{
display:block;
float:left;
margin-right:5px;
margin-top:2px;
}

.t p{
width:320px;
float:left;
}