h2 { margin: 0; }
.inner { margin: 0 auto; overflow: hidden; position: relative; min-width: 360px; }
.page-wrap { color: #FFFFFF; font-family: '黑体'; overflow: hidden; }
.page-nav { background: url("images/nav_bg.png") repeat-x scroll 0 0 transparent; height: 79px; }
	.page-nav h2 { float: left; font-size: 2.5em; font-weight: normal; margin: 14px 0 0 14px; }
		.page-nav h2 span { display: inline-block; font-size: 12px; margin: -6px 6px 0; vertical-align: middle; }
	.page-nav .logo { background: url("images/logo.png") no-repeat scroll 0 0 transparent; float: left; height: 53px; margin: 8px 0 0; width: 67px; }
	.page-nav .link-home { color: #FFFFFF; font-size: 0.8em; position: absolute; right: 0; text-decoration: none; top: 8px; }
	.page-nav .link-phone { bottom: 0; font-size: 1.6em; position: absolute; right: 0; }

.hero { font-weight: bold; position: relative; text-align: center; }
.section1 { background: url("images/section1.jpg") repeat scroll center top transparent; height: 820px; }
	.section1 .btn-scroll { background: url("images/hero_scroll.png") no-repeat scroll 0 0 transparent; display: block; height: 86px; margin: 0 auto; text-align: center; width: 88px; }
	.section1 .hero { font-size: 4em; line-height: 2em; margin: 0 auto; width: 90%; *margin: 20% 0 0 0; }
		.section1 .hero span { color: #FFCF27; }
.section2 { background: url("images/section2.png") repeat scroll 0 0 transparent; text-align: center; }
	.section2 .hero { color: #3E3E3E; font-size: 3em; line-height: 1.5em; }
		.section2 .hero span { color: #F25A6F; }
.section3 { background: url("images/grey.png") repeat scroll 0 0 transparent; text-align: center; }
	.section3 .hero { color: #3E3E3E; font-size: 3em; }
		.section3 .hero span { color: #F25A6F; }
	.section3 ul { display: table; margin: 0 auto; width: 100%; }
	.section3 li { display: table-cell; vertical-align: middle; width: 20%; }
		.section3 li img { }
.section4 { background: url("images/section2.png") repeat scroll 0 0 transparent; text-align: center; }
	.section4 .hero { color: #3E3E3E; font-size: 3em; line-height: 1.5em; }
		.section4 .hero span { color: #F25A6F; }
		.section4 .hero strong { color: #619F18; }
	.section4 ul { }
	.section4 li { float: left; width: 50%; margin: 0 0 0.5em 0; }
.section5 { background: url("images/grey.png") repeat scroll 0 0 transparent; text-align: center; }
	.section5 h3 { color: #619F18; font-size: 4em; margin: 40px 0 0; }
	.section5 .hero { color: #3E3E3E; font-size: 2em; line-height: 1.5em; }
.section6 { background: url("images/section2.png") repeat scroll 0 0 transparent; text-align: center; }
	.section6 .hero { color: #3E3E3E; font-size: 3em; line-height: 1.5em; }
		.section6 .hero span { color: #619F18; }
			.section6 .hero span span { display: inline-block; font-size: 12px; margin: -6px 6px 0; vertical-align: middle; }
.con-btn { padding: 36px 0 0; }
.carouse { position: relative; }
.carouse-main { position: relative; }
	.carouse-main .item { position: absolute; top: 0; width: 100%; *padding-bottom: 12px; }
		.carouse-main .item.active { left: 0; display: block; position: relative; }
		.carouse-main .item.left { left: -100%; }
		.carouse-main .item.right { left: 100%; }
	.carouse-main p { color: #3E3E3E; font-size: 1.4em; }
.c-left { left: 0; position: absolute; top: 45%; z-index: 2; }
.c-right { position: absolute; right: 0; top: 45%; z-index: 2; }
.con-btn a { border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: inline-block; font-size: 26px; height: 60px; line-height: 60px; text-align: center; text-decoration: none; width: 160px; }
	.con-btn a.btn-more { background: none repeat scroll 0 0 #3F94EE; }
		.con-btn a.btn-more:hover { background: none repeat scroll 0 0 #62ABF9; }
	.con-btn a.btn-buy { background: none repeat scroll 0 0 #4BB014; }
		.con-btn a.btn-buy:hover { background: none repeat scroll 0 0 #65DD24; }
.page-bottom { background: url("images/bom_bg.png") repeat scroll 0 0 transparent; height: 90px; line-height: 90px; }
	.page-bottom p { margin: 0; padding: 0; }
	.page-bottom span { color: #FED700; }
	.page-bottom strong { font-size: 8px; font-weight: normal; margin: 0 4px; vertical-align: middle; }
	.page-bottom i { font-style: normal; margin: 0 4px; }
	.page-bottom a.btn-top { background: url("images/up_top.png") no-repeat scroll 0 0 transparent; height: 32px; margin: -16px 0 0; position: absolute; right: 0; top: 50%; width: 32px; }
.btn-scroll { background: url("images/btn_scroll.png") no-repeat scroll 0 0 transparent; clear: both; display: block; height: 51px; margin: 32px auto 0; width: 51px; }
.split { background: url("images/split.png") repeat-x scroll 0 0 transparent; height: 2px; position: absolute; top: 46%; width: 82px; }
.split-l { left: 0; }
.split-r { right: 0; }
.split-m { position: static; width: 100%; }
.dialog { background: none repeat scroll 0 0 #FFFFFF; border-top: 7px solid #4096ED; box-shadow: 0 0 12px #B5B5B5; left: 50%; position: fixed; top: 50%; z-index: 10; }
.dialog-close { background: none repeat scroll 0 0 #EF5C6F; color: #FFFFFF; font-size: 14px; height: 25px; line-height: 25px; position: absolute; right: -40px; text-align: center; text-decoration: none; top: 0; width: 40px; }
	.dialog-close:hover { background: none repeat scroll 0 0 #62ABF9; }
.dialog input { border: 1px solid #D2D2D2; border-radius: 3px 3px 3px 3px; margin: 0 0 12px; padding: 8px 4px; width: 208px; }
.dialog-main { padding: 24px 0 0; }
	.dialog-main h3 { font-size: 28px; font-weight: normal; margin: 0; text-align: center; }
.dialog h4 { font-size: 16px; font-weight: normal; margin: 16px 0 30px; text-align: center; }
.dialog .btn-confirm { background: none repeat scroll 0 0 #4096ED; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: block; height: 36px; line-height: 36px; margin: 0 auto; text-align: center; text-decoration: none; width: 216px; }
	.dialog .btn-confirm:hover { background: none repeat scroll 0 0 #62ABF9; }
.dialog-buy { width: 558px; padding-bottom: 10px; }
	.dialog-buy div { display: inline-block; text-align: center; vertical-align: top; width: 49%; }
		.dialog-buy div.column { border-left: 1px solid #E5E5E5; }
			.dialog-buy div.column > p { color: #A0A0A0; font-size: 14px; line-height: 20px; padding: 0 30px; text-align: left; }
	.dialog-buy > p { font-size: 14px; text-align: center; }
.dialog-more { padding: 0 50px; text-align: left; width: 228px; }
	.dialog-more > p { color: #A0A0A0; font-size: 0.8em; line-height: 1.6em; }
	.dialog-more h5 { color: #A0A0A0; font-weight: normal; margin: 26px 0 14px; text-align: left; }
	.dialog-more .btn-confirm { margin: 0; }
.dialog-suc { padding: 0 18px; text-align: center; }
.clear { clear: both; }
.section { display: table; padding: 0 0 24px; width: 100%; *display: block; *padding: 24px 0; }
	.section > div { display: table-cell; vertical-align: middle; *display: block; }
.mask { z-index: 9; background: #fff; opacity: 0.4; filter: alpha(opacity=40); width: 100%; position: fixed; top: 0; left: 0; }

.page-sidebar { display: none; }
.page-pos { display: none; }

.fix-img { width: 90%; }
.carouse-main .fix-img { width: 80%; max-width: 720px; }
.carouse a .fix-img { *width: auto; }
.qq-img { margin: 0 0 0 6px; vertical-align: middle; }
	.qq-img > img { margin: 8px 0 0; }

.s2_data2, .s5_data2 { display: none; }



@media (min-width:1025px) {
	.inner { width: 1024px; }
	.page-sidebar { display: block; background: none repeat scroll 0 0 #519DEB; border-radius: 3px 3px 3px 3px; position: fixed; right: 40px; top: 40px; z-index: 2; }
		.page-sidebar a { border-bottom: 1px solid #62AAF6; display: block; height: 58px; position: relative; text-align: center; width: 82px; }
			.page-sidebar a:hover div { background: none repeat scroll 0 0 #FFFFFF; height: 100%; left: 0; opacity: 0.3; filter: alpha(opacity=30); position: absolute; top: 0; width: 100%; }
			.page-sidebar a img { margin: 12px 0 0; }
			.page-sidebar a.qr { height: 70px; }
		.page-sidebar > span { display: block; font-size: 20px; padding: 6px 0; text-align: center; }
		.page-sidebar .detail { position: absolute; left: -121px; top: 133px; padding: 12px 10px; background: #7DB6F1; width: 86px; font-size: 14px; display: none; }
			.page-sidebar .detail i { position: absolute; top: 50%; right: -6px; width: 6px; height: 12px; margin: -6px 0 0 0; background: url(images/sidebar_arrow.png) no-repeat 0 0; }
			.page-sidebar .detail.d2 { top: 202px; }
	.page-pos { display: block; position: fixed; right: 20px; top: 0; }
		.page-pos ul { margin: 0; }
		.page-pos li { width: 10px; height: 10px; background: #8AC5FF; margin-bottom: 30px; opacity: 0.3; filter: alpha(opacity=30); cursor: pointer; }
			.page-pos li.curr { opacity: 1; filter: alpha(opacity=100); }
	.section3 li img.fix-img { width: auto; }
	.section3 li { *float: left; *width: 19%; *margin: 0; *padding: 0; *overflow: hidden; }
		.section3 li img.fix-img { *width: 90%; }
	.section3 ul { *display: block; *text-align: center; }
}

@media (min-width: 980px) and (max-width: 1024px) {
	.section1 { font-size: 85%; }
}

@media (min-width: 640px) and (max-width: 980px) {
	.section { font-size: 70%; }
	.section1 { height: 680px; }
}

@media (max-width: 920px) {
	.section3 ul { display: normal; }
	.section3 li { float: left; width: 50%; margin: 0 0 1em 0; }
		.section3 li img { width: 190px; }
}

@media (max-width: 680px) {
	.section1 { background: url("images/section1_mid.jpg") repeat scroll center top transparent; height: 417px; }
}

@media (max-width: 640px) {
	.section { font-size: 60%; }
	i.split { display: none; }
	.section4 li { width: 100%; }
	.carouse-main p { font-size: 1.6em; }
}

@media (max-width: 480px) {
	.section3 li img { width: 70%; }
	.carouse > a { display: none; }
}


@media (max-width:1024px) {
	.page-nav .inner { padding: 0 10px; }
	.page-nav .link-home, .page-nav .link-phone, .page-bottom a.btn-top { right: 10px; }
	.page-bottom .inner { display: table; height: 90px; width: 100%; }
	.page-bottom p { display: table-cell; line-height: 1.5em; padding: 0 42px 0 10px; vertical-align: middle; }
		.page-bottom p i.p_split { display: none; }
		.page-bottom p span { display: block; }
}

@media (max-width:482px) {
	.page-nav .link-home, .page-nav .link-phone { display: none; }
}

/*@media (min-width: 360px) {
	.section1 { height: 680px; }
}*/

@media (max-width: 360px) {
	.section3 li { display: none; }
		.section3 li.mid { display: block; width: 100%; }
	.section4 li { display: none; }
		.section4 li.mid { display: block; width: 100%; }
	.s2_data1, .s5_data1 { display: none; }
	.s2_data2, .s5_data2 { display: block; margin: 0 auto; }
}