@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif; color:#666; background:url(../00images/bg-hd.gif) 0 91px repeat-x #eee; }
.title{ background:url(../images/icon01.png) no-repeat 0 6px; border-bottom:#333 2px solid; height:25px; }
h1, h2, h3, h4, h5, h6 {font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif; background: url(../00images/icon-a.gif) no-repeat 2px 6px; font-weight:bold; color:#333; height: 25px; line-height: 25px;}
img {border:0; filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0;}
img:hover{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:active {color:#333;text-decoration:none;}
#bd, #hd, #nav, #ft, #con {width:1280px; margin:0 auto; overflow:hidden;}

/*-------index，头部初始样式开始------*/
.head { position:absolute; left:0; top:0; z-index:100; width:100%; height:148px; background-color:#eee;}
#hd { height:100px; color:#333; position:relative;}
#hd .logo{ position:absolute; left:0; top:10px;}
#hd p { height:30px; line-height:30px; font-family:arial, helvetica, clean, sans-serif; }
#hd .p1 { float:right; padding-left:22px; margin-top:20px; background:url(../images/email.png) 0 9px no-repeat; }
#hd .p1 a{}
#hd .p1 a:hover{ text-decoration: underline;}
#hd .p2 { float:right; margin-left:30px; padding-left:20px; margin-top:20px; background:url(../images/tel.png) 0 9px no-repeat;}
#hd .lang { position:absolute; right:0; top:55px; height:20px; line-height:20px;}
#hd .lang a { background-color:#666; color:#fff; display: inline-block; padding:0 10px;}

#nav0{width:100%; height:46px; background-color:#888; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
#nav  {height:46px; overflow:visible;}
#nav ul li { float:left; width:182px; height:46px; line-height:46px; border-right:1px solid #ddd; text-align:center; position:relative;}
#nav ul .bg { width:179px; border-left:1px solid #ddd;}
#nav ul li a { font-size:15px; color:#fff; display:block; background-color:#888;}
*html #nav ul li a:hover { background:url(../images/icon-b2.gif) center 42px no-repeat; background-color:#666; }
#nav ul li:hover a {background:url(../images/icon-b2.gif) center 42px no-repeat; background-color:#666;  color:#fff;}
#nav ul li .selected{background:url(../images/icon-b1.gif) center 42px no-repeat;background-color:#666;  color:#fff;}

#nav ul li .subNav {position:absolute; z-index:2; width:auto; left:0; top:46px; display:none; padding:5px; background:none; background-color:#e5e5e5;}
#nav ul li .subNav li {border:none; background-color:#eee; width:172px; white-space:nowrap; height: 35px;line-height: 35px;}
#nav ul li .subNav li a {font-size:12px; font-weight:normal; overflow:hidden; color:#fff;background-color:#888;}
#nav ul li .subNav li a:hover { background-color:#999; color:#fff; }
/*-------头部初始样式结束------*/

/*----------页面下拉后触发头部伸缩效果开始----------*/
.headFixed { position: fixed; left:0; top:0; z-index:100; height:48px;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html .headFixed{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.headFixed #hd{ height:0; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.headFixed #nav ul li { border-right:1px solid #ddd;}
.headFixed #nav ul .bg { border-left:1px solid #ddd;}

/*----------页面下拉后触发头部伸缩效果结束----------*/

#fl-t{ height:150px; width:100%;}
#fl {height:400px; width: 100%; overflow:hidden; }

#bd0 { width:100%; }
#bd { }

.bd-t { width: 1280px; margin:10px auto; height:40px; background-color:#ddd; position:relative;}
.bd-t h3 { float:left; height:40px;line-height:40px; padding-left:20px; color:#333;}

.scroltit{ float:left; width:41px; height:20px; padding-left:5px; padding-right:10px; padding-top:10px;}
.scroltit .updown{ font-size:16px; font-family:"宋体",arial, helvetica, clean, sans-serif; width:20px; height:20px; line-height:20px; text-align:center; float:left; background-color:#ccc;}
.scroltit .updown2{ font-size:16px; font-family:"宋体",arial, helvetica, clean, sans-serif; width:20px; height:20px; line-height:20px; text-align:center; float:right; background-color:#ccc;}
.scroltit .updown:hover{ color:#fff; background-color:#666;}
.scroltit .updown2:hover{ color:#fff; background-color:#666;}
#but_up{}
#but_down{}

.scrollbox{ float:left; width:400px; height:30px; line-height:30px; padding-top:5px;overflow:hidden;}
#scrollDiv{ width:100%; height:30px; line-height:30px; overflow:hidden;}
#scrollDiv li{height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.bd-t .bd-t-r{position:absolute;right:20px; top:10px;}
.bd-t .sp1 { position:absolute;right:198px; top:0; height:40px;line-height:40px; font-size: 14px; font-weight:bold; color:#333;}

#bd h2{ padding-top:10px;}
#bd h2 a{ color:#333;}
#bd .bd-m{ height:450px;}
#bd .bd-m p{ line-height:22px;}
#bd .main1{ float:left; width:400px; height:450px; margin-right:40px; overflow:hidden;}
#bd .main2{ float:right; width:400px; height:450px; overflow:hidden;}

#bd .newslist { margin:0 auto;}
#bd .newslist .clearfix {}
#bd .newslist .clearfix li {background: url(../images/icon-c.gif) 0 16px no-repeat; padding-left:15px; height:34px; line-height:34px; border-bottom:#999 1px dotted; overflow:hidden;}
#bd .newslist .clearfix li:hover {background: url(../images/icon-c-h.gif) 0 16px no-repeat;}
#bd .newslist .clearfix li a { width:280px; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bd .newslist .clearfix li span { color:#999; float:right;}

#bd-b .bd3{ position:absolute; top:0; right:0; width:360px; height:320px;}
#bd-b .bd3 .title{ height:35px; line-height:35px; border:none; background-color:#666;}
#bd-b .bd3 .title h2{ float:left; padding-left:15px; height:35px; line-height:35px; color:#fff;}
#bd-b .bd3 .title p a{ float:right; font-size:12px; color:#ddd; padding-right:15px;}
#bd-b .bd3 .title p a:hover{ color:#fff; text-decoration: underline;}
#bd-b .bd3 .clearfix {}
#bd-b .bd3 .clearfix li {background: url(../images/icon-c.gif) 0 26px no-repeat; height:36px; line-height:18px; padding:10px 0; padding-left:15px; border-bottom:#999 1px dotted; overflow:hidden;}
#bd-b .bd3 .clearfix li a { float:left; width:80%; overflow:hidden;}
#bd-b .bd3 .clearfix li a span {width:100%; height:18px; display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bd-b .bd3 .clearfix li .dl { float:right; width:auto; display:inline-block; padding-top:10px;}


#bd03{ clear:both; width:1280px; height:204px; margin:50px auto; }
.rollBox{width:1280px; overflow:hidden; margin:0 auto;}
.rollBox .Cont{float:left; width:1116px; overflow:hidden; margin:0 52px; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:240px; float:left; text-align:center; padding-right:52px; }
*+html .rollBox .Cont .pic{width:240px;float:left;text-align:center;padding-right:52px;}
.rollBox .Cont .pic img{display:block;margin:0 auto;}
.rollBox .Cont .pic img:hover{}
.rollBox .Cont .pic p{ height:24px; line-height:24px; overflow:hidden;}
.rollBox .Cont .pic p a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#666;text-decoration:none;}
.rollBox .Cont a:hover{color:#333;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2{float:left;}
.img1,.img2{width:30px; height:180px; display:block; cursor:pointer;}
.img1{background:url(../images/pre.png) center center no-repeat;}
.img2{background:url(../images/next.png) center center no-repeat;}
.img1:hover{background:url(../images/pre-h.png) center center no-repeat;}
.img2:hover{background:url(../images/next-h.png) center center no-repeat;}


.blink{ clear:both; width:1280px; margin:0 auto; margin-bottom:40px;}
.blink .title{ height:36px; line-height:36px; border:none; background-color:#666;}
.blink .title h2{ float:left; padding-left:15px; height:36px; line-height:36px; color:#fff;}
.blink .title p a{ float:right; color:#ddd; padding-right:15px;}
.blink .title p a:hover{ color:#fff; padding-right:17px; text-decoration: underline;}
.blink .blink-b{ background-color:#ddd; padding:20px; overflow:hidden;}
.blink .blink-b a{ display:inline-block;}
.blink .blink-b a:hover{ text-decoration: underline;}

/*----------网站底部----------*/
#ft0{ width:100%; background-color:#333; color:#aaa;}
#ft{ width:1280px; margin:0 auto;}
#ft .ft1 { width:1280px; overflow:hidden;  padding-top: 20px; padding-bottom: 20px;}
#ft .ft1 .clearfix { width:1160px; padding-left:80px; }
#ft .ft1 .clearfix .logo1{ width:200px; padding-left:0; padding-right:19px; padding-top:22px; border:none;}
#ft .ft1 .clearfix .dbewm{ width:240px; padding:0;}
#ft .ft1 .clearfix .dbewm .ewm{ width:100px; height:122px; overflow:hidden; float:left; padding-left:20px; padding-top:6px;}
#ft .ft1 .clearfix .dbewm .ewm p{ font-weight:bold; height:22px; line-height:22px; color:#aaa; text-align:center;}
#ft .ft1 .clearfix li{ float:left; width: 170px; padding-left:49px; border-left:solid 1px #444;}
#ft .ft1 .clearfix li h3 { padding:0; margin:0; color:#aaa; }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none;}
#ft .ft1 .clearfix li ul li a{ padding:0; margin:0; font-size:12px; color:#aaa; text-decoration:none; }
#ft .ft1 .clearfix li ul li a:hover {color:#ddd; text-decoration:underline;}
#ft .ft3 {text-align:center; overflow:hidden; font-size:12px; line-height:22px; padding:10px 20px; background-color:#444; color:#aaa;}
#ft .ft3 a{color:#888; text-decoration:underline;}
#ft .ft3 a:hover{color:#ddd;}


/*----------about----------*/
#banner { width: 100%; height:300px; overflow:hidden; margin-bottom:20px; }

#con0 { width:100%; }
#con {width: 1280px; margin-bottom:50px; min-height:400px;_height:400px; overflow:visible;}

#ltit{ font-size:0;/*去除换行a标签(使用display:inline-block)之间默认产生的间距*/ width:100%; line-height:30px; padding-top:10px; padding-bottom:5px; text-align:center; border-bottom:1px #ccc solid;}
#ltit a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:16px;/*字号必须定义*/ padding:0 15px; margin:0 5px; margin-bottom:10px; background-color:#888; color:#fff;}
#ltit a:hover{ background-color:#666; }
#ltit .selected{ background-color:#666; }


#ltit2{ font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/ width:1080px; margin:0 auto; line-height:20px; padding-top:10px; text-align:center;}
#ltit2 a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:14px;/*字号必须定义*/ padding:0 15px; margin-bottom:10px;  text-decoration:underline; }
#ltit2 a:hover{ color:#333; }
#ltit2 .selected{ color:#333; }

#rtit{ width:100%;}
#rtit p{ height:45px; line-height:45px; text-align:right; color:#999;}
#rtit p .selected{ color:#333;}

#title{ text-align:center; padding-top:50px;}
#title h1{ font-size:32px; height:32px; line-height:32px; font-weight:normal;}

#con .content{ width:960px; margin:0 auto; margin-top:50px; overflow:hidden; }
#con .content h1{ text-align:center; font-size:16px;}
#con .content .pro-h1{ padding-bottom:20px;}
#con .content .newsview{text-align:center; border-bottom:#ddd 1px solid; margin-bottom:10px;}
#con .content .newsview a{}
#con .content #container{ padding-bottom:30px; }
#con .content .videoview{ padding-top:20px;}
#con .content .return{text-align:center; clear:both; padding-top:50px;}

#con #pg { margin-top:50px;  text-align:center; color:#999;}
#con #pg a{ color:#333;}
#con #pg a:hover{ color:#333;}

/*----------products、video----------*/
#con .prolist{ width:100%; margin-top:10px;}
#con .prolist .ca-menu{ width:1320px;}
#con .prolist .ca-menu li{float:left; width:290px; height:258px; overflow:hidden; margin-right:40px; margin-top:40px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#con .prolist .ca-menu li a{ width: 100%; height: 100%; display: block; cursor:pointer; }

#con .prolist .ca-main{width:100%; text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#con .prolist .ca-sub{ text-align:center; font-size: 14px; color: #666; height:40px; line-height: 40px; padding:0 10px; background:#ddd; overflow:hidden;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#con .prolist .ca-menu li:hover{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);  
}

#con .prolist .ca-menu li:hover .ca-main{ 
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}
#con .prolist .ca-menu li:hover .ca-sub{ color: #fff; background-color: #666;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*----------proList2----------*/
#con .prolist2  {clear:both; padding-top:5px;}
#con .prolist2 ul li {width:770px; padding:20px 0; overflow:hidden; border-bottom:1px #ccc solid; white-space: normal; clear: both;}
#con .prolist2 ul li .left {float:left; width:210px;}
#con .prolist2 ul li img {padding: 2px;  border:1px #C6C6C6 solid;}
#con .prolist2 ul li img:hover { border:1px #333 solid;}
#con .prolist2 ul li .right {float:right; width:540px;}

#con .prolist2 ul li .more { float:right; padding:3px 10px; background-color:#333; color:#fff; font-size:12px; font-weight:normal; height:13px; line-height: 15px; margin-top:5px;}
#con .prolist2 ul li .more:hover { background-color:#333;}


/*-------------------------------产品详细----------------------*/
.proview{ width:602px; height:auto; margin:0 auto; margin-bottom:50px; position:relative;}

.proview .bigImg {width:600px; height:450px; border:1px #ccc solid; overflow:hidden; position:relative;} /* 大图 */

.proview .smallImg{ width:615px; margin-top:13px;} /* 小图 */
.proview .smallImg li{ float:left; width:108px; height:81px; border:#ccc 1px solid; margin-right:13px; overflow:hidden; cursor:pointer;}
.proview .smallImg li:hover{ border:#333 1px solid;}


/*----------news----------*/
#con .newslist { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist .clearfix {}
#con .newslist .clearfix li {background: url(../images/icon-c.gif) 0 23px no-repeat; padding-left:15px; height:50px; line-height:50px; border-bottom:#999 1px dotted; overflow:hidden;}
#con .newslist .clearfix li a {width:80%; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist .clearfix li span { color:#999; float:right;}


/*----------downland----------*/
#con .newslist1 { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist1 .title3{ height:20px; line-height:20px; padding:15px 0; background-color:#666;}
#con .newslist1 .title3 p{text-align:center; color:#fff;}
#con .newslist1 .title3 .p1{ float:left; width:130px;}
#con .newslist1 .title3 .p2{ float:right; width:150px;}
#con .newslist1 .title3 .p3{ float:right; width:100px;}

#con .newslist1 .clearfix { padding-top:15px;}
#con .newslist1 .clearfix li {height:50px; line-height:50px; border-bottom:#999 1px dotted;}
#con .newslist1 .clearfix li p{ height:50px; line-height:50px; text-align:center;}
#con .newslist1 .clearfix li .p4{ float:left; background: url(../images/icon-c.gif) 0 23px no-repeat; padding-left:15px; width:600px; text-align:left; overflow:hidden; }
#con .newslist1 .clearfix li .p4 a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist1 .clearfix li .p4 a:hover{}
#con .newslist1 .clearfix li .p5{ float:right; width:150px;}
#con .newslist1 .clearfix li .p6{ float:right; width:100px;}
#con .newslist1 .clearfix li .p6 a{ display: inline-block; width:30px; height:30px; margin-top:10px; background: url(../images/download.gif) center center no-repeat;}
#con .newslist1 .clearfix li .p6 a:hover{ filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/*----------客户留言表单----------*/
#con .content .msxq{ width:960px; margin:0 auto; background-color:#f5f5f5; padding:40px 0;}
#con .content .msxq .zsjm{ width:100%;}
#con .content .msxq .zsjm h3{ text-align:center; font-size:16px; color:#666; font-weight:bold; line-height:36px;}
#con .content .msxq .zsjm input[type="text"],textarea{border:1px solid #ccc; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
#con .content .msxq .zsjm input[type="text"]:hover,textarea:hover{border:1px solid #666;}
#con .content .msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #666;}
#con .content .msxq .zsjm span{ color:#333;}

#con .content .msxq .zsjm .biao1{ font-size:16px;}
#con .content .msxq .zsjm .biao1 dl{ width:100%;}
#con .content .msxq .zsjm .biao1 dl dt{ float:left; width:50%; padding-bottom:15px;}
#con .content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:120px; }
#con .content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
#con .content .msxq .zsjm .biao1 dl dt .right1{ float:left; width:360px; }
#con .content .msxq .zsjm .biao1 dl dt .right1 .box{ width:280px; height:30px; line-height:30px;  color:#666; padding:5px;}

/*----------select下拉框样式开始----------*/
.select-wrapper{width:292px; height:42px; position:relative; cursor:pointer; display:inline-block; *display:inline; *float:left; background:#fff;
border: 1px solid #ccc;}/*外层*/
.select-wrapper:hover{ border: 1px solid #666;}
.select-wrapper.focus{ border: 1px solid #666;}

/*箭头*/
.select-down{ position:absolute; top:2px; right:2px; z-index:2; width:20px; height:36px; background:url(../images/ico.gif) center center no-repeat #ccc;}
.select-wrapper:hover .select-down{ background:url(../images/ico-h.gif) center center no-repeat #666;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #666;}

/*内外层*/
.select-button{ font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif; font-size:14px; width:282px; height:42px; color:#666; border:0; cursor: pointer; padding-left:10px; overflow:hidden; text-align:left; background-color:#fff; outline:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}

/*下拉部分*/
.select-list{ font-size:14px; width:292px; background:#fff; border: 1px solid #ccc; display:none; z-index:2; position:absolute; left:-1px; top:42px; overflow:hidden;}
.select-list ul{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; max-height: 240px;}
.select-list ul li{ width:280px; height:30px; line-height:30px; padding-left:10px; cursor:pointer; overflow:hidden; white-space:nowrap; word-break: keep-all; text-overflow: ellipsis; }
.select-list ul li.selected, .select-list ul li:hover{color: #fff; background: #666;}
/*----------select下拉框样式结束----------*/

#con .content .msxq .zsjm .biao2{ font-size:16px;}
#con .content .msxq .zsjm .biao2 .left1{ float:left; width:120px; }
#con .content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
#con .content .msxq .zsjm .biao2 .right1{ float:right; width:840px; line-height:12px; }
#con .content .msxq .zsjm .biao2 textarea{width:760px; color:#666; font-size:14px; line-height:20px; padding:5px;}

#con .content .msxq .next { height:40px; margin-top:40px; text-align:center; }
#con .content .msxq .next .submit{ line-height:40px; font-size:16px; background-color:#999; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
#con .content .msxq .next .submit:hover{ background-color:#666;}


/*----------QQ----------*/
#kf ul li { position:relative; width:50px; display:block; margin-top:1px; background-color:#999;}
#kf ul li img { padding:10px; filter:none; -moz-opacity:none; opacity: none; }

#kf ul li {}
#kf ul li:hover {background:url(../images/icon-b3.gif) 0 20px no-repeat #555; }

#kf ul li .subNav  { position:absolute; z-index:2; width:128px;   left:-138px; top:0; display:none; background-color:#fff; border:5px #eee solid; }
#kf ul li .subNav h2 { padding:0; text-align:center; color:#666;}
#kf ul li .subNav li {border:none;  white-space:nowrap; padding-left:45px;  line-height: 25px; background-color:#fff;}
#kf ul li .subNav li a {color:#666; }
#kf ul li .subNav li a:hover { color:#333; }
#kf ul li .subNav .qrc { padding:0; line-height: normal; overflow:visible; background:none;}
#kf ul li .subNav .qrc img { padding:0;}
#kf ul li .subNav .qrc a{ line-height:20px; padding:10px; display:inline-block; font-family:arial, helvetica, clean, sans-serif;}
#kf ul .returntop:hover { background-image:none;}