body,
html {
	font-family    : "微软雅黑", Verdana, Arial, SimSun;
	font-size      : 12px;
	line-height    : 1.5;
	text-decoration: none;
	color          : #000;
	color          : #000;
	background     : #fff
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin : 0;
	padding: 0
}

img {
	border        : none;
	vertical-align: middle
}

li,
ol,
ul {
	list-style: none;
	margin    : 0;
	padding   : 0
}

i,
u {
	font-style     : normal;
	text-decoration: none;
	font-weight    : normal
}

a {
	color          : #333;
	text-decoration: none
}

input {
	outline: none
}

button {
	outline: none
}

.clear {
	clear   : both;
	overflow: hidden
}

input,
textarea:focus {
	outline: none
}

a:active,
a:focus,
a:hover {
	outline: none
}

del {
	text-decoration: line-through
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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
}

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

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

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

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

small {
	font-size: 80%
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

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

figure {
	margin: 1em 40px
}

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

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size  : 1em
}

button,
input,
optgroup,
select,
textarea {
	font  : inherit;
	margin: 0;
	color : inherit
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
	cursor            : pointer;
	-webkit-appearance: button
}

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

input {
	line-height: normal
}

input[type='checkbox'],
input[type='radio'] {
	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;
	box-sizing        : content-box;
	-webkit-appearance: textfield
}

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

fieldset {
	border: 0
}

legend {
	padding: 0;
	border : 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

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

td,
th {
	padding: 0
}

/*
 *	generated by WOW Slider 2.6
 *	template Shady
 */
#wowslider-container {
	zoom      : 1;
	position  : relative;
	width     : 100%;
	height    : 100%;
	background: #a29971;
	margin    : 0 auto;
	z-index   : 100;
	border    : none;
	text-align: left;
	font-size : 10px;
	overflow  : hidden
}

#wowslider-container.fullscreen-mode,
#wowslider-container.fullwidth-mode {
	max-width : none;
	max-height: none
}

* html #wowslider-container {
	width: 100%
}

#wowslider-container .ws_images ul {
	position      : relative;
	width         : 10000%;
	height        : 100%;
	left          : 0;
	list-style    : none;
	margin        : 0;
	padding       : 0;
	border-spacing: 0;
	overflow      : visible
}

#wowslider-container .ws_images ul li {
	position   : relative;
	width      : 1%;
	height     : 100%;
	line-height: 0;
	overflow   : hidden;
	float      : left;
	font-size  : 0;
	padding    : 0 0 0 0 !important;
	margin     : 0 0 0 0 !important
}

#wowslider-container .ws_images {
	position: relative;
	left    : 0;
	top     : 0;
	width   : 100%;
	overflow: hidden
}

#wowslider-container.fullscreen-mode .ws_images,
#wowslider-container.fullwidth-mode .ws_images {
	max-height: none
}

#wowslider-container .ws_images a {
	width  : 100%;
	display: block;
	color  : transparent
}

#wowslider-container.fullscreen-mode .ws_images a,
#wowslider-container.fullwidth-mode .ws_images a {
	height: 100%
}

#wowslider-container img {
	max-width: none !important
}

#wowslider-container .ws_images img {
	width    : 100%;
	border   : none 0;
	max-width: none;
	padding  : 0;
	margin   : 0
}

#wowslider-container .ws_images iframe {
	position: absolute;
	z-index : -1
}

#wowslider-container a {
	text-decoration: none;
	outline        : none;
	border         : none
}

#wowslider-container .ws_bullets {
	float   : left;
	position: absolute;
	z-index : 70
}

#wowslider-container .ws_bullets div {
	position : relative;
	float    : left;
	font-size: 0
}

#wowslider-container a.wsl {
	display: none
}

#wowslider-container .ws_bullets {
	padding: 10px
}

#wowslider-container .ws_bullets a {
	margin-left          : 16px;
	width                : 12px;
	height               : 12px;
	float                : left;
	text-indent          : -4000px;
	position             : relative;
	background           : rgb(30, 165, 194);
	background           : rgba(30, 165, 194, 0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius   : 50%;
	border-radius        : 50%
}

#wowslider-container .ws_bullets a.ws_selbull,
#wowslider-container .ws_bullets a:hover {
	background: rgba(30, 165, 194, 1)
}

#wowslider-container .ws_bullets a:hover {
	-webkit-animation: pulseIn 0.9s infinite linear;
	-moz-animation   : pulseIn 0.9s infinite linear;
	animation        : pulseIn 0.9s infinite linear
}

* html #wowslider-container a.ws_next,
* html #wowslider-container a.ws_prev {
	display: block
}

#wowslider-container:hover a.ws_next,
#wowslider-container:hover a.ws_prev {
	display: block
}

*/ #wowslider-container .ws_bullets {
	bottom: 30px;
	left  : 50%
}

#wowslider-container .ws_bullets div {
	left: -70%
}

#wowslider-container .ws-title {
	position   : absolute;
	display    : block;
	bottom     : 0.31em;
	left       : 1.23em;
	margin     : 9px;
	z-index    : 50;
	font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
	font-size  : 5.5em;
	color      : #FFF;
	text-shadow: 1px 1px 1px #333333
}

#wowslider-container .ws-title div,
#wowslider-container .ws-title span {
	display              : inline-block;
	padding              : 10px;
	background           : #3398B6;
	border-radius        : 5px;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	opacity              : 0.95;
	filter               : progid:DXImageTransform.Microsoft.Alpha(opacity=95)
}

#wowslider-container .ws-title div {
	display    : block;
	background : #B02D15;
	margin-top : 10px;
	color      : #FFFFFF;
	opacity    : 0.8;
	text-shadow: 1px 1px 1px #000000
}

#wowslider-container .ws_images>ul {
	animation        : wsBasic 16.8s infinite;
	-moz-animation   : wsBasic 16.8s infinite;
	-webkit-animation: wsBasic 16.8s infinite
}

@keyframes wsBasic {
	0% {
		left: -0%
	}

	14.88% {
		left: -0%
	}

	25% {
		left: -100%
	}

	39.88% {
		left: -100%
	}

	50% {
		left: -200%
	}

	64.88% {
		left: -200%
	}

	75% {
		left: -300%
	}

	89.88% {
		left: -300%
	}
}

@-moz-keyframes wsBasic {
	0% {
		left: -0%
	}

	14.88% {
		left: -0%
	}

	25% {
		left: -100%
	}

	39.88% {
		left: -100%
	}

	50% {
		left: -200%
	}

	64.88% {
		left: -200%
	}

	75% {
		left: -300%
	}

	89.88% {
		left: -300%
	}
}

@-webkit-keyframes wsBasic {
	0% {
		left: -0%
	}

	14.88% {
		left: -0%
	}

	25% {
		left: -100%
	}

	39.88% {
		left: -100%
	}

	50% {
		left: -200%
	}

	64.88% {
		left: -200%
	}

	75% {
		left: -300%
	}

	89.88% {
		left: -300%
	}
}

#wowslider-container .ws_bullets a img {
	text-indent    : 0;
	display        : block;
	bottom         : 16px;
	left           : -115px;
	visibility     : hidden;
	position       : absolute;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow     : 0 0 5px #999999;
	border         : 3px solid #ffffff;
	max-width      : none
}

#wowslider-container .ws_bullets a:hover img {
	visibility: visible
}

#wowslider-container .ws_bulframe div div {
	height  : 75px;
	overflow: visible;
	position: relative
}

#wowslider-container .ws_bulframe div div img {
	height: 100%
}

#wowslider-container .ws_bulframe div {
	left            : 0;
	overflow        : hidden;
	position        : relative;
	width           : 200px;
	background-color: #ffffff
}

#wowslider-container .ws_bullets .ws_bulframe {
	display        : none;
	bottom         : 18px;
	overflow       : visible;
	position       : absolute;
	cursor         : pointer;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow     : 0 0 5px #999999;
	border         : 3px solid #ffffff
}

#wowslider-container .ws_bulframe span {
	display    : block;
	position   : absolute;
	bottom     : -9px;
	margin-left: 0;
	left       : 95px;
	background : url("../images/triangle.png");
	width      : 15px;
	height     : 6px
}

#wowslider-container.ws_gestures,
#wowslider-container.ws_gestures>div>a {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move
}

#wowslider-container.ws_gestures.ws_grabbing,
#wowslider-container.ws_gestures.ws_grabbing>div>a {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move
}

#wowslider-container.ws_video_playing .ws_bullets {
	display: none
}

#wowslider-container.ws_video_playing:hover .ws_bullets {
	display: block
}

#wowslider-container.ws_video_playing_ie .ws_bullets,
#wowslider-container.ws_video_playing_ie a.ws_next,
#wowslider-container.ws_video_playing_ie a.ws_prev {
	display: block
}

#wowslider-container .ws_video_btn {
	position: absolute;
	display : none;
	cursor  : pointer;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
	z-index : 55
}

#wowslider-container .ws_video_btn.ws_vimeo,
#wowslider-container .ws_video_btn.ws_youtube {
	display: block
}

#wowslider-container .ws_video_btn div {
	position       : absolute;
	background-size: 200%;
	top            : 50%;
	left           : 50%;
	width          : 7em;
	height         : 5em;
	margin-left    : -3.5em;
	margin-top     : -2.5em
}

#wowslider-container .ws_video_btn.ws_youtube div {
	background-position: 0 0
}

#wowslider-container .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0
}

#wowslider-container .ws_video_btn.ws_vimeo div {
	background-position: 0 100%
}

#wowslider-container .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important
}

#wowslider-container .ws_fullscreen {
	display    : none;
	position   : absolute;
	font-family: "fullscreen";
	top        : 0.5em;
	right      : 0.5em;
	font-size  : 2.25em;
	z-index    : 59;
	color      : #1EA5C2;
	text-shadow: none
}

#wowslider-container .ws_fullscreen:hover {
	-webkit-animation: pulseOut 0.9s infinite linear;
	-moz-animation   : pulseOut 0.9s infinite linear;
	animation        : pulseOut 0.9s infinite linear
}

#wowslider-container:hover .ws_fullscreen {
	display: block
}

#wowslider-container .ws_fullscreen:after {
	content: '\e800'
}

.ws_fs_wrapper {
	width     : 100%;
	height    : 100%;
	background: #EFECDD
}

.ws_fs_wrapper>#wowslider-container,
.ws_fs_wrapper>#wowslider-container .ws_images {
	margin    : 0 auto;
	max-height: none
}

.ws_fs_wrapper>#wowslider-container .ws_fullscreen {
	position: fixed;
	display : block
}

.ws_fs_wrapper>#wowslider-container .ws_fullscreen:after {
	content: '\e801'
}

.ws_fs_wrapper>#wowslider-container {
	border            : 0;
	outline           : 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow   : 0;
	box-shadow        : 0
}

@-webkit-keyframes pulseIn {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.2)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes pulseIn {
	0% {
		-moz-transform: scale(1)
	}

	50% {
		-moz-transform: scale(1.2)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@keyframes pulseIn {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes pulseOut {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes pulseOut {
	0% {
		-moz-transform: scale(1)
	}

	50% {
		-moz-transform: scale(0.8)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@keyframes pulseOut {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(0.8)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes nextArrow {

	0%,
	100% {
		-webkit-transform: translateX(0px)
	}

	25% {
		-webkit-transform: translateX(2px)
	}

	75% {
		-webkit-transform: translateX(-2px)
	}
}

@-moz-keyframes nextArrow {

	0%,
	100% {
		-moz-transform: translateX(0px)
	}

	25% {
		-moz-transform: translateX(2px)
	}

	75% {
		-moz-transform: translateX(-2px)
	}
}

@keyframes nextArrow {

	0%,
	100% {
		-moz-transform: translateX(0px);
		transform     : translateX(0px)
	}

	25% {
		-moz-transform: translateX(2px);
		transform     : translateX(2px)
	}

	75% {
		-moz-transform: translateX(-2px);
		transform     : translateX(-2px)
	}
}

@-webkit-keyframes prevArrow {

	0%,
	100% {
		-webkit-transform: translateX(0px)
	}

	25% {
		-webkit-transform: translateX(-2px)
	}

	75% {
		-webkit-transform: translateX(2px)
	}
}

@-moz-keyframes prevArrow {

	0%,
	100% {
		-moz-transform: translateX(0px)
	}

	25% {
		-moz-transform: translateX(-2px)
	}

	75% {
		-moz-transform: translateX(2px)
	}
}

@keyframes prevArrow {

	0%,
	100% {
		-moz-transform: translateX(0px);
		transform     : translateX(0px)
	}

	25% {
		-moz-transform: translateX(-2px);
		transform     : translateX(-2px)
	}

	75% {
		-moz-transform: translateX(2px);
		transform     : translateX(2px)
	}
}

/**
 * Swiper 3.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 13, 2016
 */
.swiper-container {
	margin-left : auto;
	margin-right: auto;
	position    : relative;
	overflow    : hidden;
	z-index     : 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.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-wrapper {
	position                   : relative;
	width                      : 100%;
	height                     : 100%;
	z-index                    : 1;
	display                    : -webkit-box;
	display                    : -moz-box;
	display                    : -ms-flexbox;
	display                    : -webkit-flex;
	display                    : flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property   : -moz-transform;
	-o-transition-property     : -o-transform;
	-ms-transition-property    : -ms-transform;
	transition-property        : transform;
	-webkit-box-sizing         : content-box;
	-moz-box-sizing            : content-box;
	box-sizing                 : content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform   : translate3d(0, 0, 0);
	-o-transform     : translate(0, 0);
	-ms-transform    : translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.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-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function   : ease-out;
	-ms-transition-timing-function    : ease-out;
	-o-transition-timing-function     : ease-out;
	transition-timing-function        : ease-out;
	margin                            : 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex           : 0 0 auto;
	flex-shrink        : 0;
	width              : 100%;
	height             : 100%;
	position           : relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align          : start;
	-ms-flex-align             : start;
	-webkit-align-items        : flex-start;
	align-items                : flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property   : -moz-transform;
	-o-transition-property     : -o-transform;
	-ms-transition-property    : -ms-transform;
	transition-property        : transform, height
}

.swiper-container .swiper-notification {
	position      : absolute;
	left          : 0;
	top           : 0;
	pointer-events: none;
	opacity       : 0;
	z-index       : -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action    : pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action    : pan-x
}

.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-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left            : 10px;
	right           : auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right           : 10px;
	left            : auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.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
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position  : absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background              : #007aff;
	position                : absolute;
	left                    : 0;
	top                     : 0;
	width                   : 100%;
	height                  : 100%;
	-webkit-transform       : scale(0);
	-ms-transform           : scale(0);
	-o-transform            : scale(0);
	transform               : scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin   : left top;
	-ms-transform-origin    : left top;
	-o-transform-origin     : left top;
	transform-origin        : left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin   : right top;
	-ms-transform-origin    : right top;
	-o-transform-origin     : right top;
	transform-origin        : right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width : 100%;
	height: 4px;
	left  : 0;
	top   : 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width : 4px;
	height: 100%;
	left  : 0;
	top   : 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective   : 1200px;
	-o-perspective     : 1200px;
	perspective        : 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style   : preserve-3d;
	-ms-transform-style    : preserve-3d;
	transform-style        : preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position      : absolute;
	left          : 0;
	top           : 0;
	width         : 100%;
	height        : 100%;
	pointer-events: none;
	z-index       : 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events             : none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility   : hidden;
	-ms-backface-visibility    : hidden;
	backface-visibility        : hidden;
	z-index                    : 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index                    : 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility   : hidden;
	-ms-backface-visibility    : hidden;
	backface-visibility        : hidden
}

.swiper-container-cube .swiper-slide {
	visibility              : hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin   : 0 0;
	-ms-transform-origin    : 0 0;
	transform-origin        : 0 0;
	width                   : 100%;
	height                  : 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin   : 100% 0;
	-ms-transform-origin    : 100% 0;
	transform-origin        : 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility    : visible
}

.swiper-container-cube .swiper-cube-shadow {
	position      : absolute;
	left          : 0;
	bottom        : 0;
	width         : 100%;
	height        : 100%;
	background    : #000;
	opacity       : .6;
	-webkit-filter: blur(50px);
	filter        : blur(50px);
	z-index       : 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function   : ease-out;
	-ms-transition-timing-function    : ease-out;
	-o-transition-timing-function     : ease-out;
	transition-timing-function        : ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events             : none;
	-webkit-transition-property: opacity;
	-moz-transition-property   : opacity;
	-o-transition-property     : opacity;
	transition-property        : opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width                  : 100%;
	height                 : 100%;
	display                : -webkit-box;
	display                : -moz-box;
	display                : -ms-flexbox;
	display                : -webkit-flex;
	display                : flex;
	-webkit-box-pack       : center;
	-moz-box-pack          : center;
	-ms-flex-pack          : center;
	-webkit-justify-content: center;
	justify-content        : center;
	-webkit-box-align      : center;
	-moz-box-align         : center;
	-ms-flex-align         : center;
	-webkit-align-items    : center;
	align-items            : center;
	text-align             : center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width : 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius   : 10px;
	position        : relative;
	-ms-touch-action: none;
	background      : rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left    : 1%;
	bottom  : 3px;
	z-index : 50;
	height  : 5px;
	width   : 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right   : 3px;
	top     : 1%;
	z-index : 50;
	width   : 5px;
	height  : 98%
}

.swiper-scrollbar-drag {
	height       : 100%;
	width        : 100%;
	position     : relative;
	background   : rgba(0, 0, 0, .5);
	border-radius: 10px;
	left         : 0;
	top          : 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width                   : 42px;
	height                  : 42px;
	position                : absolute;
	left                    : 50%;
	top                     : 50%;
	margin-left             : -21px;
	margin-top              : -21px;
	z-index                 : 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin   : 50%;
	transform-origin        : 50%;
	-webkit-animation       : swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation          : swiper-preloader-spin 1s steps(12, end) infinite;
	animation               : swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display                : block;
	content                : "";
	width                  : 100%;
	height                 : 100%;
	background-image       : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position    : 50%;
	-webkit-background-size: 100%;
	background-size        : 100%;
	background-repeat      : no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

#loader-wrapper {
	position: fixed;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
	z-index : 999999
}

#loader {
	display          : block;
	position         : relative;
	left             : 50%;
	top              : 50%;
	width            : 150px;
	height           : 150px;
	margin           : -75px 0 0 -75px;
	border-radius    : 50%;
	border           : 3px solid transparent;
	border-top-color : #FFF;
	-webkit-animation: spin 2s linear infinite;
	-ms-animation    : spin 2s linear infinite;
	-moz-animation   : spin 2s linear infinite;
	-o-animation     : spin 2s linear infinite;
	animation        : spin 2s linear infinite;
	z-index          : 1001
}

#loader:before {
	content          : "";
	position         : absolute;
	top              : 5px;
	left             : 5px;
	right            : 5px;
	bottom           : 5px;
	border-radius    : 50%;
	border           : 3px solid transparent;
	border-top-color : #FFF;
	-webkit-animation: spin 3s linear infinite;
	-moz-animation   : spin 3s linear infinite;
	-o-animation     : spin 3s linear infinite;
	-ms-animation    : spin 3s linear infinite;
	animation        : spin 3s linear infinite
}

#loader:after {
	content          : "";
	position         : absolute;
	top              : 15px;
	left             : 15px;
	right            : 15px;
	bottom           : 15px;
	border-radius    : 50%;
	border           : 3px solid transparent;
	border-top-color : #FFF;
	-moz-animation   : spin 1.5s linear infinite;
	-o-animation     : spin 1.5s linear infinite;
	-ms-animation    : spin 1.5s linear infinite;
	-webkit-animation: spin 1.5s linear infinite;
	animation        : spin 1.5s linear infinite
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform    : rotate(0deg);
		transform        : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform    : rotate(360deg);
		transform        : rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform    : rotate(0deg);
		transform        : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform    : rotate(360deg);
		transform        : rotate(360deg)
	}
}

#loader-wrapper .loader-section {
	position         : fixed;
	top              : 0;
	width            : 51%;
	height           : 100%;
	background       : #a5bdbd;
	z-index          : 1000;
	-webkit-transform: translateX(0);
	-ms-transform    : translateX(0);
	transform        : translateX(0)
}

#loader-wrapper .loader-section.section-left {
	left: 0
}

#loader-wrapper .loader-section.section-right {
	right: 0
}

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform : translateX(-100%);
	-ms-transform     : translateX(-100%);
	transform         : translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition        : all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform : translateX(100%);
	-ms-transform     : translateX(100%);
	transform         : translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition        : all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.loaded #loader {
	opacity           : 0;
	-webkit-transition: all 0.3s ease-out;
	transition        : all 0.3s ease-out
}

.loaded #loader-wrapper {
	visibility        : hidden;
	-webkit-transform : translateY(-100%);
	-ms-transform     : translateY(-100%);
	transform         : translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	transition        : all 0.3s 1s ease-out
}

#loader-wrapper .load_title {
	color      : #FFF;
	font-size  : 19px;
	width      : 100%;
	text-align : center;
	z-index    : 9999999999999;
	position   : absolute;
	top        : 60%;
	opacity    : 1;
	line-height: 30px
}

/* Box colors */
.bg-1 {
	background: #ECEFF1;
	color     : #37474f
}

.bg-2 {
	background: #7986cb;
	color     : #ECEFF1
}

.bg-3 {
	background: #37474f;
	color     : #fff
}

.button {
	float                      : left;
	min-width                  : 150px;
	max-width                  : 250px;
	display                    : block;
	margin                     : 1em;
	padding                    : 1em 2em;
	border                     : none;
	background                 : none;
	color                      : inherit;
	vertical-align             : middle;
	position                   : relative;
	z-index                    : 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing    : grayscale
}

.button:focus {
	outline: none
}

.button>span {
	vertical-align: middle
}

.bg-1 .button {
	color       : #37474f;
	border-color: #37474f
}

.bg-2 .button {
	color       : #ECEFF1;
	border-color: #ECEFF1
}

.bg-3 .button {
	color       : #fff;
	border-color: #fff
}

.button--size-s {
	font-size: 14px
}

.button--size-m {
	font-size: 16px
}

.button--size-l {
	font-size: 18px
}

.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase
}

.button--text-thin {
	font-weight: 300
}

.button--text-medium {
	font-weight: 500
}

.button--text-thick {
	font-weight: 600
}

.button--round-s {
	border-radius: 5px
}

.button--round-m {
	border-radius: 15px
}

.button--round-l {
	border-radius: 40px
}

.button--border-thin {
	border: 1px solid
}

.button--border-medium {
	border: 2px solid
}

.button--border-thick {
	border: 3px solid
}

.button--winona {
	overflow                          : hidden;
	padding                           : 0;
	-webkit-transition                : border-color 0.3s, background-color 0.3s;
	transition                        : border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--winona::after {
	content          : attr(data-text);
	position         : absolute;
	width            : 100%;
	height           : 100%;
	top              : 0;
	left             : 0;
	opacity          : 0;
	color            : #3f51b5;
	-webkit-transform: translate3d(0, 25%, 0);
	transform        : translate3d(0, 25%, 0)
}

.button--winona>span {
	display: block
}

.button--winona.button--inverted {
	color: #7986cb
}

.button--winona.button--inverted:after {
	color: #fff
}

.button--winona>span,
.button--winona::after {
	padding                           : 1em 2em;
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--winona:hover {
	border-color    : #3f51b5;
	background-color: rgba(63, 81, 181, 0.1)
}

.button--winona.button--inverted:hover {
	border-color    : #21333C;
	background-color: #21333C
}

.button--winona:hover::after {
	opacity          : 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--winona:hover>span {
	opacity          : 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform        : translate3d(0, -25%, 0)
}

.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition        : border-color 0.4s, color 0.4s
}

.button--ujarak::before {
	content                           : '';
	position                          : absolute;
	top                               : 0;
	left                              : 0;
	width                             : 100%;
	height                            : 100%;
	background                        : #37474f;
	z-index                           : -1;
	opacity                           : 0;
	-webkit-transform                 : scale3d(0.7, 1, 1);
	transform                         : scale3d(0.7, 1, 1);
	-webkit-transition                : -webkit-transform 0.4s, opacity 0.4s;
	transition                        : transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--ujarak.button--round-s::before {
	border-radius: 2px
}

.button--ujarak.button--inverted::before {
	background: #7986CB
}

.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--ujarak:hover {
	color       : #fff;
	border-color: #37474f
}

.button--ujarak.button--inverted:hover {
	color       : #37474F;
	border-color: #fff
}

.button--ujarak:hover::before {
	opacity          : 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--wayra {
	overflow                          : hidden;
	width                             : 245px;
	-webkit-transition                : border-color 0.3s, color 0.3s;
	transition                        : border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--wayra::before {
	content                 : '';
	position                : absolute;
	top                     : 0;
	left                    : 0;
	width                   : 150%;
	height                  : 100%;
	background              : #37474f;
	z-index                 : -1;
	-webkit-transform       : rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform               : rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0 100%;
	transform-origin        : 0 100%;
	-webkit-transition      : -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition              : transform 0.3s, opacity 0.3s, background-color 0.3s
}

.button--wayra:hover {
	color       : #fff;
	border-color: #3f51b5
}

.button--wayra.button--inverted:hover {
	color       : #3f51b5;
	border-color: #fff
}

.button--wayra:hover::before {
	opacity                           : 1;
	background-color                  : #3f51b5;
	-webkit-transform                 : rotate3d(0, 0, 1, 0deg);
	transform                         : rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--wayra.button--inverted:hover::before {
	background-color: #fff
}

.button--tamaya {
	overflow : hidden;
	color    : #7986cb;
	min-width: 180px
}

.button--tamaya.button--inverted {
	color       : #37474f;
	border-color: #37474f
}

.button--tamaya::after,
.button--tamaya::before {
	content                           : attr(data-text);
	position                          : absolute;
	width                             : 100%;
	height                            : 50%;
	left                              : 0;
	background                        : #7986cb;
	color                             : #fff;
	overflow                          : hidden;
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--tamaya.button--inverted::after,
.button--tamaya.button--inverted::before {
	background: #fff;
	color     : #37474f
}

.button--tamaya::before {
	top        : 0;
	padding-top: 1em
}

.button--tamaya::after {
	bottom     : 0;
	line-height: 0
}

.button--tamaya>span {
	display                           : block;
	-webkit-transform                 : scale3d(0.2, 0.2, 1);
	transform                         : scale3d(0.2, 0.2, 1);
	opacity                           : 0;
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--tamaya:hover::before {
	-webkit-transform: translate3d(0, -100%, 0);
	transform        : translate3d(0, -100%, 0)
}

.button--tamaya:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform        : translate3d(0, 100%, 0)
}

.button--tamaya:hover>span {
	opacity          : 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform        : scale3d(1, 1, 1)
}

.button--rayen {
	overflow: hidden;
	padding : 0;
	width   : 230px
}

.button--rayen.button--inverted {
	color: #fff
}

.button--rayen::before {
	content          : attr(data-text);
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	background       : #7986cb;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform        : translate3d(-100%, 0, 0)
}

.button--rayen.button--inverted::before {
	background: #fff;
	color     : #37474f
}

.button--rayen>span {
	display: block
}

.button--rayen>span,
.button--rayen::before {
	padding                           : 1em 2em;
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--rayen:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--rayen:hover>span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform        : translate3d(0, 100%, 0)
}

.button--pipaluk {
	width  : 240px;
	padding: 1.5em 3em;
	color  : #fff
}

.button--pipaluk.button--inverted {
	color: #7986cb
}

.button--pipaluk::after,
.button--pipaluk::before {
	content                           : '';
	border-radius                     : inherit;
	position                          : absolute;
	top                               : 0;
	left                              : 0;
	width                             : 100%;
	height                            : 100%;
	z-index                           : -1;
	-webkit-transition                : -webkit-transform 0.3s, background-color 0.3s;
	transition                        : transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.25, 0, 0.3, 1)
}

.button--pipaluk::before {
	border: 2px solid #7986cb
}

.button--pipaluk.button--inverted::before {
	border-color: #fff
}

.button--pipaluk::after {
	background: #7986cb
}

.button--pipaluk.button--inverted::after {
	background: #fff
}

.button--pipaluk:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform        : scale3d(1, 1, 1)
}

.button--pipaluk::before,
.button--pipaluk:hover::after {
	-webkit-transform: scale3d(0.7, 0.7, 1);
	transform        : scale3d(0.7, 0.7, 1)
}

.button--pipaluk:hover::after {
	background-color: #3f51b5
}

.button--pipaluk.button--inverted:hover::after {
	background-color: #fff
}

.button--nuka {
	margin                            : 1em 2em;
	-webkit-transition                : color 0.3s;
	transition                        : color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--nuka.button--inverted {
	color: #37474f
}

.button--nuka::after,
.button--nuka::before {
	content      : '';
	position     : absolute;
	border-radius: inherit;
	background   : #7986cb;
	z-index      : -1
}

.button--nuka::before {
	top               : -4px;
	bottom            : -4px;
	left              : -4px;
	right             : -4px;
	opacity           : 0.2;
	-webkit-transform : scale3d(0.7, 1, 1);
	transform         : scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition        : transform 0.3s, opacity 0.3s
}

.button--nuka::after {
	top               : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	-webkit-transform : scale3d(1.1, 1, 1);
	transform         : scale3d(1.1, 1, 1);
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition        : transform 0.3s, background-color 0.3s
}

.button--nuka::after,
.button--nuka::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function        : cubic-bezier(0.2, 1, 0.3, 1)
}

.button--nuka.button--inverted::after,
.button--nuka.button--inverted::before {
	background: #fff
}

.button--nuka:hover {
	color: #fff
}

.button--nuka:hover::before {
	opacity: 1
}

.button--nuka:hover::after {
	background-color: #37474f
}

.button--nuka.button--inverted:hover::after {
	background-color: #7986cb
}

.button--nuka:hover::after,
.button--nuka:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform        : scale3d(1, 1, 1)
}

.button--moema {
	padding           : 1.5em 3em;
	border-radius     : 50px;
	background        : #7986cb;
	color             : #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition        : background-color 0.3s, color 0.3s
}

.button--moema.button--inverted {
	background: #ECEFF1;
	color     : #37474f
}

.button--moema::before {
	content          : '';
	position         : absolute;
	top              : -20px;
	left             : -20px;
	bottom           : -20px;
	right            : -20px;
	background       : inherit;
	border-radius    : 50px;
	z-index          : -1;
	opacity          : 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform        : scale3d(0.8, 0.5, 1)
}

.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition        : background-color 0.1s 0.3s, color 0.1s 0.3s;
	color             : #ECEFF1;
	background-color  : #3f51b5;
	-webkit-animation : anim-moema-1 0.3s forwards;
	animation         : anim-moema-1 0.3s forwards
}

.button--moema.button--inverted:hover {
	color           : #ECEFF1;
	background-color: #7986cb
}

.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation        : anim-moema-2 0.3s 0.3s forwards
}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform        : scale3d(0.8, 0.8, 1)
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform        : scale3d(1.1, 1.1, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1)
	}
}

@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform        : scale3d(0.8, 0.8, 1)
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform        : scale3d(1.1, 1.1, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1)
	}
}

@-webkit-keyframes anim-moema-2 {
	to {
		opacity          : 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1)
	}
}

@keyframes anim-moema-2 {
	to {
		opacity          : 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1)
	}
}

.button--isi {
	padding   : 1.2em 2em;
	color     : #fff;
	background: #7986cb;
	overflow  : hidden
}

.button--isi::before {
	content                           : '';
	z-index                           : -1;
	position                          : absolute;
	top                               : 50%;
	left                              : 100%;
	margin                            : -15px 0 0 1px;
	width                             : 30px;
	height                            : 30px;
	border-radius                     : 50%;
	background                        : #3f51b5;
	-webkit-transform-origin          : 100% 50%;
	transform-origin                  : 100% 50%;
	-webkit-transform                 : scale3d(1, 2, 1);
	transform                         : scale3d(1, 2, 1);
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
	transition-timing-function        : cubic-bezier(0.7, 0, 0.9, 1)
}

.button--isi .button__icon {
	vertical-align: middle
}

.button--isi>span {
	vertical-align: middle;
	padding-left  : 0.75em
}

.button--isi:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform        : scale3d(9, 9, 1)
}

.button.button--aylen {
	background        : #fff;
	color             : #37474f;
	overflow          : hidden;
	-webkit-transition: color 0.3s;
	transition        : color 0.3s
}

.button--aylen.button--inverted {
	background: none;
	color     : #fff
}

.button--aylen::after,
.button--aylen::before {
	content                           : '';
	position                          : absolute;
	height                            : 100%;
	width                             : 100%;
	bottom                            : 100%;
	left                              : 0;
	z-index                           : -1;
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--aylen::before {
	background: #7986cb
}

.button--aylen::after {
	background: #3f51b5
}

.button--aylen:hover {
	color: #fff
}

.button--aylen:hover::after,
.button--aylen:hover::before {
	-webkit-transform: translate3d(0, 100%, 0);
	transform        : translate3d(0, 100%, 0)
}

.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay        : 0.175s
}

.button.button--saqui {
	overflow          : hidden;
	color             : #fff;
	background        : #37474f;
	-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
	transition        : background-color 0.3s ease-in, color 0.3s ease-in
}

.button--saqui.button--inverted {
	background: #fff;
	color     : #37474f
}

.button--saqui::after {
	content                 : attr(data-text);
	position                : absolute;
	top                     : 0;
	left                    : 0;
	width                   : 100%;
	height                  : 100%;
	padding                 : 1em 2em;
	color                   : #37474f;
	-webkit-transform-origin: -25% 50%;
	transform-origin        : -25% 50%;
	-webkit-transform       : rotate3d(0, 0, 1, 45deg);
	transform               : rotate3d(0, 0, 1, 45deg);
	-webkit-transition      : -webkit-transform 0.3s ease-in;
	transition              : transform 0.3s ease-in
}

.button--saqui.button--inverted::after {
	color: #fff
}

.button--saqui:hover,
.button--saqui:hover::after {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function        : ease-out
}

.button--saqui:hover {
	background-color: #7986cb;
	color           : #7986cb
}

.button--saqui.button--inverted:hover {
	background-color: #3f51b5;
	color           : #3f51b5
}

.button--saqui:hover::after {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform        : rotate3d(0, 0, 1, 0deg)
}

.button.button--wapasha {
	background        : #37474f;
	color             : #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition        : background-color 0.3s, color 0.3s
}

.button--wapasha.button--inverted {
	background: #fff;
	color     : #37474f
}

.button--wapasha::before {
	content                           : '';
	position                          : absolute;
	top                               : 0;
	left                              : 0;
	width                             : 100%;
	height                            : 100%;
	border                            : 2px solid #3f51b5;
	z-index                           : -1;
	border-radius                     : inherit;
	opacity                           : 0;
	-webkit-transform                 : scale3d(0.6, 0.6, 1);
	transform                         : scale3d(0.6, 0.6, 1);
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--wapasha.button--inverted::before {
	border-color: #7986cb
}

.button--wapasha:hover {
	background-color: #fff;
	color           : #3f51b5
}

.button--wapasha.button--inverted:hover {
	background-color: #37474f;
	color           : #7986cb
}

.button--wapasha:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform        : scale3d(1, 1, 1);
	opacity          : 1
}

.button--nina {
	padding           : 0 2em;
	background        : #7986cb;
	color             : #fff;
	overflow          : hidden;
	-webkit-transition: background-color 0.3s;
	transition        : background-color 0.3s
}

.button--nina.button--inverted {
	background: #fff;
	color     : #7986cb
}

.button--nina>span {
	display                           : inline-block;
	padding                           : 1em 0;
	opacity                           : 0;
	color                             : #fff;
	-webkit-transform                 : translate3d(0, -10px, 0);
	transform                         : translate3d(0, -10px, 0);
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--nina::before {
	content                           : attr(data-text);
	position                          : absolute;
	top                               : 0;
	left                              : 0;
	width                             : 100%;
	height                            : 100%;
	padding                           : 1em 0;
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--nina:hover {
	background-color: #3f51b5
}

.button--nina:hover::before {
	opacity          : 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform        : translate3d(0, 100%, 0)
}

.button--nina:hover>span {
	opacity          : 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--nina:hover>span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay        : 0.045s
}

.button--nina:hover>span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay        : 0.09s
}

.button--nina:hover>span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay        : 0.135s
}

.button--nina:hover>span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay        : 0.18s
}

.button--nina:hover>span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay        : 0.225s
}

.button--nina:hover>span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay        : 0.27s
}

.button--nina:hover>span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay        : 0.315s
}

.button--nina:hover>span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay        : 0.36s
}

.button--nina:hover>span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay        : 0.405s
}

.button--nina:hover>span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay        : 0.45s
}

.button--nanuk {
	padding           : 0 2em;
	overflow          : hidden;
	background        : #7986cb;
	-webkit-transition: background-color 0.3s;
	transition        : background-color 0.3s
}

.button--nanuk.button--inverted {
	background: #fff;
	color     : #7986cb
}

.button--nanuk>span {
	display: inline-block;
	padding: 1em 0
}

.button--nanuk:hover {
	background-color: #3f51b5
}

.button--nanuk:hover>span:nth-child(odd) {
	-webkit-animation: anim-nanuk-1 0.5s forwards;
	animation        : anim-nanuk-1 0.5s forwards
}

.button--nanuk:hover>span:nth-child(even) {
	-webkit-animation: anim-nanuk-2 0.5s forwards;
	animation        : anim-nanuk-2 0.5s forwards
}

.button--nanuk:hover>span:nth-child(even),
.button--nanuk:hover>span:nth-child(odd) {
	-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-animation-function    : cubic-bezier(0.75, 0, 0.125, 1)
}

@-webkit-keyframes anim-nanuk-1 {

	0%,
	100% {
		opacity          : 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform        : translate3d(0, 0, 0)
	}

	49% {
		opacity          : 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0)
	}

	50% {
		opacity          : 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0);
		color            : inherit
	}

	51% {
		opacity          : 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform        : translate3d(0, -100%, 0);
		color            : #fff
	}

	100% {
		color: #fff
	}
}

@keyframes anim-nanuk-1 {

	0%,
	100% {
		opacity          : 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform        : translate3d(0, 0, 0)
	}

	49% {
		opacity          : 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0)
	}

	50% {
		opacity          : 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0);
		color            : inherit
	}

	51% {
		opacity          : 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform        : translate3d(0, -100%, 0);
		color            : #fff
	}

	100% {
		color: #fff
	}
}

@-webkit-keyframes anim-nanuk-2 {

	0%,
	100% {
		opacity          : 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform        : translate3d(0, 0, 0)
	}

	49% {
		opacity          : 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform        : translate3d(0, -100%, 0)
	}

	50% {
		opacity          : 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform        : translate3d(0, -100%, 0);
		color            : inherit
	}

	51% {
		opacity          : 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0);
		color            : #fff
	}

	100% {
		color: #fff
	}
}

@keyframes anim-nanuk-2 {

	0%,
	100% {
		opacity          : 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform        : translate3d(0, 0, 0)
	}

	49% {
		opacity          : 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform        : translate3d(0, -100%, 0)
	}

	50% {
		opacity          : 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform        : translate3d(0, -100%, 0);
		color            : inherit
	}

	51% {
		opacity          : 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0);
		color            : #fff
	}

	100% {
		color: #fff
	}
}

.button--nanuk:hover>span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay        : 0s
}

.button--nanuk:hover>span:nth-child(2) {
	-webkit-animation-delay: 0.05s;
	animation-delay        : 0.05s
}

.button--nanuk:hover>span:nth-child(3) {
	-webkit-animation-delay: 0.1s;
	animation-delay        : 0.1s
}

.button--nanuk:hover>span:nth-child(4) {
	-webkit-animation-delay: 0.15s;
	animation-delay        : 0.15s
}

.button--nanuk:hover>span:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay        : 0.2s
}

.button--nanuk:hover>span:nth-child(6) {
	-webkit-animation-delay: 0.25s;
	animation-delay        : 0.25s
}

.button--nanuk:hover>span:nth-child(7) {
	-webkit-animation-delay: 0.3s;
	animation-delay        : 0.3s
}

.button--nanuk:hover>span:nth-child(8) {
	-webkit-animation-delay: 0.35s;
	animation-delay        : 0.35s
}

.button--nanuk:hover>span:nth-child(9) {
	-webkit-animation-delay: 0.4s;
	animation-delay        : 0.4s
}

.button--nanuk:hover>span:nth-child(10) {
	-webkit-animation-delay: 0.45s;
	animation-delay        : 0.45s
}

.button--nanuk:hover>span:nth-child(11) {
	-webkit-animation-delay: 0.5s;
	animation-delay        : 0.5s
}

.button--antiman {
	background: none;
	border    : none;
	height    : 60px
}

.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
	-webkit-transition                : color 0.3s;
	transition                        : color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--antiman>span {
	padding-left: 0.35em
}

.button--antiman::after,
.button--antiman::before {
	content                           : '';
	z-index                           : -1;
	border-radius                     : inherit;
	pointer-events                    : none;
	position                          : absolute;
	top                               : 0;
	left                              : 0;
	width                             : 100%;
	height                            : 100%;
	-webkit-backface-visibility       : hidden;
	-webkit-transition                : -webkit-transform 0.3s, opacity 0.3s;
	transition                        : transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--antiman::before {
	border           : 2px solid #37474f;
	opacity          : 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform        : scale3d(1.2, 1.2, 1)
}

.button--antiman.button--border-thin::before {
	border-width: 1px
}

.button--antiman.button--border-medium::before {
	border-width: 2px
}

.button--antiman.button--border-thick::before {
	border-width: 3px
}

.button--antiman.button--inverted::before {
	border-color: #7986cb
}

.button--antiman.button--inverted-alt::before {
	border-color: #3f51b5
}

.button--antiman::after {
	background: #fff
}

.button--antiman.button--inverted::after {
	background: #7986cb
}

.button--antiman.button--inverted-alt::after {
	background: #3f51b5
}

.button--antiman.button--inverted:hover {
	color: #7986cb
}

.button--antiman.button--inverted-alt:hover {
	color: #3f51b5
}

.button--antiman:hover::before {
	opacity          : 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform        : scale3d(1, 1, 1)
}

.button--antiman:hover::after {
	opacity          : 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform        : scale3d(0.8, 0.8, 1)
}

.button--itzel {
	border  : none;
	padding : 0;
	overflow: hidden;
	width   : 255px
}

.button--itzel::before {
	content                 : '';
	position                : absolute;
	top                     : 0;
	left                    : 0;
	width                   : 100%;
	height                  : 100%;
	border                  : 2px solid;
	border-radius           : inherit;
	-webkit-clip-path       : polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
	clip-path               : url("../index.html#clipBox");
	-webkit-transform       : translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	transform               : translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	-webkit-transform-origin: 50% 100%;
	transform-origin        : 50% 100%
}

.button--itzel.button--border-thin::before {
	border           : 1px solid;
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
	transform        : translate3d(0, 100%, 0) translate3d(0, -1px, 0)
}

.button--itzel.button--border-thick::before {
	border           : 3px solid;
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
	transform        : translate3d(0, 100%, 0) translate3d(0, -3px, 0)
}

.button--itzel .button__icon,
.button--itzel::before {
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--itzel .button__icon {
	position         : absolute;
	top              : 100%;
	left             : 50%;
	padding          : 20px;
	font-size        : 20px;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform        : translate3d(-50%, 0, 0)
}

.button--itzel>span {
	display                 : block;
	padding                 : 20px;
	-webkit-transition      : -webkit-transform 0.3s, opacity 0.3s;
	transition              : transform 0.3s, opacity 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay        : 0.3s
}

.button--itzel:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--itzel:hover .button__icon {
	-webkit-transition-delay: 0.1s;
	transition-delay        : 0.1s;
	-webkit-transform       : translate3d(-50%, -100%, 0);
	transform               : translate3d(-50%, -100%, 0)
}

.button--itzel:hover>span {
	opacity                 : 0;
	-webkit-transform       : translate3d(0, -50%, 0);
	transform               : translate3d(0, -50%, 0);
	-webkit-transition-delay: 0s;
	transition-delay        : 0s
}

.button--naira {
	padding           : 0;
	overflow          : hidden;
	-webkit-transition: background-color 0.3s;
	transition        : background-color 0.3s
}

.button--naira::before {
	content          : '';
	position         : absolute;
	left             : -50%;
	width            : 200%;
	height           : 200%;
	background       : #37474f;
	top              : -50%;
	z-index          : -1;
	-webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
	transform        : translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg)
}

.button--naira.button--inverted::before {
	background: #7986cb
}

.button--naira-up::before {
	-webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
	transform        : translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg)
}

.button--naira>span {
	display: block
}

.button--naira .button__icon {
	position         : absolute;
	top              : 0;
	width            : 100%;
	left             : 0;
	color            : #fff;
	-webkit-transform: translate3d(0, -100%, 0);
	transform        : translate3d(0, -100%, 0)
}

.button--naira-up .button__icon {
	-webkit-transform: translate3d(0, 100%, 0);
	transform        : translate3d(0, 100%, 0)
}

.button--naira .button__icon,
.button--naira>span {
	padding                           : 1em 2em;
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--naira:hover::before {
	-webkit-animation: anim-naira-1 0.3s forwards ease-in;
	animation        : anim-naira-1 0.3s forwards ease-in
}

.button--naira-up:hover::before {
	-webkit-animation: anim-naira-2 0.3s forwards ease-in;
	animation        : anim-naira-2 0.3s forwards ease-in
}

@-webkit-keyframes anim-naira-1 {
	50% {
		-webkit-transform                : translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform                        : translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function        : ease-out
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform        : translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes anim-naira-1 {
	50% {
		-webkit-transform                : translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform                        : translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function        : ease-out
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform        : translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
	}
}

@-webkit-keyframes anim-naira-2 {
	50% {
		-webkit-transform                : translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform                        : translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function        : ease-out
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform        : translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes anim-naira-2 {
	50% {
		-webkit-transform                : translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform                        : translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function        : ease-out
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform        : translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
	}
}

.button--naira:hover {
	background-color  : #37474f;
	-webkit-transition: background-color 0s 0.3s;
	transition        : background-color 0s 0.3s
}

.button--naira.button--inverted:hover {
	background-color: #7986cb
}

.button--naira:hover .button__icon {
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--naira:hover>span {
	opacity          : 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform        : translate3d(0, 100%, 0)
}

.button--naira-up:hover>span {
	-webkit-transform: translate3d(0, -100%, 0);
	transform        : translate3d(0, -100%, 0)
}

.button--quidel {
	background                        : #7986cb;
	color                             : #7986cb;
	overflow                          : hidden;
	-webkit-transition                : color 0.3s;
	transition                        : color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--quidel.button--inverted {
	background: #fff;
	color     : #fff
}

.button--quidel::after,
.button--quidel::before {
	content      : '';
	position     : absolute;
	z-index      : -1;
	border-radius: inherit
}

.button--quidel::after {
	top       : 2px;
	left      : 2px;
	right     : 2px;
	bottom    : 2px;
	background: #fff
}

.button--quidel.button--inverted::after {
	background: #37474f
}

.button--quidel::before {
	background                        : #37474f;
	top                               : 0;
	left                              : 0;
	width                             : 100%;
	height                            : 100%;
	-webkit-transform                 : translate3d(0, 100%, 0);
	transform                         : translate3d(0, 100%, 0);
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--quidel.button--inverted::before {
	background: #7986cb
}

.button--round-s.button--quidel::after {
	border-radius: 3px
}

.button--round-m.button--quidel::after {
	border-radius: 13px
}

.button--round-l.button--quidel::after {
	border-radius: 40px
}

.button--quidel>span {
	padding-left: 0.35em
}

.button--quidel:hover {
	color: #37474f
}

.button--quidel.button--inverted:hover {
	color: #7986cb
}

.button--quidel:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button.button--sacnite {
	width             : 70px;
	height            : 70px;
	min-width         : 0;
	padding           : 0;
	color             : #fff;
	-webkit-transition: color 0.3s;
	transition        : color 0.3s
}

.button--scanite.button--round-l {
	border-radius: 50%
}

.button--sacnite.button--inverted {
	color: #37474f
}

.button--sacnite::before {
	content           : '';
	position          : absolute;
	top               : 0;
	left              : 0;
	width             : 100%;
	height            : 100%;
	border-radius     : inherit;
	z-index           : -1;
	box-shadow        : inset 0 0 0 35px #37474f;
	-webkit-transform : scale3d(0.9, 0.9, 1);
	transform         : scale3d(0.9, 0.9, 1);
	-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
	transition        : box-shadow 0.3s, transform 0.3s
}

.button--sacnite.button--inverted::before {
	box-shadow: inset 0 0 0 35px #fff
}

.button--sacnite .button__icon {
	font-size: 22px;
	width    : 22px
}

.button--sacnite>span {
	position      : absolute;
	opacity       : 0;
	pointer-events: none
}

.button--sacnite:hover {
	color: #37474f
}

.button--sacnite.button--inverted:hover {
	color: #fff
}

.button--sacnite:hover::before {
	box-shadow       : inset 0 0 0 2px #37474f;
	-webkit-transform: scale3d(1, 1, 1);
	transform        : scale3d(1, 1, 1)
}

.button--sacnite.button--inverted:hover::before {
	box-shadow: inset 0 0 0 2px #fff
}

.button.button--shikoba {
	padding           : 1em 30px 1em 50px;
	overflow          : hidden;
	background        : #fff;
	color             : #37474f;
	border-color      : #37474f;
	-webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
	transition        : background-color 0.3s, border-color 0.3s, color 0.3s
}

.button--shikoba.button--inverted {
	color     : #fff;
	background: #7986cb
}

.button--shikoba>span {
	display                           : inline-block;
	-webkit-transform                 : translate3d(-10px, 0, 0);
	transform                         : translate3d(-10px, 0, 0);
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--shikoba .button__icon {
	position                          : absolute;
	left                              : 20px;
	font-size                         : 18px;
	-webkit-transform                 : translate3d(-40px, 2.5em, 0);
	transform                         : translate3d(-40px, 2.5em, 0);
	-webkit-transition                : -webkit-transform 0.3s;
	transition                        : transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function        : cubic-bezier(0.75, 0, 0.125, 1)
}

.button--shikoba:hover .button__icon,
.button--shikoba:hover>span {
	-webkit-transform: translate3d(0, 0, 0);
	transform        : translate3d(0, 0, 0)
}

.button--shikoba:hover {
	background  : #3f51b5;
	border-color: #3f51b5;
	color       : #fff
}

body,
html {
	width     : 100%;
	height    : 100%;
	min-width : 1000px;
	min-height: 500px;
	color     : #000
}

.W-sider-zhe {
	width           : 100%;
	height          : 100%;
	position        : absolute;
	left            : 0;
	top             : 0;
	background-color: rgba(86, 83, 100, 0.5)
}

.W-aboutme {
	background     : url("../images/394b9dc35569407c8a5907449f9c63e4.gif") no-repeat;
	background-size: cover
}

.W-aboutme,
.W-sider-zhe {
	background-color: rgba(86, 83, 100, .7)
}

.W-skill {
	background     : url("../images/6745e2e038904ccba18084730c976941.gif") no-repeat;
	background-size: cover
}

.W-sider-zhe,
.W-skill {
	background-color: rgba(86, 83, 100, .7)
}

.W-work {
	background     : url("../images/9f1be50451be4ed3a0143e6f3918ac13.gif") no-repeat;
	background-size: cover
}

.W-work .W-sider-zhe {
	background-color: rgba(86, 83, 100, .7)
}

.W-mywork {
	background     : url("../images/cb970f3615844353946fb6f7ed87d489.gif") no-repeat;
	background-size: cover
}

.W-mywork .W-sider-zhe {
	background-color: rgba(86, 83, 100, .7)
}

.W-contact-me {
	background     : url("../images/1b56ac295db5455b9a952953a676da84.gif") no-repeat;
	background-size: cover
}

.W-contact-me .W-sider-zhe {
	background-color: rgba(86, 83, 100, .7)
}

.fadeInLeft {
	-webkit-animation: fadeInLeft 1.2s ease-in;
	animation        : fadeInLeft 1.2s ease-in;
	-o-animation     : fadeInLeft 1.2s ease-in;
	-moz-animation   : fadeInLeft 1.2s ease-in;
	-ms-animation    : fadeInLeft 1.2s ease-in
}

.swiper-container1 {
	width : 100%;
	height: 100%
}

.swiper-container1 .swiper-wrapper1 {
	width : 100%;
	height: 100%
}

.W-aboutme,
.W-contact-me,
.W-mywork,
.W-skill,
.W-work,
.swiper-slide1 {
	position: relative;
	width   : 100%;
	height  : 100%
}

.w-mask {
	width           : 100%;
	height          : 100%;
	position        : absolute;
	top             : 0;
	left            : 0;
	background-color: rgba(218, 218, 234, 0.35);
	z-index         : 502
}

.W-head-portrait {
	width        : 280px;
	/* height       : 60px; */
	position     : fixed;
	z-index      : 200;
	left         : 2.5%;
	top          : 4%;
	cursor       : pointer;
	border       : 1px solid #ccc;
	background   : rgba(255, 255, 255, .4);
	border-radius: 10px
}

.W-head-portrait img {
	margin-left  : 4%;
	width        : 60px;
	height       : 100%;
	border-radius: 50%;
	float        : left;
	border       : 1px solid #ccc
}

.My-resume {
	margin-left: 20px;
	font-size  : 18px;
	float      : left;
	height     : 100%;
	line-height: 60px;
	color      : #000;
	font-weight: 800
}

.My-resume i {
	font-size   : 18px;
	font-weight : 500;
	padding-left: 5px
}

.My-resume span {
	display      : inline-block;
	color        : white;
	height       : 30px;
	margin-top   : 15px;
	line-height  : 30px;
	text-align   : center;
	width        : 74px;
	background   : #000;
	border-radius: 4px
}

.My-resume:hover i {
	color: #337ab7
}

.My-resume:hover {
	color: #337ab7
}

.nav-open .nav-toggle {
	box-shadow: none
}

.nav-open .nav-toggle .icon {
	width: 0
}

.nav-open .nav-toggle .icon:before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform    : translateY(9px) rotate(45deg);
	-o-transform     : translateY(9px) rotate(45deg);
	-moz-transform   : translateY(9px) rotate(45deg);
	transform        : translateY(9px) rotate(45deg)
}

.nav-open .nav-toggle .icon:after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform    : translateY(-9px) rotate(-45deg);
	transform        : translateY(-9px) rotate(-45deg);
	-o-transform     : translateY(-9px) rotate(-45deg);
	-moz-transform   : translateY(-9px) rotate(-45deg)
}

.nav-toggle {
	width                             : 60px;
	height                            : 60px;
	border-radius                     : 50%;
	position                          : absolute;
	cursor                            : pointer;
	box-shadow                        : 0 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition-duration       : 0.66s;
	transition-duration               : 0.66s;
	-o-transition-duration            : 0.66s;
	-moz-transition-duration          : 0.66s;
	-ms-transition-duration           : 0.66s;
	-webkit-transition-timing-function: swing;
	transition-timing-function        : swing;
	-o-transition-timing-function     : swing;
	-moz-transition-timing-function   : swing;
	-ms-transition-timing-function    : swing
}

.nav-toggle:before {
	width                             : 60px;
	height                            : 60px;
	border-radius                     : 50%;
	background-color                  : transparent;
	content                           : "";
	position                          : absolute;
	top                               : 50%;
	left                              : 50%;
	-webkit-transform                 : translateX(-50%) translateY(-50%);
	-ms-transform                     : translateX(-50%) translateY(-50%);
	transform                         : translateX(-50%) translateY(-50%);
	-o-transform                      : translateX(-50%) translateY(-50%);
	-moz-transform                    : translateX(-50%) translateY(-50%);
	-webkit-transition-duration       : 0.66s;
	transition-duration               : 0.66s;
	-o-transition-duration            : 0.66s;
	-moz-transition-duration          : 0.66s;
	-ms-transition-duration           : 0.66s;
	-webkit-transition-timing-function: swing;
	transition-timing-function        : swing;
	-o-transition-timing-function     : swing;
	-moz-transition-timing-function   : swing;
	-ms-transition-timing-function    : swing
}

.nav-toggle:hover {
	background: #337ab7
}

.nav-toggle .icon {
	width                             : 30px;
	height                            : 4px;
	background-color                  : white;
	border-radius                     : 2px;
	position                          : absolute;
	top                               : 28px;
	left                              : 15px;
	-webkit-transition-duration       : 0.5s;
	transition-duration               : 0.5s;
	-o-transition-duration            : 0.5s;
	-moz-transition-duration          : 0.5s;
	-ms-transition-duration           : 0.5s;
	transiting-timing-function        : swing;
	-webkit-transiting-timing-function: swing;
	-o-transiting-timing-function     : swing;
	-moz-transiting-timing-function   : swing;
	-ms-transiting-timing-function    : swing
}

.nav-toggle .icon:after,
.nav-toggle .icon:before {
	width                             : 30px;
	height                            : 4px;
	background-color                  : white;
	border-radius                     : 2px;
	content                           : "";
	position                          : absolute;
	left                              : 0;
	-webkit-transition-duration       : 0.5s;
	transition-duration               : 0.5s;
	-o-transition-duration            : 0.5s;
	-moz-transition-duration          : 0.5s;
	-ms-transition-duration           : 0.5s;
	-webkit-transition-timing-function: swing;
	transition-timing-function        : swing;
	-o-transition-timing-function     : swing;
	-moz-transition-timing-function   : swing;
	-ms-transition-timing-function    : swing
}

.nav-toggle .icon:before {
	top: -9px
}

.nav-toggle .icon:after {
	top: 9px
}

.nav-yuan {
	position: fixed;
	right   : 2%;
	top     : 4%;
	z-index : 6666;
	width   : 60px
}

.talkbubble {
	display              : none;
	width                : 60px;
	height               : 30px;
	background           : #337ab7;
	position             : absolute;
	top                  : 73px;
	right                : 0;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	border-radius        : 5px;
	text-align           : center;
	line-height          : 30px;
	color                : #fff;
	font-size            : 12px
}

.talkbubble:before {
	content      : "";
	position     : absolute;
	right        : 22px;
	top          : -8px;
	width        : 0;
	height       : 0;
	border-left  : 8px solid transparent;
	border-bottom: 8px solid #337ab7;
	border-right : 8px solid transparent
}

.navigation {
	background   : transparent;
	position     : fixed;
	z-index      : 444;
	right        : -35%;
	top          : 0;
	width        : 30%;
	height       : 0;
	border-top   : none;
	border-bottom: #e4e2e3 solid;
	border-left  : transparent 180px solid;
	border-right : none;
	box-sizing   : border-box
}

.nav-zhe {
	background: rgba(0, 0, 0, .85);
	position  : fixed;
	left      : 0;
	top       : 0;
	z-index   : 300;
	width     : 100%;
	height    : 100%;
	display   : none
}

.navigation ul {
	position  : fixed;
	top       : 50%;
	display   : block;
	right     : -150px;
	height    : 406px;
	margin-top: -210px
}

.navigation ul li a {
	font-size          : 20px;
	position           : relative;
	font-family        : "微软雅黑";
	color              : #686967;
	padding            : 10% 30px;
	display            : inline-block;
	-webkit-transition : color 0.4s ease-in;
	-o-transition      : color 0.4s ease-in;
	-moz-transition    : color 0.4s ease-in;
	-ms-transition     : color 0.4s ease-in;
	transition         : color 0.4s ease-in;
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none
}

.navigation ul li .a-active {
	color: #337ab7
}

.navigation ul li {
	text-align : right;
	white-space: nowrap
}

.navigation ul li a span {
	width     : 0;
	height    : 2px;
	background: #337ab7;
	display   : block;
	position  : absolute;
	top       : 50%;
	left      : 0;
	margin    : 0 auto;
	right     : 0;
	bottom    : 0
}

.navigation ul li a .span-active {
	width: 100%
}

.navigation ul li:hover a {
	color: #337ab7
}

@font-face {
	font-family: myFirstFont;
	src        : url("../font/SketchFineSerif.otf")
}

.W-logo {
	width              : 300px;
	height             : 50px;
	position           : fixed;
	right              : -80%;
	bottom             : 30px;
	z-index            : 444;
	margin-right       : 30px;
	line-height        : 50px;
	font-family        : "微软雅黑";
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none
}

.W-logo img {
	width : 52px;
	height: 50px;
	float : left
}

.W-rem {
	float      : left;
	font-size  : 34px;
	font-weight: 100;
	color      : #202020
}

.W-logo-jian {
	float   : left;
	position: relative
}

.W-boke {
	color      : #000;
	white-space: nowrap;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 116px;
	height     : 24px;
	line-height: 24px;
	font-size  : 14px;
	text-align : center
}

.W-qq {
	color      : #fff;
	text-align : center;
	background : #000;
	font-size  : 15px;
	width      : 116px;
	height     : 22px;
	white-space: nowrap;
	position   : absolute;
	left       : 0;
	top        : 20px;
	line-height: 22px
}

.W-zhan {
	float      : right;
	font-size  : 34px;
	font-weight: 100;
	color      : #202020
}

.slider {
	position: relative;
	z-index : 101;
	width   : 100%;
	height  : 100%
}

.slider .items-group {
	width   : 100%;
	height  : 100%;
	position: relative
}

.slider .items-group .item {
	top               : 0;
	left              : 0;
	opacity           : 0;
	width             : 100%;
	height            : 100%;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	overflow          : hidden;
	-webkit-transition: 0.5s;
	transition        : 0.5s;
	visibility        : hidden;
	position          : relative;
	padding           : 50px 20px;
	position          : absolute;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	box-sizing        : border-box
}

.slider .items-group .item:hover .bg {
	opacity: 0.2
}

.slider .items-group .item:hover .block {
	box-shadow        : 0 0 50px #333;
	-o-box-shadow     : 0 0 50px #333;
	-webkit-box-shadow: 0 0 50px #333;
	-moz-box-shadow   : 0 0 50px #333;
	-ms-box-shadow    : 0 0 50px #333
}

.slider .items-group .item.active {
	opacity   : 1;
	visibility: visible
}

.slider .items-group .item .bg {
	top                  : 0;
	left                 : 0;
	opacity              : 1;
	z-index              : -1;
	width                : 100%;
	height               : 100%;
	-webkit-transition   : 0.5s;
	transition           : 0.5s;
	position             : absolute;
	-webkit-transform    : scale(1.03);
	transform            : scale(1.03);
	background-size      : cover;
	background-position  : center;
	background-attachment: fixed
}

.slider .items-group .item .blur {
	top                  : 0;
	left                 : 0;
	z-index              : -1;
	width                : 100%;
	height               : 100%;
	-webkit-transition   : 0.5s;
	transition           : 0.5s;
	-webkit-filter       : blur(5px);
	filter               : blur(5px);
	position             : absolute;
	-webkit-transform    : scale(1.03);
	transform            : scale(1.03);
	background-size      : cover;
	background-position  : center;
	background-attachment: fixed
}

.slider .items-group .item .block {
	width                : 700px;
	height               : 280px;
	padding              : 0;
	color                : #000;
	-webkit-transition   : box-shadow 0.5s;
	transition           : box-shadow 0.5s;
	overflow             : hidden;
	border-radius        : 10px;
	-webkit-transform    : scale(1.03);
	transform            : scale(1.03);
	box-sizing           : border-box;
	background-size      : cover;
	background-position  : center;
	background-attachment: fixed;
	box-shadow           : none
}

.slider .items-group .item .block .circleLight {
	top               : 0;
	left              : 0;
	opacity           : 0;
	content           : '';
	width             : 100%;
	height            : 100%;
	display           : block;
	-webkit-transition: 0.5s;
	transition        : 0.5s;
	position          : absolute;
	border-radius     : 10px;
	background        : -webkit-radial-gradient(80px 40px, circle, #ffffff, rgba(0, 0, 0, 0));
	background        : radial-gradient(circle at 80px 40px, #ffffff, rgba(0, 0, 0, 0))
}

.slider .items-group .item .block .text {
	width                : 100%;
	height               : 100%;
	position             : absolute;
	color                : #000;
	left                 : 0;
	top                  : 0;
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	text-align           : center;
	-webkit-box-orient   : vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction   : column;
	flex-direction       : column;
	-webkit-box-pack     : center;
	-ms-flex-pack        : center;
	justify-content      : center;
	background-position  : center;
	background-attachment: fixed
}

.text strong {
	font-size          : 25px;
	color              : #000;
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none
}

.slider .items-group .item .block h2 {
	text-align         : center;
	font-family        : myFirstFont, "微软雅黑", SimSun, "宋体", sans-serif;
	white-space        : nowrap;
	font-size          : 70px;
	color              : #000;
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none
}

.slider .items-group .item .block p {
	font-family   : "微软雅黑";
	font-size     : 20px;
	margin-top    : 8px;
	color         : #000;
	letter-spacing: 2px
}

.slider .items-group .item .block .W-p1,
.slider .items-group .item .block .W-p2 {
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none
}

.slider .items-group .item .block:hover {
	box-shadow        : 0 0 70px #111;
	-o-box-shadow     : 0 0 70px #111;
	-webkit-box-shadow: 0 0 70px #111;
	-moz-box-shadow   : 0 0 70px #111;
	-ms-box-shadow    : 0 0 70px #111
}

.slider .items-group .item .block:hover .circleLight {
	opacity: 0.4
}

.slider .items-group .item .block .W-mailbox {
	color: #7d2704
}

.swiper-pagination1 {
	position  : fixed;
	right     : 2.7% !important;
	width     : 14px;
	margin-top: -30px
}

.swiper-pagination1:after {
	width       : 6px;
	height      : 230px;
	position    : absolute;
	display     : block;
	content     : '';
	left        : 0;
	border-right: 1px dashed #8c7576;
	top         : 24px
}

.swiper-pagination1 .swiper-pagination-bullet {
	width     : 14px;
	height    : 14px;
	background: #dddedc;
	margin    : 24px auto !important;
	opacity   : 1;
	position  : relative;
	z-index   : 100
}

.swiper-pagination1 .swiper-pagination-bullet:after {
	width        : 6px;
	height       : 6px;
	content      : '';
	border-radius: 50%;
	background   : #337ab7;
	display      : block;
	position     : absolute;
	left         : 50%;
	margin-left  : -3px;
	top          : 50%;
	margin-top   : -3px
}

.swiper-pagination1 .swiper-pagination-bullet:hover {
	opacity   : 1;
	background: #fff
}

.swiper-pagination1 .swiper-pagination-bullet-active {
	animation                        : sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation                : sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-animation                     : sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-animation                   : sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-animation                    : sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count        : infinite;
	-o-animation-iteration-count     : infinite;
	-moz-animation-iteration-count   : infinite;
	-ms-animation-iteration-count    : infinite;
	width                            : 14px;
	opacity                          : 1;
	height                           : 14px;
	background                       : #ddd
}

.swiper-pagination1:before {
	content          : '';
	background       : url("../images/b238c14b88be4e42b18a9e65aac652e0.gif") no-repeat;
	background-size  : 100% 100%;
	width            : 40px;
	height           : 40px;
	position         : absolute;
	bottom           : -35px;
	left             : -13px;
	z-index          : 100;
	display          : block;
	border-radius    : 100%;
	animation        : runs 15s infinite linear;
	-o-animation     : runs 15s infinite linear;
	-webkit-animation: runs 15s infinite linear;
	-moz-animation   : runs 15s infinite linear;
	-ms-animation    : runs 15s infinite linear;
	cursor           : pointer
}

.W-yyue {
	width             : 40px;
	height            : 40px;
	background        : transparent;
	position          : fixed;
	top               : 50%;
	right             : 2.7%;
	margin-top        : 91px;
	margin-right      : -13px;
	z-index           : 222;
	border-radius     : 50%;
	transition        : background 0.3s ease-in;
	-o-transition     : background 0.3s ease-in;
	-webkit-transition: background 0.3s ease-in;
	-moz-transition   : background 0.3s ease-in;
	-ms-transition    : background 0.3s ease-in;
	cursor            : pointer
}

.W-yyue:hover {
	background: #f2dfdf;
	opacity   : 0.7
}

.demoSpan1:after,
.demoSpan1:before {
	content   : '';
	height    : 20px;
	width     : 4px;
	display   : block;
	background: #333;
	position  : absolute;
	top       : 10px;
	left      : 14px
}

.demoSpan1:after {
	left: 22px
}

.demoSpan2:before {
	content           : '';
	height            : 0;
	width             : 0;
	display           : block;
	border            : 10px transparent solid;
	border-right-width: 0;
	border-left-color : #333;
	position          : absolute;
	top               : 10px;
	left              : 16px
}

.W-yyue span {
	display: none
}

.W-aboutme {}

.W-introduce {
	width      : 1000px;
	position   : absolute;
	left       : 50%;
	margin-left: -500px;
	top        : 50%;
	margin-top : -230px;
	overflow   : hidden;
	height     : 480px
}

.W-introduce-me {
	max-width    : 200px;
	height       : 200px;
	margin       : 20px auto 0;
	border-radius: 50%;
	cursor       : pointer;
	overflow     : hidden
}

.W-introduce-me img {
	width          : 200px;
	height         : 200px;
	border-radius  : 100%;
	object-fit     : cover;
	object-position: top 0 center;
	filter         : grayscale(1);
	-o-filter      : grayscale(1);
	-moz-filter    : grayscale(1);
	-ms-filter     : grayscale(1)
}

.W-introduce-me:hover {
	box-shadow        : 0 0 20px #337ab7;
	-webkit-box-shadow: 0 0 20px #337ab7;
	-o-box-shadow     : 0 0 20px #337ab7;
	-moz-box-shadow   : 0 0 20px #337ab7;
	-ms-box-shadow    : 0 0 20px #337ab7
}

.W-introduce p {
	max-width  : 850px;
	margin     : 20px auto 0;
	font-size  : 1.25rem;
	line-height: 30px;
	text-align : justify;
	color      : #fff;
	font-weight: lighter
}

.yibaijia {
	color: #337ab7
}

.W-page2 {
	display: none;
	background: url("../picture/hsbj.gif")
}

.W-skill {}

#content {
	position: absolute;
	top     : 50%;
	left    : 50%;
	margin  : -290px 0 0 -450px;
	width   : 900px;
	height  : 600px
}

.legend {
	float     : left;
	width     : 250px;
	margin-top: 140px
}

#content h1 {
	font-family : 'Cabin Sketch', arial, serif;
	text-shadow : 3px 3px 0 #ddd;
	color       : #ffd200;
	font-size   : 40px;
	text-align  : right;
	margin-right: 20px
}

.skills {
	float: left;
	clear: both;
	width: 100%
}

.skills li,
.skills ul {
	display   : block;
	list-style: none;
	margin    : 0;
	padding   : 0
}

.skills li {
	float        : right;
	clear        : both;
	padding      : 0 15px;
	height       : 35px;
	line-height  : 35px;
	color        : #fff;
	margin-bottom: 1px;
	font-size    : 18px
}

.skills .jq {
	background: #97BE0D
}

.skills .css {
	background: #d7d8d8
}

.skills .html {
	background: #d3d671
}

.skills .vue {
	background: #BEDBE9
}

.skills .sql {
	background: #e4a787
}
.skills .wx {
	background: #f4e6f5
}


#diagram {
	float : right;
	width : 600px;
	height: 600px
}

.get {
	display: none
}

.W-work {}

.W-work-nr {
	width         : 820px;
	min-height    : 468px;
	overflow      : hidden;
	padding-bottom: 1px;
	position      : absolute;
	left          : 50%;
	top           : 50%;
	margin        : -210px 0 0 -410px
}

.W-work-left {
	float: left
}

.W-jing-nr {
	width : 200px;
	height: 93px
}

.W-jing-nr-parent {
	width   : 93px;
	height  : 93px;
	position: relative;
	float   : right
}

.W-jing-nr .W-time {
	width        : 83px;
	height       : 83px;
	font-size    : 30px;
	font-weight  : bold;
	font-family  : "微软雅黑";
	text-align   : center;
	color        : #6bc30d;
	position     : absolute;
	left         : 0;
	top          : 0;
	border-radius: 50%;
	border       : 5px solid #d7d8d8;
	cursor       : pointer
}

.W-jing-nr h5 {
	margin-left: 10px;
	margin-top : 36px;
	float      : left;
	font-size  : 18px;
	color      : #ffd200
}

.W-jing-nr .W-time i {
	font-size     : 15px;
	color         : #90af70;
	font-weight   : bold;
	display       : block;
	margin-top    : -10px;
	text-transform: uppercase
}

.W-time span {
	display   : block;
	width     : 100%;
	margin-top: 18px
}

.W-zhuan {
	display            : none;
	width              : 83px;
	height             : 83px;
	background         : url("../images/8323f7c1b54b44a182d1b60dc994c64b.gif") no-repeat #6bc30d;
	border-radius      : 50%;
	border             : 5px solid #c4e79e;
	background-position: center center;
	background-size    : cover;
	position           : absolute;
	left               : -5px;
	top                : -5px
}

.W-tim-ul {
	position    : relative;
	width       : 150px;
	height      : 500px;
	border-right: 8px solid #d7d8d8;
	padding-top : 20px;
	cursor      : pointer
}

.W-tim-ul li {
	height     : 100px;
	line-height: 100px
}

.W-tim-ul li em {
	font-size  : 12px;
	font-style : normal;
	color      : #e6de8d;
	margin-left: 30px
}

.W-tim-ul li i {
	font-size  : 18px;
	color      : #e6de8d;
	margin-left: 8px
}

.W-tim-ul li b {
	width     : 25px;
	height    : 2px;
	float     : right;
	margin-top: 49px;
	background: #6bc30d
}

.W-tim-ul li span {
	border       : 2px solid #a6db6d;
	height       : 16px;
	width        : 16px;
	border-radius: 50%;
	background   : #fff;
	display      : block;
	position     : absolute;
	right        : -14px;
	top          : 63px;
	cursor       : pointer;
	z-index      : 111
}

.W-tim-ul .W-margin-top1 {
	margin-top: 25px
}

.W-tim-ul .W-li-top-diyi {
	margin-top: 3px
}

.W-tim-ul .W-margin-top1 span {
	top: 188px
}

.W-tim-ul .W-margin-top2 {
	margin-top: 25px
}

.W-tim-ul .W-margin-top2 span {
	top: 313px
}
.W-tim-ul .W-margin-top3 {
	margin-top: 25px
}

.W-tim-ul .W-margin-top3 span {
	top: 414px
}

.W-work-right {
	width         : 670px;
	padding-bottom: 1px;
	overflow      : hidden;
	position      : absolute;
	left          : 150px;
	top           : 90px
}

.W-work-right ul li .W-jie1 {
	font-size : 24px;
	color     : #fff;
	transition: color 0.3s ease-in
}

.W-jie1 strong {
	font-weight: 500
}

.W-work-right ul li .W-jie2 {
	font-size: 14px;
	color    : #fff
}

.W-work-right ul li {
	margin-top  : 26px;
	padding-left: 30px;
	height      : 100px
}

.W-work-right ul .W-time-top {
	margin-top: 25px
}

.W-work-right ul li .W-jie2 span {
	display: block;
	margin : -2px 0 2px;
	color  : #8ca870
}

.W-work-right ul {
	cursor: pointer
}

.W-mywork {}

.swiper-container2 .swiper-slide,
.swiper-container2 .swiper-wrapper {
	width     : 100% !important;
	margin-top: 8px
}

.swiper-container2 {
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none;
	width              : 730px;
	height             : 300px;
	margin             : 0 auto;
	padding-bottom     : 90px;
	top                : 50%;
	margin-top         : -160px
}

.W-mywork-left,
.W-mywork-right {
	float   : left;
	width   : 300px;
	height  : 100%;
	position: relative
}

.W-mywork-left a,
.W-mywork-right a {
	position     : absolute;
	display      : block;
	left         : 0;
	right        : 0;
	top          : 0;
	bottom       : 0;
	border-radius: 50%;
	border       : 1px solid #ccc
}

.W-mywork-left {
	margin: 0 0 0 39px
}

.W-mywork-right {
	margin: 0 0 0 40px
}

.swiper-container2 .swiper-pagination-bullet {
	background   : #ccc;
	border-radius: 0;
	width        : 25px;
	height       : 25px;
	text-align   : center;
	line-height  : 25px;
	font-size    : 16px;
	color        : white;
	font-family  : "微软雅黑";
	opacity      : 1
}

.swiper-container2 .swiper-pagination-bullet-active {
	background: #a2c044
}

.W-mywork .swiper-container2 .swiper-pagination2 {
	bottom             : 20px;
	moz-user-select    : -moz-none;
	-moz-user-select   : none;
	-o-user-select     : none;
	-khtml-user-select : none;
	-webkit-user-select: none;
	-ms-user-select    : none;
	user-select        : none
}

.W-work1 span,
.W-work10 span,
.W-work11 span,
.W-work12 span,
.W-work13 span,
.W-work14 span,
.W-work2 span,
.W-work3 span,
.W-work4 span,
.W-work5 span,
.W-work6 span,
.W-work7 span,
.W-work8 span,
.W-work9 span {
	opacity           : 0.4;
	transition        : opacity 0.5s ease-in;
	-weblit-transition: opacity 0.5s ease-in;
	-o-transition     : opacity 0.5s ease-in;
	-moz-transition   : opacity 0.5s ease-in;
	-ms-transition    : opacity 0.5s ease-in
}

.W-mywork-left a:hover div {
	-ms-filter       : grayscale(0);
	-moz-filter      : grayscale(0);
	-o-filter        : grayscale(0);
	filter           : grayscale(0);
	-webkit-transform: scale(1.1);
	transform        : scale(1.1);
	-ms-transform    : scale(1.1);
	-o-transform     : scale(1.1);
	-moz-transform   : scale(1.1)
}

.W-mywork-right a:hover div {
	-ms-filter       : grayscale(0);
	-moz-filter      : grayscale(0);
	-o-filter        : grayscale(0);
	filter           : grayscale(0);
	-webkit-transform: scale(1.1);
	transform        : scale(1.1);
	-ms-transform    : scale(1.1);
	-o-transform     : scale(1.1);
	-moz-transform   : scale(1.1)
}

.W-mywork-left a:hover div span {
	opacity: 1
}

.W-mywork-right a:hover div span {
	opacity: 1
}

.W-work1 {
	background: url("../images/bfa202e42e424da5be9438fd41026f95.gif") no-repeat
}

.W-work2 {
	background: url("../images/150b2b1117d84a088f8809cdbe653abd.gif") no-repeat
}

.W-work3 {
	background: url("../images/fe3d06931bf9498c82877cab47adc973.gif") no-repeat
}

.W-work4 {
	background: url("../images/037412b846d54cfd8f5a8c95175c40d5.gif") no-repeat
}

.W-work5 {
	background: url("../images/fb48715982a64e208ec49e86f908ab88.gif") no-repeat
}

.W-work6 {
	background: url("../images/4df96942303f431fa66937e3b4ee5147.gif") no-repeat
}

.W-work7 {
	background: url("../images/d923cdf3f9c14361bb519ff07e00f532.gif") no-repeat
}

.W-work8 {
	background: url("../images/85cce488c1a04e089bbe8f0d1027b3db.gif") no-repeat
}

.W-work9 {
	background: url("../images/465c0a8f872e4a4fa986c75967bbcde9.gif") no-repeat
}

.W-work10 {
	background: url("../images/6a39d6d0d6314ebca11b1aaefb2b730b.gif") no-repeat
}

.W-work11 {
	background: url("../images/426bf26c59d14cec8576dca8b5aa5689.gif") no-repeat
}

.W-work12 {
	background: url("../images/50b6c0f256fd45c1b3d2cdc25257dc19.gif") no-repeat
}

.W-work13 {
	background: url("../images/index.jpg") no-repeat
}

.W-work14 {
	background: url("../images/zuopinbj.jpg") no-repeat
}

.W-work1,
.W-work10,
.W-work11,
.W-work12,
.W-work13,
.W-work14,
.W-work2,
.W-work3,
.W-work4,
.W-work5,
.W-work6,
.W-work7,
.W-work8,
.W-work9 {
	width              : 100%;
	height             : 100%;
	background-size    : cover;
	background-position: center center;
	border-radius      : 50%;
	overflow           : hidden;
	font-size          : 50px;
	color              : #fff;
	text-align         : center;
	font-size          : 24px;
	text-shadow        : 0 0 6px #000;
	line-height        : 300px;
	font-weight        : bold;
	transition         : filter 0.5s ease-in;
	-o-transition      : filter 0.5s ease-in;
	-webkit-transition : filter 0.5s ease-in;
	-moz-transition    : filter 0.5s ease-in;
	-ms-transition     : filter 0.5s ease-in;
	filter             : grayscale(1);
	-moz-filter        : grayscale(1);
	-ms-filter         : grayscale(1);
	transition         : transform 0.8s ease-out;
	-o-transition      : transform 0.8s ease-out;
	-webkit-transition : transform 0.8s ease-out;
	-moz-transition    : transform 0.8s ease-out;
	-ms-transition     : transform 0.8s ease-out
}

.W-lian {
	width   : 500px;
	height  : 460px;
	left    : 50%;
	top     : 50%;
	position: absolute;
	margin  : -200px 0 0 -250px
}

.W-lian-right {
	float       : right;
	border-top  : 6px solid #ffd200;
	border-right: 6px solid #ffd200;
	width       : 150px;
	height      : 100px
}

.W-lian-bot {
	width        : 488px;
	height       : 30px;
	border-bottom: 6px solid #ffd200;
	border-right : 6px solid #ffd200;
	border-left  : 6px solid #ffd200;
	position     : absolute;
	bottom       : 0
}

.W-lian-zhong {
	position: absolute;
	width   : 400px;
	height  : 400px;
	left    : 50px;
	top     : 30px
}

.W-lian-p1,
.W-lian-p2 {
	color      : #ffd200;
	font-size  : 40px;
	font-family: "微软雅黑";
	font-weight: 800;
	width      : 204px;
	line-height: 70px;
	float      : left
}

.W-lian-p2 {
	color      : #fff;
	width      : 160px;
	margin-left: 0
}

.W-lian-heng {
	width        : 364px;
	margin-left  : 18px;
	height       : 70px;
	border-bottom: 1px solid #ffd200;
	overflow     : hidden
}

.W-lian-nr {
	width     : 364px;
	height    : auto;
	margin    : 0 auto;
	text-align: center
}

.W-lian-p3 em {
	font-size  : 24px;
	font-family: "微软雅黑";
	font-style : normal;
	padding    : 0 15px
}

.W-lian-p3 {
	margin-top : 10px;
	height     : 50px;
	line-height: 50px
}

.W-lian-e1 {
	color: #e3723c
}

.W-lian-e2 {
	color: #84c800
}

.W-lian-e3 {
	color: #33ccff
}

.W-lian-e4 {
	color: #9e966e
}

.W-lian-p4 {
	margin-top : 14px;
	font-size  : 18px;
	color      : #fff;
	font-family: "微软雅黑";
	line-height: 35px
}

.W-lian-bottom {
	width     : 274px;
	margin    : 0 auto;
	height    : auto;
	margin-top: 24px
}

.W-lian-bottom a {
	width        : 34px;
	height       : 34px;
	float        : left;
	background   : #404040;
	text-align   : center;
	line-height  : 34px;
	border-radius: 50%;
	cursor       : pointer;
	margin-left  : 15px;
	position     : relative
}

.W-lian-bottom span {
	display              : none;
	width                : 60px;
	height               : 30px;
	background           : #337ab7;
	position             : absolute;
	top                  : -42px;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	border-radius        : 5px;
	text-align           : center;
	line-height          : 30px;
	color                : #fff;
	font-size            : 12px
}

.W-lian-bottom span:before {
	content     : "";
	position    : absolute;
	right       : 22px;
	top         : 30px;
	width       : 0;
	height      : 0;
	border-left : 8px solid transparent;
	border-top  : 8px solid #337ab7;
	border-right: 8px solid transparent
}

.W-lian-bottom .W-Github,
.W-lian-bottom .W-weibo,
.W-lian-bottom .W-zhihu {
	left: -13px
}

.W-lian-bottom .W-Mail {
	width: 138px;
	left : -49px
}

.W-lian-bottom .W-Mail:before {
	right: 65px
}

.W-lian-bottom .W-qq,
.W-lian-bottom .W-weixin {
	width : 138px;
	height: 170px;
	left  : -57px;
	top   : -185px;
	border: 2px solid #337ab7
}

.W-lian-bottom .W-qq {
	background         : url("../images/22760c5639a84e288efac9e41a0d827d.gif") no-repeat transparent;
	background-size    : cover;
	background-position: center center;
}

.W-lian-bottom .W-qq:before,
.W-lian-bottom .W-weixin:before {
	top : 172px;
	left: 63px
}

.W-lian-bottom .W-weixin {
	background         : url("../images/77753f386b5b4e49bc6fc43ae45558f2.gif") no-repeat transparent;
	background-size    : cover;
	background-position: center center;
}

.W-lian-bottom .W-Mail {
	width: 138px;
	left : -49px
}

.W-lian-bottom .W-Mail:before {
	right: 65px
}

.W-lian-bottom a:hover {
	background: #337ab7
}

.W-lian-bottom a img {
	width : 18px;
	height: 18px
}

.W-pinglun {
	overflow      : auto;
	width         : 100%;
	height        : 100%;
	position      : fixed;
	background    : #fff;
	padding-bottom: 0;
	left          : 0;
	top           : 0;
	z-index       : 10000;
	display       : none;
	background    : rgba(255, 255, 255, .45)
}

#SOHUCS {
	width     : 94% !important;
	left      : 0;
	top       : 0;
	display   : block;
	margin    : 0 auto;
	margin-top: 50px !important;
}

.swiper-slide-blur {
	-webkit-filter: blur(10px);
	-moz-filter   : blur(10px);
	-ms-filter    : blur(10px);
	filter        : blur(10px)
}

.bg-3 {
	display          : block;
	background       : #37474f;
	color            : #fff;
	position         : fixed;
	z-index          : 200;
	left             : 2.5%;
	bottom           : 4%;
	animation        : left_ping 1s linear 1.8s 1;
	-o-animation     : left_ping 1s linear 1.8s 1;
	-webkit-animation: left_ping 1s linear 1.8s 1;
	-moz-animation   : left_ping 1s linear 1.8s 1;
	-ms-animation    : left_ping 1s linear 1.8s 1;
	background       : transparent
}

.bg-2 {
	position  : absolute;
	right     : 2%;
	top       : 20px;
	background: transparent;
	display   : block
}

.W-ggb {
	min-width  : 60px;
	padding    : 0;
	line-height: 34px;
	height     : 34px;
	max-width  : 100px;
	font-size  : 14px
}

.button--aylen::after {
	background: #337ab7
}

.button--nanuk:hover {
	background-color: #337ab7
}

.button {
	margin: 0
}

.pingl {
	animation        : XiaLa 0.8s ease-out;
	-o-animation     : XiaLa 0.8s ease-out;
	-webkit-animation: XiaLa 0.8s ease-out;
	-moz-animation   : XiaLa 0.8s ease-out;
	-ms-animation    : XiaLa 0.8s ease-out
}

.PingGuan {
	animation        : PingGuan 0.6s ease-out;
	-o-animation     : PingGuan 0.6s ease-out;
	-webkit-animation: PingGuan 0.6s ease-out;
	-moz-animation   : PingGuan 0.6s ease-out;
	-ms-animation    : PingGuan 0.6s ease-out
}

.W-yi-bg {
	display: none
}

.W-s-yyue {
	display: none
}

.Ws-bei {
	width     : 100%;
	text-align: center
}

.fadeInUp1 {
	animation        : fadeInUp 1s linear 0.3s;
	-o-animation     : fadeInUp 1s linear 0.3s;
	-webkit-animation: fadeInUp 1s linear 0.3s;
	-moz-animation   : fadeInUp 1s linear 0.3s;
	-ms-animation    : fadeInUp 1s linear 0.3s
}

.fadeInUp2 {
	animation        : fadeInUp 1s linear 0.7s;
	-o-animation     : fadeInUp 1s linear 0.7s;
	-webkit-animation: fadeInUp 1s linear 0.7s;
	-moz-animation   : fadeInUp 1s linear 0.7s;
	-ms-animation    : fadeInUp 1s linear 0.7s
}

.fadeInUp3 {
	animation        : fadeInUp 1s linear 1.1s;
	-o-animation     : fadeInUp 1s linear 1.1s;
	-moz-animation   : fadeInUp 1s linear 1.1s;
	-webkit-animation: fadeInUp 1s linear 1.1s;
	-ms-animation    : fadeInUp 1s linear 1.1s
}

.fadeInUp4 {
	animation        : fadeInUp 1s linear 1.4s;
	-o-animation     : fadeInUp 1s linear 1.4s;
	-webkit-animation: fadeInUp 1s linear 1.4s;
	-moz-animation   : fadeInUp 1s linear 1.4s;
	-ms-animation    : fadeInUp 1s linear 1.4s
}

.fadeInUp5 {
	animation        : fadeInUp 1s linear 1.7s;
	-o-animation     : fadeInUp 1s linear 1.7s;
	-webkit-animation: fadeInUp 1s linear 1.7s;
	-moz-animation   : fadeInUp 1s linear 1.7s;
	-ms-animation    : fadeInUp 1s linear 1.7s
}

.rubberBand {
	animation: rubberBand 1.2s linear 1s
}

@keyframes left_ping {

	20%,
	53%,
	80%,
	from,
	to {
		animation-timing-function        : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-animation-timing-function     : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-animation-timing-function   : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-ms-animation-timing-function    : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform                        : translate3d(0, 0, 0);
		-o-transform                     : translate3d(0, 0, 0);
		-webkit-transform                : translate3d(0, 0, 0);
		-moz-transform                   : translate3d(0, 0, 0);
		-ms-transform                    : translate3d(0, 0, 0)
	}

	40%,
	43% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -30px, 0);
		-o-transform                     : translate3d(0, -30px, 0);
		-moz-transform                   : translate3d(0, -30px, 0);
		-ms-transform                    : translate3d(0, -30px, 0);
		-webkit-transform                : translate3d(0, -30px, 0)
	}

	70% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -15px, 0);
		-o-transform                     : translate3d(0, -15px, 0);
		-webkit-transform                : translate3d(0, -15px, 0);
		-moz-transform                   : translate3d(0, -15px, 0);
		-ms-transform                    : translate3d(0, -15px, 0)
	}

	90% {
		transform        : translate3d(0, -4px, 0);
		-o-transform     : translate3d(0, -4px, 0);
		-moz-transform   : translate3d(0, -4px, 0);
		-ms-transform    : translate3d(0, -4px, 0);
		-webkit-transform: translate3d(0, -4px, 0)
	}
}

@-webkit-keyframes left_ping {

	20%,
	53%,
	80%,
	from,
	to {
		animation-timing-function        : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-animation-timing-function     : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-animation-timing-function   : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-ms-animation-timing-function    : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform                        : translate3d(0, 0, 0);
		-o-transform                     : translate3d(0, 0, 0);
		-webkit-transform                : translate3d(0, 0, 0);
		-moz-transform                   : translate3d(0, 0, 0);
		-ms-transform                    : translate3d(0, 0, 0)
	}

	40%,
	43% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -30px, 0);
		-o-transform                     : translate3d(0, -30px, 0);
		-moz-transform                   : translate3d(0, -30px, 0);
		-ms-transform                    : translate3d(0, -30px, 0);
		-webkit-transform                : translate3d(0, -30px, 0)
	}

	70% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -15px, 0);
		-o-transform                     : translate3d(0, -15px, 0);
		-webkit-transform                : translate3d(0, -15px, 0);
		-moz-transform                   : translate3d(0, -15px, 0);
		-ms-transform                    : translate3d(0, -15px, 0)
	}

	90% {
		transform        : translate3d(0, -4px, 0);
		-o-transform     : translate3d(0, -4px, 0);
		-moz-transform   : translate3d(0, -4px, 0);
		-ms-transform    : translate3d(0, -4px, 0);
		-webkit-transform: translate3d(0, -4px, 0)
	}
}

@-o-keyframes left_ping {

	20%,
	53%,
	80%,
	from,
	to {
		animation-timing-function        : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-animation-timing-function     : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-animation-timing-function   : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-ms-animation-timing-function    : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform                        : translate3d(0, 0, 0);
		-o-transform                     : translate3d(0, 0, 0);
		-webkit-transform                : translate3d(0, 0, 0);
		-moz-transform                   : translate3d(0, 0, 0);
		-ms-transform                    : translate3d(0, 0, 0)
	}

	40%,
	43% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -30px, 0);
		-o-transform                     : translate3d(0, -30px, 0);
		-moz-transform                   : translate3d(0, -30px, 0);
		-ms-transform                    : translate3d(0, -30px, 0);
		-webkit-transform                : translate3d(0, -30px, 0)
	}

	70% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -15px, 0);
		-o-transform                     : translate3d(0, -15px, 0);
		-webkit-transform                : translate3d(0, -15px, 0);
		-moz-transform                   : translate3d(0, -15px, 0);
		-ms-transform                    : translate3d(0, -15px, 0)
	}

	90% {
		transform        : translate3d(0, -4px, 0);
		-o-transform     : translate3d(0, -4px, 0);
		-moz-transform   : translate3d(0, -4px, 0);
		-ms-transform    : translate3d(0, -4px, 0);
		-webkit-transform: translate3d(0, -4px, 0)
	}
}

@-moz-keyframes left_ping {

	20%,
	53%,
	80%,
	from,
	to {
		animation-timing-function        : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-animation-timing-function     : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-animation-timing-function   : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-ms-animation-timing-function    : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform                        : translate3d(0, 0, 0);
		-o-transform                     : translate3d(0, 0, 0);
		-webkit-transform                : translate3d(0, 0, 0);
		-moz-transform                   : translate3d(0, 0, 0);
		-ms-transform                    : translate3d(0, 0, 0)
	}

	40%,
	43% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -30px, 0);
		-o-transform                     : translate3d(0, -30px, 0);
		-moz-transform                   : translate3d(0, -30px, 0);
		-ms-transform                    : translate3d(0, -30px, 0);
		-webkit-transform                : translate3d(0, -30px, 0)
	}

	70% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -15px, 0);
		-o-transform                     : translate3d(0, -15px, 0);
		-webkit-transform                : translate3d(0, -15px, 0);
		-moz-transform                   : translate3d(0, -15px, 0);
		-ms-transform                    : translate3d(0, -15px, 0)
	}

	90% {
		transform        : translate3d(0, -4px, 0);
		-o-transform     : translate3d(0, -4px, 0);
		-moz-transform   : translate3d(0, -4px, 0);
		-ms-transform    : translate3d(0, -4px, 0);
		-webkit-transform: translate3d(0, -4px, 0)
	}
}

@-ms-keyframes left_ping {

	20%,
	53%,
	80%,
	from,
	to {
		animation-timing-function        : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-animation-timing-function     : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-animation-timing-function   : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-ms-animation-timing-function    : cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform                        : translate3d(0, 0, 0);
		-o-transform                     : translate3d(0, 0, 0);
		-webkit-transform                : translate3d(0, 0, 0);
		-moz-transform                   : translate3d(0, 0, 0);
		-ms-transform                    : translate3d(0, 0, 0)
	}

	40%,
	43% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -30px, 0);
		-o-transform                     : translate3d(0, -30px, 0);
		-moz-transform                   : translate3d(0, -30px, 0);
		-ms-transform                    : translate3d(0, -30px, 0);
		-webkit-transform                : translate3d(0, -30px, 0)
	}

	70% {
		animation-timing-function        : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-o-animation-timing-function     : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-moz-animation-timing-function   : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-ms-animation-timing-function    : cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform                        : translate3d(0, -15px, 0);
		-o-transform                     : translate3d(0, -15px, 0);
		-webkit-transform                : translate3d(0, -15px, 0);
		-moz-transform                   : translate3d(0, -15px, 0);
		-ms-transform                    : translate3d(0, -15px, 0)
	}

	90% {
		transform        : translate3d(0, -4px, 0);
		-o-transform     : translate3d(0, -4px, 0);
		-moz-transform   : translate3d(0, -4px, 0);
		-ms-transform    : translate3d(0, -4px, 0);
		-webkit-transform: translate3d(0, -4px, 0)
	}
}

@keyframes PingGuan {
	from {
		opacity: 1
	}

	to {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes PingGuan {
	from {
		opacity: 1
	}

	to {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}
}

@-o-keyframes PingGuan {
	from {
		opacity: 1
	}

	to {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}
}

@-moz-keyframes PingGuan {
	from {
		opacity: 1
	}

	to {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}
}

@-ms-keyframes PingGuan {
	from {
		opacity: 1
	}

	to {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}
}

@keyframes XiaLa {
	from {
		opacity          : 0;
		transform        : translate3d(0, -100%, 0);
		-o-transform     : translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform   : translate3d(0, -100%, 0);
		-ms-transform    : translate3d(0, -100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-moz-transform   : none;
		-webkit-transform: none;
		-ms-transform    : none
	}
}

@-webkit-keyframes XiaLa {
	from {
		opacity          : 0;
		transform        : translate3d(0, -100%, 0);
		-o-transform     : translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform   : translate3d(0, -100%, 0);
		-ms-transform    : translate3d(0, -100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-moz-transform   : none;
		-webkit-transform: none;
		-ms-transform    : none
	}
}

@-o-keyframes XiaLa {
	from {
		opacity          : 0;
		transform        : translate3d(0, -100%, 0);
		-o-transform     : translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform   : translate3d(0, -100%, 0);
		-ms-transform    : translate3d(0, -100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-moz-transform   : none;
		-webkit-transform: none;
		-ms-transform    : none
	}
}

@-moz-keyframes XiaLa {
	from {
		opacity          : 0;
		transform        : translate3d(0, -100%, 0);
		-o-transform     : translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform   : translate3d(0, -100%, 0);
		-ms-transform    : translate3d(0, -100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-moz-transform   : none;
		-webkit-transform: none;
		-ms-transform    : none
	}
}

@-ms-keyframes XiaLa {
	from {
		opacity          : 0;
		transform        : translate3d(0, -100%, 0);
		-o-transform     : translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform   : translate3d(0, -100%, 0);
		-ms-transform    : translate3d(0, -100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-moz-transform   : none;
		-webkit-transform: none;
		-ms-transform    : none
	}
}

@keyframes runs {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg)
	}
}

@-webkit-keyframes runs {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg)
	}
}

@-o-keyframes runs {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg)
	}
}

@-moz-keyframes runs {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg)
	}
}

@-ms-keyframes runs {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg)
	}
}

@keyframes runn {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-o-transform     : rotate(-360deg);
		-moz-transform   : rotate(-360deg);
		-ms-transform    : rotate(-360deg)
	}
}

@-webkit-keyframes runn {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-o-transform     : rotate(-360deg);
		-moz-transform   : rotate(-360deg);
		-ms-transform    : rotate(-360deg)
	}
}

@-o-keyframes runn {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-o-transform     : rotate(-360deg);
		-moz-transform   : rotate(-360deg);
		-ms-transform    : rotate(-360deg)
	}
}

@-ms-keyframes runn {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-o-transform     : rotate(-360deg);
		-moz-transform   : rotate(-360deg);
		-ms-transform    : rotate(-360deg)
	}
}

@-moz-keyframes runn {
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform     : rotate(0deg);
		-moz-transform   : rotate(0deg);
		-ms-transform    : rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-o-transform     : rotate(-360deg);
		-moz-transform   : rotate(-360deg);
		-ms-transform    : rotate(-360deg)
	}
}

@keyframes sploosh3 {
	0% {
		box-shadow        : 0 0 0 0 rgba(37, 143, 184, 1);
		-o-box-shadow     : 0 0 0 0 rgba(37, 143, 184, 1);
		-webkit-box-shadow: 0 0 0 0 rgba(37, 143, 184, 1);
		-ms-box-shadow    : 0 0 0 0 rgba(37, 143, 184, 1);
		-moz-box-shadow   : 0 0 0 0 rgba(37, 143, 184, 1);
		background        : rgba(255, 255, 255, 0.7)
	}

	100% {
		box-shadow        : 0 0 0 10px rgba(37, 143, 184, 0);
		-o-box-shadow     : 0 0 0 10px rgba(37, 143, 184, 0);
		-webkit-box-shadow: 0 0 0 10px rgba(37, 143, 184, 0);
		-moz-box-shadow   : 0 0 0 10px rgba(37, 143, 184, 0);
		-ms-box-shadow    : 0 0 0 10px rgba(37, 143, 184, 0);
		background        : rgba(255, 255, 255, 1)
	}
}

@-webkit-keyframes sploosh3 {
	0% {
		box-shadow        : 0 0 0 0 rgba(37, 143, 184, 1);
		-o-box-shadow     : 0 0 0 0 rgba(37, 143, 184, 1);
		-webkit-box-shadow: 0 0 0 0 rgba(37, 143, 184, 1);
		-ms-box-shadow    : 0 0 0 0 rgba(37, 143, 184, 1);
		-moz-box-shadow   : 0 0 0 0 rgba(37, 143, 184, 1);
		background        : rgba(255, 255, 255, 0.7)
	}

	100% {
		box-shadow        : 0 0 0 10px rgba(37, 143, 184, 0);
		-o-box-shadow     : 0 0 0 10px rgba(37, 143, 184, 0);
		-webkit-box-shadow: 0 0 0 10px rgba(37, 143, 184, 0);
		-moz-box-shadow   : 0 0 0 10px rgba(37, 143, 184, 0);
		-ms-box-shadow    : 0 0 0 10px rgba(37, 143, 184, 0);
		background        : rgba(255, 255, 255, 1)
	}
}

@-o-keyframes sploosh3 {
	0% {
		box-shadow        : 0 0 0 0 rgba(37, 143, 184, 1);
		-o-box-shadow     : 0 0 0 0 rgba(37, 143, 184, 1);
		-webkit-box-shadow: 0 0 0 0 rgba(37, 143, 184, 1);
		-ms-box-shadow    : 0 0 0 0 rgba(37, 143, 184, 1);
		-moz-box-shadow   : 0 0 0 0 rgba(37, 143, 184, 1);
		background        : rgba(255, 255, 255, 0.7)
	}

	100% {
		box-shadow        : 0 0 0 10px rgba(37, 143, 184, 0);
		-o-box-shadow     : 0 0 0 10px rgba(37, 143, 184, 0);
		-webkit-box-shadow: 0 0 0 10px rgba(37, 143, 184, 0);
		-moz-box-shadow   : 0 0 0 10px rgba(37, 143, 184, 0);
		-ms-box-shadow    : 0 0 0 10px rgba(37, 143, 184, 0);
		background        : rgba(255, 255, 255, 1)
	}
}

@-moz-keyframes sploosh3 {
	0% {
		box-shadow        : 0 0 0 0 rgba(37, 143, 184, 1);
		-o-box-shadow     : 0 0 0 0 rgba(37, 143, 184, 1);
		-webkit-box-shadow: 0 0 0 0 rgba(37, 143, 184, 1);
		-ms-box-shadow    : 0 0 0 0 rgba(37, 143, 184, 1);
		-moz-box-shadow   : 0 0 0 0 rgba(37, 143, 184, 1);
		background        : rgba(255, 255, 255, 0.7)
	}

	100% {
		box-shadow        : 0 0 0 10px rgba(37, 143, 184, 0);
		-o-box-shadow     : 0 0 0 10px rgba(37, 143, 184, 0);
		-webkit-box-shadow: 0 0 0 10px rgba(37, 143, 184, 0);
		-moz-box-shadow   : 0 0 0 10px rgba(37, 143, 184, 0);
		-ms-box-shadow    : 0 0 0 10px rgba(37, 143, 184, 0);
		background        : rgba(255, 255, 255, 1)
	}
}

@-ms-keyframes sploosh3 {
	0% {
		box-shadow        : 0 0 0 0 rgba(37, 143, 184, 1);
		-o-box-shadow     : 0 0 0 0 rgba(37, 143, 184, 1);
		-webkit-box-shadow: 0 0 0 0 rgba(37, 143, 184, 1);
		-ms-box-shadow    : 0 0 0 0 rgba(37, 143, 184, 1);
		-moz-box-shadow   : 0 0 0 0 rgba(37, 143, 184, 1);
		background        : rgba(255, 255, 255, 0.7)
	}

	100% {
		box-shadow        : 0 0 0 10px rgba(37, 143, 184, 0);
		-o-box-shadow     : 0 0 0 10px rgba(37, 143, 184, 0);
		-webkit-box-shadow: 0 0 0 10px rgba(37, 143, 184, 0);
		-moz-box-shadow   : 0 0 0 10px rgba(37, 143, 184, 0);
		-ms-box-shadow    : 0 0 0 10px rgba(37, 143, 184, 0);
		background        : rgba(255, 255, 255, 1)
	}
}

@keyframes pulse {
	from {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1)
	}

	50% {
		transform        : scale3d(1.05, 1.05, 1.05);
		-o-transform     : scale3d(1.05, 1.05, 1.05);
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform    : scale3d(1.05, 1.05, 1.05);
		-moz-transform   : scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes pulse {
	from {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1)
	}

	50% {
		transform        : scale3d(1.05, 1.05, 1.05);
		-o-transform     : scale3d(1.05, 1.05, 1.05);
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform    : scale3d(1.05, 1.05, 1.05);
		-moz-transform   : scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1)
	}
}

@-o-keyframes pulse {
	from {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1)
	}

	50% {
		transform        : scale3d(1.05, 1.05, 1.05);
		-o-transform     : scale3d(1.05, 1.05, 1.05);
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform    : scale3d(1.05, 1.05, 1.05);
		-moz-transform   : scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1)
	}
}

@-moz-keyframes pulse {
	from {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1)
	}

	50% {
		transform        : scale3d(1.05, 1.05, 1.05);
		-o-transform     : scale3d(1.05, 1.05, 1.05);
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform    : scale3d(1.05, 1.05, 1.05);
		-moz-transform   : scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1)
	}
}

@-ms-keyframes pulse {
	from {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1)
	}

	50% {
		transform        : scale3d(1.05, 1.05, 1.05);
		-o-transform     : scale3d(1.05, 1.05, 1.05);
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform    : scale3d(1.05, 1.05, 1.05);
		-moz-transform   : scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform        : scale3d(1, 1, 1);
		-o-transform     : scale3d(1, 1, 1);
		-moz-transform   : scale3d(1, 1, 1);
		-ms-transform    : scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity          : 0;
		-webkit-transform: translateX(-20px);
		transform        : translateX(-20px);
		-o-transform     : translateX(-20px);
		-moz-transform   : translateX(-20px);
		-ms-transform    : translateX(-20px)
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateX(0);
		transform        : translateX(0);
		-o-transform     : translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity          : 0;
		-webkit-transform: translateX(-20px);
		transform        : translateX(-20px);
		-o-transform     : translateX(-20px);
		-moz-transform   : translateX(-20px);
		-ms-transform    : translateX(-20px)
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateX(0);
		transform        : translateX(0);
		-o-transform     : translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0)
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity          : 0;
		-webkit-transform: translateX(-20px);
		transform        : translateX(-20px);
		-o-transform     : translateX(-20px);
		-moz-transform   : translateX(-20px);
		-ms-transform    : translateX(-20px)
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateX(0);
		transform        : translateX(0);
		-o-transform     : translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0)
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity          : 0;
		-webkit-transform: translateX(-20px);
		transform        : translateX(-20px);
		-o-transform     : translateX(-20px);
		-moz-transform   : translateX(-20px);
		-ms-transform    : translateX(-20px)
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateX(0);
		transform        : translateX(0);
		-o-transform     : translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0)
	}
}

@-ms-keyframes fadeInLeft {
	0% {
		opacity          : 0;
		-webkit-transform: translateX(-20px);
		transform        : translateX(-20px);
		-o-transform     : translateX(-20px);
		-moz-transform   : translateX(-20px);
		-ms-transform    : translateX(-20px)
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateX(0);
		transform        : translateX(0);
		-o-transform     : translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0)
	}
}

@keyframes fadeInUp {
	from {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-webkit-transform: none;
		-moz-transform   : none;
		-ms-transform    : none
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-webkit-transform: none;
		-moz-transform   : none;
		-ms-transform    : none
	}
}

@-o-keyframes fadeInUp {
	from {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-webkit-transform: none;
		-moz-transform   : none;
		-ms-transform    : none
	}
}

@-moz-keyframes fadeInUp {
	from {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-webkit-transform: none;
		-moz-transform   : none;
		-ms-transform    : none
	}
}

@-ms-keyframes fadeInUp {
	from {
		opacity          : 0;
		transform        : translate3d(0, 100%, 0);
		-o-transform     : translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform   : translate3d(0, 100%, 0);
		-ms-transform    : translate3d(0, 100%, 0)
	}

	to {
		opacity          : 1;
		transform        : none;
		-o-transform     : none;
		-webkit-transform: none;
		-moz-transform   : none;
		-ms-transform    : none
	}
}

@-webkit-keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1)
	}

	30% {
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scale3d(1, 1, 1)
	}
}

@-o-keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1)
	}

	30% {
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scale3d(1, 1, 1)
	}
}

@-moz-keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1)
	}

	30% {
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scale3d(1, 1, 1)
	}
}

@-ms-keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1)
	}

	30% {
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, .95, 1)
	}

	to {
		transform: scale3d(1, 1, 1)
	}
}

.W-lian-bottom {
	width     : 318px;
	margin    : 0 auto;
	height    : auto;
	margin-top: 24px;
}

body .W-lian-bottom .w-gongz {
	background         : url("../images/3047cbb651b54a07b4188b58cd4433af.gif") no-repeat transparent;
	background-size    : cover;
	background-position: center, center;
}

body .W-lian-bottom .w-gongzhonghao {
	background         : url("../images/874ff01a632d4be0bef37b1f298d4e64.gif") no-repeat transparent;
	background-size    : contain;
	background-position: bottom, center;
	background-color   : #457ab2;
}

@media screen and (max-width: 1920px) {
	.navigation {
		width: 28%;
		right: -30%
	}
}

@media screen and (max-width: 1600px) {
	.navigation {
		width: 35%;
		right: -38%
	}
}

@media screen and (max-width: 1250px) {
	.navigation {
		width: 40%;
		right: -42%
	}
}

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

	body,
	html {
		width    : 100%;
		height   : 100%;
		min-width: 0;
		color    : #333
	}
}

@media screen and (max-width: 940px) {
	.navigation {
		width: 50%;
		right: -53%
	}
}

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

	body,
	html {
		height: auto
	}

	.swiper-container1 {
		display: none
	}

	.navigation {
		width: 60%;
		right: -63%
	}

	.W-page2 {
		width         : 100%;
		padding-bottom: 0;
		display       : block
	}

	.slider {
		display: none
	}

	.slider .items-group {
		display: none
	}

	#wowslider-container {
		display: none
	}

	.nav-toggle {
		background: transparent;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0)
	}

	.W-s-yyue img {
		position         : absolute;
		width            : 100%;
		height           : 100%;
		left             : 0;
		top              : 0;
		animation        : runs 15s infinite linear;
		-o-animation     : runs 15s infinite linear;
		-webkit-animation: runs 15s infinite linear;
		-moz-animation   : runs 15s infinite linear;
		-ms-animation    : runs 15s infinite linear;
		object-fit       : cover
	}

	.W-s-yyue {
		display      : block;
		position     : fixed;
		left         : 3%;
		top          : 10px;
		overflow     : hidden;
		width        : 40px;
		height       : 40px;
		border-radius: 100%;
		margin-top   : 0
	}

	.nav-yuan {
		right  : 3%;
		top    : 0;
		z-index: 6666;
		width  : 60px;
		margin : 0;
		padding: 0
	}

	.Ws-header {
		display    : none;
		width      : 100%;
		height     : 60px;
		background : #444;
		position   : fixed;
		top        : 0;
		left       : 0;
		z-index    : 200;
		color      : #4094c7;
		font-size  : 20px;
		line-height: 60px;
		text-align : center
	}

	.W-head-portrait {
		display: none
	}

	.W-yi-bg {
		display            : block;
		width              : 100%;
		text-align         : center;
		padding-bottom     : 5%;
		overflow           : hidden;
		background         : url("../images/4849d418635c4c22bb75c130d6d060ca.gif") no-repeat;
		background-position: center center;
		background-size    : cover
	}

	#imhh {
		width        : 25%;
		margin       : 15% auto 0;
		display      : block;
		border-radius: 50%;
		border       : 2px solid #a6a9aa
	}

	#imhh .imgg {
		width        : 100%;
		border-radius: 50%
	}

	.W-yi-bg strong {
		display            : inline-block;
		margin-top         : -5px;
		font-size          : 20px;
		font-weight        : 500;
		color              : #333;
		moz-user-select    : -moz-none;
		-moz-user-select   : none;
		-o-user-select     : none;
		-khtml-user-select : none;
		-webkit-user-select: none;
		-ms-user-select    : none;
		user-select        : none
	}

	.W-yi-bg h2 {
		font-family        : myFirstFont, "微软雅黑", SimSun, "宋体", sans-serif;
		white-space        : nowrap;
		font-size          : 25px;
		color              : #333;
		moz-user-select    : -moz-none;
		-moz-user-select   : none;
		-o-user-select     : none;
		-khtml-user-select : none;
		-webkit-user-select: none;
		-ms-user-select    : none;
		user-select        : none
	}

	.W-yi-bg p {
		line-height: 2.5rem
	}

	.W-yi-bg .W-p1,
	.W-yi-bg .W-p2 {
		white-space        : nowrap;
		font-size          : 16px;
		color              : #333;
		moz-user-select    : -moz-none;
		-moz-user-select   : none;
		-o-user-select     : none;
		-khtml-user-select : none;
		-webkit-user-select: none;
		-ms-user-select    : none;
		user-select        : none
	}

	.W-yi-bg .W-mailbox {
		font-size: 16px;
		color    : #7d2704
	}

	.Ws-ji,
	.Ws-jing,
	.Ws-lianxi,
	.Ws-me,
	.Ws-zuo {
		width         : 92%;
		margin        : 0 auto;
		padding-bottom: 0;
		overflow      : hidden
	}

	.Ws-me-title {
		margin-top: 13%
	}

	.Ws-me-title h3 {
		text-align : center;
		margin     : 5% auto 0;
		font-size  : 2rem;
		font-weight: 500;
		white-space: nowrap
	}

	.Ws-m .Ws-me-title h3 {
		width: 80px
	}

	.Ws-me-title i {
		display   : block;
		margin    : 0 auto 5%;
		width     : 60px;
		height    : 4px;
		background: rgb(51, 122, 183)
	}

	.Ws-ji p,
	.Ws-me p {
		text-align : justify;
		font-size  : 14px;
		line-height: 32px
	}

	.Ws-ji .Ws-me-title h3 {
		width: 120px
	}

	.Ws-ji .Ws-me-title i {
		width: 80px
	}

	.Ws-ji p {
		text-indent: 0
	}

	.Ws-PHOTOSHOP,
	.Ws-tu {
		width     : 100%;
		margin-top: 8%
	}

	.Ws-PHOTOSHOP span {
		text-transform: uppercase;
		font-style    : normal;
		font-size     : 1.2rem;
		font-style:oblique
	}

	.Ws-ph {
		width        : 100%;
		height       : 30px;
		background   : #bdc3c7;
		position     : relative;
		border-radius: 5px
	}

	.Ws-ph-f {
		position     : absolute;
		left         : 0;
		top          : 0;
		width        : 40%;
		background   : #1abc9c;
		height       : 100%;
		border-radius: 5px
	}

	.Ws-jing .Ws-me-title i {
		width: 80px
	}

	.Ws-time {
		width      : 100%;
		height     : 20px;
		line-height: 20px;
		font-size  : 16px;
		color      : #fff
	}

	.Ws-time span {
		padding   : 0 5px;
		background: rgb(237, 85, 101);
		font-size : 16px
	}

	.Ws-time img {
		margin-top  : -3px;
		width       : 22px;
		height      : 20px;
		margin-right: 5px
	}

	.Ws-gs {
		overflow      : auto;
		margin-left   : 10px;
		border-left   : 2px solid rgb(51, 122, 183);
		padding-bottom: 5px;
		padding-left  : 21px;
		margin-top    : 3%
	}

	.Ws-left-kong {
		float: left;
		width: 10px
	}

	.Ws-gs strong {
		margin-top : 10px;
		display    : block;
		font-size  : 1.15rem;
		font-weight: 500;
		line-height: 1.5rem
	}

	.Ws-gs em {
		font-size  : 1.1rem;
		color      : #E87E04;
		line-height: 2rem;
		font-style : normal
	}

	.Ws-gs p {
		font-size: 14px
	}

	.Ws-jing-box ul li:not(:first-child) {
		margin-top: 3%
	}

	.Ws-zuo i {
		width: 80px
	}

	.swiper-container3 {
		width         : 90%;
		margin        : 0 auto;
		height        : 300px;
		padding-bottom: 60px
	}

	.swiper-container3 .swiper-slide,
	.swiper-container3 .swiper-wrapper {
		width        : 100%;
		border-radius: 5px
	}

	.swiper-container3 .swiper-slide1 {
		background         : url("../images/index.jpg");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide2 {
		background         : url("../images/zuopinbj.jpg");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide3 {
		background         : url("../images/bfa202e42e424da5be9438fd41026f95.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide4 {
		background         : url("../images/150b2b1117d84a088f8809cdbe653abd.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide5 {
		background         : url("../images/fe3d06931bf9498c82877cab47adc973.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide6 {
		background         : url("../images/037412b846d54cfd8f5a8c95175c40d5.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide7 {
		background         : url("../images/fb48715982a64e208ec49e86f908ab88.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide8 {
		background         : url("../images/4df96942303f431fa66937e3b4ee5147.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide9 {
		background         : url("../images/d923cdf3f9c14361bb519ff07e00f532.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-slide10 {
		background         : url("../images/85cce488c1a04e089bbe8f0d1027b3db.gif");
		background-size    : cover;
		background-position: center top
	}

	.swiper-container3 .swiper-pagination-bullet {
		background: rgba(0, 0, 0, 0.5);
		opacity   : 1;
		width     : 9px;
		margin    : 0 3px !important;
		height    : 9px
	}

	.swiper-container3 .swiper-pagination-bullet:hover {
		background: rgba(0, 0, 0, 0.8)
	}

	.swiper-container3 .swiper-pagination-bullet-active {
		background: #000
	}

	.swiper-container3 .swiper-slide a {
		width        : 100%;
		text-align   : center;
		color        : #fff;
		font-size    : 20px;
		display      : block;
		line-height  : 3rem;
		height       : 3rem;
		background   : #444;
		margin       : 0 auto;
		border-radius: 5px 5px 0 0
	}

	.bg-3 {
		display: none
	}

	.bg-2 {
		z-index: 66666;
		display: none
	}

	.Ws-bei {
		font-size : 12px;
		color     : rgb(120, 121, 120);
		width     : 100%;
		text-align: center
	}

	.W-pinglun {
		display       : block !important;
		overflow      : auto;
		width         : 100%;
		position      : static;
		padding-bottom: 0;
		left          : 0;
		top           : 0;
		z-index       : 10000
	}

	#SOHUCS {
		width     : 94% !important;
		left      : 0;
		top       : 0;
		display   : block;
		margin    : 0 auto;
		margin-top: 0 !important;
	}

	.Ws-hui {
		display      : none;
		width        : 45px;
		height       : 45px;
		position     : fixed;
		background   : #ccc;
		border-radius: 5px;
		bottom       : 15%;
		right        : 20px;
		text-align   : center;
		line-height  : 45px;
		opacity      : 0.5;
		cursor       : pointer;
		z-index      : 333
	}

	.Ws-hui img {
		width : 24px;
		height: 16px
	}

	.Ws-ji .Ws-me-title i,
	.Ws-jing .Ws-me-title i,
	.Ws-me-title i {
		width  : 0;
		display: block !important
	}
}

@media screen and (max-width: 640px) {
	.Ws-tou {
		width: 27%
	}
}

@media screen and (max-width: 600px) {
	.navigation {
		width: 70%;
		right: -73%
	}
}

@media screen and (max-width: 480px) {
	.navigation {
		width      : 80%;
		right      : -120%;
		border-left: transparent 140px solid
	}

	.W-logo {
		width       : 250px;
		height      : 40px;
		position    : fixed;
		right       : -260px;
		bottom      : 20px;
		z-index     : 444;
		margin-right: 0;
		line-height : 40px;
		font-family : "微软雅黑"
	}

	.W-logo img {
		width     : 38px;
		height    : 34px;
		margin-top: 3px;
		float     : left
	}

	.W-rem {
		float      : left;
		font-size  : 25px;
		font-weight: 100;
		color      : #202020
	}

	.W-logo-jian {
		float   : left;
		position: relative
	}

	.W-boke {
		color      : #595758;
		position   : absolute;
		top        : 0;
		left       : 0;
		width      : 110px;
		height     : 18px;
		line-height: 22px;
		font-size  : 14px;
		text-align : center
	}

	.W-qq {
		color      : #fff;
		text-align : center;
		background : #000;
		font-size  : 14px;
		width      : 110px;
		height     : 18px;
		position   : absolute;
		left       : 0;
		top        : 20px;
		line-height: 18px
	}

	.W-zhan {
		float      : right;
		font-size  : 25px;
		font-weight: 100;
		color      : #202020
	}

	.Ws-tou {
		margin: 18% auto 0;
		width : 35%
	}

	.W-yi-bg p {
		line-height: 1.9rem
	}

	.W-yi-bg strong {
		margin-top : -3px;
		line-height: 20px;
		font-size  : 17px;
		font-weight: normal;
		font-weight: inherit
	}

	.W-yi-bg h2 {
		font-size: 20px
	}

	.W-yi-bg .W-p1,
	.W-yi-bg .W-p2 {
		font-size: 16px
	}

	.W-yi-bg .W-mailbox {
		font-size: 15px
	}

	.W-lian-bottom a img {
		width : 16px;
		height: 16px
	}

	.W-lian-bottom a {
		line-height: 30px
	}
}

#BAIDU_SSP__wrapper_u3111841_0 {
	position   : absolute;
	left       : 50%;
	bottom     : 0;
	z-index    : 2;
	margin-left: -480px;
}

#BAIDU_SSP__wrapper_u3111938_0 {
	background-color: #fff !important;
	display         : none !important;
}

@media screen and (max-width: 770px) {
	#BAIDU_SSP__wrapper_u3111841_0 {
		display: none !important;
	}

	#BAIDU_SSP__wrapper_u3111938_0 {
		background-color: #fff !important;
		display         : block !important;
	}

}