/*
Theme URI: https://www.adminbuy.cn
*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#F5F6F9; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma; overflow-x:hidden;}

a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
input {-webkit-appearance:none; border:0;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1300px; margin:0 auto;}
.left {float:left;}
.right {float:right;}
.thumbnail a {display:block; padding-bottom:75%; position:relative; overflow:hidden;}
.thumbnail img {width:100%; display:block; position:absolute; left:0; top:0; height:100%;object-fit: cover;}
.mb20 {margin-bottom:20px; overflow:hidden;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*header*/
#header {width:100%; background-color:#fff; box-shadow:0px 1px 5px rgba(0,0,0,.1);}
#header .inner {position:relative; margin-bottom:20px;}
/*top-bar*/
#topBar {width:100%; height:26px; line-height:26px; background-color:#e51111; overflow:hidden;}
#topBar .left a {color:#fff; font-size:0.875em;}
#topBar .right ul {overflow:hidden;}
#topBar .right li {float:left; color:#F5F6F9; font-size:0.75em;}
#topBar .right li a {color:#F5F6F9; margin-left:10px;}

/*logo*/
#logo {padding:20px 0; float:left;}
#logo a {}
/*nav*/
.nav {margin-left:272px; margin-right:28px;}
.nav ul {float:right;}
.nav li {font-size:18px; float:left; line-height:100px; position:relative;}
.nav li i {display:inline-block; vertical-align: middle;}
.nav li a {display: block; padding:0 20px; color:#000; position: relative; z-index: 2;}
.nav li.on > a, .nav li.cur > a {color:#f00;}
.nav li ul {position:absolute; left:50%; margin-left:-85px; width:280px; background-color:#fff; border:1px solid #ced6d8; box-shadow:0px 0px 1px #ced6d8; padding:10px 0; z-index:10; display:none; float:none;}
.nav li ul:before {display:block; content:''; width:10px; height:10px; border-left:1px solid #ced6d8; border-top:1px solid #ced6d8; position:absolute; left:50%; margin-left:-5px; top:-6px; transform: rotateZ(45deg); z-index:2; background-color:#fff;}
.nav li li {float:none; text-align:center; padding-left:0;line-height:1.75em;}
.nav li li a {padding:5px 0;}
.nav em {display: none;}
/*nav-btn*/
.nav-btn {position:absolute; top:50%; margin-top:-13px; cursor:pointer; right:30px; display:none;}
.nav-btn i {font-size:1.3em;}
.nav-btn.on {font-weight:bold; color:#f00;}

/*search-btn*/
.search-btn {position:absolute; right:0; top:50%; cursor:pointer; margin-top:-12px;}
.search-btn.on {color:#f00;}

.search-wrap {background-color:#fff; width:100%; height:100%; position:fixed; left:-100%; top:131px; z-index:9; overflow-y:scroll;}
.search-wrap.open {left:0; transition:left 0.2s ease 0s;}
.search-wrap .search-inner {padding-bottom:250px;}
.search-form {width:500px; margin:80px auto 50px; overflow:hidden;}
.search-form .s {background-color:#F5F6F9; border:1px solid #ced6d8; height:60px; width:420px; font-size:1.5em; text-indent:5px; float:left; border-right:none;}
.search-form button {float:left; width:79px; height:62px; border:none; background-color:#f00; color:#fff; cursor:pointer; font-size:2em;}
.quick-find {width:500px; margin:0 auto;}
.quick-find h3 {font-size:1.25em; font-weight:normal; color:#333; margin-bottom:20px;}
.quick-find a {background-color:#F5F6F9; color:#666; display:block; float:left; padding:3px 10px; margin:2px 5px 2px 0; font-size:0.875em;}
.quick-find a:hover {background-color:#CED6D8; color:#999;}
/*banner*/
.banner {width:100%; overflow:hidden; height:auto; margin-top:-18px;}
/*slides*/
.slides {margin-bottom:5px; clear:both; overflow:hidden;}
.slides img,.banner img {width:100%; height:auto; display:block;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img {display: block; width: 100%; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);    transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%;
  width: 100%; }  
.owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav [class*='owl-']:hover {background: #869791; color: #FFF; text-decoration: none; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; }
.owl-dots .owl-dot { display: inline-block;  *display: inline; }
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791; }
/*products*/
.container {background-color:#fff; padding:30px 0; box-shadow:0px 0px 3px #ddd; overflow:hidden; margin-bottom:20px; clear:both;}
.section-title {text-align:center; line-height:1.5em;}
.section-title a {color:#000;}
.section-title h3 {font-size:1.5em; font-weight:normal;}
.section-title h4 {font-size:0.75em; font-weight:normal; margin-top:5px; color:#888;}
.products .inner {overflow:hidden;}
.products ul {overflow:hidden; width:102%;}
.products li {float:left; width:23%; text-align:center; padding-top:20px; padding-right:2%;}
.products li .thumbnail {margin-bottom:10px; overflow:hidden;}
.products li p {font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.products li a {color:#555;}
/*news*/
.news .inner {overflow:hidden;}
.news ul {overflow:hidden; width:102%;}
.news li {float:left; width:48%; padding-right:2%; overflow:hidden; padding-top:20px;}
.news li .thumbnail {float:left; width:150px; overflow:hidden;}
.news li .info {margin-left:165px;}
.news li .title {font-size:1.125em; font-weight:normal; margin-bottom:5px; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news li .title a {color:#333;}
.news li p {color:#555; font-size:0.875em; line-height:1.75em; overflow:hidden; height:5.25em;}
/*about*/
.about .intro,.contact .info {width:80%; margin:20px auto; background-color:#F5F6F9; padding:20px; overflow:hidden;}
.about .intro p,.contact .info p {font-size:0.875em; color:#555; padding:5px 0; text-indent:2em; text-align:justify;}
.contact .info p a {color:#555;}
/*contact*/
.contact .info p {text-indent:0;}
.contact .info .left {width:50%;}
.contact .info .right {}
.contact .info .right p {text-align:center;}
.contact .info .right img {width:130px; height:auto; display:block; margin:0 auto;}
.contact .info .right .left {width:50%;}
/*partners*/
.container.partners {margin:0;}
.partners ul {overflow:hidden;}
.partners ul li {float:left; font-size:0.875em; width:20%; padding-top:20px;}
.partners ul li img {width:80%; height:auto; display:block; margin:0 auto;}
.partners a {color:#333;}
/*footer*/
#footer {background-color:#31353D; width:100%; overflow:hidden; padding:30px 0;}
/*friendlinks*/
#links ul {overflow:hidden; text-align:center;}
#links ul li {display:inline; line-height:2em; padding:2px 5px; font-size:0.875em; color:#eee;}
#links a {color:#eee;}
#links ul li span {font-weight:bold;}

/*copyrigt*/
#copyrigt {text-align:center; font-size:0.75em; color:#ddd;}
#copyrigt a {color:#ddd; display: inline-block;}
#copyrigt img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top: -3px;}
/*breadcrumb*/
.breadcrumb {font-family:'SimSun'; font-size:0.75em; margin-bottom:20px; overflow:hidden; background-color:#F5F6F9; padding:5px;}
.breadcrumb a {color:#555;}
.breadcrumb i {font-style:normal; padding:0 2px;}
/*main*/
.main {width:900px; overflow:hidden;}
.news.main ul li {float:none; width:auto; clear:both; padding-top:0; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.news.main ul li .title {margin-bottom:10px;}
.news.main ul li .thumbnail {width:250px;}
.news.main li .info {margin-left:270px;}
.news.main ul li p {height:8.75em; font-size:1em; }
/*proList*/
.proList ul {width:103%;}
.proList li {width:31%;} 

/*pagenavi*/
.pagenavi {text-align:center; font-size:1em; line-height:2em; clear:both;}
.pagenavi a,.pagenavi span.now-page {border-bottom:2px solid #9f9f9f; color:#9f9f9f; padding:0 8px 2px; margin:3px;}
.pagenavi a:hover,.pagenavi span.now-page {border-color:#FE6B63;}
/*sidebar*/
.sidebar {width:350px;}
.submenu,.widget {margin-bottom:20px;}
.submenu h3,.widget h3 {background-color:#FE6B63; font-weight:normal; font-size:1em; padding:10px 15px; color:#fff;}
.submenu h3 a {color:#fff;}
.submenu ul {background-color:#fe918b; color:#fff;}
.submenu ul li {font-size:0.875em;}
.submenu ul li a {padding:5px 15px; display:block; border-bottom:1px solid #f8807a; border-top:1px solid #f9aca8; color:#fff;}
.submenu ul li a:hover {background-color:#f9a49f;}
.widget ul,.widget > div {border:1px solid #E7E8EB; border-top:none;}
.widget .zboutsource-contact img {width:100%; height:auto; display:block;}
.widget .zboutsource-contact p {padding:5px 15px;}
.widget p {padding-top:5px; font-size:0.875em; color:#333;}
.widget ul {padding:10px 0;}
.widget ul li {font-size:0.9em; padding:5px 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul li a {color:#555;}
/*post*/
.post-title {font-size:28px; font-weight:normal; line-height:1.5em; margin-bottom:2%;}
.post-title.page-title {text-align:center; margin-bottom:15px;}
/*post*/
.postmeta {font-size:0.75em; color:#666; margin-bottom:15px;}
.postmeta a {color:#FE6B63;}
.postmeta span {margin:0 5px 5px 0;}
/*entry*/
.entry {font-size:16px; line-height:1.875em;}
.entry a {color:#0E7DF3;}
.entry a:hover {text-decoration:underline;}
.entry p {margin-bottom:15px; color:#222;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry ul,.entry ol {margin-bottom:15px;}
.entry ul,.entry ol {padding-left:2em;}
.entry ul li {list-style:inside disc none; margin-bottom:5px;}
.entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.entry blockquote {padding:15px 15px 0; background-color:#f1f1f1; border-radius:5px; border:1px dashed #ccc; overflow:hidden;}
.entry blockquote p {color:#555;}
.entry img {max-width:100%; height:auto!important;}

.post .tags {font-size:0.875em; color:#555; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:10px;}
.post .tags a {color:#555; margin-left:5px;}

.error404 {padding: 28vh 10%; text-align: center;}
/*relatednews*/
.relatednews,.related {margin-bottom:20px; overflow: hidden;}
.relatednews h3,.related h3 {font-weight:normal; font-size:1.125em; margin-bottom:15px; border-left:3px solid #f00; line-height:1.5em; padding-left:15px; color:#555;}
.relatednews ul {overflow:hidden; width: 102%;}
.relatednews li {float:left; width:48%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; padding-right:2%; line-height: 2em;}
.relatednews li a {color:#5788aa; background:url(../images/dot.gif) no-repeat left center; padding-left: 10px;}
.relatednews li a:hover {text-decoration:underline; color:#f00;}
/*commentslist*/
.commentslist {margin-bottom:35px;}
.commentslist h3,#comment h3 {font-size:1em; color:#888; border-left:3px solid #888; line-height:1.5em; padding-left:15px; font-weight:normal; margin-bottom:30px;}
.commentslist h3 span {font-size:0.875em; margin-left:10px;}
.commentslist li {margin-bottom:20px; overflow:hidden;}
.commentslist li .cmt-wrap {position:relative; padding-left:60px;}
.commentslist li .gravatar {width:42px; height:42px; overflow:hidden; border-radius:50%; position:relative; position:absolute; left:0; top:0;}
.commentslist li .gravatar img {width:100%; height:auto; display:block; border-radius:50%;}
.commentslist li .cmt-info {font-size:0.75em; color:#888; overflow:hidden; margin-bottom:5px;}
.commentslist li .cmt-info a {color:#888;}
.commentslist li .cmt-info span {margin-left:5px;}
.commentslist li .cmt-info span.cmt-date {float:right; display:inline;}
.commentslist li .cmt-info span a {color:#8EC1F4; border:1px solid #8EC1F4; padding:0 5px 0 0; border-radius:2px;}
.commentslist li .cmt-info span a:hover {background-color:#8EC1F4; color:#fff;}
.commentslist li .cmt-text {font-size:0.875em; color:#333;}
.commentslist li .cmt-text #comment {margin-top:20px;}
.commentslist li li {margin-left:60px; margin-top:15px; overflow:hidden; border:1px solid #DEE4E9; padding:15px; margin-bottom:0;}
.commentslist li li .cmt-wrap {padding-left:0;}
.commentslist li li .gravatar {display:none;}
.commentslist li li li {margin-left:0;}
#comment p {clear:both; overflow:hidden; padding:5px 0;}
#comment .warming {font-size:0.875em; color:#333; padding:10px 0;}
#comment .warming a {color:#8EC1F4;}
#comment label {display:block; font-size:0.875em; color:#555;}
#comment .text,#comment textarea {border:1px solid #959595; border-radius:2px; padding:5px; width:250px;}
#comment textarea {width:98%; height:120px; border-radius:4px;}
#comment .submit {background-color:#959595; font-size:0.875em; color:#fff; padding:8px 20px; border-radius:5px; display:block; float:left; cursor:pointer;}
#comment a.canel {height:35px; margin-left:5px; width:96px; text-align:center; line-height:35px; background-color:#FE6B63; color:#fff; display:block; border-radius:5px; float:left; font-size:0.875em;}
/*screen width*/
@media only screen and (max-width:1320px){
	.inner {width:1100px;}
	.main {width:750px;}
	.sidebar {width:300px;}
}
@media only screen and (max-width:1280px){
	/*1280*/
	#logo a {width: 230px;height: 51px;}
	/*1280*/
	.nav {margin-left:230px;}
	.nav li {line-height: 91px;}
	.nav li a {padding:0 15px;}
	/*1280*/
	.search-wrap {top:122px;}
}
@media only screen and (max-width:1140px){
	.inner {width:1024px;}
	.main {width:730px;}
	.sidebar {width:250px;}
}
@media only screen and (max-width:1080px){
	.inner {width:960px;}
	
	
	.main {width:690px;}
	.sidebar {width:235px;}
}
@media only screen and (max-width:1024px){
	/*1024px*/
	#logo {padding:15px 0;}
	#logo a {width:200px; height:44px;}
	/*1024px*/
	.nav-btn {display:block;}
	/*1024px*/
	.nav {margin:0; z-index:9; position:fixed; left:-280px; top:0; height:100%; width:280px; background-color:rgba(0,0,0,.85); overflow-y:auto; -webkit-overflow-scrolling:touch; transition:left .3s;}	
	.nav.open {left:0;}
	.nav ul {float:none; padding:30px 0;}
	.nav li {float:none; font-size:16px; line-height:1.75em;}
	.nav li a {color:#fff; padding:10px 48px 10px 1.5em; display:block; position:static; z-index: 1;}
	.nav li i {position:absolute; right:0; top:0; width: 48px; height: 48px; z-index: 2; color:#fff; text-align: center; line-height: 48px;}
	.nav li ul {position:static; left:auto; top:auto; width:auto; margin-left:0; padding:0; background-color:transparent; border:none; box-shadow:none;}
	.nav li ul:before {display: none;}
	.nav li li {text-align:left;}
	.nav li li a {padding-left:3em;}
	.nav li em {display:block; position:absolute; top:0; right:0; height:48px; width:48px; z-index: 2;}
	/*1024px*/
	.search-wrap {top:105px;}
}
@media only screen and (max-width:990px){
	.inner {width:860px;}
	.news li .title {font-size:1.125em; font-weight:normal;}
	.main {width:600px;}
}
@media only screen and (max-width:890px){
	.inner {width:770px;}
	


	
	.contact .info .right {float:none; clear:both; width:100%;}
	.contact .info .left {float:none; clear:both; width:100%;}
	.contact .info .right .left {clear:none; float:left;}
	.main {width:535px;}
	.sidebar {width:210px;}
  .relatednews ul {width: auto;}
	.relatednews li {float:none; width:auto; padding-right: 0;}
	/*890*/
	#topBar .right {display:none;}
}
@media only screen and (max-width:800px) {
	.inner {width:95%;}
	.news li .info {margin-left:120px;}
	.news li .title {font-size:1em;}
	.news li .thumbnail {width:110px;}
	.news li p {height:3.5em;}
	.news.main ul li .title {font-size:1.125em;}
	.main {width:100%;}
	.sidebar {display:none;}
}
@media only screen and (max-width:768px) {
	/*768px*/	
	#logo a {width:150px; height:33px;}
	/*768px*/
	.search-wrap {top:94px;}
	/*768px*/
	.entry {font-size:14px; line-height: 1.75em;}
	/*768px*/
	.post-title {font-size:20px;}
}
@media only screen and (max-width:640px) {
	.news ul {width:auto;}
	.news li {float:none; width:auto; clear:both; padding-right:0;}
	.commentslist li .gravatar {width:35px; height:35px;}
	.commentslist li .cmt-wrap {padding-left:45px;}
	.news.main ul li .thumbnail {width:160px; height:120px;}
	.news.main li .info {margin-left:175px;}
	.news.main ul li .title {font-size:1em;}
	.news.main ul li p {font-size:0.875em; height:5.25em;}
	.search-form {margin-top:40px;}
	#comment textarea {width:96%;}
}
@media only screen and (max-width:540px) {
	.products ul {width:102%;}
	.products li {width:48%; padding-right:2%; padding-top:10px;}
	.section-title h3 {font-size:1.25em;}
	
	
	.search-form,.quick-find {width:300px;}
	.search-form .s {width:248px; height:45px;}
	.search-form button {width:50px; height:47px; font-size:1.5em;}
	.search-wrap {top:90px;}
	.proList {width:102%;}
	.proList li {width:48%; padding-right:2%;}
	.news.main ul li .thumbnail {width:120px; height:90px;}
	.news.main li .info {margin-left:130px;}
	.news.main ul li p {height:3.5em;}
}
@media only screen and (max-width:360px) {	
	.contact .info .right img {width:110px;}
	.section-title h3 {font-size:1em;}
	#comment textarea {width:94%;}
}
#maximg img{ max-width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.bane{ margin:-18px auto 0}