/*bootstrap.min.css*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@font-face {
	font-family: myFirstFont;
src: url('../css/fonts/zhangheng.ttf'),
     url('/fontzyh/PingFang-SC-Regular.otf'); /* IE9+ */
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background-color: transparent
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	margin: .67em 0;
	font-size: 2em
}

mark {
	color: #000;
	background: #ff0
}

small {
	font-size: 80%
}

sub,sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid silver
}

legend {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td,th {
	padding: 0
}

.a1 a {
    display: block;}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
	*,:after,:before {
		color: #000!important;
		text-shadow: none!important;
		background: 0 0!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important
	}

	a,a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	a[href^="javascript:"]:after,a[href^="#"]:after {
		content: ""
	}

	blockquote,pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	img,tr {
		page-break-inside: avoid
	}

	img {
		max-width: 100%!important
	}

	h2,h3,p {
		orphans: 3;
		widows: 3
	}

	h2,h3 {
		page-break-after: avoid
	}

	.navbar {
		display: none
	}

	.btn>.caret,.dropup>.btn>.caret {
		border-top-color: #000!important
	}

	.label {
		border: 1px solid #000
	}

	.table {
		border-collapse: collapse!important
	}

	.table td,.table th {
		background-color: #fff!important
	}

	.table-bordered td,.table-bordered th {
		border: 1px solid #ddd!important
	}
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after,:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
	font-family: Roboto,sans-serif;
	font-size: 14px;
	line-height: 1.57142857;
	color: #76838f;
	background-color: #fff
}

button,input,select,textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #62a8ea;
	text-decoration: none
}

a:focus,a:hover {
	color: #89bceb;
	text-decoration: underline
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

figure {
	margin: 0
}

img {
	vertical-align: middle
}



hr {
	margin-top: 22px;
	margin-bottom: 22px;
	border: 0;
	border-top: 1px solid #e4eaec
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family: Roboto,sans-serif;
	font-weight: 400;
	line-height: 1.2;
	color: #37474f
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-weight: 400;
	line-height: 1;
	color: #a3afb7
}

.h1,.h2,.h3,h1,h2,h3 {
	margin-top: 22px;
	margin-bottom: 11px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
	font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
	margin-top: 11px;
	margin-bottom: 11px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-size: 75%
}

.h1,h1 {
	font-size: 36px
}

.h2,h2 {
	font-size: 30px
}

.h3,h3 {
	font-size: 22px
}

.h4,h4 {
	font-size: 18px
}

.h5,h5 {
	font-size: 14px
}

.h6,h6 {
	font-size: 12px
}

p {
	margin: 0 0 11px
}

.lead {
	margin-bottom: 22px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}


input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
	width: 100%
}

.btn {
	padding: 6px 15px;
	font-size: 14px;
	line-height: 1.57142857;
	border-radius: 3px;
	-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	-o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	-webkit-font-smoothing: subpixel-antialiased
}

.btn.active:focus,.btn:active:focus,.btn:focus {
	outline: 0
}

.btn.active,.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn .icon {
/*width:1em;*/
	margin: -1px 3px 0;
	line-height: inherit;
	text-align: center
}

.btn .badge {
	top: 0
}

.btn-icon,.btn.icon {
	padding: 10px;
	line-height: 1em
}

.btn-icon.btn-xs,.btn.icon.btn-xs {
	padding: 4px;
	font-size: 12px
}

.btn-icon.btn-sm,.btn.icon.btn-sm {
	padding: 8px;
	font-size: 14px
}

.btn-icon.btn-lg,.btn.icon.btn-lg {
	padding: 12px;
	font-size: 20px
}

.btn-icon.disabled,.btn.icon.disabled {
	color: #a3afb7
}

.btn-icon .icon {
	margin: -1px 0 0
}

.btn-file {
	position: relative;
	overflow: hidden
}



@media (max-width:767px) {
	.form-inline .form-group {
		margin-right: 0
	}
}

.btn {
	padding: 6px 15px;
	font-size: 14px;
	line-height: 1.57142857;
	border-radius: 3px;
	-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	-o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	-webkit-font-smoothing: subpixel-antialiased
}

.btn.active:focus,.btn:active:focus,.btn:focus {
	outline: 0
}

.btn.active,.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn .icon {
/*width:1em;*/
	margin: -1px 3px 0;
	line-height: inherit;
	text-align: center
}

.btn-block {
	white-space: normal
}



.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
	background-color: #89bceb;
	border-color: #89bceb
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	background-color: #4e97d9;
	border-color: #4e97d9
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	background-color: #4e97d9;
	border-color: #4e97d9
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
	color: #fff;
	background-color: #a2caee;
	border-color: #a2caee
}

.btn-primary.btn-up:before {
	border-bottom-color: #62a8ea
}

.btn-primary.btn-up:focus:before,.btn-primary.btn-up:hover:before {
	border-bottom-color: #89bceb
}

.btn-primary.btn-up.active:before,.btn-primary.btn-up:active:before,.open>.dropdown-toggle.btn-primary.btn-up:before {
	border-bottom-color: #4e97d9
}

.btn-primary.btn-right:before {
	border-left-color: #62a8ea
}

.btn-primary.btn-right:focus:before,.btn-primary.btn-right:hover:before {
	border-left-color: #89bceb
}

.btn-primary.btn-right.active:before,.btn-primary.btn-right:active:before,.open>.dropdown-toggle.btn-primary.btn-right:before {
	border-left-color: #4e97d9
}

.btn-primary.btn-bottom:before {
	border-top-color: #62a8ea
}

.btn-primary.btn-bottom:focus:before,.btn-primary.btn-bottom:hover:before {
	border-top-color: #89bceb
}

.btn-primary.btn-bottom.active:before,.btn-primary.btn-bottom:active:before,.open>.dropdown-toggle.btn-primary.btn-bottom:before {
	border-top-color: #4e97d9
}

.btn-primary.btn-left:before {
	border-right-color: #62a8ea
}

.btn-primary.btn-left:focus:before,.btn-primary.btn-left:hover:before {
	border-right-color: #89bceb
}

.btn-primary.btn-left.active:before,.btn-primary.btn-left:active:before,.open>.dropdown-toggle.btn-primary.btn-left:before {
	border-right-color: #4e97d9
}

.btn-pure.btn-primary {
	color: #62a8ea
}

.btn-pure.btn-primary.active,.btn-pure.btn-primary:active,.btn-pure.btn-primary:focus,.btn-pure.btn-primary:hover,.open>.dropdown-toggle.btn-pure.btn-primary {
	color: #3583ca
}

.btn-pure.btn-primary.active.focus,.btn-pure.btn-primary.active:focus,.btn-pure.btn-primary.active:hover,.btn-pure.btn-primary:active.focus,.btn-pure.btn-primary:active:focus,.btn-pure.btn-primary:active:hover,.btn-pure.btn-primary:focus.focus,.btn-pure.btn-primary:focus:focus,.btn-pure.btn-primary:focus:hover,.btn-pure.btn-primary:hover.focus,.btn-pure.btn-primary:hover:focus,.btn-pure.btn-primary:hover:hover,.open>.dropdown-toggle.btn-pure.btn-primary.focus,.open>.dropdown-toggle.btn-pure.btn-primary:focus,.open>.dropdown-toggle.btn-pure.btn-primary:hover {
	color: #3583ca
}

.btn-pure.btn-primary.active .badge,.btn-pure.btn-primary:active .badge,.btn-pure.btn-primary:focus .badge,.btn-pure.btn-primary:hover .badge,.open>.dropdown-toggle.btn-pure.btn-primary .badge {
	color: #3583ca
}

.hide {
	display: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family: Roboto,sans-serif;
	font-weight: 400;
	line-height: 1.2;
	color: #dc122c;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-weight: 400;
	line-height: 1;
	color: #a3afb7
}

.h1,.h2,.h3,h1,h2,h3 {
	margin-top: 22px;
	margin-bottom: 11px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
	font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
	margin-top: 11px;
	margin-bottom: 11px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-size: 75%
}

.h1,h1 {
	font-size: 36px
}

.h2,h2 {
	font-size: 30px
}

.h3,h3 {
	font-size: 22px
}

.h4,h4 {
	font-size: 18px
}

.h5,h5 {
	font-size: 14px
}

.h6,h6 {
	font-size: 12px
}

p {
	margin: 0 0 11px
}

.mark,mark {
	padding: .2em;
	background-color: #f2a654
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

ol,ul {
	margin-top: 0;
	margin-bottom: 11px
}

ol ol,ol ul,ul ol,ul ul {
	margin-bottom: 0
}

dl {
	margin-top: 0;
	margin-bottom: 22px
}

dd,dt {
	line-height: 1.57142857
}

dt {
	font-weight: 700
}

dd {
	margin-left: 0
}

@media (min-width:768px) {

.col-lg-3,.col-md-6,.col-xs-4 {
	position: relative;
	min-height: 1px;
/*padding-right:15px;padding-left:15px*/
}

.col-xs-4 {
	float: left
}

@media (min-width:992px) {
	.col-md-6 {
		float: left
	}

	.
		.col-md-6 {
		width: 50%
	}
}

@media (min-width:1200px) {
	.col-lg-3 {
		float: left
	}

	.col-lg-3 {
		width: 25%
	}
}

.form-group {
	margin-bottom: 30px
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
	display: none!important
}

@media (max-width:767px) {
	.visible-xs-block {
		display: block!important
	}
}

@media (max-width:767px) {
	.visible-xs-inline {
		display: inline!important
	}
}

@media (max-width:767px) {
	.visible-xs-inline-block {
		display: inline-block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block!important
	}

	table.visible-sm {
		display: table!important
	}

	tr.visible-sm {
		display: table-row!important
	}

	td.visible-sm,th.visible-sm {
		display: table-cell!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-block {
		display: block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block!important
	}

	table.visible-md {
		display: table!important
	}

	tr.visible-md {
		display: table-row!important
	}

	td.visible-md,th.visible-md {
		display: table-cell!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display: block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block!important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display: block!important
	}

	table.visible-lg {
		display: table!important
	}

	tr.visible-lg {
		display: table-row!important
	}

	td.visible-lg,th.visible-lg {
		display: table-cell!important
	}
}

@media (min-width:1200px) {
	.visible-lg-block {
		display: block!important
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}

@media print {
	.hidden-print {
		display: none!important
	}
}
/*bootstrap-extend.min.css*/

border-color:#f96868
}

code {
border: 1px solid #bcd8f1
}

pre code {
border: none
}

.container {
max-width: 100%
}

@media (min-width:1600px) {
.container {
	width: 1310px
}}

/*site.min.css*/
body {
	font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial,sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial,sans-serif;
}

html,
body {
	height: 100%;
}

body {
	padding-top: 0px;
}
.white {
	color: #fff !important;
}

/*.wb-chevron-up:before{content:"\f180"}*/
.wb-chevron-up-mini:before {
	content: "\f182"
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}




.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translate(0,-50%);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}


/*返回顶部*/
.met-scroll-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 10;
}

/*全局样式*/
html,
body {
	width: 100%;
	max-width: 100%;
	min-width: 320px;
}

body {
	overflow-x: hidden;
	font: 14px/1.5 "微软雅黑";
	color: #2a333c;
}

/* 省略号 */
.slh,
.pager li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 延迟加载背景图片 */
img.imgload:not([src*=base64]),
img.slick-loading:not([src*=base64]) {
	object-fit: none;
}
/* 其他 */
.hidden-pc {
	display: none;
}


/*footer*/
footer {
	height: auto;
	border-top: 1px solid #f0f2f5;
	padding: 20px 0px;
	color: #aaaaaa;
	line-height: 1.8;
}

footer p {
	margin-bottom: 0px;
}
/*多语言*/

/*首页*/
















/*other.css*/
html,body {
	height: 100%;
	color: #393939;
}

a {
	color: #393939;
}

a:focus,a:hover,a:active {
	color: #feda02;
	text-decoration: none;
}

a:-webkit-any-link {
	text-decoration: none;
}

b,strong {
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	text-shadow: none;
}

@media (max-width:767px) {
	video {
		max-width: 100%;
		height: auto;
	}

	iframe {
		max-width: 100%;
	}
}

.clear-box {
	clear: both;
}














.table-box {
	display: table;
	width: 100%;
	height: 100%;
}

.table-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.cover {
	width: 100%;
	height: 100%;
	overflow: visible;
}







section[role=main] {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

.main-box {
	position: relative;
	width: 100%;
	height: 100%;
 /*background:#eff2f4;*/
	overflow: hidden;
}

body.active .main-box {
	height: auto;
	min-height: 100%;
}

/*web-icons.min.css*/
@font-face{font-family:'Web Icons';font-style:normal;font-weight:400;src:url(../css/fonts/web-icons.eot);src:url(../css/fonts/web-icons.eot) format('embedded-opentype'),url(../css/fonts/web-icons.woff2) format('woff2'),url(../css/fonts/web-icons.woff) format('woff'),url(../css/fonts/web-icons.ttf) format('truetype'),url(../css/fonts/web-icons.svg) format('svg')}[class*=" wb-"],[class^=wb-]{position:relative;display:inline-block;font-family:'Web Icons';font-style:normal;font-weight:400;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*.wb-chevron-up:before{content:"\f180"}*/
.wb-chevron-up-mini:before{content:"\f182"}


/*font-awesome.min.css*/
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */[class*=" fa-"],[class^=fa-]{position:relative;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(../css/fonts/fontawesome-webfont.eot);src:url(../css/fonts/fontawesome-webfont.eot) format('embedded-opentype'),url(../css/fonts/fontawesome-webfont.woff2) format('woff2'),url(../css/fonts/fontawesome-webfont.woff) format('woff'),url(../css/fonts/fontawesome-webfont.ttf) format('truetype'),url(../css/fonts/fontawesome-webfont.svg) format('svg')}.fa-glass:before{content:"\f000"}
 .fa-music:before{content:"\f001"}
 
 
 
 .fa-angle-left:before{content:"\f104"}
 .fa-angle-right:before{content:"\f105"}
 .fa-angle-up:before{content:"\f106"}
 .fa-angle-down:before{content:"\f107"}
 .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
 .fa-smile-o:before{content:"\f118"}
 .fa-eye:before{content:"\f06e"}
 .fa-eye-slash:before{content:"\f070"}
 .fa-clock-o:before{content:"\f017"}
 .fa-arrow-left:before{content:"\f060"}
 .fa-th-list:before{content:"\f00b"}
 .fa-qq:before{content:"\f1d6"}
 .fa-weibo:before{content:"\f18a"}
 .fa-weixin:before{content:"\f1d7"}
 .fa-search:before{content:"\f002"}
 .fa-search-plus:before{content:"\f00e"}
 .fa-search-minus:before{content:"\f010"}
 .fa-arrows-alt:before{content:"\f0b2"}

/*header[role=heading]{position:fixed; width:240px; height:100%; left:-240px; top:0; background:#fff; text-align:center; z-index:9999999;
transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}*/
header[role=heading].active {
	left: 0;
}

.head-box {
	width: 240px;
	height: 100%;
	overflow: auto;
}

.head-top,.head-bottom {
	overflow: hidden;
}

.logo-box {
	margin: 30px 0;
}

.logo-box img {
	max-width: 100%;
}

.jodo-box {
	margin: 30px 0;
}

.jodo-box p {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	width: 130px;
}

.jodo-box p img {
	max-width: 100%;
	margin-bottom: 5px;
}

.jodo-box p em.fa {
	font-size: 22px;
	line-height: 1.05;
	width: auto;
	padding: 0 1px 0 4px;
	position: relative;
	bottom: -4px;
	top: 2px;
}

.foto-box {
	position: relative;
	z-index: 9;
	margin: 30px 0;
}

.foto-cut {
	padding: 0 10px;
}

.foto-cut p {
	margin: 0;
}

@media (max-height:768px) {
	.logo-box {
		margin: 20px 0;
	}

	.jodo-box {
		margin: 20px 0;
	}

	.foto-box {
		margin: 20px 0;
	}
}

.nav-cut {
	position: relative;
	text-align: center;
	line-height: 36px;
	overflow: auto;
}

.nav-cut>ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav-cut>ul>li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
}

.nav-cut>ul>li.background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 98;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
}

.nav-cut>ul>li.background:before {
	content: '-';
	width: 130px;
	background: #feda02;
	color: #feda02;
	margin: 0 auto;
 /*border-radius:32px;*/
	display: block;
	cursor: pointer;
}

.nav-cut>ul>li>a {
/*display:block;*/
	padding: 8px 38px;
	position: relative;
	z-index: 99;
}

.nav-cut>ul>li:hover>a,
.nav-cut>ul>li.active>a,
.nav-cut>ul:hover>li.active:hover>a {
	transition: .05s .2s;
	-moz-transition: .05s .2s;
	-ms-transition: .05s .2s;
	-o-transition: .05s .2s;
	-webkit-transition: .05s .2s;
}

.nav-cut>ul:hover>li.active>a {
	color: #393939;
	transition: .05s;
	-moz-transition: .05s;
	-ms-transition: .05s;
	-o-transition: .05s;
	-webkit-transition: .05s;
}

.nav-cut ul>li>ul {
	position: fixed;
 /*left:188px;*/
	left: 165px;
	top: 50%;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	z-index: 99;
	transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transform: translate(0,-40%);
	-moz-transform: translate(0,-40%);
	-ms-transform: translate(0,-40%);
	-o-transform: translate(0,-40%);
	-webkit-transform: translate(0,-40%);
	visibility: hidden;
	opacity: 0;
}

.nav-cut ul>li>ul:before {
	content: '';
	display: block;
	position: absolute;
	left: 4px;
	top: 50%;
	margin: -10px 0 0 0;
	border-width: 9px 16px 9px 0;
	border-style: solid;
	border-color: transparent rgba(0,0,0,.7) transparent transparent;
}

.nav-cut ul>li>ul>li>ul {
	position: absolute;
	left: 100%;
}

.nav-cut ul>li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

.nav-cut ul>li>ul>li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,.7);
	position: relative;
	cursor: pointer;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
}

.nav-cut ul>li>ul>li:hover {
	background: #000;
}

.nav-cut ul>li>ul>li:first-child {
/*border-top-right-radius:10px; border-top-left-radius:10px;*/
	padding-top: 5px;
}

.nav-cut ul>li>ul>li:last-child {
/*border-bottom-right-radius:10px; border-bottom-left-radius:10px;*/
	padding-bottom: 5px;
}

.nav-cut ul>li>ul>li>a {
	display: block;
 /*padding:0 40px;*/ /*width: 120px;*/
	width: 160px;
	color: #eee;
	position: relative;
	z-index: 99;
	white-space: nowrap;
}

@media (max-width:767px) {
	.nav-cut ul>li>ul {
		position: relative;
		left: 0;
		top: 0 !important;
		padding: 20px 0 0 0;
		width: 180px;
		margin: 0 auto;
		transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		display: none;
		visibility: visible;
		opacity: 1;
	}

	.nav-cut ul>li>ul:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 4px;
		margin: 0 0 0 -10px;
		border-width: 0 9px 16px 9px;
		border-style: solid;
		border-color: transparent transparent #171717 transparent;
	}

	.nav-cut ul>li:hover>ul {
		visibility: visible;
		opacity: 1;
		display: none;
		transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}

	.nav-cut ul>li>ul>li>ul {
		position: relative;
		left: 0;
		width: 178px;
	}

	.nav-cut ul>li>ul>li>ul:before {
		border-color: transparent transparent #fff transparent;
	}

	.nav-cut ul>li>ul>li>ul>li {
		background: #fff;
	}

	.nav-cut ul>li>ul>li>ul>li:hover {
		background: #fff;
	}

	.nav-cut ul>li>ul>li>ul>li>a {
		color: #393939;
	}
}
.window-head {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	width: 100%;
	height: 70px;
	background: rgba(254,218,2,1);
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.window-head hr {
	display: block;
	position: absolute;
	width: 0;
	height: 3px;
	border: none;
	margin: 0;
	padding: 0;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	background: #feda02;
	top: 0;
	left: 0;
}

@media(min-width:1200px) {
	section[role=main].subpage.active {
		padding-left: 240px;
	}
}

.window-head .head-left {
	position: absolute;
	left: 5%;
	top: 50%;
	color: #fff;
	cursor: pointer;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

.window-head .head-left img {
	max-width: 100%;
	max-height: 70px;
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	-webkit-transform-origin: left center;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

@media(min-width:300px) {
	.window-head .head-left {
		width: 70%;
	}
}

@media(min-width:768px) {
	.window-head .head-left {
		width: 50%;
	}
}

@media(min-width:1200px) {
	.window-head .head-left {
		width: 20%;
	}
}

@media(min-width:1440px) {
	.window-head .head-left {
		width: 25%;
	}
}

.window-head ul {
	position: absolute;
	left: 50%;
	top: 50%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.window-head ul li {
	list-style: none;
	cursor: pointer;
	padding: 13px 18px  11px 18px;  text-align: center; line-height: 34px;
	margin: 0;
	color: #ccc;
	display: inline-block;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
.window-head ul li a{width:60px; display: block;border-bottom: 2px solid #feda02;}
.window-head ul li a:hover {
	/* font-weight: 600; */border-bottom: 2px solid #000;
}

.window-head ul li.active {
	color: #feda02; border-bottom: 2px solid #000;
}

.window-head .head-right {
	position: absolute;
	right: 5%;
	top: 50%;
	margin: 0;
	height: 28px;
	padding-right: 28px;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

.window-head .head-right.r0 {
	right: 2.5%;
	padding-right: 0 !important;
}

.window-head .head-right i {
	color: #feda02;
	font-size: 20px;
	border: 2px solid #feda02;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.window-head .head-right b {
	color: #feda02;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 26px;
	height: 28px;
	line-height: 26px;
	float: left;
	display: block;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.window-head .head-rights {
	position: absolute;width: 70px;
	right: 1%;
	top: 50%;
	height: 28px;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.window-head .head-rights img{position: absolute;
    right: 0px;
    top: 0;}

.window-head .head-rights ol {
	font-style: normal;
	margin: 0px 1px;
	padding: 0;
    width:26px;
	height: 26px;
	display: block;
	cursor: pointer;
}

.window-head .head-rights ol:after {
	display: block;
	margin: 0;
	padding: 0;
	content: '';
	clear: both;
}

.window-head .head-rights ol li {
	width: 11px;
	height: 11px;
	float: left;
	margin: 1px;
	background: rgba(255,255,255,.5);
	display: block;
	overflow: hidden;
}

.window-head .head-rights ol.active li {
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
}

.window-head.active {
	height: 70px;
	background: rgba(0,0,0,.5);
}

.window-head.active .head-left img {
	transform: scale(.777777);
	-moz-transform: scale(.777777);
	-ms-transform: scale(.777777);
	-o-transform: scale(.777777);
	-webkit-transform: scale(.777777);
}

.window-head.active ul li {
	font-size: 16px;
}

.window-head.active .head-right {
	height: 24px;
	padding-right: 24px;
}

.window-head.active .head-right b {
	font-size: 20px;
	height: 24px;
	letter-spacing: 0;
	line-height: 24px;
}

.window-head.active .head-right i {
	font-size: 14px;
	width: 24px;
	height: 24px;
	line-height: 20px;
}

.window-head.active .head-rights {
	height: 24px;
}

.window-head.active .head-rights ol {
	width: 22px;
	height: 22px;
}

.window-head.active .head-rights ol li {
	width: 9px;
	height: 9px;
}

.window-box {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.window-cut {
	width: 100%;
	height: 100%;
	transition-timing-function: cubic-bezier(1,0,.5,1);
	-moz-transition-timing-function: cubic-bezier(1,0,.5,1);
	-ms-transition-timing-function: cubic-bezier(1,0,.5,1);
	-o-transition-timing-function: cubic-bezier(1,0,.5,1);
	-webkit-transition-timing-function: cubic-bezier(1,0,.5,1);
}

.window-back {
	width: 100%;
	height: 100%;
	padding-top: 70px;
	position: relative;
	background-position: center!important;
	background-size: cover!important;
}

.window-back.banner {
	padding: 0;
}

@media (max-width:767px) {
	.window-head {
		height: 70px;
	}
}

@media (max-width:767px) and (orientation:landscape) {
	.window-head .head-right b {
		letter-spacing: normal;
	}
}

@media (max-width:767px) and (orientation:portrait) {
	.window-head .head-left {
		left: 15px;
	}

	.window-head .head-right {
		right: 15px;
	}

	.window-head .head-right b {
		display: none;
	}

	.window-head .head-right i {
		top: 0;
		left: 0;
	}
}

@media (max-width:320px) {
	.window-head .head-right {
		padding-right: 15px;
	}
}

.met-banner {
	display: block;
}

.banner-box {
	width: 100%;
	height: 100%;
	position: relative;
}

.banner-box.sidebar {
	height: auto;
}

.banner-box.sidebar .banner-cut:after {
	display: table;
	clear: both;
	content: '';
}

.banner-cut {
	width: 1000%;
	height: 100%;
}

.banner-bin {
	width: 10%;
	height: 100%;
	float: left;
	display: block;
	overflow: hidden;
	background: center no-repeat;
	background-size: cover;
	position: relative;
}

.banner-absolute {
	position: absolute;
	width: 100%;
	height: 94%;
	top: 0;
	left: 0;
}

.banner-bin .table-box {
	padding-bottom: 6%;
}

.banner-bin .table-cell {
	position: relative;
}

.banner-box:hover .banner-ctrl {
	opacity: 1;
}

.banner-box.sidebar .banner-bin img {
	width: 100%;
}

.ctrl-box {
	opacity: .8;
}

.ctrl-box:hover {
	opacity: 1;
}

.banner-ctrl .ctrl-box {
	position: absolute;
	color: #a8a8a8;
	width: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 50px;
	cursor: pointer;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.banner-ctrl .ctrl-box:hover {
	color: #feda02;
}

.banner-ctrl .ctrl-left {
	left: 5%;
	top: 46%;
	margin-top: -40px;
}

.banner-ctrl .ctrl-right {
	right: 5%;
	top: 46%;
	margin-top: -40px;
}

.banner-news {
	position: absolute;
	top: 79%;
    /* left: 37.5%; */
    /* margin-left: -188px; */
    /* height: 30px; */
	line-height: 30px;
	text-align: center;
	width: 100%;
}

.banner-news b {
	float: left;
	color: #feda02;
	font-weight: bold;
	margin-right: 10px;
}

.banner-news span {
	float: left;
	overflow: hidden;
	height: 30px;
	overflow: hidden;
}

.banner-news span ol {
	float: left;
	margin: 0;
	padding: 0;
}

.banner-news span ol li {
	list-style: none;
	color: white;
	margin: 0;
	padding: 0 1px 0 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 270px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.banner-news span ol li a {
	color: #fff;
}

.banner-news span ol li a:hover {
	text-decoration: underline;
	color: #fff;
}

.banner-news p {
	float: left;
	margin: -3px 0 0 180px;
}

.banner-news p a {
	color: #feda02;
	border-bottom: 1px dotted #feda02;
}

.banner-pager {
	position: absolute;
	height: 3px;
	line-height: 0;
	top: 84%;
	bottom: auto !important;
	left: 0;
	right: 0;
	text-align: center;
}

.banner-pager .swiper-pagination-bullet {
	width: 40px;
	height: 3px;
	position: relative;
	line-height: 3px;
	border-radius: 0;
	background: #fff;
	opacity: 1;
}

.banner-pager .swiper-pagination-bullet:before {
	position: absolute;
	width: 40px;
	height: 30px;
	content: '';
	left: 0;
	top: -10px;
}

.banner-pager .swiper-pagination-bullet-active {
	background: #feda02;
}

.banner-down {
	position: absolute;
	bottom:10px;
	cursor: pointer;
	left: 50%;
	margin-left: -15px;
	width: 29px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	font-size: 14px;color: #050403;
}

.banner-down:before {
	content: '';
	position: absolute;
	display: block;
	width: 29px;
	height: 29px;
	/* background: #fff; */
	background:#feda02;
	opacity: .4;
	border-radius: 50%;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.banner-down:hover:before {
	background: #feda02;
	opacity: .6;
}

.banner-down i {
	position: relative;
	z-index: 2;
}

@media (max-width:1200px) {
	.banner-ctrl .ctrl-left {
		left: 0;
		top: 50%;
	}

	.banner-ctrl .ctrl-right {
		right: 0;
		top: 50%;
	}

	.banner-news {
		margin-left: 0px;
		left: 0%;
	}

	.banner-news span ol li {
		width: 230px;
	}

	.banner-news p {
		display: none;
	}
}

@media (max-width:767px) and (orientation:landscape) {
	.banner-absolute {
		height: 100%;
	}

	.banner-bin .table-box {
		padding-bottom: 0;
	}

	.banner-news {
		top: 90%;
		left: 12.5%;
		margin: -15px 0 0 0;
	}

	.banner-pager {
		top: 90%;
		width: auto !important;
		left: auto !important;
		right: 2.5%;
		margin-top: -1.5px;
	}

	.banner-down {
		top: 90%;
		left: 2.5%;
		margin: -24px 0 0 0;
	}
}

@media (max-width:767px) and (orientation:portrait) {
	.banner-bin.swiper-slide-active .banner-write .w1 {
		line-height: .4;
	}

	.banner-absolute {
		height: 80%;
	}

	.banner-bin .table-box {
		padding-bottom: 20%;
	}

	.banner-news {
		top: 74%;
	}

	.banner-pager {
		top: 82%;
	}

	.banner-down {
		top: 88%;
	}

	.banner-ctrl {
		display: none;
	}
}

.banner-write {
	position: relative;
	z-index: 992;
	word-break: break-all;
	padding: 0 10px;
}

.banner-write * {
	max-width: 100%;
}

.banner-write .w1 {
	font-family: Microsoft JhengHei;
	color: #fff;
	font-size: 263px;
	display: inline-block;
	line-height: 0;
	transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-ms-transition: .3s .4s;
	-o-transition: .3s .4s;
	transform: translateX(-150px) scale(.8);
	-moz-transform: translateX(-150px) scale(.8);
	-ms-transform: translateX(-150px) scale(.8);
	-o-transform: translateX(-150px) scale(.8);
	-webkit-transform: translateX(-150px) scale(.8);
	opacity: 0;
}

.banner-bin.swiper-slide-active .banner-write .w1 {
	transform: translate(0) scale(1);
	-moz-transform: translate(0) scale(1);
	-ms-transform: translate(0) scale(1);
	-o-transform: translate(0) scale(1);
	-webkit-transform: translate(0) scale(1);
	opacity: 1;
}

.banner-write .w2 {
	text-align: left;
	display: inline-block;
	padding-left: 10px;
	transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-ms-transition: .3s .4s;
	-o-transition: .3s .4s;
	transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px);
	-webkit-transform: translateX(150px);
	opacity: 0;
}

.banner-write .w2.cc {
	text-align: center;
	transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 0;
}

.banner-write .w2.wc {
	text-align: right;
	display: inline-block;
	padding: 0 420px 0 0;
	width: 768px;
	transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-ms-transition: .3s .4s;
	-o-transition: .3s .4s;
	transform: translateX(-150px);
	-moz-transform: translateX(-150px);
	-ms-transform: translateX(-150px);
	-o-transform: translateX(-150px);
	-webkit-transform: translateX(-150px);
	opacity: 0;
}

.banner-write.bw .w2 {
	text-align: center;
}

@media (max-width:1200px) {
	.banner-write .w2.wc {
		text-align: center;
		display: inline-block;
		padding: 0 0 0 0;
		width: auto;
		transform: translateX(-150px);
		-moz-transform: translateX(-150px);
		-ms-transform: translateX(-150px);
		-o-transform: translateX(-150px);
		-webkit-transform: translateX(-150px);
		opacity: 0;
	}
}

.banner-bin.swiper-slide-active .banner-write .w2 {
	transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
}

.banner-write .w2 .w21 {
	color: #fff;
	font-size: 36px;
	display: block;
}

.banner-write .w2.cc .w21 {
	transform: scale(1.2) translateY(-50px);
	-moz-transform: scale(1.2) translateY(-50px);
	-ms-transform: scale(1.2) translateY(-50px);
	-webkit-transform: scale(1.2) translateY(-50px);
	-o-transform: scale(1.2) translateY(-50px);
	transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-ms-transition: .3s .4s;
	-o-transition: .3s .4s;
}

.banner-bin.swiper-slide-active .banner-write .w2.cc .w21 {
	transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	-webkit-transform: scale(1) translateY(0);
	-o-transform: scale(1) translateY(0);
}

.banner-write .w2.cc .w22 {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-ms-transition: .3s .4s;
	-o-transition: .3s .4s;
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.banner-write .w2.cc .w23 {
	transform: translateY(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-ms-transition: .3s .4s;
	-o-transition: .3s .4s;
	-o-transform: translateY(150px);
	-webkit-transform: translateY(150px);
}

.banner-bin.swiper-slide-active .banner-write .w2.cc .w22,
.banner-bin.swiper-slide-active .banner-write .w2.cc .w23 {
	transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0);
}

.banner-write .w2 .w22 {
	line-height: .9;
	letter-spacing: -5px;
	font-family: Helvetica;
	font-size: 62px;
	color: #feda02;
	display: inline-block;
	border-bottom: 1px solid #feda02;
	margin: 5px 0 10px 0;
}

.banner-write .w2 .w23 {
	color: white;
	font-size: 16px;
	display: block;
}

.banner-write .w2 .w23 em {
	font-style: normal;
	color: #feda02;
}

@media (max-width:992px) {
	.banner-write .w1 {
		font-size: 213px;
	}

	.banner-write .w2 .w21 {
		font-size: 28px;
	}

	.banner-write .w2 .w22 {
		font-size: 66px;
		letter-spacing: -4px;
		margin: 3px 0 8px 0;
	}

	.banner-write .w2 .w23 {
		font-size: 14px;
	}
}

@media (max-width:480px) {
	.banner-write .w1 {
		font-size: 173px;
	}

	.banner-write .w2 {
		padding-left: 5px;
	}

	.banner-write .w2 .w21 {
		font-size: 24px;
	}

	.banner-write .w2 .w22 {
		font-size: 52px;
		letter-spacing: -2px;
		margin: 0 0 5px 0;
	}

	.banner-write .w2 .w23 {
		font-size: 12px;
	}
}

.banner-full {
	width: 800px;
	height: 350px;
	position: absolute;
	border: 2000px solid rgba(0,0,0,.4);
	box-sizing: content-box;
	margin: -2175px 0 0 -2400px;
	background: none;
	left: 50%;
	top: 50%;
	z-index: 991;
	transition: .5s .6s;
	-webkit-transition: .5s .6s;
	-moz-transition: .5s .6s;
	-ms-transition: .5s .6s;
	-o-transition: .5s .6s;
	transform: translate(1350px,750px);
	-moz-transform: translate(1350px,750px);
	-ms-transform: translate(1350px,750px);
	-o-transform: translate(1350px,750px);
	-webkit-transform: translate(1350px,750px);
}

.banner-bin.swiper-slide-active .banner-full {
	transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0);
}

.banner-full ol,.banner-full ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.banner-full ol li,.banner-full ul li {
	border-color: #feda02;
	border-style: solid;
	border-width: 0;
	position: absolute;
	width: 24px;
	height: 24px;
}

.banner-full ol li:nth-child(1) {
	border-width: 5px 0 0 5px;
	top: 0;
	left: 0;
}

.banner-full ol li:nth-child(2) {
	border-width: 5px 5px 0 0;
	top: 0;
	right: 0;
}

.banner-full ol li:nth-child(3) {
	border-width: 0 0 5px 5px;
	bottom: 0;
	left: 0;
}

.banner-full ol li:nth-child(4) {
	border-width: 0 5px 5px 0;
	bottom: 0;
	right: 0;
}

.banner-full ul li:nth-child(1) {
	border-width: 5px 0 0 0;
	margin: 0 0 0 -12px;
	top: 0;
	left: 50%;
}

.banner-full ul li:nth-child(2) {
	border-width: 0 5px 0 0;
	margin: -12px 0 0 0;
	top: 50%;
	right: 0;
}

.banner-full ul li:nth-child(3) {
	border-width: 0 0 5px 0;
	margin: 0 -12px 0 0;
	bottom: 0;
	right: 50%;
}

.banner-full ul li:nth-child(4) {
	border-width: 0 0 0 5px;
	margin: 0 0 -12px 0;
	bottom: 50%;
	left: 0;
}

.banner-border {
	width: 0;
	height: 0;
	margin: -205px 0 0 -300px;
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 994;
	transition: .4s 1s;
	-webkit-transition: .4s 1s;
	-moz-transition: .4s 1s;
	-ms-transition: .4s 1s;
	-o-transition: .4s 1s;
	border: 1px dashed #feda02;
	z-index: 993;
	visibility: hidden;
}

.banner-bin.swiper-slide-active .banner-border {
	width: 600px;
	height: 410px;
	visibility: visible;
}

.banner-background {
	left: 0;
	top: 0;
	width: 100%;
	height: 150%;
	position: absolute;
	z-index: 990;
	background: rgba(0,0,0,.4);
	transition: .6s .6s;
	-webkit-transition: .6s .6s;
	-moz-transition: .6s .6s;
	-ms-transition: .6s .6s;
	-o-transition: .6s .6s;
}

.banner-bin.swiper-slide-active .banner-background {
	left: -50%;
}

.banner-free * {
	max-width: 100%;
}

.title-box {
}

.title-box h3 {
	font-size: 21px;
	letter-spacing: 10px;
	font-family: Georgia;
	color: #feda02;
	line-height: 35px;
	margin: 0 0 15px 0;
	padding: 0;text-transform: uppercase;
}

.title-box h2 {
	font-size: 21px;
	letter-spacing: 5px;
	margin: 0;
	padding: 0;
}

@media (max-width:767px) {
	.title-box h1 {
		font-size: 30px;
		margin: 0 0 5px 0;
	}

	.title-box h2 {
		font-size: 18px;
	}
}

@media (max-height:350px) {
	.title-box h1 {
		display: none;
	}
}

.icon-box {
	padding: 30px 0px 0px 0px;
}

.icon-box ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.icon-box ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}

.icon-box ul li:before {
	display: block;
	content: '';
	width: 170px;
	border-radius: 5px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	height: 0;
	position: absolute;
	top: 15px;
	left: 10px;
	background: #feda02;
	z-index: 8;
}

.icon-box ul li a {
	display: block;
	position: relative;
	z-index: 9;
}

.icon-box ul li b {
	display: block;
	width: 170px;
	height: 170px;
	margin: 10px 20px;
	position: relative;
}

.icon-box ul li img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	opacity: 0.9;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	font-size: 0;
}
.icon-box ul li img:hover{
	opacity: 0.6;
}

.icon-box ul li:hover b {
	-webkit-animation: swing 1s .2s ease both;
	-moz-animation: swing 1s .2s ease both;
}

.icon-box ul li i {
	display: block;
	font-size: 56px;
	width: 130px;
	height: 130px;
	line-height: 120px;
	margin: 30px;
	border: 5px solid #feda02;
	border-radius: 50%;
	text-align: center;
	color: #feda02;
	background: rgba(255,255,255,.1);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
}

.icon-box ul li h3 {
	display: block;
	font-size: 16px;
	color: white;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
}

.icon-box ul li p {
	display: none;
}

.icon-text {
	font-family: TechnicLite;
	font-size: 24px;
	line-height: 1;
}

@media (min-width:1201px) {
	.icon-box ul li p {
		display: block;
		position: absolute;
		top: 135px;
		width: 170px;
		left: 10px;
		color: #fff;
		font-size: 12px;
		height: 36px;
		overflow: hidden;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		opacity: 0;
	}

	.icon-box.icon-type-0 ul li:hover:before {
		height: 100%;
	}

	.icon-box.icon-type-0 ul li:hover i {
		color: #fff;
		border: none;
		transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		opacity: .9;
		background: none;
	}

	.icon-box.icon-type-0 ul li:hover h3 {
		color: #fff;
		transform: translateY(-60px);
		-moz-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		-webkit-transform: translateY(-60px);
	}

	.icon-box.icon-type-0 ul li:hover p {
		transition: .3s .2s;
		-webkit-transition: .3s .2s;
		-moz-transition: .3s .2s;
		-ms-transition: .3s .2s;
		-o-transition: .3s .2s;
		opacity: .8;
	}
}

@media (max-width:1200px) {
	.icon-box {
		padding: 40px 0 50px 0;
	}

	.icon-box ul li i {
		font-size: 66px;
		width: 100px;
		height: 100px;
		line-height: 100px;
		margin: 0 25px;
		border: none;
		border-radius: 50%;
		text-align: center;
		color: #feda02;
	}

	.icon-box ul li b {
		width: 130px;
		height: 130px;
	}

	.icon-box ul li h3 {
		display: block;
		font-size: 16px;
		color: #333;
	}
}

@media (max-width:992px) {
	.icon-box ul {
		display: block;
	}

	.icon-box ul li {
		margin: 15px 0;
	}

	.icon-box ul li i {
		margin: 0 40px;
	}
}

@media (max-width:767px) {
	.icon-text {
		font-size: 18px;
	}
}

@media (max-width:767px) and (orientation:landscape) {
	.icon-box {
		padding: 15px 0 20px 0;
	}

	.icon-box ul li {
		margin: 15px 0;
		width: 30%;
	}

	.icon-box ul li i {
		font-size: 34px;
		margin: 0 8px 0 30px;
		width: auto;
		height: auto;
		line-height: 24px;
		display: inline-block;
		position: relative;
		top: 6px;
	}

	.icon-box ul li b {
		margin: 0 0 0 30px;
		width: 34px;
		height: 34px;
		display: inline-block;
		position: relative;
		top: 6px;
	}

	.icon-box ul li:first-child i {
		margin-left: 0;
	}

	.icon-box ul li h3 {
		font-size: 16px;
		display: inline-block;
		line-height: 24px;
	}
}

@media (max-width:767px) and (orientation:portrait) {
	.icon-box {
		padding: 20px 0 30px 0;
	}

	.icon-box ul li {
		margin: 10px 0;
		width: 30%;
	}

	.icon-box.icon-type-1 ul li {
		margin: 0 0 5px 0;
	}

	.icon-box ul li i {
		font-size: 40px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin: 0 auto;
	}

	.icon-box ul li b {
		width: 100px;
		height: 100px;
		margin: 5px auto;
	}

	.icon-box ul li h3 {
		font-size: 16px;
	}
}

@media (max-width:320px) {
	.icon-box ul li h3 {
		font-size: 14px;
	}
}

@media (max-height:320px) {
	.icon-box {
		padding-bottom: 0;
	}

	.icon-box ul li {
		margin-bottom: 0;
	}

	.icon-box ul li i {
		font-size: 30px;
		margin: 0 8px 0 10px;
	}

	.icon-box ul li h3 {
		font-size: 14px;
	}

	.icon-text {
		display: none;
	}
}

.case-ctrl .ctrl-box {
	position: absolute;
	color: #feda02;
	width: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 50px;
	cursor: pointer;
	z-index: 99;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.case-ctrl .ctrl-box:hover {
	color: white;
	opacity:.6;
}

.case-ctrl .ctrl-left {
	left: 3%;
    top: 45%;
}

.case-ctrl .ctrl-right {
	right: 3%;
    top: 45%;
}

@media (max-width:1200px) {
	.case-ctrl .ctrl-left {
		left: 0;
	}

	.case-ctrl .ctrl-right {
		right: 0;
	}
}

@media (max-width:767px) {
	.case-ctrl .ctrl-box {
		width: 50px;
		line-height: 50px;
	}
}

.case-box {
	overflow: hidden;
	width: 1560px;
	margin: 50px auto 0 auto;
}

.case-cut {
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	/* width: 6999px; */
	width: 13998px;
}

.case-cut:after {
	content: '';
	display: table;
	clear: both;
}

.case-bin {
	display: block;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	width: 300px;
	background: #fff;
	position: relative; background-position: center top; background-size:cover; 
}

.case-bin a {
	display: block;
}

.case-bin font {
	display: block;
	position: relative;
	overflow: hidden;height: 375px;
}

.case-bin font:before {
	width: 15px;
	height: 1px;
	margin-left: -7px;
	background: #fff;
	content: '';
	display: block;
	transition: .1s .2s ease-in-out;
	-moz-transition: .1s .2s ease-in-out;
	-ms-transition: .1s .2s ease-in-out;
	-o-transition: .1s .2s ease-in-out;
	-webkit-transition: .1s .2s ease-in-out;
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.case-bin font:after {
	width: 1px;
	height: 15px;
	margin-top: -7px;
	background: #fff;
	content: '';
	display: block;
	transition: .1s .2s ease-in-out;
	-moz-transition: .1s .2s ease-in-out;
	-ms-transition: .1s .2s ease-in-out;
	-o-transition: .1s .2s ease-in-out;
	-webkit-transition: .1s .2s ease-in-out;
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.case-bin a:hover font:before {
	opacity: 1;
}

.case-bin a:hover font:after {
	opacity: 1;
}

.case-bin font b {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: -100%;
	left: 0;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}

.case-bin a:hover font b {
	top: 0;
}

.case-bin font b:before {
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border: 500px solid rgba(0,0,0,.6);
	left: 50%;
	top: 50%;
	margin: -525px 0 0 -525px;
}

.case-bin font b:after {
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(254,218,2,.6);
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}

.case-bin font img {
	display: block;
	width: 100%;
}

.case-bin span {
	display: block;
	position: relative;
	z-index: 1;
	background: rgba(0,0,0,.5);
	text-align: left;
	padding: 15px 20px;
}

.case-bin span:after {
	position: absolute;
	bottom: 0;
	height: 2px;
	left: 0;
	right: 0;
	content: '';
	z-index: 1;
	background: #feda02;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}

.case-bin span h3 { color: #feda02;
	display: block;
	font-size: 18px;
	font-weight: normal;
    font-weight: bold;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 2;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}

.case-bin span p {
	display: block;
	font-size: 12px;
	color: #888;
	margin: 5px 0 0 0;
	position: relative;
	z-index: 2;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}

.case-bin a:hover span:after {
	height: 100%;
}

.case-bin a:hover span h3 {
	color: #333;
}

.case-bin a:hover span p {
	color: #666;
}

.case-more {
	margin-top: 30px;
}

.case-more a {
	border: 1px dotted #feda02;
	/* font-family: TechnicLite; */
	color: #FFF;
	font-size: 16px;
	padding: 2px 30px;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	/* font-weight: bold; */
	display: inline-block;
}

.case-more a:hover {
	background:rgba(254,218,2,.6);
	color: #333;
}

@media (max-width:1599px) {
	.case-box {
		width: 940px;
	}
}

@media (max-width:1200px) {
	.case-box {
		width: 620px;
	}
}

@media (max-width:767px) {
	.case-box {
		width: 460px;
		margin: 20px auto;
	}

	.case-bin {
		margin: 0 10px 0 0;
		width: 230px;
	}

	.case-bin span p {
		display: none;
	}

	.case-more {
		display: none;
	}
}

@media (max-width:479px) {
	.case-box {
		width: 300px;
		margin: 40px auto 0 auto;
	}

	.case-bin span p {
		display: block;
	}

	.case-more {
		margin-top: 30px;
		display: block;
	}

	.case-more a {
		border: 1px solid #feda02;
		font-family: TechnicLite;
		color: #feda02;
		font-size: 20px;
		padding: 0 10px;
		transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		font-weight: bold;
		display: inline-block;
	}
}

@media (max-width:400px) {
	.case-box {
		width: 230px;
	}
}

.pro-box {
	font-size: 0;
}

.pro-box ul {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	display: block;
	text-align: center;
}

.case-bin.pro {
	margin: 20px;
	display: inline-block;
	float: none;
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
	transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
}

.case-bin.pro span p {
	display: block;
}

.pro-page {
	padding-bottom: 30px;
}

@media (max-width:1500px) {
	.pro-box ul {
		margin: 40px 0;
	}

	.case-bin.pro {
		margin: 10px;
	}
}

@media (max-width:479px) {
	.pro-box ul {
		margin: 10px 0;
	}

	.case-bin.pro {
		margin: 20px auto 0 auto;
		display: block;
		max-width: 90% !important;
	}
}

.joint-ctrl .ctrl-box {
	position: absolute;
	color: white;
	width: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 50px;
	cursor: pointer;
	z-index: 99;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.joint-ctrl .ctrl-box:hover {
	color: #dc122c;
	opacity: .6;
}

.joint-ctrl .ctrl-left {
	left: 3%;
	top: 42%;
}

.joint-ctrl .ctrl-right {
	right: 3%;
	top: 42%;
}

@media (max-width:1200px) {
	.joint-ctrl .ctrl-left {
		left: 0;
	}

	.joint-ctrl .ctrl-right {
		right: 0;
	}
}

@media (max-width:767px) {
	.joint-ctrl .ctrl-box {
		width: 50px;
		line-height: 50px;
	}
}

.joint-box {
	width: 1150px;
	margin: 50px auto 30px auto;
	overflow: hidden;
}

.joint-box.swiper-container-horizontal {
	width: 1149px;
}

.joint-cut {
	width: 1200px!important;
	transform: translate3d(0px, 0px, 0px)!important;
	width: 99999px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.joint-cut:after {
	display: table;
	content: '';
	clear: both;
}

.joint-bin {
	width: 230px!important;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 170px;
	display: table;
	position: relative;
}

.joint-bin a {
	display: table-cell;
	vertical-align: middle;
	background: rgba(0,0,0,.35);
	text-align: center;
	width: 100%;
	height: 100%;
	border-color: #ddd;
	/* border-style: dotted; */
	border-width: 1px 1px 0 0!important;
}

.joint-bin[data-swiper-row="0"] a {
	border-width: 0 1px 0 0;
}

.joint-bin a img {
	line-height: 0;
	max-width: 210px;
	max-height: 142px;
	opacity: 1;
}

.joint-bin a:hover img {
/*-webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s .2s ease both;*/
	opacity: 0.5;
}

@media (max-width:1440px) {
	.joint-box.swiper-container-horizontal {
		width: 1100px;
	}
}

@media (max-width:1200px) {
	.joint-box.swiper-container-horizontal {
		width: 749px;
	}
}

@media (max-width:992px) {
	.joint-box.swiper-container-horizontal {
		width: 499px;
	}
}

@media (max-width:767px) {
	.joint-box.swiper-container-horizontal {
		width: 479px;
		margin: 20px auto;
	}

	.joint-bin {
		height: 80px;
		width: 160px;
	}

	.joint-bin a {
		border-width: 0 1px 0 0;
	}

	.joint-bin a img {
		line-height: 0;
		max-width: 100px;
		max-height: 50px;
	}
}

@media (max-width:480px) {
	.joint-box.swiper-container-horizontal {
		width: 319px;
		margin: 20px auto;
	}
}

.joint-box.joint-type-0 .joint-bin {
	display: block;
	height: auto !important;
}

.joint-box.joint-type-0 .joint-bin a {
	display: block;
}

.joint-box.joint-type-0 .joint-bin a img {
	max-width: 100%;
	max-height: none;
}
.about-nav {
	position: absolute;
	right: 5%;
	top: 15.5%;
	overflow: hidden;
}

.about-nav:after {
	background: #2fd0b5;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	opacity: .15;
	width: 80px;
	height: 100%;
}

.about-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.about-nav ul li {
	line-height: 42px;
	height: 42px;
	font-size: 16px;
	color: #333;
	list-style: none;
	margin: 0;
	padding: 0 20px;
	position: relative;
	z-index: 2;
	white-space: nowrap;
	background: rgba(47,208,181,.15);
	background: rgba(255,255,255,.65);
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	cursor: pointer;
}

.about-nav ul li.back {
	background: #2fd0b5;
	position: absolute;
	z-index: 1;
	left: 0;
	top: -42px;
	opacity: .2;
	height: 42px;
}

.about-nav ul li.active {
	color: #333;
	background: rgba(47,208,181,.2);
	background: rgba(254,218,2,.85);
}

.about-box {
	width: 480px;
	margin-left: 50%;
	/*padding: 10px 20px;*/
	margin-bottom: 140px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.about-cut {
	width: 2000px;
}

.about-bin {
	width: 480px;
	float: left;
	text-align: left;
	color: #999;
	position: relative;
}

.about-bin * {
	max-width: 100%;
}

.about-bin p {
	margin: 0;
	padding-left: 10px;
	line-height: 2.5;
}

.about-time {
	background: rgba(0,0,0,0.3);
}

.about-time p:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: relative;
	top: -4px;
	margin-right: 10px;
	background: #feda02;
}

.about-time p u {
	list-style: none;
	padding: 0 10px;
	text-decoration: none;
}

.about-titless {
	font-size: 22px;
	color: #feda02;
}

.about-sixiang {
	font-size: 26px;
}

.about-sxtitle {
	color: #ddd;
	font-size: 36px;
}

@media (max-width:1200px) {
	.about-box {
		margin-left: 45%;
	}
}

@media (max-width:992px) {
	.about-nav {
		top: 25.5%;
	}

	.about-box {
		margin-left: auto;
		margin-right: 5%;
	}
}

@media (max-width:767px) {
	.about-nav {
		position: absolute;
		top: 100px;
	}

	.about-box {
		margin: 0;
		margin-left: 10%;
		position: relative;
		left: 80px;
	}
}

@media (max-width:767px) and (orientation:landscape) {
	.about-nav ul li {
		width: 80px;
		padding: 0 5px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

@media (max-width:479px) {
	.about-titless {
		text-align: center;
	}

	.about-nav {
		text-align: center;
		margin: 0 auto;
		left: 0;
		top: 0;
		position: relative;
	}

	.about-nav ul:after {
		clear: both;
		content: '';
		display: block;
	}

	.about-nav ul li {
		display: inline-block;
	}

	.about-box {
		width: 300px;
		margin: 20px auto;
		left: 0;
	}

	.about-bin {
		width: 300px;
	}

	.about-bin p {
		line-height: 2;
	}

	.about-bin br {
		display: none;
	}

	.about-sxtitle {
		font-size: 26px;
		text-align: center;
	}

	.about-sixiang {
		font-size: 16px;
		text-align: center;
	}
}

.about-bottom {
	width: 100%;
	height: 71px;
	line-height: 70px;
	background: rgba(255,255,255,.1);
	border-top: 1px solid rgba(215,215,215,.3);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

.about-ul {
	width: 1000%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.about-li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 2%;
	color: #bbb;
}

.about-li b {
	font-size: 26px;
	padding-right: 6px;
	font-weight: normal;
	color: #feda02;
}

@media (max-width:767px) and (orientation:landscape) {
	.about-bottom {
		display: none;
	}
}
.window-bin[data-hash="contact"]>div {
	overflow: hidden;
}

.window-bin[data-hash="contact"] * {
	max-width: 100%;
}

.contact-main {
	background: rgba(255,255,255,.75);
	width: 900px;
	margin: 0 auto;
	padding: 50px;
}

.contact-box {
	width: 800px;
	margin: 0 auto;
	border-bottom: 1px solid rgba(225,225,225,.25);
	padding-bottom: 20px;
	text-align: left;
}

.contact-box:after {
	content: '';
	clear: both;
	display: block;
}

.contact-left {
	width: 220px;
	float: left;
}

.contact-left img {
	display: block;
	/* border: 5px solid #fff; */margin-top: 10px;
}

.contact-center {
	width: 580px;
	float: left;
}
.contact-center p{padding-left: 35px; line-height: 30px;}
.contact-center p span{color: #feda02;}
.contact-center p.t {
	font-size: 36px;
	color: #feda02;
	font-family: Georgia;
	line-height: 1;
	/* margin-top: -15px; */margin-bottom: 20px;
}
.contact-center p.ic1{background: url(../images/ic1.png) left 8px no-repeat; }
.contact-center p.ic2{background: url(../images/ic2.png) 1px 8px no-repeat; }
.contact-center p.ic3{background: url(../images/ic3.png) 2px 6px no-repeat; }
.contact-right {
	width: 260px;
	float: left;
}

.contact-text {
	margin-top: 40px;
}

.contact-text p {
	font-size: 22px;
	color: #feda02;
	letter-spacing: 3px;    margin-bottom: 25px;
}

.contact-text p em {
	display: inline-block;
	width: 39px;
	height: 39px;
	line-height: 35px;
	text-align: center;
	letter-spacing: 0;
	margin: 0 5px 0 3px;
	background: #feda02;
	color: #383939;
	border-radius: 50%;
	text-decoration: none;
	font-style: normal;
}

.contact-text div {
	font-family: TechnicLite;
	color: #feda02;
	font-size: 20px;
}

@media (max-width:992px) {
	.contact-main {
		width: 640px;
	}

	.contact-box {
		width: 540px;
	}

	.contact-right {
		display: none;
	}
}

@media (max-width:767px) and (orientation:landscape) {
	.contact-main {
		width: auto;
		display: inline-block;
	}

	.contact-box {
		padding: 0;
		border: none;
		width: auto;
		display: inline-block;
	}

	.contact-left {
		width: auto;
		padding-right: 30px;
		display: inline-block;
	}

	.contact-center {
		width: auto;
		display: inline-block;
		text-align: left;
	}

	.contact-center img.c {
		display: none;
	}
}

@media (max-width:767px) and (orientation:portrait) {
	.contact-main {
		width: auto;
		display: inline-block;
	}

	.contact-box {
		padding: 0;
		border: none;
		width: auto;
		display: inline-block;
	}

	.contact-left {
		display: none;
	}

	.contact-center {
		width: auto;
		display: inline-block;
	}

	.contact-center img.c {
		display: block;
		margin: 20px auto 0 auto;
	}
}

@media (max-width:350px) {
	.contact-main {
		padding: 20px 10px;
	}
}
.window-bin {
	height: 100%;
}

.window-bin.foot,
footer {
	height: auto;
	padding: 15px 60px;
	line-height: 30px;
	background: #393939;
	color: #eee;
	text-align: center;
	border: none !important;
}

.window-bin.foot a,
footer a {
	color: #eee;
}

.window-bin.foot a:hover,
footer a:hover {
	color: #fff;
}

.window-bin.foot.none0,
footer.none {
	display: none !important;
}

.window-bin.foot p {
	margin: 0;
}

@media(max-width:1200px) {
	footer {
		padding: 22px 40px;
	}
}

@media(max-width:767px) {
	footer {
		padding: 22px 20px;
	}
}










.btn-primary,
.met_pager li.Ahover,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.btn-primary.focus, 
.btn-primary:focus, 
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
	background-color: #feda02;
	border-color: #feda02;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	position: relative;
	z-index: 9999;
}

.btn-primary,
.modal-footer .btn+.btn {
	border-radius: 6px;
}

.btn-outline.btn-primary.active, 
.btn-outline.btn-primary:active, 
.btn-outline.btn-primary:focus, 
.btn-outline.btn-primary:hover, 
.open>.dropdown-toggle.btn-outline.btn-primary {
	background-color: #595959;
	border-color: #595959;
}

.modal-primary .modal-header {
	background-color: #feda02 !important;
}

.modal {
	z-index: 9999999999 !important;
}

.modal-backdrop {
	z-index: 9999999 !important;
}

.met-scroll-top {
	z-index: 999999999;
	right: 10px;
	bottom: 46px;
	left: auto !important;
	position: fixed;
}

.met-scroll-top:hover {
	position: fixed !important;
}

@media(max-width:767px) {
	.met-scroll-top {
		bottom: 10px;
	}
}

.met-job,
.met-news,
.met-product,
.met-message,
.met-feedback,
.met-download,
.met-position.pattern-show,
.met-shownews,
.met-showimg,
.met-product .less-page-content,
.navbar-default .navbar-toolbar>.active>a, 
.navbar-default .navbar-toolbar>.active>a:focus, 
.navbar-default .navbar-toolbar>.active>a:hover,



.btn {
	border-radius: 6px;
}

.met-show {
	background: none;
}

.met-weixin-img img {
	max-width: 130px;
	padding: 10px;
}

section[role=main].subpage.active .navbar-fixed-bottom,
section[role=main].subpage.active .navbar-fixed-top {
	left: 240px;
	width: auto;
	right: 0;
}

/*@media (max-width: 1350px)*/
@media (max-height: 768px) {
	.zyh {
		display: none;
	}

	.case-bin font {
		height: 230px;
	}

	.logo-box {
		display: none;
	}

	.jodo-box p img {
		max-width: 70%;
	}

	.nav-cut {
		height: auto!important;
	}

	.social-box {
		margin-bottom: 0px;
	}
/*.information-hots {
    position: absolute;
    right: 60px;
    top: 103px;
}*/
	.information-content img {
		max-width: 100%;
		width: 100%!important;
	}

	table {
		width: 100%;
	}

	.information-box li {
		margin-top: 50px;
		margin-left: 0px;
		line-height: normal;
	}

	.information-box ul {
		margin-bottom: 30px;
		padding-right: 0px;
	}

	.information-hots .xxjhzyh {
		width: 100%;
	}

	.sidebar-search {
		display: none;
	}

	.information-box li p {
		line-height: 32px;
		height: 88px;
		display: inline;
	}

	.information-box li strong {
		background: #feda02;
		color: #fff;
		font-weight: normal;
		float: right;
		width: 100px;
		text-align: center;
		padding: 0.15%;
		display: inline;
	}

	.information-descript {
		padding-right: 0px;
		max-width: 68%;
	}

	.information-hots {
	/*display:none;*/
		width: 30%;
		padding-right: 0px;
	}

	.case-more {
		margin-top: 18px;
	}

	.case-bin span {
		padding: 8px 20px;
	}

	.title-box h3 {
		display: none;
	}

	.title-box h2 {
		font-size: 30px;
		color: #feda02;
	}

	.case-box {
		margin: 30px auto 0 auto;
	}

	/*.joint-cut {
		transform: translate3d(-250px, 0px, 0px)!important;
	}*/

	.joint-box {
		margin: 30px auto 30px auto;
	}

	.joint-bin {
		height: 140px;
	}

	.joint-bin a img {
		line-height: 0;
    /* max-width: 210px; */
		max-height: 130px;
		opacity: 0.5;
	}
}

.information-box li font {
	border-radius: 0px!important;
}

.information-box li p {
	height: 62px;
}

.information-content p {
	margin-bottom: 0px!important;
}

.information-content div {
	line-height: 1.5em!important;
}

.information-content span {
	line-height: 17px!important;
}

.information-content p {
	line-height: 1.5em!important;
}

.information-content table {
	margin: 0 auto!important;
}

.row {
	width: 100%;
	margin-left: -15px;
	margin-right: -15px;
}

.subscribe .subscribe-form .col-lg-3 {
	width: 25%;
	float: left;
}

.form-group {
	position: relative;
	width: 95%;
}

.subscribe .form-group input[type="text"], .subscribe .form-group input[type="email"], .subscribe .form-group input[type="url"] {
	padding-left: 50px;
	border-color: #fff;
	text-align: left;
}

.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="url"], .form-group textarea {
	padding: 0px 18px;
	padding-left: 50px;
	text-align: left;
	color: black;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 100%;
	padding: 10px 18px;
	border: 1px solid #ebebeb;
}

.form-group .fa-user1 {
	top: 10px;
	left: 15px;
	color: #555;
}

.form-group .fa1 {
	position: absolute;
	padding-right: 3px;
	border-right: 2px solid #d3d3d3;
}

.fa1 {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.col-lg-6 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.form-group button[type="submit"] {
	width: 100%;
	font-size: 16px;
	padding: 3px 0px 3px 0px;
	letter-spacing: 1.7px;
}

button[type="submit"] {
	padding: 10px 18px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid #d7000f;
	background-color: #d7000f;
	color: #fff;
}

a, button[type="submit"] {
	transition: all 0.3s ease-in-out;
}

.form-group .fa-paper-plane-o {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	font-size: 16px;
	text-align: center;
	padding: 11px 5px;
	background-color: #0ba6d8;
	color: #f5fcfd;
}

.fa-eye1:before {
	font-size: 14px;
	color: #FF4400;
	padding-right: 5px;
	content: "\f055";
}

.bianse:hove {
	color: #feda02;
}

header[role=heading] {
	position: fixed;
	width: 240px;
	height: 100%;
	left: -240px;
	top: 0;
	background: #f2f4f7;
	text-align: center;
	z-index: 9999999;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

section[role=main].subpage.active {
	padding-left: 240px;
}

@media (max-width: 650px) {
	section[role=main].subpage.active {
		padding-left: 0px;
	}
}

/*.zyh01{    
    position: absolute;
    font-size: 12px;
    z-index: 99999999999!important;
    list-style-type: none;
    left: 26%;
    color: white;
	}*/
@media (max-width: 1500px) {
	zyh01 {
		left: 25%;
	}
}
}

.zyh01 {
	width: 850px;
	position: absolute;
	font-size: 12px;
	z-index: 99999999999!important;
	list-style-type: none;
	top: 4%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	margin: 0 auto;
}

.information-box li .gdcont {
	margin-top: 3px;
	background: #feda02;
	color: #fff;
	font-weight: normal;
	float: right;
	width: 100px;
	text-align: center;
	padding: 8px;
	display: inline-block;
}

button span {
	color: white;
	font-weight: bold;
}

.clearfloat {
	clear: both
}
 
 

/*右侧*/
.information-hots ul {
	padding: 7.5px;
	display: block;
	list-style: none;
}

.shop-info, .shop-info .img-box {
	box-sizing: border-box;
}

.shop-info {
	width: 280px;
	background: #fff;
	float: left;
	padding: 17px;
	-webkit-box-shadow: 0 4px 15px 0 rgba(101,101,101,.28);
	box-shadow: 0 4px 15px 0 rgba(101,101,101,.28);
	margin-bottom: 20px;
}

.shop-info .img-box {
	width: 80px;
	height: 80px;
	border: 1px solid #ebebeb;
	margin-right: 10px;
	overflow: hidden;
}

.shop-info, .shop-info .img-box {
	box-sizing: border-box;
}

body .fn-left {
	float: left;
}

.fn-right {
	display: inline;
}

.shop-info .shop-mes {
	width: 156px;
}

.shop-info .img-box img {
	width: 100%;
	height: 100%;
	border: none;
}

.shop-info .shop-name {
	font-size: 18px;
	width: 100%;
	color: #333;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.start-default {
	position: relative;
	float: left;
	width: 80px;
	height: 18px;
	margin-right: 5px;
	background: url(../images/pdpicon.png) no-repeat 0 -340px;
}

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

default .start-count {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 18px;
	background: url(../images/pdpicon.png) no-repeat 0 -338px;
	z-index: 1;
}

.shop-info .rate {
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 1.2;
}

.shop-info .p-line {
	font-size: 12px;
	line-height: 2;
	color: #333;
}

.shop-info .p-line .lab-tit {
	width: 62px;
	float: left;
}

.shop-info .p-line .span-name {
	width: 184px;
	float: left;
	max-height: 72px;
	overflow: hidden;
}

.btn-pink {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0 30px;
	color: #f66;
	background: #fee8ea;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #f66;
	cursor: pointer;
}

.img-box {
	padding: 3px;
}
/*右侧*/

/*右侧-表单（白色）*/
.basic-grey {
	margin-left: auto;
	margin-right: auto;
	max-width: 290px;
	background: #F7F7F7;
	padding: 25px 15px 25px 10px;
	color: #888;
	text-shadow: 1px 1px 1px #FFF;
	border: 1px solid #E4E4E4;
	webkit-box-shadow: 0 1px 8px 0 rgba(101,101,101,.3);
	box-shadow: 0 1px 8px 0 rgba(101,101,101,.3);
}

.basic-grey h1 {
	font-size: 25px;
	padding: 0px 0px 10px 20px;
	display: block;
	border-bottom: 1px solid #E4E4E4;
	margin: -10px -15px 30px -10px;
	color: black;
}

.basic-grey h1>span {
	margin-top: 10px;
	display: block;
	font-size: 11px;
}

.basic-grey label {
	display: block;
	margin: 0px;
}

.basic-grey label>span {
	float: left;
	width: 20%;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	margin-top: 10px;
	color: black;
}

.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
	border: 1px solid #DADADA;
	color: #888;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 70%;
	font-size: 12px;
	line-height: 15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

.basic-grey textarea {
	padding: 5px 3px 3px 5px;
}

.basic-grey select {
	background: #FFF url('../images/down-arrow.png') no-repeat right;
	background: #FFF url('../images/down-arrow.png') no-repeat right);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	width: 70%;
	height: 35px;
	line-height: 25px;
}

.basic-grey textarea {
	height: 100px;
}

.basic-grey .button {
	background: #E27575;
	border: none;
	padding: 10px 25px 10px 25px;
	color: #FFF;
	box-shadow: 1px 1px 5px #B6B6B6;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #9E3F3F;
	cursor: pointer;
}

.basic-grey .button:hover {
	background: #CF7A7A
}
/*右侧-表单（白色）*/


table,th,tr,td {
	border: 1px solid black;
}

.information-content table {
	width: 100%!important;
}

.information-content div {
	width: 100%!important;
}

.information-content embed {
	width: 100%!important;
}

.lxb-container {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.nb-invite-body {
	opacity: 0.7;
	filter: alpha(opacity=50);
}

.nb-icon-inner-wrap {
	opacity: 0.5;
}

#MEIQIA-BTN-CALL {
	border: none!important;
}

#MEIQIA-BTN-CHAT {
	border: none!important;
}

.table-cell .hidden{
	background: rgba(0,0,0,0.6);
    padding: 50px 0 30px 0;
	color: white;
}
.LR-BTN{
	background-color: #dc122c!important;
    opacity: 0.8;
}


#header{
	    background: #dc122c!important;
}
.telephone{
	background-color: rgb(220, 18, 44)!important;
    border: 1px solid rgb(220, 18, 44)!important;
}
#SendBtn{
	background: none 0px 0px repeat scroll rgb(220, 18, 44)!important;
}
#SendBar div.bt{
	background: none 0px 0px repeat scroll rgb(220, 18, 44)!important;
}









