.slick-slider {

	position: relative;

	display: block;

	box-sizing: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent

}

.slick-list {

	position: relative;

	display: block;

	overflow: hidden;

	margin: 0;

	padding: 0

}

.slick-list:focus {

	outline: none

}

.slick-list.dragging {

	cursor: pointer;

	cursor: hand

}

.slick-slider .slick-track, .slick-slider .slick-list {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.slick-track {

	position: relative;

	top: 0;

	left: 0;

	display: block;

	margin-left: auto;

	margin-right: auto

}

.slick-track:before, .slick-track:after {

	display: table;

	content: ''

}

.slick-track:after {

	clear: both

}

.slick-loading .slick-track {

	visibility: hidden

}

.slick-slide {

	display: none;

	float: left;

	height: 100%;

	min-height: 1px

}

[dir=rtl] .slick-slide {

	float: right

}

.slick-slide img {

	display: block

}

.slick-slide.slick-loading img {

	display: none

}

.slick-slide.dragging img {

	pointer-events: none

}

.slick-initialized .slick-slide {

	display: block

}

.slick-loading .slick-slide {

	visibility: hidden

}

.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent

}

.slick-arrow.slick-hidden {

	display: none

}

.layui-layer-imgbar, .layui-layer-imgtit a, .layui-layer-tab .layui-layer-title span, .layui-layer-title {

	text-overflow: ellipsis;

	white-space: nowrap

}

html #layuicss-layer {

	display: none;

	position: absolute;

	width: 1989px

}

.layui-layer, .layui-layer-shade {

	position: fixed;

	_position: absolute;

	pointer-events: auto

}

.layui-layer-shade {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

_height:expression(document.body.offsetHeight+"px")

}

.layui-layer {

	-webkit-overflow-scrolling: touch;

	top: 150px;

	left: 0;

	margin: 0;

	padding: 0;

	background-color: #fff;

	-webkit-background-clip: content;

	border-radius: 2px;

	box-shadow: 1px 1px 50px rgba(0,0,0,.3)

}

.layui-layer-close {

	position: absolute

}

.layui-layer-content {

	position: relative

}

.layui-layer-border {

	border: 1px solid #b2b2b2;

	border: 1px solid rgba(0,0,0,.1);

	box-shadow: 1px 1px 5px rgba(0,0,0,.2)

}

.layui-layer-load {

	background: url(../images/loading-1.gif) center center no-repeat #eee

}

.layui-layer-ico {

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

}

.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a {

	display: inline-block;

*display:inline;

*zoom:1;

	vertical-align: top

}

.layui-layer-move {

	display: none;

	position: fixed;

*position:absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	cursor: move;

	opacity: 0;

	filter: alpha(opacity=0);

	background-color: #fff;

	z-index: 2147483647

}

.layui-layer-resize {

	position: absolute;

	width: 15px;

	height: 15px;

	right: 0;

	bottom: 0;

	cursor: se-resize

}

.layer-anim {

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-duration: .3s;

	animation-duration: .3s

}

@-webkit-keyframes layer-bounceIn {

0% {

opacity:0;

-webkit-transform:scale(.5);

transform:scale(.5)

}

100% {

opacity:1;

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes layer-bounceIn {

0% {

opacity:0;

-webkit-transform:scale(.5);

-ms-transform:scale(.5);

transform:scale(.5)

}

100% {

opacity:1;

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

}

.layer-anim-00 {

	-webkit-animation-name: layer-bounceIn;

	animation-name: layer-bounceIn

}

@-webkit-keyframes layer-zoomInDown {

0% {

opacity:0;

-webkit-transform:scale(.1) translateY(-2000px);

transform:scale(.1) translateY(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateY(60px);

transform:scale(.475) translateY(60px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

@keyframes layer-zoomInDown {

0% {

opacity:0;

-webkit-transform:scale(.1) translateY(-2000px);

-ms-transform:scale(.1) translateY(-2000px);

transform:scale(.1) translateY(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateY(60px);

-ms-transform:scale(.475) translateY(60px);

transform:scale(.475) translateY(60px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

.layer-anim-01 {

	-webkit-animation-name: layer-zoomInDown;

	animation-name: layer-zoomInDown

}

@-webkit-keyframes layer-fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

transform:translateY(2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes layer-fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translateY(2000px);

-ms-transform:translateY(2000px);

transform:translateY(2000px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.layer-anim-02 {

	-webkit-animation-name: layer-fadeInUpBig;

	animation-name: layer-fadeInUpBig

}

@-webkit-keyframes layer-zoomInLeft {

0% {

opacity:0;

-webkit-transform:scale(.1) translateX(-2000px);

transform:scale(.1) translateX(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateX(48px);

transform:scale(.475) translateX(48px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

@keyframes layer-zoomInLeft {

0% {

opacity:0;

-webkit-transform:scale(.1) translateX(-2000px);

-ms-transform:scale(.1) translateX(-2000px);

transform:scale(.1) translateX(-2000px);

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

60% {

opacity:1;

-webkit-transform:scale(.475) translateX(48px);

-ms-transform:scale(.475) translateX(48px);

transform:scale(.475) translateX(48px);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

}

.layer-anim-03 {

	-webkit-animation-name: layer-zoomInLeft;

	animation-name: layer-zoomInLeft

}

@-webkit-keyframes layer-rollIn {

0% {

opacity:0;

-webkit-transform:translateX(-100%) rotate(-120deg);

transform:translateX(-100%) rotate(-120deg)

}

100% {

opacity:1;

-webkit-transform:translateX(0) rotate(0);

transform:translateX(0) rotate(0)

}

}

@keyframes layer-rollIn {

0% {

opacity:0;

-webkit-transform:translateX(-100%) rotate(-120deg);

-ms-transform:translateX(-100%) rotate(-120deg);

transform:translateX(-100%) rotate(-120deg)

}

100% {

opacity:1;

-webkit-transform:translateX(0) rotate(0);

-ms-transform:translateX(0) rotate(0);

transform:translateX(0) rotate(0)

}

}

.layer-anim-04 {

	-webkit-animation-name: layer-rollIn;

	animation-name: layer-rollIn

}

@keyframes layer-fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

.layer-anim-05 {

	-webkit-animation-name: layer-fadeIn;

	animation-name: layer-fadeIn

}

@-webkit-keyframes layer-shake {

0%, 100% {

-webkit-transform:translateX(0);

transform:translateX(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translateX(-10px);

transform:translateX(-10px)

}

20%, 40%, 60%, 80% {

-webkit-transform:translateX(10px);

transform:translateX(10px)

}

}

@keyframes layer-shake {

0%, 100% {

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translateX(-10px);

-ms-transform:translateX(-10px);

transform:translateX(-10px)

}

20%, 40%, 60%, 80% {

-webkit-transform:translateX(10px);

-ms-transform:translateX(10px);

transform:translateX(10px)

}

}

.layer-anim-06 {

	-webkit-animation-name: layer-shake;

	animation-name: layer-shake

}

@-webkit-keyframes fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

.layui-layer-title {

	padding: 0 80px 0 20px;

	height: 42px;

	line-height: 42px;

	border-bottom: 1px solid #eee;

	font-size: 14px;

	color: #333;

	overflow: hidden;

	background-color: #f8f8f8;

	border-radius: 2px 2px 0 0

}

.layui-layer-setwin {

	position: absolute;

	right: 15px;

*right:0;

	top: 15px;

	font-size: 0;

	line-height: initial

}

.layui-layer-setwin a {

	position: relative;

	width: 16px;

	height: 16px;

	margin-left: 10px;

	font-size: 12px;

	_overflow: hidden

}

.layui-layer-setwin .layui-layer-min cite {

	position: absolute;

	width: 14px;

	height: 2px;

	left: 0;

	top: 50%;

	margin-top: -1px;

	background-color: #2e2d3c;

	cursor: pointer;

	_overflow: hidden

}

.layui-layer-setwin .layui-layer-min:hover cite {

	background-color: #2d93ca

}

.layui-layer-setwin .layui-layer-max {

	background-position: -32px -40px

}

.layui-layer-setwin .layui-layer-max:hover {

	background-position: -16px -40px

}

.layui-layer-setwin .layui-layer-maxmin {

	background-position: -65px -40px

}

.layui-layer-setwin .layui-layer-maxmin:hover {

	background-position: -49px -40px

}

.layui-layer-setwin .layui-layer-close1 {

	background-position: 1px -40px;

	cursor: pointer

}

.layui-layer-setwin .layui-layer-close1:hover {

	opacity: .7

}

.layui-layer-setwin .layui-layer-close2 {

	position: absolute;

	right: -28px;

	top: -28px;

	width: 30px;

	height: 30px;

	margin-left: 0;

	background-position: -149px -31px;

*right:-18px;

	_display: none

}

.layui-layer-setwin .layui-layer-close2:hover {

	background-position: -180px -31px

}

.layui-layer-btn {

	text-align: right;

	padding: 0 15px 12px;

	pointer-events: auto;

	user-select: none;

	-webkit-user-select: none

}

.layui-layer-btn a {

	height: 28px;

	line-height: 28px;

	margin: 5px 5px 0;

	padding: 0 15px;

	border: 1px solid #dedede;

	background-color: #fff;

	color: #333;

	border-radius: 2px;

	font-weight: 400;

	cursor: pointer;

	text-decoration: none

}

.layui-layer-btn a:hover {

	opacity: .9;

	text-decoration: none

}

.layui-layer-btn a:active {

	opacity: .8

}

.layui-layer-btn .layui-layer-btn0 {

	border-color: #1e9fff;

	background-color: #1e9fff;

	color: #fff

}

.layui-layer-btn-l {

	text-align: left

}

.layui-layer-btn-c {

	text-align: center

}

.layui-layer-dialog {

	min-width: 260px

}

.layui-layer-dialog .layui-layer-content {

	position: relative;

	padding: 20px;

	line-height: 24px;

	word-break: break-all;

	overflow: hidden;

	font-size: 14px;

	overflow-x: hidden;

	overflow-y: auto

}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {

	position: absolute;

	top: 16px;

	left: 15px;

	_left: -40px;

	width: 30px;

	height: 30px

}

.layui-layer-ico1 {

	background-position: -30px 0

}

.layui-layer-ico2 {

	background-position: -60px 0

}

.layui-layer-ico3 {

	background-position: -90px 0

}

.layui-layer-ico4 {

	background-position: -120px 0

}

.layui-layer-ico5 {

	background-position: -150px 0

}

.layui-layer-ico6 {

	background-position: -180px 0

}

.layui-layer-rim {

	border: 6px solid #8d8d8d;

	border: 6px solid rgba(0,0,0,.3);

	border-radius: 5px;

	box-shadow: none

}

.layui-layer-msg {

	min-width: 180px;

	border: 1px solid #d3d4d3;

	box-shadow: none

}

.layui-layer-hui {

	min-width: 100px;

	background-color: #000;

	filter: alpha(opacity=60);

	background-color: rgba(0,0,0,.6);

	color: #fff;

	border: none

}

.layui-layer-hui .layui-layer-content {

	padding: 12px 25px;

	text-align: center

}

.layui-layer-dialog .layui-layer-padding {

	padding: 20px 20px 20px 55px;

	text-align: left

}

.layui-layer-page .layui-layer-content {

	position: relative;

	overflow: auto

}

.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {

	padding-top: 10px

}

.layui-layer-nobg {

	background: 0 0

}

.layui-layer-iframe iframe {

	display: block;

	width: 100%

}

.layui-layer-loading {

	border-radius: 100%;

	background: 0 0;

	box-shadow: none;

	border: none

}

.layui-layer-loading .layui-layer-content {

	width: 60px;

	height: 24px;

	background: url(../images/loading-0.gif) no-repeat

}

.layui-layer-loading .layui-layer-loading1 {

	width: 37px;

	height: 37px;

	background: url(../images/loading-1.gif) no-repeat

}

.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 {

	width: 32px;

	height: 32px;

	background: url(../images/loading-2.gif) no-repeat

}

.layui-layer-tips {

	background: 0 0;

	box-shadow: none;

	border: none

}

.layui-layer-tips .layui-layer-content {

	position: relative;

	line-height: 22px;

	min-width: 12px;

	padding: 8px 15px;

	font-size: 12px;

	_float: left;

	border-radius: 2px;

	box-shadow: 1px 1px 3px rgba(0,0,0,.2);

	background-color: #000;

	color: #fff

}

.layui-layer-tips .layui-layer-close {

	right: -2px;

	top: -1px

}

.layui-layer-tips i.layui-layer-TipsG {

	position: absolute;

	width: 0;

	height: 0;

	border-width: 8px;

	border-color: transparent;

	border-style: dashed;

*overflow:hidden

}

.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {

	left: 5px;

	border-right-style: solid;

	border-right-color: #000

}

.layui-layer-tips i.layui-layer-TipsT {

	bottom: -8px

}

.layui-layer-tips i.layui-layer-TipsB {

	top: -8px

}

.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR {

	top: 5px;

	border-bottom-style: solid;

	border-bottom-color: #000

}

.layui-layer-tips i.layui-layer-TipsR {

	left: -8px

}

.layui-layer-tips i.layui-layer-TipsL {

	right: -8px

}

.layui-layer-lan[type=dialog] {

	min-width: 280px

}

.layui-layer-lan .layui-layer-title {

	background: #4476a7;

	color: #fff;

	border: none

}

.layui-layer-lan .layui-layer-btn {

	padding: 5px 10px 10px;

	text-align: right;

	border-top: 1px solid #e9e7e7

}

.layui-layer-lan .layui-layer-btn a {

	background: #fff;

	border-color: #e9e7e7;

	color: #333

}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {

	background: #c9c5c5

}

.layui-layer-molv .layui-layer-title {

	background: #009f95;

	color: #fff;

	border: none

}

.layui-layer-molv .layui-layer-btn a {

	background: #009f95;

	border-color: #009f95

}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {

	background: #92b8b1

}

.layui-layer-iconext {

	background: url(../images/icon-ext.png) no-repeat

}

.layui-layer-prompt .layui-layer-input {

	display: block;

	width: 230px;

	height: 36px;

	margin: 0 auto;

	line-height: 30px;

	padding-left: 10px;

	border: 1px solid #e6e6e6;

	color: #333

}

.layui-layer-prompt textarea.layui-layer-input {

	width: 300px;

	height: 100px;

	line-height: 20px;

	padding: 6px 10px

}

.layui-layer-prompt .layui-layer-content {

	padding: 20px

}

.layui-layer-prompt .layui-layer-btn {

	padding-top: 0

}

.layui-layer-tab {

	box-shadow: 1px 1px 50px rgba(0,0,0,.4)

}

.layui-layer-tab .layui-layer-title {

	padding-left: 0;

	overflow: visible

}

.layui-layer-tab .layui-layer-title span {

	position: relative;

	float: left;

	min-width: 80px;

	max-width: 260px;

	padding: 0 20px;

	text-align: center;

	overflow: hidden;

	cursor: pointer

}

.layui-layer-tab .layui-layer-title span.layui-this {

	height: 43px;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

	background-color: #fff;

	z-index: 10

}

.layui-layer-tab .layui-layer-title span:first-child {

	border-left: none

}

.layui-layer-tabmain {

	line-height: 24px;

	clear: both

}

.layui-layer-tabmain .layui-layer-tabli {

	display: none

}

.layui-layer-tabmain .layui-layer-tabli.layui-this {

	display: block

}

.layui-layer-photos {

	-webkit-animation-duration: .8s;

	animation-duration: .8s

}

.layui-layer-photos .layui-layer-content {

	overflow: hidden;

	text-align: center

}

.layui-layer-photos .layui-layer-phimg img {

	position: relative;

	width: 100%;

	display: inline-block;

*display:inline;

*zoom:1;

	vertical-align: top

}

.layui-layer-imgbar, .layui-layer-imguide {

	display: none

}

.layui-layer-imgnext, .layui-layer-imgprev {

	position: absolute;

	top: 50%;

	width: 27px;

	_width: 44px;

	height: 44px;

	margin-top: -22px;

	outline: 0;

blr:expression(this.onFocus=this.blur())

}

.layui-layer-imgprev {

	left: 10px;

	background-position: -5px -5px;

	_background-position: -70px -5px

}

.layui-layer-imgprev:hover {

	background-position: -33px -5px;

	_background-position: -120px -5px

}

.layui-layer-imgnext {

	right: 10px;

	_right: 8px;

	background-position: -5px -50px;

	_background-position: -70px -50px

}

.layui-layer-imgnext:hover {

	background-position: -33px -50px;

	_background-position: -120px -50px

}

.layui-layer-imgbar {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 32px;

	line-height: 32px;

	background-color: rgba(0,0,0,.8);

	background-color: #000\9;

	filter: Alpha(opacity=80);

	color: #fff;

	overflow: hidden;

	font-size: 0

}

.layui-layer-imgtit * {

	display: inline-block;

*display:inline;

*zoom:1;

	vertical-align: top;

	font-size: 12px

}

.layui-layer-imgtit a {

	max-width: 65%;

	overflow: hidden;

	color: #fff

}

.layui-layer-imgtit a:hover {

	color: #fff;

	text-decoration: underline

}

.layui-layer-imgtit em {

	padding-left: 10px;

	font-style: normal

}

@-webkit-keyframes layer-bounceOut {

100% {

opacity:0;

-webkit-transform:scale(.7);

transform:scale(.7)

}

30% {

-webkit-transform:scale(1.05);

transform:scale(1.05)

}

0% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes layer-bounceOut {

100% {

opacity:0;

-webkit-transform:scale(.7);

-ms-transform:scale(.7);

transform:scale(.7)

}

30% {

-webkit-transform:scale(1.05);

-ms-transform:scale(1.05);

transform:scale(1.05)

}

0% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1)

}

}

.layer-anim-close {

	-webkit-animation-name: layer-bounceOut;

	animation-name: layer-bounceOut;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-duration: .2s;

	animation-duration: .2s

}

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

.layui-layer-iframe {

	overflow-y: auto;

	-webkit-overflow-scrolling: touch

}

}

.layui-layer-dialog .layui-layer-content {

	word-break: break-word !important

}

.img-box img {

	width: 100%

}

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, pre, form, fieldset, legend, button, input, textarea, th, td, ol {

	margin: 0;

	padding: 0

}

*, :after, :before {

	box-sizing: border-box;

	outline: none

}

body {

	font: 12px "Microsoft YaHei", "Arial";

	color: #000;

	line-height: 1.5;

	overflow-x: hidden

}

ol, ul, li {

	list-style-type: none;

	vertical-align: middle

}

img {

	vertical-align: top;

	border: 0;

	max-width: 100%;

	height: auto;

	image-rendering: -moz-crisp-edges;

	image-rendering: -o-crisp-edges;

	image-rendering: -webkit-optimize-contrast;

	image-rendering: crisp-edges;

	-ms-interpolation-mode: nearest-neighbor

}

input, select, textarea, button {

	vertical-align: middle

}

textarea, input {

	outline: none;

	resize: none

}

input[type=submit], input[type=button], button {

	text-indent: 0;

	text-align: center;

	cursor: pointer

}

label, button, a {

	cursor: pointer

}

ins, em, b, i {

	text-decoration: none;

	font-style: normal

}

select:focus, textarea:focus, input:focus, button {

	outline: none

}

input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder {

color:#999

}

table {

	border-collapse: collapse;

	border-spacing: 0;

	font: inherit

}

a {

	color: inherit;

	text-decoration: none

}

a[href] {

	cursor: pointer

}

a:hover {

	text-decoration: none;

	cursor: pointer

}

a:focus {

	background-color: transparent;

	outline: none

}

h1, h2, h3, h4, h5, h6, em {

	font-weight: 400

}

a, span, li, b, i, label, p, strong, div, h1, h2, h3, h4, h5, h6, font, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td {

	font: inherit;

	color: inherit

}

audio, canvas, progress, video {

	display: inline-block;

	vertical-align: baseline

}

body {

	-webkit-tap-highlight-color: rgba(0,0,0,0)

}

a:focus, input:focus, p:focus, div:focus {

	-webkit-tap-highlight-color: rgba(0,0,0,0)

}

body, html {

	width: 100%!important;

	padding: 0!important;

	height: 100%

}

*::-webkit-scrollbar {

width:3px;

border-radius:1.5px

}

*::-webkit-scrollbar-button {

display:none

}

*::-webkit-scrollbar-track {

background-color:#eee

}

*::-webkit-scrollbar-thumb {

background-color:#34ff33

}

.fl {

	float: left

}

.fr {

	float: right

}

.cl:after {

	content: '\20';

	display: block;

	height: 0;

	line-height: 0;

	font-size: 0;

	clear: both;

	visibility: hidden

}

.hide {

	display: none

}

.show {

	display: block

}

.up-word {

	text-transform: uppercase

}

.v-show {

	visibility: visible

}

.v-hide {

	visibility: hidden

}

.mt-8 {

	margin-top: 8px

}

.mt-10 {

	margin-top: 10px

}

.mt-12 {

	margin-top: 12px

}

.mt-24 {

	margin-top: 24px

}

.mt-32 {

	margin-top: 32px

}

.mt-36 {

	margin-top: 36px

}

.mt-48 {

	margin-top: 48px

}

.mt-15 {

	margin-top: 15px

}

.mt-20 {

	margin-top: 20px

}

.mt-30 {

	margin-top: 30px

}

.mt-40 {

	margin-top: 40px

}

.mt-55 {

	margin-top: 55px

}

.mt-60 {

	margin-top: 60px

}

.mb-8 {

	margin-bottom: 8px

}

.mb-10 {

	margin-bottom: 10px

}

.mb-12 {

	margin-bottom: 12px

}

.mb-24 {

	margin-bottom: 24px

}

.mb-32 {

	margin-bottom: 32px

}

.mb-36 {

	margin-bottom: 36px

}

.mb-48 {

	margin-bottom: 48px

}

.mb-15 {

	margin-bottom: 15px

}

.mb-20 {

	margin-bottom: 20px

}

.mb-30 {

	margin-bottom: 30px

}

.mb-40 {

	margin-bottom: 40px

}

.mb-55 {

	margin-bottom: 55px

}

.mb-60 {

	margin-bottom: 60px

}

.ml-8 {

	margin-left: 8px

}

.ml-10 {

	margin-left: 10px

}

.ml-12 {

	margin-left: 12px

}

.ml-24 {

	margin-left: 24px

}

.ml-32 {

	margin-left: 32px

}

.ml-36 {

	margin-left: 36px

}

.ml-48 {

	margin-left: 48px

}

.ml-15 {

	margin-left: 15px

}

.ml-20 {

	margin-left: 20px

}

.ml-30 {

	margin-left: 30px

}

.ml-40 {

	margin-left: 40px

}

.ml-55 {

	margin-left: 55px

}

.ml-60 {

	margin-left: 60px

}

.mr-8 {

	margin-right: 8px

}

.mr-10 {

	margin-right: 10px

}

.mr-12 {

	margin-right: 12px

}

.mr-24 {

	margin-right: 24px

}

.mr-32 {

	margin-right: 32px

}

.mr-36 {

	margin-right: 36px

}

.mr-48 {

	margin-right: 48px

}

.mr-15 {

	margin-right: 15px

}

.mr-20 {

	margin-right: 20px

}

.mr-30 {

	margin-right: 30px

}

.mr-40 {

	margin-right: 40px

}

.mr-55 {

	margin-right: 55px

}

.mr-60 {

	margin-right: 60px

}

.pt-8 {

	padding-top: 8px

}

.pt-10 {

	padding-top: 10px

}

.pt-12 {

	padding-top: 12px

}

.pt-24 {

	padding-top: 24px

}

.pt-36 {

	padding-top: 36px

}

.pt-48 {

	padding-top: 48px

}

.pt-15 {

	padding-top: 15px

}

.pt-20 {

	padding-top: 20px

}

.pt-30 {

	padding-top: 30px

}

.pt-40 {

	padding-top: 40px

}

.pt-55 {

	padding-top: 55px

}

.pt-60 {

	padding-top: 60px

}

.pb-8 {

	padding-bottom: 8px

}

.pb-10 {

	padding-bottom: 10px

}

.pb-12 {

	padding-bottom: 12px

}

.pb-24 {

	padding-bottom: 24px

}

.pb-36 {

	padding-bottom: 36px

}

.pb-48 {

	padding-bottom: 48px

}

.pb-15 {

	padding-bottom: 15px

}

.pb-20 {

	padding-bottom: 20px

}

.pb-30 {

	padding-bottom: 30px

}

.pb-40 {

	padding-bottom: 40px

}

.pb-55 {

	padding-bottom: 55px

}

.pb-60 {

	padding-bottom: 60px

}

.pl-8 {

	padding-left: 8px

}

.pl-10 {

	padding-left: 10px

}

.pl-12 {

	padding-left: 12px

}

.pl-24 {

	padding-left: 24px

}

.pl-36 {

	padding-left: 36px

}

.pl-48 {

	padding-left: 48px

}

.pl-15 {

	padding-left: 15px

}

.pl-20 {

	padding-left: 20px

}

.pl-30 {

	padding-left: 30px

}

.pl-40 {

	padding-left: 40px

}

.pl-55 {

	padding-left: 55px

}

.pl-60 {

	padding-left: 60px

}

.pr-8 {

	padding-right: 8px

}

.pr-10 {

	padding-right: 10px

}

.pr-12 {

	padding-right: 12px

}

.pr-24 {

	padding-right: 24px

}

.pr-36 {

	padding-right: 36px

}

.pr-48 {

	padding-right: 48px

}

.pr-15 {

	padding-right: 15px

}

.pr-20 {

	padding-right: 20px

}

.pr-30 {

	padding-right: 30px

}

.pr-40 {

	padding-right: 40px

}

.pr-55 {

	padding-right: 55px

}

.pr-60 {

	padding-right: 60px

}

.backImg {

	background-size: cover

}

.text_overflow {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}

.txt-center {

	text-align: center

}

.txt-right {

	text-align: right

}

[data-ahref] {

cursor:pointer

}

body {

	background: 0 0

}

.font-40 {

	font-size: 40px;

	line-height: 1.2

}

.font-38 {

	font-size: 32px;

	line-height: 1.4

}

.font-36 {

	font-size: 32px;

	line-height: 1.4

}

.font-34 {

	font-size: 32px;

	line-height: 1.4

}

.font-32 {

	font-size: 32px;

	line-height: 1.4

}

.font-30 {

	font-size: 30px;

	line-height: 1.4

}

.font-28 {

	font-size: 28px;

	line-height: 1.6

}

.font-24 {

	font-size: 24px;

	line-height: 44px

}

.font-22 {

	font-size: 22px;

	line-height: 40px

}

.font-20 {

	font-size: 20px;

	line-height: 36px

}

.font-18 {

	line-height: 32px;

	font-size: 18px

}

.font-16 {

	font-size: 16px;

	line-height: 30px

}

.font-14 {

	font-size: 14px;

	line-height: 28px

}

.font-12 {

	font-size: 14px;

	line-height: 28px

}

.op-1 {

	opacity: .1

}

.op-2 {

	opacity: .2

}

.op-3 {

	opacity: .3

}

.op-4 {

	opacity: .4

}

.op-5 {

	opacity: .5

}

.op-6 {

	opacity: .6

}

.op-7 {

	opacity: .7

}

.op-8 {

	opacity: .8

}

.op-9 {

	opacity: .9

}

.op-10 {

	opacity: 1

}

.font-light {

	font-weight: lighter

}

.font-bold {

	font-weight: 700

}

.font-500 {

	font-weight: 500

}

.pr {

	position: relative

}

.pa {

	position: absolute

}

.block {

	display: block

}

.container {

	position: relative;

	padding: 0 15px;

	margin: 0 auto

}

.grid-box {

	font-size: 0;

[;

	letter-spacing: -4px;

	font-size: 12px;

]

}

.grid-box .column {

	display: inline-block;

	font-size: 12px;

	vertical-align: top;

[;

	letter-spacing: 0;

]

}

.grid-box .column {

	width: 100%

}

.grid-box.two>.column {

	width: 50%

}

.grid-box.three>.column {

	width: 33.33333%

}

.grid-box.four>.column {

	width: 25%

}

.grid-box.five>.column {

	width: 20%

}

.grid-box.six>.column {

	width: 16.6666667%

}

.grid-box.seven>.column {

	width: 14.285714%

}

.grid-box.eight>.column {

	width: 12.55%

}

.grid-box.nine>.column {

	width: 11.11111111%

}

.grid-box.ten>.column {

	width: 10%

}

.wid-100 {

	width: 100%

}

.wid-10 {

	width: 10%

}

.wid-20 {

	width: 20%

}

.wid-30 {

	width: 30%

}

.wid-40 {

	width: 40%

}

.wid-50 {

	width: 50%

}

.wid-60 {

	width: 60%

}

.wid-70 {

	width: 70%

}

.wid-80 {

	width: 80%

}

.wid-90 {

	width: 90%

}

.half {

	width: 50%

}

.layout-middle {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto

}

.layout-v-middle {

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto

}

.layout-h-middle {

	position: absolute;

	left: 0;

	right: 0;

	margin: auto

}

.layout-tab {

	display: table;

	width: 100%

}

.layout-tab>.cell {

	display: table-cell;

	vertical-align: middle

}

.transi {

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out

}

#lanSelBox {

	font-size: 16px;

	background: #fff;

	border-radius: 4px;

	position: relative

}

.current_lang {

	cursor: pointer;

	text-transform: uppercase;

	overflow: hidden

}

.lang.selected {

	display: none

}

.lang img, .lang span.lang-txt {

	display: inline-block;

	margin-left: 5px;

	vertical-align: middle;

	color: #444

}

.lang span.lang-txt {

	position: relative;

	top: -1px;

	font-weight: 700

}

.lang img {

	width: 20px;

	margin-left: 0

}

.lang span span {

	color: #999;

	font-weight: 400

}

.lang i.chevron.down {

	font-size: 12px;

	position: relative;

	top: -1px;

	margin-left: 3px

}

.more_lang {

	transform: translateY(-20px);

	opacity: 0;

	cursor: pointer;

	display: none;

	position: absolute;

	right: 0;

	top: 100%;

	width: 180px;

	background: #fff;

	-webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);

	-moz-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);

	-o-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);

	-ms-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);

	transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15)

}

.more_lang .lang {

	padding: 10px 15px

}

#lanSelBox.active .more_lang {

	display: block

}

.more_lang.active {

	opacity: 1;

	transform: translateY(0px)

}

.more_lang .lang:hover {

	background: #5766b2;

	color: #fff

}

.more_lang .lang:hover span {

	color: #fff

}

#lanSelBox:hover, #lanSelBox.active {

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

	-webkit-transition: all .3s cubic-bezier(0, .99, .44, .99);

	-moz-transition: all .3s cubic-bezier(0, .99, .44, .99);

	-o-transition: all .3s cubic-bezier(0, .99, .44, .99);

	-ms-transition: all .3s cubic-bezier(0, .99, .44, .99);

	transition: all .3s cubic-bezier(0, .99, .44, .99)

}

#lanSelBox.active .more_lang .lang {

	border-top: 1px solid #eaeaea

}

.hwaq_img_btn_01 {

	width: 100%;

	overflow: hidden;

	position: relative

}

.hwaq_img_btn_01 img {

	margin: 0;

	padding: 0;

	position: relative;

	top: 0;

	width: 100%;

	left: 0

}

.hwaq_img_btn_01 .ovrly {

	position: absolute;

	background: rgba(0,0,0,.5);

	height: 100%;

	left: 0;

	top: 0;

	width: 100%;

	opacity: 0;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s

}

.hwaq_img_btn_01 .buttons {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}

.hwaq_img_btn_01 .buttons>a {

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	opacity: 0;

	background-color: #fff;

	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);

	-moz-box-shadow: 0 0 1px rgba(0,0,0,.3);

	box-shadow: 0 0 1px rgba(0,0,0,.3);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	display: inline-block;

	line-height: 40px;

	font-size: 16px;

	text-align: center;

	text-decoration: none;

	width: 40px;

	height: 40px;

	margin: 0 1px;

	color: rgba(50,50,50,.9);

	-webkit-transition: all .3s cubic-bezier(0, 1.135, .73, 1.405);

	-moz-transition: all .3s cubic-bezier(0, 1.135, .73, 1.405);

	-o-transition: all .3s cubic-bezier(0, 1.135, .73, 1.405);

	transition: all .3s cubic-bezier(0, 1.135, .73, 1.405)

}

.hwaq_img_btn_01 .buttons .the_search {

	-webkit-transition-delay: .1s;

	-moz-transition-delay: .1s;

	-ms-transition-delay: .1s;

	transition-delay: .1s

}

.hwaq_img_btn_01:hover .buttons>a {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	opacity: 1

}

.hwaq_img_btn_01:hover .ovrly {

	opacity: 1

}

.hwaq_img_btn_02 {

	position: relative;

	overflow: hidden;

	text-align: center;

	cursor: pointer

}

.hwaq_img_btn_02 .layer, .hwaq_img_btn_02 .layer>a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}

.hwaq_img_btn_02 .layer {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.hwaq_img_btn_02 img {

	opacity: .9

}

.hwaq_img_btn_02 .layer:after, .hwaq_img_btn_02 img, .hwaq_img_btn_02 p {

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s

}

.hwaq_img_btn_02 .layer:after {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	content: '';

	opacity: 0;

	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

	-webkit-transform-origin: 50% 50%;

	transform-origin: 50% 50%

}

.hwaq_img_btn_02 h2, .hwaq_img_btn_02 p {

	opacity: 1;

	-webkit-transform: scale3d(.8, .8, 1);

	transform: scale3d(.8, .8, 1)

}

.hwaq_img_btn_02 h2 {

	padding-top: 26%;

	-webkit-transition: -webkit-transform .35s;

	transition: transform .35s

}

.hwaq_img_btn_02 p {

	padding: .5em 2em;

	text-transform: none;

	font-size: .85em;

	opacity: 0

}

.hwaq_img_btn_02:hover {

	background: -webkit-linear-gradient(-45deg, #053565 0%, #06c 100%);

	background: linear-gradient(-45deg, #053565 0%, #06c 100%)

}

.hwaq_img_btn_02:hover img {

	opacity: .7;

	-webkit-transform: scale3d(1.05, 1.05, 1);

	transform: scale3d(1.05, 1.05, 1)

}

.hwaq_img_btn_02:hover .layer:after {

	opacity: 1;

	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);

	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)

}

.hwaq_img_btn_02:hover h2, .hwaq_img_btn_02:hover p {

	opacity: 1;

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1)

}

.icon-eye:before {

	content: '\e000'

}

.icon-paper-clip:before {

	content: '\e001'

}

.icon-heart:before {

	content: '\e024'

}

.hwaq_img_btn_02 h2 {

	display: inline-block

}

.hwaq_img_btn_02:hover p.description {

	opacity: 1

}

.hwaq_img_btn_02:hover figcaption, .hwaq_img_btn_02:hover h2, .hwaq_img_btn_02:hover p.icon-links a {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.hwaq_img_btn_02:hover h2 {

	-webkit-transition-delay: .05s;

	transition-delay: .05s

}

.hwaq_img_btn_02:hover p.icon-links a:nth-child(3) {

	-webkit-transition-delay: .1s;

	transition-delay: .1s

}

.hwaq_img_btn_02:hover p.icon-links a:nth-child(2) {

	-webkit-transition-delay: .15s;

	transition-delay: .15s

}

.hwaq_img_btn_02:hover p.icon-links a:first-child {

	-webkit-transition-delay: .2s;

	transition-delay: .2s

}

.hwaq_just_btn_01 {

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	position: relative

}

.hwaq_just_btn_01:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	background-color: rgba(255,255,255,.25);

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s

}

.hwaq_just_btn_01>span {

	position: relative;

	z-index: 20

}

.hwaq_just_btn_01:hover:before {

	opacity: 0;

	-webkit-transform: scale(.5, .5);

	transform: scale(.5, .5)

}

.hwaq_just_btn_01:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	opacity: 0;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	border: 1px solid rgba(255,255,255,.5);

	-webkit-transform: scale(1.2, 1.2);

	transform: scale(1.2, 1.2)

}

.hwaq_just_btn_01:hover:after {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1)

}

.mfp-zoom-in .mfp-with-anim {

	opacity: 0;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	-webkit-transform: scale(.8);

	-moz-transform: scale(.8);

	-ms-transform: scale(.8);

	-o-transform: scale(.8);

	transform: scale(.8)

}

.mfp-zoom-in.mfp-bg {

	opacity: 0;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}

.mfp-zoom-in.mfp-ready .mfp-with-anim {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1)

}

.mfp-zoom-in.mfp-ready.mfp-bg {

	opacity: .8

}

.mfp-zoom-in.mfp-removing .mfp-with-anim {

	-webkit-transform: scale(.8);

	-moz-transform: scale(.8);

	-ms-transform: scale(.8);

	-o-transform: scale(.8);

	transform: scale(.8);

	opacity: 0

}

.mfp-zoom-in.mfp-removing.mfp-bg {

	opacity: 0

}

.mlztx {

	opacity: .6;

	width: 60px;

	height: 60px;

	border-radius: 60px;

	background-color: #2b93e6;

	position: fixed;

	bottom: 50px;

	right: 20px;

	font-size: 30px;

	text-align: center;

	line-height: 55px;

	color: #fff;

	transition: all 1s ease 0s;

	z-index: 99;

	-webkit-box-shadow: 0px 0px 2px 3px hsla(0,0%,0%,.1);

	box-shadow: 0px 0px 2px 3px hsla(0,0%,0%,.1);

	cursor: pointer

}

.mlztx:hover {

	opacity: 1;

	background-color: #00b1ff;

	width: 65px;

	height: 65px

}

.layer-form {

	display: none

}

.container-contact100 {

	width: 100%;

	min-height: 100vh;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	padding: 15px;

	background: rgba(0,0,0,.8);

	position: fixed;

	z-index: 1000001;

	left: 0;

	top: 0

}

.wrap-contact100 {

	width: 560px;

	background: #fff;

	border-radius: 3px;

	position: relative;

	overflow: auto;

	max-height: 90vh

}

.contact100-form-title {

	font-size: 30px;

	color: #fff;

	line-height: 1.2;

	text-transform: uppercase;

	background-image: url("../images/layer-form-bg.jpg");

	width: 100%;

	min-height: 128px;

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	align-items: center;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	overflow: hidden;

	padding: 30px 15px

}

.contact100-form-title:before {

	content: "";

	display: block;

	position: absolute;

	z-index: -1;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(67,67,67,.6)

}

.contact100-form {

	width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	padding: 40px 55px 48px

}

.wrap-input100 {

	width: 100%;

	position: relative;

	border: 1px solid #e6e6e6;

	border-radius: 2px;

	margin-bottom: 15px

}

.label-input100 {

	font-size: 18px;

	color: #999;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	width: 60px;

	height: 100%;

	top: 0;

	left: 2px

}

.label-input100.rs1 {

	height: 60px

}

.input100 {

	display: block;

	width: 100%;

	background: 0 0;

	font-size: 15px;

	color: #333;

	line-height: 1.2;

	padding: 0 25px 0 60px;

	border: none

}

input.input100 {

	height: 55px

}

textarea.input100 {

	min-height: 162px;

	padding-top: 22px;

	padding-bottom: 15px;

	font-family: 'microsoft yahei'

}

.focus-input100 {

	position: absolute;

	display: block;

	width: calc(100% + 2px);

	height: calc(100% + 2px);

	top: -1px;

	left: -1px;

	pointer-events: none;

	border: 1px solid;

	border-radius: 2px;

	border-color: #06c;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-moz-transition: all .4s;

	transition: all .4s;

	-webkit-transform: scaleX(1.1) scaleY(1.3);

	-moz-transform: scaleX(1.1) scaleY(1.3);

	-ms-transform: scaleX(1.1) scaleY(1.3);

	-o-transform: scaleX(1.1) scaleY(1.3);

	transform: scaleX(1.1) scaleY(1.3)

}

.input100:focus+.focus-input100 {

	visibility: visible;

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1)

}

.input100:focus+.focus-input100+.label-input100 {

	color: #06c

}

.container-contact100-form-btn {

	width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	padding-top: 17px

}

.contact100-form-btn {

	font-size: 12px;

	color: #fff;

	line-height: 1.2;

	text-transform: uppercase;

	border: none;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 0 20px;

	min-width: 160px;

	height: 42px;

	border-radius: 21px;

	background: #06c;

	cursor: pointer;

	box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);

	-moz-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);

	-webkit-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);

	-o-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);

	-ms-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-moz-transition: all .4s;

	transition: all .4s

}

.contact100-form-btn:hover {

	background: #333;

	box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);

	-moz-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);

	-webkit-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);

	-o-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);

	-ms-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5)

}

@media (max-width:576px) {

.contact100-form {

	padding: 40px 15px 48px

}

.input100 {

	padding: 0 25px 0 40px

}

.label-input100 {

	width: 40px

}

}

.validate-input {

	position: relative

}

.alert-validate .focus-input100 {

	box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);

	-moz-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);

	-webkit-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);

	-o-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);

	-ms-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1)

}

.alert-validate:before {

	content: "";

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	position: absolute;

	width: calc(100% + 2px);

	height: calc(100% + 2px);

	background-color: transparent;

	border: 1px solid #fa4251;

	border-radius: 2px;

	top: -1px;

	left: -1px;

	pointer-events: none

}

.btn-hide-validate {

	font-size: 18px;

	color: #fa4251;

	cursor: pointer;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	height: 100%;

	top: 0;

	right: -25px

}

.rs1-alert-validate.alert-validate:before {

	background-color: #fff

}

.true-validate:after {

	content: "\f26b";

	font-size: 18px;

	color: #00ad5f;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	height: 100%;

	top: 0;

	right: -25px

}

@media (max-width:576px) {

.btn-hide-validate {

	right: 10px

}

.true-validate:after {

	right: 10px

}

}

.btn-hide-contact100 {

	font-size: 20px;

	color: #fff;

	opacity: .6;

	position: absolute;

	right: 10px;

	top: 5px;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-moz-transition: all .4s;

	transition: all .4s;

	cursor: pointer;

	z-index: 10

}

.btn-hide-contact100 .icon {

	margin: 0;

	padding: 0;

	background: 0 0

}

.btn-hide-contact100:hover {

	opacity: 1

}

.img-box {

	overflow: hidden;

	position: relative

}

.img-box img {

	transition: 1s ease

}

.img-box:hover img {

	transform: scale(1.1, 1.1)

}

.slideBox {

	overflow: hidden

}

.hwaq-hover-btn {

	display: inline-block;

	position: relative

}

.hwaq-hover-btn span {

	display: block;

	transition: all .5s ease 0s

}

.hwaq-hover-btn:hover span {

	color: #ff5c19

}

.hwaq-hover-btn:before, .hwaq-hover-btn:after, .hwaq-hover-btn span:before, .hwaq-hover-btn span:after {

	content: "";

	width: 25%;

	height: 100%;

	border-radius: 30px;

	border: 2px solid #ff5c19;

	border-left: none;

	border-right: none;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	transform: scale(.8);

	transition: all .3s ease 0s

}

.hwaq-hover-btn:after {

	left: 25%

}

.hwaq-hover-btn span:before {

	left: 50%

}

.hwaq-hover-btn span:after {

	left: 75%

}

.hwaq-hover-btn:hover:before, .hwaq-hover-btn:hover:after, .hwaq-hover-btn:hover span:before, .hwaq-hover-btn:hover span:after {

	border-radius: 0;

	opacity: 1;

	transform: scale(1)

}

.hwaq-hover-btn:hover:before {

	border-left: 2px solid #ff5c19

}

.hwaq-hover-btn:hover span:after {

	border-right: 2px solid #ff5c19

}

.set_1_btn {

	color: #333;

	cursor: pointer;

	display: block;

	position: relative;

	vertical-align: middle;

	background: 0 0

}

.set_1_btn:hover {

	text-decoration: none;

	transition: all .15s linear 0s

}

.set_1_btn svg {

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%

}

.set_1_btn rect {

	fill: none;

	stroke: #e1b700;

	stroke-width: 2;

	stroke-dasharray: 422, 0;

	transition: all .45s linear 0s

}

.set_1_btn:hover rect {

	stroke-width: 5;

	stroke-dasharray: 15, 310;

	stroke-dashoffset: 114;

	-webkit-transition: all 1.35s cubic-bezier(.19, 1, .22, 1);

	transition: all 1.35s cubic-bezier(.19, 1, .22, 1)

}

.portfolio-item {

	position: relative;

	overflow: hidden;

	width: 300px;

	height: 300px

}

.portfolio-item img {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	height: auto;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}

.portfolio-item__info {

	position: absolute;

	top: 7px;

	left: 7px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

width:calc(100% - 2*7px);

height:calc(100% - 2*7px);

	background-color: rgba(38,37,37,.5)

}

.portfolio-item__header {

	position: relative;

	margin: 0 0 20px;

	padding: 15px 0;

	font-size: 22px

}

.portfolio-item__header:after {

	position: absolute;

	left: 0;

	bottom: 0;

	display: block;

	height: 2px;

	width: 100%;

	content: '';

	background-color: #8d909b

}

.portfolio-item__links {

	display: flex

}

.portfolio-item__link-block {

	position: relative;

	width: 35px;

	height: 35px;

	margin-right: 10px

}

.portfolio-item__link-block:last-child {

	margin-right: 0

}

.portfolio-item__link {

	transition-property: all;

	transition-duration: .2s;

	transition-timing-function: linear;

	transition-delay: 0s;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	color: #101010;

	text-decoration: none;

	border: 1px solid #101010;

	border-radius: 50%

}

.portfolio-item__link:hover {

	color: #fff;

	background-color: #101010

}

.portfolio-item--eff3 .portfolio-item__info {

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	transition-duration: .3s;

	transition-timing-function: linear;

	transition-delay: 0s;

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: right top;

	transform-origin: right top

}

.portfolio-item--eff3 .portfolio-item__header {

	-webkit-transform: scale(.4);

	transform: scale(.4);

	opacity: 0

}

.portfolio-item--eff3 .portfolio-item__header:after {

	bottom: -20px;

	opacity: 0

}

.portfolio-item--eff3 .portfolio-item__link-block {

	opacity: 0

}

.portfolio-item--eff3 .portfolio-item__link-block:first-child {

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%)

}

.portfolio-item--eff3 .portfolio-item__link-block:nth-child(2) {

	-webkit-transform: translateX(50%);

	transform: translateX(50%)

}

.portfolio-item--eff3:hover .portfolio-item__info {

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	transition-duration: .3s;

	transition-timing-function: linear;

	transition-delay: 0s;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	-webkit-transform-origin: left top;

	transform-origin: left top

}

.portfolio-item--eff3:hover .portfolio-item__header {

	transition-property: all;

	transition-duration: .2s;

	transition-timing-function: linear;

	transition-delay: .45s;

	-webkit-transform: scale(1);

	transform: scale(1);

	opacity: 1

}

.portfolio-item--eff3:hover .portfolio-item__header:after {

	transition-property: all;

	transition-duration: .2s;

	transition-timing-function: linear;

	transition-delay: .6s;

	bottom: 0;

	opacity: 1

}

.portfolio-item--eff3:hover .portfolio-item__link-block {

	transition-property: all;

	transition-duration: .2s;

	transition-timing-function: linear;

	transition-delay: .85s;

	-webkit-transform: translateX(0);

	transform: translateX(0);

	opacity: 1

}

.hwaq-img-fg-box {

	position: relative

}

.hwaq-img-fg-box .pic {

	position: relative;

	z-index: 1;

	transform-origin: 95% 50% 0;

	transition: all .5s ease 0s

}

.hwaq-img-fg-box:hover .pic {

	transform: rotate(-160deg);

	z-index: 10

}

.hwaq-img-fg-box .pic img {

	width: 100%;

	height: auto;

	border-radius: 50%

}

.hwaq-img-fg-box .content {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background: #b9607e

}

@keyframes fadeInLeftSmall {

from {

opacity:0;

transform:translate3d(-10%, 0, 0)

}

to {

	opacity: 1;

	transform: none

}

}

.fadeInLeftSmall {

	animation-name: fadeInLeftSmall

}

@keyframes fadeInRightSmall {

from {

opacity:0;

transform:translate3d(10%, 0, 0)

}

to {

	opacity: 1;

	transform: none

}

}

.fadeInRightSmall {

	animation-name: fadeInRightSmall

}

@keyframes fadeInDownSmall {

from {

opacity:0;

transform:translate3d(0%, -10%, 0)

}

to {

	opacity: 1;

	transform: none

}

}

.fadeInDownSmall {

	animation-name: fadeInDownSmall

}

@keyframes fadeOutDownSmall {

from {

opacity:1;

transform:none

}

to {

	opacity: 0;

	transform: translate3d(0%, 10%, 0)

}

}

.fadeOutDownSmall {

	animation-name: fadeOutDownSmall

}

@keyframes fadeInUpSmall {

from {

opacity:0;

transform:translate3d(0%, 10%, 0)

}

to {

	opacity: 1;

	transform: none

}

}

.fadeInUpSmall {

	animation-name: fadeInUpSmall

}

.Txtblur1 {

	animation-duration: 1.2s!important;

	animation: Txtblur cubic-bezier(.82, .01, .34, 1)

}

.Txtblur2 {

	animation-duration: 1s!important;

	animation: Txtblur cubic-bezier(.82, .01, .34, 1)

}

.scaleIn {

	animation-duration: .8s!important;

	animation: scaleIn cubic-bezier(.82, .01, .34, 1)

}

@keyframes Txtblur {

0% {

filter:blur(12px);

opacity:0;

transform:scale(1.2);

-webkit-transform:scale(1.2);

-moz-transform:scale(1.2);

-o-transform:scale(1.2);

-ms-transform:scale(1.2)

}

100% {

filter:blur(0);

opacity:1;

transform:scale(1);

-webkit-transform:scale(1);

-moz-transform:scale(1);

-o-transform:scale(1);

-ms-transform:scale(1)

}

}

@keyframes scaleIn {

0% {

opacity:0;

transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-o-transform:scale(1.1);

-ms-transform:scale(1.1)

}

100% {

opacity:1;

transform:scale(1);

-webkit-transform:scale(1);

-moz-transform:scale(1);

-o-transform:scale(1);

-ms-transform:scale(1)

}

}

.scale_go {

	animation: scale_go 3s cubic-bezier(.34, .9, 1, 1);

	animation-duration: 3s!important

}

@keyframes scale_go {

from {

transform:scale(1.3);

-webkit-transform:scale(1.3);

-moz-transform:scale(1.3);

-o-transform:scale(1.3);

-ms-transform:scale(1.3)

}

to {

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1)

}

}

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

.grid-box.two>.column {

	width: 50%

}

.grid-box.three>.column {

	width: 33.33333%

}

.grid-box.four>.column {

	width: 33.33333%

}

.grid-box.five>.column {

	width: 33.33333%

}

}

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

.grid-box.two>.column {

	width: 50%

}

.grid-box.three>.column {

	width: 50%

}

.grid-box.four>.column {

	width: 50%

}

.grid-box.five>.column {

	width: 50%

}

}

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

.grid-box.two>.column {

	width: 100%

}

.grid-box.three>.column {

	width: 100%

}

.grid-box.four>.column {

	width: 100%

}

.grid-box.five>.column {

	width: 100%

}

}

@-webkit-keyframes ks {

from {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1);

opacity:0

}

10% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1);

opacity:1

}

80% {

-webkit-transform:scale(2);

-moz-transform:scale(2);

-ms-transform:scale(2);

transform:scale(2);

opacity:.2

}

to {

	-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-ms-transform: scale(2);

	transform: scale(2);

	opacity: 0

}

}

@-moz-keyframes ks {

from {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1);

opacity:0

}

10% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1);

opacity:1

}

80% {

-webkit-transform:scale(2);

-moz-transform:scale(2);

-ms-transform:scale(2);

transform:scale(2);

opacity:.2

}

to {

	-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-ms-transform: scale(2);

	transform: scale(2);

	opacity: 0

}

}

@keyframes ks {

from {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1);

opacity:0

}

10% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

transform:scale(1);

opacity:1

}

80% {

-webkit-transform:scale(2);

-moz-transform:scale(2);

-ms-transform:scale(2);

transform:scale(2);

opacity:.2

}

to {

	-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-ms-transform: scale(2);

	transform: scale(2);

	opacity: 0

}

}

@font-face {

	font-family: 'yfzdh';

	src: url('../fonts/montserrat-thin.eot');

	src: url('../fonts/montserrat-thin.eot') format('embedded-opentype'), url('../fonts/montserrat-thin.woff2') format('woff2'), url('../fonts/montserrat-thin.woff') format('woff'), url('../fonts/montserrat-thin.ttf') format('truetype');

	font-weight: 100;

	font-display: swap

}

@font-face {

	font-family: 'yfzdh';

	src: url('../fonts/montserrat-regular.eot');

	src: url('../fonts/montserrat-regular.eot') format('embedded-opentype'), url('../fonts/montserrat-regular.woff2') format('woff2'), url('../fonts/montserrat-regular.woff') format('woff'), url('../fonts/montserrat-regular.ttf') format('truetype');

	font-weight: 400;

	font-display: swap

}

@font-face {

	font-family: 'yfzdh';

	src: url('../fonts/montserrat-bold.eot');

	src: url('../fonts/montserrat-bold.eot') format('embedded-opentype'), url('../fonts/montserrat-bold.woff2') format('woff2'), url('../fonts/montserrat-bold.woff') format('woff'), url('../fonts/montserrat-bold.ttf') format('truetype');

	font-weight: 700;

	font-display: swap

}

@font-face {

	font-family: 'yfzdh';

	src: url('../fonts/neutraface2display-titling.eot');

	src: url('../fonts/neutraface2display-titling.eot') format('embedded-opentype'), url('../fonts/neutraface2display-titling.woff2') format('woff2'), url('../fonts/neutraface2display-titling.woff') format('woff'), url('../fonts/neutraface2display-titling.ttf') format('truetype');

	font-weight: 900;

	font-display: swap

}

body {

	font-family: "yfzdh";

	max-width: 1920px;

	font-weight: 400;

	position: static !important;

	margin: 0 auto !important

}

.ui.container {

	padding: 0 15px;

	position: relative;

	width: 1390px

}

.body-overflow-box {

	position: relative;

	left: 0;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#header {

	z-index: 21;

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#header.inner {

	background-color: #000

}

#header .nav {

	line-height: 100px;

	height: 100px

}

#header .nav .ui.menu {

	width: auto;

	max-width: 1830px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: left;

	-webkit-justify-content: left;

	-moz-box-pack: left;

	-ms-flex-pack: left;

	justify-content: left

}

#header .nav .ui.menu .logo {

	display: inline-block;

	margin-left: 0;

	margin-right: 0;

	vertical-align: middle

}

#header .nav .ui.menu .logo a {

	height: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

#header .nav .ui.menu .menu-box {

	display: inline-block;

	vertical-align: middle;

	margin-left: 210px;

	margin-right: 0;

	width: 66%

}

#header .nav .ui.menu .menu-box ul.menu {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

#header .nav .ui.menu .menu-box ul.menu>li {

	font-size: 18px;

	line-height: 32px;

	color: #fff;

	-webkit-perspective: 500px;

	-moz-perspective: 500px;

	perspective: 500px;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	float: left;

	position: relative;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#header .nav .ui.menu .menu-box ul.menu>li:hover {

	color: #34ff33

}

#header .nav .ui.menu .menu-box ul.menu>li>a {

	display: block

}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {

	-webkit-perspective: 500px;

	-moz-perspective: 500px;

	perspective: 500px;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	text-align: left;

	position: absolute;

	font-size: 14px;

	line-height: 28px;

	background: #fff;

	top: 100%;

	left: 0;

	width: 220px;

	transform: rotate3d(1, 0, 0, -90deg);

	-webkit-transform: rotate3d(1, 0, 0, -90deg);

	-moz-transform: rotate3d(1, 0, 0, -90deg);

	-ms-transform: rotate3d(1, 0, 0, -90deg);

	-o-transform: rotate3d(1, 0, 0, -90deg);

	-webkit-transform-origin: 0 0 0;

	-moz-transform-origin: 0 0 0;

	-ms-transform-origin: 0 0 0;

	transform-origin: 0 0 0;

	opacity: 0;

	-webkit-transition: opacity .3s, -webkit-transform .5s;

	transition: opacity .3s, -webkit-transform .5s;

	-moz-transition: transform .5s, opacity .3s, -moz-transform .5s;

	transition: transform .5s, opacity .3s;

	transition: transform .5s, opacity .3s, -webkit-transform .5s, -moz-transform .5s;

	-webkit-transition: -webkit-transform .5s, opacity .3s;

	-moz-transition: -moz-transform .5s, opacity .3s;

	-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);

	box-shadow: 0px 8px 10px rgba(0,0,0,.2);

	border-bottom: 3px solid #34ff33;

	display: none \9

}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {

	display: block;

	float: none;

	padding: 10px 15px;

	color: #000;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	text-transform: capitalize

}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {

	display: block

}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {

	background: #222;

	color: #fff

}

#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

	transform: rotate3d(0, 0, 0, 0);

	-webkit-transform: rotate3d(0, 0, 0, 0);

	-moz-transform: rotate3d(0, 0, 0, 0);

	-ms-transform: rotate3d(0, 0, 0, 0);

	-o-transform: rotate3d(0, 0, 0, 0);

	display: block \9

}

#header .nav .ui.menu .yuy {

	margin-left: 80px;

	margin-right: 30px;

	position: relative

}

#header .nav .ui.menu .yuy span {

	height: 100%

}

#header .nav .ui.menu .yuy span img {

	display: inline-block;

	vertical-align: middle;

	margin-top: -.3em

}

#header .nav .ui.menu .yuy ul {

	width: 120px;

	background-color: #fff;

	font-size: 14px;

	line-height: 28px;

	position: absolute;

	right: -10px;

	top: 100%;

	display: none

}

#header .nav .ui.menu .yuy ul li {

	border-top: 1px solid #eee

}

#header .nav .ui.menu .yuy ul li a {

	padding: .5em;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#header .nav .ui.menu .yuy ul li a img {

	margin-right: .5em;

	max-width: 24px

}

#header .nav .ui.menu .yuy ul li a:hover {

	background-color: #34ff33

}

#header .nav .ui.menu .yuy:hover ul {

	display: block

}

#header .nav .ui.menu .h-search {

	display: inline-block;

	vertical-align: middle;

	margin: 0;

	cursor: pointer;

	cursor: hand;

	line-height: normal

}

#header.active {

	background-color: #000

}

#header .nav .search-box {

	line-height: normal;

	position: fixed;

	top: 0;

	left: 0;

	background: #fff;

	width: 100%;

	height: 100%;

	z-index: 99999;

	display: none

}

#header .nav .search-box form {

	position: absolute;

	top: 45%;

	left: 50%;

	width: 60%;

	margin-left: -30%

}

#header .nav .search-box form input {

	background: 0 0;

	outline: none;

	border: none

}

#header .nav .search-box form input[type=text] {

	width: 100%;

	border-bottom: 1px solid #e1e1e1;

	font-size: 26px;

	color: #000;

	padding: 10px 0

}

#header .nav .search-box form input[type=submit] {

	width: 22px;

	height: 22px;

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

	position: absolute;

	right: 15px;

	top: 20px

}

#header .nav .search-box form input[type=submit]:hover {

	opacity: .7;

	filter: alpha(opacity=70)

}

#header .nav .search-box .close {

	width: 30px;

	height: 30px;

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

	position: absolute;

	right: 25px;

	top: 15px;

	cursor: pointer

}

#banner .slick-arrow:hover {

	background-color: #34ff33

}

#banner:hover .slick-arrow {

	opacity: 1

}

#banner .slick-prev {

	background: url("../images/banner-btn-l.png") no-repeat center center rgba(0,0,0,.3);

	left: 15px

}

#banner .slick-next {

	background: url("../images/banner-btn-r.png") no-repeat center center rgba(0,0,0,.3);

	right: 15px

}

#banner .slick-arrow {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 40px;

	height: 40px;

	color: transparent;

	border: none;

	z-index: 1;

	outline: none;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	opacity: 0;

	background-size: 12px

}

#banner ul.slick-dots {

	position: absolute;

	bottom: 5%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%)

}

#banner ul.slick-dots li {

	width: 30px;

	height: 30px;

	display: inline-block;

	margin: 0 10px;

	border-radius: 100%;

	border: 6px solid #fff;

	background-color: #34ff33;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#banner ul.slick-dots li button {

	display: none

}

#banner ul.slick-dots li.slick-active {

	border-color: #34ff33;

	background-color: #fff

}

#banner .slick-slide .content {

	display: none

}

#banner .slick-active .content {

	display: block

}

table {

	margin-bottom: 20px;

	word-break: break-word;

	width: 100% !important;

	height: auto !important;

	display: block;

	overflow: auto

}

table tbody {

	display: table;

	width: 100% !important

}

table td, table th {

	padding: 5px 10px;

	border: 1px solid #666;

	width: auto !important;

	height: auto !important

}

table tr {

	width: auto !important;

	height: auto !important

}

table tr:nth-child(even) {

	background: #eee

}

.wpulike.wpulike-default {

	display: none

}

.prodet-page .wpulike.wpulike-default, .newdet-page .wpulike.wpulike-default {

	display: inline-block

}

.post-views-box {

	position: relative;

	margin-left: 20px

}

.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {

	background-image: url(../images/fw.png) !important;

	-webkit-filter: none;

	filter: none

}

.wpulike {

	z-index: 10

}

.wpulike.post-views-box {

	z-index: 5

}

#banner .nivo-directionNav a {

	width: 40px;

	height: 40px;

	background-color: rgba(0,0,0,.3);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 10px;

	color: transparent;

	overflow: hidden;

	text-indent: -999em;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#banner .nivo-directionNav a {

	opacity: 0

}

#banner:hover .nivo-directionNav a {

	opacity: 1

}

#banner .nivo-directionNav a:hover {

	background-color: #34ff33

}

#banner .nivo-directionNav a.nivo-prevNav {

	background-image: url(../images/banner-btn-l.png);

	left: 40px

}

#banner .nivo-directionNav a.nivo-nextNav {

	background-image: url(../images/banner-btn-r.png);

	right: 40px

}

#banner .theme-default .nivo-controlNav {

	position: absolute;

	bottom: 20px;

	left: 50%;

	width: auto !important

}

#banner .theme-default .nivo-controlNav a {

	width: 25px !important;

	height: 25px !important;

	background: #fff !important;

	border: 7px solid #7d7d7d !important;

	border-radius: 100% !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

	margin: 0 8px !important

}

#banner .theme-default .nivo-controlNav a.active {

	border-color: #34ff33 !important

}

html.mobile {

	overflow: hidden

}

html.mobile .body-overflow-box {

	position: relative;

	left: 280px

}

#mobile {

	position: fixed;

	top: 0;

	left: -280px;

	width: 280px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	display: none;

	z-index: 20;

	height: 100%

}

#mobile:before {

	content: '';

	width: 200%;

	height: 100%;

	position: fixed;

	top: 0;

	right: 100%;

	display: block;

	background: rgba(0,0,0,.13);

	z-index: -1;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#mobile .mobile-logo {

	position: absolute;

	left: 100%;

	width: 100vw;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #111;

	-o-box-shadow: 0 0 10px rgba(255,255,255,.2);

	-webkit-box-shadow: 0 0 10px rgba(255,255,255,.2);

	box-shadow: 0 0 10px rgba(255,255,255,.2)

}

#mobile .mobile-logo img {

	max-height: 30px;

	margin: 0 auto;

	display: inline-block;

	vertical-align: middle

}

#mobile #menu-on {

	width: 40px;

	height: 40px;

	background: #f5f5f5;

	position: absolute;

	left: 100%;

	top: 0;

	cursor: pointer;

	cursor: hand;

	z-index: 1

}

#mobile #menu-on i {

	width: 23px;

	height: 2px;

	background: #222;

	display: block;

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	-webkit-transform-origin: left center;

	-moz-transform-origin: left center;

	-ms-transform-origin: left center;

	transform-origin: left center

}

#mobile #menu-on i.line1 {

	top: 12px

}

#mobile #menu-on i.line2 {

	top: 19px

}

#mobile #menu-on i.line3 {

	top: 26px

}

#mobile .menu-content {

	width: 100%;

	height: 100%;

	display: block;

	background: #222;

	padding: 40px 10% 60px;

	overflow-y: auto;

	color: #fff

}

#mobile .menu-content::-webkit-scrollbar {

width:3px;

border-radius:1.5px

}

#mobile .menu-content::-webkit-scrollbar-button {

display:none

}

#mobile .menu-content::-webkit-scrollbar-track {

background-color:#222

}

#mobile .menu-content::-webkit-scrollbar-thumb {

background-color:#eee

}

#mobile .menu-content h3 {

	font-size: 20px;

	line-height: 36px;

	color: inherit;

	text-transform: capitalize;

	margin-bottom: 10px

}

#mobile .menu-content h3 i {

	font-size: 16px;

	position: relative;

	top: -1px

}

#mobile .menu-content .menu-logo {

	display: block

}

#mobile .menu-content .menu-logo img {

	margin: 0 auto

}

#mobile .menu-content .menu-list {

	margin: 40px 0

}

#mobile .menu-content .menu-list ul li {

	font-size: 16px;

	color: inherit;

	text-transform: uppercase;

	line-height: 30px

}

#mobile .menu-content .menu-list ul li a {

	padding: 8px 0;

	display: block

}

#mobile .menu-content .menu-list ul li a:hover {

	color: #34ff33;

	text-decoration: underline

}

#mobile .menu-content .menu-list ul li li a {

	position: relative;

	padding-left: 15px;

	font-size: 14px;

	line-height: 2

}

#mobile .menu-content .menu-list ul li li a:after {

	content: '';

	width: 6px;

	height: 1px;

	background: #fff;

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}

#mobile .menu-content .menu-list ul li li li a {

	padding-left: 25px

}

#mobile .menu-content .menu-list ul li li li a:after {

	width: 12px

}

#mobile .menu-content .mob-search form {

	position: relative

}

#mobile .menu-content .mob-search form input {

	width: 100%;

	height: 45px;

	line-height: 45px;

	border-radius: 5px;

	border: none;

	padding: 0 15px;

	font-size: 14px;

	color: #000

}

#mobile .menu-content .mob-search form input[type=submit] {

	width: 45px;

	height: 45px;

	background: url("../images/icon-search-white.png") no-repeat center center #222;

	position: absolute;

	right: 0;

	top: 0;

	border-radius: 0

}

#mobile .menu-content .mob-yuy {

	margin: 40px 0

}

#mobile .menu-content .mob-yuy ul li {

	margin-bottom: 10px;

	color: inherit;

	font-size: 14px;

	line-height: 28px

}

#mobile .menu-content .mob-yuy ul li img {

	max-width: 40px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px

}

#mobile .menu-content .mob-share ul li {

	width: 30px;

	height: 30px;

	border-radius: 3px;

	background: #333;

	display: inline-block;

	text-align: center;

	line-height: 30px;

	color: #fff;

	font-size: 14px;

	margin-right: 3px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#mobile .menu-content .mob-share ul li:hover {

	background: #34ff33

}

#mobile .menu-content #menu-off {

	margin-top: 40px;

	cursor: pointer;

	cursor: hand

}

#mobile.active {

	left: 0

}

#mobile.active:before {

	right: 0

}

#mobile.active #menu-on i.line1 {

	-webkit-transform: translateX(-50%) rotateZ(45deg);

	-moz-transform: translateX(-50%) rotateZ(45deg);

	-ms-transform: translateX(-50%) rotateZ(45deg);

	transform: translateX(-50%) rotateZ(45deg);

	top: 12px;

	margin-left: 3px

}

#mobile.active #menu-on i.line2 {

	opacity: 0

}

#mobile.active #menu-on i.line3 {

	-webkit-transform: translateX(-50%) rotateZ(-45deg);

	-moz-transform: translateX(-50%) rotateZ(-45deg);

	-ms-transform: translateX(-50%) rotateZ(-45deg);

	transform: translateX(-50%) rotateZ(-45deg);

	top: 28px;

	margin-left: 3px

}

#mobile.white .mobile-logo {

	-o-box-shadow: 0 0 10px rgba(0,0,0,.2);

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);

	box-shadow: 0 0 10px rgba(0,0,0,.2);

	background: #fff

}

#mobile.white .menu-content {

	background: #fff;

	color: #000

}

#mobile.white .menu-content .menu-list ul li li a:after {

	background: #000

}

#mobile.white .menu-content .mob-search form input {

	border: 1px solid #000

}

#mobile.white .menu-content .mob-search form input[type=submit] {

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px

}

.sycp {

	font-weight: 700;

	font-size: 24px;

	margin: 1em 0;

	display: block;

	line-height: 44px

}

.syxw {

	font-size: 24px;

	font-weight: 700;

	line-height: 44px;

	display: block;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

.xwdiaoyong {

	font-size: 16px;

	line-height: 30px;

	padding: 20px 0

}

.shouye h1 {

	display: inline

}

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

#banner, .inner-banner {

	margin-top: 40px

}

.fenlei {

	display: none

}

#index-body .news .content ul li .text .tit {

	min-height: 6em!important

}

.sycp {

	font-size: 16px;

	line-height: 30px

}

}

.inner-banner {

	margin-top: 100px

}

#spotlight.show {

	display: inline-block;

	background: rgba(0,0,0,.3) !important

}

#spotlight .scene img {

	border: 10px solid #fff !important;

	border-radius: 10px

}

#spotlight .header {

	background: #000 !important

}

span.h2 {

	font-weight: 900;

	display: block;

	text-transform: uppercase;

	line-height: 1.2;

	font-size: 50px

}

#banner li {

	position: relative

}

#banner li .content {

	position: absolute;

	top: 53.5%;

	left: 0;

	width: 100%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	color: #fff

}

#banner li .content .left {

	max-width: 780px

}

#banner li .content span.h2 {

	font-size: 85px

}

#banner li .content .text {

	font-size: 18px;

	color: #cdcdcd;

	line-height: 32px;

	margin: 1em 0 2.5em

}

#banner li .content a.more {

	font-size: 18px;

	color: #34ff33;

	line-height: 3.8em;

	height: 3.8em;

	padding: 0 1em;

	min-width: 12.22222222em;

	border: 1px solid #34ff33;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	display: inline-block;

	text-align: center

}

#banner li .content a.more:hover {

	background-color: #34ff33;

	color: #000

}

#index-body {

	overflow: hidden

}

#index-body .init-1 {

	padding-top: 160px

}

#index-body .init-1 a.more {

	font-size: 18px;

	line-height: 3.8em;

	height: 3.8em;

	padding: 0 2.22222222em;

	background-color: #000;

	color: #fff;

	display: inline-block;

	margin-top: 2em;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-1 a.more:hover {

	background-color: #34ff33;

	color: #000

}

#index-body .init-1 .box {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex

}

#index-body .init-1 .box .box2 {

	position: relative

}

#index-body .init-1 .box .box2:before {

	content: '';

	width: 100%;

	height: 60%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1;

	background-color: #f5f5f7

}

#index-body .init-1 .box .box2 a.img {

	display: block;

	position: relative;

	text-align: center

}

#index-body .init-1 .box .box2 .content span.h6 {

	font-weight: 700;

	font-size: 24px;

	margin: 1em 0;

	display: block;

	line-height: 44px

}

#index-body .init-1 .box .box2 .content .text {

	font-size: 16px;

	color: #777;

	line-height: 30px

}

#index-body .init-1 .box .box2 .content a.link {

	font-size: 20px;

	display: inline-block;

	line-height: 36px;

	padding-bottom: .3em;

	border-bottom: 1px solid #cacaca;

	margin-top: 1.7em;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-1 .box .box2 .content a.link img {

	margin-left: .7em;

	display: inline-block;

	vertical-align: middle;

	margin-top: -.3em

}

#index-body .init-1 .box .box2 .content a.link:hover {

	color: #34ff33

}

#index-body .init-1 .box .left {

	width: 34%

}

#index-body .init-1 .box .left .box2 {

	margin-top: 85px

}

#index-body .init-1 .box .left .box2 a.img {

	padding: 20px;

	padding-bottom: 10px

}

#index-body .init-1 .box .right {

	width: 66%;

	padding-left: 20px

}

#index-body .init-1 .box .right .list {

	height: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-content: space-between;

	-ms-flex-line-pack: justify;

	align-content: space-between

}

#index-body .init-1 .box .right .list .slide .box2 {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

#index-body .init-1 .box .right .list .slide .box2 span.h6 {

	margin-top: 0

}

#index-body .init-1 .box .right .list .slide:nth-child(1) {

	padding-left: 8%

}

#index-body .init-1 .box .right .list .slide:nth-child(1) .box2 {

	direction: rtl;

	padding: 15px 0 0 40px

}

#index-body .init-1 .box .right .list .slide:nth-child(1) .box2>* {

	direction: ltr

}

#index-body .init-1 .box .right .list .slide:nth-child(1) .box2:before {

	height: 82%

}

#index-body .init-1 .box .right .list .slide:nth-child(1) .box2 .content {

	width: 45%;

	margin-top: -15%

}

#index-body .init-1 .box .right .list .slide:nth-child(1) .box2 .img {

	width: 80%

}

#index-body .init-1 .box .right .list .slide:nth-child(2) .box2 {

	padding: 45px 0 60px

}

#index-body .init-1 .box .right .list .slide:nth-child(2) .box2:before {

	height: 100%;

	width: 76%;

	right: 0;

	left: auto

}

#index-body .init-1 .box .right .list .slide:nth-child(2) .box2 .img {

	width: 80%

}

#index-body .init-1 .box .right .list .slide:nth-child(2) .box2 .content {

	width: 45%;

	padding: 0 3%

}

#index-body .init-2 {

	padding: 120px 0

}

#index-body .init-2 .list {

	padding-top: 70px;

	border-top: 1px solid #c3c3c3;

	display: block

}

#index-body .init-2 .list ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

#index-body .init-2 .list ul li {

	max-width: 300px;

	text-align: center

}

#index-body .init-2 .list ul li i {

	height: 72px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-moz-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	transition: .5s

}

#index-body .init-2 .list ul li:hover i {

	transform: rotateY(360deg)

}

#index-body .init-2 .list ul li span.h6 {

	font-weight: 700;

	font-size: 18px;

	color: #111;

	line-height: 32px;

	margin: 2em 0 1em;

	display: block

}

#index-body .init-2 .list ul li .text {

	font-size: 16px;

	color: #777;

	line-height: 30px

}

#index-body .init-3 {

	background-color: #000

}

#index-body .init-3 .list ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

#index-body .init-3 .list ul li {

	width: 20%;

	height: 550px;

	background-position: center left;

	background-repeat: no-repeat;

	color: #fff;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-content: flex-end;

	-ms-flex-line-pack: end;

	align-content: flex-end;

	position: relative;

	overflow: hidden;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-3 .list ul li.active {

	width: 40%;

	-webkit-flex-shrink: 0;

	-ms-flex-negative: 0;

	flex-shrink: 0

}

#index-body .init-3 .list ul li span.num {

	font-size: 100px;

	font-weight: 900;

	color: #34ff33;

	line-height: 1;

	position: absolute;

	left: -.2em;

	top: .4em

}

#index-body .init-3 .list ul li span.h6 {

	font-size: 30px;

	text-transform: uppercase;

	line-height: 1.4;

	font-weight: 900;

	display: block;

	width: 100%

}

#index-body .init-3 .list ul li span.h6 img {

	display: inline-block;

	vertical-align: middle;

	margin-left: .5em

}

#index-body .init-3 .list ul li span.h6.cat {

	-webkit-writing-mode: tb-rl;

	-ms-writing-mode: tb-rl;

	writing-mode: tb-rl;

	width: auto;

	position: absolute;

	right: .7em;

	bottom: .9em;

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(360deg);

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-3 .list ul li .text {

	font-weight: 200;

	font-size: 18px;

	line-height: 32px;

	margin-top: 1.7em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	height: 4.8em

}

#index-body .init-3 .list ul li .content {

	padding: 7% 70px 10px;

	-webkit-transform: translateY(50%);

	-moz-transform: translateY(50%);

	-ms-transform: translateY(50%);

	transform: translateY(50%);

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	opacity: 0

}

#index-body .init-3 .list ul li.active .content {

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

#index-body .init-3 .list ul li.active span.h6.cat {

	right: 0;

	opacity: 0

}

#index-body .init-4 {

	padding: 140px 0 160px

}

#index-body .init-4 span.h2 {

	text-align: right;

	margin-bottom: -.3em

}

#index-body .init-4 .list ul {

	margin: 0 -15px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex

}

#index-body .init-4 .list ul li {

	padding: 0 15px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-content: space-between;

	-ms-flex-line-pack: justify;

	align-content: space-between

}

#index-body .init-4 .list ul li .bottom {

	width: 100%

}

#index-body .init-4 .list ul li a.img {

	display: block

}

#index-body .init-4 .list ul li a.img img {

	width: auto;
	height:260px;

}

#index-body .init-4 .list ul li .content span.h6 {

	font-size: 24px;

	font-weight: 700;

	margin-top: 1.6em;

	display: block;

	margin-bottom: 1em;

	line-height: 44px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-4 .list ul li .content span.h6:hover {

	color: #34ff33

}

#index-body .init-4 .list ul li .content .text {

	font-size: 18px;

	color: #777;

	line-height: 32px;

	margin-bottom: 1.4em

}

#index-body .init-4 .list ul li .content a.link {

	font-size: 20px;

	line-height: 36px;

	padding-bottom: .4em;

	border-bottom: 1px solid #cacaca;

	display: inline-block;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-4 .list ul li .content a.link img {

	display: inline-block;

	vertical-align: middle;

	margin-left: .5em;

	margin-top: -.3em

}

#index-body .init-4 .list ul li .content a.link:hover {

	color: #34ff33

}

#index-body .init-5 {

	position: relative

}

#index-body .init-5:before {

	content: '';

	height: 45%;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background-color: #f5f5f7

}

#index-body .init-5 .img {

	height: 550px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-moz-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	background-size: cover;

	background-position: center

}

#index-body .init-5 .img .play {

	padding: 20px;

	border-radius: 100%;

	background-color: rgba(0,0,0,.75);

	position: relative;

	z-index: 1;

	cursor: pointer;

	cursor: hand

}

#index-body .init-5 .img .play:after, #index-body .init-5 .img .play:before {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	border-radius: 100%;

	background-color: rgba(0,0,0,.5);

	-webkit-animation: ks 2s linear infinite;

	-moz-animation: ks 2s linear infinite;

	animation: ks 2s linear infinite;

	z-index: -1

}

#index-body .init-5 .img .play:after {

	-webkit-animation-delay: .6s;

	-moz-animation-delay: .6s;

	animation-delay: .6s

}

#index-body .init-6 {

	background-color: #f5f5f7;

	padding: 70px 0 100px

}

#index-body .init-6 .title {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

#index-body .init-6 .title a.more {

	font-size: 18px;

	line-height: 3.6em;

	height: 3.6em;

	padding: 0 2.55555556em;

	border: 1px solid #111;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-6 .title a.more:hover {

	background-color: #34ff33;

	color: #000;

	border-color: #34ff33

}

#index-body .init-6 .text {

	font-size: 18px;

	color: #777;

	line-height: 32px

}

#index-body .init-6 .text strong {

	font-weight: 700;

	color: #000

}

#index-body .init-6 .text.flex {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	margin: 3em 0 4.44444444em

}

#index-body .init-6 .text.flex p:first-child {

	padding-right: 3%

}

#index-body .init-6 .text.flex p:last-child {

	padding-left: 3%

}

#index-body .init-6 .list ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-moz-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

#index-body .init-6 .list ul li {

	width: auto

}

#index-body .init-6 .list ul li span.h2 {

	position: relative;

	z-index: 1;

	display: inline-block;

	line-height: 1.2

}

#index-body .init-6 .list ul li span.h2:before {

	content: '';

	width: 100%;

	height: .5em;

	background-color: #34ff33;

	z-index: -1;

	position: absolute;

	bottom: 0;

	opacity: 0;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-6 .list ul li span.h2 sup {

	font-size: .36em

}

#index-body .init-6 .list ul li .text {

	margin-top: .5em

}

#index-body .init-6 .list ul li:hover span.h2:before {

	opacity: 1

}

#index-body .init-7 {

	padding: 100px 0 130px

}

#index-body .init-7 span.h2 {

	text-align: center

}

#index-body .init-7 .list {

	margin-top: 75px

}

#index-body .init-7 .list ul {

	margin: 0 -30px

}

#index-body .init-7 .list ul li {

	padding: 0 30px

}

#index-body .init-7 .list ul li a.img-box {

	display: block

}

#index-body .init-7 .list ul li a.img-box img {

	width: 100%

}

#index-body .init-7 .list ul li time {

	font-size: 18px;

	color: #777;

	line-height: 32px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin: 2em 0 .9em

}

#index-body .init-7 .list ul li time img {

	margin-right: .7em

}

#index-body .init-7 .list ul li span.h6 {

	font-size: 24px;

	font-weight: 700;

	line-height: 1.4;

	display: block;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s

}

#index-body .init-7 .list ul li span.h6:hover {

	color: #34ff33

}

