article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */


/**
 *自适应
 */

@media screen and (max-width: 720px) {
	html {
		max-width: 100% !important;
	}
	.header {
		width: 100%!important;
	}
	.header ul {
		display: none !important;
	}
	.header .iphone {
		display: none !important;
	}
	.zhuce h1 {
		padding: 0px 30px;
		padding-top: 40px;
		font-size: 30px;
	}
	.r_1 h2 {
		margin-top: 20px!important;
	}
	.r_1 .wrapper li {
		width: 100%;
		margin-left: 0px!important;
		margin: auto;
		margin-top: 20px;
	}
	.wrapper h2 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.wrapper .icon_next {
		display: none;
	}
	.r_2 {
		display: none!important;
	}
	.r_3 .wrapper img {
		width: 80%;
		height: 100%;
	}
	.r_3 .wrapper .step_line .line,
	.r_3 .wrapper .step_line,
	.r_3 .wrapper .step_line .step {
		display: none!important;
	}
	.r_3 .wrapper .go_btn {
		padding-top: 30px;
	}
	.r_4 .pure-u-1-2 {
		width: 100%!important;
		height: 250px!important;
		text-align: center!important;
	}
	.r_4 .pure-u-1-2 .leftT {
		margin: auto;
		padding-top: 20px;
		float: none;
		text-align: center!important;
	}
	.r_4 dl .leftT {
		text-align: center!important;
	}
	.r_4 dl.rightT {
		margin: auto!important;
		float: none!important;
		padding-top: 20px!important;
		text-align: center!important;
	}
	.r_4 table {
		display: none;
	}
	.r_5 img {
		width: 100%!important;
		height: 100%!important;
	}
	.r_5 .go_btn {
		display: none;
	}
	.r_7 li {
		padding: 0px 10px;
	}
	.r_7 li p {
		padding: 0px 10px;
	}
	.r_8 .icon_q,
	.r_8 .icon_a {
		margin: 0px 0px 0px 10px!important;
	}
	.qz-index-s {
		display: none;
	}
	.qz-index {
		margin: auto;
		display: block!important;
		width: 200px;
		height: 40px;
		margin-top: 30px;
		border-radius: 10px;
		line-height: 40px;
		color: white;
		background: blue;
		background: -webkit-linear-gradient(left, #C970E6, #3F95F2);
		background: -o-linear-gradient(right, #C970E6, #3F95F2);
		background: -moz-linear-gradient(right, #C970E6, #3F95F2);
		background: linear-gradient(to right, #C970E6, #3F95F2);
	}
	.r_8 .q,
	.r_8 .a {
		padding-top: 5px;
		display: block;
		width: 100%;
	}
	.bott {
		display: none!important;
	}
	.qz-dbanniu {
		position:fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 50px;
		background-color: white;
		border-top: 1px solid #B5B5B5;
		
	}
	.qz-dban{
		text-align: center;
		line-height: 50px;
	}
	.qz-dbanniu-l{
		width: 50%;
		float: left;
	}
	.qz-dbanniu-r{
		border-left:1px solid #B5B5B5;
		width: 48%;
		float: left;
	}
}

audio:not([controls]) {
	display: none;
	height: 0;
}


/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
	display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-size: 100%;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}


/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}


/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
	margin: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}


/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}


/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}


/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}


/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
	background: #ff0;
	color: #000;
}


/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
	margin: 1em 0;
}


/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}


/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}


/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
	content: '';
	content: none;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

.header {
	height: 80px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.header .logo {
	float: left;
	margin-top: 10px;
}

.header .logo img {
	width: 100%;
	height: 100%;
}

.header ul {
	float: left;
}

.header ul li {
	font-size: 16px;
	line-height: 80px;
	color: #5a5a5a;
	margin-right: 40px;
	list-style-type: none;
	float: left;
	font-family: 'Microsoft YaHei Light';
	margin-top: 10px;
}

.nav {
	margin-left: 60px;
}

.header .iphone {
	float: right;
}

.header .iphone img {
	width: 216px;
	height: 60px;
	float: right;
	margin-top: 10px;
}

a {
	text-decoration: none;
	outline: none;
	color: inherit;
	font-family: 'Microsoft YaHei Light';
}

.wire {
	height: 1px;
	width: 100%;
	border-top: 1px solid #e2e2e2;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


/* ==========================================================================
   Lists
   ========================================================================== */


/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}


/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
	padding: 0 0 0 40px;
}


/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */


/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
	border: 0;
	/* 1 */
	-ms-interpolation-mode: bicubic;
	/* 2 */
}


/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */


/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0;
	/* 1 */
	padding: 0;
	white-space: normal;
	/* 2 */
	*margin-left: -7px;
	/* 3 */
}


/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
	font-size: 100%;
	/* 1 */
	margin: 0;
	/* 2 */
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}


/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
	*overflow: visible;
	/* 4 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}


/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	*height: 13px;
	/* 3 */
	*width: 13px;
	/* 3 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*csslint important:false*/


/* ==========================================================================
   Pure Base Extras
   ========================================================================== */


/**
 * Extra rules that Pure adds on top of Normalize.css
 */


/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */

.zhuce {
	width: 100%;
	height: 668px;
	color: #fff;
	background-image: url("../images/background.jpg")
;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

[hidden] {
	display: none !important;
}


/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */

.pure-img {
	max-width: 100%;
	height: auto;
	display: block;
}


/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
	letter-spacing: -0.31em;
	/* Webkit: collapse white-space between units */
	*letter-spacing: normal;
	/* reset IE < 8 */
	*word-spacing: -0.43em;
	/* IE < 8: collapse white-space between units */
	text-rendering: optimizespeed;
	/* Webkit: fixes text-rendering: optimizeLegibility */
	/*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yui/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
	font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	/*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	/* IE10 uses display: flexbox */
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
}


/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/

.opera-only :-o-prefocus,
.pure-g {
	word-spacing: -0.43em;
}

.pure-u {
	display: inline-block;
	*display: inline;
	/* IE < 8: fake inline-block */
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}


/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/

.pure-g [class *="pure-u"] {
	font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}

.pure-u-1-24 {
	width: 4.1667%;
	*width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
	width: 8.3333%;
	*width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
	width: 12.5000%;
	*width: 12.4690%;
}

.pure-u-1-6,
.pure-u-4-24 {
	width: 16.6667%;
	*width: 16.6357%;
}

.pure-u-1-5 {
	width: 20%;
	*width: 19.9690%;
}

.pure-u-5-24 {
	width: 20.8333%;
	*width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
	width: 25%;
	*width: 24.9690%;
}

.pure-u-7-24 {
	width: 29.1667%;
	*width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
	width: 33.3333%;
	*width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
	width: 37.5000%;
	*width: 37.4690%;
}

.pure-u-2-5 {
	width: 40%;
	*width: 39.9690%;
}

.pure-u-5-12,
.pure-u-10-24 {
	width: 41.6667%;
	*width: 41.6357%;
}

.pure-u-11-24 {
	width: 45.8333%;
	*width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
	width: 50%;
	*width: 49.9690%;
}

.pure-u-13-24 {
	width: 54.1667%;
	*width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
	width: 58.3333%;
	*width: 58.3023%;
}

.pure-u-3-5 {
	width: 60%;
	*width: 59.9690%;
}

.pure-u-5-8,
.pure-u-15-24 {
	width: 62.5000%;
	*width: 62.4690%;
}

.pure-u-2-3,
.pure-u-16-24 {
	width: 66.6667%;
	*width: 66.6357%;
}

.pure-u-17-24 {
	width: 70.8333%;
	*width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
	width: 75%;
	*width: 74.9690%;
}

.pure-u-19-24 {
	width: 79.1667%;
	*width: 79.1357%;
}

.pure-u-4-5 {
	width: 80%;
	*width: 79.9690%;
}

.pure-u-5-6,
.pure-u-20-24 {
	width: 83.3333%;
	*width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
	width: 87.5000%;
	*width: 87.4690%;
}

.pure-u-11-12,
.pure-u-22-24 {
	width: 91.6667%;
	*width: 91.6357%;
}

.pure-u-23-24 {
	width: 95.8333%;
	*width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
	width: 100%;
}

.pure-button {
	/* Structure */
	display: inline-block;
	*display: inline;
	/*IE 6/7*/
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: baseline;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Firefox: Get rid of the inner focus border */

.pure-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}


/*csslint outline-none:false*/

.pure-button {
	font-family: inherit;
	font-size: 100%;
	*font-size: 90%;
	/*IE 6/7 - To reduce IE's oversized button text*/
	*overflow: visible;
	/*IE 6/7 - Because of IE's overly large left/right padding on buttons */
	padding: 0.5em 1em;
	color: #444;
	/* rgba not supported (IE 8) */
	color: rgba(0, 0, 0, 0.80);
	/* rgba supported */
	*color: #444;
	/* IE 6 & 7 */
	border: 1px solid #999;
	/*IE 6/7/8*/
	border: none rgba(0, 0, 0, 0);
	/*IE9 + everything else*/
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.10));
	background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
}

.pure-button:focus {
	outline: 0;
}

.pure-button-active,
.pure-button:active {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: not-allowed;
	box-shadow: none;
}

.pure-button-hidden {
	display: none;
}


/* Firefox: Get rid of the inner focus border */

.pure-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
	background-color: rgb(0, 120, 231);
	color: #fff;
}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
	padding: 0.5em 0.6em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/

.pure-form input:not([type]) {
	padding: 0.5em 0.6em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */


/* May be able to remove this tweak as color inputs become more standardized across browsers. */

.pure-form input[type="color"] {
	padding: 0.2em 0.5em;
}

.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	border-color: #129FEA;
}


/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/

.pure-form input:not([type]):focus {
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 1px auto #129FEA;
}

.pure-form .pure-checkbox,
.pure-form .pure-radio {
	margin: 0.5em 0;
	display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3;
}


/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/

.pure-form input:not([type])[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3;
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
	background: #eee;
	/* menu hover bg color */
	color: #777;
	/* menu text color */
	border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
	color: #b94a48;
	border-color: #ee5f5b;
}

.pure-form input:focus:invalid:focus,
.pure-form textarea:focus:invalid:focus,
.pure-form select:focus:invalid:focus {
	border-color: #e9322d;
}

.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
	outline-color: #e9322d;
}

.pure-form select {
	border: 1px solid #ccc;
	background-color: white;
}

.pure-form select[multiple] {
	height: auto;
}

.pure-form label {
	margin: 0.5em 0 0.2em;
}

.pure-form fieldset {
	margin: 0;
	padding: 0.35em 0 0.75em;
	border: 0;
}

.pure-form legend {
	display: block;
	width: 100%;
	padding: 0.3em 0;
	margin-bottom: 0.3em;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
	display: block;
	margin: 0.25em 0;
}


/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/

.pure-form-stacked input:not([type]) {
	display: block;
	margin: 0.25em 0;
}

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,

/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */

.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

.pure-form-aligned textarea {
	vertical-align: top;
}


/* Aligned Forms */

.pure-form-aligned .pure-control-group {
	margin-bottom: 0.5em;
}

.pure-form-aligned .pure-control-group label {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	width: 10em;
	margin: 0 1em 0 0;
}

.pure-form-aligned .pure-controls {
	margin: 1.5em 0 0 10em;
}


/* Rounded Inputs */

.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
	border-radius: 2em;
	padding: 0.5em 1em;
}


/* Grouped Inputs */

.pure-form .pure-group fieldset {
	margin-bottom: 10px;
}

.pure-form .pure-group input {
	display: block;
	padding: 10px;
	margin: 0;
	border-radius: 0;
	position: relative;
	top: -1px;
}

.pure-form .pure-group input:focus {
	z-index: 2;
}

.pure-form .pure-group input:first-child {
	top: 1px;
	border-radius: 4px 4px 0 0;
}

.pure-form .pure-group input:last-child {
	top: -2px;
	border-radius: 0 0 4px 4px;
}

.pure-form .pure-group button {
	margin: 0.35em 0;
}

.pure-form .pure-input-1 {
	width: 100%;
}

.pure-form .pure-input-2-3 {
	width: 66%;
}

.pure-form .pure-input-1-2 {
	width: 50%;
}

.pure-form .pure-input-1-3 {
	width: 33%;
}

.pure-form .pure-input-1-4 {
	width: 25%;
}


/* Inline help for forms */


/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */

.pure-form .pure-help-inline,
.pure-form-message-inline {
	display: inline-block;
	padding-left: 0.3em;
	color: #666;
	vertical-align: middle;
	font-size: 0.875em;
}


/* Block help for forms */

.pure-form-message {
	display: block;
	color: #666;
	font-size: 0.875em;
}

@media only screen and (max-width: 480px) {
	.pure-form button[type="submit"] {
		margin: 0.7em 0 0;
	}
	.pure-form input:not([type]),
	.pure-form input[type="text"],
	.pure-form input[type="password"],
	.pure-form input[type="email"],
	.pure-form input[type="url"],
	.pure-form input[type="date"],
	.pure-form input[type="month"],
	.pure-form input[type="time"],
	.pure-form input[type="datetime"],
	.pure-form input[type="datetime-local"],
	.pure-form input[type="week"],
	.pure-form input[type="number"],
	.pure-form input[type="search"],
	.pure-form input[type="tel"],
	.pure-form input[type="color"],
	.pure-form label {
		margin-bottom: 0.3em;
		display: block;
	}
	.pure-group input:not([type]),
	.pure-group input[type="text"],
	.pure-group input[type="password"],
	.pure-group input[type="email"],
	.pure-group input[type="url"],
	.pure-group input[type="date"],
	.pure-group input[type="month"],
	.pure-group input[type="time"],
	.pure-group input[type="datetime"],
	.pure-group input[type="datetime-local"],
	.pure-group input[type="week"],
	.pure-group input[type="number"],
	.pure-group input[type="search"],
	.pure-group input[type="tel"],
	.pure-group input[type="color"] {
		margin-bottom: 0;
	}
	.pure-form-aligned .pure-control-group label {
		margin-bottom: 0.3em;
		text-align: left;
		display: block;
		width: 100%;
	}
	.pure-form-aligned .pure-controls {
		margin: 1.5em 0 0 0;
	}
	/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
	.pure-form .pure-help-inline,
	.pure-form-message-inline,
	.pure-form-message {
		display: block;
		font-size: 0.75em;
		/* Increased bottom padding to make it group with its related input element. */
		padding: 0.2em 0 0.8em;
	}
}


/*csslint adjoining-classes:false, outline-none:false*/


/*TODO: Remove this lint rule override after a refactor of this code.*/

.pure-menu ul {
	position: absolute;
	visibility: hidden;
}

.pure-menu.pure-menu-open {
	visibility: visible;
	z-index: 2;
	width: 100%;
}

.pure-menu ul {
	left: -10000px;
	list-style: none;
	margin: 0;
	padding: 0;
	top: -10000px;
	z-index: 1;
}

.pure-menu>ul {
	position: relative;
}

.pure-menu-open>ul {
	left: 0;
	top: 0;
	visibility: visible;
}

.pure-menu-open>ul:focus {
	outline: 0;
}

.pure-menu li {
	position: relative;
}

.pure-menu a,
.pure-menu .pure-menu-heading {
	display: block;
	color: inherit;
	line-height: 1.5em;
	padding: 5px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.pure-menu.pure-menu-horizontal>.pure-menu-heading {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	vertical-align: middle;
}

.pure-menu.pure-menu-horizontal>ul {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}

.pure-menu li a {
	padding: 5px 20px;
}

.pure-menu-can-have-children>.pure-menu-label:after {
	content: '\25B8';
	float: right;
	/* These specific fonts have the Unicode char we need. */
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
	margin-right: -20px;
	margin-top: -1px;
}

.pure-menu-can-have-children>.pure-menu-label {
	padding-right: 30px;
}

.pure-menu-separator {
	background-color: #dfdfdf;
	display: block;
	height: 1px;
	font-size: 0;
	margin: 7px 2px;
	overflow: hidden;
}

.pure-menu-hidden {
	display: none;
}


/* FIXED MENU */

.pure-menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


/* HORIZONTAL MENU CODE */


/* Initial menus should be inline-block so that they are horizontal */

.pure-menu-horizontal li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}


/* Submenus should still be display: block; */

.pure-menu-horizontal li li {
	display: block;
}


/* Content after should be down arrow */

.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after {
	content: "\25BE";
}


/*Add extra padding to elements that have the arrow so that the hover looks nice */

.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label {
	padding-right: 30px;
}


/* Adjusting separator for vertical menus */

.pure-menu-horizontal li.pure-menu-separator {
	height: 50%;
	width: 1px;
	margin: 0 7px;
}


/* Submenus should be horizontal separator again */

.pure-menu-horizontal li li.pure-menu-separator {
	height: 1px;
	width: auto;
	margin: 7px 2px;
}


/*csslint adjoining-classes:false*/


/*TODO: Remove this lint rule override after a refactor of this code.*/


/* MAIN MENU STYLING */

.pure-menu.pure-menu-open,
.pure-menu.pure-menu-horizontal li .pure-menu-children {
	background: #fff;
	/* Old browsers */
	border: 1px solid #b7b7b7;
}


/* remove borders for horizontal menus */

.pure-menu.pure-menu-horizontal,
.pure-menu.pure-menu-horizontal .pure-menu-heading {
	border: none;
}


/* LINK STYLES */

.pure-menu a {
	border: 1px solid transparent;
	border-left: none;
	border-right: none;
}

.pure-menu a,
.pure-menu .pure-menu-can-have-children>li:after {
	color: #777;
}

.pure-menu .pure-menu-can-have-children>li:hover:after {
	color: #fff;
}


/* Focus style for a dropdown menu-item when the parent has been opened */

.pure-menu .pure-menu-open {
	background: #dedede;
}

.pure-menu li a:hover,
.pure-menu li a:focus {
	background: #eee;
}


/* DISABLED STATES */

.pure-menu li.pure-menu-disabled a:hover,
.pure-menu li.pure-menu-disabled a:focus {
	background: #fff;
	color: #bfbfbf;
}

.pure-menu .pure-menu-disabled>a {
	background-image: none;
	border-color: transparent;
	cursor: default;
}

.pure-menu .pure-menu-disabled>a,
.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after {
	color: #bfbfbf;
}


/* HEADINGS */

.pure-menu .pure-menu-heading {
	color: #565d64;
	text-transform: uppercase;
	font-size: 90%;
	margin-top: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}


/* ACTIVE MENU ITEM */

.pure-menu .pure-menu-selected a {
	color: #000;
}


/* FIXED MENU */

.pure-menu.pure-menu-open.pure-menu-fixed {
	border: none;
	border-bottom: 1px solid #b7b7b7;
}


/*csslint box-model:false*/


/*TODO: Remove this lint rule override after a refactor of this code.*/

.pure-paginator {
	/* `pure-g` Grid styles */
	letter-spacing: -0.31em;
	/* Webkit: collapse white-space between units */
	*letter-spacing: normal;
	/* reset IE < 8 */
	*word-spacing: -0.43em;
	/* IE < 8: collapse white-space between units */
	text-rendering: optimizespeed;
	/* Webkit: fixes text-rendering: optimizeLegibility */
	/* `pure-paginator` Specific styles */
	list-style: none;
	margin: 0;
	padding: 0;
}

.opera-only :-o-prefocus,
.pure-paginator {
	word-spacing: -0.43em;
}


/* `pure-u` Grid styles */

.pure-paginator li {
	display: inline-block;
	*display: inline;
	/* IE < 8: fake inline-block */
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}

.pure-paginator .pure-button {
	border-radius: 0;
	padding: 0.8em 1.4em;
	vertical-align: top;
	height: 1.1em;
}

.pure-paginator .pure-button:focus,
.pure-paginator .pure-button:active {
	outline-style: none;
}

.pure-paginator .prev,
.pure-paginator .next {
	color: #C0C1C3;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}

.pure-paginator .prev {
	border-radius: 2px 0 0 2px;
}

.pure-paginator .next {
	border-radius: 0 2px 2px 0;
}

@media (max-width: 480px) {
	.pure-menu-horizontal {
		width: 100%;
	}
	.pure-menu-children li {
		display: block;
		border-bottom: 1px solid black;
	}
}

.pure-table {
	/* Remove spacing between table cells (from Normalize.css) */
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb;
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center;
}

.pure-table td,
.pure-table th {
	border-left: 1px solid #cbcbcb;
	/*  inner column border */
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	/*to make ths where the title is really long work*/
	padding: 0.5em 1em;
	/* cell padding */
}

.pure-table td:first-child,
.pure-table th:first-child {
	border-left-width: 0;
}

.pure-table thead {
	background: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}


/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/

.pure-table td {
	background-color: transparent;
}

.pure-table-odd td {
	background-color: #f2f2f2;
}


/* nth-child selector for modern browsers */

.pure-table-striped tr:nth-child(2n-1) td {
	background-color: #f2f2f2;
}


/* BORDERED TABLES */

.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb;
}

.pure-table-bordered tbody>tr:last-child td,
.pure-table-horizontal tbody>tr:last-child td {
	border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #cbcbcb;
}

.pure-table-horizontal tbody>tr:last-child td {
	border-bottom-width: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}


/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
}

ol,
ul {
	list-style: none;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

html,
button,
input,
select,
textarea,
.pure-g [class *="pure-u"] {
	/* ����ջд����: */
	font-family: "Microsoft YaHei Light", Georgia, Times, "Times New Roman", serif;
}

h1 {
	font-family: "Microsoft YaHei";
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	color: #fe8431;
	padding-top: 130px;
}


/*
@import url('webfont.css');
*/


/* =Base
============================================================================== */


/* =General
	-------------------------------------------------------------------------- */

html {
	min-width: 300px;
	max-width: 1920px;
}

body {
	height: 100%;
	font-family: "Microsoft YaHei Light", sans-serif;
	color: #333333;
}

.clear {
	clear: both;
}

.li_last {
	margin-right: 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.wrapper {
	margin: 0px auto;
	overflow: hidden;
}

.go_btn a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 220px;
	background: blue;
	background: -webkit-linear-gradient(left, #C970E6, #3F95F2);
	background: -o-linear-gradient(right, #C970E6, #3F95F2);
	background: -moz-linear-gradient(right, #C970E6, #3F95F2);
	background: linear-gradient(to right, #C970E6, #3F95F2);
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	transition: background 0.5s;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
}

.go_btn a:hover,
.go_btn a:focus,
.go_btn a:active {
	background: linear-gradient(to right, #3F95F2, #C970E6);
}

.wid {}

.service {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.service .service-int h6 {
	font-size: 38px;
	line-height: 38px;
	color: #d60613;
	margin-top: 152px;
	margin-bottom: 76px;
}

.service .service-int ul li {
	width: 100%;
	height: 39px;
	margin-bottom: 11px;
}

.service .service-int ul li div {
	background: red;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	float: left;
	margin-right: 13px;
}

.service .service-int ul li div img {
	display: block;
	margin: 0 auto;
	margin-top: 12px;
}

.service .service-int ul li p {
	float: left;
	line-height: 39px;
	font-size: 16px;
	color: #666;
}

.service .service-int ul li h5 {
	float: left;
	line-height: 39px;
	font-size: 16px;
	color: #999999;
}

.choice {
	width: 100%;
	height: 600px;
}

.choice .choice-int h6 {
	font-size: 49px;
	line-height: 49px;
	margin-top: 146px;
	color: #333;
	float: right;
	margin-bottom: 32px;
	margin-left: 710px;
}

.choice .choice-int p {
	width: 100%;
	font-size: 23px;
	line-height: 23px;
	color: #6e6e6d;
	float: right;
	text-align: right;
	margin-bottom: 61px;
}

.choice .choice-int h5 {
	width: 240px;
	height: 64px;
	background: #f32936;
	color: #FFF;
	text-align: center;
	line-height: 64px;
	float: right;
	font-size: 23px;
	margin-right: 4px;
	border-radius: 3px;
}

.choice .choice-int h5 a {
	display: block;
	width: 100%;
	height: 100%;
}

.bott {
	width: 100%;
	height: 120px;
	background: #fafafa;
}

.bott a {
	text-decoration: none;
	color: #6b6b6b;
}

.bott .bott-int {
	width: 1200px;
	height: 150px;
	background: #fafafa;
	border-top: 1px;
	margin-right: auto;
	margin-left: auto;
}

.bott .bott-int .zx-lft {
	float: left;
	width: 170px;
	height: 50px;
	margin-top: 40px;
}

.bott .bott-int .zx-lft img {
	width: 100%;
	height: 100%;
}

.bott .bott-int .zx-midd {
	width: 838px;
	height: 120px;
	float: left;
}

.bott .bott-int .zx-midd ul {
	text-align: center;
}

.bott .bott-int .zx-midd ul li {
	float: none;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 14px;
	margin: 0 10px;
	color: #666666;
	margin-top: 53px;
	margin-bottom: 18px;
}

.bott .bott-int .zx-midd p {
	text-align: center;
	color: #A78686;
	font-size: 14px;
	line-height: 14px;
}

.bott .bott-int .zx-rig {
	width: 180px;
	float: right;
	height: 120px;
}

.bott .bott-int .zx-rig p {
	text-align: right;
	color: #d60613;
	font-size: 18px;
	line-height: 18px;
	margin-top: 34px;
	margin-bottom: 11px;
}

.bott .bott-int .zx-rig img {
	width: 100%;
	height: 21px;
}

.clear {
	clear: both
}

.r_1 .wrapper {
	background: url("../images/hand.jpg")
 no-repeat;
	width: 100%;
	height: 648px;
	text-align: center
}

.r_1_list {
	float: left;
	position: relative;
	left: 50%;
}

.r_1_list li {
	float: left;
	margin-left: 42px;
	position: relative;
	right: 50%;
}

.r_1_list li.icon_next {
	margin-top: 24px
}

.r_1_list li dl dd {
	font-size: 12px;
	color: #b5b5b5;
	font-family: 'Microsoft YaHei';
	margin-top: 24px
}

.r_1 h2 {
	font-size: 36px;
	margin-top: 60px;
	font-weight: normal;
}

.r_2 {
	background: #1d65d4;
	color: #fff;
	text-align: center
}

.r_2 table {
	border-collapse: collapse;
	width: 1110px;
	text-align: center;
	margin: 60px auto;
}

.r_2 table td {}

.r_2 table tr td,
th {
	border: 1px solid #5e91e0;
}

.r_2 table tr {
	height: 70px;
}

.r_2 table td.th1 {
	width: 150px;
}

.r_2 table td.th2 {
	width: 470px;
}

.r_2 table td.th3 {
	width: 470px;
}

.r_2 table td.th {
	font-size: 23px
}

.r_2 table td.td1 {
	font-size: 18px;
	font-weight: bold;
	font-family: 'Microsoft YaHei';
	text-align: right;
}

.r_2 table td.td2 {
	font-size: 20px;
	text-align: left;
	padding-left: 86px
}

.r_2 table tbody tr td.table_title {
	font-size: 18px;
	line-height: 38px;
	width: 150px;
	text-align: right;
}

.r_2 table tbody tr td.table_contant {
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	line-height: 32px;
}

.r_2 h2 {
	margin-top: 60px;
	font-size: 36px;
	font-weight: normal;
}

.r_3 {
	text-align: center;
}

.r_3 h2 {
	margin-top: 100px;
	font-size: 36px;
	font-weight: normal;
}

.step_line {
	float: left;
	position: relative;
	left: 50%;
	height: 200px;
}

.step_line li {
	float: left;
	margin-top: 58px;
	position: relative;
	right: 50%;
}

.step_line li.step {
	background: url("../images/spot.png")
 no-repeat;
	width: 31px;
	height: 31px;
}

.step_line li.line {
	background: url("../images/point_line.png")
 repeat-x left center;
	height: 31px;
}

.step_line .setp_text {
	position: relative;
	top: 50px;
	width: 144px;
	left: -60px;
	text-align: center;
	font-size: 14px;
	font-family: 'Microsoft YaHei'
}

.step_line .setp_text p {
	margin-bottom: 8px
}

.r_4 {
	text-align: center
}

.r_4 h2 {
	margin-top: 120px;
	font-size: 36px;
	font-weight: normal;
}

.r_4 dl.leftT {
	color: #fff;
	margin: 104px 280px;
	text-align: right;
	float: right;
	width: 340px;
}

.r_4 dl.rightT {
	color: #232323;
	margin: 104px 280px;
	text-align: left;
	float: left;
	width: 340px;
}

.r_4 dl dt {
	font-size: 36px;
	font-family: 'Microsoft YaHei';
	font-weight: bold;
	margin-bottom: 36px
}

.r_4 dl dd p {
	font-size: 18px;
	margin-bottom: 12px
}

.r_4 table {
	width: 100%;
	margin-top: 52px
}

.r_4 table tr td,
th {
	border: none;
}

.r_4 table tr {
	height: 96px;
}

.r_4 table td.td1 {
	width: 41%;
	font-size: 18px;
	text-align: right
}

.r_4 table td.td3 {
	width: 41%;
	font-size: 18px;
	text-align: left
}

.r_4 table td img.l {
	margin-bottom: 4px;
	margin-left: 22px;
	margin-right: 40px;
	vertical-align: middle
}

.r_4 table td img.r {
	margin-bottom: 4px;
	margin-left: 40px;
	margin-right: 22px;
	vertical-align: middle
}

.r_4 table td.td2 {
	width: 8%;
}

.r_4 table td.td2 .c_m {
	width: 74px;
	height: 48px;
	background: url("../images/circle.png")
 no-repeat;
	color: #2e2e2e;
	font-size: 22px;
	font-family: 'Microsoft YaHei';
	font-weight: bold;
	padding-top: 26px;
	text-align: center;
	margin: 0px auto
}

.r_4 table tr:hover .c_m {
	background: url("../images/circle_hover.png")
 no-repeat;
	color: #fff;
}

.r_5 {
	background: #1d65d4;
	color: #fff;
	text-align: center
}

.r_6 {
	text-align: center
}

.r_6 h2 {
	margin-top: 100px;
	font-size: 36px;
	font-weight: normal;
}

.r_6 table {
	width: 100%;
	margin-top: 40px;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	vertical-align: middle
}

.r_6 table th {
	background-color: #E4ECFA;
	font-size: 18px;
}

.r_6 table td {
	text-align: center;
	color: #7b7b7b
}

.r_6 table th,
td {
	font-size: 16px;
	font-family: 'Microsoft YaHei Light';
}

.r_6 table .r_6_b {
	text-align: center;
	color: #414141;
	font-size: 18px;
}

.r_6 table tr td,
th {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.r_6 table tr {
	height: 46px;
}

.r_6 table th,
td {
	vertical-align: middle
}

.r_6 table td.name {
	padding-left: 32px;
	font-size: 14px;
	text-align: left;
}

.r_6 table td .cz {
	width: 21px;
	height: 21px;
	position: absolute;
	float: left;
	margin-left: 32px;
	background: url("../images/yes.png")
 no-repeat;
}

.r_6 table td .cn {
	width: 21px;
	height: 21px;
	position: absolute;
	float: left;
	margin-left: 32px;
	background: url("../images/no.png")
 no-repeat;
}

.r_7 {
	width: 100%;
	height: 600px;
	overflow: hidden;
	text-align: left;
	background-image: url("../images/back1.jpg")
;
	background-repeat: no-repeat;
	background-position: center;
}

.r_7 h2 {
	margin-top: 150px;
	padding-bottom: 75px;
	font-size: 36px;
	font-weight: normal;
}

.r_7 ul li {
	width: 100%;
	height: 39px;
	margin-bottom: 11px;
}

.r_7 ul li div {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	float: left;
	margin-right: 13px;
	background-color: #00F;
}

.r_7 ul li div img {
	display: block;
	margin: 0 auto;
	margin-top: 12px;
}

.r_7 ul li p {
	float: left;
	line-height: 39px;
	font-size: 16px;
	color: #666;
}


/* focus */

.focus {
	width: 100%;
	height: 280px;
	float: left;
	position: relative;
	margin-top: 70px;
	margin-bottom: 50px
}

.focus #pic {
	width: 1200px;
	height: 250px;
	overflow: hidden;
}

.focus #tip {
	width: 300px;
	height: 14px;
	position: absolute;
	left: 48%;
	margin: 10px auto;
	z-index: 13;
}

.focus #tip ul li {
	width: 6px;
	height: 6px;
	float: left;
	display: inline;
	margin: 0 5px;
	cursor: pointer;
	background: url("../images/smaill_circle_2.png")
 no-repeat;
}

.focus #tip ul li.current {
	background: url("../images/smaill_circle_1.png")
 no-repeat;
}

.focus .show {
	display: block!important;
}

.focus #pic ul {
	float: left;
	left: 50%;
	width: 4800px;
}

.focus #pic ul li {
	float: left;
	margin: 0 auto;
	right: 50%;
	width: 1200px;
}

.focus #pic .photo {
	float: left;
	margin-left: 100px;
	margin-top: 14px
}

.focus #pic .title {
	float: left;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	margin-right: 30px
}

.focus #pic ul li dl dt {
	margin-bottom: 16px;
	margin-left: 34px
}

.focus #pic ul li dl dd {
	text-align: left;
	font-weight: normal;
	font-family: 'Microsoft YaHei Light';
	font-size: 14px;
	line-height: 20px;
	width: 812px;
	margin-left: 34px
}

.focus #pic .datetime {
	float: right;
	font-size: 12px;
	font-family: 'Microsoft YaHei Light';
	margin-top: 10px;
}

.focus #pic .icon_star {
	background: url("../images/star.png")
 no-repeat;
	width: 14px;
	height: 12px;
	float: left;
}

.r_8 {
	text-align: center
}

.r_8 h2 {
	margin-top: 96px;
	font-size: 36px;
	font-weight: normal;
}

.r_8 h3 {
	font-weight: normal;
}

.r_8 ul {
	margin-top: 46px
}

.r_8 ul li {
	text-align: left;
	clear: both;
	height: 20px;
	padding: 30px 0px 0px 0px
}

.r_8 ul li.b_line {
	border-bottom: 1px dotted #cfcfcf;
	padding: 18px 0px 30px 0px
}

.r_8 ul li .icon_q {
	float: left;
	margin: 0px 0px 0px 72px;
	background: url("../images/q_icon.png")
 no-repeat;
	width: 19px;
	height: 19px;
}

.r_8 ul li .icon_a {
	float: left;
	margin: 0px 0px 0px 72px;
	background: url("../images/a_icon.png")
 no-repeat;
	width: 19px;
	height: 19px;
}

.r_8 ul li .q {
	float: left;
	margin: 0px 0px 0px 10px;
	font-size: 18px;
}

.r_8 ul li .a {
	float: left;
	margin: 2px 0px 0px 10px;
	font-size: 14px;
}

.r_8 ul li .datetime {
	float: right;
	margin: 3px 24px 0px 0px;
	font-family: 'Microsoft YaHei';
	font-size: 12px;
	color: #6f6f6f;
}

.r_9 {
	width: 100%;
	height: 600px;
	text-align: right;
	background-image: url("../images/back2.jpg")
;
	background-repeat: no-repeat;
	background-position: center;
}

.r_9 h2 {
	margin-top: 100px;
	font-size: 36px;
	margin-bottom: 32px;
	font-weight: normal;
}

.r_9 p {
	width: 100%;
	font-size: 23px;
	line-height: 23px;
	color: #6e6e6d;
	float: right;
	text-align: right;
	margin-bottom: 61px;
}

.r_10 {
	text-align: center
}

.r_10 h2 {
	margin-top: 100px;
	font-size: 36px;
	font-weight: normal;
}

.r_10 ul {
	float: left;
	position: relative;
	left: 50%;
}

.r_10 ul li {
	float: left;
	margin: 66px auto 96px auto;
	position: relative;
	right: 50%;
	width: 280px;
}

.r_10 ul li .r_10_l_img {
	border-right: 1px solid #DBDBDB;
	padding: 14px 0px;
}

.r_10 ul li p {
	margin-top: 40px
}

.r_11 {
	background: #1d65d4;
	color: #fff;
	text-align: center
}

.r_11 ul {
	float: left;
	position: relative;
	left: 50%;
}

.r_11 ul li {
	float: left;
	margin: 60px 80px 0px auto;
	position: relative;
	right: 50%;
	width: 292px;
}

.r_11 ul li .r_10_l_img {
	padding: 14px 0px;
}

.r_11 ul li p {
	margin-top: 50px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	line-height: 26px;
}

.r_13 p {
	text-align: center
}

.r_14 {
	text-align: center
}

.r_14 h2 {
	margin-top: 100px;
	font-size: 36px;
	font-weight: normal;
}

.r_14 h4 {
	font-size: 16px;
	;
	font-weight: normal;
}

.r_14 ul {
	float: left;
	position: relative;
	left: 50%;
}

.r_14 ul li {
	float: left;
	margin: 6px auto 36px auto;
	position: relative;
	right: 50%;
	width: 280px;
}

.r_14 ul li .r_14_l_img {
	border-right: 1px solid #DBDBDB;
	padding: 14px 0px;
}

.r_14 p {
	margin-bottom: 40px;
}

.r_14 a {
	color: #6b6b6b;
	text-decoration: none;
}

.r_14 a:hover {
	color: #f60;
}

.r_14 a:hover {
	color: #f60;
}

.footer {
	padding: 58px 0px;
	background: #fff;
	text-align: center;
	font-family: 'NSimSun';
	font-size: 12px;
	color: #9c9c9c;
	line-height: 24px;
}
.ll_pl{ display:none;}
@media screen and (max-width: 720px) {
	
	.ll_pl{ position:fixed; bottom:0px; left:0px; color:#000; z-index:999; background-color:#000;text-decoration: none;
	color: #ffffff;
	display: block;
	width: 100%; font-size:30px;
	background: blue;
	background: -webkit-linear-gradient(left, #C970E6, #3F95F2);
	background: -o-linear-gradient(right, #C970E6, #3F95F2);
	background: -moz-linear-gradient(right, #C970E6, #3F95F2);
	background: linear-gradient(to right, #C970E6, #3F95F2);
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 10px;
	transition: background 0.5s;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;}
	
	}