.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
}
.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: 1600px) {
.mt-10 {
	margin-top: 9px
}
.mt-20 {
	margin-top: 18px
}
.mt-30 {
	margin-top: 27px
}
.mt-40 {
	margin-top: 36px
}
.mt-50 {
	margin-top: 45px
}
.mt-60 {
	margin-top: 54px
}
.mt-70 {
	margin-top: 63px
}
.mt-80 {
	margin-top: 72px
}
.mt-90 {
	margin-top: 81px
}
.mt-100 {
	margin-top: 90px
}
.mt-110 {
	margin-top: 99px
}
.mt-120 {
	margin-top: 108px
}
.mt-130 {
	margin-top: 117px
}
.mt-140 {
	margin-top: 126px
}
.mt-150 {
	margin-top: 135px
}
.mt-160 {
	margin-top: 144px
}
.mt-170 {
	margin-top: 153px
}
.mt-180 {
	margin-top: 162px
}
.mt-190 {
	margin-top: 171px
}
.mt-200 {
	margin-top: 180px
}
.pt-10 {
	padding-top: 9px
}
.pt-20 {
	padding-top: 18px
}
.pt-30 {
	padding-top: 27px
}
.pt-40 {
	padding-top: 36px
}
.pt-50 {
	padding-top: 45px
}
.pt-60 {
	padding-top: 54px
}
.pt-70 {
	padding-top: 63px
}
.pt-80 {
	padding-top: 72px
}
.pt-90 {
	padding-top: 81px
}
.pt-100 {
	padding-top: 90px
}
.pt-110 {
	padding-top: 99px
}
.pt-120 {
	padding-top: 108px
}
.pt-130 {
	padding-top: 117px
}
.pt-140 {
	padding-top: 126px
}
.pt-150 {
	padding-top: 135px
}
.pt-160 {
	padding-top: 144px
}
.pt-170 {
	padding-top: 153px
}
.pt-180 {
	padding-top: 162px
}
.pt-190 {
	padding-top: 171px
}
.pt-200 {
	padding-top: 180px
}
}
@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
}
}
@media (max-width: 1024px) {
.mt-40 {
	margin-top: 20px
}
.mt-50 {
	margin-top: 25px
}
.mt-60 {
	margin-top: 30px
}
.mt-70 {
	margin-top: 35px
}
.mt-80 {
	margin-top: 40px
}
.mt-90 {
	margin-top: 45px
}
.mt-100 {
	margin-top: 50px
}
.mt-110 {
	margin-top: 55px
}
.mt-120 {
	margin-top: 60px
}
.mt-130 {
	margin-top: 65px
}
.mt-140 {
	margin-top: 70px
}
.mt-150 {
	margin-top: 75px
}
.mt-160 {
	margin-top: 80px
}
.mt-170 {
	margin-top: 85px
}
.mt-180 {
	margin-top: 90px
}
.mt-190 {
	margin-top: 95px
}
.mt-200 {
	margin-top: 100px
}
.pt-40 {
	padding-top: 20px
}
.pt-50 {
	padding-top: 25px
}
.pt-60 {
	padding-top: 30px
}
.pt-70 {
	padding-top: 35px
}
.pt-80 {
	padding-top: 40px
}
.pt-90 {
	padding-top: 45px
}
.pt-100 {
	padding-top: 50px
}
.pt-110 {
	padding-top: 55px
}
.pt-120 {
	padding-top: 60px
}
.pt-130 {
	padding-top: 65px
}
.pt-140 {
	padding-top: 70px
}
.pt-150 {
	padding-top: 75px
}
.pt-160 {
	padding-top: 80px
}
.pt-170 {
	padding-top: 85px
}
.pt-180 {
	padding-top: 90px
}
.pt-190 {
	padding-top: 95px
}
.pt-200 {
	padding-top: 100px
}
}
.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: -8px;
	margin-left: -8px
}
.list-item {
	margin-right: 8px;
	margin-left: 8px
}
.list-mb16>li {
	margin-bottom: 16px
}
.text-center {
	text-align: center
}
@media (min-width: 1025px) {
.list .item-pic img {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.list .item-box:hover .item-pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}
@media (max-width: 1024px) {
.list-4>li {
	width: 33.33%
}
}
@media (max-width: 800px) {
.list-4>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: "MontserratMedium";
	src: url('../assets/fonts/MontserratMedium/MontserratMedium.eot?1650927520');
	src: url('../assets/fonts/MontserratMedium/MontserratMedium.eot?&1650927520#iefix') format('embedded-opentype'), url('../assets/fonts/MontserratMedium/MontserratMedium.woff?1650927518') format('woff'), url('../assets/fonts/MontserratMedium/MontserratMedium.ttf?1650927518') format('truetype');
	font-weight: 700;
	font-style: normal
}
@-webkit-keyframes slideUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 32px, 0);
transform:translate3d(0, 32px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 32px, 0);
transform:translate3d(0, 32px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideLeft {
from {
-webkit-transform:translate3d(32px, 0, 0);
transform:translate3d(32px, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideLeft {
from {
-webkit-transform:translate3d(32px, 0, 0);
transform:translate3d(32px, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideRight {
from {
-webkit-transform:translate3d(-32px, 0, 0);
transform:translate3d(-32px, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideRight {
from {
-webkit-transform:translate3d(-32px, 0, 0);
transform:translate3d(-32px, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
visibility:hidden;
-webkit-transform:translate3d(32px, 0, 0);
transform:translate3d(32px, 0, 0)
}
to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
visibility:hidden;
-webkit-transform:translate3d(32px, 0, 0);
transform:translate3d(32px, 0, 0)
}
to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
visibility:hidden;
-webkit-transform:translate3d(-32px, 0, 0);
transform:translate3d(-32px, 0, 0)
}
to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
visibility:hidden;
-webkit-transform:translate3d(-32px, 0, 0);
transform:translate3d(-32px, 0, 0)
}
to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.slideUp {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}
.slideLeft {
	-webkit-animation-name: slideLeft;
	animation-name: slideLeft
}
.slideRight {
	-webkit-animation-name: slideLeft;
	animation-name: slideLeft
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
.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
}

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

html.sr .load-hidden {
	visibility: hidden
}
html.sr .widget {
	visibility: hidden
}
.container {
	overflow: hidden
}
.wrap {
	margin-left: 80px;
	margin-right: 80px
}
.w1520 {
	max-width: 1520px;
	width: 80%;
	margin-left: auto;
	margin-right: auto
}
.fs-80 {
	font-size: 80px
}
.fs-50 {
	font-size: 50px
}
.fs-34 {
	font-size: 34px
}
.fs-40 {
	font-size: 40px
}
.fs-24 {
	font-size: 24px
}
.fs-20 {
	font-size: 20px
}
.fs-16 {
	font-size: 16px;
	line-height: 1.5
}
.fs-14 {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.71429
}
.fw-500 {
	font-weight: 500
}
.fw-700 {
	font-weight: 700
}


.sec-caption .title {
	color: #FF6E00;
	line-height: 1.16
}
.sec-caption .title.white {
	color: #fff
}
.sec-caption .txt {
	color: #999;
	margin-top: 12px
}
.sec-caption .txt.white {
	color: #fff
}
.s-arrows {
	position: relative;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	cursor: pointer
}
.s-arrows i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.s-arrows.abs {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.s-prev.abs {
	left: 10%
}
.s-next.abs {
	right: 10%
}
.slick-wrap {
	position: relative;
	overflow: hidden
}
.m-img, .m-txt, .m-title {
	display: none
}
@-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
}
}

@media (max-width: 800px) {
.fs-80 {
	font-size: 58px
}
.fs-50 {
	font-size: 40px
}
.fs-40 {
	font-size: 30px
}
.fs-34 {
	font-size: 26px
}
.fs-24 {
	font-size: 18px
}
}
@media (max-width: 750px) {
.m-img, .m-txt, .m-title {
	display: block
}
.p-img, .p-txt, .p-title {
	display: none
}
}
@media (max-width: 650px) {
.fs-80 {
	font-size: 42px
}
.fs-50 {
	font-size: 34px
}
.fs-40 {
	font-size: 28px
}
.fs-34 {
	font-size: 24px
}
.s-prev.abs {
	left: 24px
}
.s-next.abs {
	right: 24px
}
}
@media (max-width: 500px) {
.fs-80 {
	font-size: 34px
}
.fs-50 {
	font-size: 24px
}
.fs-40 {
	font-size: 20px
}
.fs-34 {
	font-size: 18px
}
.fs-24 {
	font-size: 16px
}
.fs-16 {
	font-size: 14px
}
}
.section {
	position: relative
}
.sec1-image::before {
	padding-top: 50%
}
.sec1-cont {
	position: absolute;
	left: 0;
	bottom: 5.3%;
	right: 0;
	text-align: center;
	color: #fff
}
.sec1-cont .title {
	margin-bottom: .275em
}
.sec1-cont .title span {
	color: #FF6E00;
	-webkit-transform: scale(1.16);
	transform: scale(1.16);
	display: inline-block;
	-webkit-transform-origin: 52% 14%;
	transform-origin: 52% 14%
}
.sec1-cont .txt {
	line-height: 1.16667
}
.list-sec2 .item-box {
	border: 1px solid #FF6E00;
	padding: 12% 10.5%;
	min-height: 272px
}
.list-sec2 .item-inner {
	color: #fff;
	margin-top: 30px
}
.list-sec2 .item-icon {
	width: 60px
}
.list-sec2 .item-icon::before {
	padding-top: 100%
}
.list-sec2 .item-title {
	line-height: 1.16667;
	margin-bottom: .20833em
}
.list-sec2 .item-txt {
	line-height: 1.5
}
.list-sec2 .item-stxt {
	display: none
}
.sec2-image {
	width: 72%;
	margin-left: auto;
	margin-right: 100px
}
.sec2-image::before {
	padding-top: 43.41865%
}
.sec2-hint {
	color: #999;
	width: 72%;
	margin-left: 100px
}
.section-hybr .image::before {
	padding-top: 50%
}
.sec3-hint {
	color: #999
}
.list-sec4 .item-box {
	background-color: rgba(0,0,0,0.5)
}
.list-sec4 .item-cont {
	padding: 30px 30px 60px 30px
}
.list-sec4 .item-inner {
	margin-top: 30px
}
.list-sec4 .item-pic::before {
	padding-top: 65.16035%
}
.list-sec4 .item-title {
	color: #FF6E00;
	line-height: 1.17647;
	margin-bottom: .47059em
}
.list-sec4 .item-txt {
	color: #999
}
.list-masonry .col-3 {
	width: 30%
}
.list-masonry .col-3 .item-pic {
	left: 0;
	right: 0;
	max-width: 500px
}
.list-masonry .col-3 .item-pic::before {
	padding-top: 90.72581%
}
.list-masonry .col-7 {
	width: 70%
}
.list-masonry .col-7 .item-pic {
	right: 0;
	top: 0
}
.list-masonry .col-7 .item-pic::before {
	padding-top: 44.64286%
}
.list-masonry .item-pic {
	position: absolute;
	width: 100%
}
.list-masonry .item-box {
	background-color: #222;
	height: 450px;
	position: relative
}
.list-masonry .item-title {
	position: absolute;
	color: #FF6E00;
	line-height: 1.5;
	bottom: 1.66667em;
	left: 1.66667em;
	right: 1.66667em
}
.list-sec6 .item-box {
	background-color: rgba(0,0,0,0.5);
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px
}
.list-sec6 .item-pic {
	width: 76%;
	margin-left: auto;
	margin-right: auto
}
.list-sec6 .item-pic::before {
	padding-top: 100%
}
.list-sec6 .item-title {
	color: #FF6E00;
	line-height: 1.2
}
.slick-spacing .item-box {
	margin-left: 14px;
	margin-right: 14px
}
.slick-covered .slick-slide {
	width: 38.85417vw
}
.slick-covered .item-box {
	background-color: rgba(0,0,0,1);
	position: relative;
	opacity:0.5;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.slick-covered .item-pic::before {
	padding-top: 67.02413%;
	
	
}
.slick-covered .item-inner {
	padding: 40px
}
.slick-covered .item-title {
	color: #FF6E00;
	margin-bottom: .16667em;
	line-height: 1.16667
}
.slick-covered .item-txt {
	color: #fff
}
.slick-covered .slick-current .item-box {
	opacity: 1
}
.sec-hint {
	color: #999
}
.slider-nav {
	background-color: rgba(0,0,0,0.5);
	padding: 22px 5.2%
}
.slider-nav .item-box {
	position: relative;
	opacity: .3;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	cursor: pointer;
	padding-right: 20px
}
.slider-nav .item-box::after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	width: 2px;
	height: 60px;
	background-color: rgba(0,0,0,0.5)
}
.slider-nav .item-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.slider-nav .item-icon {
	width: 60px
}
.slider-nav .item-icon::before {
	padding-top: 100%
}
.slider-nav .item-title {
	padding-left: 1em;
	color: #FF6E00;
	max-width: calc(100% - 60px);
	line-height: 1.2
}
.slider-nav .slick-slide:last-child .item-box::after {
	display: none
}
.slider-nav .slick-slide:nth-child(1) {
	padding-left: 0
}
.slider-nav .slick-current .item-box {
	opacity: 1
}
.slider-for .item-box {
	background-color: rgba(0,0,0,0.5);
	padding-left: 5.2%;
	padding-right: 5.2%
}
.slider-for .item-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.slider-for .item-pic {
	width: 67.5%
}
.slider-for .m-img {
	display: none
}
.slider-for .item-pic1::before {
	padding-top: 35.86957%
}
.slider-for .item-pic2 {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto
}
.slider-for .item-pic2::before {
	padding-top: 64.75904%
}
.slider-for .item-pic3::before {
	padding-top: 28.91304%
}
.slider-for .item-inner {
	width: 32.5%
}
.slider-for .item-icon {
	width: 60px
}
.slider-for .item-icon::before {
	padding-top: 100%
}
.slider-for .item-title {
	color: #FF6E00;
	line-height: 1.125;
	margin-top: .5em;
	margin-bottom: .4em
}
.slider-for .item-txt {
	color: #999;
	max-width: 300px
}
.slider-for .hint {
	position: absolute;
	top: 20px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 4px;
	padding: 5px 8px;
	line-height: 1;
	letter-spacing: 0;
	z-index: 10
}
.slider-for .hint.left {
	left: 20px
}
.slider-for .hint.right {
	right: 20px
}
@-webkit-keyframes symScale {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
75% {
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes symScale {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
75% {
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.modal-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	background: url(../assets/images/show.svg) no-repeat center center;
	background-size: contain;
	cursor: pointer;
	margin-top: -20px;
	margin-left: -20px;
	display: none;
	-webkit-animation: symScale 2s linear infinite;
	animation: symScale 2s linear infinite;
	z-index: 100
}
.close-modal {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 32px;
	height: 32px;
	background: url(../assets/images/close.svg) no-repeat center center;
	background-size: contain;
	z-index: 100
}
.modal-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 1000;
	display: none
}
.modal-image {
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	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
}
.modal-image::before {
	padding-top: 173.33333%
}
.modal-image img {
	width: 100%
}
@media (min-width: 751px) {
.section-hybr .cont {
	position: absolute;
	left: 0;
	right: 0;
	top: 10%;
	z-index: 100
}
.sec3-hint {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 100
}
}
@media (min-width: 1025px) {
.slider-nav .item-box:hover {
	opacity: 1
}
.slick-covered .item-pic img {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.slick-covered .item-box:hover .item-pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.list-sec6 .item-pic {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.list-sec6 .item-box:hover .item-pic {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.list-sec6 .item-box:hover .item-pic img {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@media (max-width: 1600px) {
.list-masonry .item-box {
	height: 400px
}
}
@media (max-width: 1440px) {
.list-sec2 .item-icon {
	width: 52px
}
.list-masonry .item-box {
	height: 350px
}
.list-sec6 .item-box {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px
}
.slick-covered .item-inner {
	padding: 20px
}
.slider-nav .item-icon, .slider-for .item-icon {
	width: 52px
}
}
@media (max-width: 1366px) {
.list-masonry .item-box {
	height: 320px
}
}
@media (max-width: 1280px) {
.slider-for .item-inner {
	width: 100%
}
.slider-for .pt-160 {
	padding-top: 100px
}
.slider-for .item-pic {
	width: 100%;
	margin-top: 30px
}
.slider-for .item-txt {
	max-width: 100%
}
}
@media (max-width: 1024px) {
.sec2-image, .sec2-hint {
	margin-left: auto;
	margin-right: auto
}
.list-sec4 .item-cont {
	padding: 20px 20px 40px 20px
}
.slick-covered .slick-slide {
	width: 80vw
}
.slider-nav {
	display: none
}
.slider-for {
	margin-top: 50px
}
.slider-for .item-box {
	margin-bottom: 30px
}
.s-arrows {
	width: 42px;
	height: 42px
}
}
@media (max-width: 800px) {
.sec1-image::before {
	padding-top: 70%
}
.sec1-image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.list-masonry .col-3, .list-masonry .col-7 {
	width: 100%
}
.list-masonry .col-3 .item-box {
	padding-top: 0
}
.list-masonry .col-7 .item-pic {
	width: 100%
}
.s-arrows {
	width: 36px;
	height: 36px
}
.slider-nav {
	padding-left: 20px;
	padding-right: 20px
}
.slider-nav .slick-slide {
	padding-left: 0
}
.slider-nav .item-box::after {
	display: none
}
.slider-for .pt-160 {
	padding-top: 50px
}
.slider-for .item-box {
	padding-left: 20px;
	padding-right: 20px
}
.list-masonry .item-pic {
	position: relative
}
.list-masonry .item-box {
	height: auto
}
.list-masonry .col-3 .item-pic {
	left: auto;
	right: auto
}
.list-masonry .col-7 .item-pic {
	right: auto;
	top: auto
}
.list-masonry .col-7 .item-pic::before {
	padding-top: 90.72581%
}
.slick-spacing .item-box {
	margin-left: 10px;
	margin-right: 10px
}
}
@media (max-width: 750px) {
.modal-btn {
	display: block
}
.sec1-image::before {
	padding-top: 109.33333%
}
.sec2-image {
	width: 100%
}
.sec2-image::before {
	padding-top: 65.33333%
}
.sec2-hint {
	width: 100%
}
.sec3-cont {
	margin-bottom: 30px
}
.sec3-cont .txt br {
	display: none
}
.sec3-hint {
	margin-top: 10px
}
.sec3-caption .title {
	color: #FF6E00
}
.sec3-caption .title.white {
	color: #FF6E00
}
.sec3-caption .txt {
	color: #999;
	display: none
}
.sec3-caption .txt.white {
	color: #999
}
.section-hybr .sec5-image::before {
	padding-top: 200%
}
.sec5-cont {
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	z-index: 100
}
.slider-for .m-img {
	display: block
}
.slider-for .p-img {
	display: none
}
.slider-for .item-pic1::before {
	padding-top: 143.49206%
}
.slider-for .item-pic2::before {
	padding-top: 64.7619%
}
.slider-for .item-pic3::before {
	padding-top: 115.87302%
}
.sec6-2-cont .txt {
	display: none
}
}
@media (max-width: 650px) {
.sec1-cont {
	bottom: 24px
}
.sec1-cont .title {
	margin-bottom: 5px
}
.list-sec4 li {
	width: 100%
}
.list-masonry .item-title {
	bottom: 20px;
	left: 20px;
	right: 20px
}
.list-sec6 li {
	width: 100%
}
.s-arrows {
	width: 32px;
	height: 32px
}
.slider-for .hint {
	top: 10px
}
.slider-for .hint.left {
	left: 10px
}
.slider-for .hint.right {
	right: 10px
}
.slick-spacing .item-box {
	margin-left: 8px;
	margin-right: 8px
}
.list-sec6 .item-inner {
	margin-top: 10px
}
.list-sec6 .item-box {
	padding: 20px
}
.list-sec6 .item-pic {
	width: 64%
}
}
@media (max-width: 500px) {
.list-sec2 li {
	width: 100%
}
.list-sec2 .col-2 {
	width: 50%
}
.list-sec2 .col-2 .item-box {
	min-height: 72px
}
.list-sec2 .item-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
.list-sec2 .item-box {
	padding: 16px 8px;
	min-height: inherit
}
.list-sec2 .item-inner {
	margin-top: 0;
	width: calc(100% - 26px);
	padding-left: 6px
}
.list-sec2 .item-icon {
	width: 26px
}
.list-sec2 .item-title {
	font-size: 14px
}
.list-sec2 .item-title br {
	display: none
}
.list-sec2 .item-txt {
	font-size: 12px
}
.list-sec2 .item-ltxt {
	display: none
}
.list-sec2 .item-stxt {
	display: block
}
.slider-nav .item-icon, .slider-for .item-icon {
	width: 42px
}
.slider-for .item-title br {
	display: none
}
.list-masonry .item-box {
	height: auto;
	min-height: 280px
}
.slick-covered .item-txt {
	margin-top: 6px
}
.sec2-hint, .sec3-hint, .sec-hint {
	font-size: 12px
}
}
.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: #111
}
.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: #FF6E00
}
.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 */