@import "base_style.css";
@import "screen_support.css";
body{
	position:relative;
}

*{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
}

.copyable{
    -webkit-touch-callout: initial;
    -webkit-user-select: all;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    -o-user-select: initial;
}

div.foo{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.letter{
	display: inline-block;
	font-weight: 900;
	font-size: 8em;
	margin: 0.2em;
	position: relative;
	color: #50C8D8;
	transform-style: preserve-3d;
	perspective: 400;
	z-index: 1;
	font-size: 48px;
	width:250px
}

.letter:before, .letter:after{
	position:absolute;
	transform-origin: top left;
	top:0;
	left:0;
}
.letter, .letter:before, .letter:after{
	transition: all 0.3s ease-in-out;
}
.letter:before{
	content: attr(data-letter);
	color: #FD935A;
	text-shadow: 
		-1px 0px 1px rgba(255,255,255,.8),
		1px 0px 1px rgba(0,0,0,.8);
	z-index: 3;
	transform:
		rotateX(90deg)
		rotateY(0deg)
		rotateZ(0deg);
}
.letter:after{
	content: attr(data-ph);
	color: #50C8D8;
	z-index:2;
	transform:
		scale(1.08,1)
		rotateX(0deg)
		rotateY(0deg)
		rotateZ(0deg)
		skew(0deg,1deg);
}
.letter:hover:before{
	color: #F76747;
	transform:
		rotateX(0deg)
		rotateY(00deg)
		rotateZ(0deg);
}
.letter:hover:after{
	color: rgba(0,0,0,.11);
	transform:
		scale(1.08,1)
		rotateX(0deg)
		rotateY(40deg)
		rotateZ(0deg)
		skew(0deg,22deg);
}

.body{
	background-color: #FFFFFF;
}

.body .header{
    position: relative;
    height: 100px;
    z-index: 100;
    max-width: 1024px;
    margin: 0 auto;
}

.body .content{
	position: relative;
    top: -100px;
}

.body .header img{
	margin-top: 24px;
	margin-left: 24px;
    width: 304px;
}

.body .header ul{
	display: -webkit-inline-box;
    position: absolute;
    height: 100%;
    right: 8px;
}

.body .header ul li{
    list-style: none;
    margin: 40px 16px 0px 16px;
    color: #E5CDC9;
    font-size: 16px;
	cursor: pointer;
	position: relative;
	padding:0px 8px;
	font-size: 20px;
}


.body .header ul li.selected{
    color: white;
}


.body .header ul li a{
    color: #E5CDC9;
}

.body .header ul li.selected a{
    color: white;
}

.body .footer ul.menu li a{
    color: white !important;
}

#downloadMap{
}

#downloadMap area{
}

.body .page_01{
    background-color: #FFB113;
    position: relative;
    height: 800px;
    overflow: hidden;
}

.page_content{
	width: 1024px;
    margin: 0 auto;
	position: relative;
}


/*第一屏*/
.body .page_01 .page_content{
    position: relative;
    bottom: -8px;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    vertical-align: bottom;
}

.body .page_01 img.bg_right{
	position: absolute;
    right: 0;
	width:64%;
}

.body .page_01 .page_content img{
    position: relative;
    display: inline-block;
}

.body .page_01 .page_content img.phone{
    width: 50%;
    min-width: 200px;
    position: absolute;
    bottom: 0;
}

.body .page_01 .downloadPanle{
    width: 35%;
    bottom: 160px;
    position: absolute;
    left: 51%;
    text-align: left;
}

.body .page_01 .downloadPanle p{
	color: white;
    font-size: 24px;
    text-align: left;
}

.body .page_01 .downloadPanle p:nth-child(n+2){
    margin-bottom: 8px;
}

.body .page_01 .downloadPanle .download{
    display: inline-block;
    width: 50%;
}

.body .page_01 .downloadPanle .download li{
	list-style: none;
    margin-top: 20px;
}

.body .page_01 .downloadPanle .download li img{
    width: 100%;
}

.body .page_01 .downloadPanle img.code{
	position: absolute;
    margin-left: 6%;
	width: 48%;
}

.body .page_notice{
	text-align: center;
}

.body .page_notice img{
	width: 90%;
}

/*第二屏*/
.body .page_02{
    position: relative;
	text-align: center;
}

.body .page_02 img.bg_building{
    position: absolute;
    right: 0;
    width: 80%;
    bottom: 0;
    margin-right: 10%;
}

.body .page_02 img.bg_coin{
	position: absolute;
    right: 0;
    width: 80%;
    margin-right: 10%;
    top: 120px;
}

.body .page_02 img.bg_slogn{
    margin: 48px 0px 16px 0px;
}
.body .page_02 img.bg_slogn_desc{
	margin: 56px 16px 128px 16px;
	position: relative;
}


/*第三屏*/
.body .page_03{
    position: relative;
	text-align: center;
	background-color: #F2F2F2;
}

.body .page_03 .page_content{
	padding: 48px 0px 72px;
}

.body .page_03 .bg_slogn{
	margin: 56px 0px 0px;
}

.body .page_03 .page_03_item{
	margin: 48px;
}

.body .page_03 .page_03_item img{
	display: inline-block;
    width: 104px;
    margin: 56px;
	cursor: pointer;
}


/*第四屏*/
.body .page_04{
	text-align: center;
}

.body .page_04 img{
	margin: 210px 0px 110px;
}


/*底部*/

.body .footer{
	background-color: #FD935A;
    text-align: center;
}

.body .footer ul.menu{
	display: -webkit-inline-box;
}

.body .footer ul.menu li{
	list-style: none;
    margin-left: 32px;
    color: white;
    padding: 16px 0px;
	cursor: pointer;
	font-size: 16px;
}

.body .footer .copyright{
	color: #E5CDC8;
	padding-bottom: 16px;
	font-size: 14px;
}

/*新闻*/

.news .content {
	top:0px;
}

.news .header{
	background-color: #FD935A;
	max-width: none;
}

.news .content .page_01{
    height: initial !important;
    padding-bottom: 0;
    background-color: white;
}

.news .content .page_01 img.fullScreen{
	width: 100%;
}

.news .content .page_01 img.center{
    position: absolute;
    left: 25%;
    top: 25%;
    width: 50%;
}

.content .page_02 p{
	font-size: 32px;
    position: relative;
    margin: 0 auto;
    z-index: 100;
	bottom: -48px;
}

.news .content .page_02 img{
	position: relative;
    z-index: 99;
	max-width: 90%;
}

.news .content .page_03{
	
}

.news .content .page_03 .sub_title{
	padding: 48px 0px;
    font-size: 32px;
}

.news .content .page_03 .wx_account{
	font-size: 14px;
    padding-bottom: 24px;
}

.news .content .page_03 .sub_contact{
	font-size: 16px;
    padding-bottom: 24px;
}