@charset "utf-8";
@import url("base.css");
/*------Common Styles------*/
body{font-size:12px; font-family:宋体,Arial,Tahoma; margin:0; padding:0; color:#404040; background:url(custom/top_bg22.png) repeat-x top center;}
input, textarea {font-size:12px;font-family:宋体,Arial,Tahoma; margin:0; padding:2px; color:#404040;}
html,body{height:100%} 
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
#logo img {border:0px; padding:0; margin:0;}
h4,h5,h6 {font-size:12px;}
p {margin-bottom:4px;}
a {color:#3D66A4; text-decoration:none;}
a:hover {color:#FF3300; text-decoration:underline;}
.block{width:960px; height:auto;}
.fleft{float:left;}
.fright{float:right;}
.tleft{ text-align:left;}
.tcenter{ text-align:center;}
.tright{ text-align:right;}
.display{display:block;}
.inline{display:inline;}
.none{display:none;}
.dashed{background:url(images/dashed.gif) repeat-x left top; color:#3f3f3f;  padding:2px 0 3px 12px;}
.dotted{background:url(img/dotted.gif) repeat-x left bottom; color:#3f3f3f;}
.red{color:#CC0000;}
.orange{color:#FF3300;}
.grey{color:#666666;}
.b{font-weight:bold;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{ height:1%;}
.blank{height:6px; line-height:6px; clear:both; visibility:hidden;}
.blank5{height:6px; line-height:6px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
.br1{height:6px; line-height:6px; clear:both; visibility:hidden;}
.br1{height:12px; line-height:12px; clear:both; visibility:hidden;}


/*------Override Layout------*/
.box34 .body {line-height:180%;}
.box34 .body p {margin-bottom:8px;}


/*------Page Layout------*/
#wrapper {}
#top-bar {padding:6px; background:#F3F3F3;}
#header {width:930px;clear:both; margin-top:2px;}
#body-wrapper {background:url(custom/midban.jpg) no-repeat center top;}
#body-wrapper-2 {background:url(custom/midban-2.jpg) no-repeat center top; padding-top:20px;}
#body {width:930px;clear:both;}
#footer {width:930px;clear:both; padding-top:16px; padding-bottom:30px; background:url(custom/bg-footer.png) center top no-repeat; text-align:center;}
#position {margin:6px auto; color:#607E9F; padding-left:15px; background:url(custom/ico-home-1.gif) no-repeat;}
#position a{color:#607E9F;}
#ch-banner {position:relative;}

/*------Top Navigation------*/
ul.tabnav1 {float:right;}
.tabnav1 li{background:url(custom/navtab1.gif) no-repeat; margin-left:2px; padding-top:4px; float:left; width:80px; text-align:center;}
.tabnav1 li a{color:#FFFFFF;}
.tabnav1 li a:hover{color:#FFFFFF; text-decoration:none;}
.tabnav1 li.hover {background:url(custom/navtab1_on.gif) no-repeat;}


/*------Home page------*/
#home-left {width:660px; float:left;}
#home-left .ct660{width:660px; margin-bottom:12px; clear:both;}
#home-right {width:240px; float:right;}
#home-banner {margin-top:15px; text-align:right;}



.home-tabs {border:1px solid #DDD; background:#EEE;}
.home-tabs li { list-style:none; float:left; }
.home-tabs ul {display:block; background:#EEE;}
.home-tabs ul a {
  display:block;
  padding:6px 15px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  background:#F5F5F5;
  font-size:14px;
  font-weight:bold;
}
.home-tabs ul a:hover {
  color:#333;
  background:#FFF;
  }
.home-tabs ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#FFF url(base/list60.gif) no-repeat 10px 7px;
  padding-left:35px;
  border-bottom:1px solid snow;
  cursor:default;
  }
.home-tabs div.tab-content {clear:both; padding:10px; display:block; background:#FFF;}






/*------Product page------*/
#product-left {width:160px; float:left;}
#product-right {width:760px; float:right;}
#product-right .ct760 {clear:both; width:760px; margin-bottom:12px;}
#product-right .ct570l {width:570px; margin-bottom:12px; float:left;}
#product-right .ct180r {width:180px; margin-bottom:12px; float:right;}
#product-right .ct600l {width:600px; margin-bottom:12px; float:left;}
#product-right .ct150r {width:150px; margin-bottom:12px; float:right;}

ul.sub-nav-1 {background:url(custom/bg-sub-nav-1.png) top right no-repeat; height:400px; padding-top:80px;}
ul.sub-nav-1 li{margin-bottom:10px; }
ul.sub-nav-1 li a {display:block; text-align:right; height:25px; padding-top:5px; padding-right:16px; margin-bottom:10px;}
ul.sub-nav-1 li a:hover {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; text-decoration:none;}
ul.sub-nav-1 li a.on {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; font-weight:bold;}

ul.sub-nav-2 {background:url(custom/bg-sub-nav-2.png) top right no-repeat; height:400px; padding-top:80px;}
ul.sub-nav-2 li{margin-bottom:10px; }
ul.sub-nav-2 li a {display:block; text-align:right; height:25px; padding-top:5px; padding-right:16px; margin-bottom:10px;}
ul.sub-nav-2 li a:hover {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; text-decoration:none;}
ul.sub-nav-2 li a.on {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; font-weight:bold;}

ul.sub-nav-3 {background:url(custom/bg-sub-nav-3.png) top right no-repeat; height:400px; padding-top:80px;}
ul.sub-nav-3 li{margin-bottom:10px; }
ul.sub-nav-3 li a {display:block; text-align:right; height:25px; padding-top:5px; padding-right:16px; margin-bottom:10px;}
ul.sub-nav-3 li a:hover {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; text-decoration:none;}
ul.sub-nav-3 li a.on {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; font-weight:bold;}

ul.sub-nav-4 {background:url(custom/bg-sub-nav-4.png) top right no-repeat; height:400px; padding-top:80px;}
ul.sub-nav-4 li{margin-bottom:10px; }
ul.sub-nav-4 li a {display:block; text-align:right; height:25px; padding-top:5px; padding-right:16px; margin-bottom:10px;}
ul.sub-nav-4 li a:hover {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; text-decoration:none;}
ul.sub-nav-4 li a.on {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; font-weight:bold;}

ul.sub-nav-5 {background:url(custom/bg-sub-nav-5.png) top right no-repeat; height:400px; padding-top:80px;}
ul.sub-nav-5 li{margin-bottom:10px; }
ul.sub-nav-5 li a {display:block; text-align:right; height:25px; padding-top:5px; padding-right:16px; margin-bottom:10px;}
ul.sub-nav-5 li a:hover {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; text-decoration:none;}
ul.sub-nav-5 li a.on {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; font-weight:bold;}

ul.sub-nav-6 {background:url(custom/bg-sub-nav-6.png) top right no-repeat; height:400px; padding-top:80px;}
ul.sub-nav-6 li{margin-bottom:10px; }
ul.sub-nav-6 li a {display:block; text-align:right; height:25px; padding-top:5px; padding-right:16px; margin-bottom:10px;}
ul.sub-nav-6 li a:hover {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; text-decoration:none;}
ul.sub-nav-6 li a.on {text-align:right; height:25px; padding-top:5px; padding-right:16px; background:url(custom/bg-sub-nav-1-item.gif) top right no-repeat; font-weight:bold;}




/*------Platform page------*/
.client-count {position:absolute; left:580px; top:100px; font-size:36px; color:#DA251C; font-weight:bold; letter-spacing:13px;}