* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	background: #100100;
	font-family: "Microsoft YaHei", Arial, "黑体", "宋体", sans-serif;
	font-size: 14px;
	
}
a{
	text-decoration: none;
}
.mainBox{
	padding-top:1.333333rem;
	max-width: 10rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #2b1808;
	z-index: 20;
}
.header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	height: 1.333333rem;
}
.w750{
	max-width: 10rem;
	margin: 0 auto;
	overflow: hidden;
}
.topBox{
	background: url(../img/top.jpg) no-repeat center;
	background-size: cover;
	padding: 0 0.333333rem;
	height: 1.333333rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navImg img{
	width: 0.6rem;
	height: 0.493333rem;
}

.logo img{
	width: 2.226666rem;
	height: 1.213333rem;
}
.kfImg img{
	width: 0.533333rem;
	height: 0.893333rem;
}

.box2{
	display: flex;
	position: relative;
	background: url(../img/top2.jpg) no-repeat center;
	background-size: 10rem 6.893333rem;
	height: 6.893333rem;
}
.h1{
	/*top: 2.12rem;
	left: 1.666666rem;*/
	position: absolute;
	/*width: 1.733333rem;
	height: 1.506666rem;*/
	top: 4.933333rem;
	left: 4.8rem;
	width: 0.866666rem;
	height: 0.76rem;
	opacity: 0;
	animation-delay: 2.6s;
	animation: h1img1 8s infinite;
}

.h2{
	position: absolute;
	/* width: 1.733333rem;
	height: 1.506666rem;*/
	/*top: 2.92rem;
	left:5.693333rem;*/
	top: 4.933333rem;
	left: 4.8rem;
	width: 0.866666rem;
	height: 0.76rem;
	opacity: 0;
	animation-delay: -1.6s;
	animation: h1img2 6s infinite;
}
.h3{
	position: absolute;
	/*top: 2.12rem;
	right:1.2rem;*/
	top: 4.933333rem;
	left: 4.8rem;
	width: 0.866666rem;
	height: 0.76rem;
	opacity: 0;
	animation-delay: 3.6s;
	animation: h1img3 7s infinite;
}

.fly{position:absolute;width:100%;left:0;top: 0;right: 0; bottom:0.266666rem;}
.fly .ico{position:absolute;left:0;bottom:0;width:100%;animation:moving 10s infinite;opacity:0}
.fly .ico.fly1{animation-delay:0s}
.fly .ico.fly2{animation-delay:-5.2s}
.fly .ico.fly3{animation-delay:3.6s}
.fly .ico.fly4{animation-delay:4.5s}
.fly .ico.fly5{animation-delay:-1.8s}
.fly .ico.fly6{animation-delay:-1.3s}

@keyframes moving{
0%{opacity:0;transform:scale(.3)}
30%{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1)}
90%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(.3)}
}


@keyframes h1img3{
	0%   {
		top: 4.933333rem;
		left: 4.8rem;
		width: 0.866666rem;
		height: 0.76rem;
		opacity: 0;
		
	}
	35% {
		top: 2.12rem;
		left: 7.066666rem;
		width: 1.733333rem;
		height: 1.506666rem;
		opacity: 1;
	}
	80% {
		top: 2.12rem;
		left: 7.066666rem;
		width: 1.733333rem;
		height: 1.506666rem;
		opacity: 1;
	}
	100% {
		top: 4.933333rem;
		left: 4.8rem;
		width: 0.866666rem;
		height: 0.76rem;
		opacity: 0;
	}
}

@keyframes h1img2{
	0%   {
		top: 4.933333rem;
		left: 4.8rem;
		width: 0.866666rem;
		height: 0.76rem;
		opacity: 0;
		
	}
	45% {
		top: 2.92rem;
		left: 5.68rem;
		width: 1.733333rem;
		height: 1.506666rem;
		opacity: 1;
	}
	85% {
		top: 2.92rem;
		left: 5.68rem;
		width: 1.733333rem;
		height: 1.506666rem;
		opacity: 1;
	}
	100% {
		top: 4.933333rem;
		left: 4.8rem;
		width: 0.866666rem;
		height: 0.76rem;
		opacity: 0;
	}
}



@keyframes h1img1
{
	0%   {
		top: 4.933333rem;
		left: 4.8rem;
		width: 0.866666rem;
		height: 0.76rem;
		opacity: 0;
		
	}
	20% {
		top: 2.12rem;
		left: 1.666666rem;
		width: 1.733333rem;
		height: 1.506666rem;
		opacity: 1;
	}
	90% {
		top: 2.12rem;
		left: 1.666666rem;
		width: 1.733333rem;
		height: 1.506666rem;
		opacity: 1;
	}
	100% {
		top: 4.933333rem;
		left: 4.8rem;
		width: 0.866666rem;
		height: 0.76rem;
		opacity: 0;
	}
}


.h3{
	position: absolute;
	top: 2.12rem;
	right:1.2rem;
}



@keyframes h2img
{
	0%   {transform: translateY(0.266666rem);}
	
	100% {transform: translateY(0);}
}

@keyframes h1img
{
	0%   {transform: scale(.9);}
	100% {transform: scale(1);}
}

.box3{
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/btbg1.png) no-repeat center;
	height: 2.68rem;
	background-size: 10rem 2.68rem;
}
.box3 img{
	width: 8.146666rem;
	height: 1.826666rem;
	animation:h1img 1s linear .6s infinite alternate;
	transform: scale(.9);
}
.box4 img{
	height: 0.893333rem;
}
.box5{
	padding: 0 0.213333rem;
	background: url(../img/bg3.jpg) no-repeat center;
	height: 3.52rem;
	background-size: 10rem 3.52rem;
}
.webItem{
	height: 0.786666rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.32rem;
}
.webLeft{
	height: 0.786666rem;
	display: flex;
	background: #fff;
}
.webLeft .w01{
	background: url(../img/web1.png) no-repeat;
	background-size:1.8rem 0.786666rem;
	width: 1.8rem;
	height: 0.786666rem;
	font-size: 0.333333rem;
	text-align: center;
	color: #261507;
	line-height: 0.786666rem;
}
.webLeft .ms{
	width: 0.866666rem;
	height: 0.73333rem;
	background: #f1f1f1;
	line-height: 0.773333rem;
	font-size: 0.24rem;
	text-align: center;
	color: #505050;
}
.webUrl{
	padding-left: 0.266666rem;
	width: 4.6rem;
	height: 0.786666rem;
	line-height: 0.786666rem;
	color: #494949;
	font-size: 0.346666rem;
}
.webUrl span{
	color: #fd0000;
}
.webRigth img{
	width: 1.866666rem;
	height: 0.786666rem;
}

.xf img{
	max-width: 100%;
	height: auto;
}
.xf {
	width: 10rem;
	height: 10rem;
	background: url(../img/xf.jpg) no-repeat center;
	background-size:  10rem 10rem;
}
#certify{
	padding-top: 3.3rem;
}
#certify img{
	width: 140px;
}

#certify .swiper-slide{width:190px;text-align:center}
#certify .swiper-slide img{display:block;margin:0 auto}
#certify .swiper-slide.swiper-slide-next img{transform:rotate(6deg)}
#certify .swiper-slide.swiper-slide-prev img{transform:rotate(-6deg)}

.footer{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
	bottom: 0;
}
.footerBox{
	background:url(../img/foot1.png) no-repeat center;
	width: 10rem;
	height: 2.453333rem;
	background-size: 10rem  2.453333rem;
	position: relative;
}
.footerBox a{
	position: absolute;
	right: 0.386666rem;
	top: 0.706666rem;
}
.footerBox a img{
	width: 3.893333rem;
	height: 1rem;
	animation:h1img 1s linear .6s infinite alternate;
	transform: scale(.9);
}
#menu{
	position: absolute;
	left: 0;
	top:1.333333rem;
	bottom: 0;
	z-index: 2000;
	
	display: none;
}
#background{
	position: absolute;
	left: 0;
	right: 0;
	top:1.333333rem;
	bottom: 0;
	z-index: 1800;
	background: rgba(0,0,0,.5);
	display: none;
}
#menu .w750{
	position: relative;
	height: 100%;
}
#menu .w750 ul{
	width: 220px;
	height: 100%;
	background: #211913;
	left: -100%;
}
#JweixinTip{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #100100;
	z-index: 3000;
	height: 100vh;
	display: none;
}
#JweixinTip img{
	width: 95%;
	display: block;
	margin: 0 auto;
}
img{
	max-width: 100%;
}
#iso{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #100100;
	z-index: 3000;
	height: 100vh;
	display: none;
	overflow: auto;
	text-align: center;
}
#iso img{
	display: block;
	margin: 0 auto;
}
#menu ul{}
 #menu ul li{border-top:rgba(255,255,255,.05) 1px solid;border-bottom:rgba(0,0,0,.15) 1px solid}
 #menu ul li a{color:#fff;color:rgba(255,255,255,.8);font-size:15px}
 #menu ul li a.green{color:#14de7e;}
 #menu ul li dl{display:flex;padding:0 14px}
 #menu ul li dl dt{height:46px;display:flex;flex-direction:column;justify-content:center;font-size:18px;padding-right:8px}
 #menu ul li dl dd{display:flex;justify-content:center;flex-direction:column;text-align:center;line-height:1em}
 #menu ul li dl dd small{color:#14de7e;display:inline-block;border:#14de7e 1px solid;border-radius:4px;font-size:8px}
.body-hidden{
	overflow: hidden;
}
 #menu.show,#background.show{
	 display: block;
 }
 #menu.show ul{
	 animation:menu .5s linear ;
 }
@keyframes menu
{
	0%   {transform: translateX(-100%)}
	100% { transform: translateX(0)}
}