@media (max-width: 1200px){
	html {
	    zoom: .8;
	}
}
@media (max-width: 1366px) and (min-width: 1200px){
	html {
	    zoom: .85;
	}
}
@media (max-width: 1600px) and (min-width: 1366px){
	html {
	    zoom: .9;
	}
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
html{
  height: 100%;
}
body{
  min-height: 100%;
  _height: 100%;
}
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
p,
blockquote,
figure,
header,
footer,
nav,
article,
section,
aside,
address,
figcaption{
  margin: 0;
  padding: 0;
  border: 0 none;
  *zoom: 1;
}
li{
  list-style-type: none;
}
h1,
h2,
h3,
h4{
  font-size: 100%;
}
img {
  border: 0 none;
  vertical-align: top;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button{
  cursor: pointer;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

input[type="radio"]{
  -webkit-border-radius: 100%;
  -webkit-appearance: radio;
}
input[type="checkbox"]{
  -webkit-appearance: checkbox;
}
textarea{
  overflow: all;
  resize: none;
}
blockquote,q{
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
  content: "";
  content: none;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
/*caption,th{
  text-align: left;
}*/
th{
  font-weight: normal;
}
em,
cite,
address,
i{
  font-weight: normal;
  font-style: normal;
}
sup{
  vertical-align: text-top;
}
sub{
  vertical-align: text-bottom;
}
body,
input,
select,
button,
textarea{
  font-size: 16px;
  font-family: "Microsoft yahei",arial,"\5b8b\4f53"
}
body{
  line-height: 1.5;
}
a{
  text-decoration: none;
  color: #333
}
:focus{
  outline: none;
}
.jq-img{
	width: 100%;
}
.commonvideobg{
		width: 1024px;
	height: 580px;
	margin:0 auto 40px auto;	
}
.commonvideo{
	width: 1024px;
	height: 580px;
}
.left{
  float: left;
}
.right{
  float: right;
}
.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before{
  content: "";
  display: table;
}
.fixed:after,
.clearfix:after,
.cf:after,
body:after,
.header:after,
.main:after,
.footer:after{
  content: "";
  display: table;
  clear: both;
}
.fixed,
.clearfix,
.cf,
.header,
.main,
.footer{
  *zoom: 1;
}


/*only_Sxz*/
.s4{
  transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.s6{
  transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.s8{
  transition: all 0.8s;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.s10{
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
}

.box,
.in-center{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}
.in-center{
  width: 1200px;
}

.md-2-1,
.md-3-1,
.md-4-1,
.md-5-1,
.md-6-1,
.md-7-1,
.md-8-1{
  display: inline-block;
  float: left;
}
.md-2-1{
  width: 50%;
}
.md-3-1{
  width: 33.33%;
  *width: 33%;
  width: 33%\9;
}
.md-4-1{
  width: 25%;
}
.md-5-1{
  width: 20%;
}
.md-6-1{
  width: 16.666%;
  *width: 16%;
  width: 16%\9;
}
.md-7-1{
  width: 14.2857%;
  *width: 14%;
  width: 14%\9;
}
.md-8-1{
  width: 12.5%;
  *width: 12%;
  width: 12%\9;
}

.media_left,
.media_right,
.media_body{
  display: table-cell;
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-weight: normal;
}
/*end only_Sxz*/


/*1680*/
@media (max-width: 1850px){
  body,
  input,
  select,
  button,
  textarea{
    font-size: 16px;
  }
}

/*1440*/
@media (max-width: 1600px){
  body,
  input,
  select,
  button,
  textarea{
    font-size: 14px;
  }
  .in-center{
    width: 1000px;
  }
}

@media (max-width: 1390px){
  .in-center{
    width: 800px;
  }
}
@media (max-width: 1390px){
  .in-center{
    width: 800px;
  }
}
@media (max-width: 1240px){
  .in-center{
    width: 640px;
  }
}
@media (max-width: 1000px){
  .in-center{
    width: 91%;
  }
}


/*== common ==*/
.header .videoentry{
	float: left;
    margin-top: 35px;
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
    font-size: 16px;
    color: #fff;
    background-color: #fc8042;
    border-radius: 19px;
    overflow: hidden;
}

.header .videoentry .icon {
    float: left;
    margin: 8.5px 16px 0 0;
    width: 18px;
    height: 21px;
    background: url(../images/headervideo.png) no-repeat;
}
.header .link{
	float: left;
	margin: 35px 3.3% 0;
}
.header .link li {
    float: left;
    margin-right: 25px;
}

.header .link li a{
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	z-index: 999;
}

.header .link li a .showimg {
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 130px;
    display: none;
}
.header .link li a .showimg img{
	width:100%;
}
.header .link li:hover .showimg{
	display:block;
	text-align: center;
}

.header .link li.icon1 a{
	background-image:url(../images/tel.png);
}
.header .link li.icon2 a{
	background-image:url(../images/weixin.png);
}
.header .link li.icon3 a{
	background-image:url(../images/weibo.png);
}
.header .searchbtn{
	float: right;
	width: 110px;
	height: 110px;
	background-color: #fc8042;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/headersearch.png);
	position: relative;
	z-index: 55;
}

.header .headerright .searchbtn:hover{
  background-color: #e2550e;
}
.header .headerright .searchbtn.searching{
  background-color: #fff;
  background-image: url(../images/s.png);
}
.header-search{
	position: absolute;
	top: 100%;
	right: 0;
	width: 570px;
	height: 100px;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2);
	opacity: 0;
	filter: alpha( opacity = 0);
	z-index: -5;
	display:none;
}
.header-search .bar{
	float: left;
	width: 470px;
	height: 100px;
	padding: 20px 40px;
	background-color: #fff;
	box-shadow:inset 8px 8px 8px -8px rgba(0,0,0,.2);
	box-sizing: border-box;
}
.header-search .bar .txt{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
}
.header-search .gosearch{
	float: right;
	width: 100px;
	height: 100px;
	background-color: #fc8042;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/headersearch.png);
}
.header-search.show{
	opacity: 1;
	display:block;
	filter: alpha( opacity = 100);
	z-index: 99;
}
.header{
  width: 100%;
  background-color: #fff;
  position: relative;
}
.header .header-fixed{
  
  background-color: #fff;
  height: 110px;
  box-shadow: 0 8px 8px -8px rgba(0,0,0,0.2);
  z-index: 115;
}
.header .logo{
    float: left;
    width: 23%;
    margin-left: 20px;
}
.header .headerright{
    float: right;
    width: 70.8%;
    margin-left: 2%;
}
.header .logo img{
  display: block;
  height: 100px;
}
/*
.header .headerright{
  float: right;
}
*/
.header .headerright .nav{
  float: left;
  overflow: hidden;
}
.header .headerright .nav li{
  float: left;
  padding-right: 35px;
  line-height: 110px;
}
@media (max-width: 1509px){
	.header .headerright .nav li{
	  float: left;
	  padding-right: 25px;
	  line-height: 110px;
	}
}

.header .headerright .nav li a{
  position: relative;
  font-size: 16px;
  color: #555;
  display: inline-block;
  height: 22px;
  line-height: 22px;
}
.header .headerright .nav li a:hover,
.header .headerright .nav li a.on{
  color: #fc8042;
}
.header .headerright .nav li>a.hover:before{
  content: '';
  position: absolute;
  bottom: -44.5px;
  left: 50%;
  margin-left: -6.5px;
  width: 13px;
  height: 7px;
  background: url(../images/jt.png);
}



.header .navmore{
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: url(../images/dropbg.png) repeat;
  padding: 40px 0;
  display: none;
  z-index: 99;
}
.header .navmore .info{
  position: relative;
  float: left;
  width: 30%;
  padding-right: 50px;
}
.header .navmore .info:before{
  position: absolute;
  content:'';
  width: 2px;
  height: 100%;
  background: url(../images/linebg.jpg) repeat-y;
  top: 0;
  right: 0;
}
.header .navmore .info h1{
  font-size: 28px;
  line-height: 32px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 10px;
}
.header .navmore .info p{
  font-size: 16px;
  color: #fff;
  line-height: 1.625;
}
.header .navmore dl{
  float: left;
  width: 60%;
  margin-left: 3%;
  overflow: hidden;
}
.header .navmore dl dd{
  float: left;
  margin-right: 1%;
  line-height: 1;
}
.header .headerright .navmore dl dd a{
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  color: #fff;
  border-radius: 17px;
}
.header .headerright .navmore dl dd a:hover{
  background-color: #fff;
  color: #fc8042;
}
.header .header-ewm{
  position: absolute;
  top: 0;
  right: 20px;
  width: 100px;
  height: 100px;
}

.container{
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.local{
  width: 100%;
  height: 50px;
}
.local p{
  font-size: 14px;
  color: #848484;
  line-height: 50px;
  text-indent: 12px;
}
.local p a{
  color: #848484;
}
.local p a:hover{
  color: #fc8042;
}
.local p .split{
  padding: 0 16px;
}

.secnav{
	width: 100%;
	background-color: #ffffff;
	border-top: #f5a501 solid 5px;
}
.secnav.zindex{
	z-index: 116;
}
.secnav .nav{
	position: relative;
	top: -5px;
	margin-bottom: -5px;
	width: 800px;
	margin:0 auto;
}
.secnav5 .nav{
	width: 1000px;
}
.secnav .nav li{
	float: left;
	position: relative;
	z-index: 2;
}
.secnav .nav li a{
	display: block;
	width: 200px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	position: relative;
	z-index: 2;
}
.secnav .nav li.color1 a{
	background-color: #fc8042;
}
.secnav .nav li.color2 a{
	background-color: #3f96db;
}
.secnav .nav li.color3 a{
	background-color: #fe474b;
}
.secnav .nav li.color4 a{
	background-color: #4ec575;
}
.secnav .nav li.color5 a{
	background-color: #acb0d5;
}
.secnav .nav li a:hover,
.secnav .nav li a.active{
	padding-bottom: 15px;
}
.content{
	line-height: 1.5;
	padding:1.5% 0;
	margin:0 auto;
	width:1200px;
}
.has-text-align-center{
	text-align: center;
}
.wp-block-image{
	text-align: center;
	padding-bottom: 2em;
}
.content p{
	padding-bottom: 2em;
}

.detail-article {
  clear: both;
  overflow: hidden;
}

.detail-article .time,
.detail-article .title {
  text-align: center;
  font-weight: 400;
  padding: 10px 0;
  margin: 0;
}

.detail-article .title {
  font-size: 24px;
  padding-top: 2%;
  line-height: 30px;
}

.detail-article .time {
  font-size: 14px;
  border-bottom: 1px dotted #ebebeb;
  display: block;
}

.detail-article .down {
  text-align: center;
  padding: 2% 0;
}

.detail-article .down a {
  background-color: #1f42b4;
  color: #fff;
  padding: 6px 30px;
  border-radius: 4px;
  display: inline-block;
}

.single {
  color: #4f4f4f;
  padding: 3% 0;
  line-height: 2;
  text-justify: inter-ideograph;
  text-align: justify;
  word-wrap: break-word;
  clear: both;
  overflow: hidden;
  font-size: 16px;
}

.single img {
  max-width: 100%;
}

.single .img_about {
  float: right;
  max-width: 50%;
  margin-left: 3%;
}

.info_back {
  padding: 1% 0;
  border-top: 1px dotted #ebebeb;
  line-height: 1.6em;
}

.info_back a {
  padding: 0 10px;
  cursor: pointer;
  color: #fff;
  background-color: #0075c1;
  display: inline-block;
}

.info_back a:hover {
  background-color: #fed001;
}

.info_prev_next {
  padding: 1% 0;
  padding-bottom: 40px;
  line-height: 1.6em;
}

.info_prev_next span {
  padding-top: 5px;
  display: block;
}

.mlapages {
  padding: 3% 0;
  text-align: center;
  line-height: 28px;
  clear: both;
}

.mlapages span {
  padding: 0 3px;
  display: inline-block;
}

.mlapages a {
  color: #727272;
  display: inline-block;
  margin: 0 1px;
  padding: 0 10px;
  background-color: #fff;
  border: solid 1px #eaeaea;
}

.mlapages a:hover, .mlapages a.current {
  color: #fff;
  background: #0075c1;
  border-color: #0075c1;
}

.mlapages em {
  display: inline-block;
  font-style: normal;
}

.cate19 .time{
	display: none;
}
.cate19 .info_prev_next{
	display: none;
}
.listrc{margin-top:20px;padding:85px 0 50px;overflow:hidden}
.listrc .list{overflow:hidden}
.listrc .list li{float:left;margin-right:10px;margin-left:10px;margin-bottom:25px;width:370px;border:transparent solid 5px;border-bottom:0;transition:all ease .5s;-webkit-transition:all ease .5s}
.listrc .list li a{display:block}
.listrc .list li.last{margin-right:0}
.listrc .list li img{display:block;width:100%}
.listrc .list li .info{height:80px;line-height:80px;font-size:18px;color:#989898;border-bottom:#e9e9e9 solid 2px;transition:all ease .5s;-webkit-transition:all ease .5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:1em;}
.listrc .list li:hover .info{background-color:#fc8042;color:#fff;border-color:#fc8042}
.listarticle .list li{padding:30px 0;border-bottom:#e4e4e4 solid 1px;overflow:hidden}
.listarticle .list li .time{float:left;width:16%}
.listarticle .list li .time h6{position:relative;font-weight:400;font-size:30px;height:30px;line-height:30px}
.listarticle .list li .time h6:before{content:'';width:40%;height:1px;background-color:#d0d0d0;position:absolute;top:50%;right:0}
.listarticle .list li .time p{font-size:20px;line-height:20px;height:20px;color:#949498;margin-top:20px}
.listarticle .list li .time .watch{width:34px;height:34px;float:left;margin:15px 0 0 30px;background-repeat:no-repeat;background-position:center center;background-image:url(../images/mmm9.png)}
.listarticle .list li .text{float:left;width:63.5%;padding:0 40px;box-sizing:border-box}
.listarticle .list li .text h1{margin-bottom:10px;font-size:20px;height:30px;line-height:30px;overflow:hidden}
.listarticle .list li .text p{font-size:14px;line-height:28px;color:#949498;height:84px;overflow:hidden}
.listarticle .list li .img{float:left;width:20.5%}
.listarticle .list li .img img{display:block;width:100%}
.listarticle .list li:hover .time .watch{background-image:url(../images/mmm9on.png);background-color:#fc8042}
.listarticle .list li:hover .text h1{color:#fc8042}

.listimg{margin-top:20px;padding:2.8% 0 3.6%;overflow:hidden}
.listimg .listimggrounp{position:relative}
.listimg .listimgm{margin-bottom:3.3%;border:#e5e5e5 solid 1px;padding:45px;overflow:hidden}
.listimg .listimgm .video{float:left;width:500px;height:325px;cursor:pointer;overflow:hidden}
.listimg .listimgm .text{float:left;width:608px;padding-left:30px;height:325px;overflow:hidden;box-sizing:border-box}
.listimg .listimgm .text .tit{font-size:30px;line-height:35px;height:35px;overflow:hidden;font-weight:400;text-align:center}
.listimg .listimgm .text .scrolltext{position:relative;width:100%;height:290px;overflow:hidden}
.listimg .listimgm .text .article{padding:15px}
.listimg .listimgm .text .article p{font-size:14px;line-height:2;color:#969696;text-indent:2em}
.listimg .listimgm .zUIpanelScrollBox{right:0;top:4px;width:5px;background-color:#e9e9e9;border-radius:5px}
.listimg .listimgm .zUIpanelScrollBar{right:0;top:4px;width:5px;background-color:#fc8042;border-radius:5px}
.listimg .listimgm.right .text,.listimg .listimgm.right .video{float:right}
.listimg .listimgm.right .text{padding-left:0;padding-right:30px}

.listimg2{padding-top:60px;}
.listimg2 .list{overflow:hidden}
.listimg2 .list li{float:left;width:31.33%;margin-left:1%;margin-right:1%;margin-bottom:2%;overflow:hidden;cursor:pointer}
.listimg2 .list li.last{margin-right:0}
.listimg2 .list li img{display:block;width:100%}
.listimg2 .list li .info{height:60px;line-height:60px;text-align:center;font-size:18px;color:#707070;transition:all ease .5s;-webkit-transition:all ease .5s}
.listimg2 .list li:hover .info{color:#fc8042}


/*== common ==*/
/*页脚*/
.wrap_footer{ width:100%; height: 480px; background: #fbfbfb; position: relative; z-index: 1;}
.footer_con{ width:1200px; margin: 0px auto; height: 480px; position: relative;}
.footer_con .tit{ display:block; font-size: 20px; color: #5f6464; font-weight: normal; margin-bottom: 30px; }
.footer_con ul li a{ display:block; font-size: 16px; color: #5f6464; font-weight: normal; margin-bottom: 18px;}


.contact_info{ display: block; height: 55px; width: 100%; border-bottom: 1px solid #f2f3f5; padding-top: 33px; margin-bottom: 40px;}
.contact_info .tit{ float: left; margin-right: 33px; }
.contact_info ul li{ display:inline-block; float: left; margin-right: 28px;font-weight: bold;
    font-size: 16px;padding-top:5px;}

.join_us,.contact_us,.legal_info{ float: left; width: 216px;}
.seclinks{padding-bottom:25px;text-align:center;width:100%}
.seclinks a{width:auto;padding:0 10px;height:35px;background-color:#fff;font-size:14px;text-align:center;line-height:35px;color:#666;display:inline-block;background-repeat:no-repeat;border-radius:35px;-o-border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;border:1px solid #dcdcdc;line-height:33px;margin:10px 10px;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.seclinks a.active,.seclinks a:hover{background-color:#3278d7;color:#fff;border-color:#3278d7}

.logo_footer{ display: block; height: 28px; width: 282px; position: absolute; right: 0; top: 30%; margin-top: -21px;
text-align:center;}
.logo_footer img{
  width: 100%;
}
.footer_area{ display:block; width: 100%; position: absolute; bottom: 51px; left: 0px;}
.footer_area .links li{ display:inline-block; float: left; margin-right: 20px;}
.footer_area .links li a{ font-size: 14px; color: #5f6464; margin-bottom: 0px;}
.footer_area .copyright{ font-size: 14px; color: #5f6464; float: right;}
.footer_area .copyright .flag_num{ display:none;}
.cate38 li{
	position: relative;	
}
.cate38 li a.hovercolor
{
	    position: absolute;
    display: block;
    top: 50%;
    margin-top: -2.145em;
    left: 50%;
    margin-left: -2.145em;
}
.searlist {
    margin: 35px auto;
    width: 100%;
    padding: 20px;
    border: #d7d7d7 solid 1px;
    border-top: #fc8042 solid 2px;
    background-color: #fff;
    box-sizing: border-box;
}

.searlist .searchbox {
    padding: 0;
}

.searlist .searchbar {
    padding: 20px;
    background-color: #fc8042;
}

.searlist .searchbar .num {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

.searlist .searchbar .search {
    margin-top: 15px;
    padding: 14px 0;
    background-color: #fff;
    overflow: hidden;
}

.searlist .searchbar .search .txtbox {
    float: left;
}

.searlist .searchbar .search .text {
    width: 840px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #666;
    text-indent: 16px;
}

.searlist .searchbar .search .btn {
    float: right;
    margin-right: 25px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #666;
    text-indent: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/searchlist.png);
}

.searlist .searchbar .searchhot {
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
}

.searlist .searchbar .searchhot a {
    display: inline-block;
    padding: 0 5px;
    color: #fff;
}

.searlist .searchbar .searchhot a.on {
    text-decoration: underline;
}

.searlist .resultlist li {
    padding: 40px 45px 35px 30px;
    border-bottom: #d8d8d8 dotted 1px;
    overflow: hidden;
}

.searlist .resultlist li h1 {
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
}

.searlist .resultlist li h1 a {
    color: #505050;
}

.searlist .resultlist li:hover h1 a {
    color: #fc8042;
}

.searlist .resultlist li .key {
    font-size: 14px;
    line-height: 30px;
    color: #a3a3a3;
}

.searlist .resultlist li .key span {
    padding-left: 12px;
}

.searlist .resultlist li .text {
    font-size: 14px;
    line-height: 20px;
    color: #868686;
    height: 40px;
    overflow: hidden;
}

.searlist .PageBox {
    margin: 30px 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.nav-links {
  text-align: center;
}

.nav-links a {
  position: relative;
  display: inline-block;
  background-color: #f4f5f9;
  padding: 6px 10px;
  margin: 0 6px 0 0;
  font-size: 14px;
  border-radius: 3px;
  color: #222831;
}

.nav-links span.current {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 6px 0 0;
  border-radius: 3px;
  z-index: 2;
  color: #fff;
  background-color: #fc6d41;
  box-shadow: 0 5px 20px -3px rgba(249, 100, 90, 0.6);
}