html {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
address {
	font-style: inherit; font-weight: inherit;
}
caption {
	font-style: inherit; font-weight: inherit;
}
cite {
	font-style: inherit; font-weight: inherit;
}
code {
	font-style: inherit; font-weight: inherit;
}
dfn {
	font-style: inherit; font-weight: inherit;
}
em {
	font-style: inherit; font-weight: inherit;
}
strong {
	font-style: inherit; font-weight: inherit;
}
th {
	font-style: inherit; font-weight: inherit;
}
var {
	font-style: inherit; font-weight: inherit;
}
optgroup {
	font-style: inherit; font-weight: inherit;
}
del {
	text-decoration: none;
}
ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption {
	text-align: left;
}
th {
	text-align: left;
}
h1 {
	font-size: 100%; font-weight: normal;
}
h2 {
	font-size: 100%; font-weight: normal;
}
h3 {
	font-size: 100%; font-weight: normal;
}
h4 {
	font-size: 100%; font-weight: normal;
}
h5 {
	font-size: 100%; font-weight: normal;
}
h6 {
	font-size: 100%; font-weight: normal;
}
q::before {
	content: "";
}
q::after {
	content: "";
}
abbr {
	border: 0px currentColor; border-image: none; font-variant: normal;
}
acronym {
	border: 0px currentColor; border-image: none; font-variant: normal;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
legend {
	color: rgb(0, 0, 0);
}
input {
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
button {
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
textarea {
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
select {
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
optgroup {
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
option {
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
input {
	
}
button {
	
}
textarea {
	
}
select {
	
}
a {
	text-decoration: none;
}
input[type='button'] {
	cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='submit'] {
	cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='reset'] {
	cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='text'] {
	cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:visited {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:link {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:active {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:focus {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
textarea {
	-webkit-appearance: none;
}
.white {
	background: rgb(255, 255, 255) !important;
}
.text-white {
	color: rgb(255, 255, 255) !important;
}
.w20 {
	width: 20% !important;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px !important;
}
.w70 {
	width: 70px !important;
}
.w150 {
	width: 150px;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f24 {
	font-size: 24px;
}
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
.t2 {
	text-indent: 2em;
}
.lh150 {
	line-height: 150%;
}
.lh180 {
	line-height: 180%;
}
.lh200 {
	line-height: 200%;
}
.unl {
	
}
.no_unl {
	text-decoration: none;
}
.none {
	display: none;
}
.lh {
	line-height: 32px;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-right: 0px; margin-left: 0px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.vm {
	verticle-align: middle;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.abs-right {
	right: 0px; position: absolute;
}
.zoom {
	-ms-zoom: 1;
}
.hidden {
	visiility: hidden;
}
.fb {
	font-weight: bold;
}
.warn {
	color: rgb(51, 51, 51) !important;
}
.m5 {
	margin: 5px;
}
.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.m30 {
	margin: 30px;
}
.m50 {
	margin: 50px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml50 {
	margin-left: 50px;
}
.ml100 {
	margin-left: 100px;
}
.ml280 {
	margin-left: 280px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr50 {
	margin-right: 50px;
}
.mr100 {
	margin-right: 100px;
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
.p20 {
	padding: 20px;
}
.p30 {
	padding: 30px;
}
.p50 {
	padding: 50px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt50 {
	padding-top: 50px;
}
.pt100 {
	padding-top: 100px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb100 {
	padding-bottom: 100px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl50 {
	padding-left: 50px;
}
.pl100 {
	padding-left: 100px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr50 {
	padding-right: 50px;
}
.pr100 {
	padding-right: 100px;
}
.of {
	overflow: hidden;
}
.ti24 {
	text-indent: 24px;
}
.ti28 {
	text-indent: 28px;
}
.block {
	display: block;
}
.w100 {
	width: 100%; display: block;
}
input:focus {
	
}
button:focus {
	
}
.label_100 {
	width: 100%; height: 100%; display: block; cursor: pointer;
}
.imprint h3 {
	height: 40px; line-height: 40px; font-size: 16px; font-weight: bold;
}
.imprint li {
	line-height: 28px; font-size: 14px; margin-bottom: 10px;
}
.version-bg {
	background-position: bottom, 0% 0%; height: 100vh; background-image: url("/website/image/bg.png"), none; background-attachment: fixed; background-repeat: no-repeat, repeat; background-size: 100%; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: rgb(255, 255, 255);
}
.no-data {
	padding: 20px; width: 600px;
}
.no-data img {
	width: 100px; display: inline-block;
}
.no-data p {
	text-align: center; color: rgb(153, 153, 153); line-height: 30px;
}
.layui-layer-imgbar {
	white-space: nowrap; -ms-text-overflow: ellipsis;
}
.layui-layer-imgtit a {
	white-space: nowrap; -ms-text-overflow: ellipsis;
}
.layui-layer-tab .layui-layer-title span {
	white-space: nowrap; -ms-text-overflow: ellipsis;
}
.layui-layer-title {
	white-space: nowrap; -ms-text-overflow: ellipsis;
}
html #layuicss-skinlayercss {
	width: 1989px; display: none; position: absolute;
}
.layui-layer {
	position: fixed; pointer-events: auto;
}
.layui-layer-shade {
	position: fixed; pointer-events: auto;
}
.layui-layer-shade {
	left: 0px; top: 0px; width: 100%; height: 100%;
}
.layui-layer {
	margin: 0px; padding: 0px; left: 0px; top: 150px; box-shadow: 1px 1px 50px rgba(0,0,0,0.3); background-color: rgb(255, 255, 255); -webkit-overflow-scrolling: touch; -webkit-background-clip: content;
}
.layui-layer-close {
	position: absolute;
}
.layui-layer-content {
	position: relative;
}
.layui-layer-border {
	border: 1px solid rgba(0, 0, 0, 0.1); border-image: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.layui-layer-load {
	background: url("loading-1.gif") no-repeat center rgb(238, 238, 238);
}
.layui-layer-ico {
	background: url("icon.png") no-repeat;
}
.layui-layer-btn a {
	vertical-align: top; display: inline-block;
}
.layui-layer-dialog .layui-layer-ico {
	vertical-align: top; display: inline-block;
}
.layui-layer-setwin a {
	vertical-align: top; display: inline-block;
}
.layui-layer-move {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 2147483647; cursor: move; opacity: 0; background-color: rgb(255, 255, 255);
}
.layui-layer-resize {
	width: 15px; height: 15px; right: 0px; bottom: 0px; position: absolute; cursor: se-resize;
}
.layui-layer {
	border-radius: 2px; animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -webkit-animation-duration: .3s;
}
.layer-anim {
	animation-name: bounceIn; -webkit-animation-name: bounceIn;
}
.layer-anim-01 {
	animation-name: zoomInDown; -webkit-animation-name: zoomInDown;
}
.layer-anim-02 {
	animation-name: fadeInUpBig; -webkit-animation-name: fadeInUpBig;
}
.layer-anim-03 {
	animation-name: zoomInLeft; -webkit-animation-name: zoomInLeft;
}
.layer-anim-04 {
	animation-name: rollIn; -webkit-animation-name: rollIn;
}
.layer-anim-05 {
	animation-name: fadeIn; -webkit-animation-name: fadeIn;
}
.layer-anim-06 {
	animation-name: shake; -webkit-animation-name: shake;
}
.layer-anim-close {
	animation-name: bounceOut; animation-duration: 0.2s; -webkit-animation-duration: .2s; -webkit-animation-name: bounceOut;
}
.layui-layer-title {
	padding: 0px 80px 0px 20px; border-radius: 2px 2px 0px 0px; height: 42px; color: rgb(51, 51, 51); line-height: 42px; overflow: hidden; font-size: 14px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(248, 248, 248);
}
.layui-layer-setwin {
	top: 15px; right: 15px; font-size: 0px; position: absolute;
}
.layui-layer-setwin a {
	width: 16px; height: 16px; font-size: 12px; margin-left: 10px; position: relative;
}
.layui-layer-setwin .layui-layer-min cite {
	left: 0px; top: 50%; width: 14px; height: 2px; margin-top: -1px; position: absolute; cursor: pointer; background-color: rgb(46, 45, 60);
}
.layui-layer-setwin .layui-layer-min:hover cite {
	background-color: rgb(138, 29, 32);
}
.layui-layer-setwin .layui-layer-max {
	background-position: -32px -40px;
}
.layui-layer-setwin .layui-layer-max:hover {
	background-position: -16px -40px;
}
.layui-layer-setwin .layui-layer-maxmin {
	background-position: -65px -40px;
}
.layui-layer-setwin .layui-layer-maxmin:hover {
	background-position: -49px -40px;
}
.layui-layer-setwin .layui-layer-close1 {
	background-position: 0px -40px; cursor: pointer;
}
.layui-layer-setwin .layui-layer-close1:hover {
	opacity: 0.7;
}
.layui-layer-setwin .layui-layer-close2 {
	background-position: -149px -31px; top: -28px; width: 30px; height: 30px; right: -28px; margin-left: 0px; position: absolute;
}
.layui-layer-setwin .layui-layer-close2:hover {
	background-position: -180px -31px;
}
.layui-layer-btn {
	background: rgb(249, 249, 249); padding: 0px 10px 12px; text-align: right; pointer-events: auto; -webkit-user-select: none; user-select: none;
}
.layui-layer-btn a {
	margin: 0px 6px; padding: 0px 15px; border-radius: 2px; border: 1px solid rgb(222, 222, 222); border-image: none; height: 28px; color: rgb(51, 51, 51); line-height: 28px; font-weight: 400; text-decoration: none; cursor: pointer; background-color: rgb(241, 241, 241);
}
.layui-layer-btn a:hover {
	text-decoration: none; opacity: 0.9;
}
.layui-layer-btn a:active {
	opacity: 0.8;
}
.layui-layer-btn .layui-layer-btn0 {
	border-color: rgb(175, 61, 64); color: rgb(255, 255, 255); background-color: rgb(138, 29, 32);
}
.layui-layer-btn-l {
	text-align: left;
}
.layui-layer-btn-c {
	text-align: center;
}
.layui-layer-dialog {
	min-width: 260px;
}
.layui-layer-dialog .layui-layer-content {
	padding: 20px; line-height: 24px; overflow: hidden; font-size: 14px; position: relative; -ms-word-break: break-all; -ms-overflow-x: hidden; -ms-overflow-y: auto;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
	left: 15px; top: 16px; width: 30px; height: 30px; position: absolute;
}
.layui-layer-ico1 {
	background-position: -30px 0px;
}
.layui-layer-ico2 {
	background-position: -60px 0px;
}
.layui-layer-ico3 {
	background-position: -90px 0px;
}
.layui-layer-ico4 {
	background-position: -120px 0px;
}
.layui-layer-ico5 {
	background-position: -150px 0px;
}
.layui-layer-ico6 {
	background-position: -180px 0px;
}
.layui-layer-rim {
	border-radius: 5px; border: 6px solid rgba(0, 0, 0, 0.3); border-image: none; box-shadow: none;
}
.layui-layer-msg {
	border: 1px solid rgb(211, 212, 211); border-image: none; min-width: 180px; box-shadow: none;
}
.layui-layer-hui {
	border: currentColor; border-image: none; color: rgb(255, 255, 255); min-width: 100px; background-color: rgba(0, 0, 0, 0.6);
}
.layui-layer-hui .layui-layer-content {
	padding: 12px 25px; text-align: center;
}
.layui-layer-dialog .layui-layer-padding {
	padding: 20px 20px 20px 55px; text-align: left;
}
.layui-layer-page .layui-layer-content {
	overflow: auto; position: relative;
}
.layui-layer-iframe .layui-layer-btn {
	padding-top: 10px;
}
.layui-layer-page .layui-layer-btn {
	padding-top: 10px;
}
.layui-layer-nobg {
	background: 0px 0px;
}
.layui-layer-iframe iframe {
	width: 100%; display: block;
}
.layui-layer-loading {
	background: 0px 0px; border-radius: 100%; border: currentColor; border-image: none; box-shadow: none;
}
.layui-layer-loading .layui-layer-content {
	background: url("loading-0.gif") no-repeat; width: 60px; height: 24px;
}
.layui-layer-loading .layui-layer-loading1 {
	background: url("loading-1.gif") no-repeat; width: 37px; height: 37px;
}
.layui-layer-ico16 {
	background: url("loading-2.gif") no-repeat; width: 32px; height: 32px;
}
.layui-layer-loading .layui-layer-loading2 {
	background: url("loading-2.gif") no-repeat; width: 32px; height: 32px;
}
.layui-layer-tips {
	background: 0px 0px; border: currentColor; border-image: none; box-shadow: none;
}
.layui-layer-tips .layui-layer-content {
	padding: 5px 10px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 22px; font-size: 12px; position: relative; min-width: 12px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); background-color: rgb(0, 0, 0);
}
.layui-layer-tips .layui-layer-close {
	top: -1px; right: -2px;
}
.layui-layer-tips i.layui-layer-TipsG {
	border: 8px dashed transparent; width: 0px; height: 0px; position: absolute;
}
.layui-layer-tips i.layui-layer-TipsB {
	left: 5px; border-right-color: rgb(0, 0, 0); border-right-style: solid;
}
.layui-layer-tips i.layui-layer-TipsT {
	left: 5px; border-right-color: rgb(0, 0, 0); border-right-style: solid;
}
.layui-layer-tips i.layui-layer-TipsT {
	bottom: -8px;
}
.layui-layer-tips i.layui-layer-TipsB {
	top: -8px;
}
.layui-layer-tips i.layui-layer-TipsL {
	top: 1px; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid;
}
.layui-layer-tips i.layui-layer-TipsR {
	top: 1px; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid;
}
.layui-layer-tips i.layui-layer-TipsR {
	left: -8px;
}
.layui-layer-tips i.layui-layer-TipsL {
	right: -8px;
}
[type=dialog].layui-layer-lan {
	min-width: 280px;
}
.layui-layer-lan .layui-layer-title {
	background: rgb(68, 118, 167); border: currentColor; border-image: none; color: rgb(255, 255, 255);
}
.layui-layer-lan .layui-layer-btn {
	padding: 10px; text-align: right; border-top-color: rgb(233, 231, 231); border-top-width: 1px; border-top-style: solid;
}
.layui-layer-lan .layui-layer-btn a {
	background: rgb(187, 181, 181); border: currentColor; border-image: none;
}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
	background: rgb(201, 197, 197);
}
.layui-layer-molv .layui-layer-title {
	background: rgb(0, 159, 149); border: currentColor; border-image: none; color: rgb(255, 255, 255);
}
.layui-layer-molv .layui-layer-btn a {
	background: rgb(0, 159, 149);
}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
	background: rgb(146, 184, 177);
}
.layui-layer-iconext {
	background: url("icon-ext.png") no-repeat;
}
.layui-layer-prompt .layui-layer-input {
	margin: 0px auto; padding: 0px 5px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 220px; height: 30px; color: rgb(51, 51, 51); line-height: 30px; display: block; box-shadow: inset 1px 1px 5px rgba(0,0,0,0.1);
}
.layui-layer-prompt textarea.layui-layer-input {
	width: 300px; height: 100px; line-height: 20px;
}
.layui-layer-prompt .layui-layer-content {
	padding: 20px;
}
.layui-layer-prompt .layui-layer-btn {
	padding-top: 0px;
}
.layui-layer-tab {
	box-shadow: 1px 1px 50px rgba(0,0,0,0.4);
}
.layui-layer-tab .layui-layer-title {
	overflow: visible; padding-left: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(238, 238, 238);
}
.layui-layer-tab .layui-layer-title span {
	padding: 0px 20px; text-align: center; overflow: hidden; float: left; position: relative; cursor: default; min-width: 80px; max-width: 260px;
}
.layui-layer-tab .layui-layer-title span.layui-layer-tabnow {
	height: 43px; border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; z-index: 10; background-color: rgb(255, 255, 255);
}
.layui-layer-tab .layui-layer-title span:first-child {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.layui-layer-tabmain {
	line-height: 24px; clear: both;
}
.layui-layer-tabmain .layui-layer-tabli {
	display: none;
}
.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer {
	display: block;
}
.xubox_tabclose {
	top: 5px; right: 10px; position: absolute; cursor: pointer;
}
.layui-layer-photos {
	animation-duration: 1s; -webkit-animation-duration: 1s;
}
.layui-layer-photos .layui-layer-content {
	text-align: center; overflow: hidden;
}
.layui-layer-photos .layui-layer-phimg img {
	width: 100%; vertical-align: top; display: inline-block; position: relative;
}
.layui-layer-imgbar {
	display: none;
}
.layui-layer-imguide {
	display: none;
}
.layui-layer-imgnext {
	outline: 0px; top: 50%; width: 27px; height: 44px; margin-top: -22px; position: absolute;
}
.layui-layer-imgprev {
	outline: 0px; top: 50%; width: 27px; height: 44px; margin-top: -22px; position: absolute;
}
.layui-layer-imgprev {
	background-position: -5px -5px; left: 10px;
}
.layui-layer-imgprev:hover {
	background-position: -33px -5px;
}
.layui-layer-imgnext {
	background-position: -5px -50px; right: 10px;
}
.layui-layer-imgnext:hover {
	background-position: -33px -50px;
}
.layui-layer-imgbar {
	left: 0px; width: 100%; height: 32px; bottom: 0px; color: rgb(255, 255, 255); line-height: 32px; overflow: hidden; font-size: 0px; position: absolute; background-color: rgba(0, 0, 0, 0.8);
}
.layui-layer-imgtit * {
	font-size: 12px; vertical-align: top; display: inline-block;
}
.layui-layer-imgtit a {
	color: rgb(255, 255, 255); overflow: hidden; max-width: 65%;
}
.layui-layer-imgtit a:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.layui-layer-imgtit em {
	padding-left: 10px; font-style: normal;
}
@media screen and (max-width:1100px)
{
.layui-layer-iframe {
	-ms-overflow-y: auto; -webkit-overflow-scrolling: touch;
}
}
.animated {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -webkit-animation-duration: 1s;
}
.animated.infinite {
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
.animated.hinge {
	animation-duration: 2s; -webkit-animation-duration: 2s;
}
.bounce {
	transform-origin: center bottom; animation-name: bounce; -webkit-animation-name: bounce; -webkit-transform-origin: center bottom;
}
.flash {
	animation-name: flash; -webkit-animation-name: flash;
}
.pulse {
	animation-name: pulse; -webkit-animation-name: pulse;
}
.rubberBand {
	animation-name: rubberBand; -webkit-animation-name: rubberBand;
}
.shake {
	animation-name: shake; -webkit-animation-name: shake;
}
.swing {
	transform-origin: center top; animation-name: swing; -webkit-animation-name: swing; -webkit-transform-origin: top center;
}
.tada {
	animation-name: tada; -webkit-animation-name: tada;
}
.wobble {
	animation-name: wobble; -webkit-animation-name: wobble;
}
.bounceIn {
	animation-name: bounceIn; animation-duration: 0.75s; -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn;
}
.bounceInDown {
	animation-name: bounceInDown; -webkit-animation-name: bounceInDown;
}
.bounceInLeft {
	animation-name: bounceInLeft; -webkit-animation-name: bounceInLeft;
}
.bounceInRight {
	animation-name: bounceInRight; -webkit-animation-name: bounceInRight;
}
.bounceInUp {
	animation-name: bounceInUp; -webkit-animation-name: bounceInUp;
}
.bounceOut {
	animation-name: bounceOut; animation-duration: 0.75s; -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut;
}
.bounceOutDown {
	animation-name: bounceOutDown; -webkit-animation-name: bounceOutDown;
}
.bounceOutLeft {
	animation-name: bounceOutLeft; -webkit-animation-name: bounceOutLeft;
}
.bounceOutRight {
	animation-name: bounceOutRight; -webkit-animation-name: bounceOutRight;
}
.bounceOutUp {
	animation-name: bounceOutUp; -webkit-animation-name: bounceOutUp;
}
.fadeIn {
	animation-name: fadeIn; -webkit-animation-name: fadeIn;
}
.fadeInDown {
	animation-name: fadeInDown; -webkit-animation-name: fadeInDown;
}
.fadeInDownBig {
	animation-name: fadeInDownBig; -webkit-animation-name: fadeInDownBig;
}
.fadeInLeft {
	animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;
}
.fadeInLeftBig {
	animation-name: fadeInLeftBig; -webkit-animation-name: fadeInLeftBig;
}
.fadeInRight {
	animation-name: fadeInRight; -webkit-animation-name: fadeInRight;
}
.fadeInRightBig {
	animation-name: fadeInRightBig; -webkit-animation-name: fadeInRightBig;
}
.fadeInUp {
	animation-name: fadeInUp; -webkit-animation-name: fadeInUp;
}
.fadeInUpBig {
	animation-name: fadeInUpBig; -webkit-animation-name: fadeInUpBig;
}
.fadeOut {
	animation-name: fadeOut; -webkit-animation-name: fadeOut;
}
.fadeOutDown {
	animation-name: fadeOutDown; -webkit-animation-name: fadeOutDown;
}
.fadeOutDownBig {
	animation-name: fadeOutDownBig; -webkit-animation-name: fadeOutDownBig;
}
.fadeOutLeft {
	animation-name: fadeOutLeft; -webkit-animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
	animation-name: fadeOutLeftBig; -webkit-animation-name: fadeOutLeftBig;
}
.fadeOutRight {
	animation-name: fadeOutRight; -webkit-animation-name: fadeOutRight;
}
.fadeOutRightBig {
	animation-name: fadeOutRightBig; -webkit-animation-name: fadeOutRightBig;
}
.fadeOutUp {
	animation-name: fadeOutUp; -webkit-animation-name: fadeOutUp;
}
.fadeOutUpBig {
	animation-name: fadeOutUpBig; -webkit-animation-name: fadeOutUpBig;
}
.animated.flip {
	backface-visibility: visible; animation-name: flip; -webkit-animation-name: flip; -webkit-backface-visibility: visible;
}
.flipInX {
	backface-visibility: visible !important; animation-name: flipInX; -webkit-animation-name: flipInX; -webkit-backface-visibility: visible;
}
.flipInY {
	backface-visibility: visible !important; animation-name: flipInY; -webkit-animation-name: flipInY; -webkit-backface-visibility: visible;
}
.flipOutX {
	backface-visibility: visible !important; animation-name: flipOutX; animation-duration: 0.75s; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible;
}
.flipOutY {
	backface-visibility: visible !important; animation-name: flipOutY; animation-duration: 0.75s; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible;
}
.lightSpeedIn {
	animation-name: lightSpeedIn; animation-timing-function: ease-out; -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out;
}
.lightSpeedOut {
	animation-name: lightSpeedOut; animation-timing-function: ease-in; -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in;
}
.rotateIn {
	animation-name: rotateIn; -webkit-animation-name: rotateIn;
}
.rotateInDownLeft {
	animation-name: rotateInDownLeft; -webkit-animation-name: rotateInDownLeft;
}
.rotateInDownRight {
	animation-name: rotateInDownRight; -webkit-animation-name: rotateInDownRight;
}
.rotateInUpLeft {
	animation-name: rotateInUpLeft; -webkit-animation-name: rotateInUpLeft;
}
.rotateInUpRight {
	animation-name: rotateInUpRight; -webkit-animation-name: rotateInUpRight;
}
.rotateOut {
	animation-name: rotateOut; -webkit-animation-name: rotateOut;
}
.rotateOutDownLeft {
	animation-name: rotateOutDownLeft; -webkit-animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
	animation-name: rotateOutDownRight; -webkit-animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
	animation-name: rotateOutUpLeft; -webkit-animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
	animation-name: rotateOutUpRight; -webkit-animation-name: rotateOutUpRight;
}
.hinge {
	animation-name: hinge; -webkit-animation-name: hinge;
}
.rollIn {
	animation-name: rollIn; -webkit-animation-name: rollIn;
}
.rollOut {
	animation-name: rollOut; -webkit-animation-name: rollOut;
}
.zoomIn {
	animation-name: zoomIn; -webkit-animation-name: zoomIn;
}
.zoomInDown {
	animation-name: zoomInDown; -webkit-animation-name: zoomInDown;
}
.zoomInLeft {
	animation-name: zoomInLeft; -webkit-animation-name: zoomInLeft;
}
.zoomInRight {
	animation-name: zoomInRight; -webkit-animation-name: zoomInRight;
}
.zoomInUp {
	animation-name: zoomInUp; -webkit-animation-name: zoomInUp;
}
.zoomOut {
	animation-name: zoomOut; -webkit-animation-name: zoomOut;
}
.zoomOutDown {
	animation-name: zoomOutDown; -webkit-animation-name: zoomOutDown;
}
.zoomOutLeft {
	animation-name: zoomOutLeft; -webkit-animation-name: zoomOutLeft;
}
.zoomOutRight {
	animation-name: zoomOutRight; -webkit-animation-name: zoomOutRight;
}
.zoomOutUp {
	animation-name: zoomOutUp; -webkit-animation-name: zoomOutUp;
}
.slideInDown {
	animation-name: slideInDown; -webkit-animation-name: slideInDown;
}
.slideInLeft {
	animation-name: slideInLeft; -webkit-animation-name: slideInLeft;
}
.slideInRight {
	animation-name: slideInRight; -webkit-animation-name: slideInRight;
}
.slideInUp {
	animation-name: slideInUp; -webkit-animation-name: slideInUp;
}
.slideOutDown {
	animation-name: slideOutDown; -webkit-animation-name: slideOutDown;
}
.slideOutLeft {
	animation-name: slideOutLeft; -webkit-animation-name: slideOutLeft;
}
.slideOutRight {
	animation-name: slideOutRight; -webkit-animation-name: slideOutRight;
}
.slideOutUp {
	animation-name: slideOutUp; -webkit-animation-name: slideOutUp;
}
body {
	-ms-overflow-x: hidden;
}
.w12 {
	width: 1200px;
}
.flex {
	display: flex;
}
.auto {
	margin: 0px auto; width: 1200px; overflow: hidden;
}
.header {
	background: rgba(23, 25, 31, 0.9); top: 0px; width: 100%; height: 65px; line-height: 65px; letter-spacing: 1px; font-size: 15px; position: fixed; z-index: 99; min-width: 1200px;
}
.logo img {
	width: 155px; margin-top: 5px; display: block;
}
.header .nav {
	flex:1 1 0px; color: rgb(255, 255, 255); padding-left: 210px;
}
.header .nav a {
	padding: 0px 25px; height: 64px; text-align: center; color: rgb(255, 255, 255); line-height: 65px; font-weight: 400; float: left; display: block;
}
.header .nav a:hover {
	color: rgb(12, 77, 191);
}
.header .nav a.on {
	color: rgb(12, 77, 191);
}
.header-login a {
	width: 86px; height: 32px; line-height: 32px; font-size: 15px; margin-top: 15px;
}
.header_btn {
	border-radius: 4px; text-align: center; color: rgb(255, 255, 255); display: block; background-color: rgb(12, 77, 191) !important;
}
.header_btn_line {
	border-radius: 4px; border: 1px solid rgb(12, 77, 191); border-image: none; text-align: center; color: rgb(12, 77, 191); display: block;
}
.header-login .other_btn {
	margin-right: 10px;
}
.header_btn:hover {
	color: rgb(255, 255, 255); background-color: rgb(12, 77, 191);
}
.sm-header {
	
}
.fixed {
	top: 0px; right: 0px; position: fixed; z-index: 9;
}
.sm-header-logo {
	justify-content: space-between;
}
.sm-header .logo img {
	width: 100px; height: auto; margin-top: 10px; display: block;
}
.coop_btn {
	background: rgb(12, 77, 191); padding: 0px 10px; top: 8px; height: 30px; right: 66px; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; position: absolute;
}
@media screen and (max-width:640px)
{
header {
	height: 54px !important;
}
.aside_online {
	display: none;
}
.aside_title {
	display: none;
}
.online {
	display: none;
}
}
.sm-header {
	background: rgb(255, 255, 255); top: 0px; width: 100%; height: 54px; position: fixed; z-index: 9999;
}
.sm-header .menu-icon span {
	background: rgb(51, 51, 51); border-radius: 3px; width: 26px; height: 3px; margin-bottom: 6px; display: block;
}
.sm-header-menu {
	background: rgb(255, 255, 255); left: 0px; top: 50px; width: 100%; height: calc(100vh - 50px); position: fixed; z-index: 9999;
}
.sm-menu {
	flex-direction: column;
}
.sm-header-menu a {
	margin: 0px auto; width: 80%; height: 40px; color: rgb(51, 51, 51); line-height: 40px; font-size: 16px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.sm-header-menu a.on {
	font-weight: bold;
}
footer {
	background: rgba(23, 25, 31, 0.9);
}
footer .foot {
	margin: 0px auto; padding: 30px 0px; width: 1200px; overflow: hidden;
}
.w25 {
	width: 25%; float: left;
}
footer .menu-link h6 {
	color: rgb(255, 255, 255); line-height: 32px; font-size: 18px;
}
footer .infor h6 {
	color: rgb(255, 255, 255); line-height: 32px; font-size: 18px;
}
footer .menu-link a {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; display: block;
}
footer p {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 14px;
}
footer .download-app img {
	margin: 0px auto; width: 164px; display: block;
}
footer .copyright {
	text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; border-top-color: rgb(225, 223, 223); border-top-width: 1px; border-top-style: solid;
}
.copyright p {
	margin: 0px auto; width: 1200px;
}
.sm-footer .infor {
	padding: 30px 0px 10px; width: 100%; color: rgb(255, 255, 255);
}
.sm-footer .infor p {
	margin: 0px auto; width: 80%; line-height: 26px; font-size: 14px;
}
.infor-title {
	font-size: 18px !important; margin-bottom: 10px !important;
}
.sm-footer .infor ul {
	text-align: center;
}
.sm-footer .infor ul li {
	margin: 1%; width: 40%; display: inline-block;
}
.sm-footer .infor ul li img {
	width: 100%; display: block;
}
.sm-footer .infor ul li p {
	line-height: 28px; font-size: 14px;
}
.ask-sm {
	right: 0px; bottom: 100px; position: fixed; z-index: 999999;
}
.ask-sm p {
	color: rgb(255, 255, 255);
}
.ask-sm .ask-warp {
	background: rgb(12, 77, 191);
}
.ask-back {
	padding: 20px;
}
.ask-back img {
	margin: 5px auto; width: 20px; display: block;
}
input[type='button'] {
	-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='submit'] {
	-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='reset'] {
	-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='text'] {
	-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:hover {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:visited {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:link {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:active {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
a:focus {
	background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
}
.position-auto {
	left: 50%; top: 50%; position: relative; transform: translate(-50%, -50%);
}
.relative {
	position: relative;
}
.back-color {
	background: rgb(248, 248, 248);
}
.banner .text {
	left: 50%; top: 30%; color: rgb(255, 255, 255); font-size: 40px; position: absolute; z-index: 1; transform: translateX(-50%);
}
.banner p {
	font-size: 24px !important;
}
.product-warp {
	margin-top: 65px;
}
.coop-warp {
	margin-top: 65px;
}
.news-warp {
	margin-top: 65px;
}
.js-silder {
	position: relative; min-width: 320px;
}
.silder-scroll {
	width: 100%; overflow: hidden;
}
.silder-main {
	width: 100%; overflow: hidden; position: relative;
}
.silder-main-img {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.silder-main-img img {
	width: 100%; height: 100%;
}
.js-silder-ctrl {
	width: 100%; text-align: center; display: block;
}
.silder-ctrl-prev {
	top: 0px; width: 8%; height: 100%; color: rgb(255, 255, 255); font-family: "ËÎÌå"; font-size: 52px; font-weight: 600; vertical-align: middle; position: absolute; cursor: pointer; text-shadow: 2px 2px 5px #666;
}
.silder-ctrl-next {
	top: 0px; width: 8%; height: 100%; color: rgb(255, 255, 255); font-family: "ËÎÌå"; font-size: 52px; font-weight: 600; vertical-align: middle; position: absolute; cursor: pointer; text-shadow: 2px 2px 5px #666;
}
.silder-ctrl-prev {
	left: 0px; text-align: left;
}
.silder-ctrl-next {
	text-align: right; right: 0px;
}
.silder-ctrl-prev > span {
	top: 50%; margin-top: -40px; position: absolute;
}
.silder-ctrl-next > span {
	top: 50%; margin-top: -40px; position: absolute;
}
.silder-ctrl-prev > span {
	left: 40px;
}
.silder-ctrl-next > span {
	right: 40px; cursor: pointer;
}
.silder-ctrl-con {
	margin: 0px 10px; padding: 10px 0px; width: 4%; display: none; cursor: pointer;
}
.silder-ctrl-con > span {
	padding: 5px 0px; line-height: 0; text-indent: -9999px; overflow: hidden; display: block; cursor: pointer; background-color: rgb(228, 228, 228);
}
.silder-ctrl-con.active > span {
	
}
.section h2 {
	margin: 40px 0px 10px; text-align: center; font-size: 30px;
}
.section p {
	color: rgba(31, 37, 38, 0.75);
}
.shortline {
	margin: 0px auto 10px; border: 1px solid rgb(12, 77, 191); border-image: none; width: 20px !important;
}
.news {
	justify-content: space-around;
}
.news-slider {
	width: 40%;
}
.news-infor {
	width: 60%;
}
.grey {
	background: rgb(249, 249, 249) !important;
}
.slider-text {
	background: rgba(0, 0, 0, 0.7); left: 0px; width: 100%; height: 70px; bottom: 0px; position: absolute; z-index: 9999;
}
.slider-text p {
	width: 75%; height: 70px; color: rgb(255, 255, 255); line-height: 70px; overflow: hidden; padding-left: 15px; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.slider-text .sign-date {
	background: rgb(12, 77, 191); top: 0px; width: 100px; height: 70px; text-align: center; right: 0px; color: rgb(255, 255, 255); position: absolute;
}
.sign-date span {
	display: block;
}
.swiper-container {
	height: 500px;
}
.swiper-slide img {
	width: 100%; display: block;
}
.news-infor ul {
	flex-wrap: wrap;
}
.news-infor ul li {
	width: 50%;
}
.news-infor li {
	background: rgb(221, 221, 221); padding: 26px 0px; position: relative;
}
.news-infor li a {
	padding: 15px 20px; display: block;
}
.news-infor li h4 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; margin-bottom: 30px;
}
.news-infor li p {
	color: rgb(153, 153, 153); line-height: 26px; overflow: hidden; font-size: 14px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.date {
	right: 20px; bottom: 15px; color: rgb(153, 153, 153); font-size: 14px; position: absolute;
}
.news-infor li a:hover h4 {
	color: rgb(12, 77, 191);
}
.cooplist {
	flex-wrap: wrap; justify-content: center;
}
.cooplist li {
	margin: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 300px; height: 80px; overflow: hidden; position: relative;
}
.cooplist li img {
	left: 50%; top: 50%; width: 175px; display: block; position: absolute; transform: translate(-50%, -50%);
}
.more-coop a {
	background: rgb(12, 77, 191); margin: 40px auto; width: 100px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; display: block;
}
.product-item {
	padding: 40px 0px;
}
.product-item .item-text {
	width: 40%;
}
.product-item .item-text h3 {
	font-size: 36px;
}
.product-item .item-text p {
	color: rgb(75, 81, 83); padding-top: 45px; font-size: 18px;
}
.item-img {
	width: 60%;
}
.item-img img {
	margin: 0px auto; display: block;
}
.pic-item {
	align-items: center;
}
.pic-item .pic {
	flex:1 1 0px;
}
.pic-item .pic img {
	margin: 10px auto; display: block;
}
.pic ul li {
	margin: 0px auto 60px; border: 1px dashed rgb(64, 124, 247); border-image: none; width: 300px; height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 50px;
}
.pic ul li:last-child {
	margin-bottom: 0px;
}
.hotware-warp {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);
}
.hotware-text {
	
}
.hotware-text h1 {
	font-size: 72px;
}
.hotware-text h1 span {
	color: rgb(12, 77, 191); font-weight: bold;
}
.hotware-text p {
	margin: 15px 0px 33px; text-align: justify; color: rgb(51, 51, 51); line-height: 36px; font-size: 20px;
}
.text-list li {
	color: rgb(102, 102, 102); line-height: 50px; padding-left: 30px; font-size: 18px; position: relative;
}
.text-list li::before {
	border-radius: 50%; border: 2px solid rgb(12, 77, 191); border-image: none; left: 0px; top: 50%; width: 12px; height: 12px; display: block; position: absolute; content: ""; transform: translateY(-50%);
}
.fun-warp {
	overflow: hidden;
}
.fun-warp .img img {
	height: 100%;
}
.fun-list ul {
	padding: 2% 0px; flex-wrap: wrap; justify-content: center; align-items: center;
}
.fun-list li {
	margin: 2% 0px; width: 50%; text-align: center;
}
.fun-list li img {
	width: 25%; display: inline-block;
}
.fun-list li .text h3 {
	font-size: 20px; margin-top: 10px;
}
.fun-list li .text p {
	line-height: 30px;
}
.hotware-warp-sm {
	padding: 10px;
}
.hotware-warp-sm h1 {
	font-size: 30px;
}
.hotware-warp-sm p {
	margin: 15px 0px 20px; font-size: 18px;
}
.hotware-warp-sm .text-list li {
	line-height: 30px; font-size: 16px;
}
.sm {
	display: none;
}
.article-list li {
	background: rgb(248, 248, 248); margin: 20px 0px; padding: 20px; transition:0.3s ease-out;
}
.article-list li:hover {
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1); transform: translateY(-5px);
}
.article-list-item {
	display: flex;
}
.article-list-item .text {
	padding: 0px 30px; flex:1 1 0px; position: relative;
}
.article-list-item .img img {
	width: 200px; height: 140px; overflow: hidden; display: block;
}
.article-list-item p {
	width: 100%; color: rgb(153, 153, 153); overflow: hidden; font-size: 14px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.article-list h6 {
	color: rgb(51, 51, 51); line-height: 42px; font-family: "ºÚÌå"; font-size: 22px;
}
.article-list li:hover h6 {
	color: rgb(51, 51, 51);
}
.publish-date {
	left: 30px; bottom: 0px; color: rgb(153, 153, 153); position: absolute;
}
.coop-item li {
	width: 270px !important;
}
.coop-container {
	height: auto !important; padding-bottom: 30px !important;
}
.scheme-list li {
	margin-bottom: 50px; justify-content: center; align-items: center;
}
.scheme-list-item {
	flex:1 1 0px;
}
.scheme-list-item img {
	margin: auto; display: block;
}
.item-left .img img {
	width: 76px; margin-right: 20px; display: block;
}
.scheme-list .text h3 {
	font-size: 24px;
}
.scheme-list .text p {
	width: 320px; color: rgb(255, 255, 255); font-size: 18px;
}
.item-right li h3 {
	text-align: right;
}
.item-right li p {
	text-align: right;
}
.scene-item {
	padding: 40px 10px; align-items: center;
}
.scene-item img {
	margin: 10px auto; width: 90%; display: block;
}
.scene-item p {
	text-align: left; color: rgb(51, 51, 51); font-size: 14px;
}
.scene-item h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 20px; margin-bottom: 16px;
}
.scene-text {
	width: 250px; color: rgb(51, 51, 51); font-size: 16px; position: absolute;
}
.text1 {
	left: 33px; top: 101px;
}
.text2 {
	top: 90px; right: 26px;
}
.text3 {
	right: 14px; bottom: 50px;
}
.text4 {
	left: 9px; bottom: 56px;
}
.flow-list {
	margin: 0px auto; text-align: center; justify-content: center;
}
.flow-text {
	margin: 0px auto; text-align: center; justify-content: center;
}
.flow-list {
	width: 1170px;
}
.flow-list li {
	width: 140px; height: 140px; line-height: 140px;
}
.flow-list li.icon {
	background-position: center; border-radius: 50%; border: 1px solid rgb(12, 77, 191); border-image: none; background-repeat: no-repeat; background-size: 50%;
}
.icon1 {
	background-image: url("/website/pc/image/scheme/company.png");
}
.icon2 {
	background-image: url("/website/pc/image/scheme/applyer.png");
}
.icon3 {
	background-image: url("/website/pc/image/scheme/examer.png");
}
.icon4 {
	background-image: url("/website/pc/image/scheme/chapter.png");
}
.icon5 {
	background-image: url("/website/pc/image/scheme/file.png");
}
.flow-list li.line {
	background: url("/website/pc/image/arrow-right.png") no-repeat center / 40%; width: 95px;
}
.flow-list li.line span {
	display: inline-block;
}
.flow-text {
	width: 1200px; text-align: center;
}
.text-item {
	width: 20%;
}
.text-item h3 {
	margin: 25px 0px 5px; color: rgb(51, 51, 51); font-size: 20px;
}
.text-item p {
	padding: 0px 30px; color: rgb(153, 153, 153); font-size: 14px;
}
.company-con .img {
	flex:1 1 0px;
}
.company-con .intro-con {
	flex:1 1 0px;
}
.company-con .img img {
	margin: 0px auto; width: 92%; display: block;
}
.intro-con h2 {
	margin: 15px 0px; text-align: left; font-size: 20px;
}
.shortline-lg {
	margin: 0px 0px 25px; border: 1px solid rgb(51, 51, 51); border-image: none; width: 50px;
}
.intro-con p {
	line-height: 28px; font-size: 16px;
}
.department-con li {
	color: rgb(255, 255, 255); font-size: 24px;
}
.department-con li span {
	margin: 10px; color: rgb(64, 124, 247); font-size: 32px; font-weight: bold; display: inline-block;
}
.event_box {
	margin: 3% auto 0px; width: 80%; position: relative; min-height: 420px;
}
.event_box .parHd {
	width: 100%; height: 92px; overflow: hidden; display: inline-block;
}
.parHd ul {
	margin: 0px auto; width: 100%; text-align: center; padding-top: 25px !important;
}
.parHd .tempWrap {
	margin: 0px auto;
}
.parHd .tempWrap::after {
	background: rgb(51, 51, 51); top: 35%; width: 85%; height: 1px; right: 8%; position: absolute; z-index: 10; content: "";
}
.parHd li.no_line::before {
	display: none;
}
.parHd li {
	margin: 0px 30px; color: rgb(51, 51, 51); padding-top: 30px; font-size: 16px; display: inline-block; position: relative; cursor: pointer;
}
.parHd li::after {
	background: url("/website/pc/image/about/dot_ico.png") no-repeat; left: 50%; top: -12px; width: 24px; height: 24px; margin-left: -12px; position: absolute; z-index: 20; content: "";
}
.parBd {
	text-align: center; margin-top: 60px;
}
.parBd h4 {
	padding: 0px 60px; text-align: center; font-size: 40px; margin-bottom: 3%; display: inline-block; position: relative;
}
.parBd h4::after {
	background: rgb(0, 0, 0); left: -100px; width: 100px; height: 1px; bottom: 12px; position: absolute; content: "";
}
.parBd h4::before {
	background: rgb(0, 0, 0); width: 100px; height: 1px; right: -100px; bottom: 12px; position: absolute; content: "";
}
.parBd p {
	margin: 0px auto; width: 80%; color: rgb(51, 51, 51); line-height: 180%; font-size: 16px;
}
div#listBox {
	width: 100%;
}
.sPrev {
	top: 10px; width: 30px; height: 30px; display: block; position: absolute;
}
.sNext {
	top: 10px; width: 30px; height: 30px; display: block; position: absolute;
}
.sPrev {
	left: 0px;
}
.sNext {
	right: 0px;
}
.sPrev img {
	transition:0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
}
.sNext img {
	transition:0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
}
.honor-con h3 {
	margin: 20px auto; width: 900px;
}
.honor-con img {
	width: 1000px; display: block;
}
.about-depart-sm {
	display: none;
}
.about-warp {
	padding-top: 65px;
}
.join-scheme {
	background-position: center; background-image: url("/website/pc/image/scheme.png");
}
.form {
	margin: 0px auto; width: 480px;
}
.form li {
	height: 50px; line-height: 50px; margin-bottom: 20px;
}
.form li label {
	width: 90px; float: left; display: block;
}
.form li input:focus {
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.075);
}
.form li input {
	padding: 15px 10px; border-radius: 2px; border: 1px solid rgb(200, 200, 200); border-image: none; width: 340px; float: left; display: block;
}
.form .submit-btn {
	background: rgb(12, 77, 191); margin: 55px 0px 75px 80px; border-radius: 4px; width: 360px; height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; display: block;
}
.join-scheme-con li {
	transition:0.3s; width: 25%; text-align: center; color: rgb(255, 255, 255);
}
.join-scheme-con li h3 {
	margin: 10px 0px; line-height: 40px; font-size: 16px;
}
.join-scheme-con li img {
	margin: 0px auto; width: 100px; display: block;
}
.join-con h2 {
	color: rgb(255, 255, 255);
}
.join-con p {
	color: rgb(255, 255, 255);
}
.join-scheme-con li p {
	color: rgb(255, 255, 255);
}
.join-warp {
	margin-top: 65px;
}
.service-warp {
	padding-top: 65px;
}
table {
	margin: 30px auto; width: 900px;
}
th {
	border: 1px solid rgb(12, 77, 191); border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: 40px; background-color: rgb(12, 77, 191);
}
td {
	border: 1px solid rgb(153, 153, 153); border-image: none; text-align: center; color: rgb(75, 81, 83); line-height: 40px;
}
.pic-sm {
	justify-content: space-between; align-items: center;
}
.pic-text-sm {
	justify-content: space-between; align-items: center;
}
.pic-sm img {
	margin: 0px auto; width: 15%; display: block;
}
.pic-text-sm span {
	width: 50%; line-height: 22px; font-size: 14px; display: inline-block;
}
.service-inner {
	height: 650px; position: relative;
}
.service-con img {
	left: 50%; top: 50%; width: 400px; text-align: center; color: rgb(255, 255, 255); font-size: 30px; display: block; position: absolute; transform: translate(-50%, -50%);
}
.ser-center {
	left: 50%; top: 50%; width: 400px; text-align: center; color: rgb(255, 255, 255); font-size: 30px; display: block; position: absolute; transform: translate(-50%, -50%);
}
.ser-center {
	top: 48%;
}
.service-con .ser-text {
	position: absolute;
}
.service-con .ser-text h3 {
	color: rgb(12, 77, 191); font-size: 30px; margin-bottom: 10px;
}
.service-con .ser-text p {
	width: 300px; font-size: 16px;
}
.ser1 {
	left: 90px; top: 150px; text-align: right;
}
.ser2 {
	top: 350px; right: 80px;
}
.ser3 {
	top: 150px; right: 90px;
}
.ser4 {
	left: 37.5%; text-align: center; bottom: 20px;
}
.ser5 {
	left: 80px; top: 350px; text-align: right;
}
.service-text-sm li {
	margin: 15px; padding: 10px; border-radius: 10px; border: 1px dashed rgb(12, 77, 191); border-image: none; line-height: 30px;
}
.service-text-sm li span {
	color: rgb(12, 77, 191); font-size: 18px;
}
.scance_img {
	width: 530px;
}
@media screen and (max-width:768px)
{
.scance_img {
	width: 100% !important;
}
.banner {
	margin-top: 54px !important;
}
.js-silder {
	margin-top: 54px !important;
}
.product-warp {
	margin-top: 54px !important;
}
.coop-warp {
	margin-top: 54px !important;
}
.news-warp {
	margin-top: 54px !important;
}
.about-warp {
	margin-top: 54px !important;
}
.join-warp {
	margin-top: 54px !important;
}
.coop-warp .banner {
	display: none;
}
.news-warp .banner {
	display: none;
}
.service-warp .banner {
	display: none;
}
.about-warp .banner {
	display: none;
}
.swiper-button-next {
	background-color: rgb(51, 51, 51) !important;
}
.swiper-button-prev {
	background-color: rgb(51, 51, 51) !important;
}
.slider-text {
	font-size: 16px;
}
.banner .text {
	display: none;
}
.section h2 {
	margin: 15px 0px 10px;
}
.video-warp {
	width: 80% !important;
}
.player video {
	width: 100% !important;
}
.section h2 {
	font-size: 20px;
}
.news {
	width: 100%; flex-direction: column;
}
.news-slider {
	width: 100% !important;
}
.news-infor {
	width: 100% !important;
}
.product-flow {
	width: 100% !important;
}
.product-item > div {
	width: 100% !important;
}
.coop {
	width: 100% !important;
}
.product-item .shortline {
	width: 20px !important;
}
.swiper-container {
	height: auto !important;
}
.news-infor li {
	background: rgb(249, 249, 249) !important; padding: 10px 10px 25px !important; width: 100% !important; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.news-infor li h4 {
	height: auto !important; line-height: 22px !important; padding-bottom: 10px; font-size: 16px !important; margin-bottom: 0px !important;
}
.news-infor li p {
	font-size: 14px !important;
}
.cooplist {
	justify-content: center; flex-warp: warp;
}
.cooplist li {
	width: 40% !important;
}
.coop .cooplist li img {
	width: 80% !important;
}
.more-coop {
	padding-bottom: 30px;
}
.more-coop a {
	margin-top: 15px !important; margin-right: auto; margin-bottom: auto; margin-left: auto;
}
.product-flow {
	padding: 0px !important; display: flex !important; flex-direction: row !important;
}
.flow-list {
	width: 30% !important; flex-direction: column !important; justify-content: flex-start !important;
}
.flow-list li {
	margin: 10px auto !important; width: 60px !important; height: 60px !important;
}
.flow-list li.line {
	background: url("/website/pc/image/scheme/down.png") no-repeat center / 40% !important; margin: 0px auto !important; width: 60px !important; height: 40px !important;
}
.flow-text {
	width: 80% !important; flex-direction: column !important; justify-content: flex-start !important;
}
.flow-text li {
	padding-bottom: 32px !important;
}
.flow-text li:last-child {
	margin-bottom: 0px !important;
}
.text-item {
	width: 100% !important;
}
.text-item h3 {
	margin-top: 10px !important;
}
.text-item p {
	margin: 0px !important; padding: 0px 20px !important;
}
.product-item {
	padding-top: 20px !important;
}
.product-item > div {
	flex-direction: column;
}
.product-item .pic-item {
	flex-direction: row !important;
}
.product-item-spel {
	padding: 30px 5px !important;
}
.lg {
	display: none !important;
}
.sm {
	display: block !important;
}
.item-text {
	width: 100% !important;
}
.item-img {
	width: 100% !important;
}
.item-text {
	left: 0px; top: 0px; position: static !important; transform: translate(0px, 0px);
}
.position-auto {
	left: 0px; top: 0px; position: static !important; transform: translate(0px, 0px);
}
.position-auto h3 {
	text-align: center; font-size: 20px !important;
}
.product-item .item-text p {
	padding: 15px 10px 10px; text-align: center; color: rgb(75, 81, 83); font-size: 14px;
}
.item-img .img1 {
	width: 230px !important;
}
.item-img .img2 {
	width: 180px !important;
}
.item-img .img3 {
	width: 170px !important;
}
.item-img .img4 {
	width: 225px !important;
}
.pic ul li {
	width: 90%; height: 26px; line-height: 26px; overflow: hidden; font-size: 12px; margin-bottom: 20px;
}
.pic img {
	width: 60px !important;
}
.fun-list li {
	margin: 10px 0px !important;
}
.fun-list li img {
	width: 70px !important;
}
.fun-warp {
	flex-direction: column;
}
.fun-list li .text h3 {
	font-size: 16px;
}
.fun-list li .text p {
	font-size: 14px;
}
.coop-warp {
	width: 100% !important;
}
.coop-item li {
	width: 40% !important; height: 60px !important;
}
.coop-item li img {
	width: 88% !important;
}
.coop-container {
	width: 100% !important; height: auto !important;
}
.scheme-scene {
	width: 100% !important; padding-top: 0px !important;
}
.scheme-scene {
	flex-direction: column;
}
.scene-item {
	flex-direction: column;
}
.scheme-list {
	width: 100% !important; padding-top: 20px !important; padding-bottom: 0px !important; flex-direction: column;
}
.scheme-list-item li {
	padding: 0px 20px; justify-content: flex-start !important;
}
.scheme-list-item li .img img {
	width: 50px !important; margin-top: 0px; margin-right: 10px !important; margin-bottom: 0px; margin-left: auto;
}
.scheme-list-item li .text h3 {
	font-size: 18px;
}
.scheme-list-item li .text p {
	width: 100%; font-size: 14px;
}
.scene-item {
	margin: 0px auto 20px !important;
}
.scene-item img {
	width: 100% !important;
}
.scene-item .text h3 {
	margin: 10px 0px !important; line-height: 20px; font-size: 18px;
}
.scheme-scene-lg {
	display: none;
}
.scheme-scene-sm {
	display: block;
}
.scheme-scene-sm img {
	margin: 10px auto; width: 90%; display: block;
}
.scheme-list-sm {
	margin: 20px auto 10px; width: 80%;
}
.scheme-list-sm li {
	margin: 10px 0px; line-height: 22px; padding-left: 20px; font-size: 14px; position: relative;
}
.scheme-list-sm li::before {
	background: rgb(12, 77, 191); left: 0px; top: 6px; width: 10px; height: 10px; display: block; position: absolute; content: "";
}
.scheme-con {
	padding-bottom: 10px !important;
}
.img-warp {
	width: 100% !important;
}
.article-list li {
	margin: 15px; padding: 15px;
}
.article-list-item {
	flex-direction: column;
}
.article-list-item .text {
	padding: 0px !important; width: 100% !important;
}
.article-list-item .img {
	padding: 0px !important; width: 100% !important;
}
.article-list-item .img img {
	width: 100% !important; height: 150px !important; margin-bottom: 10px;
}
.article-list-item .text {
	padding-bottom: 30px !important;
}
.publish-date {
	left: 0px !important; font-size: 12px;
}
.article-list-item h6 {
	line-height: 30px; font-size: 18px; margin-bottom: 5px;
}
.article-list-item h6 span {
	display: none;
}
.article-list-item p {
	font-size: 14px;
}
.about-warp {
	padding-top: 0px;
}
.company-con {
	width: 100% !important;
}
.department-con {
	width: 100% !important;
}
.honor-con {
	width: 100% !important;
}
.about-company {
	padding-bottom: 0px !important;
}
.company-con > div {
	flex-direction: column;
}
.company-con .img img {
	width: 90%;
}
.intro-center {
	padding: 20px;
}
.about-depart {
	display: none;
}
.honor-con h3 {
	display: none;
}
.honor-con img {
	width: 93% !important;
}
.about-depart-sm {
	display: block;
}
.about-depart-sm h3 {
	padding: 8px 0px;
}
.swiper-button-next {
	width: 20px; height: 28px; background-size: 15px 19px;
}
.swiper-button-prev {
	width: 20px; height: 28px; background-size: 15px 19px;
}
.join-scheme-con {
	width: 100%; padding-top: 20px;
}
.join-scheme-con ul {
	flex-direction: column;
}
.join-scheme-con ul li {
	margin: 10px auto; width: 90% !important; overflow: hidden; align-items: center;
}
.join-scheme-con ul li img {
	margin: 10px !important; width: 15% !important; float: left; display: block;
}
.join-scheme-con ul li h3 {
	text-align: left;
}
.join-scheme-con ul li p {
	text-align: left;
}
.join-scheme-con ul li h3 {
	margin: 0px !important; line-height: 30px;
}
.join-scheme-con ul li p {
	font-size: 14px;
}
.join-con {
	width: 100% !important;
}
.form {
	width: 100% !important;
}
.form li {
	padding: 0px 20px !important; margin-bottom: 10px !important;
}
.form label {
	display: none !important;
}
.form input {
	margin: 10px auto !important; padding: 10px !important; width: 80% !important; float: none !important;
}
.form .submit-btn {
	margin: 15px auto !important; width: 78%;
}
.service-warp-sm {
	display: block;
}
.service-warp {
	display: none;
}
}