@font-face {
    font-family: "webFont";
    src: url(../font/font.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
html,body{
	width:100% !important;
	height:100% !important;
	overflow: hidden !important;
}
.z_body{
	width:100%;
	height:100%;
	overflow: hidden;
	position:relative;
}
.z_body>div{
	display: none;
}
.z_body>div.active{
	display: block;
}
.page_one {
	width: 100%;
	height:100%;
	background: url(../images/kv.jpg) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
}
.logo1{
    width: 17.34375rem;
    position: absolute;
    top: 50%;
    margin-top: -11.7rem;
    left: 50%;
    margin-left: -43%;
}
.input_box{
    width: 100%;
    height: 17rem;
    position: absolute;
    top: 50%;
    margin-top: -3.2rem;
}
.page3_box{
	width: 100%;
    height: 14rem;
    position: absolute;
    top: 50%;
    margin-top:3.5rem;
}
.page_one .danmu {
	width: 100%;
	height: 13.0625rem;
	position: relative;
}
.page_one .danmu span{
	position: absolute;
	left: 110%;
	top: 6rem;
	white-space:nowrap;
	font-size:0.8125rem;
	font-weight:600;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
}
.page_one .s_put {
	width: 13.15625rem;
	height: 2.53125rem;
	background: url(../images/kuang.png) no-repeat center;
	background-size: 100% 100%;
	margin: 0.8125rem auto 0;
	position:relative;
}
.page_one .s_put.p_put{
	margin: 0.5rem auto 0;
}
.page_one .s_put input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #dac998;
}

.page_one .s_put input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #dac998;
}

.page_one .s_put input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #dac998;
}

.page_one .s_put input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #dac998;
}

.page_one .s_put input {
	width: 11.25rem;
	height: 2.15625rem;
	border: none;
	background: none;
	font-size:0.825rem;
	color: #dac998;
	line-height: 2.53125rem;
	margin: 0.15625rem 0 0 0.4375rem;
	outline: none;
	float:left;
}
.page_one .s_put .sanjiao{
	display: block;
	width:0.78125rem;
	height:0.40625rem;
	float:left;
	margin:1.0625rem 0.6875rem 0 0;
}
.page_one .s_put .t_ul{
	width:13.15625rem;
	max-height:7.15625rem;
	background:url(../images/x_k.png) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	position:absolute;
	left:0;
	top:2.5rem;
	z-index:2;
	display: none;
}
.page_one .s_put .t_ul  ul{
    width: 11.9375rem;
    height: 6.5375rem;
    margin: 0 auto;
    overflow: auto;
}
.page_one .s_put .t_ul li{
    width: 11.9375rem;
    height: 1.6rem;
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.6rem;
    color: #b9a97e;
    background: url(../images/border.png) no-repeat center bottom;
    background-size: 100%;
}
.page_one .s_put .t_ul li:nth-child(1){
	margin-top:0.15625rem;
}
.page_one .sure{
	display: block;
	width:13.1875rem;
	height:3rem;
	margin:0.8125rem auto 0;
}
.page_one .enter_index{
	display: block;
	width:13.1875rem;
	height:3.0rem;
	margin:0.8125rem auto 0;
	background:url(../images/gw.png) no-repeat center;
	background-size:100% 100%;
}
.page_two{
	width:100%;
	height:100%;
	background:url(../images/bg2.jpg) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	position:relative;
}
.page_two .txt{
display: block;
    width: 9.78125rem;
    height: 1.75rem;
    top: 3%;
    z-index: 89;
    position: absolute;
    left: 50%;
    margin-left: -4.890625rem;
}
.page_two .picture{
    width: 20rem;
    height: 16.4375rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    margin-top: -12.6rem;
}
.page3 .picture{
	top:50% !important;
}
.page_two .picture .baocun{
	display: block;
	width:1.09375rem;
	height:6.84375rem;
	position:absolute;
	right:auto;
	top:4.8125rem;
	right:2.25rem;
	background: url(../images/baocun.png) no-repeat center;
    background-size: 100% 100%;
}
.page_two .picture .jp_img{
    width: 63%;
    display: block;
    /* border: 1px solid #fff; */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30.5%;
    z-index: 10;
}
.page_two .picture .sz_img{
	width: 100%;
	display: block;
    /* border: 1px solid #fff; */
    position: absolute;
    top: 50%;
    margin-top:-7.8rem;
}
.page_two .picture .b_pic{
    width: 13.3125rem;
    height: 16.9375rem;
    background: url(../images/bg_03.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    left: 50%;
    margin-left: -6.65625rem;
}
.page_two .picture .b_pic p{
	font-size:1.5625rem;
	color:#6e2c00;
	text-align: center;
	margin-top:.5rem;
	font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
}
.page_two .picture .b_pic p.qdy{
	font-size: 0.8rem;
    color: #6e2c00;
    text-align: center;
    margin-top: .7rem;
    line-height: 1.18rem;
    font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
}
.page_two .picture .b_pic p.g_name{
	margin-top:0.3125rem;
	font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
}
.page_two .picture .b_pic .logo{
	display: block;
	width:5.03125rem;
	height:4.84375rem;
	margin:1.1rem auto 0;
}
.page_two .picture .b_pic .code{
    width: 12.03125rem;
    height: 4.09375rem;
    background: url(../images/code.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -6.015625rem;
    bottom: 0.6rem;
}
.page_two .picture .b_pic .code>img{
    width: 9rem;
    position: absolute;
    top: 50%;
    margin-top: -1.65rem;
    left: 1.2rem;
}
.page_two .picture .b_pic .ewm{
    width: 3.0rem;
    height: 3rem;
    background: url(../images/ewm.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0.5rem;
    bottom: 0.45rem;
}
.page_two .picture .b_pic .ewm img{
    width: 2.3125rem;
    height: 2.3125rem;
    position: absolute;
    left: 50%;
    margin-left: -1.11625rem;
    bottom: 0.4rem;
}
.page_two .tip{
	display: block;
	width:8.3125rem;
	height:1.03125rem;
	margin:0.1875rem auto 0;
}
.page_two .c_put{
	width:13.25rem;
	height:1.75rem;
	background:url(../images/kuang.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0.3125rem auto 0;
	font-size:0.8rem;
	color:#dac998;
	line-height:1.75rem;
	text-align: center;
}
.page_two .tip_p{
	width:13.25rem;
	margin:0 auto;
	font-size:0.75rem;
	color:#e3d6b0;
	line-height:1.0625rem;
	text-indent:1.48rem;
	margin-top:0.3125rem;
	font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
}
.page_two .enter{
	display: block;
	width:13.1875rem;
	height:3rem;
	margin:0.3125rem auto 0;
}
.page_two .enter img{
	display: block;
	width:100%;
	height:100%;
}
.page2{
	width:100%;
	height:100%;
	background:url(../images/bg2.jpg) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	position:relative;
}
.page2 .txt{
	display: block;
	width:9.78125rem;
	height:1.75rem;
	margin:0.5rem auto 0;
	display: none;
}
.page2 .picture{
	width:20rem;
	height:25.5rem;
	overflow: hidden;
	position:relative;
	margin:0;
}
.page2 .picture .baocun{
	display: block;
	width:1.09375rem;
	height:6.84375rem;
	position:absolute;
	right:auto;
	top:4.8125rem;
	right:2.25rem;
	background: url(../images/baocun.png) no-repeat center;
    background-size: 100% 100%;
}
.page2 .picture .jp_img{
	width: 13.3125rem;
    display: block;
    /*border: 1px solid #fff;*/
    position: relative;
    margin: 0 auto;
}
.page2 .picture .b_pic{
    width:20rem;
    height: 25.5rem;
    background: url(../images/bg_03.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    margin-left: 0.02rem;
    top: 0;
}
.page2 .picture .b_pic p{
    font-size: 1.5625rem;
    color: #6e2c00;
    text-align: center;
    top: 50%;
    font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 0.4rem;
}
.page2 .picture .b_pic p.qdy{
    font-size: 0.8rem;
    color: #6e2c00;
    text-align: center;
    top: 50%;
    position: absolute;
    height: 1.7rem;
    line-height: 1.7rem;
    font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
    margin-top: 3.9rem;
}
.page2 .picture .b_pic p.g_name{
	margin-top:-2.5875rem;
	font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
}
.page2 .picture .b_pic .logo{
	display: block;
    width: 8.03125rem;
    height: auto;
    margin: 1.4rem auto 0;
}
.page2 .picture .b_pic .code{
    width: 17.0625rem;
    height: 5.59375rem;
    background: url(../images/code.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -8.515625rem;
    bottom: 0.9rem;
}
.page2 .picture .b_pic .ewm{
    width: 4.5rem;
    height: 4.5rem;
    background: url(../images/ewm.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0.9rem;
    bottom: 0.44rem;
}
.page2 .picture .b_pic .ewm img{
    width: 3.3125rem;
    height: 3.3125rem;
    position: absolute;
    left: 50%;
    margin-left: -1.604rem;
    bottom: 0.7rem;
}
.page2 .tip{
	display: block;
	width:8.3125rem;
	height:1.03125rem;
	margin:0.1875rem auto 0;
}
.page2 .c_put{
	width:13.25rem;
	height:1.75rem;
	background:url(../images/kuang.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0.3125rem auto 0;
	font-size:0.6875rem;
	color:#dac998;
	line-height:1.75rem;
	text-align: center;
}
.page2 .tip_p{
	width:13.25rem;
	margin:0 auto;
	font-size:0.75rem;
	color:#e3d6b0;
	line-height:1.0625rem;
	text-indent:1.48rem;
	margin-top:0.3125rem;
	font-family: "webFont";
    -webkit-font-family: "webFont";
    -moz-font-family: "webFont";
    -o-font-family: "webFont";
}
.page2 .enter{
	display: block;
	width:13.1875rem;
	height:3rem;
	margin:0.3125rem auto 0;
}
.page2 .enter img{
	display: block;
	width:100%;
	height:100%;
}
@keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}