@charset "utf-8";



/*-- 全局reset

-------------------------------------------*/


.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:25px;min-width:30px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon>img{margin:0px}
.lang-icon span{display:none;position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#000;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#000;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){.lang{margin-left:auto;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
html,

body,

div,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

object,

code,

legend,

button,

input,

textarea,

label,

th,

td,

a,

img {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

}



body {

	font: 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';

	color: #333;

	background-color: #f9f9f9;

}



/*清除内外边距*/

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

	font-size: 100%;

}



/*设置默认字体*/

:focus {

	outline: 0;

}



ul,

ol {

	list-style: none;

}



/*重置列表*/

fieldset,

img {

	border: 0 none;

	vertical-align: top;

}



/*重置图片元素*/

address,

caption,

cite,

code,

dfn,

em,

i,

th,

var,

optgroup {

	font-style: normal;

	font-weight: normal;

}



abbr,

acronym {

	border: 0;

	font-variant: normal;

}



input,

button,

textarea,

select,

optgroup,

option {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

}



code,

kbd,

samp,

tt {

	font-size: 100%;

}



/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input,

button,

textarea,

select {

	*font-size: 100%;

	outline: none;

}



/*

form label {

    cursor: pointer;

}

*/



textarea {

	resize: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*重置表格*/

blockquote,

q {

	quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



a {

	color: #333;

	text-decoration: none;

	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;

	-webkit-transition: background-color .2s ease-in-out;

	-moz-transition: background-color .2s ease-in-out;

	transition: background-color .2s ease-in-out;



}



a:hover {

	text-decoration: none;

}



a.special,

.special a {

	color: #1eb37b;

}



a.special:hover,

.special a:hover {

	color: #1eb37b;

	text-decoration: none;

}



/*--清除浮动

-------------------------------------------*/

.cf:before,

.cf:after,

.clearfix:before,

.clearfix:after {

	content: "";

	display: table;

}



.cf:after,

.clearfix:after {

	clear: both;

}



.cf,

.clearfix {

	/* clear: both; */

	*zoom: 1;

}



/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏

--------------------------------------------------------------------------*/

.c-333 {

	color: #333;

}



.c-666 {

	color: #666;

}



.c-999 {

	color: #999;

}



.c-green {

	color: #1fb079;

}



.c-orange {

	color: #fc714c;

}



.c-reg {

	color: #d90106;

}



/* 字号 */

.f9 {

	font-size: 9px;

	-webkit-text-size-adjust: none;

}



.f12,

.fb12 {

	font-size: 12px;

}



.simsun {

	font-family: SimSun;

}



.f14,

.fb14 {

	font-size: 14px;

}



.f16,

.fb16 {

	font-size: 16px;

}



.f18,

.fb18 {

	font-size: 18px;

}



.f20,

.fb20 {

	font-size: 20px;

}



.fb,

.fb12,

.fb14,

.fb16,

.fb18,

.fb20 {

	font-weight: 700;

}



/* 隐藏 居中 */



.tc {

	text-align: center;

}



.tr {

	text-align: right;

}



.show {

	display: block;

}



.hide {

	display: none !important;

}



/*文字隐藏,省略号*/

.ti,

.te {

	white-space: nowrap;

	overflow: hidden;

}



.ti {

	text-indent: -999em;

}



.te {

	text-overflow: ellipsis;

}



body {

	background-color: #fff;

}



html,

body {

	margin: 0;

	height: 100%;

}



/* 颜色类 */

/* 侧边标题颜色 */

.color-buto {

	color: #3c93ff;

}



.color-title {

	color: #e32d22;

	font-weight: bold

}



.fy {

	color: #CCCCCC

}





/* 图片下标  */

.color-fotrt {

	color: #999;

}



/*功能- 选中颜色  */

.Snavigation .active {

	background: -webkit-linear-gradient(left, #485cc3, #5097e7);

	/* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(right, #485cc3, #5097e7);

	/* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(right, #485cc3, #5097e7);

	/* Firefox 3.6 - 15 */

	background: linear-gradient(to right, #485cc3, #5097e7);

}



/* 背景颜色类 */

.foot-nav {

	width: 100%;

	color: white;

	background: -webkit-linear-gradient(left, #727272, #555555);

	/* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(right, #727272, #555555);

	/* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(right, #727272, #555555);

	/* Firefox 3.6 - 15 */

	background: linear-gradient(to right, #727272, #555555);

	/* 标准的语法（必须放在最后） */



}



/* 文字类 */

.text-font {

	text-indent: 30px;

	padding: 20px;

	font-size: 12px

}



/* 侧边导航 */

.foot-nav .foot-box {

	margin-top: 25px;

	margin-bottom: 25px;

}



.Snavigation {

	border-radius: 0 15px 0 0;

	width: 100%;



	box-shadow: -2px 2px 16px #eee;

	/* background-color: #eee; */

}



/* 侧导航头部 */

.Snavigation .con-box .li-title {

	padding: 30px 0 30px 30px;

	border-bottom: 1px #eee solid;



}



.Snavigation .li-title span {



	padding-bottom: 20px;

}



.Snavigation .con-box h4 {

	font-weight: 600;

	font-size: 20px;

	margin-bottom: 0;

}



.Snavigation .con-box .active {

	color: #fff;

}



.Snavigation .con-box li {

	padding: 15px 0 15px 30px;

	font-size: 16px;

	border-bottom: 1px #eee solid;

	font-weight: 700;

	color: #7f7f7f;



}



.Snavigation ul {



	padding-inline-start: 0px;

}



.Snavigation li {

	list-style: none;

}



.Snavigation .active a {

	color: #fff;

}



.Snavigation .active a:hover {

	color: #eee;



}



/* 尾部  */

.foot-nav-all {

	margin-top: 30px;

}



.foot-nav-right {

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	text-align: center;

}



.foot-nav-all div div div {

	margin: 0.3% 0;

}



.foot-link-content a {

	color: white;

	text-decoration: none;



}



.foot-link-content a:hover {

	color: #e32d22;

	text-decoration: none;



}



.foot-link-title {

	font-size: 120%;

}



.foobot {

	width: 100%;

	background-color: #727272;

}



.foobot p {

	text-align: center;

	margin: 0;

	font-size: 12px;

	color: #FFFFFF;

	line-height: 30px;

}



/*====================导航*********/

.header {

	width: 100%;

	position: fixed;

	top: 89px;

	left: 0;

	z-index: 999;

	height: 50px;

	padding: 0 30px;

	background: -webkit-linear-gradient(left, #e32d22, #920b0a);

	/* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(right, #e32d22, #920b0a);

	/* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(right, #e32d22, #920b0a);

	/* Firefox 3.6 - 15 */

	background: linear-gradient(to right, #e32d22, #920b0a);

	/* 标准的语法（必须放在最后）#20113a, #519ce8    #ff9d45 */



}



/*左侧logo*/



/*右侧*/

.header .nav {

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	height: 100%;

	line-height: 50px;

	display: block;

}



.header .navbar_nav li {

	float: left;

	position: relative;

	display: block;

}



.header .navbar_nav li:after {

	content: "";

	width: 0;

	height: 2px;

	background: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all 0.5s ease 0s;

}



.header .navbar_nav li:hover:after {

	width: 100%;

}



.header .navbar_nav li a {

	text-decoration: none;

	height: 100%;

	padding: 0 25px;

	display: block;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	color: #fff;

	font-size: 16px;

}



.header .navbar_nav li:hover a {

	color: #f58d33;

}



.header .navbar_nav li.dropdown {

	display: inherit;

	position: relative;

}



.header .navbar_nav li.dropdown .jt {

	width: 20px;

	height: 20px;

	background: url(../images/top.png) no-repeat;

	background-size: 100% 100%;

	display: block;

}



.header .navbar_nav li.dropdown .dropdown_menu {

	display: none;

	position: absolute;

	top: 50px;

	width: 100%;

	background: #fff;

	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);

	width: 120%;

	left: -10%;

}



.header .navbar_nav li.dropdown .dropdown_menu a {

	font-size: 14px;

	color: #666;

	padding: 0 10px;

	line-height: 40px;

	text-align: center;

	background: #fff;

	margin-bottom: 2px;

}



.header .navbar_nav li.dropdown:hover .dropdown_menu {

	display: block;

	background: #f3f3f3;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

}



.header .navbar_nav li.dropdown:hover .dropdown_menu a {

	color: #666;

}



.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {

	color: #fff;

	background: #e32d22;

}



/*白色背景的头部*/

.headeron {

	background: #fff;

	border-bottom: 1px solid #ccc;

}



.header.on .left .img1 {

	display: none;

}



.header.on .left .img2 {

	display: block;

}



.header.on .navbar_nav li a {

	color: #333;

}



.header.on .navbar_nav li:hover a {

	color: #3e70ad;

}



#navToggle {

	display: none;

}



.m_nav {

	position: fixed;

	top: 0px;

	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);

	width: 100%;

	height: 100%;

	background: #fff;

	transition: all ease 0.5s;

	-webkit-transition: all ease 0.5s;

	z-index: 1000;

	opacity: 1;

	visibility: visible;

	margin-top: 0;

	overflow-y: auto;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	top: 0;

	transform: translateX(100%);

}



.m_nav.open {

	transform: translateX(0);

}



.m_nav .top {

	height: 60px;

	padding: 20px;

	box-sizing: border-box;

}



.m_nav .top .closed {

	width: 30px;

	height: 30px;

	vertical-align: middle;

	float: right;

	cursor: pointer;

}



.m_nav .logo {

	width: 100%;

	margin: 0 auto;

}



.m_nav .logo img {

	height: 50px;

	display: block;

	margin: 30px auto;

}



.m_nav .ul {

	margin-top: 30px;

}



.m_nav .ul li {

	padding: 0 20px;

	border-bottom: 1px solid #f5f5f5;

	transform: translateY(0);

	-webkit-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	opacity: 0;

}



.m_nav.open .ul li {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

}



.m_nav .ul li:nth-child(1) {

	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(2) {

	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(3) {

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(4) {

	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(5) {

	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(6) {

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li a {

	display: block;

	text-decoration: none;

	color: #333;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	width: 100%;

}



.m_nav .ul li .dropdown_menu {

	display: none;

}



.m_nav .ul li.dropdown.active .dropdown_menu {

	display: block;

}



.m_nav .ul li .dropdown_menu a {

	display: block;

	height: 50px;

	line-height: 50px;

	padding: 0 40px;

	box-sizing: border-box;

	border-bottom: 1px solid #f5f5f5;

}



.m_nav .ul li .dropdown_menu a:last-child {

	border: none;

}



.banner {

	width: 100%;

}



.banner img {

	width: 100%;

}



@media screen and (max-width: 992px) {

	.header {

		padding: 0 10px;

	}



	.header #navToggle {

		height: 100%;

		padding: 9px 15px;

		margin-right: -15px;

		display: inline-block;



	}



	.header #navToggle span {

		position: relative;

		width: 25px;

		height: 1px;

		margin-top: 19px;

	}



	.header #navToggle span:before,

	.header #navToggle span:after {

		content: '';

		position: relative;

		width: 100%;

		height: 1px;

		left: 0;

	}



	.header #navToggle span,

	.header #navToggle span:before,

	.header #navToggle span:after {

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		-o-transition: 0.3s;

		transition: 0.3s;

		display: block;

		background: #4f4f4f;

	}



	.header #navToggle span:before {

		top: 8px;

	}



	.header #navToggle span:after {

		bottom: 10px;

	}



	.header #navToggle.open span:before {

		top: 10px;

		-webkit-transform: translateY(-11px) rotate(-45deg);

		-moz-transform: translateY(-11px) rotate(-45deg);

		-ms-transform: translateY(-11px) rotate(-45deg);

		-o-transform: translateY(-11px) rotate(-45deg);

		transform: translateY(-11px) rotate(-45deg);

	}



	.header #navToggle.open span:after {

		bottom: 12px;

		-webkit-transform: translateY(10px) rotate(45deg);

		-moz-transform: translateY(10px) rotate(45deg);

		-ms-transform: translateY(10px) rotate(45deg);

		-o-transform: translateY(10px) rotate(45deg);

		transform: translateY(10px) rotate(45deg);

	}



	.header #navToggle.open span {

		background: none;

	}



	.header #navToggle.open span:before,

	.header #navToggle.open span:after {

		background: #4f4f4f;

	}



	.header .nav {

		display: none;

	}



	.banner img {

		height: 600px;

		object-fit: cover;

	}

}



/* 移动端 */

.m_nav li {

	list-style-type: none;

}



/* top */

.top-navigation {



	text-align: right;

	height: 94px;

	z-index: 999;

	position: fixed !important;

	top: 0;

	background-color: #fff;

}



.top-logo {



	margin: 15px;



}



.top-navigation-english {

	font-size: 12px;

	line-height: 12px;

	color: #20113a

}



.top-navigation-chinese {

	font-size: 18px;

	font-weight: 600;

}



.top-navigation-chinese:first-child {

	margin-top: 10px;

	line-height: 15px;

}



.tu img {

	margin-top: 139px;

	width: 100%;

}



/*  */

/* +++++++++++++++++++++++++++++++++++++  跑马灯公共css ++++++++++++++++++++++++++++++++++++++++++++++++ */

@font-face {

	font-family: 'Pacifico';

	src: url('pacifico.eot');

	src: url('../fonts/pacifico.eot') format('embedded-opentype'),

		url('../fonts/pacifico.woff') format('woff'),

		url('../fonts/pacifico.ttf') format('truetype'),

		url('../fonts/pacifico.svg#pacifico') format('svg');

}



* {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.blue {

	background: #fff;

	color: #333;

}



.blue h3 {

	background: #eee;

	color: #3498db;

	font-size: 36px;

	line-height: 100px;

	margin: 10px;

	padding: 2%;

	position: relative;

	text-align: center;

}



.button {

	background: #3498db;

	color: #fff;

	display: block;

	font-size: 16px;

	margin: 20px auto;

	padding: 20px;

	text-align: center;

	text-decoration: none;

	width: 48%;

}



.features-s img {

	border: 1px solid #eee !important;

	height: 80px;

}



.features-syx img {

	border: 5px solid #eee !important;

}



.image-s img {

	border: 1px solid #eee !important;

	height: 100px;

}



.buttons {

	padding: 0 20px 20px;

	margin-bottom: 10px;

}



.buttons .button {

	background: #FFF;

	color: #3498db;

	float: left;

	margin: 5px;

}



.center .slick-center h3 {

	-moz-transform: scale(1.08);

	-ms-transform: scale(1.08);

	-o-transform: scale(1.08);

	-webkit-transform: scale(1.08);

	color: #e67e22;

	opacity: 1;

	transform: scale(1.08);

}



.center h3 {

	opacity: 0.8;

	transition: all 300ms ease;

}



.content {

	margin: auto;

	padding: 20px;

	width: 600px;

}



.content:after,

.buttons::after {

	clear: both;

	content: "";

	display: table;

}



.destroy {

	font-weight: 400;

	margin-top: 40px;

}



.features {

	display: block;

	list-style-type: none;

	margin-top: 30px;

	padding: 0;

	text-align: center;

}



.features li {

	margin: 20px 0;

}



.filter .button {

	background: #FFF;

	color: #3498db;

	margin-bottom: 40px;

}



.fixed-header {

	background: #FFF;

	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);

	display: none;

	padding: 10px;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 10000;

}



.fixed-header .header-content {

	margin: auto;

	width: 600px;

}



.fixed-header .subheading {

	display: none;

}



.fixed-header h1.title {

	float: left;

	font-size: 24px;

	margin: 0;

}



.fixed-header ul.nav {

	float: right;

	margin: 0;

	padding: 5px;

}



.fixed-header ul.nav li {

	margin: 0 0 0 10px;

}



.margin-40 {

	margin-bottom: 40px;

}



.more,

.button.first {

	margin-top: 40px;

}



.red {

	background: #e74c3c;

	color: #fff;

}



.slick-slide .image {

	padding: 0px;



}



.slick-slide img {

	border: 5px solid #FFF;

	display: block;

	width: 100%;

}



.slick-slide img.slick-loading {

	border: 0;

}



.slick-slider {

	margin: 15px auto 25px;



}



.subheading {

	color: #555;

	font-size: 12px;

	font-style: italic;

	font-weight: 400;

	margin: 10px auto;

	text-align: center;

}



.white {

	background: #fff;

	color: #3498db;

}



.white pre,

.white hr {

	background: #3498db;

}



a {

	color: #3498db;

}









pre {

	background: #fff;

	margin: 0 10px 20px;

	padding: 10px;

}



section {

	width: 100%;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	margin: 40px auto;

	text-align: left;

	width: 100%;

	table-layout: fixed;

	font-size: 14px;

	line-height: 1.4;

}



tbody {

	background: #fff;

	border-color: #fff;

}



td {

	background: #3498db;

	border: 1px solid #fff;

	color: #fff;

	padding: 10px;

	width: 33%;

	vertical-align: top;

}



th {

	border-left: 1px solid #3498db;

	padding: 10px;

}



td:first-child {

	font-weight: bold;

}



th.last {

	width: 230px;

}



th.type {

	width: 80px;

}



th.default {

	width: 100px;

}



th:first-child {

	border-left: 0;

}



thead {

	background: #fff;

	border-color: #3498db;

	color: #3498db;

}



tr {

	background: #fff;

	border-right: 1px solid #fff;

}



/* 适配 */

@media (max-width: 420px) {

	ul.nav li a {

		display: block;

		font-size: 10px;

	}

}



@media (max-width: 768px) {

	.blue h3 {

		font-size: 24px;

	}



	.button {

		margin: 0 auto 20px;

		width: auto;

	}



	.button.first {

		margin-top: 40px;

	}



	.buttons {

		padding: 0 0 20px;

	}



	.buttons .button {

		float: left;

		font-size: 12px;

		margin: 1%;

		width: 48%;

	}



	.center {

		margin-left: -40px;

		margin-right: -40px;

	}



	.center .slick-center h3 {

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		-webkit-transform: scale(1);

		color: #e67e22;

		opacity: 1;

		transform: scale(1);

	}



	.center h3 {

		-moz-transform: scale(0.95);

		-ms-transform: scale(0.95);

		-o-transform: scale(0.95);

		-webkit-transform: scale(0.95);

		opacity: 0.8;

		transform: scale(0.95);

		transition: all 300ms ease;

	}



	.content {

		margin: auto;

		padding: 20px 40px;

		width: auto;

	}



	.fixed-header .header-content {

		width: auto;

	}



	pre {

		font-size: 12px;

		overflow-x: scroll;

	}



	table {

		font-size: 14px;

		line-height: 18px;

		margin: 40px auto 20px;

		display: block;

		float: left;

	}



	tr {

		width: 100%;

		border-right: none;

		border-bottom: 1px solid #fff;

		margin: 0px 0px 20px;

		padding: 0px 0px 20px;

		background: transparent;

		float: left;

	}



	thead {

		display: none;

	}



	td {

		border: 0;

		padding: 10px 0px;

	}



	td,

	tbody {

		display: block;

		width: 100% !important;

	}



	table.settings td:nth-of-type(1),

	table.methods td:nth-of-type(1) {

		font-weight: bold;

		font-size: 16px;

		line-height: 18px;

	}



	table.settings td:nth-of-type(2):before {

		content: 'Type: ';

		font-weight: bold;

	}



	table.settings td:nth-of-type(3):before {

		content: 'Default: ';

		font-weight: bold;

	}



	table.methods td:nth-of-type(2):before {

		content: 'Arguments: ';

		font-weight: bold;

	}

}



/* 加载动画 */

#loading {

	background-color: #397dfb;

	height: 100%;

	width: 100%;

	position: fixed;

	z-index: 9999;

	margin-top: 0px;

	top: 0px;



}



#loading-center {

	width: 100%;

	height: 100%;

	position: relative;

}



#loading-center-absolute {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 200px;

	width: 200px;

	margin-top: -100px;

	margin-left: -100px;

}



#object {

	width: 80px;

	height: 80px;

	background-color: #FFF;

	-webkit-animation: animate 1s infinite ease-in-out;

	animation: animate 1s infinite ease-in-out;

	margin-right: auto;

	margin-left: auto;

	margin-top: 60px;

}



@-webkit-keyframes animate {

	0% {

		-webkit-transform: perspective(160px);

	}



	50% {

		-webkit-transform: perspective(160px) rotateY(-180deg);

	}



	100% {

		-webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);

	}

}



@keyframes animate {

	0% {

		transform: perspective(160px) rotateX(0deg) rotateY(0deg);

		-webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);

	}



	50% {

		transform: perspective(160px) rotateX(-180deg) rotateY(0deg);

		-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);

	}



	100% {

		transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);

		-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);

	}

}



/*底部*/

.footer{width:100%;flex: 0 0 auto;background-color:#555555;margin-top: 1.875rem;}
.footop{padding:30px 0;width:1200px;margin:0 auto;}
.footleft{float:left;width:13%;margin-left:5%;}
.footleft dl{margin:0;}
.footleft dt{font-size:16px;color:#e32d22;margin-bottom:20px;}
.footleft dd{display:initial; color:#FFFFFF;}
.footleft dd a{font-size:12px;color:#FFFFFF;display:inline-block;line-height:30px;width:70px;margin-right:1%;margin-left:1%;}
.footcent{width:32%;float:left;margin-left:12%;}
.footcent h4{font-size:16px;color:#e32d22;margin-bottom:20px;}
.footcent p{margin:0;line-height:30px;font-size:14px;color:#FFFFFF;width:97%;}
.footcent p span{float:left;font-size:14px;}
.footcent p .yb{float:right;}
.footright{width:30%;float:right;}
.footright .ciaps{width:50%;float:left;text-align:center;}
.footright .ciaps p{font-size:16px; color:#e32d22;margin-top:0;margin-bottom:10px;}
.footright .ciaps img{width:120px;}
.foobot{width:100%;background-color:#727272;}
.foobot p{text-align:center;margin:0;font-size:12px;color:#FFFFFF;line-height:30px;}
.foobot p a{font-size:12px;color:#FFFFFF;display:inline-block;}