html,
body {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-appearance : none ;
}

.m_banner {
	width: 100%;
	height: 100%;
	position: relative;
}

.slide_down {
	display: block;
	width: 2.75rem;
	height: 1.625rem;
	position: fixed;
	bottom: 2rem;
	left: 50%;
	margin-left: -1.375rem;
	z-index: 5;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	animation: start infinite 1s ease-in-out;
	-webkit-animation: start infinite 1s ease-in-out;
}

@-webkit-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px) rotate(180deg);
	}
}

@-moz-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px) rotate(180deg);
	}
}

@keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px) rotate(180deg);
	}
}

@-ms-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px) rotate(180deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(180deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px) rotate(180deg);
	}
}

.play {
	width: 2.24rem;
	height: 2.24rem;
	overflow: hidden;
	position: fixed;
	right: 1rem;
	top: 1rem;
	z-index: 5;
	animation: mGo 2s linear infinite;
	-webkit-animation: mGo 2s linear infinite;
}

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

.play.active img:nth-child(1) {
	display: none;
}
.play.active{
	animation: none 2s linear infinite;
	-webkit-animation: none 2s linear infinite;
}
@keyframes mGo {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes mGo {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
.kv {
	width: 100%;
	height: 100%;
	background: url(../images/kv.jpg) no-repeat center;
	background-size: 100% 100%;
}

.sl {
	display: block;
	width: 3.64rem;
	height: 18.36rem;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 0;
}

.logo {
	display: block;
	width: 19.96rem;
	height: 6.92rem;
	position: relative;
	left: 50%;
	margin-left: -9.98rem;
	margin-top: 1.5rem;
}

.text {
	display: block;
	width: 10.08rem;
	height: 21.96rem;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 2.5rem;
}

.per {
	display: block;
	width: 100%;
	height: 37.12rem;
	left: 0;
	bottom: 0;
	position: absolute;
}

.second {
	width: 100%;
	height: 100%;
	background: url(../images/second.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}

.third {
	width: 100%;
	height: 100%;
	background: url(../images/third.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}

.son {
	display: block;
	width: 100%;
	height: 44.72rem;
	left: 0;
	bottom: 3.8rem;
	position: absolute;
}

.txt {
	display: block;
	width: 27.28rem;
	height: 12.72rem;
	position: absolute;
	left: 50%;
	margin-left: -13.64rem;
	bottom: 4.8rem;
}

.four {
	width: 100%;
	height: 100%;
	background: url(../images/four.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}

.f_wrap {
	width: 80%;
	height: 86%;
	background: url(../images/bg.png) no-repeat center;
	background-size: 100% 100%;
	margin: 0 auto 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	position: relative;
}

#divTyping {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#divTyping p {
	width: 25%;
	overflow: hidden;
	position: relative;
	float: right;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}

#divTyping p:nth-child(1) {
	margin-top: 15%;
}

#divTyping p:nth-child(2) {
	margin-top: 24%;
}

#divTyping p:nth-child(3) {
	margin-top: 24%;
}

#divTyping p:nth-child(4) {
	margin-top: 85%;
}

#divTyping p i {
	display: block;
	width: 2rem;
	font-style: normal;
	margin: 0 auto 0;
}

.yin {
	width: 25%;
	overflow: hidden;
	position: relative;
	margin-top: 1rem;
	display: none;
}

.yin img {
	display: block;
	width: 3.92rem;
	height: 4rem;
	margin: 0 auto 0;
}

.retu {
	display: block;
	width: 15.04rem;
	height: 3.36rem;
	position: absolute;
	left: 50%;
	margin-left:-7.52rem;
	bottom: -1.5rem;
	animation: shake 2s linear infinite;
	-webkit-animation: shake 2s linear infinite;
}
@keyframes shake {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(0deg);
	}
	90% {
		transform: rotate(0deg);
	}
	95% {
		transform: rotate(-10deg);
	}
	98% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes shake{
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(0deg);
	}
	90% {
		transform: rotate(0deg);
	}
	95% {
		transform: rotate(-10deg);
	}
	98% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.five,
.six,
.seven,
.eight {
	width: 100%;
	height: 100%;
	background: url(../images/q_bg.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}

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

.five ul li {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.five ul li.active {
	display: block;
}

.five ul li .li_img {
	width: 86%;
	height: 48%;
	position: relative;
	margin: 8% auto 0;
}

.five ul li .li_img img:nth-child(1) {
	display: block;
	width: 100%;
	height: 100%;
}

.five ul li .li_img img:nth-child(2) {
	display: block;
	width: 9.24rem;
	height: 8.16rem;
	position: absolute;
	right: 2.4rem;
	bottom: -2rem;
}

.five .question {
	width: 88%;
	position: relative;
	margin: 1rem auto 0;
}

.five .question p {
	font-size: 1.2rem;
	color: #452d13;
	line-height: 2.2rem;
	margin-bottom: 1rem;
}

.five .question div {
	width:19.5625rem;
	height:2.6rem;
	background:url(../images/btn_bg.png) no-repeat center;
	background-size:100% 100%;
	font-size: 1.2rem;
	color: #ffddb9;
	line-height: 2.6rem;
	margin-left: 2.4rem;
	text-indent:1.2rem;
	margin-top:.8rem;
}

.five ul li:nth-child(3) .li_img {
	width: 93%;
	margin: 8% 0 0 7%;
}

.five ul li:nth-child(4) .li_img {
	width: 93%;
	margin: 8% 0 0 0;
}

.tc_tip {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
.zc_tip{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
.c_tip {
	width: 28.64rem;
	height: 17.56rem;
	background: url(../images/tc.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
	margin: 0 auto 0;
}

.close {
	display: block;
	width: 2.75rem;
	height: 2.88rem;
	position: absolute;
	right: 0;
	top: 0;
}

.c_tip p {
	width: 20.4rem;
	font-size: 1.3rem;
	color: #422f24;
	line-height: 2.48rem;
	font-family: "FZLiBian-S02S";
	margin: 4rem auto 0;
	font-weight: bold;
}

.start {
	display: block;
	width: 7.36rem;
	height: 2.6rem;
	margin: 2.4rem auto 0;
}

.six .wait {
	display: block;
	width: 88%;
	margin: 0 auto 0;
}

.six p {
	width: 88%;
	margin: 2rem auto 0;
	font-size: 1.36rem;
	color: #452d13;
	line-height: 2.56rem;
	font-family: "Source Han Serif CN";
}
.six p i{
	font-style: normal;
}
.seven .seven_body {
	width: 93%;
	position: relative;
	overflow: hidden;
	margin: 5% auto 0;
}

.seven .seven_body .s_banner {
	width: 80%;
	overflow: hidden;
	margin: 0 auto 0;
}

.seven .seven_body .s_banner li img {
	display: block;
	width: 100%;
}

.seven .seven_body .swiper-button-next {
	width: 1.2rem;
	height: 2rem;
	background: url(../images/s_jt.png) no-repeat center;
	background-size: 100% 100%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.seven .seven_body .swiper-button-prev {
	width: 1.2rem;
	height: 2rem;
	background: url(../images/s_jt.png) no-repeat center;
	background-size: 100% 100%;
}

.s_tip {
	font-size: 1.4rem;
	color: #452c13;
	text-align: center;
	font-family: "Source Han Serif CN";
	margin-top: 4.8rem;
}
.f_tip{
	font-size: 1.4rem;
	color: #452c13;
	text-align: center;
	font-family: "Source Han Serif CN";
	margin-top: 1.8rem;
}
.ch_con{
	font-size: 1.4rem;
	color: #452c13;
	text-align: center;
	font-family: "Source Han Serif CN";
	margin-top: 1.8rem;
}
.again {
	display: block;
	width: 45%;
	margin: 1rem auto 0;
}

.again img {
	display: block;
	width: 100%;
}

.c_per {
	text-align: center;
	font-size: 1.04rem;
	color: #452c13;
	margin-top: 1rem;
}

.c_per span {
	font-size: 1.36rem;
	color: #982510;
}

.kuo {
	width: 91.2%;
	margin: 1rem auto 0;
	position: relative;
}

.kuo .kuo_con {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.kuo .k_bg {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}

.kuo .first_p {
	width: 100%;
	font-size: 1.12rem;
	color: #452c13;
	margin-top: 2.4rem;
	line-height: .8rem;
	text-align: center;
}

.kuo .first_p i {
	font-style: normal;
	color: #982510;
}

.kuo .first_p>img {
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	float: left;
}
.kuo .neihan{
	font-size: 1rem;
    color: #452c13;
    position: absolute;
    left: .5rem;
    top: 5rem;
}
.kuo .second_p {
	width: 100%;
	font-size: 1.12rem;
	color: #452c13;
	margin-left: 1.6rem;
	margin-top: 2.4rem;
	line-height: .8rem;
}

.kuo .second_p i {
	font-style: normal;
	color: #982510;
}

.kuo .second_p>img {
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	float: left;
	margin-top: .4rem;
	margin-right: .1rem;
}

.kuo .second_p span {
	display: block;
	float: left;
	width: 10rem;
	line-height: 1.68rem;
}
.kuo .second_p #child{
	width:14rem;
	float:left;
	margin-top:-2rem;
}
.ku_ul {
	width: 86%;
	position: relative;
	overflow: hidden;
	margin: 1rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.ku_ul li {
	width: 5.08rem;
	overflow: hidden;
	position: relative;
}

.ku_ul li .li_img {
	width: 100%;
	height: 4.68rem;
	background: url(../images/i_bg.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}
.ku_ul li .li_img img{
	display: block;
	width:100%;
	height:100%;
}
.ku_ul li p {
	font-size: .8rem;
	text-align: center;
	color: #452c13;
	margin-top: .3rem;
}

.yy {
	display: block;
	width: 11.64rem;
	position: absolute;
	left: 1.5rem;
	bottom: -1.3rem;
	cursor: pointer;
	 -webkit-tap-highlight-color: transparent;
}
.yy img{
	display: block;
	width:100%;
	height:100%;
}
.en{
	display: block;
	width: 11.64rem;
	position: absolute;
	right: 1.5rem;
	bottom: -1.3rem;
}
.en img{
	display: block;
	width:100%;
	height:100%;
}
.login{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.c_login{
	width:25.52rem;
	height:22.64rem;
	background:url(../images/login.png) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display: block;
	width:3.12rem;
	height:3.12rem;
	position:absolute;
	right:.4rem;
	top:0.16rem;
	z-index:2;
	cursor: pointer;
}
.c_login .login_title{
	width:19.52rem;
	height:1.5rem;
	overflow: hidden;
	margin:2.4rem auto 0;
}
.c_login .login_title img{
	display: block;
	width:100%;
	height:100%;
}
.login .c_login .login_body {
	width: 21.88rem;
	position: relative;
	overflow: hidden;
	margin: 0.28rem 0 0 1.72rem;
}
.login .c_login .s_put {
	width: 14rem;
	height: 2.72rem;
	background:#fff;
	margin: 1.4rem auto 0;
	position:relative;
}

.login .c_login .s_put input {
	width:12.6rem;
	height: 100%;
	border:none;
	outline:none;
	font-size: 0.8rem;
	color: #522f06;
	line-height: 2.72rem;
	float:left;
}
.login .c_login .s_put img{
	display: block;
	width:.8rem;
	height:.8rem;
	float:left;
	margin:0.88rem 0.2rem 0 0.4rem;
}
.login .c_login .s_put input.t_yzm {
	border-right: none;
	width: 6.72rem;
	float: left;
}

.login .c_login .s_put .captcha {
	width: 5.76rem;
	height: 100%;
	border-left: 1px solid #e5e5e5;
	float: left;
	cursor: pointer;
}

.login .c_login .s_put .captcha p {
	font-size: 0.8rem;
	color: #F15F03;
	background-color: #fff;
	text-align: center;
	line-height: 2.72rem;
}
.login .c_login .s_put .captcha img {
	display: block;
	width: 100%;
	height: 100%;
	margin:0;
}

.login .c_login .s_put input.yzm {
	width: 6.72rem;
	float: left;
}

.login .c_login .s_put input.g_code {
	width: 5.76rem;
	height: 2.72rem;
	background-color: #741416;
	float: right;
	font-size: 0.8rem;
	color: #ede3cb;
	line-height: 2.72rem;
	text-indent: 0;
	text-align: center;
	-webkit-appearance : none ;
	cursor: pointer;
}
.login .c_login .s_put .wrong{
	position:absolute;
	left:0.88rem;
	top:3.12rem;
	font-style: normal;
	display: none;
}
.login .c_login .s_put .wrong img{
	display: block;
	width:0.56rem;
	height:0.56rem;
	float:left;
	margin:0;
}
.login .c_login .s_put .wrong span{
	display: block;
	float:left;
	font-size:0.48rem;
	color:#ec1212;
	line-height:0.56rem;
	margin-left:0.2rem;
}
.login .c_login .dl {
	display: block;
	width: 9rem;
	height: 2.12rem;
	margin: 1.44rem auto 0;
	overflow: hidden;
	cursor: pointer;
}
.login .c_login .dl img{
	display: block;
	width:100%;
	height:100%;
}
.t_yy {
	display: block;
	width: 8.08rem;
	margin: 1rem auto 0;
}

.eight p {
	font-family: "Source Han Serif CN";
}

.e_title {
	font-size: 2.32rem;
	text-align: center;
	color: #452d13;
	margin-top: 1.5rem;
}

.e_con {
	font-size: 1.44rem;
	text-align: center;
	line-height: 2.56rem;
	color: #452d13;
	margin-top: .5rem;
}

.e_con span {
	color: #982510;
	font-size: 1.6rem;
}

.ren {
	display: block;
	width: 89.6%;
	margin-top: 1rem;
}

.result {
	font-size: 1.28rem;
	color: #452d13;
	text-align: center;
	margin-top: 1.5rem;
}

.result i {
	font-style: normal;
}

.result span {
	color: #982510;
}

.e_btn {
	width: 78.6%;
	margin: 1rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}

.e_btn a {
	display: block;
	width: 11.12rem;
}

.e_btn a img {
	display: block;
	width: 100%;
}

.r_title {
	width: 26.2rem;
	margin: 1rem auto 0;
	font-size: 0.88rem;
	color: #452d13;
	text-align: center;
}

.r_title span {
	display: block;
	width:70%;
	float: left;
}
.r_title #child1{
	width:30%;
	margin:-1rem 0 0 -1rem;
}

/*横竖屏提示*/

#orientLayer {
	display: none;
}

@media screen and (min-aspect-ratio: 13/9) {
	#orientLayer {
		display: block;
	}
}

.mod-orient-layer {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9997
}

.mod-orient-layer__content {
	position: absolute;
	width: 100%;
	top: 45%;
	margin-top: -75px;
	text-align: center
}

.mod-orient-layer__icon-orient {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');
	display: inline-block;
	width: 67px;
	height: 109px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-webkit-animation: rotation infinite 1.5s ease-in-out;
	animation: rotation infinite 1.5s ease-in-out;
	-webkit-background-size: 67px;
	background-size: 67px
}

.mod-orient-layer__desc {
	margin-top: 20px;
	font-size: 15px;
	color: #fff
}