@charset "gb2312";body,html{padding:0;font-size:14px;line-height:1.8em;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;background-color:#fff}
#header{border-top:#DD2D2D solid 2px;padding:15px 0 0}
h1#logo{margin:0 auto;padding:0 0 15px}
.top-contact{line-height:1.4em;width:350px;margin:0 auto}
.top-contact>div{position:relative;height:54px;margin:0 0 0 40px;padding:8px 0}
.top-contact>div:before{position:absolute;display:block;content:" ";height:38px;width:30px;left:-35px;background-image:url(top-icon.png);background-repeat:no-repeat}
.top-contact div.top-telphone{color:#DD2D2D;font-family:ProximaNova-Regular,'Open Sans',Helvetica,sans-serif;margin-left:60px}
.top-contact div.top-telphone:before{width:30px;background-position:bottom right}
#navigation{background-color:#F7F7F7}
#menu{list-style-type:none;margin:0;padding:0;overflow:hidden;zoom:1}
#menu li{text-align:center;float:left;width:50%;border-top:#EDEDED solid 1px;border-left:#EDEDED solid 1px}
.weizhi{height:30px;line-height:30px;font-size:14px;text-align:right}
.weizhi h3{float:left;font-size:22px;color:#c00;margin:0}
.weizhi .so{float:left;height:30px;overflow:hidden}
.weizhi .so .search-keyword{float:left;width:210px;padding:0 10px;height:28px;line-height:28px;font-size:14px;font-family:'microsoft yahei';color:#a9a9a9;border:1px #b1191a solid;background:#fff}
.weizhi .so .search-submit{float:left;height:28px;width:80px;line-height:28px;color:#fff;font-size:15px;padding:0;margin:0;font-family:'microsoft yahei';border:1px #b1191a solid;background:#b1191a;cursor:pointer}
/*! Banner */.slick-slider{-moz-user-select:none;box-sizing:border-box;display:block;position:relative}
.slick-list{display:block;margin:0;overflow:hidden;padding:0;position:relative}
.slick-list:focus{outline:medium none}
.slick-loading .slick-list{background:url(../images/loading.gif) no-repeat scroll center center #fff}
.slick-list.dragging{cursor:pointer}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{transform:translate3d(0,0,0)}
.slick-track{display:block;left:0;position:relative;top:0;z-index:1}
.slick-track::after,.slick-track::before{content:"";display:table}
.slick-track::after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}
.slick-next,.slick-prev{background:none repeat scroll 0 0 transparent;border:medium none;color:transparent;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin-top:-10px;outline:medium none;padding:0;position:absolute;top:50%;width:20px}
.slick-next:focus,.slick-prev:focus{outline:medium none}
.slick-next.slick-disabled::before,.slick-prev.slick-disabled::before{opacity:.25}
.slick-next::before,.slick-prev::before{color:#fff;font-size:20px;line-height:1;opacity:.85}
.slick-prev{left:-5px}
.slick-prev::before{content:"\e257"}
.slick-next{right:-5px}
.slick-next::before{content:"\e258"}
.slick-dots{bottom:0;display:block;list-style:outside none none;padding:0;position:absolute;text-align:center;width:100%;z-index:30}
.slick-dots li{cursor:pointer;display:inline-block;height:20px;margin:0 5px;padding:0;position:relative;width:20px}
.slick-dots li button{background:none repeat scroll 0 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;font-size:0;height:15px;line-height:0;outline:medium none;padding:5px;width:15px}
.slick-dots li button:focus{outline:medium none}
.slick-dots li.slick-active button::before{opacity:.75}
.pane-bundle-carousel .slick-slider .slick-next,.pane-bundle-carousel .slick-slider .slick-prev{background-color:#0081d1;height:75px;top:45%;transition:all .3s ease 0s;width:35px}
.pane-bundle-carousel .slick-slider .slick-next:hover,.pane-bundle-carousel .slick-slider .slick-prev:hover{background-color:#fbbc0d;transition:all .3s ease 0s}
#banner{position:relative;height:150px;z-index:1}
#banner .slick-slide{height:150px;background-position:center center;background-size:cover}
#banner .camera_caption{text-align:center}
#banner .slick-dots li{position:relative;display:inline-block;list-style-type:none;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
#banner .slick-dots li button{background:rgba(255,255,255,.63);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;font-size:0}
#banner .slick-dots li.slick-active button{background:#DD2F2F}
#banner button.slick-next,#banner button.slick-prev{display:none!important}
#banner .bannerpic{height:100%;background-size:cover;background-position:center center}
#body{padding-top:30px}
.home-title{padding:40px 0;text-align:center}
.home-title h2{margin:0;padding:0 0 14px;font-weight:700;background:url(../images/fgx.gif) no-repeat bottom center}
.home-title h2 em{display:block;font-style:normal;font-weight:400;font-size:.8em;color:#39393C}
.advantage{position:relative;height:378px;margin:0 0 20px 37px;max-width:330px}
.advantage-img{position:absolute;z-index:1;left:0;top:0}
.advantage-text{position:absolute;z-index:2;right:0;bottom:0;width:296px;height:239px;padding:77px 15px 0;background:url(../images/bg_adgray.png) no-repeat right bottom;font-size:12px;box-shadow:2px 2px 2px#ccc}
.advantage-active .advantage-text{color:#fff;background-image:url(../images/bg_adred.png);box-shadow:2px 2px 2px#DD2E2D}
.advantage-text h5{font-size:18px}
.advantage-img i{font-size:14px;text-align:center;line-height:16px;font-style:normal;font-weight:700;text-align:center;color:#666;display:block;width:37px;height:78px;padding-top:42px;background:#eee url(../images/youshi.jpg) no-repeat 0 0;position:absolute;left:-37px;top:20px}
#search{margin-bottom:15px;margin-top:35px;height:110px;background:url(../images/search_bg.jpg) no-repeat top center}
#search .so{float:left;height:54px;width:855px;padding:28px 0}
#search .search-keyword{float:left;height:54px;width:720px;padding-left:5px;font-size:18px;line-height:54px;color:#666;border:none;background:#fff}
#search .search-submit{float:left;width:130px;height:54px;text-align:center;line-height:54px;color:#fff;font-size:18px;border:none;background:#dd2f2f}
#search .x-c-z{float:right;width:221px;padding:15px 0 0 0}
#topsearch{overflow:hidden;zoom:1}
.search-text{width:85%}
.search-text input{padding-left:15px}
.search-btn{width:15%}
.search-btn input{color:#fff;background-color:#DD2F2F}
#home-product-menu{display:none}
.product-box{padding-top:30px;padding-bottom:25px}
.product-cate-title{position:relative;height:50px;padding-left:65px;line-height:26px;border-bottom:#24201F solid 2px}
.product-cate-title:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px}
.product-cate-title .floor-name{position:absolute;top:0;left:0;width:38px;height:50px;border-bottom:#CD0A0A solid 2px}
.product-cate-title .floor-name em{display:block;height:26px;background-color:#C03;color:#fff;font-style:normal;font-size:22px;line-height:26px;text-align:center}
.product-cate-title h3{margin-top:0;margin-bottom:0}
.product-cate-title span.more{position:absolute;right:0;top:0;line-height:26px}
.product-cate-title span.more a{color:#5C5C5C}
.product-cate-title span.more a:hover{color:#C03;text-decoration:none}
#home-product-list .product-list{border-left:#EEE solid 1px}
#home-product-list .product-item{float:left;width:50%;height:229px;border-right:#EEE solid 1px;border-bottom:#EEE solid 1px}
#home-product-list .product-item div{width:180px;margin:12px auto 0}
#home-product-list .product-item p{color:#747474;padding-top:10px;line-height:1.8em;font-size:12px}
#home-product-list .product-item p a{color:#747474}
#home-product-list .product-item a{color:#f82d12;font-size:12px;line-height:14px}
#home-product-list .product-item a:hover{color:#C03;text-decoration:none}
#home-product-list .product-vivid{display:none;text-align:center;color:#fff}
#home-product-list .product-cate-slogan{font-size:22px;margin-top:35px}
#home-product-list .product-cate-desc{font-size:14px;height:40px;line-height:40px;background:url(../images/productCategory-desc-bg.png) no-repeat center center}
#home-product-list .product-cate-more{font-size:12px;padding-top:15px}
#home-product-list .product-cate-more a{padding:10px 15px;border:#fff solid 1px;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}
#home-product-list .product-cate-more a:hover{text-decoration:none;border:#C03 solid 1px;background-color:#C03}
#home-product-list .product-item img{width:180px;height:120px;display:block}
#left-product-category{display:none}
.product-cate-list{margin:0;padding:0;list-style-type:none;border-top:#EDEDED solid 1px}
.product-cate-list li{border-bottom:#EDEDED solid 1px}
.product-cate-list a{display:block;padding:5px 20px}
#product-search{height:33px;position:relative;z-index:10}
#product-search .product-cate-list{position:absolute;width:100%;background-color:#fff;z-index:30;border-top:#EDEDED solid 1px}
#product-search .product-cate-list li{text-align:left;line-height:36px;float:left;width:50%;border-left:#EDEDED solid 1px;border-bottom:#EDEDED solid 1px}
#product-search .product-cate-list li:nth-child(2n+1){border-left:none}
#product-search .select-category{display:block}
#product-search input{border:#b1191a solid 1px;float:left;height:33px;line-height:33px}
#product-search input[type=text]{padding-left:10px;width:40%;border-right:none}
#product-search input[type=submit]{color:#fff;background-color:#b1191a;width:80px}
#product-search .select-category{height:33px;width:100px;float:left;line-height:33px;text-align:center}
#product-list{padding-top:25px}
#product-list h1,.product-details h1{font-size:26px;color:#c00}
.product-details img{max-width:100%;height:auto}
#product-list .product-item{width:242px;margin:15px auto;background-color:#eee;border:#eee solid 1px}
#product-list .product-item img{width:240px;height:160px;display:block}
#product-list .product-item .title,#product-list .product-item p{display:block;margin:0 10px;padding-top:6px;padding-bottom:6px}
#product-list .product-item p{border-top:#dcdcdc solid 1px;font-size:12px;line-height:1.6em;height:70px}
#product-list .product-item a{text-decoration:none;color:#363636}
#product-list .product-item:hover{background-color:#dd2e2d;color:#fff;border:#dd2e2d solid 1px}
#product-list .product-item:hover a{color:#fff}
.product-info dl{margin-bottom:10px}
.product-info dt{width:75px}
.product-info dd,.product-info dt{display:table-cell}
#contact{background:url(../images/contact_bg.jpg) no-repeat 0 0;background-size:cover}
#contact .head{padding-top:100px;padding-bottom:20px}
#contact .head h1{font-size:26px;color:#fff;margin:0;padding:0;line-height:26px;text-transform:uppercase}
#contact .head h1 em{font-size:.6em;font-style:normal;margin-left:8px}
#dituContent{height:345px;width:100%}
#subContact{width:100%;max-width:750px;margin-top:55px;padding:15px 0;background-image:url(../images/icon_3.png);color:#fcfafa}
.subContactMenu{width:215px;display:none}
.subContactMenu ul{list-style-type:none;margin:0;padding-left:0}
.subContactMenu ul li{padding:0}
.subContactMenu ul li h3{display:block;height:40px;padding-left:40px;margin:-30px 0 0 0;background:#393939 url(../images/icon_4.png) no-repeat 18px center;line-height:40px;color:#fcfafa;font-size:14px}
.subContactInfo h2{font-size:18px;margin-bottom:20px}
.subContactInfo ul{list-style-type:none;padding-left:0}
h3.about-title{font-size:24px}
em.about-desc{font-style:normal;font-size:14px}
#about-1{padding:25px 0}
#about-1 .row{margin-top:30px}
#about-1 .icon{display:block;height:100px;min-width:80px;background-position:center center;background-repeat:no-repeat}
.one .icon{background-image:url(../images/pic_kc.png)}
.two .icon{background-image:url(../images/pic_fh.png)}
.three .icon{background-image:url(../images/pic_fw.png)}
#about-1 .box-row{max-width:220px;margin:auto}
#about-1 h5 em{font-style:normal;display:block;font-size:14px}
#about-2{padding:20px 0}
#about-2 .about-title{height:60px;padding-bottom:7px;background:url(../images/bt_left.png) no-repeat center top;color:#fff;line-height:53px}
#about-2 .row{margin-top:20px}
#about-1 h5,#about-2 h5{margin-top:15px;font-size:20px;font-weight:700;color:#1e1e1e;line-height:30px}
#about-2 p{font-size:12px;line-height:1.6em}
#about-3{padding:20px 0}
#about-3 .about-title{height:60px;padding-bottom:7px;background:url(../images/bt_right.png) no-repeat center top;color:#fff;line-height:53px}
#about-3 .col-sm-6{text-align:left;min-height:110px;margin-top:25px}
#about-3 .ln-img{position:absolute;width:110px;height:110px;border-radius:50%;overflow:hidden}
#about-3 .ln-text{margin-left:130px}
#about-3 .ln-text h5{font-weight:700}
#about{padding-top:25px}
#about .about-title{height:60px;padding-bottom:7px;background:url(../images/bt_left.png) no-repeat center top;color:#fff;line-height:53px}
.time-line{margin-top:20px}
.time-line .time-title{line-height:20px;font-size:16px;color:#1e1e1e;font-weight:700;vertical-align:middle;width:100%;text-align:center;margin-bottom:20px}
.time-line dt img{width:210px;height:140px}
.time-line dd{padding-top:15px}
.hot-tel{width:206px;height:98px;margin:0 auto;padding-top:30px;background:url(../images/hot_tel.png) no-repeat center top;color:#f9f5f5;font-size:22px}
.hot-tel span{display:block;line-height:40px}
#teamer{background-color:#F0F0F0;text-align:center;padding-top:20px}
#teamer img{width:100%;max-width:1090px;margin:0 auto}
#teamer p{font-size:30px;margin-top:25px;margin-bottom:35px}
#base_info{padding:30px 0;background-color:#f0f2f3}
#base_info h2{color:#3cf;font-size:26px;text-align:center;margin-top:10px;margin-right:15px}
#base_info h2 em{display:inline-block;color:#333;width:100%;line-height:1.5em;margin-top:10px}
#base_info .col-sm-8{font-size:12px}
.application-item{max-width:334px;margin:15px auto}
.application-item i.icon{display:block;width:68px;height:68px;margin:25px auto 0;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.application-item h3{margin:10px 0 0;height:30px;line-height:30px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-align:center}
.each-wrap{width:330px;height:160px;position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}
.each-wrap .cover{position:absolute;width:100%;height:100%;background-color:#0066a5;opacity:.55;z-index:0}
.each-wrap span{position:absolute;display:block;width:100%;height:100%;color:#fff;z-index:1}
#cooperative{background-color:#EDEDED;margin-top:20px;padding-left:20px;padding-right:20px}
#cooperative h4{font-size:20px;margin:25px 0}
#cooperative ul{list-style-type:none;padding:0;margin-left:-25px;margin-right:-25px;overflow:hidden;zoom:1}
#cooperative ul li{float:left;width:180px;height:80px;padding:5px 25px;box-sizing:content-box}
#cooperative ul li a img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)}
#cooperative ul li a:hover img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}
#footer{background-color:#222;padding:0 20px}
#foot-menu{color:#f8fafa;font-size:16px}
#foot-menu h5{margin:0;padding:30px 0 15px}
#foot-menu h5 a{color:#f8fafa}
#foot-menu h5 a:hover{text-decoration:none}
#foot-menu ul{list-style-type:none;margin:0;padding:0;font-size:12px}
#foot-menu ul li{height:26px}
#foot-menu ul a{color:#b5b4b4;display:inline-block;line-height:16px;height:16px;overflow:hidden}
#foot-menu ul a:hover{border-bottom:#ccc dotted 1px;text-decoration:none}
#copyright{position:relative;border-top:#2F2F2F solid 1px;padding:10px 0;margin-top:30px;color:#7d7d7d}
#share{display:none}
@media (min-width:768px){#header{padding-top:30px;padding-bottom:15px}
h1#logo{padding-bottom:0;margin-left:0;float:left}
.top-contact{float:right}
#navigation{height:50px;padding-top:9px;float:right;background-color:#fff}
#menu{position:relative;top:-1px;overflow:hidden;zoom:1;height:53px}
#menu li{float:left;height:50px;border:none;width:auto}
#menu li a{display:block;width:100px;height:50px;text-align:center;color:#1A1A1A}
#menu li a span{display:block;line-height:25px;font-weight:700;font-size:16px}
#menu li a em{font-style:normal;font-size:12px;line-height:20px}
#menu li a:hover,#menu li.active a{text-decoration:none;color:#BB0F0F;background-position:left bottom}
#banner{height:500px}
#banner .slick-slide{height:500px}
.home-title h2{font-size:36px}
.home-title h2 em{padding-left:.8em;display:inline}
#topsearch{margin-right:245px}
#home-product-list .product-vivid{display:none}
#home-product-list .product-item{width:25%}
.product-container{height:458px}
#product-list{float:none;width:100%}
.product-details img{max-width:750px;height:auto}
.product-info{padding-top:12px;padding-bottom:12px}
.product-info img{max-width:420px;height:auto;border:0}
#about-2 img{width:100%;max-width:250px}
.time-line{background:url(../images/time_line.png) repeat-y center top}
.time-line dl{margin-bottom:0;overflow:hidden;zoom:1;padding:15px 0}
.time-line dd,.time-line dt{width:50%;min-height:100px}
.time-line dd{padding-top:0}
dl.right dt{text-align:left;float:right}
dl.right .time-title,dl.right dd{text-align:right}
dl.left dd,dl.right dt{padding-left:36px}
dl.left dt,dl.right dd{padding-right:36px}
dl.left dt{float:left;text-align:right}
dl.left dd{float:left;text-align:left}
.time-title{position:relative;z-index:1}
.time-title:after{content:" ";position:absolute;width:16px;height:16px;display:block;background:url(../images/icon_1.png) no-repeat center center;top:2px}
dl:hover .time-title:after{background-image:url(../images/icon_2.png)}
dl.left .time-title:after{left:-44px}
dl.right .time-title:after{right:-44px}
dl.first .time-title:before{content:" ";position:absolute;top:-15px;right:-38px;width:4px;height:17px;background-color:#fff}
dl.left .time-title{text-align:left}
#base_info h2{color:#3cf;font-size:26px;text-align:right;margin-top:10px;margin-right:15px}
#base_info h2 em{display:inline-block;color:#333;width:230px;line-height:1.5em;margin-top:10px}
#base_info .col-sm-8{border-left:#ccc solid 2px;font-size:12px}
#base_info .application_info{display:table-cell;margin-left:15px;height:175px;vertical-align:middle;overflow:hidden}
.application-item{width:250px}
.application-item i.icon{width:48px;height:48px;background-size:cover}
.application-item h3{font-size:16px}
.each-wrap{width:250px;height:121px}
#contact{height:980px}
.subContactMenu{display:block}
.subContactInfo{padding:15px}
.subContactInfo .show{height:260px;overflow:hidden}
.subContactInfo .show p{font-size:14px}
#share{display:inline-block;position:absolute;right:0;top:15px}
}
@media (min-width:992px){#menu li{padding-right:15px}
#home-product-list .product-list{float:left;width:824px;border-left:none}
#home-product-list .product-vivid{display:block;float:left;width:276px;height:458px;background-position:left top;background-repeat:no-repeat}
#home-product-menu{position:absolute;display:block;width:150px;left:50%;margin-left:-690px}
#home-product-menu ul{list-style-type:none;margin:0;padding:0 15px 0 0;float:left}
#home-product-menu ul li{padding-top:3px;padding-bottom:3px}
#home-product-menu ul li a{color:#6a6969;display:block;position:relative;padding-left:20px;height:22px;line-height:22px}
#home-product-menu ul li i{position:absolute;top:0;left:0;width:15px;height:22px;display:block;border-bottom:#A1A1A1 solid 1px;font-style:normal;-webkit-transition:all .5s ease;transition:all .5s ease}
#home-product-menu ul li a:after{position:absolute;top:11px;left:13px;content:" ";display:block;border:#CD0A0A solid 1px;height:1px;width:1px;line-height:1px}
#home-product-menu ul li a:hover,#home-product-menu ul li.active a{color:#cc1300;text-decoration:none}
#home-product-menu ul li a:hover i,#home-product-menu ul li.active a i{width:100%}
#left-product-category{display:block;float:left;margin-right:18px;width:242px;min-height:630px; padding-bottom:20px;background:url(../images/bg_menu.png) no-repeat 0 0}
#left-product-category.application{background:url(../images/bg_menu.png) no-repeat 0 0}
#left-product-category .product-cate-head{height:120px}
#left-product-category .product-cate-head h3{font-size:20px;font-weight:700;color:#a41f30;padding:36px 0 0 0;margin:0;text-align:center}
#left-product-category .product-cate-list{list-style-type:none;margin:50px 0 0 55px;border-top:none}
#left-product-category .product-cate-list li{border-bottom:none}
#left-product-category a{color:#fff}
#product-list{float:left;width:840px}
.product-details .con{font-size:14px;line-height:1.8em; min-height:500px; margin-bottom:15px;}
.product-details .con img{border:0 none;box-sizing:border-box;height:auto!important;max-width:100%!important;vertical-align:middle}
.product-details .con div,.product-details .con p{margin-bottom:10px}
.product-details .con table{width:100%!important}
#product-search .select-category{display:none}
.dede_pages{padding:15px 0 0 0}
.dede_pages ul{float:right;padding:0;font-size:14px;margin-bottom:20px}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:30px;padding:0 10px;background:#fff;border:1px solid #d8dadf;list-style:none}
.dede_pages ul li a{float:left;color:#555;display:block}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #c1333f solid;background-color:#c1333f}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#c1333f;padding:0 10px;color:#fff;border:1px #c1333f solid}
.dede_pages ul li.thisclass a{color:#fff}
.dede_pages strong{font-weight:400}
.application-item{width:334px}
.application-item i.icon{width:68px;height:68px}
.application-item h3{font-size:20px}
.each-wrap{width:330px;height:160px}
}
.pagelist{text-align:center;padding:25px 0 0}
.pagelist a{color:#666}
.pagelist a:hover{color:#0082cb}
.pagelist .page,.pagelist .page em,.pagelist .page.hover,.pagelist .page.hover em{background-image:url(../images/page.png);background-repeat:no-repeat;overflow:hidden}
.pagelist .page,.pagelist .page.hover{display:inline-block;font-family:microsoft yahei;height:29px;padding-left:10px;position:relative;text-align:center;z-index:5}
.pagelist .page em,.pagelist .page.hover em{display:inline-block;font-style:normal;line-height:29px;padding:0 10px 0 0}
.pagelist .page{background-position:left top;cursor:pointer}
.pagelist .page em{background-position:right top;cursor:pointer}
.pagelist .page.hover{background-position:left -30px;color:#fff}
.pagelist .page.hover em{color:#fff;background-position:right -30px}