@charset "utf-8";
/* CSS Document by Sun home common style*/
body{ margin:0; padding:0; background:url(../images/index_36.gif) repeat-y center;font:12px/20px Arial;}
ul,ol,li,p,br,span,h1,h2,h3,h4,h5{ list-style:none; margin:0; padding:0; border:0;}
.cWhite,a.cWhite:link,a.cWhite:visited{color:#fff; text-decoration:none;}

/*2008-06-19 niu layout home page*/
.wrap{ width:950px; height:inherit; margin-left:auto; margin-right:auto; background:#fff;}
.clear{ clear:both; font-size:0px; line-height:0px;}
a:link,a:hover,a:visited,a:active{ text-decoration:none; }

.topGray{ background:#8a8a8a; height:15px;}
.logo{ padding:10px 0; background:#f3f3f3;}
.logo a img{ float:left; margin:0 0 0 10px;}
.logo ul{ float:right;}
.logo ul li{ float:left; margin:0 5px;}
.logo ul li a{ color:#666;}
.logo ul li a:hover{ color:#006699;}

.menu{ background:#2e2e2e; height:27px; line-height:27px;}
.menu ul li{ float:left; padding:0 40px; border-right:1px solid #efefef; width:48px; cursor:pointer;}
.menu ul li a{ color:#fff;}
.menu ul li:hover{ background:url(../images/index_07.gif); height:27px; width:48px; cursor:pointer;}
.list{ background:#bcbcbc; height:22px;}

.mainimg ul li{ padding:1px 0;}
.mainimg ul li img{ padding:0 1px 0 0;}
.mainimg ul li a{ float:left;}
.mainimg ul li span{ float:right; margin:0 -1px 0 0;}

.name,.aboutname{background:#ed1c24; height:20px; color:#fff;}
.name ul{ float:left; width:329px; padding:0 10px; border-right:1px solid #fff;}
.name ul li span{ float:left; color:#fff;}
.name ul li a{ float:right; color:#fff;}
.name ul li a:hover{ float:right; color:#ddd; font-weight:bold;}

.contact{ padding:10px;}
.contactL,.contactM,.contactR{ float:left;}
.contactL{ width:318px; padding:10px; border-right:1px solid #ddd;}
.contactM{ width:339px; border-right:1px solid #ddd; padding:0 10px;}
.contactR{ width:210px; padding:10px;}
.contactR ul{ width:210px;}
.contactR ul li span{ padding:0 0 0 35px;}
.contactR img{ margin:10px 0 0 0;}
.table ol{ float:left;}
.table ol li a img{ float:left; border:1px solid #ddd; cursor:pointer; margin:0 10px 0px 0;}
.table{ padding:10px 0; border-bottom:1px solid #666;}
.botton{ background:url(../images/index_02.gif); float:right; height:21px; padding:0 10px; text-align:center; color:#fff; cursor:pointer; line-height:19px; border:1px solid #666; width:50px;}
.botton:hover{ background:url(../images/index_01.gif); float:right; height:21px; padding:0 10px; text-align:center; color:#ed1c24; cursor:pointer; line-height:19px; border:1px solid #666; width:50px;}

.downbg{ background:#2e2e2e; height:20px;}
.footer{ background:#ed1c24; height:200px; text-align:center; color:#fff; padding:15px 0 0 0;}
.footer a:link{ color:#fff;}
.footer a:hover{ color:#006699;}

/*About us style*/
.aboutimg a img{ float:left; margin:1px 1px 1px 0;}
.aboutimg ul{ float:right; width:240px; height:200px; background:#e1e1e1;}
.aboutimg ul li{ vertical-align:middle; padding:15px; color:#666;}
.aboutname span{ padding:0 0 0 10px;}

/*Products style*/
.productbox,.businessbox,.client,.contact,.aboutcontact{ padding:10px;}
.product{ width:44%; float:left; border-bottom:1px solid #666; padding:10px; margin:5px 16px; background:#f2f2f2;}
.product a img{ float:left; border:1px solid #ddd; cursor:pointer; margin:0 10px 0 0;}

/*business style*/
.business,.businessR{ float:left;}
.business{ width:590px; margin:0 10px 0 0;}
.businessR{ width:320px; margin:0 0 0 10px;}
.businessCon{ border-bottom:1px solid #666; padding:0 0 10px 0;}
.business ul{ margin:10px 0 0 0;}
.businessR ul li{ float:left;}
.businessR ul li a img{ float:left; border:1px solid #ddd; margin:8px 20px;}

/*clientServer style*/
.client ul,.contact ul{ float:left; margin:0 50px 0 0;}

/*contact style*/
.contact img{ float:right;}
.litop{ margin:10px 0 0 0;}