@charset "utf-8";
*{ margin:0; padding:0}
body {
font-family: Arial, Tahoma, Geneva, sans-serif;
font-size: 12px;
color:#666;
background-color:#eff1f0;
}
a:link{ color:#666; text-decoration:none;}
a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#f5a100;}
a:active{ color:#f5a100;}
ul,li{ list-style:none;}
img{ border:none;}
#facsite{ position:absolute;right:40px; top:55px;
background-color: rgba(255, 255, 255, .1);
position: absolute;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: inset rgba(255, 255, 255, .2) 0px 1px 0px;
text-align: center;
padding-top: 3px;
color: white;
text-shadow: rgba(0, 0, 0, .8) 0 -1px 1px;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
padding-left: 6px;
padding-right: 6px;
}
#facsite a{ font-size:14px;font-weight:bold;}
#facsite a:link,#facsite a:visited{ color:#fff;}
/*
##html tags and format
*/
h1{ font-size:18px; margin:10px 0px;}
h1,h2,h3,h4,h5,h6{ line-height:1.3; color:#4B4B4B;}
h2{ color:#f5a100; font-size:20px; margin:20px 0px;}
p{ margin:0 0 10px; line-height:20px;}
/*
##global
*/
.c {
overflow: hidden;
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
text-align: none;
font-size: 0px;
font-style: normal;
}
.zuo{ float:left;}
.you{ float:right;}
img.zuo{ float:left; margin-right:15px;}
img.you{ float:right; margin-left:15px;}
.wrap{ width:980px; margin:0 auto;}
.button{ cursor:pointer;}
/*
##header
*/
#header{background:url(../images/header-bg.jpg) no-repeat left bottom;position:relative;}
.bar{ background-color:#2e2e2e; font-size:14px; color:#bfbfbf; line-height:42px; font-size:12px;}
.bar .zuo{ padding-left:24px;}
.bar a:link,.bar a:visited{ color:#bfbfbf; }
.bar .zuo span{ margin:0 12px; font-size:14px; color:#bfbfbf;}
/*------------------------*/
.bar .you li{ float:left; font-size:12px;}
.bar .search{ background:url(../images/search.gif) no-repeat; margin-top:7px; height:32px; padding-top:3px; width:227px; margin-right:32px;}
.bar .search .input-text{ border:none; background:none; margin-left:5px; width:182px; padding:0 3px; height:28px; line-height:28px; color:#999;}
.bar .search .button{ width:30px; height:30px; background:url(../images/btn-search.png) no-repeat center center; display:inline-block; text-indent:-999em; border:none;}
.bar .lang{ background:url(../images/lang.gif) no-repeat; margin-top:7px; height:28px; width:102px; margin-right:12px; line-height:28px; padding:2px 0px 3px 2px;}
.bar .lang2{ padding-top:5px; padding-right:10px;}
.bar .lang2 a{ display:inline-block; width:30px; height:30px;}
.bar .sign{ background:url(../images/sign.gif) no-repeat; margin-top:7px; height:28px; width:102px;margin-right:12px; padding:2px 0px 3px 2px;line-height:28px;}
.bar .sign a{ padding-left:17px; padding-right:42px;}
/*------------------------*/
.logo{ float:left;}
.logo a{ padding-left:24px; padding-top:30px; padding-bottom:11px; height:64px; display:block;}
.FrontColumns_navigation01-d1_c1 { z-index: 2; position: relative; text-align: left; margin: 0px; padding-left: 5px; width: auto; background: transparent url('../images/nav1-left.gif') no-repeat scroll 0px 0px; height: 49px; clear: both; }
#elem-FrontColumns_navigation01-001 { padding-left: 0px; width: 100%; background: transparent url('../images/nav-pic-02.gif') repeat-x scroll 0px -190px; height: 49px; }
.FrontColumns_navigation01-d1_c1 A:link { color: rgb(0, 102, 204); text-decoration: underline; }
.FrontColumns_navigation01-d1_c1 A:visited { color: rgb(0, 102, 204); text-decoration: underline; }
.FrontColumns_navigation01-d1_c1 A:hover { color: rgb(255, 98, 0); text-decoration: underline; }
.FrontColumns_navigation01-d1_c1 A:active { color: rgb(0, 102, 204); }
.FrontColumns_navigation01-d1_c1 #nav_box ul .on-a:link { color: rgb(255, 98, 0); text-decoration: underline; }
.FrontColumns_navigation01-d1_c1 #nav_box ul .on-a:visited { color: rgb(255, 98, 0); text-decoration: underline; }
.FrontColumns_navigation01-d1_c1 #nav_box ul .on-a:hover { color: rgb(255, 98, 0); text-decoration: underline; }
.FrontColumns_navigation01-d1_c1 #nav_box ul .on-a:active { color: rgb(255, 98, 0); }
.FrontColumns_navigation01-d1_c1 #nav_box ul .on-a SPAN { background: transparent none repeat scroll 0% 0%; color: rgb(255, 98, 0); }
.FrontColumns_navigation01-d1_c1 #nav_box ul A SPAN { background: transparent none repeat scroll 0% 0%; color: rgb(255, 98, 0); }
.FrontColumns_navigation01-d1_c1 #nav_box { z-index: 4; position: absolute; width: 1015px; background: transparent url('../images/nav1-right.gif') no-repeat scroll right 0px; clear: both; }
.FrontColumns_navigation01-d1_c1 #nav_box .back { z-index: -1; position: absolute; background: transparent url('../images/nav-hover-02.gif') no-repeat scroll right -36px; height: 49px; margin-left: 1px; top: 6px; }
.FrontColumns_navigation01-d1_c1 #nav_box .back .left { background: transparent url('../images/nav-hover-02.gif') no-repeat scroll left top; height: 36px; margin-right: 12px; }
.FrontColumns_navigation01-d1_c1 #nav_box LI { position: relative; background: transparent url('../images/menuj.jpg') no-repeat scroll left top; float: left; overflow: visible; }
.FrontColumns_navigation01-d1_c1 #nav_box #nav_73 { background: transparent none repeat scroll 0% 0%; float: right; }
#nav_73 span { }
.FrontColumns_navigation01-d1_c1 #nav_box LI A { }
.FrontColumns_navigation01-d1_c1 #nav_box .first { background: transparent none repeat scroll 0% 0%; float: left; height: 49px; margin-left: 0px; }
.FrontColumns_navigation01-d1_c1 #nav_box .first A { padding-left: 0px; float: left; height: 49px; }
.FrontColumns_navigation01-d1_c1 #nav_box .file a,.FrontColumns_navigation01-d1_c1 #nav_box .file{ height: 31px;}
.FrontColumns_navigation01-d1_c1 #nav_box LI.last { padding: 0px; margin: 0px; width: 0px; display: none; float: right; height: 35px; }
#columns3d1af992-62de-4006-8540-9f792f6fed6aSub { display: none ! important; }
.FrontColumns_navigation01-d1_c1 UL .on { }
.FrontColumns_navigation01-d1_c1 #nav_box LI A { padding-left: 2px; float: left; height: 49px; font-weight: bold; text-decoration: none ! important; }
.FrontColumns_navigation01-d1_c1 #nav_box LI A SPAN { padding-left: 2px; float: left; height: 49px; font-weight: bold; text-decoration: none ! important; }
.FrontColumns_navigation01-d1_c1 #nav_box LI A { color: rgb(255, 255, 255); }
.FrontColumns_navigation01-d1_c1 #nav_box LI A SPAN { text-align: center; padding: 0px 8px; line-height: 41px; display: block; color: rgb(0, 0, 0); font-size: 12px; cursor: pointer; float: left; }
.FrontColumns_navigation01-d1_c1 #nav_box ul a span { text-align: center; padding: 0px 8px; line-height: 31px; display: block; color: rgb(0, 0, 0); font-size: 12px; cursor: pointer; float: left; }
.FrontColumns_navigation01-d1_c1 #nav_box LI li a{ padding-left: 0px;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.FrontColumns_navigation01-d1_c1 #nav_box LI A SPAN { padding: 0px 6px; }
}
.FrontColumns_navigation01-d1_c1 #nav_box #nav_73 A SPAN { color: rgb(255, 255, 255); }
.FrontColumns_navigation01-d1_c1 #nav_box #nav_73 A:hover SPAN { color: rgb(243, 112, 33); }
.FrontColumns_navigation01-d1_c1 #nav_box LI A:hover SPAN { }
.FrontColumns_navigation01-d1_c1 #nav_box LI.on A SPAN { color: rgb(244, 104, 17) ; }
.FrontColumns_navigation01-d1_c1 #nav_box LI.on A:hover SPAN { }
.FrontColumns_navigation01-d1_c1 #nav_box LI.on li A SPAN { color: #4b4b4b ; }
.FrontColumns_navigation01-d1_c1 #nav_box LI.on li A:hover SPAN { color:#fff; }
.FrontColumns_navigation01-d1_c1 #nav_box ul { z-index: 300; position: absolute; line-height: 31px;
width: 145px; display: none; float: left; clear: both; top: 41px; left: 3px; }
#nav_73 ul { right: 0px; left: auto; }
.FrontColumns_navigation01-d1_c1 #nav_box UL LI { background: transparent none repeat scroll 0% 0%; float: left; }
.FrontColumns_navigation01-d1_c1 ul ul { z-index: 10; border-bottom: 2px solid rgb(230, 139, 30); position: absolute; border-left: 1px solid rgb(230, 139, 30); width: 125px; top: 40px; border-right: 1px solid rgb(230, 139, 30); left: -6px; }
.FrontColumns_navigation01-d1_c1 ul ul LI { width: 100%; height: 30px; margin-left: 0px; overflow: hidden; }
.FrontColumns_navigation01-d1_c1 ul ul LI A { padding: 0px; line-height: 31px; min-height: 31px; width: 100%; display: block; background: rgb(255, 255, 255) url('../images/nav-sec-bg.gif') no-repeat scroll 0px 0px; height: 31px; color: rgb(0, 102, 204); font-weight: normal; }
.FrontColumns_navigation01-d1_c1 ul ul LI A:hover { background: rgb(255, 255, 255) url('../images/nav-sec-bg.gif') repeat-x scroll 0px -124px; text-decoration: none; }
/* ::::: http://en.kt-f.cn/styles/columns/FrontColumns_navigation01-d2_c1.css ::::: */
/*
##main
*/
#box-feature{
border-bottom: #D2D2D2 1px solid;
position: relative;
border-left: #D2D2D2 1px solid;
background-color: white;
width: auto;
height: 189px;
overflow: hidden;
border-top: #D2D2D2 1px solid;
border-right: #D2D2D2 1px solid;
margin-top:15px;
margin-bottom: 15px;
}
#tabs{
position: relative;
text-align: center;
width: 100%;
background: url(../images/bg_pro_slider_tab.png) repeat-x;
height: 31px;
overflow: hidden;
}
#tabs li{
text-align: center;
line-height: 35px;
width: 160px;
display: inline-block;
height: 30px;
font-weight: normal;
zoom: 1;
font-size:14px;
cursor:pointer;
}
#tabs li.on a:link,#tabs li.on a:visited{font-weight:600; color:#f5a100}
#tabs li.on{ cursor: default;}
.tabbox{ height:158px;}
#tabs .backLava{
z-index: 100;
position: absolute;
width: 15px;
background:url(../images/carat_active.png) no-repeat center top;
height: 9px!important;
top: 0px;
}
/*------------------------*/
#box-block4{ margin:15px 0px 0px;}
.blockspan{ float:left; width:480px; height:223px; background: url(../images/index-block-bg.jpg) no-repeat; border:1px solid #d2d2d2; margin-bottom:15px;}
.entrys{ padding-top:20px; padding-left:25px; width:473px; position:relative; height:185px;}
.entrys .title{ font-size:24px; color: #4b4b4b; margin-bottom:15px; margin-top:0px;}
.entrys .content li{
}
.entrys .content .more{ position:absolute; right:20px; bottom:0px;}
.more:link{ color:#f5a100;}
.more:visited{ color:#f5a100;}
.more:hover{ color:#f5a100;}
/*------------------------*/
#box-premium ul{ width:360px;}
#box-premium li{ width:180px; float:left; line-height:25px; list-style:disc inside;}
#box-brand-content li{width:50%; float:left; line-height:25px; list-style:disc inside;}
#box-premium .entrys{ background: url(../images/ktfpremium.png) no-repeat right 107px;}
/*------------------------*/
#box-news .entrys{ background: url(../images/news.png) no-repeat right 107px;}
.entrys .text{ line-height:25px; padding:3px 0px; border-bottom: #e9e9e9 1px solid}
.entrys .text .date{ margin-right:15px;}
/*------------------------*/
#box-app .entrys{ background: url(../images/app.png) no-repeat right 107px;}
/*------------------------*/
#box-search .entrys{ background: url(../images/cat.png) no-repeat right 107px;}
#box-search .input-text{background: url(../images/search-input-bg.png) repeat-x; border:1px solid #c3c3c3; height:32px; line-height:32px; padding:0px 5px; width:273px; margin-bottom:10px;}
#box-search select{background: url(../images/search-input-bg.png) repeat-x; border:1px solid #c3c3c3; width:283px; height:32px; margin-bottom:10px;}
#box-search .button{ width:136px; height:35px; background: url(../images/search-btn.png) no-repeat; border:none; text-indent:-999em; display:block;}
#box-search,#box-app{ margin-bottom:0px;}
/*
##footer
*/
.pos{ width:980px; margin:0 auto; line-height:20px; padding:15px 0px 10px;}
.pos a{ margin:0 5px;}
#footer{
}
.footer-nav{
border-top:1px solid #fff;
text-align:center;
padding-top:25px;
padding-bottom:5px;
width:100%;
}
#footer_box,#list-ktf{ width:980px; margin:0 auto; overflow:hidden;}
#footer_box{ height:275px; border-bottom:1px solid #e2e4e4;}
#footer_box li{ float:left; width:225px; text-align:left; line-height:20px; padding-left:20px;}
#footer_box li ul{
float:left;
width:100%;
}
#footer_box li ul li{ padding-left:0px;}
#footer_12{ margin-top:20px;}
#footer_box .fd{ font-size:12px; font-weight:600;margin-bottom:5px; display:block;}
#list-ktf{ padding-top:20px; border-bottom:1px solid #e2e4e4; padding-bottom:40px;border-top:1px solid #fff;}
#list-ktf li{ float:left; width:140px;}
#list-ktf li a{ display:block; width:100%; height:60px;}
#list-ktf li a.content{ height:auto; padding:10px 20px 0px; background:none; width:auto;}
#list-ktf li a.content:hover{ background:none; color:#666;}
#list-ktf .li1 a{ background: url(../images/li1.png) no-repeat center top;}
#list-ktf .li1 a:hover{ background: url(../images/li1.png) no-repeat center -60px;}
#list-ktf .li2 a{ background: url(../images/li2.png) no-repeat center top;}
#list-ktf .li2 a:hover{ background: url(../images/li2.png) no-repeat center -60px;}
#list-ktf .li3 a{ background: url(../images/li3.png) no-repeat center top;}
#list-ktf .li3 a:hover{ background: url(../images/li3.png) no-repeat center -60px;}
#list-ktf .li4 a{ background: url(../images/li4.png) no-repeat center top;}
#list-ktf .li4 a:hover{ background: url(../images/li4.png) no-repeat center -60px;}
#list-ktf .li5 a{ background: url(../images/li5.png) no-repeat center top;}
#list-ktf .li5 a:hover{ background: url(../images/li5.png) no-repeat center -60px;}
#list-ktf .li6 a{ background: url(../images/li6.png) no-repeat center top;}
#list-ktf .li6 a:hover{ background: url(../images/li6.png) no-repeat center -60px;}
#list-ktf .li7 a{ background: url(../images/li7.png) no-repeat center top;}
#list-ktf .li7 a:hover{ background: url(../images/li7.png) no-repeat center -60px;}
.copyright{background: url(../images/foot-logo.png) no-repeat left center;text-align:right; height:40px; line-height:40px;}
/*
##main
*/
#main,.banner{ width:980px; margin:0 auto;}
#main{ margin-top:10px;}
.main-top{ background: url(../images/content-bg.png) no-repeat center top; height:5px;}
.main{ background-color:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding: 20px 20px 10px;}
.main-btm{ background: url(../images/content-bg-btm.png) no-repeat center top; height:5px;}
#ktfcontent h2{ margin-bottom:20px; margin-top:0px;}
/*
##sidebar
*/
.sidebar{ float:right; width:180px;}
.sidebar .title{ font-size:16px; font-weight:600; color:#4b4b4b; margin:0; margin-bottom:10px;}
.content-area{ float:left; width:700px;padding-left:10px;}
.content-width{ width:930px;}
/*
##company
*/
#box-cats h3{ margin-top:0px; margin-bottom:20px; }
/*
##category
*/
.box{ margin-bottom:30px;}
#catlist_box{ border:1px solid #D0D0D0; border-bottom:none;}
#box-cats li{ line-height:30px; border-bottom:1px solid #d0d0d0;}
#box-cats li a{ display:block; padding-left:10px;}
#box-cats li a:hover,#box-cats li.on a{background: url(../images/cat-item-current.png) repeat-x;color:#F5A100}
#box-cats li ul{ display:none;}
#box-cats li ul li{ border-bottom:none;}
#box-cats li.on ul{ display:block;}
#box-cats li.on li{ padding-left:20px;}
#box-cats li.on li { border-top:1px solid #EAEAEA; background:none;}
#box-cats li.on li a{ background:none; color:#666;}
#box-cats li.on li a:hover{ color:#F5A100;}
#box-image-widget{background: url(../images/widget-products-image.png) no-repeat; height:183px;}
#box-image-widget .content{ margin:0 auto; width:160px; overflow:hidden;}
#box-image-widget .title{ margin-bottom:10px; padding-left:10px; padding-top:10px;}
#box-image-widget img{ margin-bottom:10px;}
#box-image-widget a{ display:block; width:160px; margin:0 auto;}
/*
##newsletter
*/
#box-newsletter-widget{background: url(../images/bg-newsletter.png) no-repeat; width:100%; height:153px; padding-top:18px;}
#box-newsletter-widget .ico{
background: url(../images/ico-newsletter.png) no-repeat;
padding-left:35px;
width:125px;
margin:0 auto 20px;
}
#box-newsletter-widget .content{ margin:0 auto; width:160px;}
#box-newsletter-widget #to{
border: 1px solid #CCC;
height: 24px;
line-height: 24px;
box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;
}
#subscribe{background: url(../images/btn-subscribe.png) no-repeat; width:136px; height:35px; border:none; text-indent:-999em; margin-top:15px;}
/*
##sidebasr catalog download
*/
#box-catalog-widget .title{ font-size:14px; padding-top:10px;}
#box-catalog-widget{ border:1px solid #e6e6e6; border-radius:5px; padding-left:20px;}
/*
##company about us
*/
.content-area li{ list-style:disc inside; line-height:20px;}
h4{ margin-bottom:12px; font-size:14px;}
h4 em{ color:#f5a100; font-style:normal; font-size:14px; }
#brief li{ float:left; width:100%; border-top:1px solid #dbdbdb; padding:10px 0px; list-style:none;}
p em{color:#f5a100; font-style:normal;}
#brief li span{ float:left; width:210px; font-weight:bold;}
#brief li p{ margin-bottom:0px; float:left; width:470px;}
h3{ margin:20px 0px 10px; font-size:14px;}
/*
##timeline
*/
#years li{ float:left; width:64px; padding:0 7px 0 12px; list-style:none;}
.timeline,#years-content{ position: relative; width:100%; overflow:hidden;}
#years-content li{ width:600px; float:left;}
/*
##gallery
*/
.gallery{ margin-bottom:16px; overflow:hidden; list-style:none;}
.gallery li{ float:left; margin-right:20px; width:210px; margin-right:15px; list-style:none;}
.gallery .caption p{ text-align:center; width:210px; margin-top:10px; margin-bottom:10px;}
.gallery .attach img{ max-width:210px;}
/*section*/
.section{ border-bottom:1px solid #ccc; padding-bottom:15px; overflow:hidden; margin-bottom:15px; display:block;}
.section p{ margin:8px 0px 0px;}
.section h4{ margin-bottom:5px;}
.section img{ float:left; margin-right:20px;}
/*product*/#box-products-content .section h4{ font-size:16px; padding-top:30px; }
#product ul,#product li{ list-style:none;}
#product li p{ word-break:break-all;}
.mode-thumb .col2{ width:330px; float:left; border:1px solid #ccc; margin-right:15px; margin-bottom:20px;height:130px; overflow:hidden;}
.mode-thumb .thumbnail{}
.mode-thumb .collast{ margin-right:0px;}
.mode-thumb .col3{ width:172px; height:180px;float:left; overflow:hidden; margin-right:40px;}
.mode-thumb .thumbnail{border:1px solid #ccc;width:170px ;height:130px;margin-right:15px; margin-bottom:0px;}
.mode-thumb .caption{ text-align:center;}
.mode-thumb .collast{ margin-right:0px;}
#box-products-content .section{width:930px;}
.style-grid li{float:left;margin-right:-1px;margin-bottom:-1px;}
.style-grid li{text-align:center;}
.style-grid li a.thumb{width:94px; height:94px;float:left; padding:3px;border:1px solid #E6E7E7;}
.style-grid li p{margin-top:10px;margin-bottom:0px;}
/*product detail page*****/
.p_box {
FLOAT: LEFT;
width: 266px;
}
#zoom_box {
display: table-cell;
*display:block;
zoom: 1;
width: 260px;
height: 200px;
text-align: center;
border: 1px solid #EEE;
vertical-align: middle;
font-size: 170px;
padding: 0
}
#zoom_box img {
margin: 0;
padding: 0;
}
#zoom_box img.big_small {
max-width: 260px;
max-height: 200px;
_width:expression(this.width > 260 && this.width > this.height ? 260 : true);
_height:expression(this.height > 200 ? 200 : true);
}
#zoom_list {
width: 262px;
height: 60px;
background: #EFEFEF;
}
#zoom_list .pre {
float: left;
width: 14px;
height: 54px;
margin-top: 2px;
text-align: center;
overflow: hidden;
background: #EFEFEF url(../images/pre.gif) no-repeat -3px 18px;
}
#zoom_list .next {
float: right;
width: 14px;
height: 54px;
margin-top: 2px;
text-align: center;
overflow: hidden;
background: #EFEFEF url(../images/next.gif) no-repeat -3px 18px
}
#zoom_list #zoom_list_box {
float: left;
width: 232px;
overflow: hidden;
height: 56px;
position: relative;
}
#thumblist {
position: absolute;
}
#thumblist li {
width: 58px;
overflow: hidden;
margin: 2px 0;
text-align: center;
float: left;
}
#thumblist li span {
width: 52px;
height: 52px;
}
#thumblist li span a {
width: 50px;
height: 50px;
*font-size: 42px;
border: 1px solid #FFF;
}
#thumblist li span img {
max-height: 50px;
max-width: 50px;
_width: 50px;
_height: 50px;
}
.p_info {
float: left;
margin-left: 30px;
width: 340px;
}
.p_tabs {
margin: 10px 0;
border-bottom: 1px solid #EFEFEF;
height: 28px;
}
.p_tabs ul li {
float: left;
padding: 0 30px;
margin-left: 20px;
line-height: 28px;
background: #EFEFEF;
}
.detail p{ margin:0;}
/** Brand Profile Index***/
.tabs{ width:100%; padding-top:0px;overflow:hidden;}
.tabs li,.tabs ul{ list-style:none;}
.tabs ul{ float:left; width:100%;border-bottom:1px solid #D0D0D0;}
.tabs li{ float:left; padding:0 20px; line-height:28px; background:#EFEFEF;margin-bottom:-1px;}
.tabs li a{ display:block;}
.tabs .activeSlide{ background:#fff; border-top:1px solid #D0D0D0;border-left:1px solid #D0D0D0;border-right:1px solid #D0D0D0;border-bottom:1px solid #fff;}
.tabs-content{ margin-top:25px; width:100%;}
/*description more ui*/
#des-container{position:relative}
#des-bottom{background:url(../images/whitetransparent-bkgd.png) 0 0 repeat-x;position:absolute;width:100%;bottom:-4px;height:15px;}
/**/
#pager{
padding-left:0px;
list-style:none;
width:100%;
background: rgba(0, 0, 0, 0) url("../images/rowitem_bg.png") no-repeat scroll left 28px;
height: 68px;
list-style: outside none none;
padding-left: 0;
width: 100%;
}
#pager li{
background-image: url("../images/cat-about-bg.png");
background-repeat:repeat-x;
border:1px solid #e5e5e5;
padding:3px 5px;
float:left;
color:#6b6767;
margin-right:1px;
list-style:none;
margin-top:1px;
}
#pager li.activeSlide{
display:block;
border:1px solid #e67819;
background: rgba(0, 0, 0, 0) url("../images/t-bg.png") repeat-x scroll left top;
color: #fff;
display: block;
}
#pager li.activeSlide a:link,#pager li.activeSlide a:visited{ color:#fff;}
#pager li a{ display:block; float:left; height:20px; line-height:20px; font-size:13px;}
#pager li a:link{color:#6b6767;}
#pager li a:visited{color:#6b6767;}
#pager li a:hover{color:#f96a1b;}
#pager li a:active{color:#f96a1b;}
/****app*/
#app .section{ }
#app .action{ float:right; width:140px;}
#app .section img{ max-width:169px;}
#app .section .thumb{ width:170px; float:left; margin-right:20px;}
.btn-download{ border:1px solid #E3E3E3; padding:5px 5px;cursor:pointer;background-color:#E3E3E3;}
.btn-download:hover{background-color:#F5A100; color:#fff;}
.tblist{ width:100%;}
/*more********/
.box-des{ position:relative;}
.box-des .des{ height:55px; overflow:hidden;}
.box-des .show-hide{ float:right; line-height:24px;}
/*news list*/
#news-list h3{ margin-bottom:0px; margin-top:10px;}
#news-list .section img{ float:none;max-width:100%;}
.new-title{ font-size:16px;}
.new-date{ margin-top:5px; float:left; color:#CCC;}
.sideleft{float:left;width:640px;background:#fff;padding:10px 15px 15px;}
.sideright{float:right;width:260px;background:#fff;padding:15px;}
.sideleft .thumb{float:left;}
.download-section{margin-bottom:0px; overflow:hidden;}
.sideleft .section{padding-bottom:25px; margin-bottom:0px;}
.action .btn-download{display:inline-block;border:1px solid #F5A100;background:none;color:#F5A100;padding:10px 15px 10px 15px;font-size:16px;}
.sideleft .action{float:left;margin-left:10px;}
.sideright p{margin-bottom:15px;}