.TopDown{
	width:5.5rem;
	height:1.5rem;
	float:left;
	margin:.8125rem 0 0 .2rem;
}
.TopDown img{
	display:block;
	width:100%;
}
.qwTc {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:rgba(0,0,0,.8);
	display: none;
}

.qwTc .qwBody {
	width:10rem;
	position:relative;
	overflow: hidden;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	z-index:2;
}
.qwTc .qwBody img{
	display:block;
	width:100%;
}
.qwTc i{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.ccTip {
	display: block;
	width: 1.65625rem;
	position: absolute;
	right: 1.3rem;
	top: 13.2rem;
}

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

.youngBody {
	width: 84%;
	height: 60%;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.youngBody #close {
	display: block;
	width: .8rem;
	position: absolute;
	right: 1rem;
	top: .85rem;
	z-index: 2;
}

.youngC {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.youngC .youngTop {
	width: 100%;
	height: 11.5%;
	background-color: #dde0e3;
	position: relative;
	font-size: .98rem;
	color: #252525;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.youngTxt {
	width: 87.3%;
	height: 80%;
	overflow: auto;
	position: relative;
	margin: 1rem auto 0;
	font-size: .8rem;
	color: #585858;
	line-height: 1rem;
}

.youngTxt p {
	margin-top: .5rem;
}

.youngTxt p span {
	font-size: .8rem !important;
}

.hero-box {
	width: 20rem;
	overflow: hidden;
	position: relative;
}

.header {
	width: 100%;
	height: 3.125rem;
	background-color: #f9637c;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 30;
}

.icon {
	display: block;
	width: 2.625rem;
	height: 2.625rem;
	float: left;
	margin: 0.3125rem 0.25rem 0 1rem;
}

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

.header-txt {
	float: left;
}

.header-txt p:nth-child(1) {
	font-size: 0.875rem;
	color: #fff;
	font-weight: bold;
}

.header-txt p:nth-child(2) {
	font-size: 0.625rem;
	color: #fff;
	margin-top: 0.25rem;
}

.nav-list {
	width: 6.25rem;
	position: absolute;
	right: 0;
	top: 3.125rem;
	display: none;
	background: #0e0e0e;
	z-index: 10;
}

.nav-list li {
	width: 100%;
	line-height: 2rem;
	border-bottom: 0.03125rem solid #252525;
	text-align: center;
}

.nav-list li a {
	color: #929191;
	font-size: 0.625rem;
	position: relative;
	display: block;
	text-align: center;
}

.down {
	display: block;
	width: 1.5rem;
	height: 2.1875rem;
	float: right;
	margin: 1rem .5rem 0 0;
	position: relative;
}

.down span {
	display: block;
	width: 1.5rem;
	height: .2rem;
	background-color: #d84115;
	position: absolute;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.down span:nth-child(2) {
	top: .5rem;
}

.down span:nth-child(3) {
	top: 1rem;
}

.down.active span:nth-child(2) {
	display: none;
}

.down.active span:nth-child(1) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: .5rem;
}

.down.active span:nth-child(3) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: .5rem;
}

.kv {
	width: 100%;
	height: 17.625rem;
	background: url(../images/kv.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
	margin-top: 3.125rem;
}

.slo {
	width: 8.375rem;
	height: 5.71875rem;
	position: absolute;
	background: url(../images/slo.png) no-repeat center;
	background-size: cover;
	right: 0;
	top: 5.78125rem;
}

.slo::after {
	display: block;
	content: '';
	width: 8.375rem;
	height: 5.71875rem;
	background: url(../images/slo.png) no-repeat center;
	background-size: cover;
	animation: heartBeat 4s ease-in-out both infinite;
	-webkit-animation: heartBeat 4s ease-in-out both infinite;
}

/*图片闪烁放大效果*/
@keyframes heartBeat {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	30% {
		transform: scale(1.4);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

	30% {
		-webkit-transform: scale(1.4);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

.hero-logo {
	width: 4rem;
	height: 2.375rem;
	left: 50%;
	margin-left: -2rem;
	top: 1rem;
}

.hero-slogan {
	width: 14.5rem;
	left: 2.75rem;
	top: 13.625rem;
}

.hero-down {
	width: 13.65625rem;
	height: 2.9375rem;
	background: url(../../images/down.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	margin-left: -6.828125rem;
	top: 13rem;
}

.hero-down .hero-code {
	width: 2.4375rem;
	height: 2.4375rem;
	float: left;
	position: relative;
	margin: 0.25rem 0.25rem 0 0.21875rem;
}

.hero-down .hero-code img {
	display: block;
	width: 100%;
	height: 100%;
}

.hero-down .hero-code i {
	display: block;
	width: 100%;
	height: 0.125rem;
	background: url(../../../3.0/x/images/small.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	animation: vSmall 4s linear infinite;
	-webkit-animation: vSmall 4s linear infinite;
	-moz-animation: vSmall 4s linear infinite;
	-o-animation: vSmall 4s linear infinite;
	z-index: 2;
}

.hero-down .download {
	width: 3.90625rem;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 0.15625rem;
}

.hero-down .shopDown {
	width: 3.90625rem;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 0.3rem;
	margin-left: .1875rem;
}

.hero-down .shopDown img:nth-child(1) {
	display: block;
	width: 100%;
}

.hero-down .shopDown a {
	display: block;
	width: 100%;
	margin-top: .1rem;
}

.hero-down .download a {
	display: block;
	width: 100%;
	height: 1.1875rem;
	margin-top: 0.09375rem;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-down .download a img {
	display: block;
	width: 100%;
	height: 100%;
}

.hero-down .video {
	width: 2.4375rem;
	height: 2.4375rem;
	background: url(../../images/vbg.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	float: left;
	margin: 0.25rem 0 0 0.1875rem;
}

.hero-down .video img {
	display: block;
	width: 1.09375rem;
	height: 1.09375rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.546875rem;
	margin-top: -0.546875rem;
	cursor: pointer;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}

.ju {
	display: block;
	width: 1.6875rem;
	height: 1.28125rem;
	position: absolute;
	left: 50%;
	margin-left: -.84375rem;
	bottom: -.3125rem;
	animation: start 2s linear infinite;
	-webkit-animation: start 2s linear infinite;
}

.sec {
	width: 100%;
	height: 12.375rem;
	background: url(../images/sec.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	margin: -0.03125rem auto 0;
	overflow: hidden;
}

.tit1 {
	display: block;
	width: 14.1875rem;
	margin: 0.09375rem auto 0;
}

.banner {
	width: 13.875rem;
	height: 7.625rem;
	background: url(../images/bg.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
	margin: .25rem auto 0;
}

.banner .bannerPic {
	width: 11.34375rem;
	height: 7.09375rem;
	position: relative;
	overflow: hidden;
	z-index: 3;
	margin: .3125rem 0 0 .5625rem;
}

.banner .bannerPic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sec .swiper-button-prev {
	width: 0.59375rem;
	height: 0.5625rem;
	background: url(../../images/nag.png) no-repeat center;
	background-size: 100% 100%;
	left: 6.09375rem;
	top: 11.0625rem;
	margin-top: 0;
	opacity: 1;
}

.sec .swiper-button-next {
	width: 0.59375rem;
	height: 0.5625rem;
	background: url(../../images/nag.png) no-repeat center;
	background-size: 100% 100%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 6.09375rem;
	top: 11.0625rem;
	margin-top: 0;
	opacity: 1;
}

.sec .swiper-pagination {
	width: 8rem;
	height: 0.5625rem;
	top: 10.58rem;
	left: 6rem;
}

.sec .swiper-pagination .swiper-pagination-bullet {
	width: 0.5625rem;
	height: 0.5625rem;
	background-color: #fff;
	opacity: 1;
	border-radius: 0;
	transform: skewX(40deg);
	-webkit-transform: skewX(40deg);
	margin: 0 0.375rem;
}

.sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ee476a;
}

.thc {
	width: 100%;
	height: 24.5625rem;
	background: url(../images/thc.jpg) no-repeat center;
	background-size: 100% 100%;
	margin: -0.03125rem auto 0;
	position: relative;
	overflow: hidden;
}

.tit2 {
	display: block;
	width: 8.28125rem;
	margin: 0.625rem auto 0;
}

.newsBody {
	width: 17.5rem;
	overflow: hidden;
	position: relative;
	margin: 0.9375rem auto 0;
}

.newsTit {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.newsTit li {
	width: auto;
	height: auto;
	display: block;
	border-radius: 0;
	font-size: 1rem;
	color: #ffffff;
	border-bottom: 0.125rem solid transparent;
	background: none;
	opacity: 1;
}

.newsTit li.swiper-pagination-bullet-active {
	color: #bf1a00;
	border-bottom: 0.125rem solid #bf1a00;
	background: none;
}

.newsDiv {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 0.6875rem;
}

.newsDiv>div {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.newsDiv .imgList {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.newsDiv .imgList a {
	display: block;
	width: 8.4375rem;
	overflow: hidden;
	position: relative;
}

.newsDiv .imgList a img {
	display: block;
	width: 100%;
	height: 4.75rem;
}

.newsDiv .imgList a p {
	width: 100%;
	font-size: 0.625rem;
	color: #bf1a00;
	line-height: 0.9375rem;
	margin-top: 0.46875rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newsDiv .newsLi {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.newsDiv .newsLi a {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	font-size: 0.6875rem;
	color: #ffffff;
	line-height: 2.1875rem;
}

.newsDiv .newsLi a em {
	color: #bf1a00;
	font-style: normal;
}

.newsDiv .newsLi a span {
	display: block;
	width: 12.8125rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newsDiv .newsLi a i {
	font-style: normal;
	color: #ffffff;
}

.for {
	width: 100%;
	height: 21.71875rem;
	background: url(../images/for.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
	margin: -0.03125rem auto 0;
}

.tit3 {
	display: block;
	width: 8.28125rem;
	margin: .21875rem auto 0;
}

.for p {
	width: 15.78125rem;
	overflow: hidden;
	margin: 0.625rem auto 0;
	font-size: 0.5625rem;
	color: #fff;
	line-height: 0.78125rem;
	text-indent: 1.5625rem;
}

footer .f_t ul {
	overflow: inherit;
}

@keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -0.625rem);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0.5rem);
	}
}

@-webkit-keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -0.625rem);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0.5rem);
	}
}

@keyframes vGo {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes vGo {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@-moz-keyframes vGo {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@-o-keyframes vGo {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes vSmall {
	0% {
		transform: translateY(2.4375rem);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(2.4375rem);
	}
}

@-webkit-keyframes vSmall {
	0% {
		transform: translateY(2.4375rem);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(2.4375rem);
	}
}

@-moz-keyframes vSmall {
	0% {
		transform: translateY(2.4375rem);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(2.4375rem);
	}
}

@-o-keyframes vSmall {
	0% {
		transform: translateY(2.4375rem);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(2.4375rem);
	}
}