﻿@charset "UTF-8";/*!
 * Cy Style Projects for PuLaEn (https://RNMMP.grd)
 * Copyright 2016-2018 Code yo, Authors own.
 * Licensed under MIT, NMMP (https://RNMMP.grd/YouBorrowMyCodeToYourItem/AndYouDonNotTellMe/)
 */
/*! Reset v1.2.1-alpha.2 */
html {
	height: 100%;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	font: normal 14px/30px Arial,sans-serif;
	color: #666;
	background: #fff
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: 400;
	line-height: 1
}

p {
	margin: 0
}

address {
	margin-bottom: 1.125rem;
	font-style: normal;
	line-height: inherit
}

dd,dl,ol,ul {
	margin: 0;
	padding: 0;
	list-style: none
}

blockquote {
	margin: 0 2.875em 1.125em 2.875em
}

small {
	font-size: 62.5%
}

sub,sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.375em
}

sup {
	top: -.5em
}

a {
	color: inherit;
	text-decoration: none
}

i {
	font-style: inherit
}

figure {
	margin: 0
}

img {
	vertical-align: top;
	border: 0 none
}

img::-moz-selection {
	background: 0 0
}

img::selection {
	background: 0 0
}

table {
	width: 100%;
	border-collapse: collapse
}

th {
	text-align: inherit
}

button,input,optgroup,option,select,textarea {
	margin: 0;
	border: 0 none;
	border-radius: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: inherit
}

button,input,option,select {
	outline: 0 none
}

button,input {
	overflow: visible
}

button,select {
	text-transform: none
}[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button
}

button {
	cursor: pointer
}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

textarea {
	padding: .375em .625em;
	overflow: auto;
	resize: none
}

a,button,input,select,textarea {
	-webkit-appearance: none;
	-moz-appearance: none
}

hr {
	visibility: visible;
	height: 1px;
	margin: 0;
	background: #eee;
	border: 0 none
}

*,:after,:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

* {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}

:focus {
	outline: 0 none
}

a:visited {
	color: #999
}/*! Animate v2.1.0-alpha.1 */
.container {
	-webkit-transition: max-width .3s;
	-o-transition: max-width .3s;
	transition: max-width .3s
}

.act {
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	-o-transition-property: transform,opacity;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	-webkit-transition-duration: .7s;
	-o-transition-duration: .7s;
	transition-duration: .7s
}

.cy-tg.cy-upToDown {
	opacity: 0;
	-webkit-transform: translate(0,-20px);
	-ms-transform: translate(0,-20px);
	transform: translate(0,-20px)
}

.cy-tg.cy-downToUp {
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-ms-transform: translate(0,20px);
	transform: translate(0,20px)
}

.cy-tg.cy-leftToRight {
	opacity: 0;
	-webkit-transform: translate(-20px,0);
	-ms-transform: translate(-20px,0);
	transform: translate(-20px,0)
}

.cy-tg.cy-rightToLeft {
	opacity: 0;
	-webkit-transform: translate(20px,0);
	-ms-transform: translate(20px,0);
	transform: translate(20px,0)
}

.act.cy-downToUp,.act.cy-leftToRight,.act.cy-rightToLeft,.act.cy-upToDown {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.cy-tg.cy-rightToLeftSkew {
	opacity: 0;
	-webkit-transform: translate(20px,0) scale(.9) skew(-20deg);
	-ms-transform: translate(20px,0) scale(.9) skew(-20deg);
	transform: translate(20px,0) scale(.9) skew(-20deg);
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.act.cy-rightToLeftSkew {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.cy-tg.cy-rightToLeftScale {
	opacity: 0;
	-webkit-transform: translate(20px,0) scale(.9);
	-ms-transform: translate(20px,0) scale(.9);
	transform: translate(20px,0) scale(.9);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.act.cy-rightToLeftScale {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.cy-tg.cy-upToDownScale {
	opacity: 0;
	-webkit-transform: translate(0,-20%) scale(.2);
	-ms-transform: translate(0,-20%) scale(.2);
	transform: translate(0,-20%) scale(.2);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.act.cy-upToDownScale {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}

.cy-d1 {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.cy-d2 {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.cy-d3 {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}

.cy-d4 {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.cy-d5 {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}

.cy-d6 {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}

.cy-d7 {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}

.cy-d8 {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}

.cy-d9 {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}

.cy-d10 {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}

.cy-d0-5 {
	-webkit-transition-delay: .05s;
	-o-transition-delay: .05s;
	transition-delay: .05s
}

.cy-d1-5 {
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s
}

.cy-d2-5 {
	-webkit-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s
}

.cy-d3-5 {
	-webkit-transition-delay: .35s;
	-o-transition-delay: .35s;
	transition-delay: .35s
}

.cy-d4-5 {
	-webkit-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s
}

.cy-d5-5 {
	-webkit-transition-delay: .55s;
	-o-transition-delay: .55s;
	transition-delay: .55s
}

.cy-d6-5 {
	-webkit-transition-delay: .65s;
	-o-transition-delay: .65s;
	transition-delay: .65s
}

.cy-d7-5 {
	-webkit-transition-delay: .75s;
	-o-transition-delay: .75s;
	transition-delay: .75s
}

.cy-d8-5 {
	-webkit-transition-delay: .85s;
	-o-transition-delay: .85s;
	transition-delay: .85s
}

.cy-d9-5 {
	-webkit-transition-delay: .95s;
	-o-transition-delay: .95s;
	transition-delay: .95s
}

.icon-show {
	-webkit-animation: iconShow .5s;
	animation: iconShow .5s
}

.logo-show {
	display: block;
	position: relative;
	z-index: 1
}

.logo-show:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	content: ''
}

.logo-show:hover:before {
	-webkit-animation: logoShow .5s 1 linear;
	animation: logoShow .5s 1 linear
}

@-webkit-keyframes logoShow {
	0% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);
		background: linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%)
	}

	10% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);
		background: linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%)
	}

	20% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%)
	}

	30% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%)
	}

	40% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%)
	}

	50% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)
	}

	60% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%)
	}

	70% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%)
	}

	80% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%)
	}

	90% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%)
	}

	100% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%)
	}
}

@keyframes logoShow {
	0% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);
		background: linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%)
	}

	10% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);
		background: linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%)
	}

	20% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%)
	}

	30% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%)
	}

	40% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%)
	}

	50% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)
	}

	60% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%)
	}

	70% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%)
	}

	80% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%)
	}

	90% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%)
	}

	100% {
		background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);
		background: -o-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);
		background: linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%)
	}
}

@-webkit-keyframes iconShow {
	from,to {
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	25% {
		-webkit-transform: scale(.9,1.1);
		transform: scale(.9,1.1)
	}

	50% {
		-webkit-transform: scale(1.1,.9);
		transform: scale(1.1,.9)
	}

	75% {
		-webkit-transform: scale(.95,1.05);
		transform: scale(.95,1.05)
	}
}

@keyframes iconShow {
	from,to {
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	25% {
		-webkit-transform: scale(.9,1.1);
		transform: scale(.9,1.1)
	}

	50% {
		-webkit-transform: scale(1.1,.9);
		transform: scale(1.1,.9)
	}

	75% {
		-webkit-transform: scale(.95,1.05);
		transform: scale(.95,1.05)
	}
}

@-webkit-keyframes toHide {
	from,to {
		opacity: 1
	}

	50% {
		opacity: 0
	}
}

@keyframes toHide {
	from,to {
		opacity: 1
	}

	50% {
		opacity: 0
	}
}

@media (max-width:1024px) {
	.cy-tg.cy-downToUp,.cy-tg.cy-leftToRight,.cy-tg.cy-rightToLeft,.cy-tg.cy-rightToLeftScale,.cy-tg.cy-rightToLeftSkew,.cy-tg.cy-upToDown {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.slick-loading .slick-list {
	background: #fff center center no-repeat
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	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;
	z-index: 1
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:after,.slick-track:before {
	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.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
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-next,.slick-prev {
	position: absolute;
	top: 50%;
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	margin-top: -16px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	z-index: 5
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
	color: transparent;
	outline: 0;
	background: 0 0
}

.slick-next.slick-disabled,.slick-prev.slick-disabled {
	opacity: .3
}

.slick-prev {
	left: -36px
}[dir=rtl] .slick-prev {
	right: -36px;
	left: auto
}

.slick-next {
	right: -36px
}[dir=rtl] .slick-next {
	right: auto;
	left: -36px
}

.slick-dots {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	z-index: 5
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_scrollTools {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(../images/mcsb_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.vwrap {
	display: none;
	z-index: 9777;
	width: 100%;
	position: fixed
}

.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	overflow: hidden
}

.vwrap .videobox {
	z-index: 990;
	width: 800px;
	height: 600px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -400px
}

@media (max-width:1024px) {
	.vwrap .videobox {
		margin-top: -225px;
		margin-left: -300px;
		width: 600px;
		height: 450px
	}
}

@media (max-width:768px) {
	.vwrap .videobox {
		margin-top: -187px;
		margin-left: -250px;
		width: 500px;
		height: 375px
	}
}

@media (max-width:576px) {
	.vwrap .videobox {
		margin-top: -150px;
		margin-left: -200px;
		width: 400px;
		height: 300px
	}
}

@media (max-width:425px) {
	.vwrap .videobox {
		margin-top: -112px;
		margin-left: -150px;
		width: 300px;
		height: 225px
	}
}

.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde
}

#videobox_wrapper {
	height: 100%!important
}

.vwrap .close {
	z-index: 999;
	width: 32px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: -42px
}

@media (max-width:768px) {
	.vwrap .close {
		top: -36px;
		right: 0
	}
}

.vwrap .close i {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/video-close.png) no-repeat 50% 50%;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

#videobox_display_button,#videocontainer_display_button {
	background: none no-repeat!important
}

.jwplayer .jwicon {
	opacity: .8;
	filter: alpha(opacity=80);
	cursor: pointer;
	background: no-repeat scroll center center;
	-webkit-transform: rotate(0)!important;
	-ms-transform: rotate(0)!important;
	transform: rotate(0)!important
}

.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.jwclick,.jwlogo {
	display: none!important
}

.jwdisplayIcon {
	background: none no-repeat!important
}

.vbBox {
	position: relative;
	background: no-repeat center center;
	overflow: hidden;
	cursor: pointer
}

.vbBox .vicoBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

.vbBox .vico {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	margin-left: -32px;
	background: no-repeat;
	background-size: cover;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.vbBox #case-video_wrapper,.vbBox .jwplayer {
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}

.fancybox-enabled {
	overflow: hidden
}

.fancybox-enabled body {
	overflow: visible;
	height: 100%
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99993;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
	z-index: 99992
}

.fancybox-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #0f0f11;
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(.55,.06,.68,.19);
	-o-transition-timing-function: cubic-bezier(.55,.06,.68,.19);
	transition-timing-function: cubic-bezier(.55,.06,.68,.19);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
	opacity: .87;
	-webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
	-o-transition-timing-function: cubic-bezier(.22,.61,.36,1);
	transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	z-index: 99994;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	direction: ltr
}

.fancybox-show-controls .fancybox-controls {
	opacity: 1
}

.fancybox-infobar {
	display: none
}

.fancybox-show-infobar .fancybox-infobar {
	display: inline-block;
	pointer-events: all
}

.fancybox-infobar__body {
	display: inline-block;
	width: 70px;
	line-height: 44px;
	font-size: 13px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	text-align: center;
	color: #ddd;
	background-color: rgba(30,30,30,.7);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
	display: block
}

.fancybox-slider-wrap {
	overflow: hidden;
	direction: ltr
}

.fancybox-slider,.fancybox-slider-wrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	z-index: 99993;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: 0;
	white-space: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
	content: "";
	height: 100%;
	width: 0
}

.fancybox-slide:before,.fancybox-slide>* {
	display: inline-block;
	vertical-align: middle
}

.fancybox-slide>* {
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fancybox-slide--image {
	overflow: hidden
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-content {
	display: inline-block;
	position: relative;
	margin: 44px auto;
	padding: 0;
	border: 0;
	width: 80%;
	height: calc(100% - 88px);
	vertical-align: middle;
	line-height: normal;
	text-align: left;
	white-space: normal;
	outline: 0;
	font-size: 16px;
	font-family: Arial,sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch
}

.fancybox-iframe {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background: #fff
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe {
	background: 0 0
}

.fancybox-placeholder {
	z-index: 99995;
	background: 0 0;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.fancybox-image,.fancybox-placeholder,.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0
}

.fancybox-image,.fancybox-spaceball {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	background: 0 0;
	background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}

.fancybox-error {
	position: absolute;
	margin: 0;
	padding: 40px;
	top: 50%;
	left: 50%;
	width: 380px;
	max-width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff;
	cursor: default
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif
}

.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	outline: 0;
	background: 0 0;
	z-index: 10;
	cursor: pointer
}

.fancybox-close-small:after {
	content: "×";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background: #fff;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2
}

.fancybox-close-small:focus:after {
	outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
	top: -36px;
	right: -36px;
	background: 0 0
}

.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}

.fancybox-caption-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 30px 0;
	z-index: 99998;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8)));
	background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
	background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
	background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
	opacity: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
	opacity: 1
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid rgba(255,255,255,.4);
	font-size: 14px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button {
	pointer-events: all
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}

.fancybox-button {
	display: inline-block;
	position: relative;
	width: 44px;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	background: 0 0;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	outline: 0
}

.fancybox-button--disabled {
	cursor: default;
	pointer-events: none
}

.fancybox-button,.fancybox-infobar__body {
	background: rgba(30,30,30,.6)
}

.fancybox-button:hover {
	background: rgba(0,0,0,.8)
}

.fancybox-button:after,.fancybox-button:before {
	content: "";
	pointer-events: none;
	position: absolute;
	border-color: #fff;
	background-color: currentColor;
	color: currentColor;
	opacity: .9;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.fancybox-button--disabled:after,.fancybox-button--disabled:before {
	opacity: .5
}

.fancybox-button--left:after {
	left: 20px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.fancybox-button--left:after,.fancybox-button--right:after {
	top: 18px;
	width: 6px;
	height: 6px;
	background: 0 0;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor
}

.fancybox-button--right:after {
	right: 20px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.fancybox-button--left {
	border-bottom-left-radius: 5px
}

.fancybox-button--right {
	border-bottom-right-radius: 5px
}

.fancybox-button--close {
	float: right
}

.fancybox-button--close:after,.fancybox-button--close:before {
	content: "";
	display: inline-block;
	position: absolute;
	height: 2px;
	width: 16px;
	top: calc(50% - 1px);
	left: calc(50% - 8px)
}

.fancybox-button--close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.fancybox-button--close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.fancybox-loading {
	border: 6px solid rgba(99,99,99,.4);
	border-top: 6px solid rgba(255,255,255,.6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 99999
}

@-webkit-keyframes a {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes a {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@media (max-width:768px) {
	.fancybox-controls {
		text-align: left
	}

	.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close) {
		display: none!important
	}

	.fancybox-caption {
		padding: 20px 0;
		margin: 0
	}
}

.fancybox-button--fullscreen:before {
	width: 15px;
	height: 11px;
	left: 15px;
	top: 16px;
	border: 2px solid;
	background: 0 0
}

.fancybox-button--play:before {
	top: 16px;
	left: 18px;
	width: 0;
	height: 0;
	border-top: 6px inset transparent;
	border-bottom: 6px inset transparent;
	border-left: 10px solid;
	border-radius: 1px;
	background: 0 0
}

.fancybox-button--pause:before {
	top: 16px;
	left: 18px;
	width: 7px;
	height: 11px;
	border-style: solid;
	border-width: 0 2px;
	background: 0 0
}

.fancybox-button--thumbs span {
	font-size: 23px
}

.fancybox-button--thumbs:before {
	top: 20px;
	left: 21px;
	width: 3px;
	height: 3px;
	-webkit-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;
	box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {
	right: 220px
}

.fancybox-thumbs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 220px;
	margin: 0;
	padding: 5px 5px 0 0;
	background: #fff;
	z-index: 99993;
	word-break: normal;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fancybox-thumbs>ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0
}

.fancybox-thumbs>ul>li {
	float: left;
	overflow: hidden;
	max-width: 50%;
	padding: 0;
	margin: 0;
	width: 105px;
	height: 75px;
	position: relative;
	cursor: pointer;
	outline: 0;
	border: 5px solid #fff;
	border-top-width: 0;
	border-right-width: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

li.fancybox-thumbs-loading {
	background: rgba(0,0,0,.1)
}

.fancybox-thumbs>ul>li>img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-thumbs>ul>li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 2px;
	border: 4px solid #4ea7f9;
	z-index: 99991;
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
	-o-transition: all .2s cubic-bezier(.25,.46,.45,.94);
	transition: all .2s cubic-bezier(.25,.46,.45,.94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
	opacity: 1
}

@media (max-width:768px) {
	.fancybox-thumbs {
		display: none!important
	}

	.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {
		right: 0
	}
}/*! Animate End */
body.overflow,html.overflow {
	overflow-y: hidden
}

body {
	overflow-x: hidden;
	font-family: "Microsoft YaHei",sans-serif
}

.cy-wrapper {
	overflow: hidden
}

.cy-wrapper,.footer {
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}

.cy-wrapper.hide,.footer.hide {
	will-change: transform;
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transform: translate(-70%,0);
	-ms-transform: translate(-70%,0);
	transform: translate(-70%,0)
}

.container {
	margin: 0 auto;
	padding: 0 15px;
	width: 100%
}

@media (min-width:426px) {
	.container {
		max-width: 380px
	}
}

@media (min-width:577px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:769px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:1025px) {
	.container {
		max-width: 960px;
		padding: 0
	}
}

@media (min-width:1241px) {
	.container {
		max-width: 1140px
	}
}

@media (min-width:1441px) {
	.container {
		max-width: 1200px
	}
}

.clearfix:after,.clearfix:before {
	content: '';
	display: table
}

.clearfix:after {
	clear: both
}

.cy-left {
	float: left
}

.cy-right {
	float: right
}

.details-body {
	line-height: 20px;
	overflow: hidden
}

.details-body p {
	line-height: 30px
}

.details-body img {
	display: inline-block;
	max-width: 100%;
	height: auto!important;
	margin: .5em auto
}

.builder {
	display: inline-block;
	vertical-align: top
}

.copyright a:hover {
	color: #ef7c33;
	text-decoration: underline
}

::-moz-selection {
	background: #ef7c33;
	color: #fff
}

::selection {
	background: #ef7c33;
	color: #fff
}

body.cy-body {
	display: table;
	width: 100%;
	height: 100%
}

body.cy-body .cy-wrapper {
	height: 100%
}

body.cy-body .footer {
	display: table-footer-group;
	height: 1px
}

.bsBox {
	width: auto!important;
	height: auto!important
}

.header {
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s
}

.header.is-hidden {
	will-change: transform;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

@media (max-width:1024px) {
	.header.is-hidden {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.secondary-nav {
	position: relative;
	z-index: 5
}

.secondary-nav .s-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	margin-top: -50px;
	background: #e7e7e7
}

.secondary-nav .sec-n-item {
	float: left
}

.secondary-nav .sec-n-item a {
	display: block;
	padding: 15px 30px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.secondary-nav .sec-n-item.current a,.secondary-nav .sec-n-item:hover a {
	background: #ef7c33;
	color: #fff
}

@media (min-width:1024px) {
	.secondary-nav.fixed .s-nav {
		position: fixed;
		margin-top: 80px;
		will-change: transform;
		-webkit-transition: top .5s,-webkit-transform .5s;
		transition: top .5s,-webkit-transform .5s;
		-o-transition: transform .5s,top .5s;
		transition: transform .5s,top .5s;
		transition: transform .5s,top .5s,-webkit-transform .5s
	}

	.secondary-nav.slide-up .s-nav {
		top: -30px;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@media (max-width:1440px) {
	.secondary-nav.fixed .s-nav {
		margin-top: 70px
	}

	.secondary-nav.slide-up .s-nav {
		top: -20px
	}
}

@media (max-width:1240px) {
	.secondary-nav.fixed .s-nav {
		margin-top: 60px
	}

	.secondary-nav.slide-up .s-nav {
		top: -20px
	}

	.secondary-nav .s-nav {
		margin-top: -40px
	}

	.secondary-nav .sec-n-item a {
		padding: 10px 25px;
		font-size: 15px
	}
}

@media (max-width:1024px) {
	.secondary-nav.fixed .s-nav {
		margin-top: -40px
	}

	.secondary-nav .s-nav {
		margin-top: -40px
	}

	.secondary-nav .container {
		padding: 0;
		max-width: 100%
	}

	.secondary-nav .sec-nav {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch
	}

	.secondary-nav .sec-nav::-webkit-scrollbar {
		display: none
	}

	.secondary-nav .sec-n-list {
		width: 7777px
	}

	.secondary-nav .sec-n-item a {
		font-size: 14px
	}

	.secondary-nav .sec-n-item a:active {
		background: #ef7c33;
		color: #fff
	}
}

@media (max-width:576px) {
	.secondary-nav .sec-n-item a {
		padding: 10px 20px;
		font-size: 13px
	}
}

@media (max-width:425px) {
	.secondary-nav.fixed .s-nav {
		margin-top: -30px
	}

	.secondary-nav .s-nav {
		margin-top: -30px
	}

	.secondary-nav .sec-n-item a {
		padding: 5px 15px;
		font-size: 12px
	}
}

.nav-banner {
	position: relative;
	z-index: 3;
	padding-bottom: 50px
}

.nav-banner .banner-pic {
	background: no-repeat bottom center;
	background-size: cover
}

.nav-banner .banner-pic img {
	width: 100%
}

.nav-banner .banner-title {
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 5;
	padding: 100px 0 50px;
	width: 100%;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.nav-banner .b-t-title {
	float: left;
	margin-top: -50px;
	margin-right: 30px;
	color: #fff
}

.nav-banner .b-t-title .t {
	font-size: 36px;
	line-height: 45px
}

.nav-banner .b-t-title .e {
	margin-top: 5px;
	font-family: Arial,sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-transform: capitalize
}

.nav-banner .b-t-nav {
	overflow: hidden
}

.nav-banner .b-t-nav ul {
	float: right
}

.nav-banner .b-t-nav li {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #ddd
}

.nav-banner .b-t-nav li+li:before {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	content: '>'
}

.nav-banner .b-t-nav li a {
	color: inherit
}

.nav-banner .b-t-nav li a:hover {
	color: #fff;
	text-decoration: underline
}

@media (max-width:1240px) {
	.nav-banner {
		padding-bottom: 40px
	}

	.nav-banner .banner-title {
		bottom: 40px;
		padding: 80px 0 30px
	}

	.nav-banner .b-t-title {
		margin-top: -40px
	}

	.nav-banner .b-t-title .t {
		font-size: 30px;
		line-height: 35px
	}

	.nav-banner .b-t-title .e {
		font-size: 16px
	}
}

@media (max-width:1024px) {
	.nav-banner .banner-pic {
		height: 300px
	}

	.nav-banner .banner-pic img {
		display: none
	}

	.nav-banner .b-t-nav {
		display: none
	}
}

@media (max-width:768px) {
	.nav-banner .banner-pic {
		height: 37.6471vw
	}

	.nav-banner .banner-title {
		padding-bottom: 20px
	}

	.nav-banner .b-t-title {
		margin-top: -35px
	}

	.nav-banner .b-t-title .t {
		font-size: 24px;
		line-height: 30px
	}

	.nav-banner .b-t-title .e {
		font-size: 15px
	}
}

@media (max-width:425px) {
	.nav-banner {
		padding-bottom: 30px
	}

	.nav-banner .banner-pic {
		height: 160px
	}

	.nav-banner .banner-title {
		bottom: 30px;
		padding: 50px 0 15px
	}

	.nav-banner .b-t-title {
		margin-top: -30px
	}

	.nav-banner .b-t-title .t {
		font-size: 18px;
		line-height: 25px
	}

	.nav-banner .b-t-title .e {
		font-size: 13px;
		line-height: 15px
	}
}

.ipc-title {
	line-height: 25px
}

.ipc-title .e,.ipc-title .t {
	display: inline-block;
	vertical-align: top
}

.ipc-title .t {
	margin-right: 5px;
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	color: #007c64
}

.ipc-title .t:before {
	display: inline-block;
	margin-top: 1px;
	margin-right: 10px;
	width: 5px;
	height: 23px;
	vertical-align: top;
	background: #007c64;
	content: ''
}

.ipc-title .e {
	font-family: Arial,sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #ef7c33
}

@media (max-width:1240px) {
	.ipc-title .t {
		font-size: 20px
	}

	.ipc-title .t:before {
		margin-top: 2px;
		height: 21px
	}
}

@media (max-width:1024px) {
	.ipc-title .t {
		font-size: 18px
	}

	.ipc-title .t:before {
		margin-top: 4px;
		margin-right: 8px;
		width: 3px;
		height: 17px
	}

	.ipc-title .e {
		font-size: 13px
	}
}

.ipc-title2 {
	margin-bottom: 25px
}

.ipc-title2 .t {
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #333
}

.ipc-title2 .t:after {
	display: block;
	margin: 10px auto 0;
	width: 30px;
	height: 1px;
	background: #666;
	content: ''
}

@media (max-width:768px) {
	.ipc-title2 {
		margin-bottom: 15px
	}

	.ipc-title2 .t {
		font-size: 16px;
		line-height: 20px
	}

	.ipc-title2 .t:after {
		margin-top: 7px;
		width: 25px
	}
}

@media (max-width:425px) {
	.ipc-title2 .t {
		font-size: 15px
	}

	.ipc-title2 .t:after {
		width: 20px
	}
}

.sec-cy {
	padding: 90px 0
}

@media (max-width:1440px) {
	.sec-cy {
		padding: 80px 0
	}
}

@media (max-width:1240px) {
	.sec-cy {
		padding: 65px 0
	}
}

@media (max-width:1024px) {
	.sec-cy {
		padding: 50px 0
	}
}

@media (max-width:768px) {
	.sec-cy {
		padding: 40px 0
	}
}

@media (max-width:425px) {
	.sec-cy {
		padding: 30px 0
	}
}

.side-cy:after {
	content: '';
	display: block;
	clear: both
}

.side-cy .side-cy-nav {
	float: left;
	margin-right: 110px;
	width: 170px;
	min-height: 1px
}

.side-cy .side-nav-title {
	padding: 40px 5%;
	text-align: center;
	background: #007c64;
	color: #fff
}

.side-cy .side-nav-title .e {
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 25px;
	text-transform: uppercase
}

.side-cy .side-nav-title .b {
	display: block;
	font-size: 18px;
	font-weight: 700
}

.side-cy .side-nav-title .l {
	display: block;
	margin: 4px auto 10px;
	width: 20px;
	height: 1px;
	background: #fff
}

.side-cy .side-nav-title .t {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px
}

.side-cy .side-cy-cont {
	overflow: hidden
}

@media (max-width:1440px) {
	.side-cy .side-cy-nav {
		margin-right: 50px
	}
}

@media (max-width:1024px) {
	.side-cy .side-cy-nav {
		display: none
	}
}

.body-404 {
	height: 100%
}

.content-404 {
	display: table;
	width: 100%;
	height: 100%
}

.content-404 .cont-box {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.content-404 .c4b-pic {
	padding: 60px 0 10px;
	background: -webkit-radial-gradient(bottom center,farthest-side,#fff,rgba(255,255,255,0));
	background: -o-radial-gradient(bottom center,farthest-side,#fff,rgba(255,255,255,0));
	background: radial-gradient(farthest-side at bottom center,#fff,rgba(255,255,255,0))
}

.content-404 .c4b-pic img {
	max-width: 100%
}

.content-404 .c4b-c {
	padding: 50px 0 40px;
	font-size: 16px;
	line-height: 25px
}

.content-404 .c4b-back {
	padding-bottom: 60px
}

.content-404 .c4b-back a {
	display: inline-block;
	border: 2px solid #666;
	padding: 10px 25px;
	font-size: 14px;
	line-height: 16px;
	vertical-align: top;
	color: #666;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.content-404 .c4b-back a:hover {
	border-color: #ef7c33;
	background: #ef7c33;
	color: #fff
}

@media (max-width:1024px) {
	.content-404 .c4b-c {
		padding: 30px 0;
		font-size: 14px;
		line-height: 20px
	}

	.content-404 .c4b-back a {
		padding: 5px 25px;
		font-size: 12px
	}
}

@media (max-width:576px) {
	.content-404 .c4b-c {
		padding: 20px 0
	}

	.content-404 .c4b-back a {
		border-width: 1px;
		line-height: 18px
	}
}

.canvas-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #e0fbfd
}

.canvas-bg .canvas {
	display: block;
	width: 100%;
	height: 100%
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4777;
	background: #fff;
	-webkit-box-shadow: 0 0 2px #aaa;
	box-shadow: 0 0 2px #aaa
}

.header .container {
	width: 94%;
	max-width: 94%
}

.header-p:after {
	content: '';
	display: block;
	clear: both
}

.header-p .logo {
	float: left;
	overflow: hidden;
	margin: 15px 30px 15px 0;
	-webkit-transition: margin .2s;
	-o-transition: margin .2s;
	transition: margin .2s
}

.header-p .logo img {
	height: 50px;
	-webkit-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s
}

.header-p .nav {
	font-size: 0;
	line-height: 0;
	text-align: center
}

.header-p .hot {
	float: right;
	position: relative;
	margin: 40px 0 0 30px;
	font-size: 14px;
	line-height: 20px;
	color: #888
}

.header-p .hot img {
	width: 20px;
	height: 20px
}

.header-p .nav-list {
	display: inline-block;
	margin-top: 35px;
	vertical-align: top
}

.header-p .nav-item {
	float: left;
	position: relative;
	z-index: 1;
	-webkit-transition: margin .2s;
	-o-transition: margin .2s;
	transition: margin .2s
}

.header-p .nav-item>a {
	display: block;
	border-radius: 5px;
	margin: 0 15px 20px;
	padding: 0 5px;
	font-size: 16px;
	line-height: 25px;
	white-space: nowrap;
	color: #666;
	-webkit-transition: all .3s,padding .2s;
	-o-transition: all .3s,padding .2s;
	transition: all .3s,padding .2s
}

.header-p .nav-item:hover {
	z-index: 3
}

.header-p .nav-item:hover>a {
	background: #007c64;
	color: #fff
}

.header-p .nav-item:hover .sub-nav {
	display: block;
	background: #007c64
}

.header-p .nav-item.current>a {
	background: #007c64;
	color: #fff
}

.header-p .sub-nav {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	right: -10px;
	z-index: 3;
	padding: 20px 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.header-p .s-n-item {
	margin-bottom: 10px
}

.header-p .s-n-item a {
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #fff
}

.header-p .s-n-item a:hover {
	background: #ef7c33
}

.header-p .s-n-item a:hover span {
	text-decoration: underline
}

.header-p .m-menu {
	display: none
}

@media (max-width:1600px) {
	.header-p .logo {
		margin-top: 20px
	}

	.header-p .logo img {
		height: 45px
	}

	.header-p .nav-item>a {
		margin: 0 10px 20px
	}
}

@media (max-width:1440px) {
	.header-p .logo {
		margin: 15px 20px 15px 0
	}

	.header-p .logo img {
		height: 40px
	}

	.header-p .hot {
		margin-top: 29px;
		margin-left: 20px
	}

	.header-p .nav-list {
		margin-top: 25px
	}

	.header-p .nav-item>a {
		margin: 0 5px 20px;
		font-size: 14px
	}

	.header-p .s-n-item a {
		font-size: 13px;
		line-height: 20px
	}
}

@media (max-width:1240px) {
	.header-p .logo {
		margin: 5px 0;
		font-size: 0;
		line-height: 0;
		text-align: center
	}

	.header-p .logo:after {
		position: absolute;
		top: 60%;
		bottom: 0;
		left: 0;
		width: 21%;
		background: #fff;
		content: ''
	}

	.header-p .logo img {
		display: block;
		height: 30px
	}

	.header-p .logo .l2 {
		display: inline-block;
		margin-top: -5px;
		margin-left: -10%;
		height: 25px
	}

	.header-p .hot {
		margin-top: 25px;
		font-size: 12px;
		line-height: 15px
	}

	.header-p .hot img {
		width: 15px;
		height: 15px
	}

	.header-p .nav-list {
		margin-top: 20px
	}

	.header-p .nav-item>a {
		margin-bottom: 15px
	}
}

@media (max-width:1024px) {
	.header-p .hot,.header-p .nav {
		display: none
	}

	.header-p .m-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 5;
		width: 64px;
		height: 60px;
		background: #007c64;
		cursor: pointer;
		-webkit-transition: width .2s,height .2s;
		-o-transition: width .2s,height .2s;
		transition: width .2s,height .2s
	}

	.header-p .m-menu.active .m-m {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 26px;
		height: 26px
	}

	.header-p .m-menu.active .m1 {
		-webkit-transform: translate(0,4px) rotate(45deg);
		-ms-transform: translate(0,4px) rotate(45deg);
		transform: translate(0,4px) rotate(45deg)
	}

	.header-p .m-menu.active .m2 {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		transform: translate(100%,0)
	}

	.header-p .m-menu.active .m3 {
		-webkit-transform: translate(0,-4px) rotate(-45deg);
		-ms-transform: translate(0,-4px) rotate(-45deg);
		transform: translate(0,-4px) rotate(-45deg)
	}

	.header-p .m-menu:active {
		background: #ef7c33
	}

	.header-p .m-m {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-item-align: center;
		align-self: center;
		width: 35px;
		height: 24px;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s
	}

	.header-p .m-m .m1,.header-p .m-m .m2,.header-p .m-m .m3 {
		border-radius: 1px;
		width: 100%;
		height: 4px;
		background: #fff;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s
	}
}

@media (max-width:576px) {
	.header-p .logo {
		margin-bottom: 0
	}

	.header-p .logo img {
		height: 25px
	}

	.header-p .m-menu {
		width: 56px;
		height: 50px
	}

	.header-p .m-menu.active .m1 {
		-webkit-transform: translate(0,2px) rotate(135deg);
		-ms-transform: translate(0,2px) rotate(135deg);
		transform: translate(0,2px) rotate(135deg)
	}

	.header-p .m-menu.active .m3 {
		-webkit-transform: translate(0,-2px) rotate(-135deg);
		-ms-transform: translate(0,-2px) rotate(-135deg);
		transform: translate(0,-2px) rotate(-135deg)
	}

	.header-p .m-m {
		width: 26px;
		height: 18px
	}

	.header-p .m-m .m2 {
		display: none
	}
}

.m-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4778
}

.header-m {
	display: none
}

@media (max-width:1024px) {
	.header-m {
		display: block
	}

	.header-m .m-nav {
		overflow: auto;
		position: fixed;
		top: 60px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #f2f2f2;
		visibility: hidden;
		-webkit-box-shadow: -1px 0 3px #ccc;
		box-shadow: -1px 0 3px #ccc;
		-webkit-transition: all .6s,top .2s;
		-o-transition: all .6s,top .2s;
		transition: all .6s,top .2s;
		-webkit-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		transform: translate(100%,0)
	}

	.header-m .m-nav.show {
		visibility: visible;
		will-change: transform;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.header-m .m-nav-item>a {
		display: block;
		padding: 15px 0;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		color: #666;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}

	.header-m .m-nav-item>a.active {
		background: #ef7c33;
		color: #fff
	}

	.header-m .m-nav-item.current>a {
		background: #ef7c33;
		color: #fff
	}

	.header-m .m-nav-item.current .m-sub-nav {
		display: block
	}

	.header-m .m-sub-nav {
		display: none;
		padding: 1em 0
	}

	.header-m .ms-n-item a {
		display: block;
		font-size: 14px;
		line-height: 30px;
		color: #999;
		text-align: center
	}

	.header-m .ms-n-item a:active,.header-m .ms-n-item a:hover {
		color: #ef7c33
	}

	.header-m .m-hot {
		padding: 70px 0 35px;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		color: #888
	}

	.header-m .m-hot img {
		width: 20px;
		height: 20px
	}
}

@media (max-width:576px) {
	.header-m .m-nav {
		top: 50px
	}

	.header-m .m-nav-item>a {
		padding: 10px 0;
		font-size: 15px
	}

	.header-m .ms-n-item a {
		font-size: 13px;
		line-height: 25px
	}
}

.header-overlay {
	visibility: hidden;
	height: 80px;
	-webkit-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s
}

@media (max-width:1440px) {
	.header-overlay {
		height: 70px
	}
}

@media (max-width:1240px) {
	.header-overlay {
		height: 60px
	}
}

@media (max-width:576px) {
	.header-overlay {
		height: 50px
	}
}

.f-body {
	padding: 55px 0;
	text-align: center;
	background: url(../images/f-bg.png) no-repeat center bottom #fff;
	background-size: cover;
	color: #888;
	-webkit-transition: padding .2s;
	-o-transition: padding .2s;
	transition: padding .2s
}

.f-body .f-b-title {
	font-size: 38px;
	font-weight: 700;
	line-height: 50px
}

.f-body .f-b-tc {
	margin-top: 5px;
	font-size: 18px;
	line-height: 20px
}

.f-body .f-b-qr {
	margin: 25px 0;
	max-width: 200px
}

.f-body .f-b-qr-tip {
	font-size: 14px;
	line-height: 20px
}

.f-body .f-b-m {
	display: inline-block;
	margin-top: 15px;
	padding: 5px 15px;
	font-size: 14px;
	line-height: 25px;
	vertical-align: top;
	background: #ef7c33;
	color: #fff;
	-webkit-transition: -webkit-box-shadow .3s,-webkit-transform .3s;
	transition: -webkit-box-shadow .3s,-webkit-transform .3s;
	-o-transition: box-shadow .3s,transform .3s;
	transition: box-shadow .3s,transform .3s;
	transition: box-shadow .3s,transform .3s,-webkit-box-shadow .3s,-webkit-transform .3s;
	cursor: pointer
}

.f-body .f-b-m:hover {
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}

.f-body .f-b-m:active {
	background: #007c64
}

@media (max-width:1024px) {
	.f-body {
		padding: 50px 0
	}

	.f-body .f-b-title {
		font-size: 32px;
		line-height: 40px
	}

	.f-body .f-b-tc {
		font-size: 16px
	}

	.f-body .f-b-qr {
		margin: 20px 0
	}

	.f-body .f-b-m {
		line-height: 20px
	}
}

@media (max-width:768px) {
	.f-body {
		padding: 40px 0
	}

	.f-body .f-b-title {
		font-size: 26px;
		line-height: 35px
	}

	.f-body .f-b-tc {
		font-size: 15px
	}

	.f-body .f-b-qr-tip {
		font-size: 12px;
		line-height: 15px
	}
}

@media (max-width:576px) {
	.f-body {
		padding: 30px 0
	}

	.f-body .f-b-title {
		font-size: 20px;
		line-height: 25px
	}

	.f-body .f-b-tc {
		font-size: 13px;
		line-height: 15px
	}

	.f-body .f-b-qr {
		margin: 15px 0
	}
}

.f-foot {
	background: #007c64
}

.f-foot .container {
	max-width: 80%;
	width: 80%
}

@media (max-width:1024px) {
	.f-foot .container {
		max-width: 90%;
		width: 90%
	}
}

@media (max-width:576px) {
	.f-foot .container {
		max-width: 100%;
		width: 100%
	}
}

.f-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
	padding: 20px 0;
	word-wrap: break-word
}

.f-contact .i {
	float: left;
	margin-right: 15px
}

.f-contact .i img {
	width: 40px;
	height: 40px
}

.f-contact .m {
	overflow: hidden;
	line-height: 20px;
	color: #fff;
	cursor: default
}

.f-contact .n {
	font-size: 15px;
	text-transform: uppercase
}

.f-contact .c {
	font-size: 16px;
	font-weight: 700
}

@media (max-width:1440px) {
	.f-contact .i {
		margin-right: 11px
	}

	.f-contact .n {
		font-size: 14px
	}

	.f-contact .c {
		font-size: 15px
	}
}

@media (max-width:1240px) {
	.f-contact .i {
		margin-right: 7px
	}

	.f-contact .n {
		font-size: 12px
	}

	.f-contact .c {
		font-size: 13px
	}
}

@media (max-width:1024px) {
	.f-contact {
		display: none
	}
}

.copyright {
	padding: 10px 0;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #fff
}

.copyright a {
	color: #ccc
}

@media (max-width:768px) {
	.copyright {
		text-align: left
	}
}

.online-msg {
	display: none;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5777;
	background: rgba(255,255,255,.7)
}

.online-msg.is-show .o-m {
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.online-msg.is-hide .o-m {
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	transform: translate(0,-25%)
}

.online-msg .o-m-container {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	max-height: 100%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

.online-msg .o-m {
	margin: 5% auto;
	width: 90%;
	max-width: 420px;
	padding: 30px 40px;
	background: #fff;
	-webkit-box-shadow: 0 0 7px 1px #ccc;
	box-shadow: 0 0 7px 1px #ccc;
	opacity: 0;
	-webkit-transform: translate(0,25%);
	-ms-transform: translate(0,25%);
	transform: translate(0,25%)
}

.online-msg .o-m-h {
	margin-bottom: 20px;
	text-align: center
}

.online-msg .o-m-h .e {
	margin-top: 5px;
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #777
}

.online-msg .o-m-t {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	color: #007c64
}

.online-msg .o-mb-item {
	display: block;
	margin-bottom: 15px
}

.online-msg .o-mb-item input,.online-msg .o-mb-item textarea {
	display: block;
	width: 100%;
	border: 1px solid transparent;
	border-bottom-color: #ccc;
	padding: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #333
}

.online-msg .o-mb-item input::-webkit-input-placeholder,.online-msg .o-mb-item textarea::-webkit-input-placeholder {
	color: #999
}

.online-msg .o-mb-item input:-ms-input-placeholder,.online-msg .o-mb-item textarea:-ms-input-placeholder {
	color: #999
}

.online-msg .o-mb-item input::-ms-input-placeholder,.online-msg .o-mb-item textarea::-ms-input-placeholder {
	color: #999
}

.online-msg .o-mb-item input::placeholder,.online-msg .o-mb-item textarea::placeholder {
	color: #999
}

.online-msg .o-mb-item input:focus,.online-msg .o-mb-item textarea:focus {
	border-color: #ef7c33
}

.online-msg .o-mb-item input:focus::-webkit-input-placeholder,.online-msg .o-mb-item textarea:focus::-webkit-input-placeholder {
	color: #ef7c33
}

.online-msg .o-mb-item input:focus:-ms-input-placeholder,.online-msg .o-mb-item textarea:focus:-ms-input-placeholder {
	color: #ef7c33
}

.online-msg .o-mb-item input:focus::-ms-input-placeholder,.online-msg .o-mb-item textarea:focus::-ms-input-placeholder {
	color: #ef7c33
}

.online-msg .o-mb-item input:focus::placeholder,.online-msg .o-mb-item textarea:focus::placeholder {
	color: #ef7c33
}

.online-msg .o-mb-item textarea {
	height: 10.6em
}

.online-msg .o-m-f {
	padding-top: 30px
}

.online-msg .o-m-f .tj {
	display: block;
	padding: 10px 0;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	text-align: center;
	background: #ef7c33;
	color: #fff;
	-webkit-transition: -webkit-box-shadow .2s;
	transition: -webkit-box-shadow .2s;
	-o-transition: box-shadow .2s;
	transition: box-shadow .2s;
	transition: box-shadow .2s,-webkit-box-shadow .2s
}

.online-msg .o-m-f .tj:hover {
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.online-msg .o-m-f .tj:active {
	background: #007c64
}

@media (max-width:768px) {
	.online-msg .o-m {
		padding: 30px 5%
	}

	.online-msg .o-m-h {
		margin-bottom: 15px
	}

	.online-msg .o-m-h .e {
		line-height: 10px
	}

	.online-msg .o-m-t {
		font-size: 20px
	}

	.online-msg .o-mb-item {
		margin-bottom: 10px
	}

	.online-msg .o-m-f {
		padding-top: 20px
	}
}

@media (max-width:425px) {
	.online-msg .o-m {
		padding: 20px 5% 25px
	}

	.online-msg .o-m-t {
		font-size: 18px;
		line-height: 20px
	}

	.online-msg .o-m-h {
		margin-bottom: 10px
	}

	.online-msg .o-mb-item textarea {
		height: 7.6em
	}

	.online-msg .o-m-f {
		padding-top: 10px
	}

	.online-msg .o-m-f .tj {
		padding: 5px 0
	}
}

.hm-banner .hm-carousel {
	position: relative;
	z-index: 3
}

.hm-banner .carousel-item {
	position: relative;
	z-index: 1
}

.hm-banner .carousel-item.slick-active {
	z-index: 5
}

.hm-banner .carousel-item.current .carousel-info .l:before {
	-webkit-transition: -webkit-transform 5s .3s linear;
	transition: -webkit-transform 5s .3s linear;
	-o-transition: transform 5s .3s linear;
	transition: transform 5s .3s linear;
	transition: transform 5s .3s linear,-webkit-transform 5s .3s linear;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.hm-banner .carousel-pic .c-p-pc {
	width: 100%;
	height: calc(100vh - 80px);
	background: no-repeat center bottom;
	background-size: cover
}

.hm-banner .carousel-pic img {
	display: none
}

.hm-banner .carousel-info {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

.hm-banner .carousel-info .e {
	font-family: Arial,sans-serif;
	font-size: 44px;
	font-weight: 700;
	line-height: 45px;
	color: #ef7c33
}

.hm-banner .carousel-info .t {
	margin-top: 15px;
	font-size: 60px;
	font-weight: 700;
	line-height: 75px;
	color: #ef7c33
}

.hm-banner .carousel-info .l {
/* display:block; */
	display: none;
	margin-top: 48px;
	width: 200px;
	height: 2px;
	background: #007c64
}

.hm-banner .carousel-info .l:before {
	display: block;
	width: 100%;
	height: 100%;
	background: #ef7c33;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	content: ''
}

.hm-banner .slick-dots {
	bottom: 50px;
	width: auto
}

.hm-banner .slick-dots li {
	margin: 0 10px 0 0;
	border: 2px solid #007c64;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.hm-banner .slick-dots li.slick-active {
	border-color: #ef7c33;
	background: #ef7c33
}

@media (max-width:1440px) {
	.hm-banner .carousel-info .e {
		font-size: 36px;
		line-height: 40px
	}

	.hm-banner .carousel-info .t {
		font-size: 60px;
		line-height: 65px
	}

	.hm-banner .slick-dots {
		bottom: 40px
	}
}

@media (max-width:1240px) {
	.hm-banner .carousel-info .e {
		font-size: 30px;
		line-height: 35px
	}

	.hm-banner .carousel-info .t {
		font-size: 50px;
		line-height: 55px
	}

	.hm-banner .carousel-info .l {
		margin-top: 38px
	}

	.hm-banner .slick-dots {
		bottom: 30px
	}
}

@media (max-width:1024px) {
	.hm-banner .carousel-pic .c-p-pc {
		display: none
	}

	.hm-banner .carousel-pic img {
		display: block;
		width: 100%
	}

	.hm-banner .carousel-info .e {
		font-size: 24px;
		line-height: 30px
	}

	.hm-banner .carousel-info .t {
		font-size: 40px;
		line-height: 45px
	}

	.hm-banner .carousel-info .l {
		margin-top: 28px;
		width: 100px
	}

	.hm-banner .slick-dots {
		bottom: 20px
	}

	.hm-banner .slick-dots li {
		height: 10px
	}

	.hm-banner .slick-dots li.slick-active {
		height: 20px
	}
}

@media (max-width:768px) {
	.hm-banner .carousel-info .e {
		font-size: 18px;
		line-height: 20px
	}

	.hm-banner .carousel-info .t {
		margin-top: 10px;
		font-size: 30px;
		line-height: 30px
	}

	.hm-banner .carousel-info .l {
		margin-top: 18px
	}

	.hm-banner .slick-dots {
		left: 50%;
		bottom: 10px;
		padding: 0 15px;
		max-width: 540px;
		text-align: left;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0)
	}

	.hm-banner .slick-dots li.slick-active {
		height: 15px
	}
}

@media (max-width:576px) {
	.hm-banner .carousel-info .e {
		font-size: 16px;
		line-height: 15px
	}

	.hm-banner .carousel-info .t {
		font-size: 24px;
		line-height: 25px
	}

	.hm-banner .carousel-info .l {
		width: 60px
	}

	.hm-banner .slick-dots {
		max-width: 380px
	}
}

@media (max-width:425px) {
	.hm-banner .carousel-info .e {
		font-size: 14px
	}

	.hm-banner .carousel-info .t {
		margin-top: 5px;
		font-size: 18px;
		line-height: 20px
	}

	.hm-banner .carousel-info .l {
		margin-top: 14px;
		width: 40px;
		height: 1px
	}

	.hm-banner .slick-dots {
		max-width: 100%
	}

	.hm-banner .slick-dots li {
		margin: 0 3px;
		width: 1px;
		height: 7px
	}

	.hm-banner .slick-dots li.slick-active {
		height: 13px
	}
}

.hm-nav .hm-n-item {
	float: left;
	position: relative;
	z-index: 1;
	width: 25%;
	background: #fff
}

.hm-nav .hm-n-item:nth-child(even) {
	background: #f2f2f2
}

.hm-nav .hm-n-item a {
	display: block;
	padding: 75px 125px 170px;
	height: 480px;
	text-align: center
}

.hm-nav .hm-n-item .i {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 0 0 25px;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	vertical-align: top;
	background: #007c64;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.hm-nav .hm-n-item .i:before {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	content: ''
}

.hm-nav .hm-n-item .i.i1:before {
	background-image: url(../images/hm-n1.png)
}

.hm-nav .hm-n-item .i.i2:before {
	background-image: url(../images/hm-n2.png)
}

.hm-nav .hm-n-item .i.i3:before {
	background-image: url(../images/hm-n3.png)
}

.hm-nav .hm-n-item .i.i4:before {
	background-image: url(../images/hm-n4.png)
}

.hm-nav .hm-n-item .e {
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #ef7c33;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.hm-nav .hm-n-item .t {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	color: #555;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.hm-nav .hm-n-item .c {
	margin-top: 15px;
	height: 60px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.hm-nav .hm-n-item .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.hm-nav .hm-n-item .bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #007c64;
	opacity: .45;
	content: ''
}

.hm-nav .hm-n-item:hover {
	z-index: 3
}

.hm-nav .hm-n-item:hover .i {
	margin-bottom: 100px;
	background-color: #fff;
	will-change: transform;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.hm-nav .hm-n-item:hover .i:before {
	will-change: transform;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.hm-nav .hm-n-item:hover .i.i1:before {
	background-image: url(../images/hm-nh1.png)
}

.hm-nav .hm-n-item:hover .i.i2:before {
	background-image: url(../images/hm-nh2.png)
}

.hm-nav .hm-n-item:hover .i.i3:before {
	background-image: url(../images/hm-nh3.png)
}

.hm-nav .hm-n-item:hover .i.i4:before {
	background-image: url(../images/hm-nh4.png)
}

.hm-nav .hm-n-item:hover .e,.hm-nav .hm-n-item:hover .t {
	color: #fff
}

.hm-nav .hm-n-item:hover .c {
	margin-top: 0;
	height: 0;
	opacity: 0
}

.hm-nav .hm-n-item:hover .bg {
	visibility: visible;
	opacity: 1
}

@media (max-width:1600px) {
	.hm-nav .hm-n-item a {
		padding: 55px 65px 90px;
		height: 380px
	}
}

@media (max-width:1440px) {
	.hm-nav .hm-n-item a {
		padding: 45px 45px 60px;
		height: 330px
	}

	.hm-nav .hm-n-item .i {
		width: 70px;
		height: 70px
	}

	.hm-nav .hm-n-item .c {
		font-size: 13px
	}
}

@media (max-width:1240px) {
	.hm-nav .hm-n-item a {
		padding: 35px 30px 45px;
		height: 290px
	}

	.hm-nav .hm-n-item .i {
		margin-bottom: 20px;
		width: 60px;
		height: 60px
	}

	.hm-nav .hm-n-item .c {
		font-size: 12px
	}
}

@media (max-width:1024px) {
	.hm-nav .hm-n-item:nth-child(even) {
		background: #fff
	}

	.hm-nav .hm-n-item a {
		padding: 40px 5% 60px;
		height: auto
	}

	.hm-nav .hm-n-item .i {
		margin-bottom: 0
	}

	.hm-nav .hm-n-item .c,.hm-nav .hm-n-item .e {
		display: none
	}

	.hm-nav .hm-n-item .t {
		margin-top: 20px;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px
	}

	.hm-nav .hm-n-item .bg {
		display: none
	}

	.hm-nav .hm-n-item:hover .i {
		margin-bottom: 0;
		background-color: #ef7c33
	}

	.hm-nav .hm-n-item:hover .i.i1:before {
		background-image: url(../images/hm-n1.png)
	}

	.hm-nav .hm-n-item:hover .i.i2:before {
		background-image: url(../images/hm-n2.png)
	}

	.hm-nav .hm-n-item:hover .i.i3:before {
		background-image: url(../images/hm-n3.png)
	}

	.hm-nav .hm-n-item:hover .i.i4:before {
		background-image: url(../images/hm-n4.png)
	}

	.hm-nav .hm-n-item:hover .t {
		color: #ef7c33
	}
}

@media (max-width:768px) {
	.hm-nav .hm-n-item a {
		padding: 30px 5% 40px
	}

	.hm-nav .hm-n-item .t {
		margin-top: 10px
	}
}

@media (max-width:576px) {
	.hm-nav .hm-n-item a {
		padding: 25px 5% 35px
	}

	.hm-nav .hm-n-item .i {
		width: 50px;
		height: 50px
	}

	.hm-nav .hm-n-item .i:before {
		background-size: 50%
	}
}

@media (max-width:425px) {
	.hm-nav .hm-n-item a {
		padding: 15px 5%
	}

	.hm-nav .hm-n-item .i {
		width: 40px;
		height: 40px
	}

	.hm-nav .hm-n-item .t {
		margin-top: 5px;
		font-size: 13px;
		line-height: 15px
	}
}

.hm-product {
	position: relative;
	z-index: 5
}

.hm-product .hm-p-pic {
	position: relative;
	z-index: 1
}

.hm-product .hm-p {
	width: calc(100vw - 17px);
	height: calc((100vw - 17px)/ 2)
}

.hm-product .hm-p img {
	display: block;
	width: 100%;
	visibility: hidden;
	opacity: 0
}

.hm-product .hm-pp-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.hm-product .hm-pp-item .bg {
	background: no-repeat center center;
	background-size: cover
}

.hm-product .hm-pp-item .bg img {
	display: block;
	width: 100%;
	visibility: hidden;
	opacity: 0
}

.hm-product .hm-pp-item .m {
	position: absolute;
	left: 50%;
	bottom: 40%;
	z-index: 3;
	margin-left: -70px;
	padding: 10px 0;
	width: 140px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: #ef7c33;
	color: #fff;
	-webkit-transition: -webkit-box-shadow .3s,-webkit-transform .3s;
	transition: -webkit-box-shadow .3s,-webkit-transform .3s;
	-o-transition: box-shadow .3s,transform .3s;
	transition: box-shadow .3s,transform .3s;
	transition: box-shadow .3s,transform .3s,-webkit-box-shadow .3s,-webkit-transform .3s;
	-webkit-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	transform: translate(0,100%);
	visibility: hidden;
	opacity: 0
}

.hm-product .hm-pp-item .m:active {
	background: #007c64
}

.hm-product .hm-pp-item.active {
	z-index: 5;
	visibility: visible;
	opacity: 1
}

.hm-product .hm-pp-item.active .m {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	visibility: visible;
	opacity: 1
}

.hm-product .hm-pp-item.active .m:hover {
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}

.hm-product .hm-p-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%
}

.hm-product .hm-pn-list {
	margin-right: -4px
}

.hm-product .hm-pn-item {
	float: left;
	position: relative;
	z-index: 1;
	margin-left: -1px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 15px 30px 35px;
	width: 20%;
	text-align: center;
	background: #eee;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	cursor: pointer
}

.hm-product .hm-pn-item:before {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #007c64;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	content: ''
}

.hm-product .hm-pn-item .i {
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	border-radius: 50%;
	padding: 8px;
	width: 80px;
	height: 80px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.hm-product .hm-pn-item .i:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	content: ''
}

.hm-product .hm-pn-item .i img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.hm-product .hm-pn-item .n {
	margin-top: 10px;
	font-size: 20px;
	line-height: 25px;
	color: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hm-product .hm-pn-item .n:after {
	display: block;
	margin: 14px auto 0;
	width: 18px;
	height: 1px;
	background: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	content: ''
}

.hm-product .hm-pn-item:hover:before {
	will-change: top
}

.hm-product .hm-pn-item:hover .i {
	will-change: transform;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s
}

.hm-product .hm-pn-item:hover .i:before {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s
}

.hm-product .hm-pn-item:hover .i img {
	will-change: transform;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s
}

.hm-product .hm-pn-item:hover.active .i {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.hm-product .hm-pn-item:hover.active .i img {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.hm-product .hm-pn-item.active {
	z-index: 3;
	padding-top: 5px
}

.hm-product .hm-pn-item.active:before {
	top: -35px
}

.hm-product .hm-pn-item.active .i {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.hm-product .hm-pn-item.active .i:before {
	opacity: 1;
	visibility: visible
}

.hm-product .hm-pn-item.active .i img {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.hm-product .hm-pn-item.active .n {
	margin-top: 20px;
	color: #fff
}

.hm-product .hm-pn-item.active .n:after {
	background: #fff
}

@media (max-width:1240px) {
	.hm-product .hm-pn-item .i {
		width: 60px;
		height: 60px
	}

	.hm-product .hm-pn-item .n {
		font-size: 18px
	}
}

@media (max-width:1024px) {
	.hm-product .hm-p {
		width: 100%;
		height: auto
	}

	.hm-product .hm-pp-item .bg {
		background: 0 0
	}

	.hm-product .hm-pp-item .bg img {
		visibility: visible;
		opacity: 1
	}

	.hm-product .hm-pp-item .m {
		bottom: 50px
	}

	.hm-product .hm-p-nav {
		position: relative
	}

	.hm-product .hm-pn-item.active:before {
		top: -30px
	}
}

@media (max-width:768px) {
	.hm-product .hm-pp-item .m {
		bottom: 40px;
		margin-left: -50px;
		padding: 5px 0;
		width: 100px;
		font-size: 12px;
		line-height: 25px
	}

	.hm-product .hm-pn-item {
		padding: 15px 5% 30px
	}

	.hm-product .hm-pn-item .i {
		padding: 10px;
		width: 50px;
		height: 50px
	}

	.hm-product .hm-pn-item .n {
		font-size: 15px
	}

	.hm-product .hm-pn-item.active {
		padding-top: 10px
	}

	.hm-product .hm-pn-item.active:before {
		top: -20px
	}

	.hm-product .hm-pn-item.active .n {
		margin-top: 15px;
		font-weight: 700
	}
}

@media (max-width:576px) {
	.hm-product .hm-pp-item .m {
		bottom: 30px;
		margin-left: -40px;
		width: 80px;
		line-height: 20px
	}

	.hm-product .hm-pn-item {
		padding-bottom: 20px
	}

	.hm-product .hm-pn-item .i {
		padding: 5px;
		width: 40px;
		height: 40px
	}

	.hm-product .hm-pn-item .n {
		font-size: 14px;
		line-height: 15px
	}

	.hm-product .hm-pn-item .n:after {
		margin-top: 9px
	}

	.hm-product .hm-pn-item.active:before {
		top: -10px
	}
}

@media (max-width:425px) {
	.hm-product .hm-pp-item .m {
		bottom: 25px;
		margin-left: -30px;
		width: 60px;
		line-height: 15px
	}

	.hm-product .hm-pn-item {
		padding: 15px 5px
	}

	.hm-product .hm-pn-item .i {
		width: 35px;
		height: 35px
	}

	.hm-product .hm-pn-item .n {
		margin-top: 5px;
		font-size: 12px
	}

	.hm-product .hm-pn-item.active .n {
		margin-top: 10px
	}
}

.about-profile .a-p-pic {
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 50px;
	width: 510px
}

.about-profile .a-p-pic:before {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	border-right: 64px solid #ef7c33;
	border-bottom: 64px solid transparent;
	content: ''
}

.about-profile .a-p-pic:after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	border-right: 66px solid #888;
	border-bottom: 66px solid transparent;
	content: ''
}

.about-profile .a-p-pic img {
	width: 100%
}

.about-profile .a-p-info .ipc-title {
	overflow: hidden;
	margin-bottom: 35px;
	padding-bottom: 14px;
	border-bottom: 1px solid #eee
}

.about-profile .a-p-info .info {
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
	text-align: justify;
	color: #888
}

@media (max-width:1440px) {
	.about-profile .a-p-pic {
		margin-right: 40px;
		width: 500px
	}
}

@media (max-width:1240px) {
	.about-profile .a-p-pic {
		margin-right: 30px;
		width: 440px
	}

	.about-profile .a-p-info .ipc-title {
		margin-bottom: 20px
	}

	.about-profile .a-p-info .info {
		font-size: 14px;
		line-height: 25px
	}
}

@media (max-width:1024px) {
	.about-profile .a-p-pic {
		margin-right: 25px;
		width: 350px
	}

	.about-profile .a-p-pic:before {
		border-width: 42px
	}

	.about-profile .a-p-pic:after {
		border-width: 44px
	}

	.about-profile .a-p-info .ipc-title {
		margin-bottom: 15px;
		padding-bottom: 9px
	}
}

@media (max-width:768px) {
	.about-profile .a-p-pic {
		margin-right: 20px;
		width: 290px
	}

	.about-profile .a-p-info .ipc-title {
		padding-bottom: 4px
	}
}

@media (max-width:576px) {
	.about-profile .a-p-pic {
		float: none;
		margin-right: 0;
		margin-bottom: 25px;
		width: 100%
	}

	.about-profile .a-p-info .ipc-title {
		padding-bottom: 4px
	}

	.about-profile .a-p-info .info {
		font-size: 13px
	}
}

.about-culture {
	position: relative;
	z-index: 3
}

.about-culture .a-c-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: no-repeat center center fixed;
	background-size: cover
}

.about-culture .a-c-info {
	margin: 80px 0
}

.about-culture .a-c-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.about-culture .a-c-item {
	position: relative;
	width: 225px
}

.about-culture .a-c-item:hover .a-c-cont {
	top: 0;
	margin: 0;
	height: 100%;
	cursor: default
}

.about-culture .a-c-item:hover .a-c-cont:before {
	top: 0
}

.about-culture .a-c-item:hover .a-c-cont .icon {
	height: 32px;
	margin-bottom: 20px
}

.about-culture .a-c-item:hover .a-c-cont .e,.about-culture .a-c-item:hover .a-c-cont .z {
	color: #fff
}

.about-culture .a-c-item:hover .a-c-cont .l {
	margin: 15px auto 10px;
	height: 25px
}

.about-culture .a-c-item:hover .a-c-cont .c {
	height: 40px;
	visibility: visible;
	opacity: 1
}

.about-culture .a-c-pic {
	margin-bottom: 75px;
	overflow: hidden
}

.about-culture .a-c-pic img {
	width: 100%
}

.about-culture .a-c-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 3;
	margin-top: -75px;
	padding: 0 5%;
	width: 100%;
	height: 75px;
	text-align: center;
	background: #f6f6f6;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.about-culture .a-c-cont:before {
	position: absolute;
	top: 100%;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	background: #007c64;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	content: ''
}

.about-culture .a-c-cont .icon {
	display: block;
	overflow: hidden;
	height: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.about-culture .a-c-cont .e {
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #888;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.about-culture .a-c-cont .z {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.about-culture .a-c-cont .l {
	display: block;
	margin: 0 auto;
	width: 1px;
	height: 0;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.about-culture .a-c-cont .c {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width:1440px) {
	.about-culture .a-c-info {
		margin: 50px 0 20px
	}

	.about-culture .a-c-item {
		width: 210px
	}
}

@media (max-width:1240px) {
	.about-culture .a-c-info {
		margin: 40px 0 0
	}

	.about-culture .a-c-item {
		width: 192px
	}

	.about-culture .a-c-pic {
		margin-bottom: 60px
	}

	.about-culture .a-c-cont {
		margin-top: -60px;
		height: 60px
	}

	.about-culture .a-c-cont .z {
		font-size: 14px;
		line-height: 25px
	}

	.about-culture .a-c-cont .c {
		font-size: 13px
	}
}

@media (max-width:1024px) {
	.about-culture .a-c-bg {
		background-attachment: scroll
	}

	.about-culture .a-c-info {
		margin-top: 30px
	}

	.about-culture .a-c-list {
		display: block
	}

	.about-culture .a-c-item {
		margin-bottom: 20px;
		width: auto
	}

	.about-culture .a-c-item:after {
		content: '';
		display: block;
		clear: both
	}

	.about-culture .a-c-item:hover .a-c-cont {
		height: 234px
	}

	.about-culture .a-c-pic {
		float: left;
		margin-bottom: 0;
		width: 270px
	}

	.about-culture .a-c-cont {
		overflow: hidden;
		position: relative;
		top: auto;
		margin-top: 0;
		width: auto;
		height: 234px
	}

	.about-culture .a-c-cont:before {
		top: 0
	}

	.about-culture .a-c-cont .icon {
		height: auto;
		margin-bottom: 20px
	}

	.about-culture .a-c-cont .e,.about-culture .a-c-cont .z {
		color: #fff
	}

	.about-culture .a-c-cont .l {
		margin: 15px auto 10px;
		height: 25px
	}

	.about-culture .a-c-cont .c {
		height: auto;
		visibility: visible;
		opacity: 1
	}
}

@media (max-width:768px) {
	.about-culture .a-c-item:hover .a-c-cont {
		height: 208px
	}

	.about-culture .a-c-item:hover .a-c-cont .icon {
		margin-bottom: 10px
	}

	.about-culture .a-c-item:hover .a-c-cont .l {
		margin: 10px auto;
		height: 20px
	}

	.about-culture .a-c-pic {
		width: 240px
	}

	.about-culture .a-c-cont {
		height: 208px
	}

	.about-culture .a-c-cont .icon {
		margin-bottom: 10px
	}

	.about-culture .a-c-cont .l {
		margin: 10px auto;
		height: 20px
	}
}

@media (max-width:576px) {
	.about-culture .a-c-item:hover .a-c-cont {
		height: auto
	}

	.about-culture .a-c-pic {
		float: none;
		width: 100%
	}

	.about-culture .a-c-cont {
		padding: 20px 5%;
		height: auto
	}
}

.about-honor {
	background: #e9e9e9
}

.about-honor .a-h-info {
	position: relative;
	z-index: 3
}

.about-honor .a-h-carousel {
	overflow: hidden;
	margin: 50px 0
}

.about-honor .carousel {
	margin-top: -25px;
	margin-right: -25px
}

.about-honor .slick-slide {
	line-height: 0
}

.about-honor .carousel-item {
	position: relative;
	z-index: 1
}

.about-honor .carousel-item a {
	display: block;
	position: relative;
	z-index: 1;
	margin-top: 25px;
	margin-right: 25px;
	cursor: default
}

.about-honor .carousel-item:hover {
	z-index: 3
}

.about-honor .carousel-item:hover .carousel-more {
	visibility: visible;
	opacity: 1
}

.about-honor .carousel-item:hover .carousel-more .m {
	opacity: 1;
	-webkit-transition: all .5s .2s;
	-o-transition: all .5s .2s;
	transition: all .5s .2s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.about-honor .carousel-pic {
	overflow: hidden
}

.about-honor .carousel-pic img {
	width: 100%
}

.about-honor .carousel-more {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.about-honor .carousel-more:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #007c64;
	opacity: .7;
	content: ''
}

.about-honor .carousel-more .m {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	border-radius: 50%;
	padding: 20px 10px;
	width: 70px;
	height: 70px;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	background: #fff;
	color: #ef7c33;
	opacity: 0;
	-webkit-transition: all .5s .5s;
	-o-transition: all .5s .5s;
	transition: all .5s .5s;
	-webkit-transform: translate(0,50%);
	-ms-transform: translate(0,50%);
	transform: translate(0,50%)
}

.about-honor .carousel-arrows {
	text-align: center;
	line-height: 25px
}

.about-honor .carousel-arrows .next,.about-honor .carousel-arrows .prev {
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	vertical-align: top;
	background: no-repeat center center #007c64;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.about-honor .carousel-arrows .next:hover,.about-honor .carousel-arrows .prev:hover {
	background-color: #ef7c33
}

.about-honor .carousel-arrows .prev {
	background-image: url(../images/prev.png)
}

.about-honor .carousel-arrows .next {
	background-image: url(../images/next.png)
}

.about-honor .carousel-arrows .pages {
	display: inline-block
}

.about-honor .carousel-arrows .pages .slick-dots {
	position: relative
}

.about-honor .carousel-arrows .pages li {
	margin: 0 5px;
	width: auto;
	height: auto;
	font-family: Arial,sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #007c64
}

.about-honor .carousel-arrows .pages li.slick-active {
	color: #ef7c33
}

@media (max-width:1440px) {
	.about-honor .carousel {
		margin-top: -20px;
		margin-right: -20px
	}

	.about-honor .carousel-item a {
		margin-top: 20px;
		margin-right: 20px
	}
}

@media (max-width:1024px) {
	.about-honor .a-h-carousel {
		margin: 40px 0
	}

	.about-honor .carousel-more .m {
		margin: -25px 0 0 -25px;
		padding: 15px 10px;
		width: 50px;
		height: 50px;
		font-size: 14px;
		line-height: 20px
	}
}

@media (max-width:768px) {
	.about-honor .a-h-carousel {
		margin: 30px 0
	}

	.about-honor .carousel-arrows .pages li {
		margin: 0 3px;
		font-size: 15px
	}
}

.news-1-title {
	margin-bottom: 20px;
	line-height: 0;
	text-align: center
}

.news-1-title .t {
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #007c64
}

.news-1-title .i {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-top: 5px;
	margin-left: -10px;
	vertical-align: top
}

.news-1-title .i:before {
	position: absolute;
	border-top: 5px solid #007c64;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: ''
}

.news-1-title .i:after {
	position: absolute;
	left: 1px;
	border-top: 4px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	content: ''
}

.news-1-info {
	position: relative;
	z-index: 3;
	padding: 20px 0
}

.news-1-info:after {
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	z-index: -1;
	width: 3px;
	background: #e8e8e8;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	content: ''
}

.news-1-item {
	position: relative;
	z-index: 1;
	margin-bottom: 20px
}

.news-1-item:after {
	content: '';
	display: block;
	clear: both
}

.news-1-item .time {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	margin-top: -55px;
	margin-left: -55px;
	width: 110px;
	height: 110px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-ms-transform: translate(0,20px);
	transform: translate(0,20px)
}

.news-1-item .date {
	overflow: hidden;
	border-radius: 50%;
    width:110px; height:110px; text-align:center; display:block; line-height:110px;
	font-size: 32px;
	text-align: center;
	background: #ef7c33;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-1-item .ym {
	display: block;
	margin-top: 40px;
	border-top: 1px solid #fff;
	padding-top: 4px;
	font-size: 12px;
	line-height: 15px
}

.news-1-item .day {
	position: absolute;
	top: 25px;
	left: 30px;
	right: 30px;
	font-size: 32px;
	line-height: 30px
}

.news-1-item .cont {
	float: right;
	position: relative;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-ms-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-1-item .cont:before {
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -7px;
	border-top: 7px solid #fff;
	border-right: 8px solid transparent;
	border-bottom: 7px solid #fff;
	width: 8px;
	height: 14px;
	background: #eee;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}

.news-1-item .cont:after {
	content: '';
	display: block;
	clear: both
}

.news-1-item .info {
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-bottom: 4px solid transparent;
	padding: 30px 25px 35px;
	width: 510px;
	background: #eee;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-1-item .info:after {
	content: '';
	display: block;
	clear: both
}

.news-1-item .t {
	height: 30px;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: #333;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-1-item .d {
	display: none;
	font-size: 12px;
	line-height: 20px
}

.news-1-item .c {
	margin-top: 10px;
	height: 50px;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-1-item .m {
	display: inline-block;
	margin-top: 30px;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: #007c64;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-1-item .info-pic {
	display: none
}

.news-1-item .info-cont {
	overflow: hidden
}

.news-1-item.is-cy-img .info-pic {
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 20px
}

.news-1-item.is-cy-img .info-pic img {
	width: 200px;
	height: 180px;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s
}

.news-1-item.is-cy-img .info-cont {
	padding: 10px 0
}

.news-1-item.is-cy-img .t {
	height: 60px;
	-webkit-line-clamp: 2
}

.news-1-item.is-cy-img .c {
	display: none
}

.news-1-item.is-cy-img .m {
	margin-top: 70px
}

.news-1-item:nth-child(even) .cont {
	float: left
}

.news-1-item:nth-child(even) .cont:before {
	left: 100%;
	right: auto;
	border-right: 0 none;
	border-left: 8px solid transparent
}

.news-1-item.act .cont,.news-1-item.act .time {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.news-1-item.act .time {
	-webkit-transition-delay: .27s;
	-o-transition-delay: .27s;
	transition-delay: .27s
}

.news-1-item.act .cont {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}

.news-1-item>a:hover .date {
	background: #007c64
}

.news-1-item>a:hover .cont:before {
	background: #007c64
}

.news-1-item>a:hover .info {
	border-color: #ef7c33;
	background: #007c64
}

.news-1-item>a:hover .info-pic img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.news-1-item>a:hover .c,.news-1-item>a:hover .d,.news-1-item>a:hover .t {
	color: #fff
}

.news-1-item>a:hover .m {
	background: #fff;
	color: #007c64
}

.news-1 .news-1-more {
	margin-top: 2%;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: #fff
}

.news-1 .news-1-more span {
	display: inline-block;
	padding: 5px 15px;
	vertical-align: top;
	background: #ef7c33;
	-webkit-transition: -webkit-box-shadow .3s,-webkit-transform .3s;
	transition: -webkit-box-shadow .3s,-webkit-transform .3s;
	-o-transition: box-shadow .3s,transform .3s;
	transition: box-shadow .3s,transform .3s;
	transition: box-shadow .3s,transform .3s,-webkit-box-shadow .3s,-webkit-transform .3s;
	cursor: pointer
}

.news-1 .news-1-more span:hover {
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}

.news-1 .last-tips {
	margin-top: 3%;
	font-size: 12px;
	line-height: 15px;
	text-align: center
}

@media (max-width:1440px) {
	.news-1-item .time {
		margin-top: -45px;
		margin-left: -45px;
		width: 90px;
		height: 90px
	}

	.news-1-item .date {
		width:90px; height:90px; line-height:90px; font-size:24px;
	}

	.news-1-item .ym {
		margin-top: 40px
	}

	.news-1-item .day {
		top: 15px;
		left: 20px;
		right: 20px;
		font-size: 28px
	}

	.news-1-item .info {
		width: 490px
	}

	.news-1-item.is-cy-img .info-pic {
		margin-right: 15px
	}

	.news-1-item.is-cy-img .info-pic img {
		width: 170px;
		height: 153px
	}

	.news-1-item.is-cy-img .m {
		margin-top: 40px
	}
}

@media (max-width:1240px) {
	.news-1-item .time {
		left: 40%;
		margin-left: -150px
	}

	.news-1-item .cont {
		width: 60%
	}

	.news-1-item .info {
		width: 100%
	}

	.news-1-item.is-cy-img .info-pic {
		margin-right: 20px
	}

	.news-1-item.is-cy-img .info-pic img {
		width: 200px;
		height: 180px
	}

	.news-1-item.is-cy-img .m {
		margin-top: 70px
	}

	.news-1-item:nth-child(even) .time {
		left: 60%;
		margin-left: 60px
	}
}

@media (max-width:1024px) {
	.news-1-title {
		width: 90px
	}

	.news-1-info:after {
		left: 44px;
		width: 2px
	}

	.news-1-item .time {
		left: 0;
		margin-left: 0
	}

	.news-1-item .cont {
		float: none;
		margin-left: 120px;
		width: auto
	}

	.news-1-item:nth-child(even) .time {
		left: 0;
		margin-left: 0
	}

	.news-1-item:nth-child(even) .cont {
		float: none
	}

	.news-1-item:nth-child(even) .cont:before {
		left: auto;
		right: 100%;
		border-left: 0 none;
		border-right: 8px solid transparent
	}

	.news-1 .last-tips {
		width: 90px
	}
}

@media (max-width:768px) {
	.news-1-title {
		display: none
	}

	.news-1-info:after {
		content: none
	}

	.news-1-item .time {
		display: none
	}

	.news-1-item .cont {
		margin-left: 0
	}

	.news-1-item .cont:before {
		content: none
	}

	.news-1-item .info {
		border-bottom-width: 3px;
		padding: 25px 20px 30px
	}

	.news-1-item .t {
		font-size: 18px
	}

	.news-1-item .d {
		display: block
	}

	.news-1-item .c {
		font-size: 13px
	}

	.news-1-item .m {
		font-size: 12px
	}

	.news-1-item.is-cy-img .info-pic {
		float: none;
		margin-right: 0
	}

	.news-1-item.is-cy-img .info-pic img {
		width: 100%;
		height: auto
	}

	.news-1-item.is-cy-img .info-cont {
		padding: 30px 0 0
	}

	.news-1-item.is-cy-img .t {
		height: auto
	}

	.news-1-item.is-cy-img .m {
		margin-top: 30px
	}

	.news-1 .last-tips {
		width: auto
	}
}

@media (max-width:576px) {
	.news-1-item .info {
		padding: 20px 15px
	}
}

.news-2-list {
	margin-left: -10px
}

.news-2-item {
	float: left;
	width: 50%;
	margin-bottom: 20px;
	padding-left: 10px
}

.news-2-item>a {
	display: block;
	padding: 35px 25px 40px;
	background: #eee
}

.news-2-item>a:hover .t {
	color: #007c64
}

.news-2-item>a:hover .m {
	background: #ef7c33
}

.news-2-item .t {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-2-item .d {
	font-size: 14px;
	line-height: 15px;
	color: #666
}

.news-2-item .c {
	margin-top: 15px;
	height: 60px;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.news-2-item .m {
	display: inline-block;
	margin-top: 15px;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
	background: #007c64;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.news-2-pages {
	padding: 20px 0;
	text-align: center;
	line-height: 25px
}

.news-2-pages .next,.news-2-pages .prev {
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	vertical-align: top;
	background: no-repeat center center #007c64;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.news-2-pages .next:hover,.news-2-pages .prev:hover {
	background-color: #ef7c33
}

.news-2-pages .prev {
	background-image: url(../images/prev.png)
}

.news-2-pages .next {
	background-image: url(../images/next.png)
}

.news-2-pages .page {
	display: inline-block;
	margin: 0 7px;
	font-family: Arial,sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #007c64
}

.news-2-pages .page .n {
	color: #ef7c33
}

@media (max-width:1024px) {
	.news-2-list {
		margin-left: 0
	}

	.news-2-item {
		float: none;
		width: auto;
		padding-left: 0
	}

	.news-2-item>a {
		padding: 30px 5%
	}

	.news-2-item .t {
		font-size: 18px;
		line-height: 30px
	}

	.news-2-item .d {
		font-size: 13px
	}

	.news-2-item .c {
		height: auto;
		font-size: 13px;
		line-height: 25px
	}

	.news-2-item .m {
		margin-top: 20px;
		font-size: 12px
	}
}

@media (max-width:576px) {
	.news-2-item {
		margin-bottom: 15px
	}

	.news-2-item>a {
		padding: 20px 5%
	}

	.news-2-item .t {
		font-size: 16px
	}
}

.news-details .container {
	width: 760px
}

.news-details .details-head {
	margin: 0 auto;
	max-width: 70%;
	text-align: center
}

.news-details .details-head .t {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #333
}

.news-details .details-head .d {
	margin-top: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #999
}

.news-details .details-body {
	padding: 30px 0 50px;
	text-align: justify
}

.news-details .details-body p {
	line-height: 30px
}

.news-details .details-foot .page {
	float: left;
	width: 70%
}

.news-details .details-foot .next,.news-details .details-foot .prev {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.news-details .details-foot .next:before,.news-details .details-foot .prev:before {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	content: ''
}

.news-details .details-foot .prev:before {
	background: url(../images/up.png) no-repeat center center #007c64
}

.news-details .details-foot .prev>a:hover {
	color: #007c64;
	text-decoration: underline
}

.news-details .details-foot .next:before {
	background: url(../images/down.png) no-repeat center center #ef7c33
}

.news-details .details-foot .next>a:hover {
	color: #ef7c33;
	text-decoration: underline
}

.news-details .details-foot .back {
	display: inline-block;
	vertical-align: top;
	float: right;
	margin: 15px 0;
	width: 100px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #007c64;
	color: #fff;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.news-details .details-foot .back:hover {
	background: #ef7c33
}

@media (max-width:1024px) {
	.news-details .container {
		width: 70%
	}

	.news-details .details-head {
		max-width: 80%
	}

	.news-details .details-head .t {
		font-size: 16px
	}
}

@media (max-width:768px) {
	.news-details .container {
		width: 80%
	}

	.news-details .details-head {
		max-width: 90%
	}

	.news-details .details-body {
		padding-bottom: 40px
	}

	.news-details .details-foot .page {
		float: none;
		width: auto
	}

	.news-details .details-foot .back {
		float: none
	}
}

@media (max-width:576px) {
	.news-details .container {
		width: 90%;
		max-width: none
	}
}

@media (max-width:425px) {
	.news-details .container {
		width: auto
	}
}

.product-nav {
	visibility: hidden;
	opacity: 0
}

.product-nav .sec-n-list {
	width: 77777px
}

.product {
	margin-top: -30px
}

.product:after {
	content: '';
	display: block;
	clear: both
}

.product-side-nav {
	float: left;
	margin-right: 110px;
	width: 170px
}

.product-side-nav .side-nav-item>a {
	display: block;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #007c64;
	color: #fff;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.product-side-nav .side-nav-item.current>a,.product-side-nav .side-nav-item:hover>a {
	background: #ef7c33
}

.product-info {
	overflow: hidden
}

.product-info .pdt-info-list {
	margin-left: -20px
}

.product-info .pdt-info-item {
	float: left;
	width: 50%;
	margin-bottom: 25px;
	padding-left: 20px
}

.product-info .pdt-info-item>a {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.product-info .pdt-info-item>a:hover {
	z-index: 3
}

.product-info .pdt-info-item>a:hover .pdt-info-pic img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.product-info .pdt-info-item>a:hover .pdt-info-pic .name {
	visibility: hidden;
	opacity: 0
}

.product-info .pdt-info-item>a:hover .pdt-info-cont {
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.product-info .pdt-info-pic {
	overflow: hidden;
	position: relative;
	z-index: 1
}

.product-info .pdt-info-pic img {
	width: 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.product-info .pdt-info-pic .name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 15px 5%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.product-info .pdt-info-pic .name:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	content: ''
}

.product-info .pdt-info-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 10%;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.product-info .pdt-info-cont:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-bottom: 10px solid #ef7c33;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	content: ''
}

.product-info .pdt-info-cont .t {
	font-size: 24px;
	line-height: 30px
}

.product-info .pdt-info-cont .c {
	margin-top: 15px;
	font-size: 12px;
	line-height: 25px
}

.product-info .pdt-info-cont .m {
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
	border: 1px solid #fff;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 18px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.product-info .pdt-info-cont .m:hover {
	border-color: #ef7c33;
	background: #ef7c33
}

@media (max-width:1440px) {
	.product-side-nav {
		margin-right: 50px
	}
}

@media (max-width:1024px) {
	.product-nav {
		visibility: visible;
		opacity: 1
	}

	.product-side-nav {
		display: none
	}

	.product-info .pdt-info-item>a:hover .pdt-info-pic .name {
		visibility: visible;
		opacity: 1
	}

	.product-info .pdt-info-cont {
		display: none
	}
}

@media (max-width:768px) {
	.product-info .pdt-info-list {
		margin-left: 0
	}

	.product-info .pdt-info-item {
		float: none;
		padding-left: 0;
		width: auto
	}

	.product-info .pdt-info-pic .name {
		padding: 10px 5%
	}
}

.product-details-info {
	overflow: hidden
}

.product-details-info .p-d-title .t {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #333
}

.product-details-info .p-d-title .t:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2em;
	height: 1px;
	background: #333;
	content: ''
}

.product-details-info .p-d-carousel {
	position: relative;
	z-index: 1
}

.product-details-info .p-d-carousel .carousel-pic {
	overflow: hidden
}

.product-details-info .p-d-carousel .carousel-pic img {
	width: 100%
}

.product-details-info .p-d-carousel .carousel-arrow {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	padding: 10px 0;
	text-align: center;
	line-height: 25px;
	background: rgba(255,255,255,.8);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.product-details-info .p-d-carousel .carousel-arrow .next,.product-details-info .p-d-carousel .carousel-arrow .prev {
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	vertical-align: top;
	background: no-repeat center center #007c64;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.product-details-info .p-d-carousel .carousel-arrow .next:hover,.product-details-info .p-d-carousel .carousel-arrow .prev:hover {
	background-color: #ef7c33
}

.product-details-info .p-d-carousel .carousel-arrow .prev {
	background-image: url(../images/prev.png)
}

.product-details-info .p-d-carousel .carousel-arrow .next {
	background-image: url(../images/next.png)
}

.product-details-info .p-d-carousel .carousel-arrow .page {
	display: inline-block;
	margin: 0 7px;
	font-family: Arial,sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #007c64
}

.product-details-info .p-d-carousel .carousel-arrow .page .n {
	color: #ef7c33
}

.product-details-info .p-d-desc {
	padding: 40px 0;
	text-align: justify
}

.product-details-info .p-d-desc .t {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	color: #007c64
}

.product-details-info .p-d-tab .p-d-t-nav {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 15px;
	background: #eee
}

.product-details-info .p-d-tab .p-d-t-nav::-webkit-scrollbar {
	display: none
}

.product-details-info .p-d-tab .p-d-tn-list {
	width: 7777px
}

.product-details-info .p-d-tab .p-d-tn-item {
	float: left;
	position: relative;
	z-index: 1;
	margin-right: 1px;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	background: #007c64;
	color: #fff;
	cursor: pointer
}

.product-details-info .p-d-tab .p-d-tn-item:before {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: -1;
	margin-left: -7px;
	border-top: 7px solid #ef7c33;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent
}

.product-details-info .p-d-tab .p-d-tn-item.active {
	background: #ef7c33
}

.product-details-info .p-d-tab .p-d-tn-item.active:before {
	content: ''
}

.product-details-info .p-d-tab .p-d-tc-item {
	display: none
}

.product-details-info .p-d-tab .p-d-tc-item.active {
	display: block
}

.product-details-info .p-d-tab .p-d-tc1 {
	padding: 30px 50px;
	text-align: justify;
	background: #eee
}

.product-details-info .p-d-tab .p-d-tc2 {
	font-weight: 700;
	text-align: center;
	line-height: 20px;
	color: #fff;
	overflow-x:auto;  overflow-y:hidden;-webkit-overflow-scrolling:touch;
}

.product-details-info .p-d-tab .p-d-tc2 tr {
	border-bottom: 5px solid #fff
}

.product-details-info .p-d-tab .p-d-tc2 td {
	padding: 15px 5%
}

.product-details-info .p-d-tab .p-d-tc2 .n {
	border-right: 2px solid #fff;
	background: #007c64
}

.product-details-info .p-d-tab .p-d-tc2 .c {
	background: #aaa
}

@media (max-width:1024px) {
	.product-details-info .p-d-title .t {
		font-size: 18px
	}

	.product-details-info .p-d-desc .t {
		font-size: 15px
	}

	.product-details-info .p-d-tab .p-d-tn-item {
		font-size: 15px
	}

	.product-details-info .p-d-tab .p-d-tc1 {
		padding: 5%
	}
}

@media (max-width:768px) {
	.product-details-info .p-d-carousel .carousel-arrow {
		padding: 5px 0
	}
}

@media (max-width:576px) {
	.product-details-info .p-d-title .t {
		margin-bottom: 20px
	}

	.product-details-info .p-d-desc {
		padding: 25px 0;
		font-size: 13px;
		line-height: 25px
	}

	.product-details-info .p-d-tab .p-d-tn-item {
		padding: 5px 10px;
		font-size: 13px;
		line-height: 20px
	}

	.product-details-info .p-d-tab .p-d-tc1 {
		font-size: 13px;
		line-height: 25px
	}

	.product-details-info .p-d-tab .p-d-tc2 {
		font-size: 13px;
		line-height: 25px
	}

	.product-details-info .p-d-tab .p-d-tc2 td {
		padding: 10px 5%
	}
}

.service-fw-title {
	margin-bottom: 30px;
	padding: 10px 5%;
	background: #007c64
}

.service-fw-title .t {
	font-size: 14px;
	line-height: 25px;
	color: #fff
}

.service-fw-title .t:before {
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	vertical-align: middle;
	content: ''
}

.service-fw-yl .details-body {
	margin: 0 auto;
	max-width: 600px;
	text-align: justify
}

.service-fw-jy,.service-fw-zx {
	background: #eee
}

.service-fw-jy .d-b--pic,.service-fw-sc .d-b--pic {
	float: left;
	margin-right: 30px;
	max-width: 40%
}

.service-fw-jy .d-b--pic .dc,.service-fw-sc .d-b--pic .dc {
	font-size: 14px;
	line-height: 20px;
	text-align: center
}

.service-fw-jy .d-b--cont,.service-fw-sc .d-b--cont {
	text-align: justify
}

@media (max-width:768px) {
	.service-fw-title {
		margin-bottom: 20px
	}

	.service-fw-title .t {
		font-size: 13px;
		line-height: 15px
	}

	.service-fw-title .t:before {
		margin-right: 5px;
		width: 7px;
		height: 7px
	}

	.service-fw-jy .d-b--pic,.service-fw-sc .d-b--pic {
		margin-right: 20px
	}

	.service-fw-jy .d-b--pic .dc,.service-fw-sc .d-b--pic .dc {
		font-size: 12px;
		line-height: 15px
	}

	.service-fw-jy .d-b--cont p,.service-fw-sc .d-b--cont p {
		font-size: 13px;
		line-height: 25px
	}
}

@media (max-width:576px) {
	.service-fw-jy .d-b--pic,.service-fw-sc .d-b--pic {
		float: none;
		margin: 0 auto 10px;
		max-width: 70%;
		text-align: center
	}
}

@media (max-width:425px) {
	.service-fw-jy .d-b--pic,.service-fw-sc .d-b--pic {
		max-width: 100%
	}
}

.service-bz .details-body {
	background: #eee
}

.service-bz .details-body img {
	margin: 0 auto
}

.service-bz .s-bz-cont {
	padding: 30px 110px
}

.service-bz .s-bz-cont .t {
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	color: #007c64
}

@media (max-width:1240px) {
	.service-bz .s-bz-cont {
		padding: 5% 10%
	}
}

@media (max-width:1024px) {
	.service-bz .s-bz-cont {
		padding: 5% 7%
	}
}

@media (max-width:768px) {
	.service-bz .s-bz-cont .t {
		font-size: 15px
	}

	.service-bz .s-bz-cont p {
		font-size: 13px;
		line-height: 25px
	}
}

.service-zc .s-zc-tab .s-zc-t-nav {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 15px;
	background: #eee
}

.service-zc .s-zc-tab .s-zc-t-nav::-webkit-scrollbar {
	display: none
}

.service-zc .s-zc-tab .s-zc-tn-list {
	width: 7777px
}

.service-zc .s-zc-tab .s-zc-tn-item {
	float: left;
	position: relative;
	z-index: 1;
	margin-right: 1px;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	background: #007c64;
	color: #fff;
	cursor: pointer
}

.service-zc .s-zc-tab .s-zc-tn-item:before {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: -1;
	margin-left: -7px;
	border-top: 7px solid #ef7c33;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent
}

.service-zc .s-zc-tab .s-zc-tn-item.active {
	background: #ef7c33
}

.service-zc .s-zc-tab .s-zc-tn-item.active:before {
	content: ''
}

.service-zc .s-zc-tab .s-zc-tc-item {
	display: none;
	padding: 4% 0
}

.service-zc .s-zc-tab .s-zc-tc-item.active {
	display: block
}

.service-zc .s-zc-tab .zc-gf-item {
	margin-top: -1px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.service-zc .s-zc-tab .zc-gf-item:after {
	content: '';
	display: block;
	clear: both
}

.service-zc .s-zc-tab .zc-gf-item a {
	display: block;
	padding: 15px 4%;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.service-zc .s-zc-tab .zc-gf-item a:hover {
	background: #eee;
	color: #ef7c33
}

.service-zc .s-zc-tab .zc-gf-item a:hover .i {
	background-image: url(../images/pdf-iconh.png)
}

.service-zc .s-zc-tab .zc-gf-item .i {
	float: right;
	margin-left: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/pdf-icon.png) no-repeat center center;
	background-size: cover;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.service-zc .s-zc-tab .zc-gf-item .c {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.service-zc .s-zc-tab .s-zc-lc .details-body {
	text-align: justify;
	color: #333
}

.service-zc .s-zc-tab .zc-wt-item {
	position: relative;
	z-index: 1;
	margin-top: -1px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.service-zc .s-zc-tab .zc-wt-item .wt-head {
	padding: 15px 4%;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .i {
	float: right;
	position: relative;
	z-index: 3;
	margin-top: 7px;
	margin-left: 30px;
	width: 15px;
	height: 15px
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .i:after,.service-zc .s-zc-tab .zc-wt-item .wt-head .i:before {
	position: absolute;
	background: #555;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .i:before {
	top: 6px;
	width: 100%;
	height: 3px
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .i:after {
	left: 6px;
	width: 3px;
	height: 100%
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .c {
	overflow: hidden;
	font-size: 16px;
	line-height: 30px
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .n {
	float: left;
	margin-right: .5em
}

.service-zc .s-zc-tab .zc-wt-item .wt-head .ct {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.service-zc .s-zc-tab .zc-wt-item .wt-head:hover {
	background: #eee;
	color: #ef7c33
}

.service-zc .s-zc-tab .zc-wt-item .wt-head:hover .i:after,.service-zc .s-zc-tab .zc-wt-item .wt-head:hover .i:before {
	background: #ef7c33
}

.service-zc .s-zc-tab .zc-wt-item .wt-head:after {
	content: '';
	display: block;
	clear: both
}

.service-zc .s-zc-tab .zc-wt-item .wt-cont {
	display: none;
	padding: 30px 4%;
	width: 100%;
	background: #eee
}

.service-zc .s-zc-tab .zc-wt-item .wt-c-i {
	line-height: 30px
}

.service-zc .s-zc-tab .zc-wt-item .wt-c-i .n {
	float: left;
	margin-right: .5em;
	font-size: 16px;
	color: #333
}

.service-zc .s-zc-tab .zc-wt-item .wt-c-i .c {
	overflow: hidden
}

.service-zc .s-zc-tab .zc-wt-item .wt-c-i:after {
	content: '';
	display: block;
	clear: both
}

.service-zc .s-zc-tab .zc-wt-item.active {
	z-index: 3
}

.service-zc .s-zc-tab .zc-wt-item.active .wt-head .ct {
	white-space: normal;
	-o-text-overflow: clip;
	text-overflow: clip
}

.service-zc .s-zc-tab .zc-wt-item.active .wt-head .i:before {
	-webkit-transform: scale(.7,1);
	-ms-transform: scale(.7,1);
	transform: scale(.7,1);
	background: #ef7c33
}

.service-zc .s-zc-tab .zc-wt-item.active .wt-head .i:after {
	visibility: hidden;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.service-zc .s-zc-tab .zc-wt-item.active .wt-head:hover {
	background: #fff;
	color: #333
}

@media (max-width:1024px) {
	.service-zc .s-zc-tab .s-zc-tn-item {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.service-zc .s-zc-tab .zc-gf-item a {
		padding: 10px 4%;
		font-size: 13px;
		line-height: 25px
	}

	.service-zc .s-zc-tab .zc-gf-item .i {
		width: 25px;
		height: 25px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-head {
		padding: 10px 4%
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-head .i {
		margin-top: 6px;
		margin-left: 15px;
		width: 12px;
		height: 12px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-head .i:before {
		top: 5px;
		height: 2px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-head .i:after {
		left: 5px;
		width: 2px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-head .c {
		font-size: 13px;
		line-height: 25px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-cont {
		padding: 5% 4%
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-c-i {
		line-height: 25px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-c-i .n {
		font-size: 13px
	}

	.service-zc .s-zc-tab .zc-wt-item .wt-c-i .c {
		font-size: 13px
	}

	.service-zc .s-zc-lc .details-body {
		font-size: 13px
	}
}

@media (max-width:576px) {
	.service-zc .s-zc-tab .s-zc-tn-item {
		padding: 5px 10px;
		font-size: 13px;
		line-height: 20px
	}
}

.case-pe-gs .details-body,.case-pe-rq .details-body,.case-pp-gs .details-body {
	padding: 5% 0
}

.hr-idea-head {
	overflow: hidden;
	height: 180px;
	text-align: center
}

.hr-idea-head .hr-ih-list {
	display: inline-block;
	vertical-align: top
}

.hr-idea-head .hr-ih-item {
	float: left;
	margin: 0 40px;
	border-radius: 50%;
	padding: 40px 20px;
	width: 180px;
	height: 180px;
	background: #eee;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.hr-idea-head .hr-ih-item img {
	margin-bottom: 16px;
	width: 64px
}

.hr-idea-head .hr-ih-item .h {
	display: none
}

.hr-idea-head .hr-ih-item .c {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s
}

.hr-idea-head .hr-ih-item:hover {
	background: #007c64
}

.hr-idea-head .hr-ih-item:hover .c {
	color: #fff
}

.hr-idea-head .hr-ih-item:hover .h {
	display: inline-block
}

.hr-idea-head .hr-ih-item:hover .s {
	display: none
}

.hr-idea-body {
	position: relative;
	z-index: 1;
	margin-top: 12%;
	padding-left: 50%
}

.hr-idea-body .hr-ib-left {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 50%;
	height: 100%
}

.hr-idea-body .hr-ib-pic {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover
}

.hr-idea-body .hr-ib-pic img {
	display: none
}

.hr-idea-body .hr-ib-right {
	padding: 20% 6.5%;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
	background: #eee
}

.hr-idea-body .hr-ib-right .t {
	font-size: 24px;
	line-height: 30px;
	color: #ef7c33
}

@media (max-width:1240px) {
	.hr-idea-head .hr-ih-item {
		margin: 0 25px
	}

	.hr-idea-body {
		margin-top: 10%
	}

	.hr-idea-body .hr-ib-right {
		padding: 17% 7%;
		font-size: 14px;
		line-height: 25px
	}

	.hr-idea-body .hr-ib-right .t {
		font-size: 18px;
		line-height: 25px
	}
}

@media (max-width:768px) {
	.hr-idea-head {
		height: 150px
	}

	.hr-idea-head .hr-ih-list {
		margin: 0 -15px
	}

	.hr-idea-head .hr-ih-item {
		margin: 0 15px;
		padding: 35px 20px;
		width: 150px;
		height: 150px
	}

	.hr-idea-head .hr-ih-item img {
		margin-bottom: 15px;
		width: 50px
	}

	.hr-idea-head .hr-ih-item .c {
		font-size: 13px;
		line-height: 15px
	}

	.hr-idea-body .hr-ib-right {
		padding: 12% 10%;
		font-size: 13px;
		line-height: 20px
	}

	.hr-idea-body .hr-ib-right .t {
		font-size: 16px;
		line-height: 20px
	}
}

@media (max-width:576px) {
	.hr-idea-head {
		height: 100px
	}

	.hr-idea-head .hr-ih-list {
		margin: 0 -10px
	}

	.hr-idea-head .hr-ih-item {
		margin: 0 10px;
		padding: 20px;
		width: 100px;
		height: 100px
	}

	.hr-idea-head .hr-ih-item img {
		margin-bottom: 14px;
		width: 36px
	}

	.hr-idea-head .hr-ih-item .c {
		font-size: 12px;
		line-height: 10px
	}

	.hr-idea-body {
		padding-left: 0
	}

	.hr-idea-body .hr-ib-left {
		position: relative;
		top: auto;
		left: auto;
		width: 100%
	}

	.hr-idea-body .hr-ib-pic {
		background: 0 0!important
	}

	.hr-idea-body .hr-ib-pic img {
		display: block;
		width: 100%
	}

	.hr-idea-body .hr-ib-right {
		padding: 10% 5%
	}
}

@media (max-width:425px) {
	.hr-idea-head {
		height: 80px
	}

	.hr-idea-head .hr-ih-item {
		padding: 15px;
		width: 80px;
		height: 80px
	}

	.hr-idea-head .hr-ih-item img {
		margin-bottom: 8px;
		width: 32px
	}

	.hr-idea-body .hr-ib-right .t {
		font-size: 15px
	}
}

.hr-recruit .recruit-item {
	margin-bottom: 1px
}

.hr-recruit .zp-head {
	padding: 20px 30px;
	background: #007c64;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.hr-recruit .zp-head:after {
	content: '';
	display: block;
	clear: both
}

.hr-recruit .zp-head:hover {
	background: #ef7c33
}

.hr-recruit .zp-head.active {
	background: #ef7c33
}

.hr-recruit .zp-head.active .i:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	visibility: hidden
}

.hr-recruit .zp-head .i {
	float: right;
	position: relative;
	z-index: 3;
	margin-top: 5px;
	margin-left: 20px;
	width: 11px;
	height: 11px
}

.hr-recruit .zp-head .i:after,.hr-recruit .zp-head .i:before {
	position: absolute;
	background: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}

.hr-recruit .zp-head .i:before {
	top: 5px;
	left: 0;
	width: 100%;
	height: 1px
}

.hr-recruit .zp-head .i:after {
	top: 0;
	left: 5px;
	width: 1px;
	height: 100%
}

.hr-recruit .zp-head .c {
	overflow: hidden;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #fff
}

.hr-recruit .zp-body {
	display: none;
	padding: 30px 50px;
	text-align: justify;
	background: #f1f1f1;
	color: #333
}

.hr-recruit .zp-body .t {
	font-weight: 700;
	color: #ef7c33
}

@media (max-width:1024px) {
	.hr-recruit .zp-head {
		padding: 15px 5%
	}

	.hr-recruit .zp-body {
		padding: 20px 5%
	}
}

@media (max-width:768px) {
	.hr-recruit .zp-body {
		font-size: 13px
	}
}

@media (max-width:576px) {
	.hr-recruit .zp-head {
		padding: 10px 5%
	}

	.hr-recruit .zp-body {
		padding: 15px 5%;
		line-height: 25px
	}
}

@media (max-width:425px) {
	.hr-recruit .zp-body {
		font-size: 12px
	}
}

.contact .contact-cont {
	margin-top: -30px
}

.contact .contact-map {
	margin-top: 40px;
	height: 600px
}

.contact .map {
	height: 100%
}

.contact .map .anchorBL {
	display: none!important
}

.contact-item {
	margin-bottom: 1px;
	padding: 25px 30px;
	background: #007c64;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.contact-item:hover {
	background: #ef7c33
}

.contact-item:after {
	content: '';
	display: block;
	clear: both
}

.contact-item .i {
	float: left;
	margin-right: 15px
}

.contact-item .i img {
	width: 40px
}

.contact-item .c {
	overflow: hidden
}

.contact-item .n {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px
}

.contact-item .c-c {
	font-size: 16px;
	font-weight: 700;
	line-height: 15px
}

@media (max-width:1240px) {
	.contact .contact-map {
		margin-top: 30px;
		height: 480px
	}
}

@media (max-width:1024px) {
	.contact .contact-map {
		height: 400px
	}

	.contact-item {
		padding: 20px 5%
	}
}

@media (max-width:768px) {
	.contact .contact-map {
		height: 300px
	}

	.contact-item {
		padding: 15px 5%
	}
}

@media (max-width:576px) {
	.contact .container {
		max-width: 100%
	}

	.contact-item {
		padding: 10px 5%
	}

	.contact-item .i img {
		width: 30px
	}

	.contact-item .n {
		font-size: 12px;
		line-height: 10px
	}

	.contact-item .c-c {
		font-size: 14px;
		line-height: 15px
	}
}

.news-2-pages li {
	display: inline-block;
}

.news-2-pages a,
.news-2-pages span {
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border: 1px solid #676767;
	color: #676767;
	font-size: 14px;
	margin: 0 5px;
}
.news-2-pages a:hover{
	border: 1px solid #ef7c33;
	color: #fff;
	background: #ef7c33;
}
.news-2-pages .active span{
	border: 1px solid #007c64;
	color: #fff;
	background: #007c64;
}

.apply-inner img{
    max-width: 100%;
}
.apply-inner a:before,.apply-inner  a:after,.apply-inner  *:before,.apply-inner  *:after,.apply-inner  .trans {
    transition: all .4s ease 0s;
}

.apply-inner .apply-tab-list .item {
  text-align: center;
}

.apply-inner .apply-tab-list .link {
  display: block;
  position: relative;
}

.apply-inner .apply-tab-list .link:hover,
.apply-inner .apply-tab-list .link:active {
  top: -5px;
}

.apply-inner .apply-tab-list .link:hover .img,
.apply-inner .apply-tab-list .link:active .img {
  filter: brightness(100);
}

.apply-inner .apply-tab-list .link:hover .ico,
.apply-inner .apply-tab-list .link:active .ico {
  background: #d0111b;
}

.apply-inner .apply-tab-list .ico {
  position: relative;
  border-radius: 10px;
  padding: 15px;
  background: #f7f8f8;
  border: solid 1px #e7e8e8;
}

.apply-inner .apply-tab-list .cn {
  padding: 5px 0;
}

.apply-inner .apply-tab-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.apply-inner .apply-tab-content .item {
  width: 31.5%;
  margin-bottom: 2.5%;
  position: relative;
  cursor: pointer;
}

.apply-inner .apply-tab-content .item:after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
            .apply-inner .apply-tab-content .item:hover:after,
.apply-inner .apply-tab-content .item:active:after {
  height: 100%;
}

.apply-inner .apply-tab-content .item:hover .desc,
.apply-inner .apply-tab-content .item:active .desc {
  height: auto;
  opacity: 1;
}

.apply-inner .apply-tab-content .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8% 12%;
  z-index: 2;
}

.apply-inner .apply-tab-content .title {
  font-size: 30px;
  font-weight: bold;
}

.apply-inner .apply-tab-content .desc {
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  line-height: 1.8;
  opacity: 0;
  height: 0;
}
@media screen and (max-width: 991px) {
    .apply-inner .apply-tab-content .item {
        width: 48.5%;
    }
    .apply-inner .apply-tab-content .pic img {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    .apply-inner .apply-tab-content .title {
        font-size: 20px;
    }
    .apply-inner .apply-tab-content .desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        font-size: 14px;
    }
}


/* 产品 */
.product2 {
    background: #f5f5f5;
    overflow: hidden;
    padding: 100px 0;
    width: 100%;
}
.product2 .product-item {
    background: #fff;
    display: block;
    margin: 0 0 50px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in;
    width: 100%;
}
.product2 .product-item:hover {
    box-shadow: 0 0 15px #0000001a;
}
.product-img {
    float: left;
    height: 280px;
    overflow: hidden;
    padding: 20px;
    width: 280px;
}
.product2 .product-item:hover .product-img img {
    transform: scale(1.5);
}
.product-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: scale(1.4);
    transition: all .5s ease-in;
    width: 100%;
}
.product-txt {
    border-left: 1px solid #e1e1e1;
    float: left;
    margin: 50px 0;
    overflow: hidden;
    padding: 0 60px;
    width: calc(100% - 280px);
}
.product2 .product-txt .p1 {
    color: #595757;
    font-family: Roboto-B;
    font-size: 20px;
    font-weight: 700;
}
.product-txt h4 {
    color: #333;
    font-size: 24px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 20px;
    white-space: nowrap;
}
.product2 .product-item:hover .product-txt h4 {
    color: #007c64;
    font-weight: 700;
}
.product-txt .txt-txt, .product-txt h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.product-txt .txt-txt {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    font-size: 16px;
    height: 100px;
    line-height: 25px;
}
.product2 .product-item .product-more {
    bottom: 0;
    height: 45px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 75px;
}
.product-more:before {
    background: #b1b1b1;
    content: "";
    display: block;
    height: 100%;
    margin-left: 6px;
    overflow: hidden;
    transform: skew(-15deg);
    width: 100%;
}
.product-more:after {
    background-image: url(../picture/product-right.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -10px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 24px;
    z-index: 2;
}
.product-more .more-icon {
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s ease-in;
    width: 0;
}
.product2 .product-item:hover .product-more .more-icon {
    height: 100%;
    width: 100%;
}
.product-more .more-icon:before {
    background: #007c64;
    content: "";
    display: block;
    height: 100%;
    margin-left: 6px;
    overflow: hidden;
    transform: skew(-15deg);
    width: 100%;
}

@media only screen and (min-width: 1400px) {
    .product2 .product-item:nth-of-type(odd) {
        margin: 0 40px 40px 0;
    }
	.product-img {
        height: 280px;
        padding: 20px;
        width: 280px;
    }
	.product-txt {
        margin: 50px 0;
        padding: 0 45px;
        width: calc(100% - 280px);
    }
	.product-txt h4 {
        font-size: 24px;
        height: 35px;
        line-height: 35px;
        margin: 0 0 20px;
    }
	.product-txt .txt-txt {
        font-size: 16px;
        height: 100px;
        line-height: 25px;
    }
	.product2 .product-item .product-more {
        height: 45px;
        width: 75px;
    }
	.product-more:after {
        height: 24px;
        margin: -12px 0 0 -10px;
        width: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .product2 .product-item:nth-of-type(odd) {
        margin: 0 30px 30px 0;
    }
	.product-img {
        height: 240px;
        padding: 15px;
        width: 240px;
    }
	.product-txt {
        margin: 42px 0;
        padding: 0 35px;
        width: calc(100% - 240px);
    }
	.product-txt h4 {
        font-size: 21px;
        height: 30px;
        line-height: 30px;
        margin: 0 0 15px;
    }
	.product-txt .txt-txt {
        font-size: 14px;
        height: 88px;
        line-height: 22px;
    }
	.product2 .product-item .product-more {
        height: 40px;
        width: 65px;
    }
	.product-more:after {
        height: 20px;
        margin: -10px 0 0 -8px;
        width: 20px;
    }
}


@media only screen and (min-width: 992px) {
    .product2 .product-item {
        float: left;
        width: calc(50% - 10px);
    }
	.product2 .product-item:nth-of-type(odd) {
        margin: 0 20px 20px 0;
    }
    .product-img {
        height: 200px;
        padding: 10px;
        width: 200px;
    }
    .product-txt {
        margin: 32px 0;
        padding: 0 25px;
        width: calc(100% - 200px);
    }
    .product-txt h4 {
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .product-txt .txt-txt {
        font-size: 12px;
        height: 80px;
        line-height: 20px;
    }
    .product2 .product-item .product-more {
        height: 35px;
        width: 55px;
    }
    .product-more:after {
        height: 16px;
        margin: -8px 0 0 -6px;
        width: 16px;
    }
}


@media only screen and (max-width: 750px) {
    .product2 .product-item {
        margin: 0 0 20px;
    }
	.product-img {
        height: 140px;
        padding: 10px 0;
        width: 120px;
    }
    .product-txt {
        margin: 20px 0;
        padding: 0 30px 0 20px;
        width: calc(100% - 120px);
    }
    .product2 .product-txt .p1 {
        font-size: 14px;
    }
    .product-txt h4 {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        margin: 0 0 8px;
    }
    .product-txt .txt-txt {
        -webkit-line-clamp: 3;
        font-size: 12px;
        height: 54px;
        line-height: 18px;
    }
    .product2 .product-item .product-more {
        height: 25px;
        width: 40px;
    }
    .product-more:after {
        height: 14px;
        margin: -7px 0 0 -5px;
        width: 14px;
    }
}