/*底部客服浮动*/
.bottomFloatBar {
	width: 100%;
	background-color: #000;
	background: url(../images/botbg.png) no-repeat center top;
	background-size: cover;
	background-position-y: 40px;
	position: fixed;
	bottom: -300px;
	z-index: 999;
	transition: all .5s ease-in-out
}

.bottomFloatBar_c {
	position: relative
}
.bottomFloatBar .kefuren{
	width: 25%;
}
}
.bottomFloatBar .kefuren .img{
	width: 50%;
}
.bottomFloatBar .kefuren .img img{
	max-width: 100%;
}
.bottomFloatBar .kefuren .bj{
	width: 45%;
	color: #FFF;
	font-size: 1.1rem;
	margin-top: 6rem;
	margin-left: 5%;
	line-height: 2rem;
	
}
.bottomFloatBar .kefuren .bj b{
	color: #ee1d23;
	font-weight: bold;
	font-size: 1.5rem;
}
.bottomFloatBar .mayi-form{
	width: 70%;
	margin-right: 3%;
	margin-top: 7rem;
}
.bottomFloatBar .mayi-form input{
	width: 15%;
	height: 2.4rem;
}
.bottomFloatBar .mayi-form button{
	background: #ee1d23;
	height: 2.4rem;
	color: #FFF;
	font-weight: bold;
	width: 17%;
	cursor: pointer;
}

.bottomFloatBar_c_close {
	position: absolute;
	bottom: 3.6rem;
	right: 8%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	font-size: 18px;
	color: rgba(255, 255, 255, .4);
	cursor: pointer
}


/* 右侧弹出客服 */
#right-fixed {
	width: 60px;
	position: fixed;
	top: 30%;
	right: 2%;
	z-index: 999;
}

#right-fixed .item {
	background: #5a5a5a;
	border-radius: 10px;
}

#right-fixed .item li {
	position: relative;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

#right-fixed .item li:last-child {
	border-bottom: 0;
}

#right-fixed .item li .icon {
	margin: 0 auto;
	text-align: center;
	width: 45px;
	height: 45px;
	padding-top: 5px;
}

#right-fixed .item li .icon img {
	width: 35px;
}

#right-fixed .item li p {
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-bottom: 5px;
}

#right-fixed .item li:hover {
	background: #ee1d23
}

#right-fixed .item li:first-child:hover {
	background: #ee1d23;
	border-radius: 10px 10px 0 0;
}

#right-fixed .item li:last-child:hover {
	background: #ee1d23;
	border-radius: 0 0 10px 10px;
}


#right-fixed .item li.fixed-contact .ewm {
	position: absolute;
	top: 50%;
	left: -150px;
	transform: translateY(-50%);
	background: #fff;
	padding: 10px;
	width: 140px;
	display: none;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

#right-fixed .item li.fixed-contact .ewm h6 {
	text-align: center;
}

#right-fixed .item li.fixed-contact:hover .ewm {
	transition: all .5s;
	display: block
}

#right-fixed #gotop {
	background: #ee1d23;
	border-radius: 10px;
	margin: 10px 0;
	cursor: pointer;
}

#right-fixed #gotop .icon {
	margin: 0 auto;
	text-align: center;
	width: 45px;
}

#right-fixed #gotop .icon img {
	width: 35px;
}

#right-fixed #gotop p {
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-bottom: 5px;
}


/* 上一条下一条 */
.previous,
.nexts {
	margin: 2rem 0;
	padding-bottom: 2rem;
	border-bottom: 1px solid #ccc;
	font-size: 1.1rem;
	color: #333;
}

.previous a,
.nexts a {
	line-height: 1.4rem;
	color: #666;
	margin-left: .5rem;
}


/* 分页样式 */
.pglist {
	margin: 3rem 0 5rem 0;
	text-align: center !important;
	font-size: 1rem;
}

.pglist a {
	border: 1px solid #e4eaec;
	background: #fff;
	padding: .8rem 1.8rem;
	margin: 0 .5rem;
	text-align: center;
	color: #76838f;
	font-size: 1.2rem;
	border-radius: .5rem;
}

.pglist a:hover {
	background: #f5f5f5
}

.pglist a.NextA {
	border-right: 1px solid #e4eaec
}

.pglist .NextSpan,
.pglist .PreSpan {
	border: 1px solid #e4eaec;
	padding: .8rem 1.8rem;
	background: #fff;
	color: #ccd5db;
	border-radius: .5rem;
}

.pglist .firstPage,
.pglist .lastPage {
	height: 1rem;
	line-height: 1rem;
}

.pglist span {
	border: 1px solid #e4eaec;
	padding: .8rem 1.8rem;
	text-align: center;
	background: #ee1d23;
	font-size: 1.2rem;
	color: #fff;
	border-radius: .5rem;
}

.pglist a,
.pglist a:active,
.pglist a:focus,
.pglist a:hover {
	text-decoration: none
}

.pglist .PageText {
	margin-left: .5rem;
	color: #aaa;
	display: none
}

.pglist a:last-child {
	border-right: 1px solid #e4eaec
}
@media screen and (max-width: 1400px) {

	.bottomFloatBar_c_close{
		right: 5%;
	}
}

@media screen and (max-width: 1200px) {

	.bottomFloatBar .kefuren{
		width: 15%;
	}
	.bottomFloatBar .mayi-form{
		width: 80%;
	}
	.bottomFloatBar .kefuren .img{
		width: 100%;
	}
	.bottomFloatBar .kefuren .img img{
		width: 8rem;
	}
	.bottomFloatBar .kefuren .bj{
		width: 100%;
		margin-top: 1rem;
		margin-left: 0;
	}
	.bottomFloatBar_c_close{
		right: 3%;
	}
}

@media screen and (max-width: 990px) {

  .bottomFloatBar{
	  display: none;
  }

}

@media screen and (max-width: 768px) {
	
  .pglist a{
	  padding: .5rem .7rem;
	  margin: 0 .3rem;
  }
  .pglist span{
	  padding: .5rem .7rem;
  }
  .pglist a:last-child{
	  display: none;
  }

  .bottomFloatBar{
	  display: none;
  }
  #right-fixed{
	  top:inherit;
	  bottom: 5%;
  }
  #right-fixed .item li:nth-of-type(3),#right-fixed .item li:nth-of-type(4){
	  display: none;
  }
}