body,div,p,ul,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
body {font: 14px/1.5 arial,\5b8b\4f53,georgia,verdana,helvetica,sans-serif; text-align:center; background:#fafafa; }
a { text-decoration: none; border:none; color:#000;}
a:hover { text-decoration:underline;}

.w960 { width: 960px; margin: 0 auto; background:#ffffff; }
.w220 { width: 220px;}
.w250 { width: 250px;}
.w450 { width: 450px; }
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs24 { font-size:24px;}
.lh2 { line-height:2;}
.gray { color:#666;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb100 { margin-bottom:100px;}
.black { color:#000;}
.red { color:#F00;}
.yahei { font-family:"Microsoft yahei";}
.tl { text-align:left;}
.tc { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.bb1 { border-bottom:1px solid #ccc;}
.bb2 { border-bottom:1px dashed #ccc;}
.lvse { color:#74cdaa;}

/* clear float */
.clearfix:before,
.clearfix:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}/* IE < 8 */

/*header*/
.header { height:90px; line-height:90px; padding:4px 0px; border-top:1px solid #f1f1f1; border-bottom:4px solid #74cdaa;}
.header a { display:block; line-height:1; font-family:\5FAE\8F6F\96C5\9ED1;}

/*col-content*/
.col-lt, .col-mid, .col-rt, .section { float:left;}
.section { overflow:hidden;}
.block-tit { display:block; height:20px; padding:4px 0px 4px 40px; font-weight:bold; color:#666; border-bottom:1px solid #74cdaa; background:url(../images/icon-t.jpg) 8px 4px no-repeat;}
.newlist { list-style:square; }
.newlist li { white-space:nowrap; }

.block-tit-2 { display:block; height:20px; padding:4px 0px 4px 30px; font-weight:bold; background:#f5f5f5;}

/*厂商*/
.t-pic { width:170px; margin:4px auto; line-height:2; text-align:center;}
.t-pic img { border:1px solid #ccc;}

/*介绍*/
.intro {}
.intro img { padding:1px; border:1px solid #ccc; margin:4px 10px 4px 8px; float:left; }

/*新闻*/
.news { line-height:2;}
.news img { padding:1px; border:1px solid #ccc; margin:4px 10px 4px 8px; float:left; }
.p-news { }

/*标签*/
.hot-tag { list-style:square; list-style-position:inside; padding-left:12px; padding-right:0px; float:left; }
.hot-tag li { width:60px; white-space:nowrap;}
.hot-tag a { color:#3d6b8c;}

/*教程*/
.course { list-style:none; padding-left:6px;}
.course li { border-bottom:1px dashed #CCC; white-space:nowrap; overflow:hidden;}

/*产品*/
.tb3 td { padding:14px 10px 0px 10px;}


/*评论*/
.block-tit-3 { display:block; height:20px; padding:4px 0px 4px 20px; font-weight:bold; border-bottom:1px solid #74cdaa; }
.section-2 { border:1px solid #74cdaa;}
.commentForm-area {margin: 0px 0 10px;}
.commentForm-area h3 {color: #2A78B4; font-size: 14px; line-height: 2;}
.msg-area {height: 100px; width: 100%;}
.msg-area-bor {border: 1px solid #D8D8D8;height: 100px;}
.comment-msg {background: #FFFFFF;  border: 1px solid #D8D8D8; border-radius: 3px 3px 3px 3px;display: block; height: 98px;line-height: 20px;overflow: auto;padding: 4px 6px; width: 98%;}
.comment-btn-area { margin-top: 5px;}
.comment-btn-area .btn-hasLoading-wrap { float: right;}
.cmt-tip {color: #999999;float: left; padding-left: 10px;}
.comment-wrap { position:relative; top:20px; font-family: 'Microsoft YaHei','Arial';font-size:12px; text-align:left;  padding-top:0px; background-color:#fff; clear:left;}
.comment-wrap .hd{width:100%;}
.comment-wrap .bd { padding: 10px 24px 9px; border:1px solid #ccc; border-top:none;}
.comment {padding: 15px 0 15px 10px;}
#comment-list {
    margin-left: 48px;
}
.depth-0 {border-bottom: 1px dotted #D8D8D8; margin-bottom: 2px;}
.c-floor { color: #DDDDDD;    float: right; font-size: 18px;}
.c-avatar {border-radius: 3px 3px 3px 3px; float: left; height: 36px; margin-left: -48px;  overflow: hidden;  width: 36px;}
.c-content { margin: -2px 48px 0 0;}
.c-content-bd { margin-bottom: 7px;}
.c-time { color: #999999;}
.c-reply {color: #005BA0;margin: 0 10px;}
.children .comment, .temp-comment {margin-top: 10px;padding: 10px 10px 10px 52px;}
.children .c-avatar, .temp-comment .c-avatar {height: 32px;margin-left: -42px; width: 32px;}
.depth-2, .depth-4, .depth-6, .depth-8 {background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px 3px 3px 3px;}
.depth-1, .depth-3, .depth-5, .depth-7 {background: none repeat scroll 0 0 #F3F3F3;border-radius: 3px 3px 3px 3px;}
.replyForm-wrap { margin-top: 10px;}

/*弹出框*/
.dialog {background: none repeat scroll 0 0 #FFFFFF; height: 100%; font-size:12px; text-align:left; overflow: hidden;  width: 100%;}
.dialog-hd {background: none repeat scroll 0 0 #CC0000; border-bottom: 1px solid #E9F3F7; color: #FFFFFF; font-size: 14px;font-weight: bold; height: 28px; line-height: 28px; overflow: hidden;text-indent: 10px;}
.dialog-hd span {color: #EEEEEE; font-family: arial;font-size: 12px;}
.dialog-hd a {color: #EEEEEE;}
.dialog-bd {padding: 10px;}
.dialog-loading { color: #666666; margin: 0 auto;    padding-top: 25px;    width: 140px;}
.dialog-loading img { float: left;  margin: 2px 5px 0 0;}
.close-dialog {olor: #EEEEEE; cursor: pointer; font: bold 14px/28px arial;    height: 28px;    position: absolute;    right: 3px;    text-align: center;    top: 0;    width: 28px;}
.close-dialog:hover { background: none repeat scroll 0 0 transparent;color: #FFFFFF;}
.success-tip { background: url("../images/tip-ok.jpg") no-repeat scroll 50px 40px transparent; padding: 50px 30px 50px 130px;}
.tip-title {color: #009900; font-size: 26px; font-weight: bold;  margin-left: -3px;}
.tip-content {color: #7A7A7A;}
.btn-area { line-height: 30px;}
.loading {display: none; float: left; margin: 7px 0 0 -25px; position: relative;}
.loading img {display: block; height: 16px; width: 16px;}
.login-btn-area .btn-hasLoading-wrap { float: left;  margin-left: 51px;}
.login-form {  font-family: "Microsoft yahei",Tahoma;  margin: 20px 0 0 20px;}
.login-form-item {height: 60px; width: 100%;}
.login-form-wrap {height: 34px;overflow: hidden;}
.login-label { color: #333333;float: left; font-size: 14px; height: 34px; line-height: 34px; padding-right: 5px; text-align: right; width: 45px;}
.login-input { border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;  float: left;font-family: arial; height: 34px;padding: 7px 5px;width: 220px;}
.login-input:focus { border-color: #4AABFF;}
.login-form-tip {    color: #999999;    display: none;    padding-left: 53px;}
.login-form-tip.tip-show {    display: block;}

.btn {/*按钮*/
    background: url("../images/data-btn.png") no-repeat scroll 0 -90px transparent;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "'Hiragino Sans GB','Microsoft YaHei','Simsun','Mingliu','Arial','Helvetica'";
    height: 30px;
    text-align: center;
    width: 60px;
}

/* foot */
.botbg{ width:960px; border-top:4px solid #74cdaa; margin:10px auto 0px;}
.bot{text-align:center; margin-top:20px; font-size:14px;  width:960px; margin:0 auto;color:#333;}
.bot p { line-height:2;}
.link{padding-top:10px; padding-bottom:4px; color:#ccc;}
.bot a,.link a{font-size:12px; text-decoration:none; color:#333;}
.link a { padding:0px 4px;}