@import "header.css";
@import "../fonts/fonts.css";

html {
	font-size: 16px;
}

body,
ul,
li,
p,
a {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Microsoft YaHei, sans-serif;
}

/*::-webkit-scrollbar{width:0;}*/
a {
	text-decoration: none;
}

* {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
	vertical-align: middle;
	max-width: 100%;
}

.banner img {
	width: 100%;
	max-height: 85vh;
	object-fit: cover;
}

.home {
	padding-top: 75px;
}

.m-box {
	width: 84vw;
	margin: 0 auto;
}

.tit {
	padding: 1rem 0;
	text-align: center;
}

.tit h1 {
	font-size: 1.5708333333333335vw;
	font-weight: 400;
}

.tit span {
	background: #96231e;
	width: 40px;
	height: 2px;
	display: block;
	margin: 0.5rem auto;
}

.p-p {
	font-size: 0.8333333333333334vw;
	color: #333;
}

.p20 {
	font-size: 1.1458333333333335vw;
	color: #000;
}

/**/
.g-hz {
	background: #fbfcfe;
	padding: 3rem 0
}

.g-hz ul {
	display: flex;

	flex-wrap: wrap;
}

.g-hz ul li {
	width: 12.6666666666%;
	margin: 2%;
	box-shadow: 1px 1px 4px 1px #f8f8f8
}

.g-hz ul li img {
	width: 100%
}

/**/
.n-list {
	padding: 3rem 0;
}

.n-list .m-c {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.n-list .m-c .l-t {
	width: 10%;
}

.n-list .m-c .l-t h1 {
	font-size: 1.2vw;
}

.n-list .m-c .l-t .a-tab a {
	display: block;
	padding: 0.8rem 1rem;
	width: 100%;
	font-size: 1vw;
	box-sizing: border-box;
	color: #333;

}

.n-list .m-c .l-t .a-tab a:hover,
.n-list .m-c .l-t .a-tab a.on {
	color: #fff;
	background: url(../images/nji_03.png) center center no-repeat;
	background-size: 100% 100%;


}

.n-list .m-c .l-r {
	width: 88%;
}

.n-list .m-c .l-r ul li {
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid #e2e2e2;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.n-list .m-c .l-r ul li .img {
	width: 30%;
	font-size: 0;
	display: none;
	overflow: hidden;
}

.n-list .m-c .l-r ul li .img img {
	width: 100%;
}

.n-list .m-c .l-r ul li .txt {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.n-list .m-c .l-r ul li .txt h1 a {
	color: #333;
}

.n-list .m-c .l-r ul li.on .txt h1 {
	font-size: 1.6vw;
}

.n-list .m-c .l-r ul li .txt span {
	font-size: 0.8rem;
	color: #666;
}

.n-list .m-c .l-r ul li .p-p {
	display: none;
}

.n-list .m-c .l-r ul li.on .txt {
	width: 68%;
}

.n-list .m-c .l-r ul li.on .img {
	display: block;
}

.n-list .m-c .l-r ul li.on .p-p {
	display: block;
}

.n-list .m-c .l-r ul li:hover .txt h1 a {
	color: #9d312d
}

/**/
.f-new {
	padding: 3rem 0;
	background: #f3f5f6;
}

.f-new .m-c {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.f-new .m-c .l-l {
	width: 22%;
}

.f-new .m-c .l-l .s-info {
	background: #fff;
	padding: 10px;
	overflow: hidden;

}

.f-new .m-c .l-l .s-info1 {
	padding-bottom: 2rem;
}

.s-info1 .swiper-pagination-bullet {
	width: 30px;
	height: 3px;
	border-radius: 0;
}

.s-info1 .swiper-pagination-bullet-active {
	background: #9d312d;
}

.f-new .m-c .l-l .s-info img {
	width: 100%;
}

.f-new .m-c .l-l .f-zx {
	width: 100%;
	padding: 10px;
	margin-top: 1rem;
	background: #fff;
	box-sizing: border-box;
	border-top: 2px solid #9d312d;
}

.f-new .m-c .l-l .f-zx .p20 {
	margin: 1rem 0;
}

.f-new .m-c .l-l .f-zx ul li a {
	padding: 1rem 0;
	border-top: 1px solid #e2e2e2;
	display: flex;
}

.f-new .m-c .l-l .f-zx ul li img {
	width: 0.8rem;
}

.f-new .m-c .l-l .f-zx ul li .t-t {
	margin-left: 5px;
}

.f-new .m-c .l-l .f-zx ul li .t-t span {
	color: #666;
	font-size: 0.8rem;
	margin-top: 10px;
	display: block;
}

.f-new .m-c .r-r {
	width: 69%;
	background: #fff;
	padding: 3rem;
}

.f-new .m-c .r-r .m-a a {
	color: #666
}

.f-new .m-c .r-r .m-a a:hover,
.f-new .m-c .r-r .m-a a.on {
	color: #94251c
}

.f-new .m-c .r-r .t-h {
	font-size: 1.4vw;
	margin: 1rem 0
}

.f-new .m-c .r-r span {
	color: #666;
	font-size: 0.8rem;

}

.f-new .m-c .r-r .t-p {
	margin: 1rem 0
}

.f-new .m-c .r-r .t-p p {
	margin: 1rem 0
}

.f-new .m-c .r-r .c-n {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2rem 0
}

.f-new .m-c .r-r .c-n a {
	width: 48%;
	white-space: nowrap;
	/* 文本不换行 */
	overflow: hidden;
	/* 隐藏超出部分 */
	text-overflow: ellipsis;
	/* 使用省略号标记超出部分 */
	color: #333;
}

.f-new .m-c .r-r .c-n a:hover {
	color: #94251c
}

/**/
@media screen and (max-width: 1000px) {
	.home {
		padding-top: 55px;
	}

	.m-box {
		width: 92vw;
		margin: 0 auto;
	}

	/**/
	.tit h1 {
		font-size: 1.4rem;
	}

	.g-hz ul li {
		width: 29%;
		margin: 2%;
	}

	.p-p {
		font-size: 1rem;
	}

	.p20 {
		font-size: 1.2rem;
	}

	/**/
	.n-list .m-c .l-t,
	.n-list .m-c .l-r {
		width: 100%;
	}

	.n-list .m-c .l-t .a-tab {
		display: flex;
		flex-wrap: wrap;
	}

	.n-list .m-c .l-t .a-tab a {
		width: 30%;
		margin: 5px;
		text-align: center;
		font-size: 1rem;
	}

	.n-list .m-c .l-t .a-tab a.on {
		background: #94251c;
	}

	.n-list .m-c .l-r ul li .img,
	.n-list .m-c .l-r ul li.on .txt {
		width: 100%;
	}

	.n-list .m-c .l-r ul li.on .txt h1 {
		font-size: 1.2rem;
	}

	/**/
	.f-new .m-c .l-l {
		width: 100%;
		margin-bottom: 1rem;
	}

	.f-new .m-c .r-r {
		width: 100%;
		box-sizing: border-box;
		padding: 1rem;

	}

	.f-new .m-c .r-r .t-h {
		font-size: 1.2rem;
	}
}