@import url("reset.css");
@import url("typography.css");
@import url("elements.css");
@import url("externalLinks.css");
.clear{clear:both;}
/* Clear Fix */
.clear:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear
{
display:inline-block;
}
/* Hide from IE Mac */
.clear{display:block;}
body{background:#fff;}
/*layout */
#topmenu{width:400px;float:right;margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:-30px!important;margin-bottom:-50px;padding:0;clear:both}
#topmenu ul{list-style-type:none;margin:0;padding:0}
#topmenu ul li{float:left;margin-left:10px;line-height:24px;}
#topmenu ul li a{color:#000;text-decoration:underline}
#topmenu ul li a:hover{color:#0000FF;text-decoration:none}

#top{clear:both;width:990px;overflow:hidden;margin-left:auto;margin-right:auto;border-bottom:2px solid #0093dd;}
#top #logo{float:left;width:163px;height:50px;}
#top #logo img{margin-left:10px;margin-top:5px;}
#top #mainmenu{float:right;width:808px;margin:0;margin-left:0;margin-top:29px !important;margin-top:33px;height:25px;background:#0093dd url(l_c.jpg) left top no-repeat}
#top #mainmenu ul{list-style-type:none;margin:0;padding:0;margin-left:-10px;height:25px;}
#top #mainmenu ul li{float:left;margin-left:20px;line-height:25px;height:25px;}
#top #mainmenu ul li a{color:#fff;font-weight:bold;font-size:14px;text-decoration:none;}
#top #mainmenu ul li a:hover{color:#000099;}

#main{margin-left:auto;margin-right:auto;margin-top:10px;width:990px;clear:both;overflow:hidden}
#main #left{float:left;width:181px;margin:0;border:0;padding:0}
.leftbox{width:181px;clear:both;margin-top:10px;}
.leftbox .title{height:24px !important;height:17px;background:#0093dd url(l_title.jpg) left top no-repeat;color:#fff;font-weight:bold;padding-top:7px;padding-left:24px;font-size:12px}
.leftbox .content{margin:0;border:1px #0093dd solid;}
.leftbox .content ul{list-style-type:none;margin:10px 5px 3px 10px;padding:0}
.leftbox .content ul li a{color:#000000;}
.leftbox .content ul li a:hover{color:#FF0000;}
.leftbox .content ul li a img{border:none;}

#catalog{margin-top:0}
#catalog .content ul li{line-height:20px;background:url(ar_1.gif) no-repeat top left;padding-left:20px;margin-top:5px}
#catalog .content ul li a{font-weight:bold;font-size:14px;color:#02547e;text-decoration:none;}
#catalog .content ul li a:hover{color:#0093dd}
#catalog .content ul li ul li{background:url(ar_2.gif) no-repeat top left;}

#catalog2 .content{background:#fff}
#catalog2 .content ul li a{background:transparent url(ar_2.gif) no-repeat center left;color:#0033CC;padding-left:12px;text-decoration:none;}
#catalog2 .content ul li a:hover{color:#0000FF;text-decoration:underline;}
#link .content{background-color:#fff;}
#link .content ul li a img{border:0;width:150px}

#recommend .content ul li{line-height:11px;background:url(li_3.gif) no-repeat top left;padding-left:16px;margin-top:9px;}

#bottom{margin-left:auto;margin-right:auto;width:990px;margin-top:5px;clear:both;}
#bottom #bottomlink{height:26px;background:#0093dd url(b_c.jpg) left bottom no-repeat;color:#fff}
#bottom #bottomlink ul{list-style-type:none;margin:0;padding:0;margin-left:20px;padding-top:5px}
#bottom #bottomlink ul li{float:left;margin-left:10px}
#bottom #bottomlink ul li a{color:#fff;text-decoration:underline}
#bottom #bottomlink ul li a:hover{color:#ccc}
#bottom #bottomlink ul li a.beian{text-decoration:none;color:#ccc}
#bottom #bottomlink ul li a.beian:hover{color:#fff}

#main #content{width:790px;float:right;overflow:hidden;padding:0 5px 10px 5px;}
#content #center{margin:0;padding:0;width:600px;float:left}
#content #right{margin:0;padding:0;width:181px;float:right;}
/*home*/
#cnews{width:280px;float:left;background:transparent url(bg_news.gif) center left no-repeat;margin:20px 0 0 5px;border-right:1px dashed #ccc;padding-right:10px;}
#tnews{width:280px;float:right;background:transparent url(bg_tech.gif) center left no-repeat;margin:0 0 0 5px;}

#cnews ul,#tnews ul{list-style-type:none;margin:0;padding:0;margin-left:95px;}
/*common*/
#content,#content p{color:#333333;line-height:20px;}
#content h1{font-size:16px;height:25px;margin-top:20px;background:transparent url(h1-bk.gif) top left no-repeat scroll;padding-left:40px;line-height:25px;border:1px solid #ccc;}
#content h2{font-size:14px;font-weight:bold;height:25px  !important;height:20px;color:#0093dd;background:#eee url(h2_bk.gif) repeat-x;padding-left:18px;border-top:2px solid #003399;border-bottom:1px solid #ccc;position:relative;padding-top:5px;}
#content h2 span{position:absolute;top:5px;right:7px;}
#content h3{font-size:12px;height:15px;line-height:15px;background:transparent url(h3_bk.gif) top left no-repeat;font-weight:bold;padding-left:16px;color:#000;border-bottom:1px dotted #ccc;}
/*onepage*/
#content #onepage{margin-left:5px;}
#content #onepage p{margin-left:5px;font-size:14px;}

/*article*/
#article{margin-left:5px;}
#article h1{border:none;padding:0;font-size:18px;margin-bottom:0;background:none;}
#article .info{color:#ccc;margin-top:0;border-bottom:1px dotted #ccc;padding-left:20px;padding-bottom:10px;}
#article .content{border-bottom:1px solid #ccc;margin-bottom:20px;}
#article .box{clear:both;}
#article .left{float:left;background:#f2f2f2;border:1px solid #eee;}
#article .right{float:right;background:#f2f2f2;border:1px solid #eee;}
#article .hot{width:390px;}
#article .related{width:390px;}
#article .news{width:390px;}
#article .pagelist{margin:5px;}
#article .last{margin:5px;}
#article .next{margin:5px;}
#article .keywords{margin:5px;}
#article .keywords a{background:url(keywords.gif) center left no-repeat;padding-left:15px;text-decoration:none;}
#article .li{list-style-type:none;}
#article .li li{line-height:20px;background:transparent url(li.gif) center left no-repeat;padding-left:12px;}
#article .li li i{font-size:9px;margin-left:10px;color:#ccc;}

#content dl{margin-top:10px;}
#content dl dt a{font-weight:bold;color:#000000;text-decoration:none;}
#oontent dl dd{line-height:22px;}

/*product*/
#product h4{height:24px;line-height:24px;background:#fff url(h4_bk.gif) center left no-repeat;padding-left:16px;font-size:12px;font-weight:bold;margin-bottom:10px;}
#product .desc{clear:both;line-height:24px;margin-left:10px;border-bottom:1px dotted #ccc;padding-bottom:5px;}
#product .desc .thumbnail{float:right;margin-left:10px;border:1px solid #eee;padding:5px;}
#product .desc .thumbnail img{borer:1px solid #000;width:100px;height:100px;}
#product .desc p{margin:0;line-height:24px;}
#product .desc a.detail{background:#fff url(detail.gif) no-repeat center left;padding-left:18px;color:#000000;}
#product .desc a.detail span{visibility:hidden;}

#product .image{clear:both;margin:10px;text-align:center;}
#product .image img{background:#eee;padding:3px;border:1px solid #ccc;}

#product #sys_inquiry{margin:10px;text-align:center;}
#product #sys_inquiry a img{border:none;}

#product #pname{margin:5px 0 5px 10px;color:#000;}
#product #pno{margin:5px 0 5px 10px;color:#ccc;}
#product #psort{margin:5px 0 5px 10px;color:#000;}
#product #description{margin:5px 0 5px 15px;color:#000;text-align:left;clear:both;}
.centerbox{width:600px;overflow:hidden;margin-top:5px}
.centerbox .top{height:4px;padding:0;line-height:4px;background:url(bg-main-top.png) bottom left no-repeat;}
.centerbox .title{height:24px;line-height:24px;font-weight:bold;background:transparent url(bg-main-title.png) no-repeat scroll 0%;color:#fff;padding:0 15px 0;}
.centerbox .body{background:transparent url(bg-main-body.png) no-repeat scroll center bottom;overflow:hidden;padding-bottom:10px;}
#topnews .body{height:140px;}

.indexplist{margin:0;margin-left:auto;margin-right:auto;padding:0;list-style-type:none;text-align:center;display:block;width:580px;}
.indexplist li{display:inline;margin:5px 5px 2px;padding:0;float:left;width:135px;text-align:center;}
.indexplist li a{color:#999;font-size:11px;text-decoration:none;}
.indexplist li img{width:90px;height:90px;}

.rightbox{width:181px;clear:both;margin-top:5px}
.rightbox .title{height:20px !important;height:16px;padding:4px 10px 0;background:#eee url(bg-fade.gif) top left no-repeat;color:#eee;font-weight:bold;margin:0}
.rightbox .content{border:1px solid #d2d8db;padding:3px 5px 10px;border-top:#0033FF;background:#fff url(bg-content.gif) top left no-repeat;margin:0}


.copyright{color:#333;margin:5px 10px 0;line-height:16px;}

#guide{height:24px;line-height:24px;background:#f2f2f2;color:#000;}
#guide a{background:transparent url(guide_1.gif) center left no-repeat;padding-left:8px;height:14px;margin-left:10px;color:#666;text-decoration:none;line-height:14px;padding-top:2px;}
#guide a.k_guidename{background:transparent url(guide.gif) center left no-repeat;padding-left:18px;}
#k_comment_post a{text-decoration:none;padding:3px;font-size:14px;background:transparent url(comment_post.gif) top left no-repeat;padding-left:15px;}
.k_pagelist{dispplay:block;height:20px;}
.k_pagelist em{background:#fff url(page.gif) center right no-repeat;padding-right:18px;color:#333333;margin-right:20px;}
.k_form{margin-left:20px;}
.k_form label{color:#0033FF;line-height:16px;display:block;font-weight:bold;}
.k_form textarea{width:400px;}
.k_form .k_in4{width:400px;}
.k_form .k_in3{width:200px;}
.k_form .k_error{color:#f00;margin-left:10px;}

.piclist{list-style-type:none;margin:10px 0;clear:both;}
.piclist li{float:left;width:350px;margin:10px 15px;text-align:center;}
.piclist li img{border:1px solid #ccc;}
.piclist li span{clear:both;display:block;text-align:center;margin:10px auto;}