@charset "utf-8"; 
/*  my css reset  */    
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { color: #555555; font: 12px  Arial, Helvetica, sans-serif;background:url(../images/bg.gif) repeat top center; }
body, button, input, select, textarea { font:12px/1.5 Arial, Helvetica, sans-serif \5b8b\4f53, sans-serif; }
input{ border:0 none; }
ol,ul,li{ list-style: none; }
dl,dt,dd{ margin: 0px; padding: 0px; }
em { font-style: normal; font-weight: bold; }
select{ font-size: 12px; }
img{ border:none}
.b { font-weight: bold; }
a{ color: #5C5C5C; text-decoration: none; }
a:hover{ color: #FF3300; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/*======================================================*/
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.xs4 { font-size: 18px !important; }
.xs5 { font-size: 24px !important; }
.xs6 { font-size: 40px !important; color:#F9D1A2 }

.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }

/*======================================================*/
.wx, .ph { font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
/* Page header */ .ph { font-size: 20px; }
				  .ph a{}
				  .ph a:hover{}
.en { font-family:Arial, Helvetica, sans-serif;}
.white { color:#FFFFFF} 
.red { color: #D00000; }
.blue { color: #2269AE; }
.org { color: #FF6600; }
.hei { color: #454545;}
.cheng { color: #EFAA40;}
.green { color: #006600;}
.hui { color:#888888}

.hm { text-align:center !important;}
.z { float:left;}
.y { float:right;}

/*======================================================*/
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }

.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }

.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }

/*======================================================*/
.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }

.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }

.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }

.bbda { border-bottom:#CCC 1px dashed;}
.bbs { border-bottom:#CCC 1px solid;}

.cl { clear: both; }
.space { height:10px; line-height:0; font-size:0; overflow: hidden; clear:both; }
.mbg { background-color:#F5F5F5; border:#D1D1D1 1px solid;}
.plr { padding:0 5px; }

/*======================================================*/
#header { margin: 0px auto; padding:0; width:960px; height:140px; overflow:hidden;}
.header { margin: 0px auto; padding-top:10px; width:960px;}

.header_logo { float:left; width:200px;}
.header_right { float:right; margin-top:5px; padding:5px 10px; width:200px; color:#888; background-color:#343434;}
.header_right a { color:#999}
.header_right a:hover { color:#FF0000}

.header_nav { float:left; margin-top:-40px; width:960px; height:50px; background: url(../images/navbg3.png) no-repeat bottom center;}
.header_nav ul { margin-left:180px; width:960px;}
.header_nav li { float:left;}
.header_nav li a { display:block; margin:0 14px; padding:0; width:85px; height:38px; line-height:38px; font-size:14px; text-align:center;}
.header_nav li a:hover,
#index .header_nav li a.on1,
#news .header_nav li a.on2,
#products .header_nav li a.on3,
#faq .header_nav li a.on4,
#about .header_nav li a.on5,
#contact .header_nav li a.on6,
#partners .header_nav li a.on7
 { color:#FFF; background: url(../images/navbg2.png) no-repeat left top;}


.banbox { margin: 0px auto; width:980px; height:50px;}
.live { float:left; width:200px;}

.search { float:right; margin-top:8px; width:360px; height:32px; overflow:hidden;}
.sinput { float:left; padding: 4px 0 4px 10px; width:317px; height:24px; line-height:24px; color:#999999;background:url(../images/search_bg.png) no-repeat left top; outline:none;}
.sbtn { float:right; width:30px; height:32px;background:url(../images/search_bu.png) no-repeat center center; cursor:pointer;}


/*======================================================*/
.slideBox{ margin:auto; width:980px; padding-bottom:10px; height:351px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:11px; height:11px; background:url(../images/banner_on.png) no-repeat left top; cursor:pointer; }
.slideBox .hd ul li.on{  background:url(../images/banner_on.png) no-repeat right top; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:980px; height:351px; display:block;  }

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

.foot_info { margin:10px 0; padding-top:20px;  width:100%; height:60px; line-height:22px; text-align:center; border-top:#DDDDDD 1px solid; overflow:hidden;}
