/* AB模版网 做最好的织梦整站模板下载网站 */
/* 模版源码：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 图标：Sc.AdminBuy.Cn 专业图标素材网站 */
/* QQ：9490489 */
body {
	font-family: "Microsoft YaHei";
}
ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}
.banner .fp-controlArrow {
	display: none;
}
.banner #fp-nav ul li, .fp-slidesNav ul li {
	width: 45px;
	height: 6px;
}
.banner #fp-nav ul li a span, .fp-slidesNav ul li a span {
	border: 0;
	width: 45px;
	height: 6px;
	background: #fff;
	border-radius: 0;
}
.banner #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	background: #584b43;
}
.navbar {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 80px;
}
.navbar-brand {
	padding: 10px;
}
.navbar-default {
	background: #d8cab0;
	border: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #584b43;
	font-size: 18px;
	line-height: 78px;
	padding: 0 20px;
	margin-left: 5px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #040404;
	border-bottom: 3px solid #584b43;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.hover {
	color: #040404;
	border-bottom: 3px solid #584b43;
}
.toptell {
	background: url(../images/toptell.jpg) no-repeat left center;
	padding-left: 40px;
	float: left;
	line-height: 80px;
	background-size: 32px;
	margin-left: 20px;
}
.toptell a {
	color: #584b43;
	font-family: Arial;
	font-size: 20px;
}
 @media screen and (max-width:1200px) {
.navbar-default .navbar-nav > li > a {
	margin-left: 0;
	padding: 0 15px;
	font-size: 14px;
}
}
 @media screen and (max-width:992px) {
.navbar-default .navbar-nav > li > a {
	margin-left: 0;
	font-size: 12px;
	padding: 0 7px;
}
.toptell {
	background-size: 28px;
	padding-left: 30px;
	margin-left: 0;
}
.toptell a {
	font-size: 14px;
}
}
 @media screen and (max-width:768px) {
.navbar {
	height: 60px;
}
.navbar-brand img {
	height: 40px;
	width: auto;
}
.navbar-collapse {
	float: none !important;
}
.navbar-toggle {
	margin-top: 12px;
}
.navbar-nav {
	background: rgba(252,251,250,.8);
	padding: 20px 0;
	text-align: center;
}
.navbar-default .navbar-nav > li > a {
	line-height: 45px;
	font-size: 14px;
}
.toptell {
	position: absolute;
	right: 70px;
	top: 0;
	line-height: 60px;
	padding-left: 35px;
}
.toptell a {
	font-size: 15px;
}
}
.section2 {
	background: url("../images/s2.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section2 .indextit img {
	padding: 0 70px;
}
.ablogo {
	margin-top: 70px;
}
.ablogo p {
	font-size: 22px;
	color: #293146;
	margin-top: 10px;
	margin-bottom: 30px;
}
.ableft {
	padding-right: 50px;
}
.abright {
	margin-top: -30px;
}
.abright .abtit p {
	font-size: 22px;
	color: #584b43;
}
.abright .abtit span {
	font-size: 22px;
	color: #293146;
	display: block;
}
.abright .abtit i {
	display: block;
	width: 50px;
	height: 3px;
	background: #584b43;
	margin-top: 10px;
}
.abinfo p {
	font-size: 14px;
	color: #293146;
	line-height: 35px;
	margin-top: 10px;
}
.abinfo a.more {
	display: block;
	width: 110px;
	height: 45px;
	line-height: 45px;
	background: #584b43;
	text-align: center;
	color: #fff;
	margin-top: 40px;
}
 @media screen and (max-width:1440px) {
.ablogo img {
	width: 120px;
}
}
 @media screen and (max-width:1200px) {
.ablogo {
	margin-top: 20px;
}
.abright .abtit p, .abright .abtit span {
	font-size: 20px;
}
.abinfo p {
	line-height: 30px;
}
.abinfo a.more {
	margin-top: 20px;
}
}
 @media screen and (max-width:992px) {
.ableft {
	display: none;
}
.abright {
	margin-top: 0;
}
.section2 .indextit img {
	padding: 0 20px;
}
}
 @media screen and (max-width:768px) {
.section2 .indextit img {
	padding: 10px;
}
.ablogo p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.abright .abtit p, .abright .abtit span {
	font-size: 14px;
}
.abinfo p {
	font-size: 12px;
	line-height: 25px;
}
.abinfo a.more {
	margin-top: 10px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.ablogo img {
	width: 100px;
}
}
.section3 {
	background: url("../images/s3.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section3 .indextit {
	margin-bottom: 40px;
}
.section3 .indextit img {
	padding: 0 70px;
}
.section3 .promenu {
	padding: 0 200px;
}
.section3 .promenu li {
	float: left;
	width: 20%;
	text-align: center;
}
.promenu img {
	display: inline-block;
	padding: 0 25px;
}
.prolist {
	margin-top: 30px;
	padding: 0 30px;
}
.prolist .col-xs-4 {
	padding: 0 20px;
}
.prolist img {
	border: 2px solid #b99966;
}
.prolist img:hover {
	border-color: #fff;
}
 @media screen and (max-width:992px) {
.section3 .promenu {
	padding: 0 100px;
}
.promenu img {
	padding: 0 15px;
}
.section3 .indextit img {
	padding: 0 20px;
}
}
 @media screen and (max-width:768px) {
.section3 .indextit img {
	padding: 10px;
}
.section3 .promenu {
	padding: 0 10px;
}
.promenu img {
	padding: 0 10px;
}
.prolist {
	margin-top: 30px;
	padding: 0;
}
.prolist .col-xs-4 {
	padding: 0 10px;
}
}
.section4 {
	background: url("../images/s4.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section4 .indextit img {
	padding: 0 80px;
}
.section4 .caseinfo {
	padding: 0 50px;
	text-align: center;
	margin-top: 50px;
}
.section4 .caseinfo p {
	color: #fff;
	font-size: 16px;
	line-height: 35px;
}
.section4 .caseinfo .btn-default {
	background-color: #b8aa95;
	color: #fff;
	margin-top: 20px;
	border-color: #d2c0a1;
}
 @media screen and (max-width:992px) {
.section4 .indextit img {
	padding: 0 30px;
}
.section4 .caseinfo {
	padding: 20px;
	margin-top: 30px;
}
.section4 .caseinfo p {
	font-size: 14px;
	line-height: 30px;
}
}
 @media screen and (max-width:768px) {
.section4 .indextit img {
	padding: 0;
}
.section4 .caseinfo {
	background: rgba(0,0,0,.4);
}
}
.section5 {
	background: url("../images/s5.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section5 .indextit {
	margin-bottom: 40px;
}
.section5 .indextit img {
	padding: 0 70px;
}
.newlist {
	margin-top: 30px;
}
.newli {
	margin-top: 20px;
}
.newli .row {
	background: rgba(255,255,255, 0.9) none repeat scroll 0 0;
	margin-left: 10px;
	padding: 10px 0;
}
.newli .row img {
	margin-left: -5px;
	max-height: 100px;
}
.newli .row a {
	color: #000;
	display: block;
	line-height: 30px;
}
.newli .row p {
	color: rgba(52, 52, 52, 0.92);
	font-size: 12px;
	line-height: 25px;
}
.newli .col-xs-8 {
	padding-left: 0;
}
.section5 a.more {
	display: block;
	width: 140px;
	height: 35px;
	line-height: 35px;
	background: #584b43;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 40px;
}
 @media screen and (max-width: 992px) {
.newli .row p {
	display: none;
}
.newli {
	margin-top: 10px;
}
.newlist {
	margin-top: 10px;
}
.section5 .indextit img {
	padding: 0 20px;
}
}
 @media screen and (max-width:768px) {
.section5 .indextit {
	margin-bottom: 20px;
}
.section5 a.more {
	display: none;
}
}
.section6 {
	background: url("../images/s6.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section6 .indextit {
	margin-bottom: 60px;
	margin-top: -200px;
}
.section6 .indextit img {
	padding: 0 70px;
}
.footcont p {
	font-size: 16px;
	color: #434446;
	line-height: 40px;
	margin: 0;
}
.footcont span.tell {
	font-size: 45px;
	color: #584b43;
	font-family: "宋体";
	font-weight: bold;
	display: block;
	line-height: 50px;
	margin-bottom: 10px;
}
.footcont p span {
	font-size: 22px;
	color: #434446;
	font-family: "宋体";
	font-weight: bold;
	display: inline-block;
}
.contleft {
	border-right: 1px solid #bbb;
}
.contleft, .contright {
	padding: 30px 0;
	padding-left: 120px;
}
.contright {
	margin-top: 20px;
}
.contright .sharetit img {
	width: 240px;
}
.contright .sharetit {
	margin-bottom: 30px;
}
.sharelink a {
	margin: 0 10px !important;
}
.sharelink a.bds_weixin {
	width: 40px !important;
	height: 41px;
	background: url(../images/f1.png) no-repeat !important;
	background-size: 40px !important;
}
.sharelink a.bds_sqq {
	width: 30px !important;
	height: 38px;
	background: url(../images/f2.png) no-repeat !important;
	background-size: 30px !important;
}
.sharelink a.bds_tsina {
	width: 37px !important;
	height: 40px;
	background: url(../images/f3.png) no-repeat !important;
	background-size: 37px !important;
}
.copy {
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 0;
}
.copy a {
	color: #fff;
}
 @media screen and (max-width:1200px) {
.section6 .indextit {
	margin-bottom: 40px;
	margin-top: -150px;
}
.contleft, .contright {
	padding: 20px 0;
	padding-left: 100px;
}
}
 @media screen and (max-width: 992px) {
.section6 .indextit img {
	padding: 0 20px;
}
.contleft, .contright {
	padding: 0;
	padding-left: 50px;
}
.footcont span.tell {
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}
.contright .sharetit img {
	width: 220px;
}
.footcont p {
	font-size: 14px;
	line-height: 35px;
}
}
 @media screen and (max-width:768px) {
.contleft, .contright {
	padding-left: 10px;
}
.footcont span.tell {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}
.footcont p {
	font-size: 12px;
	line-height: 30px;
}
.footcont p span {
	font-size: 16px;
	font-weight: bold;
}
.contright .sharetit img {
	width: 160px;
}
.sharelink a {
	margin: 0 10px !important;
}
.sharelink a.bds_weixin {
	width: 30px !important;
	height: 41px;
	background: url(../images/f1.png) no-repeat !important;
	background-size: 30px !important;
}
.sharelink a.bds_sqq {
	width: 20px !important;
	height: 38px;
	background: url(../images/f2.png) no-repeat !important;
	background-size: 20px !important;
}
.sharelink a.bds_tsina {
	width: 27px !important;
	height: 40px;
	background: url(../images/f3.png) no-repeat !important;
	background-size: 27px !important;
}
.copy {
	font-size: 9px;
}
.ewm {
	display: none;
}
}
.indextit {
	position: relative;
	top: -100px;
	transition: all 1s;
	opacity: 0;
}
.active .indextit {
	top: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.ablogo {
	position: relative;
	left: -800px;
	transition: all 1s;
}
.active .ablogo {
	left: 0;
	transition-delay: 0.7s;
}
.ableft {
	position: relative;
	left: -150px;
	transition: all 1s;
	opacity: 0;
}
.active .ableft {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.abright {
	position: relative;
	right: -800px;
	transition: all 1s;
}
.active .abright {
	right: 0;
	transition-delay: 0.7s;
}
.promenu li:nth-child(1) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(1) {
	top: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.promenu li:nth-child(2) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(2) {
	top: 0;
	opacity: 1;
	transition-delay: 0.9s;
}
.promenu li:nth-child(3) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(3) {
	top: 0;
	opacity: 1;
	transition-delay: 1.1s;
}
.promenu li:nth-child(4) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(4) {
	top: 0;
	opacity: 1;
	transition-delay: 1.3s;
}
.promenu li:nth-child(5) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(5) {
	top: 0;
	opacity: 1;
	transition-delay: 1.5s;
}
.prolist {
	position: relative;
	left: -150px;
	transition: all 1s;
	opacity: 0;
}
.active .prolist {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.section4 .indextit {
	position: relative;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active.section4 .indextit {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.section4 .caseinfo {
	position: relative;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active.section4 .caseinfo {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.newlist .newli:nth-child(1), .newlist .newli:nth-child(3) {
	position: relative;
	left: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(1), .active .newlist .newli:nth-child(3) {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.newlist .newli:nth-child(2), .newlist .newli:nth-child(4) {
	position: relative;
	right: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(2), .active .newlist .newli:nth-child(4) {
	right: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.section5 .more {
	position: relative;
	bottom: -100px;
	transition: all 1s;
	opacity: 0;
}
.active.section5 .more {
	bottom: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.footcont {
	position: relative;
	bottom: -100px;
	transition: all 1s;
	opacity: 0;
}
.active .footcont {
	bottom: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.copy {
	position: absolute;
	right: -800px;
	transition: all 1s;
	opacity: 0;
}
.active .copy {
	right: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.page_top, .submenu {
	position: relative;
	right: -150px;
	transition: all 1s;
	opacity: 0;
}
.right_left {
	right: 0;
	opacity: 1;
	transition-delay: 0.5s;
}
.dh {
	position: relative;
	left: -150px;
	transition: all 1s;
	opacity: 0;
}
.left_right {
	left: 0;
	opacity: 1;
	transition-delay: 0.5s;
}
.effect:hover {
	animation-duration: 1.2s;
	animation-name: pulse;
}
 @keyframes pulse {
 0% {
 transform: scale(1);
}
 50% {
 transform: scale(1.2);
}
 100% {
 transform: scale(1);
}
}



/* 内页 */

@media screen and (min-width: 1440px) {
.navbar .container {
	width: 1280px;
}
.navbar-nav {
	margin-left: 50px;
}
}
.nbar {
	background: #f5f5f5 !important;
	margin: 0;
	position: relative;
}
.nbar .navbar-nav > li > a {
	line-height: 77px;
}
.nbar .toptell {
	background: url(../images/tp2.jpg) no-repeat left center;
}
.nbar .toptell a {
	color: #b89966;
}
.main, .listmain {
	background: #f5f5f5;
	padding-bottom: 70px;
}
.listmain {
	background: url(../images/listbg.jpg) no-repeat bottom center #f5f5f5;
}
.banner {
	height: 300px;
	background: url(../images/banner.jpg) no-repeat center/cover;
}
.submenu {
	text-align: center;
	margin-top: 40px;
	float: left;
	width: 100%;
	height: 50px;
}
.submenu ul {
	display: inline-block;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1)
}
.submenu ul li {
	float: left;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #d3d6cf;
}
.submenu ul li a {
	display: block;
	padding: 0 40px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #d3d6cf;
	font-size: 16px;
	color: #000;
}
.submenu ul li:first-child a {
	border-left: 1px solid #d3d6cf;
}
.submenu ul li a:hover, .submenu ul li a.hover {
	background: #b99966;
	color: #fff;
}
.page_top {
	text-align: center;
	font-size: 25px;
	color: #b99966;
	margin-top: 50px;
	margin-bottom: 30px;
}
.page_top i {
	width: 50px;
	height: 1px;
	background: #b99966;
	display: block;
	margin: 0 auto;
}
.content {
	color: #272626;
	line-height: 30px;
}
.content img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.footer {
	background: #584b43;
	height: 100px;
}
.footer p {
	color: #fff;
	margin: 0;
	line-height: 30px;
}
.footer a {
	color: #fff;
}
.footer .footleft {
	margin-top: 20px;
}
.footer .footright {
	margin-top: 18px;
}
.fewm {
	width: 99px;
	margin-top: -18px;
	margin-right: 20px;
}
 @media screen and (max-width: 992px) {
.banner {
	height: 200px;
}
}
 @media screen and (max-width:768px) {
.nbar .navbar-nav > li > a {
	line-height: 45px;
}
.submenu ul li a {
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
}
.submenu ul {
	box-shadow: none;
}
.submenu {
	margin-top: 20px;
}
.page_top {
	margin-top: 30px;
	margin-bottom: 20px;
}
.footer {
	height: 60px;
}
.footer .footleft {
	margin-top: 7px;
}
.footer p {
	font-size: 12px;
	line-height: 22px;
}
.footer p:first-child {
	display: none;
}
.footright {
	display: none;
}
.banner {
	background: url(../images/banner1.jpg) no-repeat center/cover;
}
.fp-slides .slide:nth-child(1) {
	background: url(../images/ban001.jpg) center/cover !important;
}
.fp-slides .slide:nth-child(2) {
	background: url(../images/ban002.jpg) center/cover !important;
}
.fp-slides .slide:nth-child(3) {
	background: url(../images/ban003.jpg) center/cover !important;
}
}
.list .row {
	margin-top: 50px;
}
.list a {
	display: block;
	color: #1e1e1e;
	font-size: 18px;
	line-height: 30px;
}
.list span {
	color: #ababab;
	font-size: 12px;
	display: block;
	margin: 10px 0;
}
.list p {
	font-size: 12px;
	line-height: 25px;
	margin: 0;
}
/* page */

.pages {
	margin: 20px auto 20px auto;
	font-size: 14px;
	text-align: center;
}
.pages a, .pages strong {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	color: #666;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
}
.pages .current {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
	color: #fff;
	background-color: #004996;
	border-color: #fff;
}
.pages a:hover {
	color: #fff !important;
	background-color: #004996;
	border-color: #fff;
	text-decoration: none;
}
.pages strong {
	color: #fff;
	background-color: #24557d;
	border-color: #fff;
}
.pages span {
	padding: 0 10px;
	line-height: 23px;
}
.photo {
	margin-top: 40px;
}
.imgbox {
	padding: 0 5px;
	margin-bottom: 20px;
}
.photo a {
	display: block;
	padding: 5px;
	padding-bottom: 0;
	background: #fbfbfa;
	text-align: center;
	color: #3a3a3b;
}
.photo a p {
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 0;
}
.photo a:hover {
	background: #b99966;
	color: #fff;
}
 @media screen and (max-width:768px) {
.photo {
	margin-top: 20px;
}
.imgbox {
	margin-bottom: 10px;
}
}
.show {
	margin-top: 30px;
}
.show_top {
	margin-bottom: 30px;
	text-align: center;
}
.show_top p.title {
	border-bottom: 1px dotted #ddd;
	font-size: 30px;
	padding-bottom: 10px;
}
.show_top p.update span {
	color: #999;
	font-size: 12px;
	margin-right: 20px;
}
.prepage {
	margin: 50px 0 0;
}
.prepage p {
	font-size: 13px;
	line-height: 30px;
	margin: 0;
}
.prepage a {
	color: #372c2a;
}
 @media screen and (max-width: 768px) {
.show_top {
	margin-bottom: 20px;
}
.show_top p.title {
	font-size: 20px;
	padding-bottom: 5px;
}
.show_top p.update span:first-child {
	display: none;
}
}
.joinform .jointit {
	text-align: center;
	font-size: 25px;
	margin-bottom: 30px;
	color: #b99966;
}
.joinform .form-inline .form-group {
	margin-right: 20px;
	margin-bottom: 20px;
}
.joinform .btn {
	margin: 0 auto;
	display: block;
	margin-top: 30px;
}
.slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.quanjing {
	width: 40px;
	height: 100px;
	background: #372D2A;
	color: #fff;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	top: 100px;
	right: 0;
}
.quanjing a {
	display: block;
	width: 40px;
	height: 100px;
	color: #fff;
}
.quanjing p {
	padding: 0 8px;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}
.quanjing .wapqj {
	position: absolute;
	top: 0;
	right: 80px;
	opacity: 0;
	transition: all 0.4s ease 0s;
}
.quanjing:hover {
	overflow: visible;
}
.quanjing:hover .wapqj {
	right: 40px;
	opacity: 1;
	transition-delay: 0.2s;
}

/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}