/*
   public.css
   <project>
   
   Created by Administrator on 2015-06-04.
   Copyright 2015 Administrator. All rights reserved.
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background-color: #020c23;
}

.hide {
	display: none;
}

.visibility_hidden {
	visibility: hidden;
	/*visibility: visible;*/
}

.abs {
	position: absolute;
	z-index: 1;
}

.rel {
	position: relative;
	z-index: 2;
}

.popup_layer_fixed {
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
}

.main_container_pc {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}

.main_container_pc table {
	float: left;
	margin-top: 45%;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.pages_voice_txt01,
.pages_case_txt01 {
	left: 0;
	top: 5%;
}

.pages_bg {
	left: 0;
	top: 0;
}

.pages01_01 {
	left: 0;
	top: 0;
}

.pages01_02 {
	left: 0;
	bottom: 4%;
}

.pages01_03 {
	left: 0;
	bottom: 0;
}

.pages02_list {
	margin-top: 15%;
}

.pages03_01,
.pages03_02,
.pages03_03,
.pages03_04 {
	left: 0;
	top: 25%;
}

.pages05_01,
.pages05_02 {
	left: 0;
	top: 25%;
}

.pages06_01 {
	left: 0;
	top: 13%;
}

.pages06_02 {
	left: 0;
	top: 20%;
}

.pages06_03,
.pages06_04 {
	left: 0;
	bottom: 0;
}

.pages07_01,
.pages08_01,
.pages09_01 {
	left: 0;
	top: 69%;
}

.pages_voice_top_01,
.pages_voice_top_03,
.pages_voice_top_05,
.pages_voice_top_07,
.pages_voice_top_09 {
	width: 15%;
	left: 25%;
}

.pages_voice_top_01 {
	top: 12%;
}

.pages_voice_top_02 {
	left: 0;
	top: 21%;
}

.pages_voice_top_03 {
	top: 27%;
}

.pages_voice_top_04 {
	left: 0;
	top: 36%;
}

.pages_voice_top_05 {
	top: 42%;
}

.pages_voice_top_06 {
	left: 0;
	top: 51%;
}

.pages_voice_top_07 {
	top: 57%;
}

.pages_voice_top_08 {
	left: 0;
	top: 66%;
}

.pages_voice_top_09 {
	top: 72%;
}

.pages_voice_top_10 {
	left: 0;
	top: 81%;
}

.case_top {
	float: left;
	margin-top: 20%;
}

.case_top tr td {
	height: 55px;
}

.pages_case_top_01,
.pages_case_top_02,
.pages_case_top_03,
.pages_case_top_04,
.pages_case_top_05,
.pages_case_top_06,
.pages_case_top_07,
.pages_case_top_08 {
	width: 30%;
	right: 29%;
	top: 10%;
}


/*ip 4s*/

@media all and (min-width: 320px) and (max-height: 416px) {
	.pages07_01,
	.pages08_01,
	.pages09_01 {
		left: 0;
		top: 62%;
	}
	.pages02_list {
		margin-top: 13%;
		width: 80%;
		margin-left: 10%;
	}
}


/*ip 5s*/

@media all and (min-width: 320px) and (max-height: 504px) {
	.case_top tr td {
		height: 50px;
	}
}


/*andriod（默认样式）*/

@media all and (min-width: 360px) {}


/*ip 6*/

@media all and (min-width: 375px) {
	.case_top tr td {
		height: 60px;
	}
}


/*ip 6+*/

@media all and (min-width: 414px) {
	.pages02_list {
		margin-top: 19%;
	}
	.case_top tr td {
		height: 68px;
	}
}

@media all and (min-width: 432px) and (max-height: 599px) {
	.pages07_01,
	.pages08_01,
	.pages09_01 {
		left: 0;
		top: 64.5%;
	}
	.pages02_list {
		margin-top: 14%;
		width: 90%;
		margin-left: 5%;
	}
	.pages_case_top_01,
	.pages_case_top_02,
	.pages_case_top_03,
	.pages_case_top_04,
	.pages_case_top_05,
	.pages_case_top_06,
	.pages_case_top_07,
	.pages_case_top_08 {
		top: 5%;
	}
	.case_top {
		margin-top: 15%;
	}
}