html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1;
	font-family: "Source Han Sans CN", "Microsoft YaHei", "PingFang SC", Hiragino Sans GB, "STSong", "SimSun", Arial, sans-serif;
	font-size: 0;
	color: #262626;
	-webkit-tap-highlight-color: transparent
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a {
	text-decoration: none;
	color: #262626
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
[class*=' icon-'], [class^=icon-] {
	font-family: "iconfont";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-transform: none
}
.v-rl {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl
}
.v-lr {
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr
}
.wow {
	visibility: hidden
}



.no-cssanimations .wow {
	visibility: visible
}

.mb-30 {
	margin-bottom: 30px
}

.mb-100 {
	margin-bottom: 100px
}


.mt-10 {
	margin-top: 10px
}
.mt-20 {
	margin-top: 20px
}
.mt-30 {
	margin-top: 30px
}
.mt-40 {
	margin-top: 40px
}
.mt-50 {
	margin-top: 50px
}
.mt-60 {
	margin-top: 60px
}
.mt-70 {
	margin-top: 70px
}
.mt-80 {
	margin-top: 80px
}
.mt-90 {
	margin-top: 90px
}
.mt-100 {
	margin-top: 100px
}
.mt-110 {
	margin-top: 110px
}
.mt-120 {
	margin-top: 120px
}
.mt-130 {
	margin-top: 130px
}
.mt-140 {
	margin-top: 140px
}
.mt-150 {
	margin-top: 150px
}
.mt-160 {
	margin-top: 160px
}
.mt-170 {
	margin-top: 170px
}
.mt-180 {
	margin-top: 180px
}
.mt-190 {
	margin-top: 190px
}
.mt-200 {
	margin-top: 200px
}
.pt-10 {
	padding-top: 10px
}
.pt-20 {
	padding-top: 20px
}
.pt-30 {
	padding-top: 30px
}
.pt-40 {
	padding-top: 40px
}
.pt-50 {
	padding-top: 50px
}
.pt-60 {
	padding-top: 60px
}
.pt-70 {
	padding-top: 70px
}
.pt-80 {
	padding-top: 80px
}
.pt-90 {
	padding-top: 90px
}
.pt-100 {
	padding-top: 100px
}
.pt-110 {
	padding-top: 110px
}
.pt-120 {
	padding-top: 120px
}
.pt-130 {
	padding-top: 130px
}
.pt-140 {
	padding-top: 140px
}
.pt-150 {
	padding-top: 150px
}
.pt-160 {
	padding-top: 160px
}
.pt-170 {
	padding-top: 170px
}
.pt-180 {
	padding-top: 180px
}
.pt-190 {
	padding-top: 190px
}
.pt-200 {
	padding-top: 200px
}

@media (max-width: 1440px) {
.mt-10 {
	margin-top: 8px
}
.mt-20 {
	margin-top: 16px
}
.mt-30 {
	margin-top: 24px
}
.mt-40 {
	margin-top: 32px
}
.mt-50 {
	margin-top: 40px
}
.mt-60 {
	margin-top: 48px
}
.mt-70 {
	margin-top: 56px
}
.mt-80 {
	margin-top: 64px
}
.mt-90 {
	margin-top: 72px
}
.mt-100 {
	margin-top: 80px
}
.mt-110 {
	margin-top: 88px
}
.mt-120 {
	margin-top: 96px
}
.mt-130 {
	margin-top: 104px
}
.mt-140 {
	margin-top: 112px
}
.mt-150 {
	margin-top: 120px
}
.mt-160 {
	margin-top: 128px
}
.mt-170 {
	margin-top: 136px
}
.mt-180 {
	margin-top: 144px
}
.mt-190 {
	margin-top: 152px
}
.mt-200 {
	margin-top: 160px
}
.pt-10 {
	padding-top: 8px
}
.pt-20 {
	padding-top: 16px
}
.pt-30 {
	padding-top: 24px
}
.pt-40 {
	padding-top: 32px
}
.pt-50 {
	padding-top: 40px
}
.pt-60 {
	padding-top: 48px
}
.pt-70 {
	padding-top: 56px
}
.pt-80 {
	padding-top: 64px
}
.pt-90 {
	padding-top: 72px
}
.pt-100 {
	padding-top: 80px
}
.pt-110 {
	padding-top: 88px
}
.pt-120 {
	padding-top: 96px
}
.pt-130 {
	padding-top: 104px
}
.pt-140 {
	padding-top: 112px
}
.pt-150 {
	padding-top: 120px
}
.pt-160 {
	padding-top: 128px
}
.pt-170 {
	padding-top: 136px
}
.pt-180 {
	padding-top: 144px
}
.pt-190 {
	padding-top: 152px
}
.pt-200 {
	padding-top: 160px
}
}



.page {

	text-align: center;
}

.page ul {
	overflow: hidden;
	text-align: center;
	display: inline-block;
	margin: 30px 0;
}

.page ul li {
	float: left;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 3px;
	border-radius: 35px;
	margin: 0 5px;
	transition: .5s;
}

.page ul li a {
	transition: .5s;
}

.page ul li.on {
	background: #31743e;
	border: 1px solid #31743e;
}

.page ul li:hover {
	background: #31743e;
	border: 1px solid #31743e;
}

.page ul li:hover a {
	color: #fff;
}

.page ul li.on a {
	color: #fff;
}

.page ul li a {
	display: block;
	padding: 10px 15px;
	color: #333;
	font-size: 14px;
}









@media (max-width: 1366px) {
.mt-10 {
	margin-top: 7px
}
.mt-20 {
	margin-top: 14px
}
.mt-30 {
	margin-top: 21px
}
.mt-40 {
	margin-top: 28px
}
.mt-50 {
	margin-top: 35px
}
.mt-60 {
	margin-top: 42px
}
.mt-70 {
	margin-top: 49px
}
.mt-80 {
	margin-top: 56px
}
.mt-90 {
	margin-top: 63px
}
.mt-100 {
	margin-top: 70px
}
.mt-110 {
	margin-top: 77px
}
.mt-120 {
	margin-top: 84px
}
.mt-130 {
	margin-top: 91px
}
.mt-140 {
	margin-top: 98px
}
.mt-150 {
	margin-top: 105px
}
.mt-160 {
	margin-top: 112px
}
.mt-170 {
	margin-top: 119px
}
.mt-180 {
	margin-top: 126px
}
.mt-190 {
	margin-top: 133px
}
.mt-200 {
	margin-top: 140px
}
.pt-10 {
	padding-top: 7px
}
.pt-20 {
	padding-top: 14px
}
.pt-30 {
	padding-top: 21px
}
.pt-40 {
	padding-top: 28px
}
.pt-50 {
	padding-top: 35px
}
.pt-60 {
	padding-top: 42px
}
.pt-70 {
	padding-top: 49px
}
.pt-80 {
	padding-top: 56px
}
.pt-90 {
	padding-top: 63px
}
.pt-100 {
	padding-top: 70px
}
.pt-110 {
	padding-top: 77px
}
.pt-120 {
	padding-top: 84px
}
.pt-130 {
	padding-top: 91px
}
.pt-140 {
	padding-top: 98px
}
.pt-150 {
	padding-top: 105px
}
.pt-160 {
	padding-top: 112px
}
.pt-170 {
	padding-top: 119px
}
.pt-180 {
	padding-top: 126px
}
.pt-190 {
	padding-top: 133px
}
.pt-200 {
	padding-top: 140px
}
}

@media (max-width: 1024px) {
.mt-40 {
	margin-top: 24px
}
.mt-50 {
	margin-top: 30px
}
.mt-60 {
	margin-top: 36px
}
.mt-70 {
	margin-top: 42px
}
.mt-80 {
	margin-top: 48px
}
.mt-90 {
	margin-top: 54px
}
.mt-100 {
	margin-top: 60px
}
.mt-110 {
	margin-top: 66px
}
.mt-120 {
	margin-top: 72px
}
.mt-130 {
	margin-top: 78px
}
.mt-140 {
	margin-top: 84px
}
.mt-150 {
	margin-top: 90px
}
.mt-160 {
	margin-top: 96px
}
.mt-170 {
	margin-top: 102px
}
.mt-180 {
	margin-top: 108px
}
.mt-190 {
	margin-top: 114px
}
.mt-200 {
	margin-top: 120px
}
.pt-40 {
	padding-top: 24px
}
.pt-50 {
	padding-top: 30px
}
.pt-60 {
	padding-top: 36px
}
.pt-70 {
	padding-top: 42px
}
.pt-80 {
	padding-top: 48px
}
.pt-90 {
	padding-top: 54px
}
.pt-100 {
	padding-top: 60px
}
.pt-110 {
	padding-top: 66px
}
.pt-120 {
	padding-top: 72px
}
.pt-130 {
	padding-top: 78px
}
.pt-140 {
	padding-top: 84px
}
.pt-150 {
	padding-top: 90px
}
.pt-160 {
	padding-top: 96px
}
.pt-170 {
	padding-top: 102px
}
.pt-180 {
	padding-top: 108px
}
.pt-190 {
	padding-top: 114px
}
.pt-200 {
	padding-top: 120px
}
}
.list {
	font-size: 0
}
.list>li {
	display: inline-block;
	vertical-align: top
}
.list-1>li {
	width: 100%
}
.list-2>li {
	width: 50%
}
.list-3>li {
	width: 33.33333%
}
.list-4>li {
	width: 25%
}
.list-5>li {
	width: 20%
}
.list-6>li {
	width: 16.66667%
}
.list-default {
	margin-right: -15px;
	margin-left: -15px
}
.list-item {
	margin-right: 15px;
	margin-left: 15px
}
.list-mb100>li {
	margin-bottom: 100px
}

.list-mb30>li {
	margin-bottom: 30px
}


.list-mb10>li {
	margin-bottom: 10px
}
.list-lr2 {
	margin-left: -2px;
	margin-right: -2px
}
.list-lr2__item {
	margin-left: 2px;
	margin-right: 2px
}

@media (min-width: 1025px) {
.list .item-pic img {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}
.list a:hover .item-pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}

@media (max-width: 1440px) {
.list-mb100>li {
	margin-bottom: 96px
}
}

@media (max-width: 1024px) {
.list-mb100>li {
	margin-bottom: 70px
}
.list-5>li {
	width: 25%
}
}

@media (max-width: 768px) {
.list-4>li {
	width: 33.33%
}
.list-5>li {
	width: 33.33%
}
}

@media (max-width: 650px) {
.list-4>li, .list-3>li {
	width: 100%
}
.list-mb100>li {
	margin-bottom: 50px
}
}

@media (max-width: 500px) {
.list-5>li {
	width: 50%
}
}
.line1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}
.line-multiy, .line2, .line3, .line4, .line5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.line2 {
	-webkit-line-clamp: 2
}
.line3 {
	-webkit-line-clamp: 3
}
.line4 {
	-webkit-line-clamp: 4
}
.line5 {
	-webkit-line-clamp: 5
}
.wx-share {
	margin-top: -85px;
	margin-left: -70px;
	border-radius: 3px;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	width: 140px;
	padding-top: 20px;
	background-color: #fff;
	cursor: pointer;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}
.wx-share img {
	display: block;
	width: 120px;
	margin: 0 auto
}
.wx-share p {
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	font-weight: 500;
	color: #000
}
.wx-share i {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #000
}
.img-box {
	position: relative;
	overflow: hidden
}
.img-box::before {
	content: "";
	display: block
}
.img-box>img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
@font-face {
	font-family: "HarmonyOSSansbold";
	src: url('../assets/fonts/HarmonyOSSansbold/HarmonyOSSansbold.eot?1648013936');
	src: url('../assets/fonts/HarmonyOSSansbold/HarmonyOSSansbold.eot?&1648013936#iefix') format('embedded-opentype'), url('../assets/fonts/HarmonyOSSansbold/HarmonyOSSansbold.woff?1648013936') format('woff'), url('../assets/fonts/HarmonyOSSansbold/HarmonyOSSansbold.ttf?1648013936') format('truetype');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: "Helvetica Regular";
	src: url('../assets/fonts/Helvetica Regular/Helvetica Regular.eot?1619669178');
	src: url('../assets/fonts/Helvetica Regular/Helvetica Regular.eot?&1619669178#iefix') format('embedded-opentype'), url('../assets/fonts/Helvetica Regular/Helvetica Regular.woff?1616731018') format('woff'), url('../assets/fonts/Helvetica Regular/Helvetica Regular.ttf?1566365826') format('truetype');
	font-weight: 400;
	font-style: normal
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall
}
@-webkit-keyframes fadeUpAnime {
from {
opacity:0;
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeUpAnime {
from {
opacity:0;
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeUpAnime {
	-webkit-animation-name: fadeUpAnime;
	animation-name: fadeUpAnime;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 0
}
@-webkit-keyframes moveRightIn {
50% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
51% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes moveRightIn {
50% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
51% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes moveLeftIn {
50% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
51% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes moveLeftIn {
50% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
51% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes moveDown {
50% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
51% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@keyframes moveDown {
50% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
51% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@-webkit-keyframes moveUp {
50% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
opacity:0
}
51% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@keyframes moveUp {
50% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
opacity:0
}
51% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@-webkit-keyframes lazyReveal {
0% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1);
animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
50% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50.1% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1);
animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
to {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:center top;
transform-origin:center top
}
}
@keyframes lazyReveal {
0% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1);
animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
50% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50.1% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1);
animation-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
to {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:center top;
transform-origin:center top
}
}
@-webkit-keyframes background-intro {
0% {
opacity:1;
-webkit-transform:scaleY(0) translateY(105%);
transform:scaleY(0) translateY(105%)
}
10% {
opacity:1
}
50% {
-webkit-transform:scaleY(1) translateY(0);
transform:scaleY(1) translateY(0)
}
to {
-webkit-transform:scaleY(1) translateY(-105%);
transform:scaleY(1) translateY(-105%)
}
}
@keyframes background-intro {
0% {
opacity:1;
-webkit-transform:scaleY(0) translateY(105%);
transform:scaleY(0) translateY(105%)
}
10% {
opacity:1
}
50% {
-webkit-transform:scaleY(1) translateY(0);
transform:scaleY(1) translateY(0)
}
to {
-webkit-transform:scaleY(1) translateY(-105%);
transform:scaleY(1) translateY(-105%)
}
}
@-webkit-keyframes image-intro {
0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
20% {
opacity:1
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes image-intro {
0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
20% {
opacity:1
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes fadeUpAnime {
from {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.delay-250 {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}
.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}
.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}
.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}
.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}
.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}
.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}
body {
	-webkit-backface-visibility: hidden
}
.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.hinge {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);
transform:perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) scale(1);
transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(0.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(0.9)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(0.3);
transform:scale(0.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1)
}
25% {
-webkit-transform:scale(0.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(0.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(0.95);
transform:scale(0.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(0.3);
transform:scale(0.3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
.animated.lightSpeedIn {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
.animated.lightSpeedOut {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform:skewX(9deg)
}
10% {
-webkit-transform:skewX(-8deg)
}
20% {
-webkit-transform:skewX(7deg)
}
30% {
-webkit-transform:skewX(-6deg)
}
40% {
-webkit-transform:skewX(5deg)
}
50% {
-webkit-transform:skewX(-4deg)
}
60% {
-webkit-transform:skewX(3deg)
}
70% {
-webkit-transform:skewX(-2deg)
}
80% {
-webkit-transform:skewX(1deg)
}
90% {
-webkit-transform:skewX(0deg)
}
100% {
-webkit-transform:skewX(0deg)
}
}
@keyframes wiggle {
0% {
-webkit-transform:skewX(9deg);
transform:skewX(9deg)
}
10% {
-webkit-transform:skewX(-8deg);
transform:skewX(-8deg)
}
20% {
-webkit-transform:skewX(7deg);
transform:skewX(7deg)
}
30% {
-webkit-transform:skewX(-6deg);
transform:skewX(-6deg)
}
40% {
-webkit-transform:skewX(5deg);
transform:skewX(5deg)
}
50% {
-webkit-transform:skewX(-4deg);
transform:skewX(-4deg)
}
60% {
-webkit-transform:skewX(3deg);
transform:skewX(3deg)
}
70% {
-webkit-transform:skewX(-2deg);
transform:skewX(-2deg)
}
80% {
-webkit-transform:skewX(1deg);
transform:skewX(1deg)
}
90% {
-webkit-transform:skewX(0deg);
transform:skewX(0deg)
}
100% {
-webkit-transform:skewX(0deg);
transform:skewX(0deg)
}
}
.wiggle {
	-webkit-animation-name: wiggle;
	animation-name: wiggle;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
.animated.wiggle {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
[dir="rtl"] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 360
}
.header-place, .page-place {
	height: 70px
}
.header-main {
	position: relative;
	max-height: 100px
}
.logo {
	display: inline-block;
	height: 50px;margin-top: 20px
}
.logo img {
	height: 100%;
	width: auto;
	-webkit-transform-origin: left center;
	transform-origin: left center
}






@media (min-width: 1025px) {
.head-all__btn {
	display: none
}
.header-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.hm-link {
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	position: relative;
	-webkit-transition: padding .4s, color .3s;
	-o-transition: padding .4s, color .3s;
	transition: padding .4s, color .3s;
	padding-top: 36px;
	top: -17px
}
	
	
	
	
.hm-link span {
	display: block;
	position: relative;
	padding: 6px 0
}
.hm-link span::after {
	-webkit-transition: transform .3s linear;
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #31743e;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
.hm-link .icon-down2 {
	display: none
}
.hm-link:hover {
	color: #31743e
}
.header-menu {
	position: relative
}
.header-menu>li.on .hm-link span::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.header-menu>li.active .js-subnav {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.header-menu>li.active .head-sub__intro, .header-menu>li.active .head-sub__list {
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.header {
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s
}
._scroll .header {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}
.js-subnav {
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top center;
	transform-origin: top center;
	position: absolute;
	left: 0;
	top: 100%
}
.head-subnav {
	position: absolute;
	left:10%;
	top: 100%;
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	width: 1110px;
	background-color: #fff;
	padding: 40px 80px 80px 80px;
	border-top: 1px solid rgba(0,0,0,0.1)
}
.head-subnav::after {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	width: 600px;
	height: 100%;
	background-color: #fff
}
.head-subnav__cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.head-sub__intro, .head-sub__list {
	opacity: 0
}
.head-sub__intro {
	width: 55.6%;
	padding-right: 40px;
	line-height: 1.54545;
	letter-spacing: 1px;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)
}
.head-sub__intro p {
	max-width: 350px;
	text-align: justify
}
.head-sub__intro p br {
	display: none
}
.head-sub__list {
	width: 44.4%;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}
.head-sub__list li {
	border-bottom: 1px solid rgba(17,17,17,0.1);
	margin-bottom: 10px
}
.head-sub__list a {
	letter-spacing: 1px;
	line-height: 1.6;
	display: block;
	position: relative;
	padding-right: 20px;
	padding-bottom: 6px;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.head-sub__list a:hover {
	color: #31743e
}
.head-sub__list a:hover .dec::before {
	-webkit-animation: moveRightIn .8s 1;
	animation: moveRightIn .8s 1
}
.head-sub__list .dec {
	position: absolute;
	right: 0;
	top: 4px;
	font-size: 14px
}
.head-sub__list .dec::before {
	display: block
}
.head-bg {
	-webkit-transition: opacity .4s ease-in-out, -webkit-transform 1.2s ease-in-out;
	transition: opacity .4s ease-in-out, -webkit-transform 1.2s ease-in-out;
	-o-transition: transform 1.2s ease-in-out, opacity .4s ease-in-out;
	transition: transform 1.2s ease-in-out, opacity .4s ease-in-out;
	transition: transform 1.2s ease-in-out, opacity .4s ease-in-out, -webkit-transform 1.2s ease-in-out;
	position: fixed;
	right: -200px;
	top: -200px;
	width: 500px;
	height: 500px;
	background-color: rgba(0,0,0,0.5);
	-webkit-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
	opacity: 0;
	z-index: 300
}
.head-bg.active {
	-webkit-transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
	transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
	-o-transition: transform 1s ease-in-out, opacity .6s ease-in-out;
	transition: transform 1s ease-in-out, opacity .6s ease-in-out;
	transition: transform 1s ease-in-out, opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
	-webkit-transform: scale(10);
	transform: scale(10);
	visibility: visible;
	opacity: 1
}
.m-menu {
	display: none
}
.header-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.header-menu>li {
	padding-left: 30px
}
}
@-webkit-keyframes subnavShow {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes subnavShow {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}



@-webkit-keyframes bgAni {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(20);
transform:scale(20)
}
}
@keyframes bgAni {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(20);
transform:scale(20)
}
}













@media (max-width: 1024px) {
.header-main {
	padding: 10px 0
}
.logo {
	height: 32px
}
.header-main {
	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
}
.m-menu {
	cursor: pointer
}
.m-menu i {
	-webkit-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	width: 20px;
	height: 2px;
	background-color: #262626;
	display: block;
	margin: 5px 0
}
.m-menu i:nth-child(2) {
	width: 15px;
	background-color: #31743e;
	margin-left: auto
}
.open .m-menu i:nth-child(1) {
	-webkit-transform: rotate(46deg) translate(6px, 6px);
	transform: rotate(46deg) translate(6px, 6px)
}
.open .m-menu i:nth-child(2) {
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
.open .m-menu i:nth-child(3) {
	-webkit-transform: rotate(-46deg) translate(4px, -4px);
	transform: rotate(-46deg) translate(4px, -4px)
}
.header-nav {
	position: fixed;
	right: 0;
	top: 48px;
	width: 100%;
	bottom: 0;
	background-color: #fff;
	padding: 20px 0;
	overflow-y: auto;
	display: none;
	z-index: 320
}
.header-menu>li {
	border-top: 1px solid rgba(17,17,17,0.1);
	padding-left: 20px;
	padding-right: 20px
}
.header-menu>li:last-child {
	border-bottom: 1px solid rgba(17,17,17,0.1)
}
.header-menu>li.active .hm-link .icon-down2 {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg)
}
.hm-link {
	font-size: 26px;
	display: block;
	position: relative
}
.hm-link span {
	display: inline-block;
	position: relative;
	padding-right: 30px
}
.hm-link .icon-down2 {
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 12px;
	margin-top: -6px
}
.head-all__btn {
	font-size: 18px;
	color: rgba(17,17,17,0.4);
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 30px
}
.js-subnav {
	display: none
}
.head-subnav {
	padding-top: 6px;
	padding-bottom: 20px
}
.head-sub__intro {
	display: none
}
.head-sub__list li {
	margin-bottom: 30px
}
.head-sub__list a {
	font-size: 18px;
	color: rgba(17,17,17,0.4)
}
.head-sub__list .dec {
	display: none
}
.header-place, .page-place {
	height: 52px
}
}

@media (max-width: 500px) {
.logo {
	height: 38px;margin-top: 0
}
.header-place, .page-place {
	height: 48px
}
.hm-link {
	font-size: 18px;
	padding-top: 18px;
	padding-bottom: 18px
}
.hm-link .icon-down2::before {
	display: block;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
.hm-link span {
	padding-right: 24px
}
.head-sub__list a {
	font-size: 16px
}
}
.footer-top__cont {
	font-size: 0
}
.foot-logo {
	display: inline-block;
	height: 60px
}
.foot-logo img {
	height: 100%;
	width: auto
}
.ftc-left, .ftc-right {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.ftc-right {
	text-align: right
}
.footer-share a {
	position: relative;
	font-size: 16px;
	margin-left: 20px
}
.footer-share a:hover .fs-img {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.footer-share .fs-img {
	position: absolute;
	left: 50%;
	top: -102px;
	width: 100px;
	margin-left: -50px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.ftc-intro {
	color: #707070
}
.ftc-tel {
	font-family: "Helvetica Regular";
	line-height: 1.33333
}
.ftc-txt {
	line-height: 1.6
}
.fbc-intro, .copyright {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color: #707070
}
.fbc-intro a, .copyright a {
	color: #707070
}
.fbc-intro {
	letter-spacing: 1px;
	line-height: 1.6
}
.copyright {
	text-align: right
}

@media (min-width: 1025px) {
.footer-share a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.footer-share a:hover {
	color: #31743e
}
}

@media (max-width: 1440px) {
.foot-logo {
	height: 60px
}
}

@media (max-width: 1440px) {
.foot-logo {
	height: 60px
}
}

@media (max-width: 500px) {
.ftc-left {
	display: none
}
.ftc-right {
	width: 100%;
	text-align: left
}
.footer-share a {
	margin-right: 16px;
	margin-left: 0
}
.footer-share .fs-img {
	left: -40px;
	margin-left: 0
}
.fbc-intro, .copyright {
	width: 100%
}
.copyright {
	text-align: left;
	margin-top: 6px
}
.footer-bottom__cont {
	margin-top: 50px
}
}
.in-guide__txt {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
.in-guide__txt .item-pic img {
	max-width: 100%
}
.in-product {
	position: relative;
	z-index: 100;
	background-color: #fff
}
.in-theory__header {
	position: relative;
	padding-right: 80px
}
.in-theory__header .learn-more {
	position: absolute;
	right: 0;
	bottom: 4px
}
.in-theory__caption .title span {
	color: #31743e
}
.in-theory__caption .txt {
	letter-spacing: 1px;
	margin-top: .41176em
}
.in-theory__list {
	position: relative
}
.in-theory__list .cls-1, .in-theory__list .cls-2 {
	fill: none
}
.in-theory__list .cls-1 {
	stroke: #1e1e1e
}
.in-theory__list .cls-2 {
	stroke: #31743e;
	stroke-width: 5px
}
.in-theory__list::before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -600px;
	width: 1px;
	height: 30000px;
	background-color: rgba(17,17,17,0.1)
}
.in-theory__list li {
	position: relative
}
.in-theory__list .item-pic {
	width: 220px
}
.in-theory__list .item-pic::before {
	padding-top: 73.48837%
}
.in-theory__list .item-svg__box {
	width: 220px;
	position: relative
}
.in-theory__list .item-svg__box::before {
	content: "";
	display: block;
	padding-top: 73.48837%
}
.in-theory__list .item-svg__box svg {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}
.in-theory__list .svg-obj1 {
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px)
}
.in-theory__list .item-title {
	letter-spacing: 1px;
	line-height: 1.25;
	margin-bottom: .25em
}
.in-theory__list .item-intro {
	letter-spacing: 1px;
	line-height: 1.5;
	height: 95px;
	overflow: hidden;
	margin-bottom: 30px
}
.in-theory__list .line-animate3 {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scale(0.4) translate(-40px, 50px);
	transform: scale(0.4) translate(-40px, 50px);
	stroke-width: 14px
}
.animate-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;height: 300px
}
.animate-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-self: center
}
.animate-square .cls-1 {
	opacity: 0.13
}
.animate-square .cls-2 {
	fill: #3b3938
}
.animate-square .cls-3 {
	opacity: 0.04
}
.animate-square1, .animate-square2 {
	border-radius: 8px;
	border: 8px solid #e4e3e4
}
.animate-square1 {
	width: 154px;
	height: 154px
}
.animate-square2 {
	width: 270px;
	height: 270px;
	border-color: rgba(59,57,56,0.04)
}
.animate-square1 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.animate-square svg {
	width: 280px;
	height: 280px
}
.animate-square .rect-box {
	-webkit-transform: scale(0.86);
	transform: scale(0.86);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
.in-tlt {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	vertical-align: middle;
	display: table-cell
}
.in-tlt .texts {
	display: none
}
.in-tlt strong {
	color: #31743e
}
.animate-ele1 {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(0);
	transform: scale(0)
}
.animate-ele2 {
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg)
}
.animate-ele2, .animate-ele3 {
	opacity: 0;
	-webkit-transform-origin: center center;
	transform-origin: center center
}
.svg-polygon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#polygon-path {
	fill: none;
	stroke: rgba(59,56,57,0.12)
}
.animate-solve, .animate-design {
	color:#31743e;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0
}
.animate-solve.show p, .animate-design.show p {
	opacity: 1;
	-webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translateY(0) rotateX(0deg);
	transform: translateY(0) rotateX(0deg)
}
.animate-solve.show p:nth-child(1), .animate-design.show p:nth-child(1) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.animate-solve.show p:nth-child(2), .animate-design.show p:nth-child(2) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.animate-solve.show p:nth-child(3), .animate-design.show p:nth-child(3) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.animate-solve.show.fade-hide p, .animate-design.show.fade-hide p {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}
.animate-solve p, .animate-design p {
	opacity: 0;
	-webkit-transform: translateY(100%) rotateX(-80deg);
	transform: translateY(100%) rotateX(-80deg);
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.animate-solve {
	line-height: 1.19048
}
.animate-design {
	font-family: "HarmonyOSSansbold";
	line-height: .87;
	text-transform: uppercase;
	opacity: 0
}
.line-animate2 .cls-2 {
	opacity: 0
}
.line-animate2 .cls-2:first-child {
	opacity: 1
}


/*新闻*/

.newsbox{overflow: hidden}
.newsleftbox{width: 80%;float: left}
.newsrightbox{width: 19%;float: right}


.newsrightbox .list-3>li{width: 100%}














@media (min-width: 1025px) {
.in-theory__list li:nth-child(4n+1)::before, .in-theory__list li:nth-child(4n+2)::before, .in-theory__list li:nth-child(4n+3)::before, .in-theory__list li:nth-child(4n+4)::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -600px;
	width: 1px;
	height: 30000px;
	background-color: rgba(17,17,17,0.1)
}
}

@media (max-width: 1440px) {
.in-theory__list .item-pic, .in-theory__list .item-svg__box {
	width: 180px
}
.animate-box {
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}
}

@media (max-width: 1366px) {
.in-theory__list .item-pic, .in-theory__list .item-svg__box {
	width: 140px
}
}

@media (max-width: 1024px) {
.in-theory__header .learn-more {
	position: relative;
	bottom: auto;
	right: auto;
	margin-top: 24px
}
.in-theory__list li {
	width: 50%
}
.animate-box {
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}
}

@media (max-width: 1024px) {
.in-theory {
	position: relative
}
.in-theory::before, .in-theory::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 20000px;
	background-color: rgba(17,17,17,0.1)
}
.in-theory::before {
	left: 0
}
.in-theory::after {
	left: 50%
}
.in-theory__list .item-intro {
	height: auto
}
.in-theory__header {
	padding-right: 30px
}
}

@media (max-width: 650px) {
.in-theory__list .item-pic, .in-theory__list .item-svg__box {
	width: 120px
}
.in-theory__list .item-intro {
	font-size: 16px;
	margin-top: 6px;
	margin-bottom: 20px
}
.in-theory__list .item-inner {
	margin-top: 30px
}
.in-news .list-news .col-5 {
	margin-bottom: 60px
}
.animate-box {
	-webkit-transform: scale(0.7);
	transform: scale(0.7)
}
}

@media (max-width: 500px) {
.in-theory::before, .in-theory::after {
	top: -100px
}
.animate-box {
	-webkit-transform: scale(0.6);
	transform: scale(0.6)
}
}
.w1760 {
	max-width: 1760px;
	margin-left: auto;
	margin-right: auto
}
.w1520 {
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto
}
.w1320 {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto
}
.w1140 {
	max-width: 1140px
}
.fs-100 {
	font-size: 100px
}
.fs-84 {
	font-size: 80px
}

.fs-70 {
	font-size: 70px
}


.fs-60 {
	font-size: 60px
}
.fs-40 {
	font-size: 40px
}
.fs-34 {
	font-size: 34px;
	line-height: 1.32353
}
.fs-24 {
	font-size: 24px
}
.fs-22 {
	font-size: 22px
}
.fs-20 {
	font-size: 20px
}
.fs-18 {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.33333
}
.fs-16 {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.6
}
.fs-14 {
	font-size: 14px
}
.fs-12 {
	font-size: 12px
}
.fw-500 {
	font-weight: 500
}
.fw-700 {
	font-weight: 700
}
.ovf {
	overflow: hidden
}
.relative {
	position: relative
}

.beijing{background: url(../images/topbg.jpg) no-repeat top center;}


.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}
.sec-txt {
	font-size: 14px;
	line-height: 1.71429;
	letter-spacing: 1px
}
.paragraph {
	font-size: 14px;
	line-height: 1.71429;
	letter-spacing: 1px
}
.paragraph h3 {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 1px
}
.paragraph h4 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.33333
}
.paragraph strong {
	font-weight: 700
}
.paragraph img {
	max-width: 100%;
	width: auto !important;
	height: auto !important
}
.bothlr-40 {
	margin-left: 40px;
	margin-right: 40px
}
.bothplr-40 {
	padding-left: 40px;
	padding-right: 40px
}
.pc-title {
	letter-spacing: 1px;
	line-height: 1.125
}
.pc-title.fs-34 {
	line-height: 1.32353
}
.page-caption {
	position: relative
}
.page-drop__btn {
	cursor: pointer
}
.page-drop__btn span {
	display: inline-block;
	position: relative;
	padding-right: 30px
}
.page-drop__btn .icon-down {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 12px;
	margin-top: -6px;
	color: #31743e;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
.page-drop__list {
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
	width: 105px;
	text-align: left;
	padding: 24px 12px 0 12px;
	display: none
}
.page-drop__list li {
	margin-bottom: 14px
}
.page-share {
	position: relative
}
.page-share__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 10px;
	z-index: 100
}
.page-share__list a {
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	font-size: 16px;
	color: #262626;
	margin-left: 20px
}
.learn-more {
	display: inline-block;
	font-family: "HarmonyOSSansbold";
	padding-bottom: 8px;
	position: relative
}
.learn-more::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #31743e
}
@-webkit-keyframes move {
100% {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
}
@keyframes move {
100% {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
}
.loading {
	position: relative;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	overflow: hidden;
	display: none
}
.page-tabmodule {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.page-tabmodule a {
	display: inline-block;
	padding: 8px 0
}
.page-tabmodule .item {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.page-tabmodule .item.prohibit {
	opacity: .2;
	pointer-events: none
}
.page-tabmodule .prev a, .page-tabmodule .next a {
	position: relative
}
.page-tabmodule .prev a::after, .page-tabmodule .next a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	height: 4px;
	background-color: #31743e;
	width: 100%
}
.page-tabmodule .back a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.page-tabmodule .btxt {
	margin-left: 6px
}
.page-tabmodule .dots {
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.page-tabmodule .dots i {
	width: 9px;
	height: 9px;
	border: 2px solid #31743e;
	border-radius: 50%;
	margin-right: 1px
}
.page-tabmodule .prev a::after {
	left: 0
}
.page-tabmodule .next a::after {
	right: 0
}
.list-plus {
	width: 14px;
	height: 14px
}
.list-plus::before, .list-plus::after {
	content: "";
	display: block;
	position: absolute;
	background-color: #262626;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.list-plus::before {
	left: 0;
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px
}
.list-plus::after {
	top: 0;
	height: 100%;
	width: 2px;
	left: 50%;
	margin-left: -1px
}
.slick-dots li, .slick-dots button {
	display: inline-block;
	vertical-align: middle
}
.slick-dots li {
	margin-left: 10px;
	margin-right: 10px
}
.slick-dots button {
	padding: 0;
	border: none;
	font-size: 0;
	cursor: pointer;
	position: relative;
	background-color: transparent
}
.slick-geometry button {
	width: 20px;
	height: 20px
}
.slick-geometry button::before, .slick-geometry button::after {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}
.slick-geometry button::before {
	background: url(../assets/images/dot.svg) no-repeat center center;
	background-size: contain;
	opacity: 1
}
.slick-geometry button::after {
	background: url(../assets/images/dot-cur.svg) no-repeat center center;
	background-size: contain;
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}
.slick-geometry .slick-active button::before {
	opacity: 0
}
.slick-geometry .slick-active button::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.btn-down {
	cursor: pointer;
	display: inline-block;
	position: relative
}
.btn-down::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #31743e
}
.btn-down span {
	display: inline-block;
	position: relative;
	padding-bottom: 6px;
	padding-right: 18px
}
.btn-down .dec {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 12px;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
.btn-down .dec::before {
	display: block
}
.scroll-opa {
	opacity: 0;
	-webkit-transition: opacity 2s;
	-o-transition: opacity 2s;
	transition: opacity 2s
}
.scroll-show__txt {
	opacity: 1
}
.scroll-scale {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}
.scroll-scale__ani {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.reveal {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #31743e;
	-webkit-transform: scaleY(0) translateY(105%);
	transform: scaleY(0) translateY(105%);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	pointer-events: none
}
.lazyFadeScale {
	opacity: 0;
	-webkit-transform-origin: center center;
	transform-origin: center center
}
.aspect-ratio {
	background-color: #efefef;
	-webkit-transition: background-color .5s 1s;
	-o-transition: background-color .5s 1s;
	transition: background-color .5s 1s
}
.aspect-ratio.is-inview {
	background-color: transparent
}
.is-inview .reveal, .wow-active .reveal {
	-webkit-animation-name: background-intro;
	animation-name: background-intro;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}
.is-inview .lazyFadeScale, .wow-active .lazyFadeScale {
	-webkit-animation-name: image-intro;
	animation-name: image-intro;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.img_scalin {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: -webkit-transform 10s;
	transition: -webkit-transform 10s;
	-o-transition: transform 10s;
	transition: transform 10s;
	transition: transform 10s, -webkit-transform 10s
}
.img_scalin.is-inview {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.img_scarenew {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: -webkit-transform 2s;
	transition: -webkit-transform 2s;
	-o-transition: transform 2s;
	transition: transform 2s;
	transition: transform 2s, -webkit-transform 2s;
	-webkit-transform-origin: center center;
	transform-origin: center center
}
.img_scarenew.is-inview {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.curtain {
	position: absolute;
	width: calc(50% + 2px);
	height: 100%;
	top: 0;
	background-color: white;
	z-index: 10
}
.curtain--left {
	left: -1px
}
.curtain--right {
	right: -1px
}
.clip-page__img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-clip-path: polygon(0 0, 1% 0, 1% 100%, 0 100%);
	clip-path: polygon(0 0, 1% 0, 1% 100%, 0 100%);
	-webkit-transition: -webkit-clip-path 2s .3s ease-out;
	transition: -webkit-clip-path 2s .3s ease-out;
	-o-transition: clip-path 2s .3s ease-out;
	transition: clip-path 2s .3s ease-out;
	transition: clip-path 2s .3s ease-out, -webkit-clip-path 2s .3s ease-out
}
.clip-page__img.is-inview {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.clipto-bottom__img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0);
	-webkit-transition: -webkit-clip-path 1.2s ease-out;
	transition: -webkit-clip-path 1.2s ease-out;
	-o-transition: clip-path 1.2s ease-out;
	transition: clip-path 1.2s ease-out;
	transition: clip-path 1.2s ease-out, -webkit-clip-path 1.2s ease-out
}
.clipto-bottom__img.is-inview {
	-webkit-clip-path: inset(0% 0% 0% 0%);
	clip-path: inset(0% 0% 0% 0%)
}
img:not([src]):not([srcset]) {
	visibility: hidden
}
::-moz-selection {
color:#fff;
background-color:#31743e
}
::selection {
	color: #fff;
	background-color: #31743e
}
.has-scroll-smooth {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.page-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2000
}

@media (min-width: 1025px) {
.page-drop__btn .icon-down::before {
	display: block
}
.page-drop__btn:hover .icon-down::before {
	-webkit-animation: moveDown 1s 1;
	animation: moveDown 1s 1
}
.page-share:hover .page-share__list {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.learn-more::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
.learn-more:hover::after {
	-webkit-animation: lineHover .8s linear 1;
	animation: lineHover .8s linear 1
}
@-webkit-keyframes lineHover {
0% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes lineHover {
0% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
	
	
	
	.footer-main{margin-top: 50px}
	
	
.btn-down::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
.btn-down:hover::after {
	-webkit-animation: lineHover .8s linear 1;
	animation: lineHover .8s linear 1
}
.btn-down:hover .dec::before {
	-webkit-animation: moveDown 1s 1;
	animation: moveDown 1s 1
}
.btn-down .dev {
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear
}
.btn-down.active .dec {
	-webkit-transform: scale(0.6) rotate(180deg);
	transform: scale(0.6) rotate(180deg);
	-webkit-transform-origin: 55% 39%;
	transform-origin: 55% 39%
}
.page-drop__list a, .page-share__list a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.page-drop__list a:hover, .page-share__list a:hover {
	color: #31743e
}
.page-share__list {
	-webkit-transition: all .5s linear .2s;
	-o-transition: all .5s linear .2s;
	transition: all .5s linear .2s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	position: absolute;
	right: 0;
	top: 100%
}
.page-tabmodule .prev a::after, .page-tabmodule .next a::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
.page-tabmodule .prev a:hover::after, .page-tabmodule .next a:hover::after {
	-webkit-animation: lineHover .8s linear 1;
	animation: lineHover .8s linear 1
}
.page-tabmodule .dots i {
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear
}
.page-tabmodule .back a:hover .dots i:nth-child(1), .page-tabmodule .back a:hover .dots i:nth-child(4) {
	background-color: #31743e
}
}

@media (max-width: 1800px) {
.w1760 {
	width: 90%
}
}

@media (max-width: 1680px) {
.w1520 {
	width: 90%
}
}

@media (max-width: 1440px) {
.fs-100 {
	font-size: 80px
}
.fs-84 {
	font-size: 62px
}
.fs-60 {
	font-size: 56px
}
.fs-40 {
	font-size: 38px
}
.fs-34 {
	font-size: 32px
}
.fs-24 {
	font-size: 22px
}
.fs-22 {
	font-size: 20px
}
.fs-20 {
	font-size: 19px
}
.fs-18 {
	font-size: 17px
}
.fs-16 {
	font-size: 15px
}
.paragraph h3 {
	font-size: 19px
}
.paragraph h4 {
	font-size: 17px
}
.loading {
	width: 80px
}
}

@media (max-width: 1366px) {
.fs-100 {
	font-size: 76px
}
.fs-84 {
	font-size: 60px
}
.fs-60 {
	font-size: 52px
}
.fs-40 {
	font-size: 34px
}
.fs-34 {
	font-size: 30px
}
.bothplr-40 {
	padding-left: 30px;
	padding-right: 30px
}
}

@media (max-width: 1024px) {
.w1520 {
	width: auto;
	margin-left: 24px;
	margin-right: 24px
}
.fs-100 {
	font-size: 68px
}
.fs-84 {
	font-size: 56px
}
.fs-60 {
	font-size: 42px
}
.fs-40 {
	font-size: 34px
}
.fs-34 {
	font-size: 28px
}
.fs-24 {
	font-size: 22px
}
.fs-22 {
	font-size: 20px
}
.fs-20 {
	font-size: 18px
}
.fs-18 {
	font-size: 16px
}
.bothlr-40 {
	margin-left: 24px;
	margin-right: 24px
}
.bothplr-40 {
	padding-left: 24px;
	padding-right: 24px
}
.paragraph h3 {
	font-size: 18px
}
.paragraph h4 {
	font-size: 16px
}
.loading {
	width: 70px
}
.page-share__btn {
	display: none
}
.page-share__list {
	margin-top: 12px
}
.page-share__list a {
	margin-left: 0;
	margin-right: 30px
}
}

@media (max-width: 768px) {
.fs-100 {
	font-size: 62px
}
.fs-84 {
	font-size: 52px
}
.fs-60 {
	font-size: 38px
}
.fs-40 {
	font-size: 32px
}
.fs-34 {
	font-size: 26px
}
}

@media (max-width: 650px) {
.fs-100 {
	font-size: 58px
}
.fs-84 {
	font-size: 42px
}
.fs-60 {
	font-size: 38px
}
.fs-40 {
	font-size: 26px
}
.fs-34 {
	font-size: 20px
}
}

@media (max-width: 500px) {
.bothlr-40 {
	margin-left: 14px;
	margin-right: 14px
}
.bothplr-40 {
	padding-left: 14px;
	padding-right: 14px
}
.fs-100 {
	font-size: 42px
}
.fs-84 {
	font-size: 32px
}
.fs-60 {
	font-size: 26px
}
.fs-40 {
	font-size: 20px;
	line-height: 1.4
}
.fs-34 {
	font-size: 20px
}
.fs-24 {
	font-size: 15px
}
.pc-title br {
	display: none
}
.loading {
	width: 42px
}
.learn-more {
	padding-bottom: 6px
}
.learn-more::after {
	height: 3px
}
.page-tabmodule a {
	padding: 6px 0
}
.page-tabmodule .prev a::after, .page-tabmodule .next a::after {
	height: 3px
}
.page-drop__list {
	left: 0;
	right: auto
}
}
.new-drop__filtrate {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 100
}
.news-wrap {
	position: relative
}


.zoujin-wrap {
	position: relative
}

.new-line {
	position: absolute;
	top: 0;
	width: 1px;
	height: 30000px;
	background-color: rgba(17,17,17,0.1)
}
.new-line.line1 {
	left: 0
}
.new-line.line2 {
	left: 25%
}
.new-line.line3 {
	left: 50%
}
.new-line.line4 {
	left: 75%
}
.new-line.line5 {
	right: 0
}
.list-news .col-5 {
	width: 50%
}
.list-news .col-5 .item-pic::before {
	padding-top: 71.24011%
}
.list-news .item-pic::before {
	padding-top: 100.85714%
}

.list-2 .item-pic::before {
	padding-top: 55.85714%
}
.list-zoujin .item-pic::before {
	padding-top: 55.85714%
}


.list-news .item-attr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.list-news .item-label {
	margin-right: 20px
}
.list-news .item-date {
	font-family: "HarmonyOSSansbold"
}
.list-news .item-title {
	margin-top: 1.2em;
	line-height: 1.4;
	letter-spacing: 1px;

	overflow: hidden
}
.list-news li {
	opacity: 0
}
.list-news li.is-inview {
	-webkit-animation-name: fadeUpAnime;
	animation-name: fadeUpAnime;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.item-ml40 {
	margin-left: 40px;
	margin-right: 40px
}
.nd-attr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.nd-label {
	margin-right: 20px
}
.nd-date {
	font-family: "HarmonyOSSansbold"
}
.nd-title {
	letter-spacing: 1px;
	line-height: 1.83333
}
.nd-caption {
	position: relative
}
.page-share__btn {
	font-size: 14px;
	color: #262626
}
.page-share__btn span {
	display: inline-block;
	position: relative;
	padding-left: 30px
}
.page-share__btn .icon-share {
	position: absolute;
	left: 0;
	top: -4px;
	font-size: 20px;
	color: #111
}
.nd-wrap {
	overflow: hidden
}
.nd-inner {
	position: relative
}
.nd-inner::before, .nd-inner::after {
	content: "";
	display: block;
	width: 1px;
	height: 60000px;
	background-color: rgba(17,17,17,0.1);
	position: absolute;
	top: 0
}
.nd-inner::before {
	left: 0
}
.nd-inner::after {
	right: 0
}
.nd-inner p, .nd-inner h2, .nd-inner h3, .nd-inner h4, .nd-inner h5 {
	margin-left: 40px;
	margin-right: 80px
}
.nd-inner .img-w {
	margin-left: 0;
	margin-right: 0
}
.nd-rline {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 60000px;
	background-color: rgba(17,17,17,0.1)
}
.nd-detail {
	margin-left: 0;
	margin-right: 0
}

@media (min-width: 1025px) {
.page-share__btn {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
	cursor: pointer
}
.page-share__btn .icon-share {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.page-share__btn:hover {
	color: #31743e
}
.page-share__btn:hover .icon-share {
	color: #31743e
}
.list-news .item-title {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}
.list-news .item-title:hover {
	color: #31743e
}
.nd-caption {
	padding-right: 80px
}
.nd-caption .page-share {
	position: absolute;
	right: 0;
	top: 10px
}
}

@media (max-width: 1440px) {
.list-news .item-title {

}
}

@media (max-width: 1366px) {
.item-ml40 {
	margin-left: 30px;
	margin-right: 30px
}
}

@media (max-width: 1280px) {
.list-news .item-attr {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.list-news .item-label {
	width: 100%;
	margin-right: 0
}
.list-news .item-date {
	margin-top: 6px
}
.list-news .item-title {

}
}

@media (max-width: 1024px) {
.item-ml40 {
	margin-left: 24px;
	margin-right: 24px
}
.nd-title {
	line-height: 1.4
}
.nd-inner p {
	margin-left: 20px;
	margin-right: 40px
}
.nd-rline {
	display: none
}
}

@media (max-width: 768px) {
.list-news .col-5 {
	width: 100%
}
.new-line.line2 {
	left: 33.33%
}
.new-line.line3 {
	left: 66.66%
}
.new-line.line4 {
	display: none
}
}

@media (max-width: 650px) {
.new-line.line2 {
	left: 50%
}
.new-line.line3 {
	display: none
}
.nd-push .list-news li:nth-child(3) {
	display: none
}
}

@media (max-width: 500px) {
.item-ml40 {
	margin-left: 14px;
	margin-right: 14px
}
.new-drop__filtrate {
	position: relative;
	right: auto;
	top: auto;
	margin-top: 6px
}
.list-news li {
	width: 100%;
	margin-bottom: 100px
}
.list-news li:last-child {
	margin-bottom: 0
}
.list-news .item-label {
	width: auto
}
.list-news .item-date {
	margin-top: 0;
	margin-left: 4px
}
.list-news .item-title {
	height: auto
}
.list-news .learn-more {
	margin-top: 55px
}
}
.list-contact {
	position: relative
}
.list-contact::before, .list-contact::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 4000px;
	background-color: rgba(17,17,17,0.1)
}
.list-contact::before {
	left: 2px;
	opacity: 0;
	visibility: hidden
}
.list-contact::after {
	right: 1px
}
.list-contact li {
	position: relative;
	-webkit-transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
	transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
	-o-transition: transform 1s ease-in-out, opacity .6s ease-in-out;
	transition: transform 1s ease-in-out, opacity .6s ease-in-out;
	transition: transform 1s ease-in-out, opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
	opacity: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%)
}
.list-contact li:nth-child(1) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.list-contact li:nth-child(2) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.list-contact li:nth-child(3) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.list-contact li:nth-child(4) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.list-contact li:nth-child(5) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.list-contact li:nth-child(6) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.list-contact li:nth-child(7) {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.list-contact li:nth-child(8) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.list-contact li:nth-child(9) {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.list-contact li:nth-child(10) {
	-webkit-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s
}
.list-contact li:nth-child(11) {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.list-contact li:nth-child(12) {
	-webkit-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s
}
.list-contact li:nth-child(13) {
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.list-contact li:nth-child(14) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.list-contact li:nth-child(15) {
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.list-contact li:nth-child(16) {
	-webkit-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s
}
.list-contact li:nth-child(17) {
	-webkit-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s
}
.list-contact li:nth-child(18) {
	-webkit-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s
}
.list-contact li:nth-child(19) {
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s
}
.list-contact li:nth-child(20) {
	-webkit-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	transition-delay: 2.1s
}
.list-contact li:nth-child(21) {
	-webkit-transition-delay: 2.2s;
	-o-transition-delay: 2.2s;
	transition-delay: 2.2s
}
.list-contact li:nth-child(22) {
	-webkit-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	transition-delay: 2.3s
}
.list-contact li:nth-child(23) {
	-webkit-transition-delay: 2.4s;
	-o-transition-delay: 2.4s;
	transition-delay: 2.4s
}
.list-contact li:nth-child(24) {
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s
}
.list-contact li:nth-child(25) {
	-webkit-transition-delay: 2.6s;
	-o-transition-delay: 2.6s;
	transition-delay: 2.6s
}
.list-contact li:nth-child(26) {
	-webkit-transition-delay: 2.7s;
	-o-transition-delay: 2.7s;
	transition-delay: 2.7s
}
.list-contact li:nth-child(27) {
	-webkit-transition-delay: 2.8s;
	-o-transition-delay: 2.8s;
	transition-delay: 2.8s
}
.list-contact li:nth-child(28) {
	-webkit-transition-delay: 2.9s;
	-o-transition-delay: 2.9s;
	transition-delay: 2.9s
}
.list-contact li:nth-child(29) {
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s
}
.list-contact li:nth-child(30) {
	-webkit-transition-delay: 3.1s;
	-o-transition-delay: 3.1s;
	transition-delay: 3.1s
}
.list-contact li:nth-child(31) {
	-webkit-transition-delay: 3.2s;
	-o-transition-delay: 3.2s;
	transition-delay: 3.2s
}
.list-contact li:nth-child(32) {
	-webkit-transition-delay: 3.3s;
	-o-transition-delay: 3.3s;
	transition-delay: 3.3s
}
.list-contact li:nth-child(33) {
	-webkit-transition-delay: 3.4s;
	-o-transition-delay: 3.4s;
	transition-delay: 3.4s
}
.list-contact li:nth-child(34) {
	-webkit-transition-delay: 3.5s;
	-o-transition-delay: 3.5s;
	transition-delay: 3.5s
}
.list-contact li:nth-child(35) {
	-webkit-transition-delay: 3.6s;
	-o-transition-delay: 3.6s;
	transition-delay: 3.6s
}
.list-contact li:nth-child(36) {
	-webkit-transition-delay: 3.7s;
	-o-transition-delay: 3.7s;
	transition-delay: 3.7s
}
.list-contact li:nth-child(37) {
	-webkit-transition-delay: 3.8s;
	-o-transition-delay: 3.8s;
	transition-delay: 3.8s
}
.list-contact li:nth-child(38) {
	-webkit-transition-delay: 3.9s;
	-o-transition-delay: 3.9s;
	transition-delay: 3.9s
}
.list-contact li:nth-child(39) {
	-webkit-transition-delay: 4s;
	-o-transition-delay: 4s;
	transition-delay: 4s
}
.list-contact li:nth-child(40) {
	-webkit-transition-delay: 4.1s;
	-o-transition-delay: 4.1s;
	transition-delay: 4.1s
}
.list-contact li:nth-child(41) {
	-webkit-transition-delay: 4.2s;
	-o-transition-delay: 4.2s;
	transition-delay: 4.2s
}
.list-contact li:nth-child(42) {
	-webkit-transition-delay: 4.3s;
	-o-transition-delay: 4.3s;
	transition-delay: 4.3s
}
.list-contact li:nth-child(43) {
	-webkit-transition-delay: 4.4s;
	-o-transition-delay: 4.4s;
	transition-delay: 4.4s
}
.list-contact li:nth-child(44) {
	-webkit-transition-delay: 4.5s;
	-o-transition-delay: 4.5s;
	transition-delay: 4.5s
}
.list-contact li:nth-child(45) {
	-webkit-transition-delay: 4.6s;
	-o-transition-delay: 4.6s;
	transition-delay: 4.6s
}
.list-contact li:nth-child(46) {
	-webkit-transition-delay: 4.7s;
	-o-transition-delay: 4.7s;
	transition-delay: 4.7s
}
.list-contact li:nth-child(47) {
	-webkit-transition-delay: 4.8s;
	-o-transition-delay: 4.8s;
	transition-delay: 4.8s
}
.list-contact li:nth-child(48) {
	-webkit-transition-delay: 4.9s;
	-o-transition-delay: 4.9s;
	transition-delay: 4.9s
}
.list-contact li:nth-child(49) {
	-webkit-transition-delay: 5s;
	-o-transition-delay: 5s;
	transition-delay: 5s
}
.list-contact li:nth-child(1) .item-box::before, .list-contact li:nth-child(2) .item-box::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 4000px;
	background-color: rgba(17,17,17,0.1)
}
.list-contact li.is-inview {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.list-contact .item-pic::before {
	padding-top: 71.24011%
}
.list-contact .item-city {
	letter-spacing: 1px;
	line-height: 1.42857;
	color: #31743e
}
.list-contact .item-title {
	letter-spacing: 1px;
	line-height: 1.4;
	margin-top: .3em;
	margin-bottom: 1em
}

@media (max-width: 500px) {
.list-contact::before {
	opacity: 1;
	visibility: visible
}
.list-contact li {
	width: 100%;
	margin-bottom: 50px
}
.list-contact li:last-child {
	margin-bottom: 0
}
.list-contact li:nth-child(1) .item-box::before, .list-contact li:nth-child(2) .item-box::before {
	display: none
}
.list-contact .item-inner {
	margin-top: 20px
}
}
.job-bgPic::before {
	padding-top: 35.52632%
}
.job-content {
	position: relative
}
.job-content::before, .job-content::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-color: rgba(17,17,17,0.1);
	width: 1px;
	height: 4000px
}
.job-content::before {
	left: 0
}
.job-content::after {
	right: 0
}
.list-job {
	position: relative
}
.list-job::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-color: rgba(17,17,17,0.1);
	width: 1px;
	height: 4000px
}
.list-job::after {
	left: 23.6%
}
.list-job li {
	cursor: pointer;
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	-o-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1)
}
.list-job li:nth-child(1) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.list-job li:nth-child(2) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.list-job li:nth-child(3) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.list-job li:nth-child(4) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.list-job li:nth-child(5) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.list-job li:nth-child(6) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.list-job li:nth-child(7) {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.list-job li:nth-child(8) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.list-job li:nth-child(9) {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.list-job li:nth-child(10) {
	-webkit-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s
}
.list-job li:nth-child(11) {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.list-job li:nth-child(12) {
	-webkit-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s
}
.list-job li:nth-child(13) {
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.list-job li:nth-child(14) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.list-job li:nth-child(15) {
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.list-job li:nth-child(16) {
	-webkit-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s
}
.list-job li:nth-child(17) {
	-webkit-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s
}
.list-job li:nth-child(18) {
	-webkit-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s
}
.list-job li:nth-child(19) {
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s
}
.list-job li:nth-child(20) {
	-webkit-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	transition-delay: 2.1s
}
.list-job li:nth-child(21) {
	-webkit-transition-delay: 2.2s;
	-o-transition-delay: 2.2s;
	transition-delay: 2.2s
}
.list-job li:nth-child(22) {
	-webkit-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	transition-delay: 2.3s
}
.list-job li:nth-child(23) {
	-webkit-transition-delay: 2.4s;
	-o-transition-delay: 2.4s;
	transition-delay: 2.4s
}
.list-job li:nth-child(24) {
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s
}
.list-job li:nth-child(25) {
	-webkit-transition-delay: 2.6s;
	-o-transition-delay: 2.6s;
	transition-delay: 2.6s
}
.list-job li:nth-child(26) {
	-webkit-transition-delay: 2.7s;
	-o-transition-delay: 2.7s;
	transition-delay: 2.7s
}
.list-job li:nth-child(27) {
	-webkit-transition-delay: 2.8s;
	-o-transition-delay: 2.8s;
	transition-delay: 2.8s
}
.list-job li:nth-child(28) {
	-webkit-transition-delay: 2.9s;
	-o-transition-delay: 2.9s;
	transition-delay: 2.9s
}
.list-job li:nth-child(29) {
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s
}
.list-job li:nth-child(30) {
	-webkit-transition-delay: 3.1s;
	-o-transition-delay: 3.1s;
	transition-delay: 3.1s
}
.list-job li:nth-child(31) {
	-webkit-transition-delay: 3.2s;
	-o-transition-delay: 3.2s;
	transition-delay: 3.2s
}
.list-job li:nth-child(32) {
	-webkit-transition-delay: 3.3s;
	-o-transition-delay: 3.3s;
	transition-delay: 3.3s
}
.list-job li:nth-child(33) {
	-webkit-transition-delay: 3.4s;
	-o-transition-delay: 3.4s;
	transition-delay: 3.4s
}
.list-job li:nth-child(34) {
	-webkit-transition-delay: 3.5s;
	-o-transition-delay: 3.5s;
	transition-delay: 3.5s
}
.list-job li:nth-child(35) {
	-webkit-transition-delay: 3.6s;
	-o-transition-delay: 3.6s;
	transition-delay: 3.6s
}
.list-job li:nth-child(36) {
	-webkit-transition-delay: 3.7s;
	-o-transition-delay: 3.7s;
	transition-delay: 3.7s
}
.list-job li:nth-child(37) {
	-webkit-transition-delay: 3.8s;
	-o-transition-delay: 3.8s;
	transition-delay: 3.8s
}
.list-job li:nth-child(38) {
	-webkit-transition-delay: 3.9s;
	-o-transition-delay: 3.9s;
	transition-delay: 3.9s
}
.list-job li:nth-child(39) {
	-webkit-transition-delay: 4s;
	-o-transition-delay: 4s;
	transition-delay: 4s
}
.list-job li:nth-child(40) {
	-webkit-transition-delay: 4.1s;
	-o-transition-delay: 4.1s;
	transition-delay: 4.1s
}
.list-job li:nth-child(41) {
	-webkit-transition-delay: 4.2s;
	-o-transition-delay: 4.2s;
	transition-delay: 4.2s
}
.list-job li:nth-child(42) {
	-webkit-transition-delay: 4.3s;
	-o-transition-delay: 4.3s;
	transition-delay: 4.3s
}
.list-job li:nth-child(43) {
	-webkit-transition-delay: 4.4s;
	-o-transition-delay: 4.4s;
	transition-delay: 4.4s
}
.list-job li:nth-child(44) {
	-webkit-transition-delay: 4.5s;
	-o-transition-delay: 4.5s;
	transition-delay: 4.5s
}
.list-job li:nth-child(45) {
	-webkit-transition-delay: 4.6s;
	-o-transition-delay: 4.6s;
	transition-delay: 4.6s
}
.list-job li:nth-child(46) {
	-webkit-transition-delay: 4.7s;
	-o-transition-delay: 4.7s;
	transition-delay: 4.7s
}
.list-job li:nth-child(47) {
	-webkit-transition-delay: 4.8s;
	-o-transition-delay: 4.8s;
	transition-delay: 4.8s
}
.list-job li:nth-child(48) {
	-webkit-transition-delay: 4.9s;
	-o-transition-delay: 4.9s;
	transition-delay: 4.9s
}
.list-job li:nth-child(49) {
	-webkit-transition-delay: 5s;
	-o-transition-delay: 5s;
	transition-delay: 5s
}
.list-job li:last-child .item-title, .list-job li:last-child .item-rarea {
	border-bottom: 1px solid rgba(17,17,17,0.1)
}
.list-job.is-inview li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.list-job .active .item-title::before, .list-job .active .item-rarea::before {
	opacity: 1
}
.list-job .active .list-plus::after {
	opacity: 0
}
.list-job .item-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.list-job .item-larea {
	width: 27%
}
.list-job .item-larea .list-plus {
	display: none
}
.list-job .item-rarea {
	width: 73%
}
.list-job .item-title, .list-job .item-rarea {
	border-top: 1px solid rgba(17,17,17,0.1);
	position: relative
}
.list-job .item-title::before, .list-job .item-rarea::before {
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background-color: #31743e;
	opacity: 0
}
.list-job .item-title {
	width: 77%;
	letter-spacing: 1px;
	line-height: 1.41667;
	padding-top: 24px;
	padding-bottom: 24px
}
.list-job .item-rarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 28px;
	padding-bottom: 28px
}
.list-job .item-city {
	width: 36.2%
}
.list-job .item-inner {
	width: 63.8%;
	display: none
}
.list-job .item-txt {
	padding-bottom: 30px
}
.list-job .item-txt h4 {
	margin-bottom: .66667em
}
.list-job .item-txt p {
	max-width: 580px
}
.list-job .item-txt hr {
	border: none;
	height: 1px;
	background-color: rgba(17,17,17,0.1);
	margin-top: 26px;
	margin-bottom: 26px
}
.list-job .list-plus {
	position: absolute;
	right: 0
}

@media (min-width: 1025px) {
.list-job .item-title {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.list-job .item-box:hover .item-title {
	color: #31743e
}
}

@media (max-width: 650px) {
.list-job::after {
	display: none
}
.list-job li:last-child {
	border-bottom: 1px solid rgba(17,17,17,0.1)
}
.list-job li:last-child .item-title, .list-job li:last-child .item-rarea {
	border-bottom: none
}
.list-job .item-larea {
	width: 100%;
	position: relative
}
.list-job .item-larea .list-plus {
	display: block;
	top: 50%;
	margin-top: -7px
}
.list-job .item-title {
	width: auto;
	padding-top: 15px;
	padding-bottom: 15px
}
.list-job .item-rarea {
	border-top: none;
	padding-top: 0;
	padding-bottom: 15px;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.list-job .item-rarea .list-plus {
	display: none
}
.list-job .item-rarea::before {
	display: none
}
.job-bgPic::before {
	padding-top: 56%
}
.job-bgPic img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
}

@media (max-width: 500px) {
.list-job .item-city, .list-job .item-inner {
	width: 100%
}
.list-job .item-inner {
	margin-top: 8px
}
.list-job .item-title {
	font-size: 20px
}
.list-job .item-city {
	font-size: 14px
}
.job-bgPic::before {
	padding-top: 200px
}
}
.service-content {
	position: relative;
	overflow: hidden
}
.service-marquee {
	-webkit-transition: opacity .4s ease-in-out, -webkit-transform 1.6s ease-in-out;
	transition: opacity .4s ease-in-out, -webkit-transform 1.6s ease-in-out;
	-o-transition: transform 1.6s ease-in-out, opacity .4s ease-in-out;
	transition: transform 1.6s ease-in-out, opacity .4s ease-in-out;
	transition: transform 1.6s ease-in-out, opacity .4s ease-in-out, -webkit-transform 1.6s ease-in-out;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0
}
.service-marquee.is-inview {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.service-marquee .js-marquee {
	margin-right: 4px !important
}
.service-marquee .js-marquee-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.service-slick, .service-list {
	position: relative
}
.service-slick::before, .service-slick::after, .service-list::before, .service-list::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 40000px;
	background-color: #E6E6E6
}
.service-slick::before, .service-list::before {
	left: 0
}
.service-slick::after, .service-list::after {
	right: 0
}
.service-slick.is-inview, .service-list.is-inview {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.service-slick .swiper-slide, .service-list .swiper-slide {
	width: 25%
}
.service-slick .item-cont, .service-list .item-cont {
	position: relative
}
.service-slick .item-pic::before, .service-list .item-pic::before {
	padding-top: 185.18519%
}
.service-slick .item-inner, .service-slick .item-more, .service-list .item-inner, .service-list .item-more {
	position: absolute;
	left: 40px
}
.service-slick .item-inner, .service-list .item-inner {
	top: 48px;
	right: 40px;
	color: #fff
}
.service-slick .item-title, .service-list .item-title {
	margin-bottom: .29412em
}
.service-slick .item-more, .service-list .item-more {
	bottom: 34px;
	color: #fff
}
.service-list {
	white-space: nowrap
}
.service-list li {
	width: 378px
}
.service-list .item-inner {
	white-space: normal
}
.sk-arrows {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	font-size: 16px;
	cursor: pointer;
	z-index: 80
}
.sk-arrows.awhite {
	color: #fff
}
.js-service__prev {
	left: 20px
}
.js-service__next {
	right: 20px
}

@media (min-width: 1025px) {
.sk-arrows.awhite {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}
.sk-arrows.awhite:hover {
	color: #31743e
}
.sk-arrows.prev::before, .sk-arrows.next::before {
	display: block
}
.sk-arrows.prev:hover::before {
	-webkit-animation: moveLeftIn 1s 1;
	animation: moveLeftIn 1s 1
}
.sk-arrows.next:hover::before {
	-webkit-animation: moveRightIn 1s 1;
	animation: moveRightIn 1s 1
}
.service-slick .item-txt, .service-list .item-txt {
	-webkit-transition: all .5s linear .2s;
	-o-transition: all .5s linear .2s;
	transition: all .5s linear .2s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
.service-slick .item-pic img, .service-list .item-pic img {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}
.service-slick .item-title, .service-list .item-title {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}
.service-slick .item-title span, .service-list .item-title span {
	display: inline-block;
	position: relative
}
.service-slick .item-title span::after, .service-list .item-title span::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #31743e;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	-o-transition: transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s
}
.service-slick .item-cont:hover .item-txt, .service-list .item-cont:hover .item-txt {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.service-slick .item-cont:hover .item-pic img, .service-list .item-cont:hover .item-pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}

@media (max-width: 1366px) {
.service-slick .item-inner, .service-list .item-inner {
	left: 30px;
	right: 30px
}
.service-slick .item-more, .service-list .item-more {
	left: 30px
}
.service-slick .item-txt, .service-list .item-txt {
	-webkit-transition: all .6s linear .3s;
	-o-transition: all .6s linear .3s;
	transition: all .6s linear .3s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
.service-slick .slick-current .item-txt, .service-list .slick-current .item-txt {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
}

@media (max-width: 1280px) {
.service-slick .swiper-slide {
	width: 33.33%
}
}

@media (max-width: 1024px) {
.service-slick .slick-slide {
	width: 70vw
}
.service-slick .item-inner {
	left: 24px;
	right: 24px
}
.service-slick .item-more {
	left: 24px
}
.service-slick .swiper-slide {
	width: 50%
}
.service-list .item-inner {
	left: 24px;
	right: 24px
}
.service-list .item-txt {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.service-list .item-more {
	left: 24px
}
}

@media (max-width: 580px) {
.service-slick .slick-slide {
	width: 80vw
}
.service-slick .item-inner {
	top: 24px
}
.service-slick .item-more {
	bottom: 24px
}
.service-slick .swiper-slide {
	width: 100%
}
.service-list li {
	width: 80vw
}
.service-list .item-inner {
	top: 24px
}
.service-list .item-more {
	bottom: 24px
}
}
.list-team__row2 .item-cont, .list-team .item-cont {
	position: relative
}
.list-team__row2 .col-5 .item-inner, .list-team .col-5 .item-inner {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 40px;
	margin-top: 0;
	color: #fff;
	z-index: 10
}
.list-team__row2 .item-name, .list-team .item-name {
	letter-spacing: 1px;
	line-height: 1.41667;
	margin-bottom: .41667em
}
.list-team__row2 .col-5, .list-team .col-5 {
	width: 50%
}
.list-team__row2 .col-5 .item-pic::before, .list-team .col-5 .item-pic::before {
	padding-top: 113.15789%
}
.list-team li {
	opacity: 0;
	-webkit-transform: translateY(5%);
	transform: translateY(5%);
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	-o-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1)
}
.list-team li:nth-child(1), .list-team li:nth-child(2), .list-team li:nth-child(3), .list-team li:nth-child(4) {
	position: relative
}
.list-team li:nth-child(1)::before, .list-team li:nth-child(2)::before, .list-team li:nth-child(3)::before, .list-team li:nth-child(4)::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 60000px;
	background-color: rgba(17,17,17,0.1)
}
.list-team li:nth-child(4)::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 60000px;
	background-color: rgba(17,17,17,0.1)
}
.list-team li.is-inview {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.list-team li:nth-child(1) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.list-team li:nth-child(2) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.list-team li:nth-child(3) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.list-team li:nth-child(4) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.list-team li:nth-child(5) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.list-team li:nth-child(6) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.list-team li:nth-child(7) {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.list-team li:nth-child(8) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.list-team li:nth-child(9) {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.list-team li:nth-child(10) {
	-webkit-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s
}
.list-team li:nth-child(11) {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.list-team li:nth-child(12) {
	-webkit-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s
}
.list-team li:nth-child(13) {
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.list-team li:nth-child(14) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.list-team li:nth-child(15) {
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.list-team li:nth-child(16) {
	-webkit-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s
}
.list-team li:nth-child(17) {
	-webkit-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s
}
.list-team li:nth-child(18) {
	-webkit-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s
}
.list-team li:nth-child(19) {
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s
}
.list-team li:nth-child(20) {
	-webkit-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	transition-delay: 2.1s
}
.list-team li:nth-child(21) {
	-webkit-transition-delay: 2.2s;
	-o-transition-delay: 2.2s;
	transition-delay: 2.2s
}
.list-team li:nth-child(22) {
	-webkit-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	transition-delay: 2.3s
}
.list-team li:nth-child(23) {
	-webkit-transition-delay: 2.4s;
	-o-transition-delay: 2.4s;
	transition-delay: 2.4s
}
.list-team li:nth-child(24) {
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s
}
.list-team li:nth-child(25) {
	-webkit-transition-delay: 2.6s;
	-o-transition-delay: 2.6s;
	transition-delay: 2.6s
}
.list-team li:nth-child(26) {
	-webkit-transition-delay: 2.7s;
	-o-transition-delay: 2.7s;
	transition-delay: 2.7s
}
.list-team li:nth-child(27) {
	-webkit-transition-delay: 2.8s;
	-o-transition-delay: 2.8s;
	transition-delay: 2.8s
}
.list-team li:nth-child(28) {
	-webkit-transition-delay: 2.9s;
	-o-transition-delay: 2.9s;
	transition-delay: 2.9s
}
.list-team li:nth-child(29) {
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s
}
.list-team li:nth-child(30) {
	-webkit-transition-delay: 3.1s;
	-o-transition-delay: 3.1s;
	transition-delay: 3.1s
}
.list-team li:nth-child(31) {
	-webkit-transition-delay: 3.2s;
	-o-transition-delay: 3.2s;
	transition-delay: 3.2s
}
.list-team li:nth-child(32) {
	-webkit-transition-delay: 3.3s;
	-o-transition-delay: 3.3s;
	transition-delay: 3.3s
}
.list-team li:nth-child(33) {
	-webkit-transition-delay: 3.4s;
	-o-transition-delay: 3.4s;
	transition-delay: 3.4s
}
.list-team li:nth-child(34) {
	-webkit-transition-delay: 3.5s;
	-o-transition-delay: 3.5s;
	transition-delay: 3.5s
}
.list-team li:nth-child(35) {
	-webkit-transition-delay: 3.6s;
	-o-transition-delay: 3.6s;
	transition-delay: 3.6s
}
.list-team li:nth-child(36) {
	-webkit-transition-delay: 3.7s;
	-o-transition-delay: 3.7s;
	transition-delay: 3.7s
}
.list-team li:nth-child(37) {
	-webkit-transition-delay: 3.8s;
	-o-transition-delay: 3.8s;
	transition-delay: 3.8s
}
.list-team li:nth-child(38) {
	-webkit-transition-delay: 3.9s;
	-o-transition-delay: 3.9s;
	transition-delay: 3.9s
}
.list-team li:nth-child(39) {
	-webkit-transition-delay: 4s;
	-o-transition-delay: 4s;
	transition-delay: 4s
}
.list-team li:nth-child(40) {
	-webkit-transition-delay: 4.1s;
	-o-transition-delay: 4.1s;
	transition-delay: 4.1s
}
.list-team li:nth-child(41) {
	-webkit-transition-delay: 4.2s;
	-o-transition-delay: 4.2s;
	transition-delay: 4.2s
}
.list-team li:nth-child(42) {
	-webkit-transition-delay: 4.3s;
	-o-transition-delay: 4.3s;
	transition-delay: 4.3s
}
.list-team li:nth-child(43) {
	-webkit-transition-delay: 4.4s;
	-o-transition-delay: 4.4s;
	transition-delay: 4.4s
}
.list-team li:nth-child(44) {
	-webkit-transition-delay: 4.5s;
	-o-transition-delay: 4.5s;
	transition-delay: 4.5s
}
.list-team li:nth-child(45) {
	-webkit-transition-delay: 4.6s;
	-o-transition-delay: 4.6s;
	transition-delay: 4.6s
}
.list-team li:nth-child(46) {
	-webkit-transition-delay: 4.7s;
	-o-transition-delay: 4.7s;
	transition-delay: 4.7s
}
.list-team li:nth-child(47) {
	-webkit-transition-delay: 4.8s;
	-o-transition-delay: 4.8s;
	transition-delay: 4.8s
}
.list-team li:nth-child(48) {
	-webkit-transition-delay: 4.9s;
	-o-transition-delay: 4.9s;
	transition-delay: 4.9s
}
.list-team li:nth-child(49) {
	-webkit-transition-delay: 5s;
	-o-transition-delay: 5s;
	transition-delay: 5s
}
.list-team .item-pic::before {
	padding-top: 142.10526%
}
.list-team .item-pic img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.list-team .item-txt {
	margin-top: 16px
}
.list-team__row2 .item-txt {
	margin-top: 20px
}
.list-team__row3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.list-team__row3 .item-cont {
	position: relative
}
.list-team__row3 .item-inner {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 40px;
	margin-top: 0;
	color: #fff;
	z-index: 10
}
.list-team__row3 .item-txt {
	margin-top: 20px
}
.list-team__row3 .item-name {
	letter-spacing: 1px;
	line-height: 1.41667;
	margin-bottom: .41667em
}
.tr3-left, .tr3-right {
	width: 50%
}
.tr3-left .item-box, .tr3-left .item-cont, .tr3-left a {
	height: 100%
}
.tr3-left a {
	display: block
}
.tr3-left .item-pic {
	height: 100%
}
.tr3-left .item-pic::before {
	padding-top: 113.15789%
}
.tr3-left .item-pic img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.tr3-left .item-inner {
	padding-left: 10px;
	padding-right: 10px
}
.tr3-right .item-box {
	margin-bottom: 4px
}
.tr3-right .item-box:last-child {
	margin-bottom: 0
}
.tr3-right .item-pic::before {
	padding-top: 56.57895%
}

@media (min-width: 1025px) {
.list-team .item-name {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}
.list-team a:hover .item-name {
	color: #31743e
}
.list-team__row3 .item-pic img, .list-team__row2 .item-pic img {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}
.list-team__row3 a:hover .item-pic img, .list-team__row2 a:hover .item-pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}

@media (max-width: 1366px) {
.list-team__row2 .col-5 .item-inner, .list-team .col-5 .item-inner {
	left: 30px;
	right: 30px;
	bottom: 30px
}
.list-team__row3 .item-inner {
	left: 30px;
	right: 30px;
	bottom: 30px
}
}

@media (max-width: 1024px) {
.list-team__row2 .col-5 .item-inner, .list-team .col-5 .item-inner {
	left: 24px;
	right: 24px;
	bottom: 24px
}
.list-team__row3 .item-inner {
	left: 24px;
	right: 24px;
	bottom: 24px
}
}

@media (max-width: 768px) {
.list-team__row2 .item-name, .list-team .item-name, .list-team__row3 .item-name {
	margin-bottom: 0
}
.list-team__row2 .item-txt, .list-team__row3 .item-txt {
	margin-top: 12px
}
}

@media (max-width: 650px) {
.list-team__row3 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.tr3-left, .tr3-right {
	width: 100%
}
.tr3-left {
	margin-bottom: 2px
}
}

@media (max-width: 500px) {
.list-team__row2 .col-5, .list-team .col-5 {
	width: 100%
}
.list-team__row2 .col-5 .item-inner, .list-team .col-5 .item-inner {
	left: 20px;
	right: 20px;
	bottom: 20px
}
.list-team__row3 .item-inner {
	left: 20px;
	right: 20px;
	bottom: 20px
}
.list-team li {
	margin-bottom: 50px
}
.list-team .item-name {
	margin-bottom: 0
}
.list-team .item-inner {
	margin-top: 14px
}
}
.pro-filtrate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid rgba(112,112,112,0.2);
	border-bottom: 1px solid rgba(112,112,112,0.2)
}
.pro-filtrate .item {
	width: 190px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 34px 0 46px;
	position: relative
}
.pro-filtrate .item.active {
	width: calc(100% - 190px)
}
.pro-filtrate .item.active .pro-down__icon {
	-webkit-transform: scale(0.8) rotate(180deg);
	transform: scale(0.8) rotate(180deg)
}
.pro-filtrate .item:first-child {
	padding-left: 0
}
.pro-filtrate .item:first-child .pro-filtrate__box {
	display: block
}
.pro-filtrate .item-subset .dec {
	top: 7px
}
.pro-case__item .pro-filtrate__list li {
	margin-right: 45px
}
.pro-filtrate__label {
	width: 116px;
	color: rgba(47,47,47,0.5);
	cursor: pointer
}
.pro-filtrate__box {
	width: calc(100% - 116px);
	display: none
}
.pro-filtrate__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.pro-filtrate__list li {
	margin-right: 60px;
	margin-bottom: 20px
}
.pro-filtrate__list .on .item-subset {
	color: #31743e
}
.pro-filtrate__list .on .dec::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.label-subset {
	position: relative;
	padding-left: 20px;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.label-subset .dec {
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 10px;
	height: 10px;
	border: 2px solid #09a94c;
	border-radius: 50%
}
.label-subset .dec::before {
	-webkit-transition: transform .3s linear;
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -4px;
	background-color: #09a94c;
	border-radius: 50%;
	-webkit-transform: scale(0);
	transform: scale(0)
}
.label-subset.twhite {
	color: #fff
}
.pro-down__icon {
	-webkit-transition: transform .3s linear;
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	position: absolute;
	right: 16px;
	top: 28px;
	font-size: 12px;
	color: #DBDBDB;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
.pro-down__icon::before {
	display: block
}
.pro-case__item {
	border-left: 1px solid #DBDBDB
}
.product-content {
	position: relative
}
.pro-line {
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}
.pro-line::before, .pro-line::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 40000px;
	background-color: rgba(17,17,17,0.1)
}
.pro-line::before {
	left: 0
}
.pro-line::after {
	right: 0
}
.list-product li:last-child {
	margin-bottom: 0
}
.list-product .item-pic::before {
	padding-top: 50%
}
.list-product .column-2 .item-pic::before {
	padding-top: 50%
}
.list-product .item-cont {
	position: relative;
	overflow: hidden
}
.list-product .item-inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	color: #fff
}
.list-product .item-title {
	line-height: 1.25;
	margin-bottom: .25em
}

.list-product .num{    
   
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    width: 100%;
    
}





.list-product .item-txt {
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 20px
}
.list-product .item-label {
	line-height: 1.7
}
.list-product .item-label .dec {
	top: 6px
}
.product-data .page-tabmodule {
	position: relative;
	background-color: #fff;
	border-top: 1px solid rgba(112,112,112,0.2);
	padding-top: 24px;
	padding-bottom: 24px;
	z-index: 100
}
.prodata-header {
	position: relative;
	padding-right: 80px
}
.prodata-header .label-subset {
	position: absolute;
	right: 0;
	bottom: 3px
}
.prodata-caption .title {
	line-height: 1.4;
	margin-bottom: .2em
}
.prodata-caption .txt {
	line-height: 1.6
}
.prodata-banner .item-pic::before {
	padding-top: 50%
}
.prodata-banner .slick-geometry {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center
}
.prodata-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.prodata-sidebar {
	width: 25%;
	position: relative
}
.prodata-sidebar::before, .prodata-sidebar::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 20000px;
	background-color: rgba(17,17,17,0.1)
}
.prodata-sidebar::before {
	left: 0
}
.prodata-sidebar::after {
	right: 0
}
.prodata-sidebar .title {
	line-height: 1.83333
}
.prodata-sidebar__list li {
	border-top: 1px solid #EBEBEB;
	padding-top: 16px;
	padding-bottom: 16px;
	cursor: pointer
}
.prodata-sidebar__list li:last-child {
	border-bottom: 1px solid #EBEBEB
}
.prodata-sidebar__list .item-title {
	position: relative;
	padding-right: 16px;
	line-height: 1.71429
}
.prodata-sidebar__list .list-plus {
	position: absolute;
	right: 0;
	top: 4px
}
.prodata-sidebar__list .list-plus::before, .prodata-sidebar__list .list-plus::after {
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear
}
.prodata-sidebar__list .item-txt {
	color: rgba(17,17,17,0.5);
	margin-top: 10px;
	margin-bottom: 15px;
	display: none
}
.prodata-sidebar__list .active .list-plus::after {
	opacity: 0
}
.prodata-inner {
	width: 75%;
	position: relative
}
.prodata-inner::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	right: 0;
	height: 20000px;
	background-color: rgba(17,17,17,0.1)
}
.prodata-inner p {
	max-width: 850px
}
.prodata-inner .imgw {
	max-width: 100%
}


/*简介*/

.about-sec__item {
    position: relative;
}
.as-bgPic {
    position: relative;
    height: 100vh;
}


.scroll-pagePic:after, .album-shadow:after {
    content: "";
    display: block;
    background: url(../images/img-03.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 11.46%;
    animation: delayPic 10s 1;
}


@media (min-width: 1025px){
.ai-cont {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 30px;
    z-index: 40;
}
	
	.ai1-cont {
    min-height: 413px;
}
	}

.ai1-cont {
    max-width: 950px;
}

.ai-cont {
    text-align: justify;
    letter-spacing: 1px;
    color: #fff;
}
.page-intro {
    text-align: center;
}

.ai1-cont .page-intro span {
    color: #fff;
}
.page-intro .pi-title {
    font-size: 42px;
    letter-spacing: 1px;
    line-height: 1.6;
    display: block;
    font-weight: 700;
}
.ai-cont h5 {
    font-size: 28px;
    margin-bottom: 40px;
    margin-top: 20px;
    letter-spacing: 2px;
}
.ai-cont p {
    font-size: 18px;
    line-height: 1.9;
}




/*校长*/

.indsx{
	width: 100%;
	height: auto;
	position: relative;
}
.indsx .pic{
	width: 100%;
	overflow: hidden;
}
.indsx .pic img{
	display: block;
	width:100%;
	position: relative;
}
.indsx .box{
	position: absolute;
	top:25%;
	width:92%;
	right: 50%;
	margin-right: -500px;

	text-align: center;
	z-index: 3;
}
.indsx .box .warp{
	width:510px;
	float: right;
}
.indsx .box .warp .title h2{
	color: #fff;
	margin-bottom: 15px;
}
.indsx .box .warp .title .tit{
	color: #fff;
	font-size: 36px;
	line-height: 45px;
	margin-bottom: 20px;
}
.indsx .box .warp .details{
	padding-top: 60px;
	position: relative;
}
.indsx .box .warp .details:before{
	display: block;
	width: 1px;
	height: 53px;
	background-color: rgba(255,255,255,0.2);
	position: absolute;
	left: 49.5%;
	top: 0;
	content: '';
}
.indsx .box .warp .details .name{
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
	font-family: 'arial';
	margin-bottom: 10px;
} 
.indsx .box .warp .details .name span{
	font-size: 18px;
	font-family: '微软雅黑';
	padding-left: 10px;
}
.indsx .box .warp .details .fa{
	font-size: 18px;
	line-height: 34px;
	color: #fff;
	font-family: 'arial';
	padding-bottom: 60px;
	margin-bottom: 55px;

}

.indsx .box .warp .title h2 {
    color: #fff;
    margin-bottom: 15px;
}


.indsx .box .warp .details .btns{
	font-size: 18px;
	line-height:28px;
	background-color: #703e1e;
	line-height: 28px;
	width: 166px;
	border:1px solid #703e1e;
	display: block;
	color: #fff;
	font-family: 'arial';
	margin: 0 auto;
	transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}
.indsx .box .warp .details .btns:hover{
	background-color: transparent;
	color: #703e1e;
}





/*联系我们*/


/*message*/
.message{ overflow: hidden; padding:0% 0 0 5.5%; background: url(../images/contact_05.jpg) center bottom no-repeat; background-size: contain;}
.message_tit{ color: #245eb5; margin-bottom: 5.5%;}
.message_tit em{ display:block; margin-bottom: 20px; position: relative; padding-left: 45px;}
.message_tit em:before{ content:""; position: absolute; top:50%; left:0; width:35px; height: 1px; background: #31743e;}
.message_form{}
.message_line{ width:50%; float:left; padding-top:5.5%; border-bottom:1px solid #e5e5e5;}
.message_line label{ display:block; color: #000; margin-bottom: 10px;}
.red_star{ color: #ff0808; margin-left: 4px;}
.message_txt{ width:100%; height: 30px; font-size: 12px;}
.message_line_dif{ width:100%;}
.message_yu{ resize:none; height: 100px; line-height: 20px;}
.message_handle{ clear: both; padding-top:45px;}
.form_submit{ display:block; cursor: pointer; color: #fff; width:100%; padding: 2.86% 0; /*height: 78px;*/ background: #31743e;}

.message_line label {
    display: block;
    color: #000;
	font-size: 18px;
    margin-bottom: 10px;
}





input, textarea, select {
    border: none;
    background: none;
    font-size: 14px;
    vertical-align: middle;
    color: #333;
    font-family: arial, "微软雅黑", Microsoft YaHei;
}



.c-part1 ul {
    margin-top: 75px;
    display: flex;
    justify-content: space-between;
}

.c-part1 ul li {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    padding: 50px 0;
    width: calc(100% / 4 - 10px);
    transition: all .3s;
}


.c-part1 ul li .ico {
    margin-bottom: 20px;
}


.c-part1 ul li .ico img.hv1 {
    display: inline-block;
}
.c-part1 ul li .ico img.hv2 {
    display: none;
}
.c-part1 ul li:hover .ico img.hv2 {
    display: inline-block;
}
.c-part1 ul li:hover h3 {
    color: #31743e;
}
.c-part1 ul li h3 {
    margin-bottom: 18px;
    transition: color .3s;
}

.c-part1 ul li:hover .ico img.hv1 {
    display: none;
}



.c-part1 ul li h3 {
    margin-bottom: 18px;
    transition: color .3s;font-size: 24px
}
.c-part1 ul li p {
    color: #666666;
    font-size: 16px;
	line-height: 28px;
    transition: color .3s;
}



/*师资力量*/
.p-banner {
    position: relative;
}

.img-box {
    position: relative;
    overflow: hidden;
}
.p-banner .item-pic::before {
    padding-top: 19.25%;
}

.img-box::before {
    content: "";
    display: block;
}



.img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.p-banner .item-cont {
    padding-left: 24px;
    padding-right: 24px;
}

.abs-center {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.white {
    color: #fff;
}





.pro-filtare {
    padding-top: 20px;
	width: 100%;text-align: center;position: relative
}

.pro-filtare::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    background: #e3e3e3;
    right: 0;
    display: block;z-index: -1
}




.pro-filtare{display: inline-block;
    vertical-align: middle;}
.pro-filtare ul {
    font-size: 0;
}
.pro-filtare li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 20px;
}
.pro-filtare a {
    font-size: 18px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    padding-bottom: 8px;
    color: rgba(32,32,32,0.8);padding: 10px 30px;border:1px solid #e7e7e7;border-radius: 50px;background: #fff;
}


.pro-filtare li:hover a{background-color: #31743e;color:#fff;}

.pro-filtare .on a{   
    background-color: #31743e;color:#fff;border-radius: 50px;}







.about-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.about-intro .item-pic {
    width: 50%;
}
.img-box {
    position: relative;
    overflow: hidden;
}


.about-intro .item-pic::before {
    padding-top: 62.1951219512%;
}
.img-box::before {
    content: "";
    display: block;
}
.img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.about-intro .item-inner {
    width: 50%;
    padding-left: 5.8%;
}

.color-3o {
    color: #000;
}
.paragraph {
    font-size: 16px;
    line-height: 1.7;
}

.fw-500 {
    font-weight: 500;
}

.paragraph h4 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: .2px;
}
.about-intro .item-txt p {
    font-size: 16px;
    line-height: 1.7142857143;
    font-weight: 500;
    color: #333;
}





/*家园*/
.service-inner1, .service-inner2 {
    letter-spacing: 1px;
    width: 66%;
    margin-left: auto;
    margin-right: auto;
}


.service-inner1 h4 {
    font-size: 34px;
    color: rgba(17,17,17,0.8);
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

.service-inner1 p {
    font-size: 18px;
    line-height: 2;
    color: rgba(17,17,17,0.8);
}



/*课程*/


.service-list__bottom li {
    padding-top: 460px;
    margin-bottom: 70px;
    position: relative;
    background-color: rgba(245,245,245,0.8);
}

.service-list__bottom figure {
    overflow: hidden;
}
.slb-title {
    font-size: 34px;
    color: #3ec193;font-weight: bold;
    margin-bottom: 26px;
}

.slb-txt {
    margin-bottom: 50px;
}


.slb-txt p {
    font-size: 14px;
    line-height: 2;
    color: rgba(17,17,17,0.8);
}

.service-list__bottom .sl-pic {
    height: 100%;
}
.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.service-list__bottom .sl-pic {
    position: relative;
    backface-visibility: hidden;
}
.service-list__bottom .sl-pic {
    -webkit-transition: transform .6s;
    transition: transform .6s;
}

@media (min-width: 1025px){
.service-list__bottom img:hover, .service-list__bottom .sl-pic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

}



@media (min-width: 769px){
.service-list__bottom article {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 675px;
}	
	.service-list__bottom li:nth-child(even) article {
    left: 50%;
		padding: 0 60px;}
	
.service-list__bottom li:nth-child(odd) figure {
    right: 0;
}
	
.service-list__bottom figure {
    top: 0;
    height: 100%;
}
	.service-list__bottom figure, .service-list__bottom article {
    width: 50%;
    position: absolute;
}
	
	
	
	
	.service-list__bottom li:nth-child(odd) article {
    left: 0;
    padding: 0 50px;
}
	
	
	.service-list__bottom article {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 675px;
	
	
	}



.service-list__bottom article {
    width: 50%;
    position: absolute;
}



	}

















@media (min-width: 1025px) {
.pro-filtrate__list .item-subset:hover {
	color: #31743e
}
.pro-filtrate__list .item-subset:hover .dec::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.pro-down__icon {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.pro-filtrate .item:hover .pro-down__icon {
	color: #31743e
}
.pro-filtrate .item:hover .pro-down__icon::before {
	-webkit-animation: moveDown 1s 1;
	animation: moveDown 1s 1
}
.list-product .item-cont {
	height: 400px;
	overflow: hidden
}
.list-product .item-title span {

	position: relative
}
.list-product .item-title span::after {
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: -webkit-transform .4s ease-in-out;
	-o-transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #09a94c;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 1
}
.list-product .item-pic::before {
	padding-top: calc(100vh - 100px)
}
.list-product .item-pic img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.list-product .opa a {
	display: block;
	opacity: .3
}
.list-product a {
	display: block;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	color:#fff;
}
.list-product a:hover .item-title span::after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}

@media (max-width: 1680px) {
.list-product .item-inner {
	bottom: 100px
}
}

@media (max-width: 1440px) {
.list-product .item-inner {
	bottom: 100px
}
}

@media (max-width: 1024px) {
.list-product .item-pic::before {
	padding-top: 80%
}
.list-product .item-pic img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.list-product .column-2 .item-pic::before {
	padding-top: 68%
}
.pro-filtrate .item {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 34px
}
.pro-filtrate__box {
	width: 100%;
	margin-top: 20px
}
.pro-filtrate__list li {
	width: 33.33%;
	margin-right: 0;
	padding-right: 20px
}
.pro-case__item .pro-filtrate__list li {
	margin-right: 0
}
.prodata-sidebar .title {
	line-height: 1.4
}
}

@media (max-width: 768px) {
.prodata-sidebar {
	width: 40%
}
.prodata-inner {
	width: 60%
}
}

@media (max-width: 650px) {
.pro-filtrate {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.pro-filtrate .item {
	width: 100%;
	padding-left: 14px;
	border-bottom: 1px solid #DBDBDB;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0
}
.pro-filtrate .item:last-child {
	border-bottom: none
}
.pro-filtrate .item.active {
	width: 100%
}
.pro-case__item {
	border-left: none
}
.pro-filtrate__list li {
	width: 33.33%
}
.label-subset {
	padding-left: 16px
}
.list-product .item-label {
	position: relative;
	right: auto;
	bottom: auto;
	color:#fff
}
	
.list-product .item-label a{

	color:#fff
}
		
	
.prodata-header .label-subset {
	position: relative;
	right: auto;
	bottom: auto;
	margin-top: 20px
}
}

@media (max-width: 768px) {
	
	
	.service-list__bottom li{padding: 20px;margin-bottom: 20px}
	
	
	.mt-100{margin-top: 20px}
	
	.sjyincang{display: none}
	
	.newsleftbox{width:  100%}
	
	.newsrightbox{display: none}
	
	.page-share{display: none}
	.service-inner1, .service-inner2{width: 88%}
	.c-part1 ul{display: block}
	.c-part1 ul li{width: 100%}
	.page-intro p{width: 100px;margin: 0 auto}
	.page-intro p img{width: 100%}
	
	.service-inner1 h4{font-size: 24px}
	.about-intro .item-pic{width: 100%}
	
	.about-intro .item-inner{width: 90%;padding: 3% 0;margin: 0 auto}

	.indpro{margin: 50px auto 40px;}
	.indpro .title h2,.indsx .box .warp .title h2,.indser .warp .left .title h2,
	.indku .mian .title h2,.indnew .title h2{
		font-size:22px;
		line-height: 40px
	}
	.indsx .box .warp .title h2,.indsx .box .warp .title .tit{margin-bottom: 8px}
	.indpro .title h2 span,.indsx .box .warp .title h2 span,.indser .warp .left .title h2 span,
	.indku .mian .title h2 span,.indnew .title h2 span{
		font-size: 30px;
	}
	.indpro .title{margin-bottom: 30px;}
	.indpro .title img{
		width: 240px;
		margin: 60px 0 10px;
	}
	.indpro .title  .fa,.indsx .box .warp .title .tit,.indser .warp .left .title .fa,
	.indku .mian .title .fa,.indnew .title .fa{
		font-size: 18px;
    	line-height: 30px;
	}
	.indsx .box .warp .details{padding-top: 35px;width: 92%;margin: 0 auto;}
	.indsx .box .warp .details .name, .indsx .box .warp .details .fa{
		display: block;
	}
	.indsx .box .warp .details .fa{margin-bottom: 5px;padding-bottom: 10px}
	.indsx .box .warp .details:before{display: block;height: 25px}
	.indpro #ph-list .swiper-wrapper .swiper-slide{
		width:100%;
	}
	.indpro #ph-list .swiper-wrapper .swiper-slide a .box{
		padding: 30px 3% 0;
	}
	.indpro #ph-list .swiper-wrapper .swiper-slide a .box h2{
	    margin-bottom: 30px;
	    min-height: auto;
	}
	.indsx .box .warp .details .name,.indpro #ph-list .swiper-wrapper .swiper-slide a .box h2,.indsx .box .warp .details .name span{
		font-size: 16px;
	    line-height: 26px;
	}
	.indsx .box .warp .details .btns{width: 120px;font-size: 14px;}
	.indpro #ph-list .swiper-wrapper .swiper-slide a .box .details{
		min-height: auto;
    	margin-bottom: 50px;
	}
	.indpro #ph-list .swiper-wrapper .swiper-slide a .box .details, .indpro #ph-list .swiper-wrapper .swiper-slide a .box .details p{
	    line-height: 26px;
	}
	.indsx .box{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		background-color: #aba7a8;
	}
	.indsx .box .warp{
		width: 100%;
		float: none;
	}
	.indsx .pic img{
		width: 100%;
		margin: 0;
		left: 0;
		height: auto;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.ai-cont {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 30px;
    z-index: 40;
}

	
	
	
	
	
	
	
	
	.pro-filtare::after{display: none}
	
.fs-70{font-size: 20px}
	.list-product .item-txt{color:#fff}
	
	
.list-product .item-inner {
	bottom: 10px
}
.pro-down__icon {
	right: 0
}
.pro-filtrate__list li {
	width: 50%;
	padding-right: 10px
}
.prodata-sidebar, .prodata-inner {
	width: 100%
}
.prodata-sidebar::after, .prodata-inner::after {
	display: none
}
.prodata-main {
	position: relative
}
.prodata-main::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	right: 0;
	height: 20000px;
	background-color: rgba(17,17,17,0.1)
}
.prodata-sidebar__list {
	margin-top: 24px
}
.prodata-inner {
	margin-top: 30px
}
.list-product .item-title {
	font-size: 20px;color:#fff
}
.list-product .item-label {
	font-weight: 500;float: left;margin-left: 5px
}
}
.about-container {
	position: relative
}
.about-container::before, .about-container::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 60000px;
	background-color: #E6E6E6;
	z-index: 200
}
.about-container::before {
	left: 0
}
.about-container::after {
	right: 0
}
.ab-bgImg::before {
	padding-top: 35.72917%
}
.ab-parameter__list .item-box {
	height: 420px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 24px
}
.ab-parameter__list .item-num, .ab-parameter__list .item-word {
	display: inline-block;
	vertical-align: bottom
}
.ab-parameter__list .item-num {
	font-family: Arial;
	color: #31743e
}
.ab-parameter__list .item-word {
	margin-left: .33333em;
	margin-bottom: .33333em
}
.ab-parameter__list .item-txt {
	margin-top: 10px;
	color: #707070
}
.ab-parameter__list .item-inner {
	opacity: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	-o-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1)
}
.ab-parameter__list li.is-inview .item-inner {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.ab-parameter__list li:nth-child(1) .item-inner {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.ab-parameter__list li:nth-child(2) .item-inner {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.ab-parameter__list li:nth-child(3) .item-inner {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.ab-parameter__list li:nth-child(4) .item-inner {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.ab-parameter__list li:nth-child(5) .item-inner {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.ab-parameter__list li:nth-child(6) .item-inner {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.ab-parameter__list li:nth-child(7) .item-inner {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.ab-parameter__list li:nth-child(8) .item-inner {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.ab-parameter__list li:nth-child(9) .item-inner {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.ab-slogan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6
}
.ab-slogan .item-pic, .ab-slogan .item-cont {
	width: 50%
}
.ab-slogan .item-pic::before {
	padding-top: 71.52778%
}
.ab-slogan .item-cont {
	padding: 3.5% 7%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between
}
.ab-slogan .item-txt {
	letter-spacing: 1px;
	line-height: 1.66667;
	width: 100%
}
.ab-honor {
	position: relative;
	padding-right: 23%
}
.ab-honor.bothlr-40 {
	margin-right: 0
}
.ab-honor__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.ab-honor__item.is-inview .ab-honor__list li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.ab-honor__item.is-inview .ab-honor__year, .ab-honor__item.is-inview .btn-down {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.ab-honor__item .item-btn__box {
	width: 100%
}
.ab-honor__item .btn-down {
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	-o-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}
.ab-honor__year {
	width: 38%;
	font-family: Arial;
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	-o-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1)
}
.ab-honor__cont {
	width: 62%
}
.ab-honor__cont .honor-down {
	margin-top: 20px;
	display: none
}
.ab-honor__list li {
	border-bottom: 1px solid rgba(17,17,17,0.1);
	margin-bottom: 10px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	-o-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1);
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.68, 0.06), transform 1.2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.18, 1)
}
.ab-honor__list li:nth-child(1) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.ab-honor__list li:nth-child(2) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.ab-honor__list li:nth-child(3) {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.ab-honor__list li:nth-child(4) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.ab-honor__list li:nth-child(5) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.ab-honor__list li:nth-child(6) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s
}
.ab-honor__list li:nth-child(7) {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.ab-honor__list li:nth-child(8) {
	-webkit-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s
}
.ab-honor__list li:nth-child(9) {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.ab-honor__list li:nth-child(10) {
	-webkit-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s
}
.ab-honor__list li:nth-child(11) {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.ab-honor__list li:nth-child(12) {
	-webkit-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s
}
.ab-honor__list li:nth-child(13) {
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.ab-honor__list li:nth-child(14) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.ab-honor__list li:nth-child(15) {
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.ab-honor__list li:nth-child(16) {
	-webkit-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s
}
.ab-honor__list li:nth-child(17) {
	-webkit-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s
}
.ab-honor__list li:nth-child(18) {
	-webkit-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s
}
.ab-honor__list li:nth-child(19) {
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s
}
.ab-honor__list li:nth-child(20) {
	-webkit-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	transition-delay: 2.1s
}
.ab-honor__list li:nth-child(21) {
	-webkit-transition-delay: 2.2s;
	-o-transition-delay: 2.2s;
	transition-delay: 2.2s
}
.ab-honor__list li:nth-child(22) {
	-webkit-transition-delay: 2.3s;
	-o-transition-delay: 2.3s;
	transition-delay: 2.3s
}
.ab-honor__list li:nth-child(23) {
	-webkit-transition-delay: 2.4s;
	-o-transition-delay: 2.4s;
	transition-delay: 2.4s
}
.ab-honor__list li:nth-child(24) {
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s
}
.ab-honor__list li:nth-child(25) {
	-webkit-transition-delay: 2.6s;
	-o-transition-delay: 2.6s;
	transition-delay: 2.6s
}
.ab-honor__list li:nth-child(26) {
	-webkit-transition-delay: 2.7s;
	-o-transition-delay: 2.7s;
	transition-delay: 2.7s
}
.ab-honor__list li:nth-child(27) {
	-webkit-transition-delay: 2.8s;
	-o-transition-delay: 2.8s;
	transition-delay: 2.8s
}
.ab-honor__list li:nth-child(28) {
	-webkit-transition-delay: 2.9s;
	-o-transition-delay: 2.9s;
	transition-delay: 2.9s
}
.ab-honor__list li:nth-child(29) {
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s
}
.ab-honor__list li:nth-child(30) {
	-webkit-transition-delay: 3.1s;
	-o-transition-delay: 3.1s;
	transition-delay: 3.1s
}
.ab-honor__list li:nth-child(31) {
	-webkit-transition-delay: 3.2s;
	-o-transition-delay: 3.2s;
	transition-delay: 3.2s
}
.ab-honor__list li:nth-child(32) {
	-webkit-transition-delay: 3.3s;
	-o-transition-delay: 3.3s;
	transition-delay: 3.3s
}
.ab-honor__list li:nth-child(33) {
	-webkit-transition-delay: 3.4s;
	-o-transition-delay: 3.4s;
	transition-delay: 3.4s
}
.ab-honor__list li:nth-child(34) {
	-webkit-transition-delay: 3.5s;
	-o-transition-delay: 3.5s;
	transition-delay: 3.5s
}
.ab-honor__list li:nth-child(35) {
	-webkit-transition-delay: 3.6s;
	-o-transition-delay: 3.6s;
	transition-delay: 3.6s
}
.ab-honor__list li:nth-child(36) {
	-webkit-transition-delay: 3.7s;
	-o-transition-delay: 3.7s;
	transition-delay: 3.7s
}
.ab-honor__list li:nth-child(37) {
	-webkit-transition-delay: 3.8s;
	-o-transition-delay: 3.8s;
	transition-delay: 3.8s
}
.ab-honor__list li:nth-child(38) {
	-webkit-transition-delay: 3.9s;
	-o-transition-delay: 3.9s;
	transition-delay: 3.9s
}
.ab-honor__list li:nth-child(39) {
	-webkit-transition-delay: 4s;
	-o-transition-delay: 4s;
	transition-delay: 4s
}
.ab-honor__list li:nth-child(40) {
	-webkit-transition-delay: 4.1s;
	-o-transition-delay: 4.1s;
	transition-delay: 4.1s
}
.ab-honor__list li:nth-child(41) {
	-webkit-transition-delay: 4.2s;
	-o-transition-delay: 4.2s;
	transition-delay: 4.2s
}
.ab-honor__list li:nth-child(42) {
	-webkit-transition-delay: 4.3s;
	-o-transition-delay: 4.3s;
	transition-delay: 4.3s
}
.ab-honor__list li:nth-child(43) {
	-webkit-transition-delay: 4.4s;
	-o-transition-delay: 4.4s;
	transition-delay: 4.4s
}
.ab-honor__list li:nth-child(44) {
	-webkit-transition-delay: 4.5s;
	-o-transition-delay: 4.5s;
	transition-delay: 4.5s
}
.ab-honor__list li:nth-child(45) {
	-webkit-transition-delay: 4.6s;
	-o-transition-delay: 4.6s;
	transition-delay: 4.6s
}
.ab-honor__list li:nth-child(46) {
	-webkit-transition-delay: 4.7s;
	-o-transition-delay: 4.7s;
	transition-delay: 4.7s
}
.ab-honor__list li:nth-child(47) {
	-webkit-transition-delay: 4.8s;
	-o-transition-delay: 4.8s;
	transition-delay: 4.8s
}
.ab-honor__list li:nth-child(48) {
	-webkit-transition-delay: 4.9s;
	-o-transition-delay: 4.9s;
	transition-delay: 4.9s
}
.ab-honor__list li:nth-child(49) {
	-webkit-transition-delay: 5s;
	-o-transition-delay: 5s;
	transition-delay: 5s
}
.ab-honor__list .li-hide {
	display: none
}
.ab-honor__list .item-pic {
	display: none
}
.ab-honor__list .item-title {
	line-height: 1.8;
	padding-bottom: 4px;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
.ab-honor__main {
	position: relative
}
.ab-honor__main::before, .ab-honor__main::after {
	content: "";
	display: block;
	position: absolute;
	top: -1200px;
	width: 1px;
	height: 30000px;
	background-color: #E6E6E6
}
.ab-honor__main::before {
	left: 38%
}
.ab-honor__main::after {
	right: 0
}
.ab-honor__showImg {
	width: 23.6%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	overflow: hidden
}
.ab-honor__imgList li {
	border-top: 1px solid #E6E6E6
}
.ab-honor__imgList li:nth-child(odd) {
	border-right: 1px solid #E6E6E6
}
.ab-honor__imgList .item-box {
	padding: 20px;
	margin-left: 0;
	margin-right: 0
}
.ab-honor__imgList .item-pic::before {
	padding-top: 91.83673%
}
.ab-honor__marquee {
	height: 100%;
	overflow: hidden
}
.ab-global, .ab-partner {
	border-top: 1px solid #E6E6E6
}
.abg-title {
	letter-spacing: 1px;
	line-height: 1.375
}
.abg-txt {
	letter-spacing: 1px;
	line-height: 1.2
}
.abg-img {
	display: none
}
.abg-img::before {
	padding-top: 54.16667%
}
.abg-svg svg {
	width: 100%
}
.ab-partner__list {
	border-top: 1px solid #E5E5E5
}
.ab-partner__list li {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5
}
.ab-partner__list .item-pic::before {
	padding-top: 48.3871%
}

@media (min-width: 769px) {
.ab-parameter__list li:nth-child(4n+1), .ab-parameter__list li:nth-child(4n+2), .ab-parameter__list li:nth-child(4n+3) {
	border-right: 1px solid #E6E6E6
}
}

@media (min-width: 1025px) {
.abg-trect text, .abg-trect rect, .abg-trect path {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.abg-trect:hover rect, .abg-trect:hover path {
	fill: #d21224
}
.abg-trect:hover text {
	fill: #fff
}
.ab-partner__list .item-pic img {
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear
}
.ab-partner__list .item-pic .img-1 {
	opacity: 0
}
.ab-partner__list li:hover .item-pic .img-2 {
	opacity: 0
}
.ab-partner__list li:hover .item-pic .img-1 {
	opacity: 1
}
}

@media (max-width: 1366px) {
.ab-slogan .item-cont {
	padding: 2% 4%
}
}

@media (max-width: 1280px) {
.ab-parameter__list .item-txt br {
	display: none
}
}

@media (max-width: 1024px) {
.ab-slogan .item-pic, .ab-slogan .item-cont {
	width: 100%
}
.ab-slogan .item-cont {
	margin: 30px 20px;
	padding: 0
}
.ab-slogan .item-title, .ab-slogan .item-txt {
	width: 100%
}
.ab-slogan .item-txt {
	margin-top: 40px
}
.abg-img {
	display: block;
	margin-top: 30px
}
.abg-svg {
	display: none
}
.ab-honor__imgList {
	margin-left: 24px
}
}

.pcduan{display: block}
.sjduan{display: none!important}
@media (max-width: 768px) {
.pcduan{display: none!important}
.sjduan{display: block!important}
	.pro-filtare li{margin: 5px}	
	
.ab-parameter__list li {
	width: 50%
}
.ab-parameter__list li:nth-child(even) {
	border-left: 1px solid rgba(17,17,17,0.1)
}
.ab-parameter__list .item-box {
	height: auto;
	padding-top: 40px;
	padding-bottom: 40px
}
}

@media (max-width: 650px) {
.ab-bgImg::before {
	padding-top: 50%
}
.ab-bgImg img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.ab-honor__showImg {
	display: none
}
.ab-honor {
	padding-right: 0
}
.ab-honor__main::after {
	display: none
}
.ab-honor__cont {
	padding-right: 0
}
.ab-honor__list .item-pic {
	width: 100px
}
.ab-honor__list .item-pic::before {
	padding-top: 91.83673%
}
}

@media (max-width: 500px) {
.ab-parameter__list {
	padding-top: 20px;
	padding-bottom: 20px
}
.ab-parameter__list.bothlr-40 {
	margin-left: 0;
	margin-right: 0
}
.ab-parameter__list li {
	width: 100%
}
.ab-parameter__list li:nth-child(even) {
	border-left: none
}
.ab-parameter__list .item-box {
	padding: 10px;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}
.ab-parameter__list .item-txt {
	margin-top: 6px
}
.ab-bgImg::before {
	padding-top: 200px
}
.ab-parameter__list .item-word {
	margin-bottom: 2px;
	font-size: 18px
}
.ab-slogan .item-txt {
	font-size: 14px
}
.page-about .pc-title {
	margin-top: 30px
}
}
.eror-404 {
	overflow-x: hidden
}
.page404 {
	overflow: hidden;
	text-align: center;
	height: calc(100vh - 96px);
	width: 100vw;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.page404 #errorText {
	font-size: 22px;
	margin-top: 40px;
	color: #262626
}
.page404 #errorLink {
	font-size: 20px;
	padding: 12px;
	border: 1px solid;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-top: 20px
}
.page404 #errorLink:hover, .page404 #errorLink:active {
	color: #fff;
	background: #31743e
}
.page404 #g6219 {
	-webkit-transform-origin: 85px 4px;
	transform-origin: 85px 4px;
	-webkit-animation: an1 12s .5s infinite ease-out;
	animation: an1 12s .5s infinite ease-out
}
@-webkit-keyframes an1 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
5% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
15% {
-webkit-transform:rotate(-2.5deg);
transform:rotate(-2.5deg)
}
25% {
-webkit-transform:rotate(2deg);
transform:rotate(2deg)
}
35% {
-webkit-transform:rotate(-1.5deg);
transform:rotate(-1.5deg)
}
45% {
-webkit-transform:rotate(1deg);
transform:rotate(1deg)
}
55% {
-webkit-transform:rotate(-1.5deg);
transform:rotate(-1.5deg)
}
65% {
-webkit-transform:rotate(2deg);
transform:rotate(2deg)
}
75% {
-webkit-transform:rotate(-2deg);
transform:rotate(-2deg)
}
85% {
-webkit-transform:rotate(2.5deg);
transform:rotate(2.5deg)
}
95% {
-webkit-transform:rotate(-3deg);
transform:rotate(-3deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes an1 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
5% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
15% {
-webkit-transform:rotate(-2.5deg);
transform:rotate(-2.5deg)
}
25% {
-webkit-transform:rotate(2deg);
transform:rotate(2deg)
}
35% {
-webkit-transform:rotate(-1.5deg);
transform:rotate(-1.5deg)
}
45% {
-webkit-transform:rotate(1deg);
transform:rotate(1deg)
}
55% {
-webkit-transform:rotate(-1.5deg);
transform:rotate(-1.5deg)
}
65% {
-webkit-transform:rotate(2deg);
transform:rotate(2deg)
}
75% {
-webkit-transform:rotate(-2deg);
transform:rotate(-2deg)
}
85% {
-webkit-transform:rotate(2.5deg);
transform:rotate(2.5deg)
}
95% {
-webkit-transform:rotate(-3deg);
transform:rotate(-3deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}

@media (max-width: 1024px) {
.page404 {
	height: calc(100vh - 120px)
}
.page404 #errorText {
	font-size: 18px;
	margin-top: 0
}
.page404 #errorLink {
	font-size: 16px
}
.page404 #svg2 {
	width: 80%
}
}
.search-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px
}
.search-header h3 {
	color: #000;
	font-size: 24px;
	letter-spacing: .1em;
	line-height: 1.5
}
.search-header p {
	color: #666;
	font-size: 18px;
	letter-spacing: .05em;
	line-height: 1.5
}
.search-header p span {
	color: #333
}
.search-item {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: block;
	padding: 10px 20px;
	background-color: #f8f8f8
}
.search-item h4 {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	color: #000;
	margin-bottom: .25em;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: .05em
}
.search-item p {
	color: #666;
	font-size: 14px;
	line-height: 1.5
}
.search-item:hover {
	background-color: #f5f5f5
}
.search-item:hover h4 {
	color: #333
}
/*# sourceMappingURL=app.css.map */

/*# sourceMappingURL=app.css.map */




.z_index_ecology {
	position: relative;
	padding-top: 7.2916666667vw;
	padding-bottom: 7.2916666667vw;
	padding-bottom: 0
}

@media screen and (max-width: 980px) {
.z_index_ecology {
	padding-top: 40px;
	padding-bottom: 40px
}
}

@media screen and (max-width: 980px) {
.z_index_ecology {
	padding-left: 12px;
	padding-right: 12px
}
}
.z_index_ecology .z_index_tit {
	position: absolute;
	left: 1vw;
	top: 10.8125vw;
	width: 40%
}
.z_index_ecology .warp {
	margin-left: auto;
	width: 52.0833333333vw;
	position: relative
}

@media screen and (max-width: 980px) {
.z_index_ecology .warp {
	width: 90%
}
}
.z_index_ecology .warp .bg {
	display: block;width: 100%
}

.z_index_tit .iconfont {
    font-size: .75625vw;
    font-size: .8vw;
}
.z_index_tit .iconfont {
    width: 30px;
    height: 30px;
    background: #137439;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .625vw;
    margin-left: 0.5208333333vw;
}
.z_index_tit .tit {
    font-size: 2.6041666667vw;
    line-height: 2.6041666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.0416666667vw;
    width: 100%;
}

.z_index_tit .tit2 {
    font-size: 2vw;
    line-height: 2.6041666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.0416666667vw;
    width: 100%;
}





.z_index_tit .slg {
    font-size: 18px;
    line-height: 2vw;
}

.z_index_ecology .slgbox {
	width: 22.9166666667vw;
	height: 22.9166666667vw;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #137439;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 23%
}

@media screen and (max-width: 980px) {
.z_index_ecology .slgbox {
	width: 120px;
	height: 120px
}
}
.z_index_ecology .slgbox .imgbg {
	position: absolute;
	left: 0;
	top: 0%;
	z-index: -1;
	mix-blend-mode: multiply
}
.z_index_ecology .slgbox img {
	display: block;
	width: 9.8958333333vw
}

@media screen and (max-width: 980px) {
.z_index_ecology .slgbox img {
	width: 50px
}
}
.z_index_ecology li {
	width: 13.5416666667vw;
	height: 13.5416666667vw;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 0 1.0416666667vw;
	position: absolute;
	-webkit-transition: ease 1s;
	transition: ease 1s
}

@media screen and (max-width: 980px) {
.z_index_ecology li {
	width: 80px;
	height: 80px
}
}
.z_index_ecology li:nth-child(1) {
	background-color: #f04d22;
	-webkit-clip-path: circle(32% at 50% 50%);
	clip-path: circle(32% at 50% 50%);
	left: 6%;
	top: 28%
}
.z_index_ecology li:nth-child(2) {
	background: #db002a;
	-webkit-clip-path: circle(34% at 50% 50%);
	clip-path: circle(34% at 50% 50%);
	left: 29%;
	top: 50%
}
.z_index_ecology li:nth-child(3) {
	background: #09a94c;
	-webkit-clip-path: circle(36% at 50% 50%);
	clip-path: circle(36% at 50% 50%);
	left: -10%;
	top: 55%
}
.z_index_ecology li.active {
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%)
}
.z_index_ecology li.active .con {
	max-height: 200px
}
.z_index_ecology li .con {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: ease 1s;
	transition: ease 1s
}
.z_index_ecology li .slg {
	height: 4.6041666667vw
}

@media screen and (max-width: 980px) {
.z_index_ecology li .slg {
	height: 30px
}
}
.z_index_ecology li .slg img {
	display: block;
	max-height: 100%;
	margin: 0 auto
}
.z_index_ecology li .tit {
	font-size: 1.0416666667vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #fff
}

@media screen and (max-width: 980px) {
.z_index_ecology li .tit {
	font-size: 16px
}
}
.z_index_ecology li .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #fff;
	margin-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
.z_index_ecology li .desc {
	margin-bottom: 10px
}
}
.z_index_ecology li .z_arr {
	margin: 0 auto;
	background: #eee;
	color: #137439;
	font-weight: bold
}
.z_index_ecology .dot {
	position: absolute;
	border-radius: 50%;
	-webkit-transform-origin: 30% 30px;
	transform-origin: 30% 30px
}
.z_index_ecology .dot.dot1 {
	width: 13px;
	height: 13px;
	background: #ffba00;
	left: 20%;
	top: 20%;
	-webkit-animation: spin-reverse 8s infinite linear;
	animation: spin-reverse 8s infinite linear
}
.z_index_ecology .dot.dot2 {
	width: 31px;
	height: 31px;
	background: #d4daf5;
	border-radius: 50%;
	left: 38%;
	top: 30%;
	-webkit-animation: spin 8s infinite linear;
	animation: spin 8s infinite linear
}
.z_index_ecology .dot.dot3 {
	width: 23px;
	height: 23px;
	background: #ff7537;
	left: -10%;
	top: 40%;
	-webkit-animation: spin 8s infinite linear;
	animation: spin 8s infinite linear
}
.z_index_ecology .dot.dot4 {
	width: 22px;
	height: 22px;
	background: #c4e6eb;
	border-radius: 50%;
	left: 50%;
	top: 80%;
	-webkit-animation: spin-reverse 8s infinite linear;
	animation: spin-reverse 8s infinite linear
}
@-webkit-keyframes spin {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes spin {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@-webkit-keyframes spin-reverse {
from {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes spin-reverse {
from {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}

@media screen and (max-width: 980px) {
.z_index_ecology .z_index_tit {
	position: relative;
	left: auto;
	top: auto;
	width: 100%
}
	
	.z_index_tit .tit{font-size: 24px;}	
	.z_index_tit .tit2{font-size: 16px;margin-top: 20px;line-height: 24px;}
	.z_index_tit .slg{font-size: 15px;line-height: 2}
	
.z_index_ecology li {
	-webkit-clip-path: circle(50% at 50% 50%) !important;
	clip-path: circle(50% at 50% 50%) !important
}
.z_index_ecology li .con {
	display: none
}
}
.z_index_btmwarp {
	padding-left: 11.4583333333vw;
	padding-right: 11.4583333333vw;
	background: #f1f1f1 url(../img/dt.png) no-repeat right center;
	overflow: hidden;
	position: relative;
	z-index: 1
}