@charset "utf-8";
@import url('flexslider.css');
/*公共部分*/
*{outline:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
html{overflow:scroll;overflow-x:hidden;overflow-y:scroll}
body{margin:0 auto;background-color:#f6f6f6;font-family:Microsoft YaHei}
h1,h2,h3,h4,h5{font-weight:100}
img{border:0}
ul,li{list-style:none}
a:link,a:visited{font-size:12px;color:#434739;text-decoration:none;transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:Microsoft YaHei}
a:hover{font-size:12px;color:#f45037;text-decoration:underline;transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:Microsoft YaHei}
.all{position:relative;z-index:1;width:100%;overflow:hidden}
.wrapper{overflow:hidden;width:1200px;margin:0 auto;text-align:left}
.clear,.cb{clear:both;height:0}
.od{overflow:hidden;display:block}
.red{color:red}
.red2{color:#ba1019}
.blank{height:10px}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.none{display:none}
.cen{text-align:center}
.h10{width:100%;height:10px}
.h20{height:20px}
.mt20{margin-top:20px}
.of,.of *{overflow:visible}
.transparent{background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
.vs,.vs *{overflow:visible}
.hd,.hd div,.hd ul,.hd li,.hd dl,.hd dt,.hd dd,.hd h1,.hd h2,.hd h3,.hd h4,.hd h5,.hd Table,.hd tr,.hd td{overflow:hidden}
.shade{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.shade2{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
.db{display:block}
.mask{position:fixed;z-index:2;left:0;top:0;display:none;width:100%;height:10000px;background-color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
.no_transition,.no_transition *,.no_transition a,.no_transition a:link,.no_transition a:visited,.no_transition a:hover,.no_transition a:active{transition-property:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.transition,.transition *,.transition a,.transition a:link,.transition a:visited,.transition a:hover,.transition a:active,.transition a *{transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.box-sizing{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.img img{transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
a:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.ib{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;word-spacing:normal}
.ovs{overflow:hidden}
.loading{min-height:150px;background:url(../images/loading-2.gif) center center no-repeat}
.max1000{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":""); }
table{border-collapse:collapse;border-spacing:0}
td{padding:1px;border-width:1px;border-style:solid}
.a{cursor:pointer}
.a:hover{text-decoration:none}
table{border-collapse:collapse}
table td{border-width:1px}
.es{text-overflow:ellipsis;white-space:nowrap}
/*header*/
header{width:100%;padding:20px 0;background:#fff}
header .logo{margin-left:182px}
header .logo img{max-width:100%}
header .line{margin:20px 16px 0 22px;width:1px;height:37px;background:#d5a19b}
header .text{margin:14px 90px 0 0}
header .tel{width:315px;margin-top:14px;padding:20px 0 20px 81px;background:url(../images/tel.png) 0 7px no-repeat;line-height:24px;font-size:24px;font-weight:bold;color:#faa191;font-family:Arial, Helvetica, sans-serif}
/*nav*/
nav{position:relative;z-index:999;width:100%;height:30px; padding: 7px 0;background-color:#9981c8}
nav ul{text-align:center}
nav .li{display:inline-block;height:30px;margin-right:7px}
nav .li:last-child{background:none}
nav .li .a{display:inline-block;padding:0 24px;height:30px;text-align:center;line-height:30px}
nav .li .a:link,nav .li .a:visited{font-size:16px;color:#fff}
nav .li .active:link,nav .li .active:visited,nav .li .a:hover{text-decoration:none;font-size:16px;color:#fedfd7}
nav .son{overflow:hidden;display:none;position:absolute;z-index:999;top:30px;left:0;width:100%;padding-top:23px;-webkit-animation:slideDown 0.5s 1;-khtml-animation:slideDown 0.5s 1;animation-direction:alternate}
nav .son .wrapper{width:1170px;margin:0 auto}
nav .son a{position:relative;z-index:0;width:175px;height:94px;margin:0 14px 18px 0;padding:2px;background-color:#fff;border:1px solid #848685}
nav .son a img{width:175px;height:94px}
nav .son a span{position:absolute;z-index:999;left:2px;bottom:2px;width:175px;height:24px;background:url(../images/black.png);text-align:center;line-height:24px;font-size:14px;color:#fff}
nav .son a:hover{background-color:#df5a55;border-color:#df5a55}
nav dt{overflow:hidden;width:100%}
nav dt a{overflow:hidden !important;display:block;width:100%;height:28px;margin-bottom:4px;text-align:center;line-height:28px}
nav dt a:link,nav dt a:visited{font-size:14px;color:#fce8c3}
nav dt a:hover{background-color:#383a47;text-decoration:none;font-size:14px;color:#fce8c3}
 @keyframes slideDown
  {
   from{top:20px;opacity:0}
   to{top:30px;opacity:1}
  }
  @-webkit-keyframes slideDown
  {
   from{top:20px;opacity:0}
   to{top:30px;opacity:1}
  }
/*footer*/
.links{padding:20px 0;line-height:180%;font-size:14px}
footer{width:100%;background:#9981c8}
footer .wrapper{position:relative;z-index:0;padding-bottom:25px}
footer .h{padding:0 12px;line-height:26px;font-size:14px;color:#fff}
footer .h.navs a{margin-right:80px}
footer .h a:link,footer .h a:visited{font-size:14px;color:#fff}
footer .h a:hover{font-size:14px;color:#fff}
footer .h.navs a:link,footer .h.navs a:visited{font-size:18px;color:#666}
footer .h.navs a:hover{font-size:18px;color:#666}
footer .h.navs{height:45px;background-color:#ecf2f5;padding:0 12px;line-height:45px}
footer .h.navs a{height:26px;padding-right:22px;color:#666}
footer .h.copyright{padding:12px 12px 17px 12px}
footer .wrapper .tel{position:absolute;z-index:999;top:14px;right:55px;line-height:26px;letter-spacing:2px;font-size:14px;color:#fff}
/*index*/
.indexProducts{padding-top:51px;background-color:#fff}
.indexProducts .title{width:100%;height:30px;margin-bottom:32px;background:url(../images/title0.gif) center top no-repeat}
.indexProducts .links a{width:195px;height:55px;margin-right:6px;text-align:center;line-height:55px;letter-spacing:2px}
.indexProducts .links a:hover{}
.indexProducts .links a.a1{background-color:#794f91}
.indexProducts .links a.a2{background-color:#f5983b}
.indexProducts .links a.a3{background-color:#2491d4}
.indexProducts .links a.a4{background-color:#0ac1ad}
.indexProducts .links a.a5{background-color:#55b669}
.indexProducts .links a.a6{margin-right:0;background-color:#77b428}
.indexProducts .links a:link,.indexProducts .links a:visited{font-size:20px;font-weight:bold;color:#fff}
.indexProducts .lists{padding:14px 0 50px 0}
.indexProducts .lists .l{width:390px;height:416px;background:url(../images/yezi.gif) no-repeat 334px 0;border-bottom:31px solid #c4546a}
.indexProducts .lists .l .top{height:33px;line-height:33px}
.indexProducts .lists .l .top a{line-height:33px;text-transform:uppercase;font-size:16px;color:#55b669}
.indexProducts .lists .l .top span{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#929292}
.indexProducts .lists .l li{width:100%;height:45px;padding-bottom:2px;background:url(../images/line2.gif) left bottom repeat-x;line-height:45px}
.indexProducts .lists .l li:last-child{background:none}
.indexProducts .lists .l li a{display:block;overflow:hidden;width:100%;height:45px;background:url(../images/icon1.gif) no-repeat 5px center;line-height:45px;text-indent:15px}
.indexProducts .lists .l li a:link,.indexProducts .lists .l li a:visited{font-size:14px;color:#6f6f6f}
.indexProducts .lists .l li a:hover{font-size:14px;color:#f45037}
.indexProducts .lists .h1 img{display:block;width:389px;height:447px}
.indexProducts .lists .fr{width:797px;height:447px}
.indexProducts .lists .fr div{width:812px}
.indexProducts .lists .fr a{position:relative;z-index:0;width:391px;height:216px;margin:0 15px 14px 0}
.indexProducts .lists .fr a .img,.indexProducts .lists .fr a img{overflow:hidden;width:391px;height:216px}
.indexProducts .lists .fr a .title{position:absolute;z-index:999;left:0;top:185px;width:355px;height:31px;padding:0 18px;background:url(../images/black.png);line-height:31px;font-size:14px;color:#fff}
.indexList{padding:22px 0 18px 0;background:#f8f5eb}
.indexList .title{width:100%;height:31px;margin-bottom:31px;background:url(../images/title1.png) center top no-repeat}
.indexList .wrapper{overflow:visible}
.indexList dl{width:283px;height:358px;margin:0 22px 32px 0;background-color:#fff}
.indexList dl.dl4,.indexList dl.dl8{margin-right:0}
.indexList dl:hover{box-shadow:0 0 5px #999}
.indexList dt{position:relative;z-index:0;width:100%;height:196px}
.indexList .img,.indexList img{width:100%;height:196px}
.indexList .classname{position:absolute;z-index:999;bottom:0;left:0;width:100%;height:38px;background:url(../images/black.png);text-align:center;line-height:38px;font-size:16px;color:#fff}
.indexList dd{width:224px;padding:8px 30px 12px 30px}
.indexList dd h1{overflow:hidden;position:relative;z-index:0;width:100%;height:27px;line-height:27px;text-indent:12px}
.indexList dd h1 i{position:absolute;z-index:999;top:17px;left:0;display:block;width:4px;height:4px;background-color:#888b86;border-radius:2px}
.indexCenter{width:100%;height:418px;background-color:#cecece}
.indexCenter .indexFocus{position:relative;z-index:0;width:817px;height:418px}
.indexCenter .centerList{width:342px;height:405px;padding:13px 19px 0 22px;background-color:#fff}
.indexCenter .indexFocus li,.indexCenter .indexFocus img{width:817px;height:418px}
.flexsliders .flex-control-nav{position:absolute;z-index:999;right:18px;bottom:19px;width:100%;text-align:right}
.flexsliders .flex-control-nav li{margin-right:8px;display:inline-block;zoom:1;*display:inline;width:15px;height:15px;text-indent:-99999px}
.flexsliders .flex-control-paging li a{width:15px;height:15px;display:block;background:#fff;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow:2px 2px 2px #666;-moz-box-shadow:2px 2px 2px #666;-webkit-box-shadow:2px 2px 2px #666;-ms-box-shadow:2px 2px 2px #666;-o-box-shadow:2px 2px 2px #666;text-indent:10000px}
.flexsliders .flex-control-paging li a.flex-active{background-color:#2f3847;border:0;cursor:default}
.indexCenter .centerList dl{padding:10px 0 13px 0;border-bottom:1px solid #c0c0c0}
.indexCenter .centerList dl:last-child{border-bottom:0}
.indexCenter .centerList dt{width:100%;height:31px;padding-bottom:4px;line-height:31px}
.indexCenter .centerList dt a:link,.indexCenter .centerList dt a:visited{font-size:18px;font-weight:bold;color:#464646}
.indexCenter .centerList dt a:hover{color:red}
.centerList dd{width:100%}
.centerList dd .a{overflow:hidden;position:relative;z-index:0;width:100%;height:24px;line-height:24px;text-indent:7px}
.centerList dd .a .i{position:absolute;z-index:999;top:11px;left:0;display:block;width:2px;height:2px;background-color:#464646}
.centerList dd .a:link,.centerList dd .a:visited{font-size:12px;color:#464646}
.centerList dd .a:hover{color:red}
.centerList dd .a:hover .i{background-color:red}
.index1{width:100%;background-color:#fff}
.indexList dd h1 a{font-size:14px}
.index1{background-color:#f4f4f4}
.i1{position:relative;z-index:0;overflow:hidden;width:100%;height:488px;background:url(../images/index0.gif) no-repeat}
.i1 .ah{position:absolute;z-index:999;top:281px;width:104px;height:43px;line-height:43px}
.i1 .a1{left:225px}
.i1 .a2{left:329px}
.i1 .ah:link,.i1 .ah:visited{font-size:18px;color:#434142}
.i1 .ah:hover{text-decoration:none;font-size:18px;color:#f6543b}
.index1 .list{width:1105px;min-height:317px;_height:317px;_overflow:visible;padding:66px 0 0 95px;background-color:#f4f4f4}
.index1 .list li{width:316px;margin-right:35px}
.index1 .list .classname{width:100%;height:67px;background:url(../images/index1.gif) no-repeat}
.index1 .list .li2 .classname{background-position:0 -67px}
.index1 .list .li3 .classname{background-position:0 -134px}
.index1 .list .classname a{display:block;width:100%;height:67px;line-height:66px;text-indent:100px}
.index1 .list .classname a:link,.index1 .list .classname a:visited,.index1 .list .classname a:hover{font-size:18px;color:#fff}
.index1 .list .a:hover .title,.index1 .list .a:hover .body{color:#fb5642}
.index1 .list .title{width:276px;margin:7px 20px 0 20px;line-height:29px;font-size:16px;color:#333}
.index1 .list .body{width:276px;margin:7px 20px 0 20px;line-height:27px;text-indent:15px;font-size:16px;color:#545454}
.index1 .list .li{position:relative;z-index:0;width:95%;margin:0 2.5%;height:30px;line-height:30px;font-size:14px}
.index1 .list .li a{font-size:14px}
.index1 .list .li .addtime{position:absolute;z-index:999;top:0;right:0;display:block;width:75px;height:30px;text-align:right;line-height:30px}
.index1 .list .li .span{font-family:宋体}
.index2{padding:46px 0;background-color:#de5a55}
.index2 .wrapper{width:1190px;border:5px solid #466158}
.index2 .application{width:723px;margin:24px 0 0 16px}
.index2 .application .h1{margin-bottom:23px;line-height:31px;text-indent:13px;font-size:19px;color:#000;font-weight:bold}
.index2 .application .h1 a:link,.index2 .application .h1 a:visited,.index2 .application .h1 a:hover{font-size:19px;color:#000;font-weight:bold}
.index2 .application .pic1{width:203px;margin-bottom:27px;border:3px solid #4ec7b6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-khtmlborder-radius:5px;-o-border-radius:5px}
.index2 .application .pic1 img{width:100%}
.index2 .application .pic2{width:717px;margin-bottom:23px;border:3px solid #4ec7b6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-khtmlborder-radius:5px;-o-border-radius:5px}
.index2 .application .pic2 img{width:100%}
.index2 .application .text{width:465px;margin-left:26px}
.index2 .application .topNews{}
.index2 .application .topNews .title{width:100%;height:29px;margin-bottom:10px;line-height:29px;font-size:18px;color:#000;font-weight:bold}
.index2 .application .topNews .a:hover .title{text-decoration:underline}
.index2 .application .topNews .body{width:100%;margin-bottom:17px;line-height:29px;font-size:14px;color:#333}
.index2 .application .topNews .detail{color:#666}
.index2 .application .topNews .a:hover .detail{color:#000}
.index2 .application .normalNews{width:100%;line-height:29px}
.index2 .application .normalNews a:link,.index2 .application .normalNews a:visited{font-size:14px;color:#666}
.index2 .application .normalNews a:hover{font-size:14px;color:#000}
.index2 .application .blanks{width:100%;height:39px}
.index2 .cases{width:380px;margin:24px 0 0 62px}
.index2 .cases .h1{margin-bottom:23px;line-height:31px;text-indent:13px;font-size:19px;color:#000;font-weight:bold}
.index2 .cases .h1 a:link,.index2 .cases .h1 a:visited,.index2 .cases .h1 a:hover{font-size:19px;color:#000;font-weight:bold}
.index2 .cases .topCase{width:377px;margin-bottom:38px;margin-left:3px}
.index2 .cases .topCase img{width:146px;height:97px;border:2px solid #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px}
.index2 .cases .topCase .text{width:209px}
.index2 .cases .topCase .title{height:30px;line-height:30px;font-size:18px;color:#000}
.index2 .cases .topCase .body{width:100%;margin:7px 0 0 0;line-height:29px;font-size:14px;color:#333}
.index2 .cases .topCase .a:hover .title{color:#666}
.index2 .cases .topCase .a:hover .body{color:#000}
.index2 .caselist{width:100%;height:37px;line-height:37px}
.index2 .caselist .block{width:20px;height:20px;margin:9px 8px 0 3px;background-color:#7862aa;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px}
.index2 .caselist.case2 .block{background-color:#cd4616}
.index2 .caselist.case3 .block{background-color:#01ac78}
.index2 .caselist.case4 .block{background-color:#cb177a}
.index2 .caselist.case5 .block{background-color:#90c320}
.index2 .caselist .title{width:327px;height:37px;line-height:37px;font-size:14px;color:#555}
.index2 .caselist:hover .title{color:#000}
.index3{padding:60px 0 74px 0;background-color:#fff}
.index3 .wrapper{position:relative;z-index:0;height:743px;background:url(../images/index3.jpg) no-repeat}
.index3 .wrapper .l1{position:absolute;z-index:999;width:395px;height:148px;left:59px;top:176px}
.index3 .wrapper .l1 img{width:395px;height:148px}
.index3 .wrapper .l2{position:absolute;z-index:999;width:321px;height:116px;left:454px;top:60px}
.index3 .wrapper .l2 img{width:321px;height:116px}
.index3 .wrapper .l3{position:absolute;z-index:999;width:319px;height:264px;left:455px;top:176px}
.index3 .wrapper .l3 img{width:319px;height:264px}
.index3 .wrapper .l4{position:absolute;z-index:999;width:320px;height:264px;left:313px;top:440px}
.index3 .wrapper .l4 img{width:320px;height:264px}
.index3 .wrapper .l5{position:absolute;z-index:999;width:178px;height:176px;left:775px;top:0}
.index3 .wrapper .l5 img{width:178px;height:176px}
.index3 .wrapper .l6{position:absolute;z-index:999;width:320px;height:264px;left:774px;top:292px}
.index3 .wrapper .l6 img{width:320px;height:264px}
.index3 .wrapper img{display:block;width:100%}
.indexNewslist{padding:27px 0 46px 0;border-top:46px solid #ecf2f5}
.indexNewslist .div{width:377px;margin-right:34px}
.indexNewslist .div.last{margin-right:0}
.indexNewslist .h1{position:relative;z-index:0;width:100%;line-height:30px;font-size:16px;font-weight:bold;color:#333}
.indexNewslist .h1 a{position:absolute;z-index:999;top:0;right:11px;font-size:14px;font-weight:bold}
.indexNewslist dt{position:relative;z-index:0;width:100%;height:168px;margin:14px 0}
.indexNewslist .img,.indexNewslist img{width:100%;height:168px}
.indexNewslist .classname{position:absolute;z-index:999;bottom:0;left:0;width:100%;height:40px;background:url(../images/black.png);text-align:center;line-height:40px;font-size:16px;color:#fff}
.indexNewslist dd{width:100%}
.indexNewslist dd .a{overflow:hidden;position:relative;z-index:0;width:100%;height:30px;line-height:30px;text-indent:12px;font-size:14px}
.indexNewslist dd .a .i{position:absolute;z-index:999;top:14px;left:0;display:block;width:4px;height:4px;background-color:#1779e3;border-radius:2px}
.indexNewslist dd .a .time{position:absolute;z-index:999;top:0;right:0;display:block;height:30px;line-height:30px;font-size:14px;color:#989a9e}
.indexNewslist dd .a:hover .time{color:red}
/*other*/
.banner{width:100%;text-align:center}
.banner img{display:block;max-width:100%;_width:100%;margin:0 auto}
.otherMain{overflow:hidden;margin:0 auto}
.topSorts{width:1200px;margin:0 auto}
.topSorts a{height:38px;margin:14px 11px 0 0;padding:0 32px;background-color:#fdf2dc;border:1px solid #ceb08a;text-align:center;line-height:38px}
.topSorts a:link,.topSorts a:visited{font-size:16px;color:#1e0c00}
.topSorts a.active:link,.topSorts a.active:visited,.topSorts a:hover{background-color:#725341;border-color:#ceb189;text-decoration:none;font-size:16px;color:#fce8c7}
.floatMenu{position:fixed;z-index:99999;_position:absolute;_bottom:expression(eval(document.documentElement.scrollTop+50));right:5px;bottom:50px;width:56px}
.floatMenu a{display:block;width:56px;height:56px;margin-bottom:4px}
.floatMenu a.qq{background:url(../images/fqq.png) no-repeat}
.floatMenu a.mobile{position:relative;z-index:0}
.floatMenu a.mobile .icon{position:absolute;z-index:999;left:0;top:0;width:56px;height:56px;background:url(../images/fmobile.png) no-repeat}
.floatMenu a.mobile span{position:absolute;z-index:1;top:0;right:15px;width:1px;height:56px;background-color:#ff7777;border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;-khtml-border-radius:8px 0 0 8px;-ms-border-radius:8px 0 0 8px;-o-border-radius:8px 0 0 8px;text-align:center;line-height:56px;font-size:20px;font-weight:bold;font-family:微软雅黑;color:#fff}
.floatMenu a.mobile:hover span{right:45px;width:202px}
.floatMenu a.weixin{position:relative;z-index:0;background:url(../images/fweixin.png) no-repeat}
.floatMenu a.weixin img{*display:none;position:absolute;z-index:999;right:0;top:0;width:1px;height:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-opacity:0}
.floatMenu a.weixin:hover img{*display:block;right:65px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-opacity:1;width:120px;height:auto}
.floatMenu a.up{background:url(../images/fup.png) no-repeat}
.floatMenu a.up:hover{background-position:0 -56px}
/*分页*/
.pages{overflow:hidden;width:100%;padding:20px 0 0;text-align:center;line-height:24px;font-size:12px;color:#333}
.pages a,.pages span{display:inline-block;*display:inline;*zoom:1;height:24px;margin-right:10px;padding:0 5px;border:1px solid #ccc;line-height:24px}
.pages a.ibctive{color:red}