@charset "utf-8";
/* CSS Document */

/** css cell **/
.clearfix:after{visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0;}  
*html .clearfix{ zoom:1;} 
*+html .clearfix{ zoom:1;}   
.f-l{ float:left;display:inline;}  
.f-r{ float:right;display:inline;} 
.f-clear{clear:both;}
.t-c{ text-align:center;}
.t-l{ text-align:left;}
.t-r{ text-align:right;}

.m5{ margin:5px!important;}
.m10{ margin:10px!important;}
.m15{ margin:15px!important;}
.m20{ margin:20px!important;}

.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}

.mr5{ margin-right:5px!important;}
.mr10{ margin-right:10px!important;}
.mr15{ margin-right:15px!important;}
.mr20{ margin-right:20px!important;}

.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb20{ margin-bottom:20px!important;}

.ml5{ margin-left:5px!important;}
.ml10{ margin-left:10px!important;}
.ml15{ margin-left:15px!important;}
.ml20{ margin-left:20px!important;}

.p5{ padding:5px!important;}
.p10{ padding:10px!important;}
.p15{ padding:15px!important;}
.p20{ padding:20px!important;}

.pt5{ padding-top:5px!important;}
.pt10{ padding-top:10px!important;}
.pt15{ padding-top:15px!important;}
.pt20{ padding-top:20px!important;}

.pr5{ padding-right:5px!important;}
.pr10{ padding-right:10px!important;}
.pr15{ padding-right:15px!important;}
.pr20{ padding-right:20px!important;}

.pb5{ padding-bottom:5px!important;}
.pb10{ padding-bottom:10px!important;}
.pb15{ padding-bottom:15px!important;}
.pb20{ padding-bottom:20px!important;}

.pl5{ padding-left:5px!important;}
.pl10{ padding-left:10px!important;}
.pl15{ padding-left:15px!important;}
.pl20{ padding-left:20px!important;}


/*** footer start ***/
.footer{ background:#f5f5f5 url(footer-bg.png) repeat-x left bottom; border-top:1px solid #e9e9e9; min-width:980px;}

.footer-img{ position:relative;}
.footer-img .right-btn,.footer-img .left-btn{ position:absolute; top:12em; cursor:pointer; opacity:0.8; filter:alpha(opacity=80); width:33px; height:33px;}
.footer-img .right-btn:hover,.footer-img .left-btn:hover{ opacity:1; filter:alpha(opacity=100);}
.footer-img .left-btn{ left:2px; background:url(footer-img-btn-left.png) no-repeat;}
.footer-img .right-btn{ right:2px; background:url(footer-img-btn-right.png) no-repeat;}
.footer-img .con{ margin:0 auto; height:288px; /*width:905px;*/ width:1200px; position:relative; overflow:hidden;}
.footer-img .con .ul-wrap{ position:absolute; left:0; top:0; width:10000px;}
.footer-img-box{ width:210px; /*margin:0 8px;*/ margin:0 15px 0 16px; float:left; display:inline;}
.footer-img-box h2{ color:#666; line-height:28px; height:28px; padding:7px 0; overflow:hidden; font-weight:bold; font-size:14px;}
.footer-img-box ul{ background:url(ft-num.gif) no-repeat left 141px;}
.footer-img-box ul li{ height:28px; overflow:hidden; padding:0 0 0 21px; }
.footer-img-box ul li .text{ color:#666; height:28px; line-height:28px; display:inline-block; vertical-align:middle; color:#666; width:178px; overflow:hidden;}
.footer-img-box ul li .text:hover{ text-decoration:underline;}
.footer-img-box ul li.first{ position:relative; padding:2px; width:195px; height:118px; border:1px solid #e1e1e1; margin-bottom:10px;}
.footer-img-box ul li.first img{ width:195px; height:118px;}
.footer-img-box ul li.first .bg{ background:#000; opacity:0.5; filter:alpha(opacity=50);  height:25px; position:absolute; left:2px; bottom:2px; width:195px;}
.footer-img-box ul li.first .text{ color:#fff; position:absolute; left:2px; bottom:2px; width:190px; height:25px; line-height:25px; overflow:hidden; padding:0 8px;}
.footer-img-box ul li.first .num{ position:absolute; left:2px; top:-1px; width:17px; height:15px; line-height:15px; font-family:"微软雅黑", "宋体"; font-size:12px; font-weight:bold; padding-bottom:6px; background:url(footer-list-first-num-bg.png) no-repeat; text-align:center; color:#fff; }
.footer-img-box ul li.first .text a{ color:#fff;}


.footer-logo{ width:115px; height:30px; text-indent:-999em; background:url(footer-logo.png) no-repeat;}
.footer-logo a{ display:block; width:115px; height:30px;}

.footer-search .btn{ background:url(ico-search.png) no-repeat; width:30px; height:29px; cursor:pointer; border:1px solid #dfdfdf; text-indent:-999em;}
.footer-search .text{ background:url(input-bg.png) repeat-x left top; height:27px; width:250px; padding:0 4px 0 12px; border:1px solid #dfdfdf; color:#666; margin-right:-1px;}

.footer-hot{ line-height:29px; height:29px; color:#d3d3d3; width:400px; overflow:hidden;}
.footer-hot b{ color:#666;}
.footer-hot a{ color:#666; margin:0 5px;}
.footer-hot a:hover{ text-decoration:underline;}

.footer-map{ background:#e9e9ea url(footer-map-title-bg.png) no-repeat left center; height:84px; padding:0 0 0 58px; }
.footer-map .map-box{ margin:18px 0 0 0;}
.footer-map .map-box ul{ padding:4px 0;}
.footer-map .map-box li{ float:left; display:inline; margin:0 8px 0 0; line-height:18px; height:18px;}
.footer-map .map-box li a{ color:#666;}
.footer-map .map-box li a:hover{ text-decoration:underline;}

.footer-right{ height:23px; padding:3px 0; color:#fff; line-height:23px;}
.footer-right a{ color:#fff; margin:0 14px;}
.footer-right a:hover{ text-decoration:underline;}
.footer-right span.right{ font-family:Arial, Helvetica, sans-serif;}
.footer-right span.link{ color:#9a9a9a;}

.ft-search{ background:#e9e9ea; padding:8px 10px;}

/*** footer end ***/

/** common-module **/
.sel01{ border:1px solid #dfdfdf; margin-right:-1px; position:relative;}
.sel01 .txt{ display:block; padding:0 20px 0 8px; height:27px; line-height:27px; color:#afafaf; cursor:pointer; background:#f3f3f3 url(ico-sel.png) no-repeat right center;}
.sel01 .on{ background:#f3f3f3 url(ico-sel-down.png) no-repeat right center;}
.sel01 .ul{ position:absolute; left:-1px; top:27px; width:100%; border:1px solid #dfdfdf;}
.sel01 .ul li{ line-height:27px; height:27px; background:#fff; padding-left:8px; color:#666; cursor:pointer;}
.sel01 .ul li:hover{ background:#f3f3f3;}

/****/
.layout{ width:1200px; margin:0 auto;}
a{ color: #666;}
