/* CSS Document */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	margin: .67em 0;
	font-size: 2em
}
mark {
	color: #000;
	background: #ff0
}
small {
	font-size: 80%
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0;
}
legend {
	padding: 0;
	border: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
td, th {
	padding: 0
}
/* customize stylesheet */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, figure, p, blockquote, th, td, span {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, b, i, th, var, dt {
	font-style: normal;
	font-weight: normal;
}
body {
	font: 13px/1.42857143 "微软雅黑", Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
area {
	outline: none;
}
hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #eee;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: inherit;
	font-weight: normal;
	line-height: 1.1;
	color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #777;
	font-size: 65%;
}
img, input, button {
	vertical-align: middle;
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
caption, th {
	text-align: left;
}
ol, ul {
	list-style: none;
}
/*@article-content 正文样式，用于后台编辑器内容*/
.article-content p {
	line-height: 1.5em;
}
.article-content b {
	font-weight: bold;
}
.article-content i {
	font-style: italic;
}
.article-content ul {
	list-style-type: disc;
}
.article-content ol {
	list-style-type: decimal;
}
/*@common style*/
input[type="text"], input[type="password"] {
	border: 1px solid #dde1e4;
	height: 35px;
	line-height: 35px;
	text-indent: 4px;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.hidden {
	display: none !important;
}
.clear:after {
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
*zoom:1;
}
.fl {
	float: left !important;
	display: inline;
}
.fr {
	float: right !important;
	display: inline;
}

/*以下正式开始*/

@media screen and (min-width:431px) {
.header {
	width: 1100px;
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 0;
	z-index: 10;
}
}

@media screen and (max-width:430px) {
.header {
	width: 92%;
	position: absolute;
	top: 0;
	z-index: 10;
	padding: 0 4%;
}
}
.logo {
	margin-top: 10px;
}

@media screen and (min-width:431px) {
.developer-icon {
	margin-top: 15px;
	width: 145px;
	height: 40px;
	background-color: #1683E3;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
}
}

@media screen and (max-width:430px) {
.developer-icon {
	margin-top: 15px;
	width: 105px;
	height: 30px;
	background-color: #1683E3;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
}
}
.developer-icon a {
	color: #fff;
}
.text-1, .text-2, .text-3, .text-4, .text-5, .text-6, .text-7, .text-8, .text-10, .text-11, .text-13, .text-14 {
	text-align: center;
}

@media screen and (min-width:431px) {
.head-top {
	height: 123px;
	background: url(../images/star.png);
	background-color: #000;
}
.head-cont {
	width: 1100px;
	margin: 0 auto;
}
.head-logo {
	padding-top: 35px;
}
.developer-logo {
	padding-top: 20px;
}
.pages-1 {
	height: 800px;
	background: url(../images/star.png);
	background-color: #000;
	position: relative;
}
.text-1 {
	padding-top: 260px;
}
}

@media screen and (max-width:430px) {
.head-top {
	height: 80px;
	background: url(../images/star.png);
	background-color: #000;
}
.head-cont {
	width: 92%;
	margin: 0 auto;
}
.head-logo {
	padding-top: 10px;
}
.developer-logo {
	margin-top: 15px;
	width: 105px;
	height: 30px;
	background-color: #1683E3;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
}
.developer-logo a {
	color: #fff;
}
.pages-1 {
	height: 570px;
	background: url(../images/star.png);
	background-color: #000;
	position: relative;
}
.text-1 {
	padding-top: 160px;
}
.text-1 img {
	width: 50%;
}
}

@media screen and (min-width:431px) {
.glasses {
	position: absolute;
	top: 165px;
	width: 770px;
	height: 400px;
	left: 50%;
	margin-left: -385px;
}
}

@media screen and (max-width:430px) {
.glasses {
	position: absolute;
	top: 125px;
	width: 90%;
	height: 400px;
	left: 5%;
}
}
.glasses img {
	width: 100%;
}
.text-2 {
	background: url(../images/fgx-1.png) no-repeat center bottom;
}

@media screen and (min-width:431px) {
.text-2 {
	padding-top: 26px;
	height: 90px;
}
}

@media screen and (max-width:430px) {
.text-2 {
	padding-top: 10px;
	height: 50px;
}
.text-2 img {
	width: 50%;
}
}
.icon {
	margin: 0 auto;
}
.icon li {
	height: auto;
	float: left;
-webkit-transition:all 0.7s;
	transition: all 0.7s;
}

@media screen and (min-width:431px) {
.icon {
	width: 744px;
	padding-top: 180px;
}
.icon li {
	width: 84px;
	margin: 20px;
}
}

@media screen and (max-width:430px) {
.icon {
	width: 60%;
	padding-top: 80px;
}
.icon li {
	width: 25%;
	margin: 4%;
}
.icon li img {
	width: 100%;
}
}
.icon li:hover {
	margin-top: 0;
}

@media screen and (min-width:431px) {
.pages-2 {
	height: 800px;
}
}

@media screen and (max-width:430px) {
.pages-2 {
	height: 650px;
}
}
.reservation-btn {
	padding-top: 30px;
}
.reservation-btn a {
	background-color: #000;
	display: block;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}
.icon-1 {
	margin: 0 auto;
}
.icon-1 li {
	float: left;
	background-color: #494E5A;
}
.icon-pic {
	float: left;
	overflow: hidden;
}
.icon-miaoshu {
	float: left;
	line-height: 20px;
	text-align: center;
	background-color: #222325;
	color: #999;
}

@media screen and (min-width:431px) {
.text-3 {
	padding-top: 90px;
}
.reservation-btn a {
	width: 260px;
	height: 74px;
	line-height: 74px;
	font-size: 20px;
}
.icon-1 {
	width: 1360px;
	padding-top: 75px;
}
.icon-1 li {
	width: 310px;
	margin: 15px;
}
.icon-pic {
	width: 310px;
	height: 214px;
}
.icon-miaoshu {
	width: 230px;
	height: 40px;
	padding: 30px 40px;
	font-size: 15px;
}
}

@media screen and (max-width:430px) {
.text-3 {
	padding-top: 40px;
}
.text-3 img {
	width: 90%;
}
.reservation-btn a {
	width: 160px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
}
.icon-1 {
	width: 80%;
	padding-top: 45px;
}
.icon-1 li {
	width: 45%;
	margin: 2.5%;
}
.icon-pic {
	width: 100%;
	height: 114px;
}
.icon-pic img {
	width: 100%;
}
.icon-miaoshu {
	width: 95%;
	height: 60px;
	padding: 5px 2.5%;
	font-size: 12px;
}
}
.pages-3 {
	background: url(../images/games-bg.png) no-repeat center bottom;
}
.pages-5 {
	background: url(../images/movie-bg.png) no-repeat center center;
}

@media screen and (min-width:431px) {
.pages-3 {
	height: 750px;
}
.text-4 {
	padding-top: 180px;
}
.text-5 {
	padding-top: 30px;
}
.pages-4 {
	height: 590px;
}
.text-6 {
	padding-top: 160px;
}
.text-7 {
	height: 75px;
	background: url(../images/fgx-2.png) no-repeat center bottom;
	padding-top: 25px;
}
.btn-2 {
	padding-top: 40px;
}
.btn-2 a {
	width: 366px;
	height: 46px;
	display: block;
	background-color: #000;
	margin: 0 auto;
	border-radius: 5px;
	color: #fff;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
}
.pages-5 {
	width: 100%;
	height: 750px;
}
.text-8 {
	padding-top: 80px;
	padding-bottom: 90px;
}
.kuang {
	width: 888px;
	height: 448px;
	margin: 0 auto;
	box-shadow: 0 0 50px #999;
	border-radius: 5px;
	position: relative;
}
.gundongtiao {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.kuang ul {
	width: 740px;
	height: auto;
	float: left;
	margin: 30px 74px;
}
.kuang li {
	width: 20px;
	height: 25px;
	margin-top: 10px;
	float: left;
	background: url(../images/text-9.png) no-repeat;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.kuang li:nth-child(1) {
	background-position: -1px 0;
}
.kuang li:nth-child(2) {
	background-position: -23px 0;
}
.kuang li:nth-child(3) {
	background-position: -42px 0;
}
.kuang li:nth-child(4) {
	background-position: -62px 0;
}
.kuang li:nth-child(5) {
	background-position: -82px 0;
}
.kuang li:nth-child(6) {
	background-position: -102px 0;
}
.kuang li:nth-child(7) {
	background-position: -122px 0;
}
.kuang li:nth-child(8) {
	background-position: -142px 0;
}
.kuang li:nth-child(9) {
	background-position: -162px 0;
}
.kuang li:nth-child(10) {
	background-position: -182px 0;
}
.kuang li:nth-child(11) {
	background-position: -202px 0;
}
.kuang li:nth-child(12) {
	background-position: -222px 0;
}
.kuang li:nth-child(13) {
	background-position: -242px 0;
}
.kuang li:nth-child(14) {
	background-position: -262px 0;
}
.kuang li:nth-child(15) {
	background-position: -282px 0;
}
.kuang li:nth-child(16) {
	background-position: -302px 0;
}
.kuang li:nth-child(17) {
	background-position: -322px 0;
}
.kuang li:nth-child(18) {
	background-position: -342px 0;
}
.kuang li:nth-child(19) {
	background-position: -362px 0;
}
.kuang li:nth-child(20) {
	background-position: -382px 0;
}
.kuang li:nth-child(21) {
	background-position: -402px 0;
}
.kuang li:nth-child(22) {
	background-position: -422px 0;
}
.kuang li:nth-child(23) {
	background-position: -442px 0;
}
.kuang li:nth-child(24) {
	background-position: -462px 0;
}
.kuang li:nth-child(25) {
	background-position: -482px 0;
}
.kuang li:nth-child(26) {
	background-position: -502px 0;
}
.kuang li:nth-child(27) {
	background-position: -522px 0;
}
.kuang li:nth-child(28) {
	background-position: -542px 0;
}
.kuang li:nth-child(29) {
	background-position: -562px 0;
}
.kuang li:nth-child(30) {
	background-position: -582px 0;
}
.kuang li:nth-child(31) {
	background-position: -602px 0;
}
.kuang li:nth-child(32) {
	background-position: -622px 0;
}
.kuang li:nth-child(33) {
	background-position: -642px 0;
}
.kuang li:nth-child(34) {
	background-position: -662px 0;
}
.kuang li:nth-child(35) {
	background-position: -682px 0;
}
.kuang li:nth-child(36) {
	background-position: -702px 0;
}
.kuang li:nth-child(37) {
	background-position: -722px 0;
}
.kuang li:nth-child(38) {
	background-position: -742px 0;
}
.kuang li:nth-child(39) {
	background-position: -242px -30px;
	margin-left: 180px;
}
.kuang li:nth-child(40) {
	background-position: -262px -30px;
}
.kuang li:nth-child(41) {
	background-position: -282px -30px;
}
.kuang li:nth-child(42) {
	background-position: -302px -30px;
}
.kuang li:nth-child(43) {
	background-position: -322px -30px;
}
.kuang li:nth-child(44) {
	background-position: -342px -30px;
}
.kuang li:nth-child(45) {
	background-position: -362px -30px;
}
.kuang li:nth-child(46) {
	background-position: -382px -30px;
}
.kuang li:nth-child(47) {
	background-position: -402px -30px;
}
.kuang li:nth-child(48) {
	background-position: -422px -30px;
}
.kuang li:nth-child(49) {
	background-position: -442px -30px;
}
.kuang li:nth-child(50) {
	background-position: -462px -30px;
}
.kuang li:nth-child(51) {
	background-position: -482px -30px;
}
.kuang li:nth-child(52) {
	background-position: -502px -30px;
}
.kuang li:nth-child(53) {
	background-position: -522px -30px;
}
.kuang li:nth-child(54) {
	background-position: -542px -30px;
}
.kuang li:hover {
	margin-top: 0;
}
}

@media screen and (max-width:430px) {
.pages-3 {
	height: 500px;
}
.text-4 {
	padding-top: 80px;
}
.text-4 img {
	width: 50%;
}
.text-5 {
	padding-top: 30px;
}
.text-5 img {
	width: 90%;
}
.pages-4 {
	height: 400px;
}
.text-6 {
	padding-top: 100px;
}
.text-6 img {
	width: 70%;
}
.text-7 {
	height: 75px;
	background: url(../images/fgx-2.png) no-repeat center bottom;
	padding-top: 25px;
}
.text-7 img {
	width: 80%;
}
.btn-2 {
	padding-top: 40px;
}
.btn-2 a {
	width: 306px;
	height: 46px;
	display: block;
	background-color: #000;
	margin: 0 auto;
	border-radius: 5px;
	color: #fff;
	line-height: 46px;
	text-align: center;
	font-size: 12px;
}
.pages-5 {
	width: 100%;
	height: 500px;
}
.text-8 {
	padding-top: 40px;
	padding-bottom: 50px;
}
.text-8 img {
	width: 80%;
}
.kuang {
	width: 92%;
	height: 350px;
	margin: 0 auto;
	box-shadow: 0 0 50px #999;
	border-radius: 5px;
	position: relative;
}
.gundongtiao {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.gundongtiao img {
	width: 100%;
}
.kuang ul {
	width: 90%;
	height: auto;
	float: left;
	margin: 5%;
}
.kuang li {
	width: 20px;
	height: 25px;
	margin-top: 10px;
	float: left;
	background: url(../images/text-9.png) no-repeat;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.kuang li:nth-child(1) {
	background-position: -1px 0;
}
.kuang li:nth-child(2) {
	background-position: -23px 0;
}
.kuang li:nth-child(3) {
	background-position: -42px 0;
}
.kuang li:nth-child(4) {
	background-position: -62px 0;
}
.kuang li:nth-child(5) {
	background-position: -82px 0;
}
.kuang li:nth-child(6) {
	background-position: -102px 0;
}
.kuang li:nth-child(7) {
	background-position: -122px 0;
}
.kuang li:nth-child(8) {
	background-position: -142px 0;
}
.kuang li:nth-child(9) {
	background-position: -162px 0;
}
.kuang li:nth-child(10) {
	background-position: -182px 0;
}
.kuang li:nth-child(11) {
	background-position: -202px 0;
}
.kuang li:nth-child(12) {
	background-position: -222px 0;
}
.kuang li:nth-child(13) {
	background-position: -242px 0;
}
.kuang li:nth-child(14) {
	background-position: -262px 0;
}
.kuang li:nth-child(15) {
	background-position: -282px 0;
}
.kuang li:nth-child(16) {
	background-position: -302px 0;
}
.kuang li:nth-child(17) {
	background-position: -322px 0;
}
.kuang li:nth-child(18) {
	background-position: -342px 0;
}
.kuang li:nth-child(19) {
	background-position: -362px 0;
}
.kuang li:nth-child(20) {
	background-position: -382px 0;
}
.kuang li:nth-child(21) {
	background-position: -402px 0;
}
.kuang li:nth-child(22) {
	background-position: -422px 0;
}
.kuang li:nth-child(23) {
	background-position: -442px 0;
}
.kuang li:nth-child(24) {
	background-position: -462px 0;
}
.kuang li:nth-child(25) {
	background-position: -482px 0;
}
.kuang li:nth-child(26) {
	background-position: -502px 0;
}
.kuang li:nth-child(27) {
	background-position: -522px 0;
}
.kuang li:nth-child(28) {
	background-position: -542px 0;
}
.kuang li:nth-child(29) {
	background-position: -562px 0;
}
.kuang li:nth-child(30) {
	background-position: -582px 0;
}
.kuang li:nth-child(31) {
	background-position: -602px 0;
}
.kuang li:nth-child(32) {
	background-position: -622px 0;
}
.kuang li:nth-child(33) {
	background-position: -642px 0;
}
.kuang li:nth-child(34) {
	background-position: -662px 0;
}
.kuang li:nth-child(35) {
	background-position: -682px 0;
}
.kuang li:nth-child(36) {
	background-position: -702px 0;
}
.kuang li:nth-child(37) {
	background-position: -722px 0;
}
.kuang li:nth-child(38) {
	background-position: -742px 0;
}
.kuang li:nth-child(39) {
	background-position: -242px -30px;
}
.kuang li:nth-child(40) {
	background-position: -262px -30px;
}
.kuang li:nth-child(41) {
	background-position: -282px -30px;
}
.kuang li:nth-child(42) {
	background-position: -302px -30px;
}
.kuang li:nth-child(43) {
	background-position: -322px -30px;
}
.kuang li:nth-child(44) {
	background-position: -342px -30px;
}
.kuang li:nth-child(45) {
	background-position: -362px -30px;
}
.kuang li:nth-child(46) {
	background-position: -382px -30px;
}
.kuang li:nth-child(47) {
	background-position: -402px -30px;
}
.kuang li:nth-child(48) {
	background-position: -422px -30px;
}
.kuang li:nth-child(49) {
	background-position: -442px -30px;
}
.kuang li:nth-child(50) {
	background-position: -462px -30px;
}
.kuang li:nth-child(51) {
	background-position: -482px -30px;
}
.kuang li:nth-child(52) {
	background-position: -502px -30px;
}
.kuang li:nth-child(53) {
	background-position: -522px -30px;
}
.kuang li:nth-child(54) {
	background-position: -542px -30px;
}
.kuang li:hover {
	margin-top: 0;
}
}

@media screen and (min-width:431px) {
.pages-6 {
	position: relative;
	height: 580px;
	background-color: #F4F4F4;
}
.pages-6img {
	width: 370px;
	height: 260px;
	float: left;
	text-align: center;
	padding-top: 150px;
	line-height: 260px;
	position: relative;
	left: 50%;
	margin-left: -450px;
}
.pages-6img img {
	width: 340px;
	height: 220px;
	transition: all 0.5s;
}
.text-9 {
	width: 500px;
	height: auto;
	float: left;
	position: relative;
	background: url(../images/text-10-bg.png) no-repeat center 170px;
	padding: 200px 0 60px 0;
	left: 50%;
}
.page-6-bg {
	width: 382px;
	height: 272px;
	position: absolute;
	margin-top: 145px;
	left: 50%;
	margin-left: -455px;
	transition: all 1s;
}
.lei-border {
	width: 370px;
	height: 260px;
	border: solid 1px #C08264;
	margin: 5px;
	transition: all 1s;
}
.page-6-bg span {
	width: 10px;
	height: 10px;
	border: solid 1px #C08264;
	position: absolute;
	border-radius: 5px;
	background-color: #F4F4F4;
	transition: all 1s;
}
.left-top {
	top: 0;
	left: 0;
}
.right-top {
	top: 0;
	right: 0;
}
.left-bottom {
	left: 0;
	bottom: 0;
}
.right-bottom {
	right: 0;
	bottom: 0;
}
.pages-6:hover .page-6-bg {
	margin-left: -10px;
	width: 482px
}
.pages-6:hover .page-6-bg .lei-border {
	width: 470px;
}
.pages-6:hover .pages-6img img {
	width: 100%;
	height: 100%;
}
.pages-7 {
	width: 100%;
	height: 750px;
	background: url(../images/pages-7bg.png) no-repeat center center;
}
.text-10 {
	padding-top: 200px;
}
.text-11 {
	padding-top: 25px;
}
.pages-8 {
	width: 100%;
	height: 590px;
}
.text-12 {
	width: 360px;
	height: 150px;
	position: relative;
	float: left;
	left: 50%;
	margin-left: -400px;
	margin-top: 130px;
}
.cd {
	width: 440px;
	height: 310px;
	float: left;
	position: relative;
	left: 50%;
	margin-left: 100px;
	margin-top: 140px;
}
.cd-1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.cd-2 {
	position: absolute;
	left: 200px;
	top: 0;
	z-index: 0;
	transition: all 0.7s;
}
.cd:hover .cd-2 {
	left: 290px;
}
.pages-9 {
	width: 100%;
	height: 750px;
	background: url(../images/pages-9bg.png) no-repeat center center;
	position: relative;
}
.text-13 {
	padding-top: 50px;
}
.text-14 {
	padding-top: 25px;
}
.dian {
	width: 100%;
	height: 750px;
	position: absolute;
	top: 0;
}
}

@media screen and (max-width:430px) {
.pages-6 {
	position: relative;
	height: 500px;
	background-color: #F4F4F4;
}
.pages-6img {
	width: 92%;
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
	line-height: 260px;
}
.pages-6img img {
	width: 90%;
	margin: 0 5px;
	transition: all 0.5s;
}
.text-9 {
	height: auto;
	background: url(../images/text-10-bg.png) no-repeat center 45px;
	background-size: 30px;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 50px
}
.text-9 img {
	width: 80%;
}
.page-6-bg {
	width: 92%;
	position: absolute;
	margin-top: 35px;
	left: 4%;
	transition: all 1s;
}
.lei-border {
	width: auto;
	height: 260px;
	border: solid 1px #C08264;
	margin: 5px;
	transition: all 1s;
}
.page-6-bg span {
	width: 10px;
	height: 10px;
	border: solid 1px #C08264;
	position: absolute;
	border-radius: 5px;
	background-color: #F4F4F4;
	transition: all 1s;
}
.left-top {
	top: 0;
	left: 0;
}
.right-top {
	top: 0;
	right: 0;
}
.left-bottom {
	left: 0;
	bottom: 0;
}
.right-bottom {
	right: 0;
	bottom: 0;
}
.pages-7 {
	width: 100%;
	height: 430px;
	background: url(../images/pages-7bg.png) no-repeat center center;
	background-size: 300%;
}
.text-10 {
	padding-top: 90px;
}
.text-10 img {
	width: 90%;
}
.text-11 {
	padding-top: 25px;
}
.text-11 img {
	width: 95%;
}
.pages-8 {
	width: 100%;
	height: 280px;
}
.text-12 {
	width: 45%;
	height: 150px;
	position: relative;
	float: left;
	left: 4%;
	margin-top: 60px;
}
.text-12 img {
	width: 100%;
}
.cd {
	width: 45%;
	float: left;
	position: relative;
	left: 6%;
	margin-top: 60px;
}
.cd-1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 70%;
}
.cd-1 img {
	width: 100%;
}
.cd-2 {
	position: absolute;
	left: 70%;
	top: 15px;
	;
	z-index: 0;
	width: 30%;
}
.cd-2 img {
	width: 100%;
}
.cd:hover .cd-2 {
	left: 290px;
}
.pages-9 {
	width: 100%;
	height: 450px;
	background: url(../images/pages-9bg.png) no-repeat center center;
	position: relative;
}
.text-13 {
	padding-top: 50px;
}
.text-13 img {
	width: 80%;
}
.text-14 {
	padding-top: 25px;
	padding-bottom: 20px;
}
.text-14 img {
	width: 90%;
}
.dian {
	width: 100%;
	height: 750px;
	position: absolute;
	top: 0;
	display: none;
}
}
.dian li {
	position: absolute;
	cursor: pointer;
}
.dian li img {
	width: 100%;
	height: 100%;
}
.dian li:nth-child(1) {
	height: 84px;
	width: 84px;
	top: 40px;
	left: 50%;
	margin-left: -855px;
	animation: dian-1 1s linear infinite;
	-webkit-animation: dian-1 1s linaer infinite;
}
.dian li:nth-child(2) {
	height: 84px;
	width: 84px;
	top: 190px;
	left: 50%;
	margin-left: -610px;
	animation: dian-2 0.7s linear infinite;
	-webkit-animation: dian-2 0.7s linaer infinite;
}
.dian li:nth-child(3) {
	height: 70px;
	width: 70px;
	top: 560px;
	left: 50%;
	margin-left: -600px;
	animation: dian-3 1.5s linear infinite;
	-webkit-animation: dian-3 1.5s linaer infinite;
}
.dian li:nth-child(4) {
	height: 80px;
	width: 80px;
	top: 550px;
	left: 50%;
	margin-left: 704px;
	animation: dian-4 0.5s linear infinite;
	-webkit-animation: dian-4 0.5s linaer infinite;
}
.dian li:nth-child(5) {
	height: 80px;
	width: 80px;
	top: 435px;
	left: 50%;
	margin-left: 380px;
	animation: dian-5 1s linear infinite;
	-webkit-animation: dian-5 1s linaer infinite;
}
.dian li:nth-child(6) {
	height: 70px;
	width: 70px;
	top: 655px;
	left: 50%;
	margin-left: 270px;
	animation: dian-6 1.2s linear infinite;
	-webkit-animation: dian-6 1.2s linaer infinite;
}
.dian li:nth-child(7) {
	height: 70px;
	width: 70px;
	top: 385px;
	left: 50%;
	margin-left: 610px;
	animation: dian-7 0.9s linear infinite;
	-webkit-animation: dian-7 0.9s linaer infinite;
}
/*animation动画*/
@-webkit-keyframes dian-1 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-1 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@-webkit-keyframes dian-2 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-2 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@-webkit-keyframes dian-3 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-3 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@-webkit-keyframes dian-4 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-4 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@-webkit-keyframes dian-5 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-5 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@-webkit-keyframes dian-6 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-6 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@-webkit-keyframes dian-7 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}
@keyframes dian-7 {
 from {
opacity:0.5;
}
 50% {
opacity:1;
}
 to {
opacity:0.5;
}
}

/*animation动画结束*/
@media screen and (min-width:431px) {
.scenery {
	width: 792px;
	height: 452px;
	float: left;
	position: relative;
	left: 50%;
	margin-left: -396px;
	margin-top: 10px;
}
.zhezhao {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.zhezhao img {
	width: 100%;
	height: 100%;
}
.scenery li {
	width: 650px;
	height: 300px;
	margin: 70px
}
}

@media screen and (max-width:430px) and (min-width:400px) {
.scenery {
	width: 92%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.zhezhao {
	width: 100%;
	position: absolute;
	top: 0;
}
.zhezhao img {
	width: 100%;
	height: 100%;
}
.scenery li {
	width: 82%;
	height: 160px;
	margin: 20px 9%;
	float: left;
}
}

@media screen and (max-width:399px) and (min-width:350px) {
.scenery {
	width: 92%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.zhezhao {
	width: 100%;
	position: absolute;
	top: 0;
}
.zhezhao img {
	width: 100%;
	height: 100%;
}
.scenery li {
	width: 82%;
	height: 130px;
	margin: 30px 9% 0;
	float: left;
}
}

@media screen and (max-width:349px) {
.scenery {
	width: 92%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.zhezhao {
	width: 100%;
	position: absolute;
	top: 0;
}
.zhezhao img {
	width: 100%;
	height: 100%;
}
.scenery li {
	width: 82%;
	height: 110px;
	margin: 30px 9% 0;
	float: left;
}
}
.scenery li:nth-child(n+2) {
	display: none;
}
.scenery li:nth-child(1) {
	background: url(../images/f1.jpg) no-repeat center center;
	-webkit-animation: scenery-1 10s linaer infinite;
	animation: scenery-1 10s linear infinite;
}
.scenery li:nth-child(2) {
	background: url(../images/f2.jpg) no-repeat center center;
	-webkit-animation: scenery-2 10s linaer infinite;
	animation: scenery-2 10s linear infinite;
}
.scenery li:nth-child(3) {
	background: url(../images/f3.jpg) no-repeat center center;
	-webkit-animation: scenery-3 10s linaer infinite;
	animation: scenery-3 10s linear infinite;
}
.scenery li:nth-child(4) {
	background: url(../images/f4.jpg) no-repeat center center;
	-webkit-animation: scenery-4 10s linaer infinite;
	animation: scenery-4 10s linear infinite;
}
.scenery li:nth-child(5) {
	background: url(../images/f5.jpg) no-repeat center center;
	-webkit-animation: scenery-5 10s linaer infinite;
	animation: scenery-5 10s linear infinite;
}
.scenery li:nth-child(6) {
	background: url(../images/f6.jpg) no-repeat center center;
	-webkit-animation: scenery-6 10s linaer infinite;
	animation: scenery-6 10s linear infinite;
}
.scenery li:nth-child(7) {
	background: url(../images/f7.jpg) no-repeat center center;
	-webkit-animation: scenery-7 10s linaer infinite;
	animation: scenery-7 10s linear infinite;
}
/*animation动画*/
@-webkit-keyframes scenery-1 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-1 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
 @-webkit-keyframes scenery-2 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-2 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@-webkit-keyframes scenery-3 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-3 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@-webkit-keyframes scenery-4 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-4 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@-webkit-keyframes scenery-5 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-5 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@-webkit-keyframes scenery-6 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-6 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@-webkit-keyframes scenery-7 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}
@keyframes scenery-7 {
 from {
background-position:center center;
}
 25% {
background-position:left center;
}
 50% {
background-position:center center;
}
 75% {
background-position:right center;
}
 to {
background-position:center center;
}
}

@media screen and (min-width:431px) {
.pages-10 {
	width: 100%;
	height: 630px;
	background-color: #FCFCFC;
	padding-top: 60px;
	position: relative;
}
.top_bg {
	width: 80px;
	height: 50px;
	background-color: #FCFCFC;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -40px;
	text-align: center;
	line-height: 50px;
}
.pages-10-cont {
	width: 1230px;
	height: 460px;
	margin: 0 auto;
	border: solid 2px #B6B6B6;
}
.text-15 {
	width: 1230px;
	text-align: center;
	padding-top: 70px;
}
.btn-3 {
	width: 260px;
	height: 76px;
	display: block;
	background-color: #000;
	margin: 70px auto 0 auto;
	border-radius: 5px;
	color: #fff;
	line-height: 76px;
	text-align: center;
	font-size: 24px;
}
.footer {
	width: 100%;
	height: 145px;
	background-color: #000;
}
.footer-cont {
	width: 1100px;
	height: 145px;
	margin: 0 auto;
}
.footer-l {
	float: left;
}
.footer-logo {
	margin-top: 50px;
}
.copyright {
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
}
.footer-r {
	padding-left: 40px;
	height: 60px;
	background: url(../images/email-icon.png) no-repeat left center;
	margin-top: 40px;
	color: #fff;
	line-height: 60px;
	font-size: 16px;
	float: right;
}
}

@media screen and (max-width:430px) {
.pages-10 {
	width: 100%;
	height: 350px;
	background-color: #FCFCFC;
	padding-top: 60px;
	position: relative;
}
.top_bg {
	width: 80px;
	height: 50px;
	background-color: #FCFCFC;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -40px;
	text-align: center;
	line-height: 50px;
}
.top_bg img {
	width: 60px;
}
.pages-10-cont {
	width: 96%;
	height: 300px;
	margin: 0 auto;
	border: solid 2px #B6B6B6;
}
.text-15 {
	width: 100%;
	text-align: center;
	padding-top: 45px;
}
.text-15 img {
	width: 90%;
}
.btn-3 {
	width: 50%;
	height: 56px;
	display: block;
	background-color: #000;
	margin: 70px auto 0 auto;
	border-radius: 5px;
	color: #fff;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
}
.footer {
	width: 100%;
	height: auto;
	background-color: #000;
}
.footer-cont {
	width: 92%;
	height: 150px;
	margin: 0 auto;
}
.footer-l {
	float: left;
}
.footer-logo {
	margin-top: 20px;
}
.footer-logo img {
	width: 120px;
}
.copyright {
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
}
.footer-r {
	padding-left: 40px;
	height: 60px;
	background: url(../images/email-icon.png) no-repeat left center;
	color: #fff;
	line-height: 60px;
	font-size: 14px;
	float: left;
}
}

@media screen and (min-width:431px) {
.input-cont {
	background-color: #FCFCFC;
	min-height: 1000px;
	text-align: center;
}
.title {
	text-align: center;
	padding-top: 87px;
}
.input-content {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
.input-content li {
	width: 40%;
	float: left;
	padding: 10px 5%;
	text-align: left;
}
.input-content li:nth-child(5), .input-content li:nth-child(6) {
	margin-top: 40px;
}
.input-content li span {
	width: 100%;
	float: left;
	line-height: 30px;
	font-size: 16px;
}
.input-content li input {
	width: 98%;
	height: 37px;
	border: solid 1px #999;
	font-size: 15px;
	background-color: #FDFDFD;
}
.input-content .lg{
    width: 90%;
    padding: 40px 5% 0 5%;
}
.input-content textarea {
    width: 99%;
    margin: 0 auto;
    height: 200px;
    background-color: #FDFDFD;
    border: solid 1px #999;
}
.input-content .code{
    width: 50%;
}
.save-btn {
	margin: 0 auto;
	padding-top: 40px;
	clear: both;
}
.save-btn button {
	width: 204px;
	height: 50px;
	background-color: #000;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
}
}

@media screen and (max-width:430px) {
.input-cont {
	background-color: #FCFCFC;
	min-height: 1000px;
	text-align: center;
}
.title {
	text-align: center;
	padding-top: 50px;
}
.title img {
	width: 70%;
}
.input-content {
	width: 90%;
	margin: 0 auto;
	padding-top: 40px;
}
.input-content li {
	width: 99%;
	float: left;
	padding: 10px 0;
	text-align: left;
}
.input-content li span {
	width: 99.5%;
	float: left;
	line-height: 30px;
	font-size: 16px;
}
.input-content li input {
	width: 99.5%;
	height: 37px;
	border: solid 1px #999;
	font-size: 15px;
	background-color: #FDFDFD;
}
.input-content li textarea {
	width: 99.5%;
	margin: 0 auto;
	height: 200px;
	background-color: #FDFDFD;
	border: solid 1px #999;
}
.save-btn {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
}
.save-btn button {
	width: 204px;
	height: 50px;
	background-color: #000;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
}
}