@charset "utf-8";
body {
	color: #dddbd3;
	/*color: #fff;*/
	background: #071323;
}
h4,p{
	font-size: .22rem;
	color: #dddbd3;
	font-weight: 800;
	line-height: .30rem;
	margin-bottom: .3rem;
	text-shadow: 0px 2px 1px #000;
}
a {
	font-size: .22rem;
	color: #dddbd3;
	font-weight: 800;
	line-height: .30rem;
	text-shadow: 0px 2px 1px #000;
}
.wrap {
	width: 100%;
}
img {
	display: block;
	width: 100%;
}
.pos_re {
	position: relative;
}
.pos_ab {
	position: absolute;
}
.page {
	display: block;
}
.page1_a {
	bottom: .3rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: block;
	width: 3.3rem;
    height: 1.2rem;
}
.page2_a {
	bottom: 0rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: block;
	width: 3rem;
    height: 1.2rem;
    
}
/*.page3 {
	padding-bottom: .8rem;
	background: url(../images/bg.jpg) repeat-y;
}*/
.page3_box {
	top: 3.3rem;
	left: 50%;
	width: calc(6.99rem - .44rem);
	padding: .22rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	height: 3rem;
	/*height: auto;*/
	background: url(../images/hd-bg.png) no-repeat;
	background-size: 100% 100%;
}
.page3_nei {
	width: 100%;
}
.icon {
	bottom: 0;
	left: 70%;
	width: .6rem;
	height: .6rem;
	/*transform: translateX(-50%);*/
	/*-webkit-transform: translateX(-50%);*/
	-webkit-backface-visibility: hidden;
	animation:mymove 1.5s infinite;
	-webkit-animation:mymove 1.5s infinite; /*Safari and Chrome*/
}
.scroll-1 {
	width: 98%;
    color: #264c46;
    height: 3.5rem;
    margin: 0 auto;
    /*margin-top: 1rem;*/
    padding: 0 2% 0 0%;
    font-size: 0.25rem;
    color: #fff;
}
.scroll-1 span {
	display: block;
	font-weight: 800;
}
.scroll-1::-webkit-scrollbar-track /* 底纹圈 */
{
	/*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);*/
/*	border-radius: 10px;*/
}

.scroll-1::-webkit-scrollbar /* 底纹色 */
{
	width:0.28rem;
	padding: 10px 5px;
	border-radius: 50px;
	background-color:#fff;
}

.scroll-1::-webkit-scrollbar-thumb  /* 滚动条 */
{
	/*border-left:1px solid #056f83;
	border-right:1px solid #056f83;*/
	border-radius: 40px;
	/*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1);*/
	background-color:#254472;
}
/*弹窗*/
.tan ,.tan_yi, .tan_huo{
	/*position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	transition: all .8s;
	transform: scale(0);*/
	position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 200;
    pointer-events: none;
}
.tan_bg ,.tan_bg_yi {
	position: fixed;
    z-index: -5;
	width: 100%;
	height: 100%;
	background: url(../images/tan-bg.png)no-repeat;
	background-size: 100% 100%;
    display: none;
}
.tan_huo_bg {
	/*position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0,0,0,.7);*/
	position: fixed;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,.7);
    pointer-events: auto;
}
.tan_nei ,.tan_nei_yi, .tan_huo_nei{
	position: relative;
    z-index: 10;
	padding: 1.64rem 0 .37rem;
	width: 6.42rem;
	max-width: 640px;
	height: calc(4.24rem - 2rem);
	font-size: .26rem;
	color: #000;
	background: url(../images/hd-bg.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 20px;
	pointer-events: auto;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}
.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.tan_nei {
	text-align: center;
}
.guan {
	position: absolute;
	top: -.1rem;
	right: -.1rem;
	width: .6rem;
	height: .6rem;
}
.guan_huo {
	position: absolute;
	top: 2.2rem;
	right: -.28rem;
	width: .88rem;
	height: .9rem;
}
.tan_huo_nei {
	height: calc(3.8rem);
	padding: 1rem .3rem .2rem;
	width: calc(6.4rem - .8rem) !important;
	background: url(../images/hd-bg.png) no-repeat;
	background-size: 100% 100%;
}
.tan_nei h4 {
	margin-bottom: .26rem;
	font-size: .3rem;
	color: #fff;
	text-align: center;
}
.tan_huo_nei h4 {
	text-align: center;
	font-size: .4rem;
	color: #fff;
}
@keyframes mymove
{
	0% {
		transform: translate(0,0);
	}
	80% {
		opacity: 1;
	}
	100% {
		transform: translate(-200%,-.5rem);  
		opacity: 0;
	}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	0% {
		transform: translate(0,0);
	}
	80% {
		opacity: 1;
	}
	100% { 
		transform: translate(-200%,-.5rem);  
		opacity: 0;
	}
}

/*@media only screen and(max-width: 750px) {
	@keyframes mymove
	{
		0% {
			bottom: 0;
			left: 70%;
			opacity: 1;
		}
		80% {
			opacity: 1;
		}
		100% { 
			bottom: .4rem;
			left:60%; 
			opacity: 0;
		}
	}
	
	@-webkit-keyframes mymove 
	{
		0% {
			bottom: 0;
			left: 70%;
			opacity: 1;
		}
		80% {
			opacity: 1;
		}
		100% { 
			bottom: .4rem;
			left:60%; 
			opacity: 0;
		}
	}
}*/
@media all and (orientation:landscape){
  html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
  html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
  html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
  body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
}