@charset "utf-8";

.banner .item {height: 351px;background-size: cover;background-position:center 0;}
.banner .swiper-container {width:100%;height: 351px;}

.sidebar .swiper-container {padding-bottom: 3px;margin-top: 35px;}
.sidebar .swiper-container:after {content:'';position: absolute;width: 100%;background: #e5ebf0;height: 3px;}
.sidebar li {padding: 10px 0 ;font-size: 14px;line-height:1.1;color: #595959;width:auto;}
.sidebar li a {padding:0 35px;display: block;}
.sidebar li + li a {border-left: 1px solid #e5ebf0;}
.sidebar li.current:after {background: #063d64;content:'';position: absolute;bottom: -3px;width: 100%;height: 3px;left: 0;}
.sidebar li.current a,.sidebar li:hover a {color: #063d64;}

.article {font-size: 16px;color: #6f6e6e;padding-top: 4%;}
.article p { line-height:200%; word-wrap:break-word; text-align:justify;}

.container .w { padding-bottom: 6%;}
.container img {max-width: 100%;}
/*标题*/
.tittle { padding: 37px 0 16px; color: #4a4a4a; font-size: 30px; line-height: 30px; border-bottom: 3px solid #e5ebf0;}
.tittle p { position: relative; display: table;}
.tittle p:after { position: absolute; bottom: -19px; left: 0; content: ""; width: 100%; height: 3px; background: #063d64;}
.tittle span{float:right;font-size:14px; margin-top:-20px;}
.tittle span a{color:#4a4a4a;}

/*join*/
.join .text { padding: 5% 0 3%; text-align: center;}
.join .text h2 { display: table; margin: 0 auto 46px; color: #063d64; font-size: 32px; line-height: 32px; font-weight: normal;}
.join .text h2:before { float: left; margin-top: 15px; margin-right: 8px; content: ""; width: 80px; height: 1px; background: #cdd8e0;}
.join .text h2:after { float: right; margin-top: 15px; margin-left: 8px; content: ""; width: 80px; height: 1px; background: #cdd8e0;}
.join .text img { margin-bottom: 40px; max-width: 100%; border-radius: 4px;}
.join .text p { color: #6f6e6e; font-size: 16px; line-height: 28px;}
.join .text h3 { padding-top: 30px; color: #063d64; font-size: 24px;}
.join li { float: left; padding: 30px 10px; width: 23%; margin: 0 1%; background: #f2f2f2; text-align: center;}
.join li h2 { margin-bottom: 20px; color: #2a2a2a; font-size: 24px; font-weight: normal;}
.join li p { color: #6f6e6e; font-size: 16px; line-height: 36px;}
/*join-detail*/
.join-detail { padding-top: 3%;}
.join-detail dl { padding-bottom: 5%;}
.join-detail dl dt {padding-bottom: 15px; color: #2a2a2a; font-size: 28px; line-height: 28px;}
.join-detail dl dd { color: #6f6e6e; font-size: 16px; line-height: 36px;}

.join-form h2 {padding-bottom: 30px; color: #2a2a2a; font-size: 28px; line-height: 28px;}
.join-form li { border: 1px solid #dbdbdb; overflow: hidden;}
.join-form li .lable { float: left; width: 13.5%; height: 57px; background: #fafafa; border-right: 1px solid #dbdbdb; color: #505050; font-size: 18px; line-height: 57px; text-align: center;}
.join-form li input { float: left; padding: 10px; width: 86.5%; height: 57px; background: #fff; border: 0; font-size: 14px;}
.join-form li textarea { float: left; padding: 10px; width: 86.5%; height: 146px; background: #fff; border: 0; font-size: 14px;}
.join-form li.i1 { border-bottom: 0;}
.join-form li.i2 .text { float: left; width: 33%;}
.join-form li.i2 .text .lable { width: 41%; font-size: 16px;}
.join-form li.i2 .text input { width: 59%; border-right: 1px solid #dbdbdb;}
.join-form li.i2 .text:last-child input { border-right: 0;}
.join-form li.i3 { border-top: 0;}
.join-form li.i3 .lable { height: 146px; padding-top: 50px; font-size: 18px; line-height: 24px;}
.join-form li.i3 .lable em { display: block; color: #717171; font-size: 14px;}
.join-form button { display: block; margin-top: 4%; width: 190px; height: 50px; background: #777878; border: 1px solid #777878; color: #fff; font-size: 16px; cursor: pointer;}
.join-form button:hover { background: #fff; color: #777878;}
/*honor 荣誉资质*/
.honor { padding-top: 40px;}
.honor li { float: left; width: 25%; padding: 0 9px 48px; height:265px; text-align:center;}
.honor li a { position: relative; display: block; padding: 6px; width: 100%; height: 100%; border: 1px solid #d7d7d7;}
.honor li img { max-height:100%;}
.honor li .text { position: absolute; top: 0; left: 0; padding: 6px; width: 100%; height: 100%; z-index: 2;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);}
.honor li .text p { display: table; width: 100%; height: 100%; background: rgba(6,61,100,.8);}
.honor li .text p span { display: table-cell; padding: 0 6%; color: #fffefe; font-size: 18px; line-height: 36px; vertical-align: middle; text-align: center;}
.honor li:hover .text { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}

/*page*/
.page {display: table; margin: 0 auto; clear: both;}
.page li { float: left; margin: 0 4px;}
.page li.prev { margin-right: 15px;}
.page li.next { margin-left: 15px;}
.page a { display: block; padding: 5px 12px; line-height: 1.42857; color: #b9b9b9; background-color: #fff;border: 1px solid #ddd;}
.page a:hover,.page li.active a { color: #063d64; border: 1px solid #063d64;}
/*activity*/
.activity { padding-top: 4%;}
.activity .list li { margin-bottom: 3%; background: #edf1f4; overflow: hidden;}
.activity .list li .text { float: left; width: 70%; padding: 3% 10% 3% 4%;}
.activity .list li .text h2 { color: #656565; font-size: 16px;}
.activity .list li .text h2:hover{ color: #1a72ac;}
.activity .list li .text h3 { padding: 5px 0 15px; color: #2a2a2a; font-size: 18px;}
.activity .list li .text p {padding-bottom: 30px; color: #656565; font-size: 14px; line-height: 26px;}
.activity .list li .text a.more { display: block; width: 142px; height: 32px; background: url(../images/icon-1.png) no-repeat 118px center; border: 1px solid #c6c6c6; color: #888; font-size: 12px; line-height: 32px; text-indent: 23px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.activity .list li .text a.more:hover { background: url(../images/icon-1.png) no-repeat 400px center; border: 1px solid #1a72ac; color: #1a72ac;}
.activity .list li .img { float: left; width: 30%;}
.activity .list li .img img { width: 100%; max-width: none; max-height: 260px;}
/*contact*/
.contact { padding-top: 4%;}
.contact .contact-text { margin-bottom: 4%; overflow: hidden; clear: both;}
.contact .contact-text .map { float: left; width: 58%;}
.contact .contact-text .map img { max-width: 100%;}
.contact .contact-text .map iframe{width:788px; height:416px;}
.contact .contact-text .text { float: left; width: 42%; padding-left: 4%;}
.contact .contact-text .text h2 { margin: 4% 0; color: #063d64; font-size: 28px;}
.contact .contact-text .text div { padding: 10px 0 10px 38px; color: #4a4a4a; font-size: 16px; line-height: 24px;}
.contact .contact-text .text .i1 { background: url(../images/c1.png) no-repeat 1px 14px;}
.contact .contact-text .text .i2 { background: url(../images/c2.png) no-repeat left 14px;}
.contact .contact-text .text .i3 { background: url(../images/c3.png) no-repeat left 14px;}
.contact .contact-text .text .i4 { background: url(../images/c4.png) no-repeat 2px 14px;}
.contact .contact-text .text .i5 { background: url(../images/c5.png) no-repeat left 14px;}
.contact .contact-text:nth-child(even) { margin-bottom: 0;}
.contact .contact-text:nth-child(even) .map { float: right;}
.contact .contact-text:nth-child(even) .text { float: right; padding-left: 0; padding-right: 38px;}

.contact-form { background: #efefef;}
.contact-form .w { padding: 3% 20px 4%;}
.contact-form h2 { color: #2a2a2a; font-size: 28px; line-height: 30px;}
.contact-form h3 { color: #4a4a4a; font-size: 16px; line-height: 30px;}
.contact-form .text { padding: 3% 0 1%; overflow: hidden;}
.contact-form .text input {float: left; margin-right: 13px; padding: 10px; width: 315px; height: 50px; background: #fff; border: 3px solid #a3a3a3; font-size: 14px;}
.contact-form textarea { padding: 10px; width: 100%; height: 180px; background: #fff; border: 3px solid #a3a3a3; font-size: 14px;}
.contact-form button { display: block; margin-top: 32px; width: 207px; height: 36px; background: #1a72ac; border: 3px solid #1a72ac; color: #fff; font-size: 14px; cursor: pointer;}
.contact-form button:hover { background: #fff; color: #1a72ac;}



/*  about  */
.about { padding-top: 4%;}
.about .office365 .about-text div { width: 40%;}
.about .office365 .about-text .j-middle-bd { width: 60%;}
.about h2 {font-size: 28px;color: #2a2a2a;margin: 20px 0;}
.about .slide {padding-top: 4%;}
.about .hd li { position: relative; font-size: 16px;color: #4c4c4c;text-align: center;padding-bottom: 44px;}
.about .hd span {display: block;cursor: pointer;border-radius: 6px;background: #d5d5d5;line-height: 62px;}
.about li.on span {background: #063d64;color: #fff;}
.about .hd li.on:after {content:'';position: absolute; left: 50%; bottom: 32px; margin-left: -3px; border: 6px solid transparent;border-top-color: #063d64;}
.about .s-b-text { padding-bottom: 20px; overflow: hidden; clear: both;}
.about .s-b-text>div { float: left; width: 50%;}
.about .s-b-text:nth-child(even) .text { float: right;}
.about .s-b-text .text { padding: 10px 20px;}
.about .s-b-text .text h3 { padding: 5% 0 2%; color: #2a2a2a; font-size: 28px;}
.about .s-b-text .text p { color: #b0b0b0; font-size: 24px; line-height: 36px;}
.about .j-middle p { line-height: 30px; font-size: 16px; color: #6f6e6e;}
.about .j-middle p em { display: block; padding-bottom: 20px; font-size:28px;color:#2a2a2a;}
/*产品及服务*/
.cpfw-t { margin: 4% 0 5%; height: 30px; border-bottom: 1px solid #e5e5e5;}
.cpfw-t h1 { display: table; margin: 0 auto; background: #fff; padding: 0 20px; color: #4a4a4a; font-size: 40px;}
.cpfw-t h1 em { padding-left: 22px; color: #f7a30d; font-size: 30px;}
/*产品及服务-传统服务产品*/
.office365 .br { display: block; clear: both;}
.office365 .br10 { display: block; clear: both; height: 10px;}
.office365 .br20 { display: block; clear: both; height: 40px;}
.office365 .br40 { display: block; clear: both; height: 60px;}
.office365 .j-middle div { width: 50%;}
.office365 .j-middle .j-middle-bd { float: left; width: 50%;}
.office365 .j-middle .j-middle-bd em { color: #2a2a2a; font-size: 28px;}
.office365 .pl4 { padding-left: 4%;}
.office365 .pr4 { padding-right: 4%;}

.jcfwly-list li { float: left; width: 20%; padding-top: 4%;}
.jcfwly-list li span { display: block; margin: 0 auto; width: 114px; height: 114px; border-radius: 100%;}
.jcfwly-list li p { padding-top: 10px; text-align: center; color: #6f6e6e; font-size: 14px; line-height: 26px;}
.jcfwly-list li.i1 span { background: url(../images/f1.png) no-repeat center #063d64;}
.jcfwly-list li.i2 span { background: url(../images/f2.png) no-repeat center #063d64;}
.jcfwly-list li.i3 span { background: url(../images/f3.png) no-repeat center #063d64;}
.jcfwly-list li.i4 span { background: url(../images/f4.png) no-repeat center #063d64;}
.jcfwly-list li.i5 span { background: url(../images/f5.png) no-repeat center #063d64;}
.jcfwly-list li.i6 span { background: url(../images/f6.png) no-repeat center #063d64;}
.jcfwly-list li.i7 span { background: url(../images/f7.png) no-repeat center #063d64;}
.jcfwly-list li.i8 span { background: url(../images/f8.png) no-repeat center #063d64;}
.jcfwly-list li.i9 span { background: url(../images/f9.png) no-repeat center #063d64;}
.jcfwly-list li.i10 span { background: url(../images/f10.png) no-repeat center #063d64;}
/*产品及服务-诺勤代理产品-Azure*/
.office365 .j-middle1 .img { float: left; width: 40%; padding-right: 4%;}
.office365 .j-middle1 p { float: left; width: 60%;}
.office365 .j-middle1 p em { color: #2a2a2a; font-size: 28px;}
.office365 .j-middle2 .img { float: left; width: 50%; padding-right: 4%;}
.office365 .j-middle2 p { float: left; width: 50%;}
.office365 .j-middle2 p em { color: #2a2a2a; font-size: 28px;}

.table1 { width: 100%; height: 100%;}
.table1 th { padding: 1%; background: #eaeaea; border: 1px solid #dedede; color: #505050; font-size: 18px; font-weight: normal;}
.table1 td { padding: 2%; background: #f7f7f7; border: 1px solid #dedede; color: #717171; font-size: 14px;}
.table1 td em { font-size: 16px; font-weight: bold;}
/*  office 365  */
.office365 h2 {font-size: 28px;color: #2a2a2a;}
.c-ask {font-weight: bold;color: #2a2a2a;padding:40px 0 8px;}
.c-ask em {color: #063d64;}
.c-answer {line-height: 1.5;}
.c-answer em {color: #80b514;}
.c-answer p + p {padding-top: 6px;}

/*解决方案-客户案例-展讯USC解决方案*/
.list-2 li { float: left; width: 48%; padding-bottom: 10px; margin-right: 4%; text-align: center;}
.list-2 li+li { margin-right: 0;}
.list-2 li h3 { padding: 4% 0 1%; color: #2a2a2a; font-size: 18px; line-height: 36px;}
.list-2 li p { color: #6f6e6e; font-size: 16px; line-height: 24px; text-align: center;}

/*企业协作通讯-统一接入网络*/
.list-3 li { float: left; width: 31.3%; padding-bottom: 10px; margin-right: 3%; text-align: center;}
.list-3 li:last-child { width: 31.4%; margin-right: 0; }
.list-3 li h3 { padding: 4% 0 1%; color: #2a2a2a; font-size: 18px; line-height: 36px;}
.list-3 li p { color: #6f6e6e; font-size: 16px; line-height: 24px; text-align: center;}

.list-4 li { float: left; width: 25%; padding: 0 1% 20px; text-align: center;}
.list-4 li h3 { padding: 4% 0 1%; color: #2a2a2a; font-size: 18px; line-height: 36px;}
.list-4 li p { color: #6f6e6e; font-size: 16px; line-height: 24px; text-align: center;}

/*企业信息安全-企业安全及威胁防御解决方案*/
.jj-list { padding: 4% 0 0; overflow: hidden;}
.jj-list li { float: left; width: 11.1%;}
.jj-list li:last-child { width: 11.2%;}
.jj-list li em { display: block; margin: 0 auto; width: 95px; height: 95px; border: 1px solid #eee; border-radius: 100%;}
.jj-list li p { margin: 10px 0 5px; height: 36px; color: #4a4a4a; font-size: 12px; line-height: 18px; text-align: center;}
.jj-list li.i1 em { background: url(../images/jj1.png) no-repeat center #f5f5f5;}
.jj-list li.i2 em { background: url(../images/jj2.png) no-repeat center #f5f5f5;}
.jj-list li.i3 em { background: url(../images/jj3.png) no-repeat center #f5f5f5;}
.jj-list li.i4 em { background: url(../images/jj4.png) no-repeat center #f5f5f5;}
.jj-list li.i5 em { background: url(../images/jj5.png) no-repeat center #f5f5f5;}
.jj-list li.i6 em { background: url(../images/jj6.png) no-repeat center #f5f5f5;}
.jj-list li.i7 em { background: url(../images/jj7.png) no-repeat center #f5f5f5;}
.jj-list li.i8 em { background: url(../images/jj8.png) no-repeat center #f5f5f5;}
.jj-list li.i9 em { background: url(../images/jj9.png) no-repeat center #f5f5f5;}

/*云计算-Meraki*/
.yjs-list { overflow: hidden;}
.yjs-list li { float: left; width: 33.3%; padding: 0 4% 10px; text-align: center;}
.yjs-list li:last-child { width: 33.4%;}
.yjs-list li img { width: auto; }
.yjs-list li h3 { padding: 30px 0 10px; color: #4a4a4a; font-size: 18px; line-height: 30px;}
.yjs-list li p { color: #6f6e6e; font-size: 16px; line-height: 28px; text-align: center;}

.yjs-table { overflow: hidden;}
.yjs-table li { float: left; width: 49%; margin-right: 2%;}
.yjs-table li+li { margin-right: 0;}

.yjs-list1 { overflow: hidden;}
.yjs-list1 li { float: left; width: 49%; min-height: 310px; margin-bottom: 10px; margin-right: 2%; padding: 2%; background: #fafafa; border: 1px solid #ebebeb; border-radius: 4px; overflow: hidden;}
.yjs-list1 li:last-child { margin-right: 0;}
.yjs-list1 li .text { float: left; width: 50%;}
.yjs-list1 li img { float: left; width: 40%;}
.yjs-list1 li h3 { color: #4a4a4a; font-size: 18px; line-height: 24px;}
.yjs-list1 li p { color: #6f6e6e; font-size: 14px; line-height: 24px;}
.yjs-list1 li.i1 { padding: 5% 2%;}
.yjs-list1 li.i1 img { float: right;}
.yjs-list1 li.i1 p { font-size: 16px;}
.yjs-list1 li.i2 img { width: 30%; padding-right: 4%; margin-top: 10%;}
.yjs-list1 li.i2 .text { float: right; width: 70%;}

/*解决方案-中小企业联络中心解决方案*/
.jjfa-list { overflow: hidden;}
.jjfa-list li { float: left; width: 30%; background: #f2f2f2; border-radius: 4px; min-height: 400px;}
.jjfa-list li img { width: 100%;}
.jjfa-list li.arrow { width: 5%; height: 100px; background: url(../images/img-56.png) no-repeat center; background-size: 70% auto; vertical-align: middle;}
.jjfa-list li .text { padding: 5% 7%;}
.jjfa-list li .text h3 { padding-bottom: 20px; color: #606060; font-size: 18px;}
.jjfa-list li .text p { color: #6f6e6e; font-size: 16px; line-height: 32px;}
.jjfa-list li .text p:before { float: left; margin: 13px 8px 0 0; width: 6px; height: 6px; background: #063d64; content: "";}

/*产品及服务-诺勤智能支持平台*/
.znzc-list { padding: 4px 2px; overflow: hidden;}
.znzc-list li { float: left; width: 19%; padding: 2% 1%; margin-right: 1%; background: #f5f5f5; border-radius: 4px; box-shadow: 1px 1px 4px #333; overflow: hidden;}
.znzc-list li:last-child { margin-right: 0;}
.znzc-list li h3 { margin-bottom: 25px; color: #4a4a4a; font-size: 32px; text-align: center;}
.znzc-list li h4 { margin-bottom: 30px; width: 100%; background: #063d64; border-radius: 4px; color: #fff; font-size: 20px; line-height: 3; text-align: center;}

.znzc-list1 {overflow: hidden;}
.znzc-list1 li { float: left; display: table; padding: 2%; height: 255px; color: #fff; font-size: 16px; line-height: 28px; text-align: center;}
.znzc-list1 li .text { display: table-cell; vertical-align: middle;}
.znzc-list1 li em { display: block; padding-bottom: 8px; font-size: 18px;}
.znzc-list1 li.i1 { background: #2f3996; width: 36%;}
.znzc-list1 li.i2 { background: #a012ad; width: 32%;}
.znzc-list1 li.i3 { background: #d40e0e; width: 32%;}
.znzc-list1 li.i4 { background: #9ecd3d; width: 40%;}
.znzc-list1 li.i5 { background-size: cover; width: 20%; padding: 0;}
.znzc-list1 li.i6 { background: #07bdd3; width: 40%;}
.znzc-list1 li.i4,.znzc-list1 li.i5,.znzc-list1 li.i6 { height: 220px;}

/*企业协作通讯-企业统一协作解决方案*/
.znzc-list2 {overflow: hidden;}
.znzc-list2 li { float: left; display: table; padding: 2%; height: 255px; color: #fff; font-size: 16px; line-height: 24px; text-align: center;}
.znzc-list2 li .text { display: table-cell; vertical-align: middle;}
.znzc-list2 li em { display: block; padding-bottom: 8px; font-weight: bold;}
.znzc-list2 li.i1 { background: #2f3996; width: 36%;}
.znzc-list2 li.i2 { background: #a012ad; width: 32%;}
.znzc-list2 li.i3 { background: #d40e0e; width: 32%;}
.znzc-list2 li.i4 { background: #9ecd3d; width: 25%;}
.znzc-list2 li.i5 { background: #00b0f0; width: 25%;}
.znzc-list2 li.i6 { background: #07bdd3; width: 25%;}
.znzc-list2 li.i7 { background: #f07c00; width: 25%;}

/*无线勘测服务*/
.wxkc-list { overflow: hidden;}
.wxkc-list li { float: left; width: 48%; min-height: 741px; margin-right: 4%; padding: 2%; background: #f2f2f2; border-radius: 4px;}
.wxkc-list li:last-child { margin-right: 0;}
.wxkc-list li h3 { padding-bottom: 5px; color: #2a2a2a; font-size: 18px;}
.wxkc-list li p { color: #6f6e6e; font-size: 14px; line-height: 28px;}
.wxkc-list li img { padding-bottom: 4%;}

/*企业协作通讯-WebEx*/
.list-color4 li { width: 25%; padding: 0 .5%;}
.list-color4 li .text { padding: 10px; border-radius: 4px;}
.list-color4 li .text img { border-radius: 4px;}
.list-color4 li .text h3 { padding: 20px 0 10px; color: #fefefe; font-size: 16px; line-height: 24px;}
.list-color4 li p { padding: 10px 0; color: #848484; font-size: 16px; line-height: 28px; text-align: center;}
.list-color4 li.i1 .text { background: #9ecd3d; }
.list-color4 li.i2 .text { background: #00b0f0; }
.list-color4 li.i3 .text { background: #07bdd3; }
.list-color4 li.i4 .text { background: #f07c00; }

/*企业协作通讯-NORGIN多业务联络中心平台集成解决方案*/
.table2 { width: 100%; height: 100%;}
.table2 td { padding: 2%; background: #6b94b2; border: 2px solid #fff; color: #fff; font-size: 16px; text-align: center;}
.table2 .top1 td { background: #063d64;}
.table2 .top2 td { background: #0072c6;}

/*行业经验-Mearki在零售业的应用*/
.Mearki-list { overflow: hidden;}
.Mearki-list li { float: left; width: 25%; padding: 0 1% 10px; text-align: center;}
.Mearki-list li img { width: auto; }
.Mearki-list li h3 { padding: 30px 0 10px; color: #4a4a4a; font-size: 18px; line-height: 30px;}
.Mearki-list li p { color: #6f6e6e; font-size: 16px; line-height: 28px; text-align: center;}

/*产品&服务-智能服务套餐*/
.table3 { margin-bottom: 4%; width: 100%; height: 100%;}
.table3 td { padding: 1%; background: #ddebf7; border: 1px solid #dedede; color: #717171; font-size: 16px; text-align: center;}
.table3 .top td { background: #063d64 !important; border: 1px solid #11649e; color: #fff;}
.table3 td a { font-weight: bold; text-decoration: underline;}
.table3 tr:nth-child(odd) td { background: #f7f7f7;}


.znfwu { padding: 10px 4% 50px; background: #f1f1f1; overflow: hidden;}
.znfwu h1 { padding: 40px 0 10px; color: #3f3f3f; font-size: 18px;}
.znfwu .list { border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.znfwu .list .l { float: left; width: 30%; padding: 2%;}
.znfwu .list .l h3 { color: #3f3f3f; font-size: 18px;}
.znfwu .list .l p { color: #737373; font-size: 14px;}
.znfwu .list .l img { width: auto;}
.znfwu .list .r { float: left; width: 70%; padding: 2%;}
.znfwu .list .r img { width: auto;}

#pages{height: 30px; text-align: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 29px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }
#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .active{background-color: #0099CC; color: #fff;}