body {
	background: #ebebeb;
}

.center_bg {
	background: #1c1c1c;
	padding: 1.2rem 0 1.2rem 0;
}

.top {
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 .25rem;
	box-sizing: border-box;
	border-bottom: .01rem solid #666;
	font-size: .34rem;
	color: #fff;
	height: 1.2rem;
	line-height: 1.2rem;
	background: #1c1c1c;
}

.top .logo {
	float: left;
}

.top .logo img {
	height: 1rem;
	width: auto;
	max-width: 3rem;
	margin-top: 0.1rem;
}

.top .enter {
	float: right;
	display: block;
	width: 1.4rem;
	height: .58rem;
	border-radius: .29rem;
	background: #b10020;
	color: #fff;
	font-size: .26rem;
	color: #fff;
	line-height: .58rem;
	text-align: center;
	margin-top: .31rem;
}

.nav {
	width: 100%;
	height: .88rem;
	background: #1c1c1c;
}

.nav ul {
	font-size: .12rem;
	text-align: center;
}

.nav ul li {
	display: inline-block;
	margin: 0 1rem;
	line-height: .88rem;
}

.nav ul li a {
	font-size: .28rem;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	height: .28rem;
	line-height: .28rem;
}

.nav ul li.on a {
	border-bottom: .08rem solid #b10020;
}

.tips {
	position: relative;
	width: 100%;
	padding: 0 .6rem 0 .75rem;
	background: url(../image/tips.png) .34rem .28rem no-repeat #333;
	box-sizing: border-box;
	background-size: .3rem .25rem;
	height: auto;
	overflow: hidden;
}

.tips p {
	width: 100%;
	display: block;
	width: 100%;
	font-size: .28rem;
	height: .44rem;
	overflow: hidden;
	color: #fff;
	height: .44rem;
	margin: .2rem 0;
	line-height: .44rem;
	overflow: hidden;
	transition: 0.5s;
}

.tips .arrow {
	transition: 0.5s;
	width: .8rem;
	height: .84rem;
	background: url(../image/arrow.png) center center no-repeat;
	background-size: .2rem auto;
	position: absolute;
	right: 0;
	top: 0;
}

.tips.on .arrow {
	transform: rotate(180deg);
}

.tips.on p {
	height: 1.32rem;
}

.banner {
	width: 100%;
	height: auto;
}

.banner img {
	display: block;
	width: 100%;
	height: auto;
}

.indexContainer {
	width: 100%;
}

.indexContainer .layer1 {
	width: 100%;
	padding: 0 .25rem;
	box-sizing: border-box;
}

.indexContainer .tit {
	padding: .6rem 0;
}

.indexContainer .tit img {
	display: block;
	margin: 0 auto;
	height: 1.05rem;
	width: auto;
	margin: 0 auto;
}

.indexContainer .layer1 ul {
	width: 100%;
}

.indexContainer .layer1 ul li {
	width: 100%;
	margin-bottom: .4rem;
	border-radius: .12rem;
	overflow: hidden;
}

.indexContainer .layer1 ul li .icon {
	width: 100%;
	height: 4.65rem;
	overflow: hidden;
	position: relative;
}

.indexContainer .layer1 ul li .icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.indexContainer .layer1 ul li .icon .hot {
	position: absolute;
	top: 0;
	background: url(../image/bg1.png);
	width: .84rem;
	height: 1.25rem;
	background-size: 100% 100%;
	left: .4rem;
	z-index: 9;
}

.indexContainer .layer1 ul li .icon .hot h2 {
	text-align: center;
	height: .6rem;
	line-height: .6rem;
	font-size: .26rem;
	color: #b10020;
}

.indexContainer .layer1 ul li .icon .hot span {
	display: block;
	text-align: center;
	font-size: .24rem;
	line-height: .32rem;
	color: #b10020;
}

.indexContainer .layer1 ul li .icon .num {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255,255,255,0.8);
	width: 1.6rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: #333;
	border-radius: 0 0 0 .12rem;
	z-index: 9;
}

.indexContainer .layer1 ul li .text {
	background: #fff;
	width: 100%;
	padding: .25rem;
	overflow: hidden;
	box-sizing: border-box;
}

.indexContainer .layer1 ul li .text .tp {
	float: left;
	width: 2.55rem;
	height: 2.25rem;
	overflow: hidden;
}

.indexContainer .layer1 ul li .text .tp img {
	display: block;
	width: 100%;
 /*height: 100%;*/
}

.indexContainer .layer1 ul li .text .nr {
	width: calc(100% - 2.55rem);
	float: left;
	padding-left: .2rem;
	box-sizing: border-box;
}

.indexContainer .layer1 ul li .text .nr h2 {
	height: .54rem;
	line-height: .54rem;
	font-size: .32rem;
	color: #333;
}

.indexContainer .layer1 ul li .text .nr dl {
	overflow: hidden;
}

.indexContainer .layer1 ul li .text .nr dl dd {
	font-size: .12rem;
	float: left;
	margin: 0 .14rem .14rem 0;
}

.indexContainer .layer1 ul li .text .nr dl dd a {
	background: url(../image/bg2.png);
	background-size: 100% 100%;
	display: block;
	width: 1rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: #b10020;
}

.indexContainer .layer1 ul li .text .nr dl dd:last-child a {
	width: 1.3rem;
	margin-right: 0;
}

.indexContainer .layer1 ul li .text .nr .bottom {
	margin-top: .1rem;
	width: 100%;
	overflow: hidden;
	height: .58rem;
	line-height: .58rem;
	font-size: .2rem;
	color: #999;
}

.indexContainer .layer1 ul li .text .nr .bottom a {
	display: block;
	float: right;
	width: 1.8rem;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	font-size: .26rem;
	border-radius: .28rem;
	background: #b10020;
	color: #fff;
}

.indexContainer .layer2 {
	width: 100%;
	padding: 0 .25rem;
	box-sizing: border-box;
}

.indexContainer .layer2 ul {
	width: 100%;
}

.indexContainer .layer2 ul li {
	position: relative;
	width: 100%;
	border-radius: .15rem;
	overflow: hidden;
}

.indexContainer .layer2 ul li img {
	display: block;
	width: 100%;
	height: auto;
}

.indexContainer .layer2 ul li .text {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.indexContainer .layer2 ul li .text p {
	width: 6.5rem;
	height: .44rem;
	line-height: .44rem;
	text-align: center;
	padding-left: 1.9rem;
	box-sizing: border-box;
	background: linear-gradient(#cb0d1a,#8c0c12);
	font-size: .32rem;
	color: #fff;
	border-radius: 0 .3rem 0 0;
}

.indexContainer .layer2 ul li .text h2 {
	width: 100%;
	height: 1.05rem;
	background: url(../image/bg3.png);
	padding-left: 2.2rem;
	box-sizing: border-box;
	background-size: 100% 100%;
	text-align: center;
	line-height: 1.05rem;
	font-size: .32rem;
	color: #333;
	font-weight: bold;
}

.indexContainer .layer2 ul li .text .hot {
	background: url(../image/a1.png);
	width: 100%;
	height: 1.82rem;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: .3rem 0 0 .35rem;
	box-sizing: border-box;
}

.indexContainer .layer2 ul li .text .hot h3 {
	font-size: .34rem;
	height: .34rem;
	color: #faf5e2;
	font-weight: bold;
}

.indexContainer .layer2 ul li .text .hot h4 {
	height: .72rem;
	line-height: .72rem;
	font-size: .24rem;
	color: #faf5e2;
}

.indexContainer .layer2 ul li .text .hot h4 b {
	font-size: .36rem;
}

.indexContainer .layer2 ul li .text .hot span {
	font-size: .2rem;
	color: #fff;
	display: block;
}

.indexContainer .layer2 ul li .pic {
	width: 2.6rem;
	height: 2.6rem;
	position: absolute;
	right: .25rem;
	top: 1.4rem;
	border-radius: 50%;
	overflow: hidden;
	border: .04rem solid #b10020;
	z-index: 2;
}

.indexContainer .layer2 ul li .pic img {
	display: block;
	width: 100%;
	height: 100%;
}

.indexContainer .layer2 ul li .num {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255,255,255,0.8);
	width: 1.6rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: #333;
	border-radius: 0 0 0 .12rem;
	z-index: 9;
}

.indexContainer .layer2 ul li .Main {
	position: relative;
	padding-bottom: 1.05rem;
}

.indexContainer .more {
	display: block;
	margin: 0 auto;
	width: 2.2rem;
	height: .58rem;
	border-radius: .29rem;
	text-align: center;
	line-height: .58rem;
	margin: .2rem auto;
	text-align: center;
	line-height: .58rem;
	font-size: .28rem;
	color: #fff;
	border: .01rem solid #fff;
}

.indexContainer .layer2 ul li dl {
	width: 3.6rem;
	height: .58rem;
	display: block;
	margin: .35rem auto;
	overflow: hidden;
	border-radius: .29rem;
	overflow: hidden;
}

.indexContainer .layer2 ul li dl dd {
	width: 50%;
	float: left;
	height: .58rem;
	text-align: center;
	line-height: .58rem;
	background: url(../image/bg3.png);
	background-size: 100% 100%;
	font-size: .26rem;
	color: #333;
}

.indexContainer .layer2 ul li dl dd a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: .58rem;
	color: #333;
}

.indexContainer .layer2 ul li dl dd:last-child a {
	background: #b10020;
	color: #fff;
}

.indexContainer .layer3 {
	width: 100%;
	padding: 0 .25rem;
	box-sizing: border-box;
}

.indexContainer .layer3 ul {
	width: 100%;
}

.indexContainer .layer3 ul li {
	width: 100%;
	margin-bottom: .3rem;
	border-radius: .15rem;
	overflow: hidden;
}

.indexContainer .layer3 ul li .icon {
	width: 100%;
	height: 5.25rem;
	position: relative;
}

.indexContainer .layer3 ul li .icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.indexContainer .layer3 ul li .icon .num {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255,255,255,0.8);
	width: 1.6rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: #333;
	border-radius: 0 0 0 .12rem;
}

.indexContainer .layer3 ul li .text {
	width: 100%;
	height: 1.8rem;
	background: #fff;
	padding: 0 .3rem;
	box-sizing: border-box;
}

.indexContainer .layer3 ul li .text h2 {
	height: .76rem;
	line-height: .76rem;
	font-size: .32rem;
	color: #333;
}

.indexContainer .layer3 ul li .text span {
	display: inline-block;
	float: right;
	font-size: .22rem;
	color: #a6a6a6;
}

.indexContainer .layer3 ul li .text .List {
	width: 100%;
}

.indexContainer .layer3 ul li .text .List dl {
	float: left;
	overflow: hidden;
}

.indexContainer .layer3 ul li .text .List dl dd {
	float: left;
	margin-right: .15rem;
}

.indexContainer .layer3 ul li .text .List dl dd a {
	display: block;
	width: 1.4rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	border-radius: .2rem;
	text-align: center;
	line-height: .4rem;
	background: #f7e5e9;
	color: #ba1c39;
	font-size: .24rem;
}

.indexContainer .layer3 ul li .text .List .enter {
	float: right;
	width: 1.8rem;
	height: .58rem;
	border-radius: .29rem;
	text-align: center;
	line-height: .58rem;
	font-size: .26rem;
	color: #fff;
	background: #b10020;
	display: block;
}

.indexContainer .layer4 {
	width: 100%;
	padding: 0 .25rem;
	box-sizing: border-box;
}

.indexContainer .layer4 ul {
	width: 100%;
}

.indexContainer .layer4 ul li {
	width: 100%;
	background: #383431;
	margin-bottom: .3rem;
	border-radius: .15rem;
	padding: 0 .3rem .15rem .3rem;
	box-sizing: border-box;
}

.indexContainer .layer4 ul li h2 {
	height: .84rem;
	line-height: .84rem;
	font-size: .26rem;
	color: #fff;
}

.indexContainer .layer4 ul li p {
	font-size: .3rem;
	color: #fff;
	line-height: .5rem;
	margin-bottom: .2rem;
}

.indexContainer .layer4 ul li dl {
	overflow: hidden;
}

.indexContainer .layer4 ul li dl dd {
	position: relative;
	width: 32%;
	float: left;
	margin-right: 2%;
	border-radius: .05rem;
	overflow: hidden;
	margin-bottom: .18rem;
	height: 2rem;
}

.indexContainer .layer4 ul li dl dd:nth-child(3n) {
	margin-right: 0;
}

.indexContainer .layer4 ul li dl dd img {
	display: block;
	width: 100%;
	height: 100%;
}

.indexContainer .layer4 ul li dl dd video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000;
}

.indexContainer .layer4 ul li dl dd .playClick {
	background: url(../image/play.png);
	width: .7rem;
	height: .7rem;
	position: absolute;
	background-size: 100% 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.footer {
	z-index: 99;
	position: fixed;
	bottom: .1rem;
	left: 0;
	bottom: 0rem;
	width: 100%;
	height: 1rem;
	border-radius: .5rem;
	background: #fff;
	padding: 0 .5rem;
	box-sizing: border-box;
}

.footer ul {
	width: 2.55rem;
	float: left;
	height: 100%;
	overflow: hidden;
}

.footer ul li {
	width: 50%;
	float: left;
	height: 100%;
}

.footer ul li .icon {
	width: 100%;
	position: relative;
	height: .65rem;
}

.footer ul li .icon img {
	position: absolute;
	left: 127%;
	top: 62%;
	transform: translate(-50%,-50%);
	height: .50rem;
	width: auto;
}

.footer ul li p {
	position: absolute;
	width: 4.78rem;
	line-height: 1.4rem;
	right: .84rem;
	top: 0.16rem;
	font-size: 0.23rem;
}

.footer ul li.on p {
	color: #b10020;
}

.footer ul li p1 {
	position: absolute;
	width: 1.84rem;
	line-height: 1.4rem;
	right: .84rem;
	top: 0.16rem;
	font-size: 0.23rem;
}

.footer .enter {
	position: absolute;
	width: 2.1rem;
	line-height: .48rem;
	right: .6rem;
	top: 0.16rem;
	font-size: 0.2rem;
}

.footer .enter img {
	height: 0.50rem;
	width: auto;
	vertical-align: middle;
	margin-right: 3px;
	display: inline-block;
}

.footer .enter span {
	vertical-align: middle;
	color: #ffea99;
}

.qqq {
	float: right;
	width: 60%;
	height: 32px;
	line-height: 32px;
	background: #c83e22;
	border-radius: 20px;
	color: #ffea99;
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}

.listNav {
	width: 7rem;
	padding: .25rem 0;
	background: #b10020;
	margin: .4rem auto 0 auto;
	border-radius: .1rem;
}

.listNav ul {
	overflow: hidden;
	font-size: .12rem;
}

.listNav ul li {
	float: left;
	width: 33%;
	text-align: center;
	line-height: .34rem;
	box-sizing: border-box;
	height: .34rem;
	line-height: .34rem;
	border-right: .02rem solid rgba(255,255,255,0.6);
}

.listNav ul li:nth-child(2) {
	width: 34%;
}

.listNav ul li a {
	font-size: .34rem;
	color: #fff;
}

.listNav ul li:last-child {
	border-right: 0;
}

.details {
	width: 100%;
	height: auto;
}

.details .icon {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.details .icon img {
	display: block;
	width: 100%;
	height: auto;
}

.details .icon p {
	width: 2.2rem;
	height: .68rem;
	border-radius: 0 .34rem .34rem 0;
	text-align: center;
	line-height: .64rem;
	font-size: .36rem;
	color: #fff;
	background: #b10020;
	position: absolute;
	left: 0;
	top: .72rem;
}

.details .text {
	width: 100%;
	height: 1.85rem;
	background: #383431;
	padding: 0 .5rem;
	box-sizing: border-box;
}

.details .text h2 {
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: .34rem;
	color: #fff;
}

.details .text h2 span {
	display: inline-block;
	float: right;
	font-size: .24rem;
	color: #fff;
}

.details .text .num {
	height: .4rem;
	width: 1.65rem;
	text-align: center;
	line-height: .4;
	border: .01rem solid #fff;
	font-size: .24rem;
	color: #fff;
	border-radius: .1rem;
	line-height: .4rem;
}

.details .detailsList {
	padding: 0 .3rem;
	box-sizing: border-box;
	width: 7rem;
	background: #383431;
	border-radius: .15rem;
	margin: .3rem auto 0 auto;
	background: #383431;
}

.details .detailsList ul {
	width: 100%;
}

.details .detailsList ul li {
	padding-bottom: .15rem;
	width: 100%;
	border-bottom: .01rem solid rgba(255,255,255,0.4);
}

.details .detailsList ul li h2 {
	height: .76rem;
	line-height: .8rem;
	font-size: .28rem;
	color: #fff;
}

.details .detailsList ul li p {
	width: 100%;
	font-size: .26rem;
	color: #e5e5e5;
	line-height: .42rem;
}

.details .detailsList ul li:last-child {
	border-bottom: 0;
}

.BigPic {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background: rgba(0,0,0,0.8);
}

.BigPic img {
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	width: 90%;
	height: auto;
}

.PopFixed {
	width: .8rem;
	position: fixed;
	right: .2rem;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 .15rem;
	box-sizing: border-box;
	border-radius: .15rem;
	background: #b10020;
	z-index: 9;
}

.PopFixed ul {
	width: 100%;
}

.PopFixed ul li {
	width: 100%;
	border-bottom: .02rem solid rgba(255,255,255,0.6);
	padding-bottom: .15rem;
}

.PopFixed ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.PopFixed ul li .icon {
	width: 100%;
	height: .65rem;
	position: relative;
	text-align: center;
}

.PopFixed ul li .icon i {
	color: #fff;
	font-size: 0.35rem;
	display: block;
	position: absolute;
	left: 50%;
	top: 65%;
	transform: translate(-50%,-50%);
	height: .38rem;
	width: auto;
}

.PopFixed ul li .icon img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: .38rem;
	width: auto;
}

.PopFixed ul li p {
	text-align: center;
	font-size: .2rem;
	color: #fff;
}

.PopFixed ul li:last-child {
	border-bottom: 0;
}

.pager {
	padding: 0;
	margin: 0;
}

.pager li:first-child {
	display: none;
}

.pager li {
	text-align: center;
	padding: 0 0 30px 0;
	font-size: 0.3rem;
}

.pager li a {
	background: #b10020;
	color: #fff;
	border-radius: 15px;
	display: inline-block;
	padding: 10px 50px;
}

.pager li span {
	background: #bbbbbb;
	color: #f3f3f3;
	border-radius: 15px;
	display: inline-block;
	padding: 10px 50px;
}

.show_video {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	z-index: 999;
}

.show_video div {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.show_video div video {
	width: 100%;
}

.sw_h {
	height: 230px;
	overflow: hidden;
}

.other_text {
	width: 7rem;
	padding: 0.25rem 0;
	background: #333;
	margin: 0.4rem auto 0 auto;
	border-radius: 0.1rem;
	font-size: 0.3rem;
	color: #e50029;
	text-align: center;
}

@media screen and (min-width: 750px) {
	.top,.footer {
		width: 750px;
		left: 50%;
		margin-left: -375px;
	}

	.indexContainer .layer2 ul li .pic {
		width: 2rem;
		height: 2rem;
		position: absolute;
		right: .25rem;
		top: 1.2rem;
		border-radius: 50%;
		overflow: hidden;
		border: .04rem solid #b10020;
		z-index: 2;
	}

	.sw_h {
		height: 400px;
		overflow: hidden;
	}
}