html,body{
	width:100%;
	height:100%;
}
#jws2Wrap{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.first{
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.logo{
	display:block;
	width:1.76rem;
	position:absolute;
	left:50%;
	top:.54rem;
	margin-left:-.88rem;
}
.bird{
	display:block;
	width:2.67rem;
	position:absolute;
	left:1.15rem;
	top:.43rem;
}
.playMusic{
	width:1.91rem;
	height:1.59rem;
	overflow: hidden;
	position:absolute;
	left:.68rem;
	bottom:.25rem;
	z-index:1;
}
.playMusic img{
	display:block;
	width:100%;
}
.playMusic.active img:nth-child(1){
	display:none;
}
.ren{
	display:block;
	width:4.32rem;
	position:absolute;
	right:1.47rem;
	bottom:0;
}
.time{
	display:block;
	width:7.93rem;
	position:absolute;
	left:5.1rem;
	bottom:.29rem;
}
.slo{
	display:block;
	width:8.6rem;
	height:4.31rem;
	background:url(../images/slo.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:2.78rem;
	top:1.36rem;
}
.slo img{
	display:block;
	width:3.13rem;
	position:absolute;
	right:1.16rem;
	bottom:0;
}
.btn{
	display:block;
	width:3.56rem;
	position:absolute;
	left:6.19rem;
	bottom:.91rem;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
@keyframes vGo{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.2);-webkit-transform: scale(1.2);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes vGo{
	0%{transform: scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.2);-webkit-transform: scale(1.2);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
.loading{
	width:100%;
	height:100%;
	background:url(../images/load.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.clogo{
	display:block;
	width:1.76rem;
	position:absolute;
	right:1.25rem;
	top:.62rem;
}
.tit{
	display:block;
	width:8.83rem;
	position:absolute;
	left:4.41rem;
	top:0;
}
.jdt{
	width:8.74rem;
	height:.7rem;
	background:url(../images/jdt.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-4.37rem;
	top:4.22rem;
}
.small{
	display:block;
	width:2.21rem;
	position:absolute;
	left:-10%;
	top:-.87rem;
}
.jdt p{
	font-family: "Source Han Serif SC";
	color: rgb(255, 255, 255);
	font-size:.2rem;
	text-shadow: 0 0 .1rem rgba(222,191,49,.49);
	position:absolute;
	right:-.5rem;
	top:-.06rem;
}
.jdt i{
	display:block;
	width:20%;
	height:.14rem;
	background:url(../images/jd.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:0.01rem;
	top:0.01rem;
}
.banner{
	width:100%;
	height:100%;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.banner.active{
	background:url(../images/sec.jpg) no-repeat center;
	background-size:cover;
}
.banner .bannerCon{
	width:9.64rem;
	height:5.34rem;
	/* background:url(../images/banner.png) no-repeat center; */
	/* background-size:cover; */
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.banner .bannerCon .kv{
	width:100%;
	height:100%;
	background:url(../images/banner.png) no-repeat center;
	background-size:cover;
	position:relative;
}
.banner .bannerCon .sec{
	width:100%;
	height:100%;
	background:url(../images/sec.png) no-repeat center;
	background-size:cover;
	position:relative;
}
.banner .bannerCon .swiper-wrapper{
	width:9.64rem;
}
.banner .swiper-button-prev{
	width:1.39rem;
	height:1.1rem;
	background:url(../images/left.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:1.86rem;
	top:50%;
	margin-top:-.55rem;
	opacity: 1;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.banner .swiper-button-prev:hover{
	transform: translate(-.1rem,0);
	-webkit-transform: translate(-.1rem,0);
}
.banner .swiper-button-next{
	width:1.39rem;
	height:1.1rem;
	background:url(../images/right.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:1.86rem;
	top:50%;
	margin-top:-.55rem;
	opacity: 1;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.banner .swiper-button-next:hover{
	transform: translate(.1rem,0);
	-webkit-transform: translate(.1rem,0);
}
.banner .bannerCon .swiper-slide{
	opacity: 0;
}
.banner .bannerCon .swiper-slide.swiper-slide-active{
	opacity: 1;
}
.banner .bannerCon .liDiv{
	width:9.64rem;
	height:5.34rem;
	position:relative;
	display: flex;
	display: -webkit-flex;
}
.banner .bannerCon .liTxt{
	margin-left:.8rem;
	margin-top:.7rem;
	font-family: "Source Han Serif SC";
	font-weight:bold;
}
.banner .bannerCon .liTxt p{
	font-size:.24rem;
	color:#253b31;
	line-height:.54rem;
	letter-spacing: 0.02rem;
}
.banner .bannerCon .liTxt p:nth-child(1) span{
	font-size:.34rem;
	color:#e37144;
}
.banner .bannerCon .liTxt p:nth-child(2){
	margin-top:.3rem;
}
.banner .bannerCon .liTxt p:nth-child(2) span{
	background:url(../images/kua.png) no-repeat center;
	background-size:100% 100%;
	font-size:.38rem;
	color:#e37144;
	padding:0.05rem 0.16rem;
}
.banner .bannerCon .liTxt p:nth-child(4) span{
	font-size:.31rem;
	color:#e37144;
}
.banner .bannerCon .liTxt p.indent{
	text-indent:.14rem;
}
.banner .bannerCon .liDiv .xin{
	display:block;
	width:3.75rem;
	height:4.59rem;
	margin:.48rem 0 0 .24rem;
}
.banner .bannerCon .niao{
	display:block;
	width:1.38rem;
	height:1.47rem;
	position:absolute;
	top:-.66rem;
	right:-.21rem;
}
.banner .bannerCon .niao1{
	display:block;
	width:3.25rem;
	height:2.88rem;
	position:absolute;
	right:-.77rem;
	bottom:-.92rem;
	z-index:1;
	animation: vGo1 3s linear infinite;
	-webkit-animation: vGo1 3s linear infinite;
}
@keyframes vGo1{
	0%{transform: translate(-20px,20px);}
	50%{transform: translate(0,0);}
	100%{transform: translate(-20px,20px);}
}
@-webkit-keyframes vGo1{
	0%{transform: translate(-20px,20px);}
	50%{transform: translate(0,0);}
	100%{transform: translate(-20px,20px);}
}
.banner .bannerCon .liSec{
	width:9.64rem;
	height:5.34rem;
	position:relative;
}
.banner .bannerCon .liSec .liSecTxt{
	width:100%;
	position:relative;
	margin:.66rem 0 0 0.96rem;
	z-index:1;
}
.banner .bannerCon .liSec .liSecTxt p{
	font-size:.26rem;
	color:#253b31;
	line-height:.55rem;
	font-family: "Source Han Serif SC";
	font-weight:bold;
	letter-spacing: 0.01rem;
}
.banner .bannerCon .liSec .liSecTxt p span{
	font-size:.34rem;
	color:#e37144;
}
.banner .bannerCon .liSec .hua{
	display:block;
	width:3.52rem;
	height:2.82rem;
	margin:.38rem 0 0 1.1rem;
	z-index:1;
	position:relative;
}
.banner .bannerCon .tct{
	display:block;
	width:1.62rem;
	height:3.23rem;
	position:absolute;
	right:0.05rem;
	top:-.89rem;
	z-index:1;
}
.wu{
	display:block;
	width:8.68rem;
	height:5.1rem;
	position:absolute;
	left:0.47rem;
	top:0.12rem;
}
.perc{
	display:block;
	width:4.45rem;
	height:2.3rem;
	position:relative;
	z-index:1;
	margin:.16rem 0 0 .56rem;
}
.perc1{
	display:block;
	width:4.32rem;
	height:2.28rem;
	position:relative;
	z-index:1;
	margin:.3rem 0 0 .78rem;
}
.tct1{
	display:block;
	width:1.62rem;
	height:2.65rem;
	position:absolute;
	right:0.05rem;
	top:-.31rem;
	z-index:1;
}
.per2{
	display:block;
	width:5.47rem;
	height:3.56rem;
	position:relative;
	z-index:1;
	margin:-.8rem 0 0 -.6rem;
}
.per3{
	display:block;
	width:5.19rem;
	height:3.65rem;
	position:relative;
	z-index:1;
	margin:-1.1rem 0 0 -.4rem;
}
.per4{
	display:block;
	width:4.63rem;
	height:3.14rem;
	z-index:1;
	position:absolute;
	bottom:.1rem;
	left:.45rem;
}
.tct2{
	display:block;
	width:1.9rem;
	height:2.99rem;
	position:absolute;
	z-index:1;
	top:-.3rem;
	right:0.05rem;
}
.per5{
	display:block;
	width:4.39rem;
	height:3.43rem;
	position:absolute;
	z-index:1;
	left:.64rem;
	top:2.09rem;
}
.liThcTxt{
	font-size:.26rem;
	color:#673203;
	line-height:.62rem;
	font-family: "Source Han Serif SC";
	font-weight:bold;
	letter-spacing: 0.01rem;
	text-align: center;
	position:relative;
	z-index:1;
	margin-top:.6rem;
}
.liThcTxt p span{
	font-size:.32rem;
	color:#ea5c1d;
}
.per6{
	display:block;
	width:100%;
	height:6.68rem;
	position:absolute;
	left:0;
	top:-.54rem;
}
.tct3{
	display:block;
	width:2.08rem;
	height:3.12rem;
	position:absolute;
	right:.04rem;
	top:-.61rem;
}
.thLogo{
	display:block;
	width:1.76rem;
	height:.78rem;
	position:absolute;
	left:50%;
	margin-left:-.88rem;
	top:-.58rem;
}
.liForTxt{
	width:4.5rem;
	font-size:.22rem;
	color:#455234;
	line-height:.38rem;
	font-family: "Source Han Serif SC";
	font-weight:bold;
	margin:.4rem 0 0 0;
	position:relative;
}
.liForTxt p{
	letter-spacing: 0.02rem;
	text-indent:.44rem;
}
.liForTxt span{
	color:#e37144;
}
.thc{
	display: flex;
	display: -webkit-flex;
}
.mainContainer{
	width:30vw;
	height:50vh;
	position:relative;
	float:left;
	margin-top:.5rem;
}
.mainContainer p{
	font-size:.2rem;
	color:#c2572d;
	font-family: 'webfont';
	position:absolute;
}
.mainContainer p.tit1{
	top:.2rem;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.mainContainer p.tit2{
	top:1rem;
	right:.2rem;
}
.mainContainer p.tit3{
	top:2.5rem;
	right:.2rem;
}
.mainContainer p.tit4{
	bottom:.2rem;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.mainContainer p.tit5{
	top:1rem;
	left:.2rem;
}
.mainContainer p.tit6{
	top:2.5rem;
	left:.2rem;
}
#container{
	width:30vw;
	height:50vh;
	position:relative;
}
.per7{
	display:none;
	width:2.75rem;
	height:4.04rem;
	position:fixed;
	right:0;
	bottom:0;
	z-index:1;
}
.result{
	display:block;
	width:1.51rem;
	height:4.47rem;
	position:absolute;
	right:-1.5rem;
	top:0;
}
.getBtn{
	display:block;
	width:3.56rem;
	position:absolute;
	left:3rem;
	bottom:-.5rem;
}
.codeTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.86);
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	display: none;
}
.codeBody{
	width:8.97rem;
	height:5.22rem;
	background:url(../images/code.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display:block;
	width:.34rem;
	height:.35rem;
	background:url(../images/close.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
.codePut{
	width:4.7rem;
	height:.39rem;
	background:#e37144;
	border-radius: .1rem;
	position:relative;
	margin:2.88rem 0 0 2.1rem;
}
.codePut>div{
	font-size:.22rem;
	color:#fff;
	text-align: center;
	line-height:.39rem;
	font-family: 'Source Han Serif SC';
}
.fuzhi{
	display:block;
	width:3.56rem;
	height:1.47rem;
	position:absolute;
	left:2.57rem;
	top:3.02rem;
}
.dl1{
	display:block;
	width:1.57rem;
	height:2.18rem;
	position:absolute;
	left:-1.62rem;
	top:.84rem;
	transform-origin:top center;
	-webkit-transform-origin:top center;
	animation: vGo2 3s linear infinite;
	-webkit-animation: vGo2 3s linear infinite;
}
.dl2{
	display:block;
	width:.72rem;
	height:.85rem;
	position:absolute;
	left:-.26rem;
	top:2.76rem;
	transform-origin:top center;
	-webkit-transform-origin:top center;
	animation: vGo2 3s linear infinite;
	-webkit-animation: vGo2 3s linear infinite;
}
.dl3{
	display:block;
	width:1.09rem;
	height:1.25rem;
	position:absolute;
	right:1.05rem;
	top:-.13rem;
	transform-origin:top center;
	-webkit-transform-origin:top center;
	animation: vGo2 2.5s linear infinite;
	-webkit-animation: vGo2 2.5s linear infinite;
}
.dl4{
	display:block;
	width:1.56rem;
	height:2rem;
	position:absolute;
	right:-.06rem;
	top:.92rem;
	transform-origin:top center;
	-webkit-transform-origin:top center;
	animation: vGo2 3.5s linear infinite;
	-webkit-animation: vGo2 3.5s linear infinite;
}
.dl5{
	display:block;
	width:.87rem;
	height:1.03rem;
	position:absolute;
	right:-1.41rem;
	top:.55rem;
	transform-origin:top center;
	-webkit-transform-origin:top center;
	animation: vGo2 4s linear infinite;
	-webkit-animation: vGo2 4s linear infinite;
}
@keyframes vGo2{
	0%{transform: rotate(15deg);}
	50%{transform: rotate(0);}
	100%{transform: rotate(15deg);}
}
@-webkit-keyframes vGo2{
	0%{transform: rotate(15deg);}
	50%{transform: rotate(0);}
	100%{transform: rotate(15deg);}
}
.banner .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.banner .swiper-button-next.swiper-button-disabled{
	opacity: 0;
}
.indent1{
	text-indent:.24rem;
}
.indent2{
	text-indent:.65rem;
}
.indent3{
	text-indent:.5rem;
}
.indent4{
	text-indent:1rem;
}