/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup,
	main, nav, section, summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio
:not
 
(
[
controls
]
 
)
{
display
:
 
none
;

	
height
:
 
0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
	display: none;
}

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

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * 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;
}

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

/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg
:not
 
(
:root
 
)
{
overflow
:
 
hidden
;


}

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

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

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

/**
 * 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 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ 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 8+.
 * 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.
 */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"]
	{
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * 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.
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 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 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 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;
}

/**
* layout styles
*/
.box-30 {
	width: 30%;
}

.box-40 {
	width: 40%;
}

.box-50 {
	width: 50%;
}

.box-55 {
	width: 55%;
}

.box-60 {
	width: 60%;
}

.box-70 {
	width: 70%;
}

.box-100px {
	width: 100px;
}

.box-170px {
	width: 170px;
}

.box-200px {
	width: 200px;
}

.box-270px {
	width: 270px;
}

.center-40 {
	margin: 0 auto;
	width: 40%;
}

.align-right {
	text-align: right;
}

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

.align-middle {
	vertical-align: middle;
}

.box {
	float: left;
	width: 100%;
}

.left {
	float: left
}

.right {
	float: right
}

.hidden {
	display: none
}

.padding-box {
	margin: 10px 0 0 10px;
	/*width:body-width -20;*/
	font-size: 14px;
	line-height: 20px;
}

.block {
	display: block;
}

.left-block, .default-menu .active a {
	display: block;
	float: left;
}

.reset-pm {
	padding: 0;
	margin: 0;
}

.reset-pm-bot {
	padding-bottom: 0;
	margin-bottom: 0;
}

.p-tb-20 {
	padding: 20px 0;
	margin: 0;
}

.p-lr-20 {
	padding: 0 20px;
	margin: 0;
}

.p-lrt-20 {
	padding: 20px 20px 0 20px;
	margin: 0;
}

.p20 {
	padding: 20px;
	margin: 0;
}

.p40 {
	padding: 40px;
	margin: 0;
}

.m-tb-20 {
	padding: 0;
	margin: 20px 0;
}

.orange, #top-menu li .orange {
	color: #f03800;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.lh28 {
	line-height: 28px;
}

.light-grey-bg {
	background: #f6f6f6;
}

/**
* defaults
*/
pre {
	padding: 0;
	margin: 0;
}

.center {
	margin: 0 auto;
	width: 1000px;
	max-width: 95%;
}

:focus {
	outline: none
}

img {
	border: 0
}

table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

tr, td {
	padding: 0;
	margin: 0;
}

#page-content {
	padding-bottom: 30px
}

h2 {
	font-size: 16px;
	margin: 30px 0 0 0;
	padding: 0;
}

/**
* text styles
*/
.text-shadow, .default-menu li a {
	text-shadow: 1px 1px 1px #fff;
}

.title-15 {
	font-size: 15px;
}

.title-24-orange {
	font-size: 24px;
	color: #f03800;
}

.title-24-blue {
	font-size: 24px;
	color: #0381bb;
}

.title-24-blue a {
	font-weight: normal;
}

.title-16-bold-black2 {
	color: #27252a;
	font-size: 16px;
	font-weight: bold;
}

.title-16-underline-normal {
	font-size: 16px;
	text-decoration: underline;
	font-weight: normal;
}

.title-18-brown {
	font-size: 18px;
	color: #8A2800;
}

.h1-30-normal {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 30px;
	font-weight: normal;
}

/**
* lists and menus
*/
.hmenu {
	padding: 0;
	margin: 0;
	list-style: none;
}

.hmenu li {
	float: left;
}

.vmenu {
	list-style-type: square;
	margin: 20px;
	padding: 0 0 0 10px;
}

.arrows-menu li, .arrows-menu-p20 li {
	list-style-image: url("../img/common/next.png");
	padding-left: 5px;
}

.arrows-menu .active, .arrows-menu-p20 .active {
	color: #f03800;
}

.default-menu li {
	margin: 0 40px 35px 0;
	padding: 4px 0;
}

.default-menu li a {
	color: #6c6c6c;
}

.default-menu .orange {
	color: #f03800;
}

.default-menu .active {
	border-bottom: 1px solid #fff;
	border-radius: 3px;
	padding: 0;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
		color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
}

.default-menu .active a {
	padding: 3px 15px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
}

.arrows-menu-p20 {
	margin-top: 50px;
}

.arrows-menu-p20 li {
	padding-bottom: 20px;
}

.related-projects li {
	margin-right: 10px;
}

/**
* website elements
*/
#black-top-bar {
	height: 45px;
	background: #27252a url("../images/black-bg.png");
}

#header {
	border-bottom: 1px solid #fff;
}

#header-box {
	height: 90px;
	border-bottom: 1px solid #e3e3e3;
}

#logo {
	padding: 0;
	margin: 0;
	line-height: 90px;
}

#top-menu li {
	margin: 35px 0 0 40px;
}

#bread-crumbs {
	background: #ececec;
	border-bottom: 1px solid #e3e3e3;
}

#bread-crumbs p {
	padding: 10px 0;
	margin: 0;
}

#bread-crumbs-box {
	border-bottom: 1px solid #fff;
	margin-bottom: 25px;
}

#main-content {
	min-height: 600px;
}

#footer {
	background: #27252a url("../images/black-bg.png");
	height: 300px;
	color: #f1f1f1;
}

#footer a {
	font-weight: normal;
}

#footer #footer-content {
	margin-top: 150px;
}

#donate {
	background: #fff;
	border: 1px solid #6c6c6c;
	border-radius: 3px;
	padding: 25px;
	text-align: center;
}

/**
* images
*/
.border-img {
	border: 4px solid #fff;
	outline: 1px solid #c4c4c4;
}

.border-img-black {
	border: 1px solid #000;
}

.border-img-grey4 {
	border: 1px solid #c4c4c4;
}

/**
* buttons
*/
.white-btn, .big-white-btn {
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	color: #6c6c6c;
	font-weight: normal;
	padding: 5px 10px;
	display: inline-block;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
		color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
}

.white-btn {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefef', GradientType=0);
}

.big-white-btn {
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	margin: 0 20px 20px 0
}

.white-btn.orange, .big-white-btn.orange {
	color: #f03800;
	border: 1px solid #fca185;
}

.white-btn.blue, .big-white-btn.blue {
	color: #0381bb;
	border: 1px solid #85baf7;
}

.white-btn.grey, .big-white-btn.grey {
	border: 1px solid #c4c4c4;
}

.grid-item {
	width: 300px;
	margin: 0 50px 30px 0;
}

.grid-item .title-15 p {
	margin-bottom: 0;
}

.grid-item .links a {
	font-size: 12px;
}

.grid-item-last {
	margin-right: 0;
}

.demo-preview {
	background: #fff;
	margin: 10px 0 40px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
}

.demo-preview img {
	max-width: 100%;
}

.vspacer {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #fff;
	line-height: 1px;
	font-size: 1px;
}

.example-demo {
	padding: 70px 0;
	background: #F8F8FF;
	margin: 10px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
}

.note {
	margin-bottom: 60px;
	text-align: center;
}

/**
* media queries
*/
@media only screen and (max-width: 1050px) {
	.grid-item {
		width: 100%;
		margin-bottom: 20px;
	}
	.grid-item .img {
		float: left;
		width: 30%;
	}
	.grid-item .img img {
		max-width: 100%
	}
	.grid-item .desc {
		float: right;
		width: 65%
	}
}

@media only screen and (max-width: 930px) {
	#header-box {
		height: auto
	}
	#logo {
		width: 100%
	}
	.default-menu, #top-menu {
		width: 100%;
	}
	.default-menu li, #top-menu li {
		margin: 0;
		clear: both
	}
	.default-menu .active, #top-menu .active {
		margin: 5px 0
	}
}

@media only screen and (max-width: 790px) {
	.ios-100 {
		width: 100%
	}
	.ios-align-left {
		text-align: left
	}
	.ios-hide {
		display: none
	}
	#donate {
		float: left;
		margin-top: 20px
	}
}

@media only screen and (max-width: 500px) {
	.grid-item {
		width: 100%;
		margin-bottom: 20px;
	}
	.grid-item .img {
		width: 100%;
	}
	.grid-item .img img {
		max-width: 100%
	}
	.grid-item .desc {
		width: 100%
	}
}

/**
* elements with icons
*/
.icon, .github-icon, .view-icon, .download-icon, .paypal-icon,
	.codecanyon-icon {
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px;
}

.github-icon {
	background: url("../images/github.png") no-repeat 0 50%;
}

.view-icon {
	background: url("../images/view.png") no-repeat 0 50%;
}

.download-icon {
	background: url("../images/download.png") no-repeat 0 50%;
}

.paypal-icon {
	background: url("../images/paypal.png") no-repeat 0 50%;
	padding-left: 45px;
	background-position: 0 17px;
}

.codecanyon-icon {
	background: url("../images/codecanyon.png") no-repeat 0 50%;
	padding-left: 45px;
	background-position: 0 4px;
}

.read-more-blue-icon {
	background: url("../images/next-blue.png") no-repeat center right;
	padding-right: 15px;
}

.read-more-orange-icon {
	background: url("../images/next-orange.png") no-repeat center right;
	padding-right: 15px;
}

/**
* settings table
*/
.settings-tbl {
	border-collapse: collapse;
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 40px;
	background: #fff;
	width: 100%;
}

.settings-tbl td, .settings-tbl th {
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 5px 15px;
	margin: 0;
}

.settings-tbl .options {
	font-weight: bold;
}

.settings-tbl .values, .settings-tbl .defaults {
	font-style: italic;
}

/**
* jsdoc
*/
#jsdoc-iframe {
	height: 1000px;
	width: 100%;
	background: #fff;
	border: 1px solid #ECECEC;
}

p.shouyee {
	font-size: 20.51px;
	text-align: -webkit-right;
}

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	
}

.suCai17-content {
	position: relative;
	width: 1300px;
	margin: 0 auto;
	padding: 0 10px;
	clear: both;
	/* height: 900px; */
}

.suCai17-background {
	width: 100%;
	/* background: #f7f9fa; */
	margin: 40px 0;
	position: relative;
	/* -webkit-box-shadow: 0px 0px 8px rgba(99,127,136,.2); */
	-moz-box-shadow: 0px 0px 8px rgba(99, 127, 136, .2);
	/* box-shadow: 0px 0px 8px rgba(99,127,136,.2); */
	-moz-border-radius: 4px;
	/* -webkit-border-radius: 4px; */
	/* border-radius: 4px; */
	/* height: 107%; */
}

.suCai17-nav {
	height: 400px;
	width: 289px;
	float: left;
}

.suCai17-logo {
	width: 140px;
	margin: 23px 20px 0 30px;
}

.suCai17-logo img {
	width: 140px;
	height: auto;
	display: block;
	border: none;
}

.IMG {
	margin-top: 12%;
	width: 59%;
}

.suCai17-search {
	height: 78px;
	position: absolute;
	right: 45px;
	top: 0;
	background: #fff;
	z-index: 1002;
	padding-top: 20px;
}

.suCai17-search-input {
	border: 1px #e5e6e6 solid;
	background: #fff;
	padding: 0 10px;
	float: left;
	position: relative;
	width: 670px;
	height: 44px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.suCai17-search-input input {
	font-size: 14px;
	color: #313534;
	padding: 10px 0;
	line-height: 22px;
	width: 643px;
	border: none;
	background: none;
}

.suCai17-search-input:hover {
	border: 1px solid #08acee;
}

.suCai17-search-btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	padding: 0px 11px;
	background: #2698e4;
	float: right;
	width: 122px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	margin-left: 15px;
}

.suCai17-nav-list .suCai17-item {
	/* margin-top: 14px; */
	/* border-left: 2px #f7f9fa solid; */
	/* padding-left: 18px; */
	height: 63px;
	cursor: pointer;
	font-size: 19px;
	line-height: 63px;
}

.suCai17-nav-list .suCai17-item.on {
	background: #ff0000;
	border-color: #ff0000;
	color: white;
}

.icon {
	width: 22px;
	height: 22px;
	display: block;
	float: left;
	margin-right: 8px;
	margin-top: 15px;
}

.suCai17-info ul li h2 {
	font-weight: normal;
	color: red;
	text-align: center;
	/* font-size: 16px; */
}

.suCai17-info ul li h3 {
	font-weight: normal;
	color: #666;
	font-size: 16px;
}

.lin {
	width: 63px;
	height: 1px;
	background: #313534;
	margin: 8px 0 10px 0;
}

.suCai17-side {
	padding-top: 1px;
}

.suCai17-info .suCai17-side h3 {
	color: #333;
	font-weight: 800;
	font-size: 26px;
	padding-bottom: 10px;
	cursor: pointer;
}

.suCai17-info .suCai17-side h3:hover {
	color: #08acee;
}

.suCai17-info .suCai17-side ul {
	padding-top: 14px;
}

.suCai17-info .suCai17-side ul li {
	color: #999;
	font-size: 20.32px;
	padding: 14px 0;
}

.suCai17-info ul li .suCai17-info-title {
	font-size: 14px;
	padding-bottom: 4px;
}

.suCai17-info ul li h4 {
	font-size: 14px;
	padding-bottom: 10px;
}

.table-pub {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.table-pub table {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
}

.table-pub table tr th {
	background: #f5f5f5;
	padding: 20px 0;
	color: #333;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table-pub table tr td {
	padding: 15px 0;
	color: #333;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}

.table-pub table tr td a {
	background: #08acee;
	color: #fff;
	text-decoration: inherit;
	padding: 5px 10px;
}

li.xindi {
	text-align: -webkit-left;
}

.gognsi {
	font-size: 18px;
	margin-top: 2%;
}

.dianh {
	font-size: 18px;
	color: red;
	line-height: 2;
}

span.gongsi {
	font-size: 18px;
}

.one1 {
	font-size: 12.8px;
	text-align: center;
	font-family: "兰亭细黑 GBK";
}

.IMGS {
	margin-top: 4%;
	width: 80%;
	margin-left: 10%;
	/* text-align: center; */
}

.jianjie {
	margin-left: 5%;
	margin-top: 0%;
	width: 27%;
}

.jianjies {
	margin-left: 40%;
	width: 27%;
}

.jianjies {
	margin-left: 69%;
	width: 28%;
	margin-top: -8%;
}

.dalao {
	color: #7b7b7b;
	width: 650px;
	margin-top: -17%;
	text-indent: 2em;
	font-size: 20.32px;
}

span.duoe {
	color: #7b7b7b;
	display: flex;
	margin-top: 6%;
	font-size: 20.32px;
	text-indent: 2;
	text-indent: 2em;
}

.he {
	color: #80808030;
	text-align: center;
	font-size: 31.75px;
	margin-top: 4%;
}

span.duoee {
	font-size: 20.32px;
	display: inherit;
	margin-top: 2%;
	color: #7B7B7B;
}

img.zhegnshu {
	width: 99%;
}

a.OM:hover {
	color: black;
	text-decoration: none;
}

.demo {
	background: #fff;
	padding: 2em 0;
}

.main-timeline {
	width: 80%;
	margin: 20px auto;
	position: relative;
}

.main-timeline:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #999999bd;
	margin: 0 0 0 -1px;
	position: absolute;
	top: 0;
	left: 50%;
}

.main-timeline .timeline {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.main-timeline .timeline:after {
	content: "";
	display: block;
	clear: both;
}

.main-timeline .timeline-content {
	width: 40%;
	float: left;
	margin: 5px 0 0 0;
	border-radius: 6px;
}

.main-timeline .date {
	display: block;
	width: 13px;
	height: -1px;
	border-radius: 50%;
	background: #000;
	padding: 5px 0;
	margin: 6px 0 0 -5.9%;
	position: absolute;
	top: 0;
	left: 55%;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	border: 2px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 0 1px #eee;
}

.main-timeline .date span {
	display: block;
	margin-top: 20%;
	color: black;
	font-size: 18px;
	text-align: center;
}

.main-timeline .day, .main-timeline .year {
	font-size: 10px;
}

.main-timeline .month {
	font-size: 18px;
}

.main-timeline .title {
	padding: 15px;
	margin: 0;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
	border-radius: 6px 6px 0 0;
	position: relative;
}

.main-timeline .title:after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 20px;
	right: -5px;
	transform: rotate(-45deg);
}

.main-timeline .description {
	padding: 15px;
	margin: 0;
	font-size: 14px;
	color: #656565;
	background: #eeeeee00;
	border-radius: 0 0 6px 6px;
}

.main-timeline .timeline:nth-child(2n+2) .timeline-content {
	float: right;
}

.main-timeline .timeline:nth-child(2n+2) .title:after {
	left: -5px;
}

.main-timeline .timeline:nth-child(1) .title, .main-timeline .timeline:nth-child(1) .title:after
	{
	color: #ff0808;
	font-size: 30px;
	background: #9f84c400;
}

.main-timeline .timeline:nth-child(2) .title, .main-timeline .timeline:nth-child(2) .title:after
	{
	background: #eeeeee00;
	color: #fd0f0f;
	font-size: 30px;
}

.main-timeline .timeline:nth-child(3) .title, .main-timeline .timeline:nth-child(3) .title:after
	{
	color: #ff0c0c;
	background: #eeeeee00;
	font-size: 30px;
}

.main-timeline .timeline:nth-child(4) .title, .main-timeline .timeline:nth-child(4) .title:after
	{
	color: red;
	background: #eeeeee00;
	font-size: 30px;
}

@media only screen and (max-width: 990px) {
	.main-timeline {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.main-timeline:before, .main-timeline .date {
		left: 6%;
	}
	.main-timeline .timeline-content {
		width: 85%;
		float: right;
	}
	.main-timeline .title:after {
		left: -5px;
	}
}

@media only screen and (max-width: 480px) {
	.main-timeline:before, .main-timeline .date {
		left: 12%;
	}
	.main-timeline .timeline-content {
		width: 75%;
	}
	.main-timeline .date {
		width: 60px;
		height: 60px;
		margin-left: -30px;
	}
	.main-timeline .month {
		font-size: 14px;
	}
}

@media ( min-width : 1200px) .container {
	width
	
	
	:
	 
	
	800
	px
	
	
	;
}

.ID {
	width: 100%;
}

img.imgr {
	margin-left: -41.0%;
	width: 150%;
	margin-top: -7%;
}

h2.d2 {
	font-size: 70px;
	/*! margin-left: -72%; */
	margin-top: -3%;
	color: gray;
}

h2.d1 {
	font-size: 80px;
	/*! margin-left: -60%; */
	color: gray;
}

ul.suCai17-nav-list {
	border: 1px gray solid;
	width: 183px;
}

.img_img {
	margin-top: 20%;
	/* margin-left: 20%; */
}



span.suCai17-title {
	font-family: ·½ÕýÀ¼Í¤ºÚ_YS_BIG5;
	font-size: 24px;
	margin-left: 16%;
}

p.lianxiwomen {
	margin-top: 12%;
	font-size: 24px;
	margin-left: -60%;
}

img.dian {
	margin-right: 9%;
	margin-left: 13%;
}

span.suCai17-title {
	font-size: 24px;
	margin-left: -10%;
}

img.dian {
	margin-right: 9%;
	margin-left: 1%;
}

li.Lev1 {
	text-align: center;
}

img.imgetr {
	width: 100%;
}

span.deo {
	margin-left: 6%;
}

ul.suCai17-nav-list {
	margin-left: 2%;
	border: 1px gray solid;
	width: 267px;
}

span.debe {
	margin-left: -2%;
}

.imge {
	width: 100%;
}

div#ONEE {
	margin-top: 12%;
}

#sedsvc {
	width: 100%;
}

h3.on:hover {
	color: black;
}

img.card-img-top {
	/* width: 81%; */
	margin-top: 1.7%;
	margin-left: 1.7%;
}

.yul {
	width: 100%;
}

@font-face {
	font-family: 方正兰亭黑_YS_BIG5;
	src: url(../../方正兰亭黑_YS_BIG5.TTF);
}

@font-face {
	font-family: 兰亭细黑 GBK;
	src: url(../fonts/å%c2%85°äº­ç»%c2%86é»%c2%91 gbk.ttf);
}

@font-face {
	font-family: SOURCEHANSANSCN-BOLD;
	src: url(../../SOURCEHANSANSCN-BOLD.OTF);
}

.uvprint {
	margin-left: 2%;
	font-size: 25px;
	text-align: center;
	margin-top: 2%;
	font-family: "SOURCEHANSANSCN-BOLD.OTF";
}

.uvprinter {
	font-family: "SOURCEHANSANSCN-BOLD.OTF";
	margin-left: -6%;
	text-align: center;
	font-size: 15px;
	color: #333333;
}

.sph {
	width: 1300px;
	margin: 0 auto;
	/* padding: 100px 0; */
}

.spbq {
	/* width: 250px; */
	/* height: 250px; */
	float: left;
	/* line-height: 2; */
	/* padding: 10px 10px 0 20px; */
	/* margin: 20px; */
	position: relative;
	overflow: hidden;
}

.spbq h2 {
	color: #14191e;
	font: bold 14px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica,
		"微软雅黑", Tahoma, Arial, sans-serif;
	margin-top: 18px;
}

.spbq span {
	display: block;
	color: #b4bbbf;
	font: 12px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica,
		"微软雅黑", Tahoma, Arial, sans-serif;
	margin: 8px 0;
}

.spbq b {
	color: #787d82;
	font: 12px/18px "Microsoft Yahei", "Hiragino Sans GB", Helvetica,
		"微软雅黑", Tahoma, Arial, sans-serif;
}

.biankuang {
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius: 10px;
	/*background: black;*/
}

.biankuang_1 {
	height: 3px;
	top: -6px;
	left: 0px;
	border-left: 3px solid #EB5858;
}

.biankuang_2 {
	width: 0px;
	bottom: -3px;
	left: 0px;
	border-top: 3px solid #EB5858;
}

.biankuang_3 {
	height: 0px;
	bottom: 0px;
	right: 0px;
	border-right: 3px solid #EB5858;
}

.biankuang_4 {
	width: 0px;
	top: -3px;
	right: 0px;
	border-bottom: 3px solid #EB5858;
}

.text_gobuy {
	position: absolute;
	z-index: 9;
	top: -30px;
	left: 0px;
	width: 280px;
	height: 50px;
	overflow: hidden;
	background: rgba(207, 208, 211, 0);
	cursor: pointer;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
}

.text_gobuy_show {
	height: 50px;
	position: absolute;
	z-index: 9;
	bottom: 0px;
	width: 280px;
	overflow: hidden;
	padding: 20px 15px;
	cursor: pointer;
	background-color: rgba(32, 32, 33, 0.3);
}

.spbq p {
	position: absolute;
	bottom: 10px;
	left: 110px;
	line-height: 33px;
	color: #fff
}

.card:hover {
	background: #03A9F4;
	color: white;
}

.card {
	width: 83%;
}

.expertbox {
	width: 840px;
	margin: 40px auto 0 auto;
}

.it_expert {
	height: 50px;
	border-left: 3px solid #2b7ac6;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	color: #686868;
	line-height: 50px;
}

.it_expertp1 {
	width: 120px;
	height: 50px;
	font-size: 18px;
	text-indent: 2em;
	color: #686868;
	line-height: 50px;
	float: left;
}

.it_expertp2 {
	width: 200px;
	height: 50px;
	float: right;
	text-align: center;
}

#it_awewe a {
	display: inline-table !important;
}

.it_expertspan1 {
	width: 30px;
	height: 30px;
	border: 1px solid #b4b4b4;
	margin-right: 10px;
	color: #868585;
	display: inline-table;
	text-align: center;
	line-height: 30px;
}

.it_expertspan2 {
	width: 30px;
	height: 30px;
	border: 1px solid #b4b4b4;
	color: #868585;
	display: inline-block;
	text-align: center;
	line-height: 30px;
}

.it_expert3 {
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.it_expertxt {
	height: 126px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.it_expertit {
	color: #434343;
	font-size: 16px;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 6px;
	position: relative;
}

.it_experconter {
	width: 700px;
	padding: 6px;
	padding-left: 30px;
	color: #7d858c;
	position: relative;
}

.it_expertxt:hover {
	background: #2b7bc6;
}

p.shouyee {
	font-size: 20.51px;
	text-align: -webkit-left;
}

p.shouye {
	margin-bottom: 20%;
	font-size: 20.51px;
	text-align: -webkit-left;
}

span.deb {
	font-size: 15px;
}

a.OM {
	color: rgb(66, 66, 66);
}

h2.on {
	font-size: 48.39px;
}

.shouye {
	text-align: left;
}

#nav-header .logo img {
	margin-top: -23%;
	display: block;
	margin-left: 24%;
}