/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "utf-8";*{margin:0;padding:0}
html{overflow-x:hidden}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,li,ol,p,pre,textarea,ul{font-size:12px;font-family:"微软雅黑"}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}
dd,dl,dt,li,ol,ul{display:block;list-style:none}
img{border:0;display:block}
.clear{clear:both;height:0}
.clear-fix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
a{text-decoration:none;outline:0}
.header{width:100%;height:555px;border-top:4px solid #0092b4;position:relative;background:url(../img/headerbg.jpg) left bottom repeat-x}
.banner{width:100%;height:360px;margin-top:58px}
.slides{margin:0 auto;width:100%;height:360px;overflow:hidden;position:relative}
.slide-pic{margin:0;padding:0;width:100%;overflow:hidden;list-style:none;text-align:center}
.slide-pic li{display:none}
.slide-pic img{margin:0 auto}
.slide-pic li.cur{display:block}
.topBg{width:100%;height:89px;position:absolute;left:0;top:0;z-index:99}
.top{width:1000px;height:89px;margin:0 auto;overflow:hidden}
.logo{width:460px;height:89px;float:left}
.toptel{width:300px;height:89px;float:right;text-align:right;color:#004658;font-size:12px;line-height:89px}
.toptel span{font-family:impact;font-size:26px;vertical-align:middle}
.navgrp{width:1000px;height:68px;margin:0 auto;position:relative}
.navleft{position:absolute;left:-35px;top:0;width:35px;height:38px}
.navright{position:absolute;right:-35px;top:0;width:35px;height:38px}
.nav{width:1000px;height:68px;background:url(../img/navbg.jpg) left top repeat-x}
.nav li{width:111px;float:left;text-align:center;background:url(../img/navxian.jpg) right top no-repeat}
.nav li a{color:#04526c;font-size:16px;height:68px;line-height:68px;width:111px;display:block;font-weight:700}
.nav li a:hover{color:#04526c}
.noticeBg{width:100%;height:71px;background:url(../img/navbg.png) center top no-repeat;position:relative}
.notice{position:relative;width:1000px;height:71px;margin:0 auto}
.niticeT{width:610px;height:71px;float:left}
.noticeTF{width:80px;height:71px;line-height:71px;float:left;font-size:16px;color:#04526c;font-weight:700}
#noticeCon{width:530px;height:71px;line-height:71px;float:left;overflow:hidden;font-size:14px;color:#04526c;overflow:hidden;white-space:nowrap}
#noticeConIn{width:752%;float:left;overflow:hidden}
#noticeCon1 a,#noticeCon2{float:left;font-size:14px;color:#04526c;overflow:hidden;white-space:nowrap}
.search{width:379px;heigth:34px;padding-top:18px;float:left;padding-left:11px}
.text{float:left;width:233px;padding-left:15px;background:url(../img/arrows.jpg) left bottom no-repeat;height:34px;line-height:34px;border:0;font-size:14px;color:#999}
.btn{float:left;background:url(../img/searchb.jpg) no-repeat center center;width:40px;height:34px;border:0;cursor:pointer}
.select{float:left;width:91px;height:34px;line-height:34px;background:url(../img/arrow.jpg) left top no-repeat;position:relative}
.select select{margin:5px auto;width:91px}
.searchBar span{float:right;margin-top:6px}
.searchBar span a{color:#666;margin-right:8px}
.searchBar span a:hover{color:#ef9b11}
.searchBar .select{float:left;margin-top:1px;display:inline;margin-right:8px}
.searchBar .text{float:left}
div.selectbox-wrapper{border:#b7d1eb 1px solid;border-top:#b7d1eb 0 solid;overflow:hidden;width:91px;position:absolute;background:#fff;text-align:left;z-index:10}
div.selectbox-wrapper ul li.selected{background-color:#04526c;color:#fff}
div.selectbox-wrapper ul li.current{color:#fff;background-color:#04526c}
div.selectbox-wrapper ul li{text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height:24px;padding-top:3px;font-size:14px}
.selectbox{border:none;display:block;width:91px;text-indent:8px;cursor:pointer;height:34px;background:0 0;line-height:34px;font-size:14px;color:#04526c}
.section{width:100%;margin:auto;position:relative;clear:both;overflow:hidden}
.proBg{width:100%;height:667px;background:url(../img/probg.jpg) left bottom repeat-x}
.proBd{width:1000px;height:667px;background:url(../img/index_11.png) left top no-repeat;position:relative;margin:0 auto}
.proTitleBd{width:1000px;height:64px}
.proTitle{width:210px;padding-left:102px;height:56px;float:left;background:url(../img/titlebg.png) 102px bottom no-repeat;font-size:24px;color:#04526c;line-height:56px;font-weight:700}
.proTitle span{text-transform:uppercase;color:#666}
.proTitleXian{width:580px;height:64px;background:url(../img/index_06.jpg) left 24px repeat-x;float:left}
.more{height:38px;background:#fff;float:left;margin-top:16px;width:108px}
.more a{color:#187462;font-size:14px;font-weight:700}
.proList{width:1000px;padding-bottom:30px;padding-top:10px;margin:0 auto}
.proList dl{float:left;margin-right:26px;padding-bottom:4px}
.proList dl dt{width:308px;height:230px;padding:3px;border:1px solid #c9c9c9;position:relative;background:#fff}
.proList dl:nth-child(3n){margin-right:0}
.proList dl dd{width:316px;height:50px;text-align:center;line-height:40px}
.proList dl dd a{color:#000;font-size:16px}
.shadow4{-moz-box-shadow:0 0 4px #666;-webkit-box-shadow:0 0 4px #666;box-shadow:0 0 4px #666}
.ncbg{width:100%;height:379px;padding-top:30px;background:url(../img/newbg.jpg) left bottom repeat-x}
.ncBy{width:1000px;height:340px;margin:0 auto}
.Title{height:54px;font-size:24px;color:#04526c;background:url(../img/titlebg.png) 100px 42px no-repeat;line-height:44px;font-weight:700;padding-left:100px;position:relative;width:400px}
.Title span,.contactTitle span{text-transform:uppercase;color:#666}
.Titlemore{width:108px;height:38px;position:absolute;right:10px;top:10px}
.Title2{height:56px;font-size:24px;color:#04526c;background:url(../img/titlebg.png) 100px 50px no-repeat;line-height:56px;font-weight:700;padding-left:100px;position:relative;width:900px}
.Title2 span{text-transform:uppercase;color:#666}
.Titlemore2{width:108px;height:38px;position:absolute;right:10px;top:15px}
.newsshadow{width:500px;height:340px;background:#fff;float:left}
.news{width:496px;height:340px;float:left;position:relative;background:#fff}
.shadowL2{-moz-box-shadow:-2px 2px 4px #999;-webkit-box-shadow:-2px 2px 4px #999;box-shadow:-2px 2px 4px #999}
.newsBg{width:532px;height:100px;background:url(../img/index_16.png) left top no-repeat;position:absolute;left:-32px;top:0}
.courseBg{width:496px;height:100px;background:url(../img/index_17.png) left top no-repeat;position:absolute;left:0;top:0}
.borderright{-moz-box-shadow:2px 4px 4px #999;-webkit-box-shadow:2px 4px 4px #999;box-shadow:2px 4px 4px #999}
.newsBd{width:496px;height:340px;position:absolute;left:0;top:0;z-index:99}
.newsList{width:496px;height:286px}
.newsList dl{width:470px;height:135px;padding-top:30px;padding-left:15px;background:#fff}
.newsList dl dt{width:170px;height:125px;padding:4px;border:1px solid #c9c9c9;background:#fff;float:left}
.newsList dl dd{width:275px;padding-left:15px;float:left}
.newsList dl dd .intro{color:#666;font-size:12px;line-height:24px}
.newsList dl dd .num{color:#999;line-height:30px}
.courseList ul,.newsList ul{padding-top:15px;padding-left:15px;width:470px}
.courseList ul li,.newsList ul li{width:450px;height:40px;padding:0 10px;border-bottom:1px dotted #c8d3d9}
.courseList a,.newsList a{color:#04526c;font-size:14px;line-height:40px}
.courseList a:list,.newsList a:hover{color:#04526c}
.course{width:496px;height:340px;float:left;position:relative;-moz-box-shadow:2px 2px 4px #999;-webkit-box-shadow:2px 2px 4px #999;box-shadow:2px 2px 4px #999;background:#fff}
.course{width:496px;height:340px;float:left;background:url(../img/index_21.jpg) left bottom repeat-y}
.courseList{width:496px;height:286px}
.acbg{width:100%;height:348px;background:url(../img/index_20.jpg) left bottom repeat-x;position:relative}
.activeBg{width:50%;height:348px;display:block;background:url(../img/index_21a.jpg) left top no-repeat #fff;position:absolute;left:50%;top:0}
.active{width:1000px;height:348px;margin:0 auto;position:relative;background:url(../img/index_21.png) left top no-repeat;overflow:hidden}
#activeList{width:1000px;height:245px;margin:0 auto;position:relative;overflow:hidden}
#activeIn{width:752%;float:left}
#activeList1,#activeList2{float:left}
#activeList ul{padding-top:25px}
#activeList li{width:234px;height:216px;float:left;margin-left:20px}
#activeList li img{padding:4px;border:1px solid #c9c9c9;background:#fff;-moz-box-shadow:0 0 4px #999;-webkit-box-shadow:0 0 4px #999;box-shadow:0 0 4px #999}
#activeList li span{display:block;width:234px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#000}
.ccbg{width:100%;height:309px;background:url(../img/index_23.jpg) left bottom repeat-x}
.ccBd{width:1000px;height:309px;margin:0 auto}
.contact{width:440px;height:309px;float:left;background:url(../img/index_310.png) left top no-repeat;overflow:hidden}
.companyT,.contactT{height:66px;font-size:24px;color:#ffb400;line-height:66px;font-weight:700;padding-top:23px;position:relative}
.companyT span,.contactT span{text-transform:uppercase;color:#ffdc87}
.contactT{padding-left:100px;width:340px;background:url(../images/titlebg2.png) 100px 80px no-repeat}
.companyT{padding-left:78px;width:492px;background:url(../images/titlebg2.png) 78px 80px no-repeat}
.companyM{width:108px;height:38px;position:absolute;right:10px;top:45px}
.contactN{padding-top:30px}
.contactN ul li{font-size:14px;line-height:36px;color:#7fdfff;padding-left:30px}
.company{width:560px;height:309px;float:left;background:url(../img/index_29.png) left top no-repeat;overflow:hidden}
.company dl{width:560px;padding-top:35px;height:150px;overflow:hidden}
.company dl dt{width:146px;height:140px;padding:3px;float:left;background:#fff}
.company dl dd{width:396px;padding-left:10px;float:left;font-size:14px;line-height:24px;color:#7fdfff}
.footer{width:100%;height:238px;background:url(../img/index_36.jpg) left top repeat-x;position:relative}
.link{width:100%;height:69px}
.linkkj{position:relative;width:1000px;height:69px;margin:0 auto;line-height:69px;overflow:hidden}
.link_title{width:140px;font-size:18px;font-weight:700;color:#fff;float:left;padding-left:25px}
.link_title span{font-size:12px;color:#fff;text-transform:uppercase;padding-left:10px}
.link_list{width:835px;float:left}
.link_list a{padding-left:15px;color:#7fdfff;font-size:14px}
.copyright{width:1000px;height:119px;margin:0 auto;font-size:12px;color:#7fdfff;text-align:center;padding-top:50px;line-height:30px}
.copyright a{color:#7fdfff}
.copyright a:hover{color:#fff}
.mainBd{width:100%;background:url(../img/bodybg.jpg) center top repeat-x #ebebeb}
.main{width:1000px;margin:0 auto;padding-top:24px;padding-bottom:20px}
.left_main{width:227px;float:left;overflow:hidden}
.procla{width:227px;background:url(../img/proclass.jpg) left top no-repeat #014f63}
.conleft_title,.leftnews_title,.procla_title{width:137px;height:47px;padding-top:5px;font-size:24px;line-height:30px;color:#04526c;text-align:left;padding-left:90px}
.leftnews_title span,.procla_title span{text-transform:uppercase;color:#999;font-size:8px!important;font-family:Arial,Helvetica,sans-serif;display:block;line-height:16px;-webkit-transform:scale(.66667);text-align:left}
.procla_list{width:225px;border:1px solid #155d6f;border-top:none;border-bottom:none;padding-top:30px}
.procla_list ul li{width:185px;display:block;line-height:45px;font-size:14px;color:#7fdfff;padding-left:40px;border-bottom:1px solid #16768f;background:url(../img/arrow2.jpg) 20px 18px no-repeat}
.procla_list a{font-size:14px;color:#7fdfff}
.procla_list ul ul{display:none;clear:both}
.procla_list ul ul li{width:166px;height:45px;line-height:45px;background:url(../img/arrow2.jpg) 45px 18px no-repeat;font-size:14px;color:#000;padding-left:59px}
.leftnews{width:227px;height:309px;margin-top:20px;position:relative}
.leftnewsBg{width:231px;height:309px;background:url(../img/lnewsbg.jpg) left top no-repeat;position:absolute;left:-2px;top:0}
.leftnews_list{width:225px;padding-top:30px}
.leftnews_list ul li{width:195px;padding:0 10px;margin:0 5px;height:40px;line-height:40px;border-bottom:1px dotted #a2bac2}
.leftnews_list ul li a{color:#666;font-size:14px}
.conleftBd{width:227px;margin-top:20px}
.conleftBg{width:231px;left:-2px;background:url(../img/leftcontactbgb1.jpg) left top repeat-y}
.leftnews_title{z-index:99}
.leftnews_bg{background:url(../img/lnewsbg.jpg) left top no-repeat}
.leftcon_bg{background:url(../img/lcontactbg.jpg) left top no-repeat}
.conleft_list{padding-bottom:12px;padding-top:20px;background:url(../img/lcontactbg.jpg) left -52px no-repeat}
.conleft_list dl{width:225px;display:block;clear:both}
.conleft_list dl dd,.conleft_list dl dt{font-size:14px;color:#666;line-height:24px}
.conleft_list dl dt{width:45px;float:left;padding-left:14px}
.conleft_list dl dd{width:155px;float:left;padding-right:10px}
.conleft_listbt{width:231px;height:12px;background:url(../img/leftcontactbgb.jpg) left top no-repeat;font-size:0;line-height:0}
.main_con{width:750px;float:left;padding-left:23px}
.mainConTitle{width:750px;height:50px;background:url(../img/index_06.jpg) left bottom repeat-x}
.mainConTitle .title{display:block;float:left;font-size:20px;color:#04526c;line-height:30px;padding-bottom:5px;background:url(../img/menubg.jpg) left center no-repeat;padding-left:30px;font-weight:700}
.mainConTitle .position{display:block;float:right;color:#666;line-height:40px}
.mainConTitle .position a{color:#666}
.mainConTitle .position a:hover{color:#187462}
.mainConList .pic1{float:left;margin-right:16px;margin-top:10px}
.mainConList .pic1 dt{width:224px;height:168px;padding:4px;border:1px solid #cdcdcd;background:#fff}
.mainConList .pic1 dd{width:234px;height:30px;line-height:30px;text-align:center;font-size:14px}
.mainConList .pic1 dd a{color:#333}
.mainConList .bodyBd{width:748px;border:1px solid #d6d6d6;background:#fff;margin-top:20px}
.mainConList .pic2{padding-bottom:14px;padding-top:14px;padding-left:15px;height:116px;border-bottom:1px dotted #a2bac2}
.mainConList .pic2 dt{width:145px;height:108px;padding:3px;border:1px solid #eae9e9;float:left}
.mainConList .pic2 dd{width:555px;padding-left:20px;float:left}
.mainConList .pic2 dd a{color:#04526c;font-size:14px;line-height:36px;font-weight:700}
.mainConList .pic2 .intro{font-size:14px;color:#666;line-height:24px}
.mainConList .pic2 .time{font-size:12px;color:#999;line-height:30px}
.mainConList ul{padding-top:10px;clear:both;margin-left:15px;margin-right:15px;padding-bottom:10px}
.mainConList ul li{padding:0 5px;height:50px;line-height:50px;border-bottom:1px dotted #a2bac2}
.mainConList ul li a{color:#04526c;font-size:14px}
.mainConList ul li a:hover{color:#000}
.mainConList ul li span{float:right;color:#999}
.mainConList center{line-height:60px}
.pglist{width:100%;clear:both;height:100px}
.pglist ul{width:100%;text-align:center;padding-top:40px}
.pglist ul li{display:inline-block;width:26px;height:26px;line-height:26px;border:1px solid #d8d8d8;text-align:center;font-family:Arial;font-size:14px;background:#fff}
.pglist ul li a{color:#707070;display:block}
.pglist ul li.last{width:56px;padding-left:10px;height:26px;border:1px solid #d8d8d8;background:url(../img/lastbg.jpg) 6px center no-repeat #fff}
.pglist ul li.next{width:56px;padding-right:10px;height:26px;border:1px solid #d8d8d8;background:url(../img/nextbg.jpg) 56px center no-repeat #fff}
.pglist ul li.on{background:#014f63;border:1px solid #000}
.pglist ul li.on a{color:#fff}
.mainContect{padding:15px 22px;line-height:30px;font-size:14px;color:#666;border:1px solid #d6d6d6;background:#fff;margin-top:16px;height:auto!important;min-height:845px;height:845px}
.mainContect p{font-size:14px;color:#666;line-height:30px}
.mainContect .title{width:100%;text-align:center;font-size:22px;color:#04526c;border-bottom:1px dotted #a2bac2;font-weight:700}
.mainContect .title span{display:block;color:#999;font-size:12px;line-height:50px}
.mainContect .pic{width:100%;text-align:center;padding:20px 0}
.mainContect .pic img{margin:0 auto}
.mainContect .con{padding:20px 10px;line-height:30px;font-size:14px;color:#666}
.mainContect .con p{font-size:14px;color:#666;line-height:30px}
.mainContect .pgfy{width:100%;border-top:1px dotted #b0c9d1;padding-top:15px;padding-bottom:10px}
.mainContect .pgfyl{width:604px;float:left}
.mainContect .pgfyl p{color:#666}
.mainContect .pgfyl p a{color:#666}
.mainContect .pgfyl p a:hover{color:#006e42}
.mainContect .pgfyr{width:100px;float:left;text-align:center;padding-top:30px}
.mainContect .pgfyr a{color:#04526c;font-size:14px}
.hrBox{width:634px;float:left;min-height:91px;border:1px solid #dbdbdb;margin-top:20px;background:#efefef;margin-left:20px}
.hrBoxL{width:100px;float:left;text-align:center}
.hrBoxL li{width:100px;min-height:30px;line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align:bottom}
.jobName{width:380px;float:left}
.hrBtn{width:100px;float:left;text-align:center;padding-top:3px}
.hrBoxL li.haode{border-bottom:none}
.hrBoxR{width:533px;float:left;text-align:left;border-left:1px solid #dbdbdb}
.hrBoxR li{width:508px;min-height:30px;line-height:30px;border-bottom:1px #dbdbdb solid;padding-left:15px;vertical-align:bottom;padding-right:10px}
.hrBoxR li.topline{overflow:hidden;height:30px}
.hrBoxR li.topline img{margin-top:3px}
.hrBoxR li.haode{border-bottom:none}
.hrTable{width:614px;float:left;height:440px;background:#efefef;border:1px solid #dbdbdb;margin-left:35px}
.tableTitle{width:614px;height:36px;text-align:center;line-height:36px;border-bottom:1px solid #dbdbdb;font-weight:700}
.lineOne{height:30px;line-height:30px;border-bottom:1px solid #dbdbdb;width:614px}
.lineOneL{width:94px;float:left;text-align:center;border-right:1px solid #dbdbdb}
.lineOneR{width:509px;float:left;padding-left:10px}
.tableMainL{width:94px;float:left;border-right:1px solid #dbdbdb;text-align:center}
.tableMainL li{width:94px;height:30px;line-height:30px;border-bottom:1px solid #dbdbdb}
.tableMainR{width:211px;float:left;border-right:1px solid #dbdbdb;text-align:left}
.tableMainR li{width:206px;height:30px;line-height:30px;border-bottom:1px solid #dbdbdb;padding-left:5px;vertical-align:bottom}
.tableMainR li span{display:inline-block}
.tableMainRno{width:212px;float:left;text-align:left}
.tableMainRno li{width:207px;height:30px;line-height:30px;border-bottom:1px solid #dbdbdb;padding-left:5px;vertical-align:bottom}
.tableMainRno li span{display:inline-block}
.input_hr{width:126px;height:17px;line-height:17px;padding:0;vertical-align:middle;font-size:12px;border:1px solid #dbdbdb}
.sel_hr{width:130px;height:20px;line-height:20px;padding:0;vertical-align:middle;font-size:12px}
.bottomLine{width:614px;height:123px;border-bottom:1px solid #dbdbdb}
.lineBootL{width:94px;height:123px;border-right:1px solid #dbdbdb;text-align:center;float:left}
.lineBootR{width:509px;float:left;padding-left:10px;height:123px}
.are_hr{width:470px;height:80px;margin-top:11px}
.hr_btn{width:614px;height:31px;line-height:31px}
.hr_btnL{width:310px;float:left;border-right:1px solid #dbdbdb;text-align:center;height:31px}
.hr_btnR{width:300px;float:left;text-align:center}
.c_red{color:red}
.fl{float:left}
.fr{float:right}
.clear{clear:both;height:0;overflow:hidden}
.bookmain{width:650px;padding:0 10px;height:auto;font:14px/30px 'microsoft yahei';color:#185e0b;margin:0 auto;background:#fff}
.bookmain div{font-size:12px}
.bookline{width:650px;height:34px;background-image:url(../images/about_box_line.jpg);background-repeat:repeat-x;background-position:0 0;margin:0 auto;margin-top:10px}
.book3{width:550px;margin:0 auto}
.booktop{width:650px;height:30px;float:left;background:url(../images/bookico.png) no-repeat 10px 7px;margin-top:20px}
.booktop_name{width:570px;height:30px;float:left;color:#1e3601;padding-left:30px;line-height:30px;font-weight:700}
.booktop_time{width:150px;height:30px;float:left;color:#1e3601;text-align:right;line-height:30px}
.bookcontent{width:628px;min-height:40px;height:auto!important;height:40px;float:left;border:1px solid #d6deef;background:url(../images/bookcontentbg.jpg) repeat-x;background-color:#fff;padding:10px;color:#1e3601}
.bookadmin{width:650px;height:auto;float:left}
.bookadmin_top{width:650px;height:12px;float:left}
.bookadmin_mid{width:628px;min-height:30px;height:auto!important;height:30px;border-left:1px solid #d6deef;border-right:1px solid #d6deef;border-bottom:1px solid #d6deef;float:left;padding:10px;color:#1e3601}
.messagecol{color:#1e3601}
.admincol{color:#1e3601;font-weight:700}
.admintimecol{color:#1e3601;float:right}
.message{width:500px;height:auto;float:left;padding-left:50px;color:#1e3601}
.message li{width:500px;height:40px;float:left;margin:0;padding:0}
.message li input{height:15px;line-height:15px;width:150px}
.message li p.message_title{width:100px;height:25px;float:left;text-align:right;font-size:12px}
.message li p.message_content{width:400px;float:left}
.message li.contentb{width:500px;height:150px;float:left}
.message li.contentb textarea{width:370px;height:120px}
.message li.yzm{width:500px;height:60px;float:left}
.message li p.message_yzminput{width:100px;float:left}
.message li p.message_yzminput input{width:70px}
.message li p.message_yzmico{width:100px;height:40px;float:left}
.message li p.message_sub{width:200px;height:40px;float:left}
.tab2{background:#fff;width:100%;margin-top:5px;border:1px solid #e1e0e1}
.blank{width:100%;height:20px;margin-bottom:5px}
.mainContectx{padding:15px 22px;line-height:30px;font-size:14px;color:#666;border:1px solid #d6d6d6;background:#fff;margin-top:16px;height:auto!important;min-height:845px;height:845px}
.pagination-wrapper{margin:20px 0}
.pagination{height:34px;text-align:center}
.pagination li{display:inline-block;height:34px;margin-right:5px}
.pagination li a{float:left;display:block;height:32px;line-height:32px;padding:0 12px;font-size:16px;border:1px solid #ddd;color:#555;text-decoration:none}
.pagination li a:hover{background:#f5f5f5;color:#09f}
.pagination li.thisclass{background:#09f;color:#fff}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background:0 0;border-color:#09f;color:#fff;cursor:default}