/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Author: nogou | upconn@gmail.com
Designed for hsxic.com
2008-2-20
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
*{margin:0;padding:0;}
ul{list-style-type:none;}
li{list-style-type:none;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:active{color:#F00;}
img{border:0;}
div{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.borderxpx{clear:both;height:6px;font-size:1px;overflow:hidden;}
.redline2px{font-size:1px;height:1px;background:#A7B0D0;}
.clear{clear:both;height:1px;font-size:1px;line-height:1px;overflow:hidden;}
.padding3px{padding:3px;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;background:#999;color:#036;font-size:62.5%;line-height:165%;}
.maincolumn{width:998px;margin:0 auto;background:#FFF;}
#header{height:89px;background:url(../images/hsx_logo.gif) no-repeat;}
.topnav{height:20px;margin-right:12px;line-height:20px;text-align:right;color:#000;padding-top:8px;}
.topnav a{color:#F30;background:url(../Images/TopDot.gif) no-repeat left 2px;padding-left:10px;margin:0 6px;font-weight:bold;}
.topnav a:hover{color:#900;}
.mainmenu{height:25px;background:url(../Images/menu_bg.gif) repeat-x;}
.mainmenu li{width:99px;height:25px;float:left;line-height:25px;font-weight:bold;text-align:center;}
.mainmenu li a{display:block;height:25px;}
.mainmenu a:link,.mainmenu a:visited{color:#FFF;}
.mainmenu a:hover,.mainmenu a:active{color:#F30; background:url(../Images/menu_bg_h.jpg) no-repeat;}
.mainad{height:180px;}
#leftrail{width:190px;float:left;border-left:solid 2px #FFF;}
#rightrail{width:802px;float:right;border-right:solid 2px #FFF;}
.FFFline{font-size:1px;height:2px;background:#FFF;}
.mainSearch{line-height:20px;padding:4px;overflow:hidden;background:#ECF2FF;}
.input{height:19px;border:1px solid #57759D;padding-left:4px;background:#FFF;line-height:19px;width:112px;}
.submit{}
.borderbox{background:#ECF2FF;}
.linebox{border:1px solid #FFF;background:#F8F9F9;line-height:20px;}
.leftbox{margin:3px 0 0 3px;}
.ltitle{height:30px;padding-left:22px;line-height:30px;background:url(../images/title_bg.gif) no-repeat;font-weight:bold;color:#F30;}
.ltitle a:link,.ltitle a:visited{color:#F30;}
.ltitle a:hover,.ltitle a:active{color:#F00;}
.btitle{height:30px;background:url(../Images/r_title_bg.gif) repeat-x;}
.btitle h1{width:204px;height:29px;padding-left:18px;line-height:29px;background:url(../Images/About_title_bg.gif);color:#FFF;font-size:14px; border-bottom:solid 1px #999;}
.m_title{height:24px;line-height:24px;color:#000;background:url(../images/dot_2.gif) no-repeat 64px 5px;font-weight:bold;padding-left:10px;}
.em_title{height:24px;line-height:24px;color:#000;background:url(../images/dot_2.gif) no-repeat 112px 7px;font-weight:bold;padding-left:10px;}
.rtitle{height:23px;color:#0E5B9D;font-weight:bold;background:url(../Images/dot_2.gif) no-repeat left 5px;line-height:23px;padding-left:16px;}
.redtitle{background:url(../Images/dot_3.gif) no-repeat left 5px;}
.bluetitle{background:url(../Images/dot_4.gif) no-repeat left 5px;}
.newstitle{background:url(../Images/dot_5.gif) no-repeat left 5px;}
.techtitle{background:url(../Images/dot_6.gif) no-repeat left 5px;}
.linktitle{background:url(../Images/dot_9.gif) no-repeat left 5px;}
.maintitle{height:26px;background:#818B97 url(../Images/r_title_bg.gif) repeat-x;color:#FFF; line-height:26px;padding-left:30px;}
.maintitle a:link,.maintitle a:visited{color:#FFF;font-weight:bold;}
.maintitle a:hover,.maintitle a:active{color:#F30;}
.newproduct{overflow:hidden;background:#ECF2FF;}
.newproduct li{height:21px;line-height:21px;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;background:url(../Images/dot_1.gif) no-repeat 1px 9px;padding-left:10px;}
.mainBrand{margin-left:6px;}
.mainBrand li{width:100px;height:35px;overflow:hidden;float:left;margin:2px;border:solid 1px #DDD;}
.index_aboutus{line-height:24px;color:#000;padding:10px;}
.index_aboutus p{text-indent:2em;}
.index_aboutus span{font-weight:bold;color:#F30;}
.index_aboutus a{font-weight:bold;color:#F30;}
.index_aboutus img{margin:0 10px 0 0;border:1px solid #ECF2FF;}
.aboutus_left{width:580px;float:left;}
.aboutus_line{height:2px;font-size:1px;margin-top:3px;background:url(../images/sline_l.gif) no-repeat;clear:both;}
.page_aboutus img{float:left;}
.m_left{width:580px;float:left;}
.m_right{width:220px;float:right;background:url(../Images/right_bg.gif) no-repeat left center;}
.Recommended{}
.Recommended li{float:left;margin:2px;width:138px;border:1px solid #E2E3E3;background:#FFF;}
.Recommended img{border:1px solid #FFF;border-bottom:2px solid #E0E0E0;width:136px;height:100px;}
.Recommended h2{width:126px;padding:0 0 0 10px;background:url(../images/ar.gif) no-repeat 2px 9px;font-size:12px;text-align:left;line-height:20px;height:20px;overflow:hidden;word-break:break-all;}
.ShowImg{margin:3px;}
.ShowImg li{float:left;margin:4px;width:180px;border:1px solid #E2E3E3;background:#F8F8F8;}
.ShowImg img{border:1px solid #FFF;border-bottom:2px solid #E0E0E0;width:176px;height:120px;}
.ShowImg h2{width:148px;padding:0 0 0 10px;background:url(../images/ar.gif) no-repeat 2px 9px;font-size:12px;text-align:left;line-height:20px;height:20px;overflow:hidden;word-break:break-all;}
.Nav_t_Line{height:19px;font-size:1px;background:url(../Images/Nav_T_Line.gif) no-repeat;}
.Nav_b_Line{height:18px;font-size:1px;background:url(../Images/Nav_B_Line.gif) no-repeat;}
.Stock_Nav_box{margin:0 2px 0 8px;padding-left:6px;border:solid 1px #E2E3E3;}
.Stock_Nav_box li{height:21px;line-height:21px;color:#026;}
.Stock_Nav_box span{color:#F30;font-weight:bold;}
.StockIndex{background:#ECF2FF;padding:7px;}
.StockIndex li{width:22px;height:22px;line-height:22px;float:left;list-style:none;border:solid 1px #FFF;margin:2px;text-align:center;;}
.StockIndex a:link,.StockIndex a:visited{color:#000;}
.StockIndex a:hover,.StockIndex a:active{color:#F30;}
.mainnewslist{padding:0 8px;}
.mainnewslist li{height:22px;line-height:22px;padding-left:12px;background:url(../images/dot_3.gif) no-repeat 4px 8px;word-break:break-all;overflow:hidden;border-bottom:dashed 1px #CCC;}
.mainnewslist span{float:right;color:#999;margin-right:10px;font-family:"Times New Roman", Times, serif;}
.flink{height:90px;margin:0 2px 0 8px;overflow:hidden;border:solid 1px #E2E3E3;}
.flink ul{margin:0 10px;}
.flink li{width:90px;float:left;line-height:21px;overflow:hidden;height:21px;}
.imglink li{height:31px;margin:2px;}
.imglink img{height:31px;width:88px;margin:2px;}
#footer{height:108px;color:#FFF;background:#0C274B;text-align:center;}
#footer p a{color:#FFF;}
.footerline{background:#C5D4E5;height:25px;line-height:25px;padding-left:6px;color:#859FC0;}
.footerline a:link,.footerline a:active,.footerline a:visited{margin:0 14px;color:#859FC0;}
.footerline a:hover{color:#FFF;}
#footer p{height:24px;line-height:24px;}
.expresssearchbox{height:40px;margin:6px 0;background:url(../images/r_express_bg.gif) no-repeat;}
.expresssearchbox form{margin:8px 0 0 8px;line-height:32px;}
.p_product li{border:solid 1px #E2E2E2;height:72px;margin:5px 3px 5px 0;overflow:hidden;color:#333;word-break:break-all;line-height:21px;background:#F8F8F8;}
.p_product span{color:#F60;font-weight:bold;}
.p_product a{font-weight:bold;color:#F60;}
.p_product img{width:80px;height:60px;margin:4px;float:left;border:1px solid #CCC;}
.NewsPage{height:25px;line-height:25px;color:#000;background:#FFF;}
.Newsshow{padding:10px;line-height:22px;color:#333;overflow:hidden;word-break:break-all;}
.NewsshowTitle{border:1px solid #A1B5CE;margin:4px 20px;background:#DFE4ED;padding:10px;}
.NewsshowTitle h1{font-size:16px;font-weight:bold;color:#F30;}
.NewsshowTitle h2{font-size:12px;color:#666;font-weight:normal;}
.Newsshow p{text-indent:2em;margin:6px 0;}
.Newsshow .NewsshowView{border:solid 1px #ECF2FF;padding:4px 10px;background:#ECF2FF;height:40px;}
.pagenewslist{padding:10px;}
.pagenewslist li{height:24px;line-height:24px;padding-left:12px;background:url(../images/ar.gif) no-repeat 4px 9px;word-break:break-all;overflow:hidden;border-bottom:dashed 1px #CCC;}
.pagenewslist span{float:right;color:#999;margin-right:10px;font-family:"Times New Roman", Times, serif;}
.StockList{border:1px solid #DFE4ED;background:#DFE4ED; margin-left:2px;}
.StockList li{width:153px;height:25px;line-height:25px;float:left;overflow:hidden;word-break:break-all;background:#FFF;margin:1px;padding-left:4px;}
.StockList a:link,.StockIndex a:visited{color:#000;}
.StockList a:hover,.StockIndex a:active{color:#F30;}
table .tr1{background:#F0F0F0;height:24px;text-align:center;font-weight:bold;color:#033256;}
.tr1 td{border:solid 1px #FFF;}
table .tr2{background:#FFF;height:25px;}
.tr2 td{background:#FFF;padding-left:4px;line-height:25px;height:25px;color:#000;}
table .tr3{background:#E3E8F0;height:25px;}
.tr3 td{border:solid 1px #FFF;color:#333;}
.HrList{border: 1px solid #A1B5CE;color:#000;margin: 5px 0px;background:#E3E8F0;text-align:left;font-family: "ËÎÌå";font-size:12px;font-weight:normal;line-height:22px;margin-right:3px;}
.HrList .HrContent{margin:0;padding:10px 4px;color:#333;line-height:150%;text-align:left;}
.HrListh3{clear: both;padding: 0 10px;color:#000;font-size: 12px;text-align: left;background-color: #E1EAF7;border-bottom:1px #A1B5CE solid;font-weight: normal;line-height:26px;}
.HrListh3 span{border-left:1px #A1B5CE solid;width: 100px;float:right;text-align: center;line-height: 26px;}
.Hrbox{height:19px;line-height:19px;}
.HrReg{color:#000;border:1px solid #CCC;padding:1px;margin:100px;height:150px;background-color: #F2F2F2;}
.HrReg ul{padding:20px;border:1px solid #666;height:146px;}
.HrReg li{height:25px;line-height:25px;}
.HrReg a{font-weight:bold;color:#FF0000;text-decoration:underline;}
h1{font-size:16px;font-weight:bold;color:#000;height:24px;line-height:24px;}
.iBrand li{width:164px;height:64px;margin:7px;float:left;}