.u-title {
    position: relative;
    height: .5rem;
}
.u-title h1 {
	float: left;
    position: relative;
    padding-left: .18rem;
	line-height: .5rem;
    font-size: .22rem;
    font-weight: bold;
    color: #000;
}
.u-title h1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .04rem;
    height: .2rem;
    margin-top: -.1rem;
    background: #C71608;
}

.u-title .more {
	position: absolute;
	right: 0;
	top: 50%;
    height: .26rem;
	padding-right: .2rem;
	margin-top: -.13rem;
    line-height: .26rem;
    font-size: .13rem;
    text-align: center;
    color: #756034;
	background-image: url('../img/more.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: .14rem;
}
.u-title .more:hover {
    color: #C71608;
}

.u-title .nav {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.13rem;
	font-size: 0;
}
.u-title .nav a {
	display: inline-block;
	width: .35rem;
	height: .24rem;
	border: 1px solid #C2B8A1;
	margin-left: -1px;
	line-height: .24rem;
	font-size: .12rem;
	font-family: '宋体';
	text-align: center;
	color: #A58C4F;
}
.u-title .nav a:hover {
	position: relative;
	border-color: #C71608;
	color: #fff;
	background: #C71608;
}

/* banner */
.m-banner {
	position: relative;
	height: 50vh;
	max-height: 5.9rem;
	min-height: 2.9rem;
}
.m-banner ul {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.m-banner li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity .3s ease;
}
.m-banner li a {
	display: block;
	height: 100%;
}
.m-banner li.z-crt {
	z-index: 1;
	opacity: 1;
}
.m-banner .nav {
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: .2rem;
}
.m-banner .nav div {
	width: .32rem;
	height: .03rem;
	margin: 0 .06rem;
	background: #333;
	transition: all .3s ease;
}
.m-banner .nav div.z-crt {
	background: #C71608;
}
/* end banner */

/* count */
.m-count {
	height: 1.1rem;
	margin-bottom: .45rem;
	color: #fff;
	background: #A58C4F;
}
.m-count .item {
	position: relative;
	width: 20%;
	height: 1.1rem;
	text-align: center;
}
.m-count .item:nth-child(2),
.m-count .item:nth-child(3) {
	position: relative;
	width: 30%;
	height: 1.1rem;
	text-align: center;
}
.m-count .item div {
	margin: .2rem 0 .08rem;
	font-size: .18rem;
}
.m-count .item div strong {
	font-size: .36rem;
	font-weight: normal;
}
.m-count .item p {
	font-size: .14rem;
}
/* end count */

/* article */
.m-article {
	margin-bottom: .5rem;
}
.m-article .top {
	float: left;
	width: 4.2rem;
}
.m-article .top div {
	position: relative;
	height: 2.8rem;
}
.m-article .top div p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 .14rem;
	line-height: .4rem;
	font-size: .14rem;
	color: #fff;
	background: rgba(0,0,0,.7);
}
.m-article .top > p {
	margin-top: .12rem;
	line-height: .22rem;
	font-size: .13rem;
	color: #666;
}
.m-article .list {
	float: right;
	width: 7.42rem;
}
.m-article .list ul {
	margin-top: .2rem;
}
.m-article .list li {
	line-height: .44rem;
	overflow: hidden;
}
.m-article .list p {
	float: left;
	position: relative;
	width: 6rem;
	padding-left: .1rem;
	font-size: .15rem;
	color: #000;
}
.m-article .list li:hover p {
	text-decoration: underline;
	color: #C71608;
}
.m-article .list p:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: .03rem;
	height: .03rem;
	margin-top: -.01rem;
	background: #000;
}
.m-article .list span {
	float: right;
	font-size: .13rem;
	color: #666;
}
/* end article */

/* service */
.m-service {
	margin-bottom: .3rem;
}
.m-service .list {
	float: left;
	margin-top: .2rem;
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
}
.m-service .list ul {
	position: relative;
	left: 0;
	transition: left .3s ease;
}
.m-service .list li {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	width: 3rem;
	height: 3.5rem;
	border: 1px solid #EBE6DC;
}
.m-service .list a:nth-child(n+2) li {
	margin-left: .32rem;
}
.m-service .list li p {
	position: absolute;
	left: 0;
	right: 0;
	top: .8rem;
	font-size: .16rem;
	text-align: center;
	color: #555;
}
.m-service .list li div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: .4rem .26rem;
	line-height: .24rem;
	font-size: .14rem;
	white-space: normal;
	color: #fff;
	background: #C79F57;
	background: linear-gradient(0deg, rgba(255,255,255,0), #C79F57 40%);
	opacity: 0;
	transition: opacity .5s ease;
}
.m-service .list li:hover div {
	opacity: 1;
}
.m-service .list li button {
	position: absolute;
	left: .8rem;
	bottom: .22rem;
	width: 1.4rem;
	height: .44rem;
	border: none;
	font-size: .16rem;
	color: #fff;
	background: #C71608;
	opacity: 0;
	transition: all .4s ease;
}
.m-service .list li:hover button {
	bottom: .42rem;
	opacity: 1;
}
/* end service */

/* news */
.m-news {
	margin-bottom: .64rem;
}
.m-news .list {
	float: left;
	position: relative;
	margin-top: .2rem;
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
}
.m-news .list ul {
	position: relative;
	left: 0;
	transition: left .3s ease;
}
.m-news .list li {
	display: inline-block;
	position: relative;
	width: 2.95rem;
	height: 1.66rem;
	border-radius: .02rem;
	margin-left: .2rem;
	overflow: hidden;
}
.m-news .list a:nth-child(1) li {
	margin-left: 0;
}
.m-news .list li img {
	width: 100%;
	height: 100% !important;
}
.m-news .list li p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 .14rem;
	line-height: .48rem;
	font-size: .15rem;
	color: #fff;
	background: linear-gradient(0deg, rgba(0,0,0,.4), rgba(0,0,0,0) 40%);
}
.m-news .list .nav {
	opacity: 0;
	transition: all .3s ease;
}
.m-news .list:hover .nav {
	opacity: 1;
}
.m-news .list .nav a {
	position: absolute;
	top: .58rem;
	width: .3rem;
	line-height: .5rem;
	font-family: '宋体';
	font-size: .18rem;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.7);
}
.m-news .list .nav a:hover {
	background: #C71608;
}
.m-news .list .nav a:nth-child(1) {
	left: 0;
}
.m-news .list .nav a:nth-child(2) {
	right: 0;
}
/* end news */