body {
	  overflow-y: scroll;
	}
	.content-banner{
		position:relative;
		width:100%;
	    max-height: 220px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
		overflow:hidden;
	}
	.content-banner p{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		text-align:center;
		font-size:22px;
		font-weight:bold;
		color:#fff;
	}
	.content-banner img{
		width:100%;
	}
	.content-nav-top{
		width:200px;
		height:150px;
		line-height:150px;
		text-align:center;
	}
	.content-nav-top h4{
		font-size:26px;
		color:#009688;
	}
	.content-nav-top i{
		font-size:32px;
		margin-left:5px;
		color:#009688;
	}
	.content-tab{
		 margin-bottom:10px;
		 position:relative;
	}
	.content-tab .layui-breadcrumb{
		position:absolute;
		right:0;
		top:10px;
	}
	.content-list{
		height:280px;
		text-align:center;
		background:#fff;
		padding:5px;
		border:5px solid #eaeaec;
	}
	.content-list img{
		width:180px;
		margin-bottom:10px;
	}
	.content-list .text{
		line-height:36px;
		font-weight:800;
	}
	.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;
	  margin-left: -1px;
	  line-height: 1.42857143;
	  color: #009688;
	  text-decoration: none;
	  background-color: #fff;
	  border: 1px solid #ddd;
	}
	.pagination > li:first-child > a,
	.pagination > li:first-child > span {
	  margin-left: 0;
	  border-top-left-radius: 4px;
	  border-bottom-left-radius: 4px;
	}
	.pagination > li:last-child > a,
	.pagination > li:last-child > span {
	  border-top-right-radius: 4px;
	  border-bottom-right-radius: 4px;
	}
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
	  z-index: 3;
	  color: #23527c;
	  background-color: #eee;
	  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: 2;
	  color: #fff;
	  cursor: default;
	  background-color: #009688;
	  border-color: #009688;
	}
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
	  color: #777;
	  cursor: not-allowed;
	  background-color: #fff;
	  border-color: #ddd;
	}
	.pagination-lg > li > a,
	.pagination-lg > li > span {
	  padding: 10px 16px;
	  font-size: 18px;
	  line-height: 1.3333333;
	}
	.pagination-lg > li:first-child > a,
	.pagination-lg > li:first-child > span {
	  border-top-left-radius: 6px;
	  border-bottom-left-radius: 6px;
	}
	.pagination-lg > li:last-child > a,
	.pagination-lg > li:last-child > span {
	  border-top-right-radius: 6px;
	  border-bottom-right-radius: 6px;
	}
	.pagination-sm > li > a,
	.pagination-sm > li > span {
	  padding: 5px 10px;
	  font-size: 12px;
	  line-height: 1.5;
	}
	.pagination-sm > li:first-child > a,
	.pagination-sm > li:first-child > span {
	  border-top-left-radius: 3px;
	  border-bottom-left-radius: 3px;
	}
	.pagination-sm > li:last-child > a,
	.pagination-sm > li:last-child > span {
	  border-top-right-radius: 3px;
	  border-bottom-right-radius: 3px;
	}
	.pager {
	  padding-left: 0;
	  margin: 20px 0;
	  text-align: center;
	  list-style: none;
	}
	.pager li {
	  display: inline;
	}
	.pager li > a,
	.pager li > span {
	  display: inline-block;
	  padding: 5px 14px;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 15px;
	}
	.pager li > a:hover,
	.pager li > a:focus {
	  text-decoration: none;
	  background-color: #eee;
	}
	.pager .next > a,
	.pager .next > span {
	  float: right;
	}
	.pager .previous > a,
	.pager .previous > span {
	  float: left;
	}
	.pager .disabled > a,
	.pager .disabled > a:hover,
	.pager .disabled > a:focus,
	.pager .disabled > span {
	  color: #777;
	  cursor: not-allowed;
	  background-color: #fff;
	}
.footer .tit {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
}
.footer a{
	display: block;
	color: #97989a;
	font-weight: 300;
}
.footer a:hover{
	display: block;
	color: #009688;
	font-weight: 300;
}
/*-phone-nav-*/
.phone-nav {
  position: absolute;
  right: 1%;
  margin-right: 15px;
  display: none;
  color: #fff;
  z-index: 9;
  padding-top: 22px;
}
.phone-nav span {
  color: #000;
  font-size: 25px;
 
}
@media (max-width: 980px) {
  .phone-nav {
    display: block;
  }
}
/*移动端底部导航*/
.phonefooternav {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 99999;
}
.phonefooternav ul li {
  width: 25%;
  background: #494949;
  float: left;
  padding: 10px 0;
  border-right: 1px solid #666;
  list-style: none;  
  box-sizing: border-box;
}
.phonefooternav ul li a {
  display: block;
  color: #fff;
  text-align: center;
}
.phonefooternav ul li a i {
  display: block;
  font-size: 20px;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .phonefooternav {
    display: block;
  }
}
@media (max-width: 480px) {
  .phonefooternav ul li {
    padding: 3px 0px;
  }
  .phonefooternav ul li a i {
    padding: 2px 0px;
  }
}