﻿/* CSS Document */
body
{ margin:0px; padding:0px; font-size:12px; font-family:Verdana; color:#333333;text-align:center; background:url(images30/bg.gif) repeat-x;}
img,h1,h2,h3,form,ul,li,div,ol,dl,dt,dd
{ margin:0px; padding:0px; border:none; list-style:none;}
/* 链接颜色 */
a:link {color: #404040; text-decoration:none;}
a:visited {color: #404040;text-decoration:none;}
a:hover {color: #009966; text-decoration:underline;}
a:active {color: #404040;}

/* 颜色属性 [定义规则，小写c加颜色名称] */
.cred,a.cred:link,a.cred:visited{ color:Red; }
.cblue,a.cblue:link,a.cblue:visited{color:#1f3a87;}
.cgray,a.cgray:link,a.cgray:visited{ color: #4F544D;}
.cwhite,a.cwhite:link,a.cwhite:visited{ color:#fff;}
.cblack,a.cblack:link,a.cblack:visited{color:#000;}
a.cblack:hover{color:#bc2931;}
.cyellow,a.cyellow:link,a.cyellow:visited{color:#ff0;}
.cgreen,a.cgreen:link,a.cgreen:visited{color:#008000;}

/* 其他属性 */
.hidden {display: none;}
.unLine ,.unLine a{text-decoration:underline;}

/* 浮动联系QQ */
#contact_qq
{position:absolute;background:url(http://www.53kf.com/img/kflogo/v5_2.gif);width:112px;height:116px;text-align:center}
#contact_qq a
{display:block; width:112px; height:116px;}

/* 布局CSS */

/* 整体 */
.main
{ width:850px;margin:auto}
.top
{ background:url(images30/top_bg.gif); height:308px; margin-top:8px;}
.center
{ background:url(images30/center_bg.gif); height:100%;}
/* top */
.top_saw
{height:18px;overflow:hidden; position:absolute; top:50px; left:500px;}
.top_saw span.time
{float:left; color:#C71300; margin-left:10px;}
.top_saw span.stow a
{ float:left; line-height:18px; margin-left:20px; color:#C71300}

/* 公司logo */
.logo
{text-align:left; margin:0px 0px 0px 0px;}
.logo img
{margin-top:10px; width:200px; height:60px;}
.name
{ font-size:30px; font-weight:bold; font-family:"黑体";color:#CB264D;margin-left:10px;
filter:  
        Dropshadow(offx=2,offy=0,color=#F4D012)
        Dropshadow(offx=0,offy=2,color=#F4D012)
        Dropshadow(offx=0,offy=-1,color=#F4D012)
        Dropshadow(offx=-1,offy=0,color=#F4D012)
		Dropshadow(Color=#9B9B9D, OffX=1, OffY=1, Positive=true);
float:left; margin-top:18px;
}
/* 导航 */
.nav
{height:33px; clear:both; margin-top:34px;}
.sort ul
{ float:left; width:100%;}
.sort ul li
{ float:left; width:128px; line-height:33px; background:url(images30/nav.jpg) right no-repeat; font-size:12px}

/* 公司baner */
#baner
{ width:786px; height:154px;}
.set
{clear:both; width:786px; margin-top:10px;}
/*.set img
{ width:760px;display:none;}*/

/* left内容 */
.info
{ width:200px;float:left; margin-left:17px;}
/* right内容 */
.news
{ width:560px;float:right;margin-right:17px; border:8px solid #EAEAEA;}
/* flash XML新闻 */
.flash
{ margin-top:1px; width:180px; overflow:hidden;}
/* 联系信息 */
.touch
{ background:url(images30/cont_bg.jpg);width:200px; }
.touch h1
{ font-size:14px; text-align:left; background:url(images30/contrct.jpg); height:53px; color:#036FBB; padding-left:48px; line-height:22px;}
.touch h1 label
{padding-left:25px; margin-top:6px;position:absolute}
.touch ul
{ text-align:left;}
.touch li
{ line-height:20px; font-size:12px;filter:  
        Dropshadow(offx=2,offy=0,color=white)
        Dropshadow(offx=0,offy=2,color=white)
        Dropshadow(offx=0,offy=-1,color=white)
        Dropshadow(offx=-1,offy=0,color=white);
float:left; width:100%; color:#036FBB}
/* 产品导航 */
.prct
{border:1px solid #d4d4d4; margin-bottom:10px;}
.prct h1
{ font-size:14px; text-align:left; background:url(images30/left_bg.jpg);height:41px; color:#fff; line-height:41px;padding-left:50px;}
.prct h1 label
{padding-left:25px;}
.prct ul
{ text-align:left;width:178px; padding-bottom:6px; }
.prct li
{ line-height:24px;background:url(images30/prct.gif) 0px center no-repeat #f4f4f4; padding-left:16px; border-bottom:1px dotted #AFAFAF;}
/* 问卷调查 */
.inter
{border:1px solid #d4d4d4; margin-bottom:10px; padding-bottom:6px;}
.inter h1
{ font-size:14px; text-align:left; background:url(images30/left_bg.jpg);height:41px; color:#fff; line-height:41px;padding-left:50px;}
.inter h1 label
{padding-left:25px;}
.inter ul
{ text-align:left;width:196px; margin-top:6px;}
.inter ul li
{}
.inter ul li.in_head
{ font-weight:bold; color:#333}
.inter ul li.in_bottom
{ text-align:center; margin-top:3px;}
/* 流量信息 */

.flux ul
{ text-align:left;background:url(images30/flux_bg.jpg) repeat-x; padding:6px; height:auto; margin-top:10px;}
.flux li
{line-height:20px;}
.flux span
{ font-weight:bold;}
/* 相关信息 */
.xiangguan
{ clear:both}
.xiangguan h1
{font-size:12px; text-align:left; background:url(images30/tile_h_1.jpg);height:27px; color:#fff; line-height:27px; padding-left:60px;}
.xiangguan li
{ background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px; float:left; white-space:nowrap; width:45%; text-align:left; margin-left:10px;border-bottom:1px dotted #379203;}
.xiangguan li a
{width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left}
.xiangguan li label
{color:#999999;}
/* 公司介绍 */
.duce
{ width:100%;}
.duce img
{ padding-right:5px; }
.duce h1
{font-size:14px; text-align:left; background:url(images30/index_12.jpg);height:60px; color:#fff; line-height:60px; padding-left:56px;}
.duce h1 label
{}
.duce h1 span
{ font-weight:normal; padding-left:379px; font-size:12px}
.duce h1 span a:link
{ color:#fff}
.duce h1 span a:hover
{color:#fff}
.duce h1 span a:active
{color:#fff}
.duce h1 span a:visited
{color:#fff}

.duce ul li
{ float:left; text-align:left; line-height:18px;}
.duce ul div
{ text-indent:22px; height:150px; overflow:auto;
scrollbar-arrow-color: #EF8700;  /*上下按钮上三角箭头的颜色*/
scrollbar-base-color: #fff;  /*滚动条的基本颜色*/
scrollbar-dark-shadow-color: #fff;  /*滚动条强阴影的颜色*/
scrollbar-track-color: #fff;  /*滚动条的背景颜色*/
scrollbar-face-color: #fff;  /*滚动条凸出部分的颜色*/
scrollbar-shadow-color: #fff;  /*立体滚动条阴影的颜色*/
scrollbar-highlight-color: #fff; /*滚动条空白部分的颜色*/
scrollbar-3d-light-color: #fff;  /*滚动条亮边的颜色*/
}
/* 新闻内容列表 */
.gut1
{float:left;}
.gut1 div
{background:url(images30/tile_h_1.gif);height:32px; color:#fff; line-height:32px; width:239px;padding-left:40px;
}
.gut1 h1
{ font-size:14px;float:left;}
.gut1 span
{ float:right; margin-right:10px;}
.gut1 span a:link {color: #fff; text-decoration:none;}
.gut1 span a:visited {color: #fff;text-decoration:none;}
.gut1 span a:hover {color: #fff; text-decoration:underline;}
.gut1 span a:active {color: #fff;}

.gut1 ul
{ text-align:left; margin-left:5px;}
.gut1 label
{ color:#999999;}
.gut1 ul li
{background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px;border-bottom:1px dotted #379203; }
.gut1 ul li a
{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left;}


.gut2
{float:right;}
.gut2 div
{background:url(images30/tile_h_1.gif);height:32px; color:#fff; line-height:32px; width:239px;padding-left:40px;
}
.gut2 h1
{ font-size:14px;float:left;}
.gut2 span
{ float:right; margin-right:10px;}
.gut2 span a:link {color: #fff; text-decoration:none;}
.gut2 span a:visited {color: #fff;text-decoration:none;}
.gut2 span a:hover {color: #fff; text-decoration:underline;}
.gut2 span a:active {color: #fff;}

.gut2 ul
{ text-align:left; margin-left:5px;}
.gut2 label
{ color:#999999;}
.gut2 ul li
{background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px;border-bottom:1px dotted #379203; }
.gut2 ul li a
{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left;}


.gut3
{float:left;}
.gut3 div
{background:url(images30/tile_h_1.gif);height:32px; color:#fff; line-height:32px; width:239px;padding-left:40px;
}
.gut3 h1
{ font-size:14px;float:left;}
.gut3 span
{ float:right; margin-right:10px;}
.gut3 span a:link {color: #fff; text-decoration:none;}
.gut3 span a:visited {color: #fff;text-decoration:none;}
.gut3 span a:hover {color: #fff; text-decoration:underline;}
.gut3 span a:active {color: #fff;}

.gut3 ul
{ text-align:left; margin-left:5px;}
.gut3 label
{ color:#999999;}
.gut3 ul li
{background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px;border-bottom:1px dotted #379203; }
.gut3 ul li a
{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left;}



.gut4
{float:right;}
.gut4 div
{background:url(images30/tile_h_1.gif);height:32px; color:#fff; line-height:32px; width:239px;padding-left:40px;
}
.gut4 h1
{ font-size:14px;float:left;}
.gut4 span
{ float:right; margin-right:10px;}
.gut4 span a:link {color: #fff; text-decoration:none;}
.gut4 span a:visited {color: #fff;text-decoration:none;}
.gut4 span a:hover {color: #fff; text-decoration:underline;}
.gut4 span a:active {color: #fff;}

.gut4 ul
{ text-align:left; margin-left:5px;}
.gut4 label
{ color:#999999;}
.gut4 ul li
{background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px;border-bottom:1px dotted #379203; }
.gut4 ul li a
{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left;}


.gut5
{float:left;}
.gut5 div
{background:url(images30/tile_h_1.gif);height:32px; color:#fff; line-height:32px; width:239px;padding-left:40px;
}
.gut5 h1
{ font-size:14px;float:left;}
.gut5 span
{ float:right; margin-right:10px;}
.gut5 span a:link {color: #fff; text-decoration:none;}
.gut5 span a:visited {color: #fff;text-decoration:none;}
.gut5 span a:hover {color: #fff; text-decoration:underline;}
.gut5 span a:active {color: #fff;}

.gut5 ul
{ text-align:left; margin-left:5px;}
.gut5 label
{ color:#999999;}
.gut5 ul li
{background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px;border-bottom:1px dotted #379203; }
.gut5 ul li a
{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left;}


.gut6
{float:right;}
.gut6 div
{background:url(images30/tile_h_1.gif);height:32px; color:#fff; line-height:32px; width:239px;padding-left:40px;
}
.gut6 h1
{ font-size:14px;float:left;}
.gut6 span
{ float:right; margin-right:10px;}
.gut6 span a:link {color: #fff; text-decoration:none;}
.gut6 span a:visited {color: #fff;text-decoration:none;}
.gut6 span a:hover {color: #fff; text-decoration:underline;}
.gut6 span a:active {color: #fff;}

.gut6 ul
{ text-align:left; margin-left:5px;}
.gut6 label
{ color:#999999;}
.gut6 ul li
{background:url(images30/new_bullet.gif) 0px center no-repeat; padding-left:8px; line-height:20px;border-bottom:1px dotted #379203; }
.gut6 ul li a
{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; float:left;}

/* 最新产品 */
.output h1
{font-size:14px; text-align:left; background:url(images30/tile_h_1.jpg);height:32px; color:#fff; line-height:32px; clear:both;padding-left:55px;}
.output h1 label
{}
.output h2
{font-size:12px; text-align:left; font-weight:bold;}
.output h3
{font-size:12px; text-align:left; font-weight:normal;}
.output span
{ float:right;}
.output ul
{ width:260px; text-align:left; float:left; border-bottom:1px dotted #379203; height:86px; padding:8px 0px 4px 0px; margin-left:10px;}
.output ul li
{ float:left; margin-left:4px;}
.output ul li img
{ width:100px; height:80px; border:1px solid #cccccc; background:#FFFFFF; padding:1px;}
/* 友情连接 */
.hail
{clear:both; background:url(images30/hail_bg.gif) no-repeat;width:850px; margin:10px 0px 0px 0px; height:29px;}
.hail h1
{ font-size:12px; float:left;padding-top:12px; padding-left:28px; color:#FFFFFF}
.hail ul
{ float:left; padding-top:9px;}
.hail ul li
{ float:left; line-height:20px; padding-left:10px;}
/* 版权所有 */
.foot
{ width:850px; clear:both;background:url(images30/btm_bg.gif); height:113px; margin-top:5px;}
.foot ul
{ margin-top:30px;}
.foot ul li
{}
/* 列表显示页面 ***********************************************/
.ref
{background:url(images30/tile_h_1.jpg);text-align:left; line-height:27px; font-weight:bold; padding-left:60px;color:#fff;}
.ref span
{ }
.info_list
{width:200px; float:left;margin-left:17px;}
.news_list
{width:560px; float:right;margin-right:17px; border:8px solid #EAEAEA;}

.hav
{ margin-left:10px;}
.hav h1
{font-size:14px; text-align:left; line-height:34px;}
.hav ul li
{text-align:left; line-height:22px; border-bottom:1px #dedede dotted}
.hav ul span
{ color:#999999; margin-left:5px;}

.staple 
{ border:1px solid #cccccc; margin-bottom:10px; padding-bottom:6px;}
.staple h1
{font-size:14px; text-align:left; background:url(images30/left_bg.jpg);height:41px; color:#fff; line-height:34px; padding-left:50px;}
.staple h1 label
{background:url(images30/bullet.gif) 0px 0px no-repeat; padding-left:25px;}
.staple ul
{ width:178px;}
.staple ul li
{text-align:left;background:url(images30/prct.gif) 0px center no-repeat #f4f4f4; padding-left:15px; line-height:20px; border-bottom:1px dotted #AFAFAF}

/* 新闻显示页面 ***********************************************/
.hav_show
{ margin-left:10px; margin-top:10px;}
.hav_show h1
{font-size:14px; text-align:left;}
.hav_show ul li
{text-align:left; line-height:20px;}
.hav_show ul li.fanhui
{ text-align:right; margin-right:10px;}
.hav_show ul li.biaoti
{ text-align:center; font-size:16px; font-weight:bold;}
.hav_show ul li.shijian
{ text-align:center; color:#999999;}

/* 公司介绍页面 ***********************************************/
.hav_about
{ margin-left:10px; margin-top:10px;}
.hav_about ul li
{text-align:left; line-height:20px;}
.hav_about ul li.jianjie
{ text-align:center; font-size:16px; font-weight:bold; margin-bottom:5px;}

/* 信息留言 ***********************************************/
.word
{ margin:10px 0px 0px 10px;}
.word h1
{font-size:14px; text-align:left;}
.word ul li
{text-align:left; line-height:20px;}
.word ul.leave
{ border-top:1px solid #eaeaea; margin-top:10px;}
.word ul.fabu
{border-top:1px solid #eaeaea; padding-top:10px;}
.word ul.fabu li.yanzhen
{ margin-top:3px;}
.word ul.fabu li.yanzhen input
{ width:76px;}
.word ul.fabu li.tijiao
{ margin-top:6px; text-align:center; margin-left:40px;}

.word span
{ color:#999999}
.word ul li.revert
{ font-weight:bold;}
.word ul li.revert span
{ font-weight:normal; color:#333333}
